/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700);
body {font-family:PT Sans !important;}
.container { max-width:900px !important;}

.frasecabecera { font-size:12px; text-align:center; border-bottom:1px solid #ccc; padding:7px 0px 7px 0px; background-color:#eee;}
.navbar { padding:0 !important; margin:0 !important; height:85px !important;}
.marquesina {background-color:#00698C; padding:5px 0px 5px 0px; color:#fff; }
.navbar-nav { margin-top:30px; padding-bottom:0 !important; margin-bottom:0 !important;}
.navbar-brand { padding:0 !important; margin:0 !important;}
.navbar-nav a{ text-transform:uppercase !important; color:#000; border-bottom:2px solid #ccc; paddingleft:5px; padding-right:5px; margin-right:10px; background-color:#ccc;}
.navbar-nav a:hover,.navbar-nav a:active,.navbar-nav a:focus { background-color:#444 !important; border-color:#333; color:#fff;}
.bancabecera{ margin:0 !important; padding:0 !important;}

h2 { font-size:22px !important;}
h3 { font-size:16px !important;}

.formulario { margin-top:40px !important; }
.formulario .form-control { border-radius:0px !important;}
.formulario .form-control:focus { -webkit-box-shadow: none; box-shadow:none; border-color:#00698C;}
.formulario a{ color:#333 !important; font-weight:bold  !important;}
.formulario .btn-enviar { border-radius:0px !important; padding:10px 50px 10px 50px; background-color:#ccc;}
.formulario .btn-enviar:hover {background-color:#00698C; 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:#00698C !important; font-weight:bold;}
.list-group-item { padding-top:5px !important; padding-bottom:5px !important;}
.list-group-item:first-child { border-radius:0px !important;}
.list-group-item:last-child {border-radius:0px !important;}
.imgizq {margin-top:20px;}

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


.footer {background-color:#00698C; 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; display:none; }

@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: #ccc; color: #999 !important;  background-color:#eee; margin-top:20px; }
  	.navbar-separador { margin:0 !important;}
  	.navbar .nav > li > a{ width:90%; text-align:center;}
	
	.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;}
}

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