@charset "UTF-8";

#header .header-top .menu_btn {display: none;}

/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col2 {
	display: block;
	float:left;
	margin: 1% 0 1% 10%;
}
.col3 {
	display: block;
	float:left;
	margin: 1% 0 1% 8%;
}
.col12 {
	display: block;
	float:left;
	margin: 1% 0 1% 2%;
}
.col3b {
	display: block;
	float:left;
	margin: 1% 0 1% 3%;
}

.col2:first-child { margin-left: 0; }
.col3:first-child { margin-left: 0; }
.col3b:first-child { margin-left: 0; }
.col12:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF TWO  */
.span_2_of_2 {
	width: 100%;
}
.span_1_of_2 {
	width: 45%;
}

/*  GRID OF THREE  */
.span_3_of_3 { width: 100%; }
.span_2_of_3 { width: 64%; }
.span_1_of_3 { width: 28%; }

/*  GRID OF THREE B  */
.span_3_of_3b { width: 100%; }
.span_2_of_3b { width: 65.66%; }
.span_1_of_3b { width: 31.33%; }

/*  GRID OF TWELVE  */
.span_12_of_12 {
	width: 100%;
}

.span_11_of_12 {
  	width: 91.5%;
}
.span_10_of_12 {
  	width: 83%;
}

.span_9_of_12 {
  	width: 74.5%;
}

.span_8_of_12 {
  	width: 66%;
}

.span_7_of_12 {
  	width: 57.5%;
}

.span_6_of_12 {
  	width: 49%;
}

.span_5_of_12 {
  	width: 40.5%;
}

.span_4_of_12 {
  	width: 32%;
}

.span_3_of_12 {
  	width: 23.5%;
}

.span_2_of_12 {
  	width: 15%;
}

.span_1_of_12 {
  	width: 6.5%;
}

@media only screen and (max-width: 1390px) {
	#header .header-top .menu-principal ul li a {font-size: 15px;}
	#header .header-top .menu-principal ul li.current a {font-size: 15px;}
	#header .header-top .menu-principal ul li.current span {font-size: 15px;}
	#header .scrolling .logo {margin: 5px 60px 0 2% !important; width: 105px;}
	#header .scrolling .search-cont {right:2%;}
	
}

@media only screen and (max-width: 1240px) {
	#header .header-top .logo {max-width:150px; margin: 15px 20px 0 2%;}
	#header .header-top .logo img {width:100%; height:auto; display: block;}
	#header .header-top .menu-principal ul li a {font-size: 14px;}
	#header .header-top .menu-principal ul li.current a {font-size: 14px;}
	#header .header-top .menu-principal ul li.current span {font-size: 14px;}
	#header .scrolling .menu-principal {margin:13px 0 0;}
	.articulo .breadcrumbs {color: #525252; display: block; font-size: 12px; margin: 0 0 45px;}
	
}

@media only screen and (max-width: 1115px) {
	#header .header-top .search-cont {right:2%;}
	.encuesta {padding: 25px 5% !important; width: 89%;}
}

@media only screen and (max-width: 965px) {
	#header .header-top .menu-principal ul li a {font-size: 12px;}
	#header .header-top .menu-principal ul li.current a {font-size: 12px;}
	#header .header-top .menu-principal ul li.current span {font-size: 12px;}
	.donde-estamos #tabs .menu-donde-estamos li {font-size: 19px; margin: 0 17px 40px;}
	.donde-estamos #tabs .ubicacion .mapa {display: none;}
	.donde-estamos #tabs .ubicacion .info {margin: 0 auto; padding: 20px 5%; position: static; width: 80%;}
}

@media only screen and (max-width: 900px) {
	#header .scrolling .logo {margin: 5px 20px 0 2% !important}
	#header .menu-top .menu-gadgets ul li {border-right:0; font-size:11px; padding: 0 3px;}
	#header .menu-top .menu-phone ul li a {font-size: 11px;}
	#header .menu-top .menu-phone ul li a img {display: none;}
	#header .header-top {height: auto; padding: 0 0 0 0; overflow: hidden;}
	#header .header-top .menu-principal {display: none;}
	#header .header-top .search-cont {right:65px; margin: 11px 0 0 30px;}
	#header .header-top .menu_btn {display: block; background:#003087; padding: 3px; position: absolute; right:0; cursor: pointer;}
	#header .header-top .logo {margin: 8px 20px 8px 2%; max-width: 120px;}
	#header .header-top .menu-principal {clear: both; margin: 0; text-align: center; width: 100%; background:#003087;}
	#header .header-top .menu-principal ul.sf-menu { width:100%; display: block; float: left; padding: 10px 0;}
	#header .header-top .menu-principal ul.sf-menu li {width:100%; display: block; clear: both; text-align: center; margin:5px 0;}
	#header .header-top .menu-principal ul.sf-menu li a, #header .header-top .menu-principal ul.sf-menu li span {color:#FFFFFF; float: none; display: inline-block; padding: 4px 25px; -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;}
    #header .header-top .menu-principal ul.sf-menu li span {margin:0}
	#header .header-top .menu-principal ul.sf-menu li a:hover, #header .header-top .menu-principal ul.sf-menu li span:hover {background: #ffffff; color:#003087;}
	
	#header .header-top .menu-principal ul li.current a {background: none; padding: 4px 25px; margin: 0;}
		#header .header-top .menu-principal ul li.current ul {display: none; }
		#header .scrolling {min-height:48px; overflow: hidden;}
		#header .scrolling .logo {margin: 9px 20px 0 2% !important;}
		#header .scrolling .menu-principal {margin: 11px 0 0;}
	.donde-estamos #tabs .menu-donde-estamos li {font-size: 15px; margin: 0 5px 40px;}
	
	#wrap-articulos #main .contenido .auxi {width:90%;}
	.subheader .submenu li {margin:0 0 10px 0;}
	.noticias .cont-noticias .item .titulo {font-size:23px;}
	form#formProntus .tableform .fieldform {width: 80%;}
	
	#header .header-top .menu-principal ul li ul li a {background: none repeat scroll 0 0 !important; }
	#header .header-top .menu-principal ul li ul li a:hover {background: #ffffff !important; color:#003087 !important; width: auto; padding: 4px 25px  !important; -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; border-bottom: 1px solid #dcdcde  !important;}
	.sf-menu ul{position: unset !important;}
	
}

@media only screen and (max-width: 710px) {
	#header .menu-top {height:auto; min-height: 60px; overflow: hidden;}
	#header .menu-top .menu-gadgets {clear:both; margin: 9px;}
	.slider .item .info {clear: both; padding: 25px 15%; position: relative; right: 0; bottom:0; width: 70%;}
	.slider .owl-controls { top:  55%;}
	.slider .item .info .vermas {right:10%;}
	
	.taxport-item a.foto-tax {display: none;}
	.tax-box {width:98%;}
	.subheader-app .profile-box {position: relative; margin: 0 0 30px 0;}
	.subheader-app .submenu {text-align: left;}
	.subheader-app .submenu li {margin: 10px 0; border-right: none; clear: both; width: 100%;}

}

@media only screen and (max-width: 615px) {
	.donde-estamos #tabs .menu-donde-estamos li {display: block; font-size: 15px; margin: 0 5px 1px;}
	.donde-estamos #tabs .menu-donde-estamos {display: block; margin: 0 auto; text-align: center; width: 83%;}
	form#formProntus .tableform .void {display: none;}
	form#formProntus .tableform .small {width: 100%;}
}

@media only screen and (max-width: 545px) {
	.slider .item .info {text-align: center; position: unset;}
	.slider .item .info .vermas {clear: both; display: block; height: 27px; margin: 20px auto 0; position: unset; text-align: center; width: 27px;}
	.slider {margin: 0 0 50px;}
	.accesos-directos .section {width:90%; margin: 0 auto;}
	.accesos-directos header { margin: 0 0 40px;}
	.noticias .cont-noticias {width:90%; margin: 0 auto;}
	.noticias .cont-noticias .item .titulo {font-size:23px;}
	
	form#formProntus .tableform .fieldform {width:85%;}

}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col2 { 
		margin: 1% 0 1% 0%;
	}
  .col12 { 
		margin: 1% 0 1% 0%;
	}
  .col3 {  margin: 1% 0 1% 0%; }
	.col3b {  margin: 1% 0 1% 0%; }
}

@media only screen and (max-width: 480px) {
	.span_2_of_2, .span_1_of_2 {width: 100%;}
  .span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
  .span_1_of_12, .span_2_of_12, .span_3_of_12, .span_4_of_12, .span_5_of_12, .span_6_of_12, .span_7_of_12, .span_8_of_12, .span_9_of_12, .span_10_of_12, .span_11_of_12, 	.span_12_of_12 {width: 100%;}
	.span_3_of_3b, .span_2_of_3b, .span_1_of_3b { width: 100%; }
}



/* FIN */