/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700);
body {font-family:PT Sans !important; background-color: #333; background-image: url(../img/background.jpg); background-repeat: no-repeat; background-position: center top; background-attachment: fixed; background-size: cover; font-size:16px;}

.container { background-color: #fff; }

.frasecabecera { font-size:12px; text-align:center; border-bottom:1px solid #ccc; padding:7px 0px 7px 0px; background-color:#b20000; color: #fff;}

.marquesina {background-color:#B20000; padding:5px 0px 5px 0px; color:#fff; }

.fondo-rojo { background-color: #B20000 !important; }

.navbar-default {
  background-color: #B20000 !important;
  border: none; 
  margin-top:15px;
  min-height: 65px !important;
  border-radius: 0px !important;
}
  	.navbar-default .navbar-nav li > a {
	    color: #ffffff;
	    margin-top:5px;
	    text-transform: uppercase; 
	}
    .navbar-default .navbar-nav li > a:hover {
      color: #FFF000; 
  	}
.navbar-brand { max-width: 350px; margin-top:5px; }

.bancabecera{ margin:0 !important; padding:0 !important;}

h2 { font-size:22px !important; font-weight: bold;}
h3 { font-size:18px !important;font-weight: bold;}

h3.destacado {
	border-bottom:3px solid #f00;
	margin-bottom:10px;
	margin-top:30px;
	padding-bottom:5px;
}

.borde-formulario { border:1px solid #ccc; background-color: #eee; min-height: 835px;  }
.borde-formulario .cabecera-formulario{border-bottom:1px solid #ccc; padding-bottom: 10px; margin-bottom: 10px; background-color: #ccc}

.fancybox img {border:1px solid #999; padding:5px;}

.formulario { margin-top:40px !important; }
.formulario .form-control:focus { -webkit-box-shadow: none; box-shadow:none; border-color:#B20000;}
.formulario a{ color:#333 !important; font-weight:bold  !important;}
.formulario .btn-enviar {  padding:10px 50px 10px 50px; background-color:#ccc;}
.formulario .btn-enviar:hover {background-color:#B20000; color:#fff;}
.formulario label.error{ color:#f00 !important; font-size:11px;  z-index:auto;}


.marcas ul{ padding:0px !important; list-style:none; width:100% !important;}
.marcas ul li a{ float:left; width:22%; padding:0px 0px 0px 3%!important; font-size:14px; margin-bottom:5px; color:#333; background:url(../img/li-marcas.png) no-repeat center left;}

.pobla { margin:0 !important; padding:0 !important;}
.pobla h2{ background-color:#00668C; padding:5px 10px 5px 10px; color:#fff; font-size:15px !important;}
.pobla ul{ padding:0px 0px 0px 30px !important; list-style:none; width:100% !important;}
.pobla ul li a{ float:left; width:22%; padding:0px 0px 0px 3%!important; font-size:12px; margin-bottom:5px; color:#333; background:url(../img/li-marcas.png) no-repeat center left;}

.list-group {margin-top:25px !important; }
.list-group .active {background-color:#B20000 !important; font-weight:bold;}
.list-group-item { padding-top:5px !important; padding-bottom:5px !important;}
.list-group-item:first-child { }
.list-group-item:last-child {}
.imgizq {margin-top:20px;}

.sinmargen{margin:0 !important;}
.sinpadding{padding:0 !important;}


.footer {background-color:#B20000; padding:10px 0px 10px 0px; color:#fff; font-size:12px; margin-top:50px;}
.footer a{ color:#fff !important; font-weight:bold;}

/*#cargando {  width:600px; padding:100px 40px 100px 40px;z-index:1000; position: absolute; margin-left:-220px; margin-right:auto; left:50%; top:666px; background-color:#eee; color:#333; font-weight:bold; text-align:center; border:5px solid #000; font-size:16px; box-shadow:10px 10px 10px #333;  } */

@media (min-width: 992px) and (max-width: 1199px) {
		
}
@media (min-width: 768px) and (max-width: 991px){
.marcas ul li a{ float:left; width:22%; padding:0px 0px 0px 3%!important; font-size:13px; margin-bottom:5px; color:#333; background:url(../img/li-marcas.png) no-repeat center left;}

}
@media (max-width: 767px) {
	/* FORMATO RESPONSIVE */
	
	.navbar .navbar-toggle { border-color: #fff; color:#fff !important;  background-color:transparent; margin-top:15px; }
	.navbar .navbar-toggle:hover,.navbar .navbar-toggle:active {  background-color:transparent !important;  }
	.navbar-toggle .icon-bar {  background-color: #FFFFFF !important;}
  	.navbar-separador { margin:0 !important;}
  	.navbar .nav > li > a{ width:90%; text-align:center;}
	.navbar-brand { max-width: 250px; margin-top:10px !important; }

	.formulario .btn-enviar {width:100%;}
	.marcas ul li a{ float:left; width:90%; padding:0px 0px 0px 10%!important; font-size:15px; margin-bottom:10px; }
	.pobla ul li a{ float:left; width:90%; padding:0px 0px 0px 10%!important; font-size:15px; margin-bottom:10px; }
	.list-group {margin-left:15px !important; margin-right:15px !important;}
.borde-formulario { margin:15px;  }
}

.margen-top-10 {  margin-top:10px !important;}
.margen-top-20 {  margin-top:20px !important;}
.margen-top-30 {  margin-top:30px !important;}


.list-group {
  margin-top: 10px !important; }
  .list-group .active {
    background-color: #B20000;
    border-color: #B20000; }
    .list-group .active:hover {
      background-color: #B20000;
      border-color: #B20000; }

.cargandoload {
	position: fixed;
	top:0px;
	left:0px;
	z-index: 1000;
	width: 100vw;
	height: 100vh;
	background-color: rgba(0,0,0,0.8);
	display: none;
}
.cargandoload .cargandoinfo {
	color: #fff;
	font-size: 28px;
	 position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}