@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: "58743";
    src: url(58743.otf);
}


body {
	height:100%;
	width:100%;
	margin:0;
	background:#840000 url(imagenes/fondo.png) no-repeat top left;
	background-size:cover;
}

header {
	width:100%;
}

.top {
	background: #0063a8;
	height:4px;
}

#header {
	height:199px;
}

#logo {
	float:left;
	width:30%;
	margin-left:10%;
}

.logo {
	height:136px;
	width:367px;
	background:url(imagenes/logo.png) no-repeat;
}

.transparencia {
	height:199px;
	float:right;
	width:33%;
	margin-right:0;
	padding-right:3%;
}

.facebook {
	float:right;
	padding-right:2%;
	margin-top:-66px;
}

.facebook1 {
	float:right;
	padding-right:20%;
}

.loguito {
	margin-left:-4px;
}

.leer_mas {
	text-align:right;
	color:#6fb9ea;
	font-family:Arial;
	font-size:12px;
}

.fondo_col {
	width:27%;
	float:right;
	display: table;
	height: auto;
}

.columna1 {
	font-family:Arial;
	display:table-row;
    font-size:22px;
	color:#FFF;
	background:#dbdbdb;
	width:100%;
	float:center;
	margin:0 auto;
}


.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;
	position:relative;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;
	overflow:hidden;
}
/* 2 Column (right menu) settings */
.rightmenu {
	background:rgba(255, 255, 255, 0.5);;		/* right column background colour */
}
.rightmenu .colleft {			/* right column width */
	background:rgba(255, 255, 255, 0.5);;		/* left column background colour */
}
.rightmenu .col1 {
	width:100%;			/* left column content width (left column width minus left and right padding) */
				/* (right column width) plus (left column left padding) */
}
.rightmenu .col2 {
	width:0;			/* right column content width (right column width minus left and right padding) */
	left:0;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
}


.loguitos {
	width:34px;
	height:34px;
	display: table-cell;
	padding-left:6px;
}

.loguitos1 {
	width:34px;
	height:34px;
	display: table-cell;
	padding-left:0;
}

.sociales {	
	margin-top: 30px;
	padding:5px;
}

.relleno {
	background:#dbdbdb;
	height:00px;
	overflow:hidden;
    position:relative;	
	
}

.informar_pago {
	background:url(imagenes/informar_pago.png) repeat-x;
	border:1px solid #fff;
	font-family:Century Gothic;
	font-size:0.7em;
	color:#fff;
	margin-top:30px;
	padding:0 10px;
	line-height:2.7em;
	height:42px;
	width:85%;
}

.no_soy_moroso {
	background:url(imagenes/no_soy_moroso.png) repeat-x;
	border:1px solid #fff;
	font-family:Century Gothic;
	font-size:0.7em;
	color:#fff;
	margin-top:30px;
	padding:0 10px;
	line-height:2.7em;
	height:42px;
	width:85%;
}

.video {
	width:85%;
	height:auto;
	margin-top:30px;
}

.derecha {
	width:85%;
	height:auto;
	margin-top:30px;
	margin-bottom:10px;
}

.galeria {
	width:100%;
	background:#ccc;
	position: relative;
	margin:0 auto 6px;
	height:222px;
}

.imagen_galeria {
	width:67%;
	height:222px;
	float:right;
	position:relative;
	z-index:0;
}

.fondo_texto {
	background:#464646 url(imagenes/transparencia_galeria.png) no-repeat right bottom;
	width:33%;
	height:222px;
	margin:0 auto;
	float:left;	
	position:absolute;
	z-index:0;
}

.sombra_galeria {
	width:3%;
	background:url(imagenes/sombra_galeria.png) no-repeat right top;
	position:absolute;
	height:222px;
	z-index:1;
	margin-left:33%;
}

h1 {
	font-family: '58743', cursive;
	text-shadow:1px 1px 2px #ddd;
	font-size:1.8em;
	color: #C10A0A;
	line-height:1.2em;
	font-weight:bold;
	text-align:center;
	margin:13px auto;
}

h2:first-child {
	margin-top:122px;
}

h2 {
    font-family: '58743', sans-serif;
	font-size:2em;
	font-weight:bold;
	color:#fff;
	text-shadow:1px 1px 2px #000;
	line-height:0.2em;
	text-align:center;
}

h2 a {
	color:#fff;
	font-size:0.7em;
	text-decoration:none;
}

h2 a:hover {
	color:#0081aa;
}

h3 {
    font-family: 'Trebuchet MS', Arial, sans-serif;
	font-size:1.6em;
	font-weight:bold;
	color:#004e79;
	text-shadow:1px 1px 2px #fff;
	line-height:0;
	letter-spacing:0.03em;
	text-align:center;
}

h3 a {
    font-family: 'Trebuchet MS', Arial, sans-serif;
	font-size:0.9em;
	font-weight:bold;
	color:#004e79;
	text-shadow:1px 1px 2px #fff;
	line-height:0.9em;
	letter-spacing:0.03em;
	text-align:center;
	text-decoration:none;
}

h3 a:hover {
	color:#A50404;
}

h4 {
    font-family: 'Open Sans', sans-serif;
	font-size:1em;
	font-weight:normal;
	color:#525252;
	line-height:1.5em;
	text-align:justify;
	margin:0 3% 1% 1.5%;
}

h4 a {
    font-family: 'Open Sans', sans-serif;
	font-size:1em;
	color:#777;
	line-height:1.3em;
	text-align:justify;
	text-decoration:none;
}

h4 a:hover {
	color:#ec8027;
	text-decoration:none;
}

h5 {
    font-family: 'Open Sans', sans-serif;
	font-size:1em;
	font-weight:normal;
	color:#fff;
	line-height:1.1em;
	text-align:justify;
	margin:1.3% 3% 1% 1.5%;
	text-decoration:none;
	text-shadow:1px 1px 2px #000;
}

h5 a {
    font-family: 'Open Sans', sans-serif;
	font-size:1em;
	font-weight:normal;
	color:#fff;
	line-height:1.3em;
	text-align:justify;
	margin:1.3% 3% 1% -0.5%;
	text-decoration:none;
	text-shadow:1px 1px 2px #000;
}

h5 a:hover {
	color:#3da6c3;
}

h6 {
    color: #0081aa;
    font-family: "58743",sans-serif;
    font-size: 1.5em;
    font-weight: bold;
    line-height: 1em;
    margin: 33px auto 13px;
    text-align: center;
    text-shadow: 2px 2px 1px #eee;
}

h7 {
    font-family: 'Trebuchet MS', Arial, sans-serif;
	font-size:2em;
	font-weight:bold;
	color:#004e79;
	text-shadow:1px 1px 2px #fff;
	line-height:0;
	letter-spacing:0.03em;
	text-align:center;
	margin-bottom:0.3em;
	margin-top:0.3em;
}


h8 {
    color: #C10A0A;
    font-family: "58743",sans-serif;
    font-size: 1.3em;
    font-weight: bold;
    line-height: 1em;
    text-align: center;
    text-shadow: 2px 2px 1px #eee;
	padding-top:99px;
}

slide {
	width:100%;
	float:left;
}

.section {
	border:2px solid #fff;
	background:none;
	-moz-box-shadow: 3px 3px 6px #333;
    -webkit-box-shadow: 3px 3px 6px #333;
    box-shadow: 3px 3px 6px #333;
	width:80%;
	float:left;
	margin:15px 10% 25px;
	height:auto;	
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;			/* width of whole page */
	overflow:hidden;
	border-radius:13px;
}

.contenido {
	width:65%;
	float:left;
	padding:0 10px;
	margin-bottom:13px;
}

/*


nav {
	display: inline;
	width: 100%;
}

nav ul {
	margin: -133px 8% 20px 0;
	padding: .7em;
	float: right;
	list-style: none;
}

nav li {
	float:left;
	margin-right:13px;
	background:#4280c2;
	border:1.3px solid #043559;
	-moz-box-shadow: 1px 1px 4px #333;
    -webkit-box-shadow: 1px 1px 4px #333;
    box-shadow: 1px 1px 4px #333;
	margin-right:13px;
	border-radius:33px;
}

.nav a {
	float:left;
	padding: .7em 0;
	text-decoration: none;
	color: #000;
	font-weight:bold;
	text-shadow: 0 1px 0 rgba(255,255,255,.5);
	font: 0.9em Arial, Helvetica;
	text-align:center;
	letter-spacing: 1px;
	min-width:133px;
	height:22px;
}

.nav a:hover, nav a:focus {
	outline: 0;
	color:#043559;
	text-shadow: 1px 1px 2px #fff;
	background:#6fb3dd;
	-webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

a.activo, nav a:active {
	color: #fff;
	text-shadow: 0 1px 0 rgba(0,0,0,.2);
	background:url(imagenes/boton_over.png) no-repeat;
}

 
nav li:first-child a {
	border-left: 0;
	-moz-border-radius: 4px 0 0 4px;
	-webkit-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;            
}

nav li:last-child a {
	border-right: 0;
	-moz-border-radius: 0 4px 4px 0;
	-webkit-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;            
}



/*
#menu ul li ul {display: none;
}
#menu ul li a:hover ul, #menu ul li:hover ul {display: block;
position: absolute;
width: 500px;
margin-top:30px;
margin-left:-19%;
}
#menu ul li ul li a {width: 92px;
padding: 9px 0px 8px 0px;
font-size:0.8em;
}
#menu ul li ul li a:hover {
position: relative;
}

*/

.subnav a{
	background:none !important;
	border:none !important;
	width:299px;
	height:37px;
}

.subnav a:hover {
	color:#fff !important;
}

nav > ul > li{ /* will style only the top level li*/
	list-style: none;
	line-height: 1;
	margin: 1px;
	position: relative;
	
}

nav li ul {
	position:absolute;
	list-style:none;
	text-align:left;
	width:299px;
	height:auto;
	margin-top:0;
	margin-left:-5%;
	
		/* This is important for the show/hide CSS animation */
	max-height:0px;
	overflow:hidden;
	-webkit-transition:max-height 0.4s linear;
	-moz-transition:max-height 0.4s linear;
	transition:max-height 0.4s linear;
	z-index:3 !important;
}

nav li:hover ul {
	max-height:499px;
}

nav li ul li {
    border-bottom:1px solid #420A08;
	background:#870300;
	border-radius:0;
	opacity:0.9;
    margin:0;
}

nav li ul li a {
 padding:9px 25px !important;
 color:#fff;
 font-family:Arial;
 text-align:center !important;
 font-size:0.8em !important;
 text-decoration:none;
 padding-left:2em !important;
  line-height:1.4em;
  letter-spacing:0;
      -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
	border-radius:0;
}

#activo {
	color:#fff !important;
	background:#C10A0A !important;
}
	
	
nav li ul li:nth-child(odd){ /* zebra stripes */
}

nav li ul li:hover{
	background:#C10A0A;
	-webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;

}

nav li ul li:first-child{
 border-radius:6px 6px 0 0;
 position:relative;
 margin-top:9px;
 border-top:1px solid #420A08;
}

nav li ul li:last-child{
 border-bottom:1px solid #420A08;
 border-radius:0 0 9px 9px;

}


nav li ul li:first-child:before { /* the pointer tip*/
 content:'';
 position:absolute;
 width:1px;
 height:1px;
 border:5px solid transparent;
 opacity:0.8;
 border-bottom-color:#870300;
 left:41%;
 top:-12px;
 margin-left:5%;
}

nav li ul li:last-child {
 border-bottom-left-radius:6px;
 border-bottom-right-radius:6px;
}





/* Clearfix */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

nav {
	height: 40px;
	width: 99.93%;
	position: relative;
}

nav ul {
	padding: 0;
	margin: 0 auto;
	width: 635px;
	height: 40px;
}

nav li {
	display: inline;
	float: left;
	margin-right:13px;
}

nav a {
	color: #cecece;
	background:#A50404;
	border-radius:33px;
	border:1px solid #870300;
	display: inline-block;
	width: 100%;
	padding:0 33px;
	font-weight:bold;
	text-align: center;
	text-decoration: none;
	line-height: 40px;
	font-size: 1em;
	font-family:'Trebuchet MS', Arial, sans-serif;
	text-shadow: 1px 1px 2px #000;
	letter-spacing:1px;
	-moz-box-shadow: 3px 3px 6px #333;
-webkit-box-shadow: 3px 3px 6px #333;
box-shadow: 3px 3px 6px #333;
}

nav li a {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

nav li:first-child {

}

nav li:last-child {
	margin-right:0;
	
}

nav a:hover {
	color:#fff;
	background:#870300;
	text-shadow: 1px 1px 2px #000;
	-webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

.activo, nav a:active {
	color:#fff;
	background:#C10A0A;
}

nav a#pull {
	display: none;
}




a img {border:0}

 
ul.redondelito {
	padding-left : 20px;
	margin-left : 20px;
	list-style-type : none ;
}

ul li.redondelito {
	padding-left : 26px;
	background : url(imagenes/redondelito.png) 0em 0em no-repeat;
	margin-bottom : 0.5em;
}

.izq {
	float:left;
	margin-right:25px;
	margin-top:-8px;
}

.der {
	float:right;
	margin-left:25px;
	margin-right:2%;
	margin-top:-8px;
}

.sombra {
	-moz-box-shadow: 3px 3px 4px #999;
    -webkit-box-shadow: 3px 3px 4px #999;
    box-shadow: 3px 3px 4px #999;
	border:3px solid #fff;
	margin:13px 0 6px;
	max-width:233px;
	height:auto;
}

.sombra1 {
	-moz-box-shadow: 3px 3px 4px #999;
    -webkit-box-shadow: 3px 3px 4px #999;
    box-shadow: 3px 3px 4px #999;
	border:3px solid #fff;
	margin:13px 0;
	max-width:333px;
	height:auto;
}


.sombra2 {
	-moz-box-shadow: 3px 3px 4px #999;
    -webkit-box-shadow: 3px 3px 4px #999;
    box-shadow: 3px 3px 4px #999;
	border:3px solid #fff;
	margin-bottom:13px;
	margin-top:22px;
	max-width:640px;
	width:100%;
	height:auto;
}

.sombra3 {
	-moz-box-shadow: 3px 3px 4px #999;
    -webkit-box-shadow: 3px 3px 4px #999;
    box-shadow: 3px 3px 4px #999;
	border:3px solid #fff;
	margin:13px 0 6px;
	max-width:466px;
	height:auto;
}

.sombra4 {
	-moz-box-shadow: 3px 3px 4px #999;
    -webkit-box-shadow: 3px 3px 4px #999;
    box-shadow: 3px 3px 4px #999;
	border:3px solid #fff;
	margin-top:9px;
	margin-bottom:13px;
	max-width:322px;
	height:auto;
}


.sombra5 {
	-moz-box-shadow: 3px 3px 4px #999;
    -webkit-box-shadow: 3px 3px 4px #999;
    box-shadow: 3px 3px 4px #999;
	border:3px solid #fff;
	width:96%;
	max-height:222px;
	margin-bottom:13px;
	margin-left:1%;
}

.sombra6 {
	-moz-box-shadow: 3px 3px 4px #999;
    -webkit-box-shadow: 3px 3px 4px #999;
    box-shadow: 3px 3px 4px #999;
	border:3px solid #fff;
	margin:13px 0;
	max-width:699px;
	height:auto;
}

.sombra7 {
	-moz-box-shadow: 3px 3px 4px #999;
    -webkit-box-shadow: 3px 3px 4px #999;
    box-shadow: 3px 3px 4px #999;
	border:3px solid #fff;
	width:96%;
	max-height:299px;
	margin-bottom:13px;
	margin-top:13px;
	margin-left:1%;
}



.miga {
	background:#347281 !important;
}

.pbt {
	background:#2c5f68 !important;
}

.pizza {
	background:#27545b !important;
}

.azul {
	color:#638ab1;
	font-weight:bold;
}

.formulario {
	width:48.5%;
	height:auto;
	float:right;
	margin-right:1%;
}

.form {
	background:#cecece;
    height:auto;
	min-height:320px;
	-moz-box-shadow: 3px 3px 2px #eee;
    -webkit-box-shadow: 3px 3px 2px #eee;
    box-shadow: 3px 3px 2px #eee;
	border:5px solid #fff;	
	margin:7px;
	padding:0 20px 10px 13px;
}

.form_texto {
	font-family:Verdana;
	color:#000;
	background:#999;
	font-size:12px;
	padding:5px;
	margin:-3px 0 0;
	font-weight:bold;
	width:100%;
	border:1px solid #666;
}

.acceso_btn {
	background:#999;
	width:90px;
	height:31px;
	color:#fff;
	font-family:Arial;
	font-size:11px;
	cursor:pointer;
	cursor:hand;
	border:1px solid #666;
}

.acceso_btn:hover {
	background:#eee;
	color:#000;
	font-style:italic;
}

.datos {
	width:48.5%;
	float:left;
	background:#999;
	-moz-box-shadow: 3px 3px 2px #eee;
    -webkit-box-shadow: 3px 3px 2px #eee;
    box-shadow: 3px 3px 2px #eee;
	border:5px solid #fff;	
	margin-top:7px;
   height:auto;
  	min-height:330px;
}

.margen {
	margin-left:4%;
}


::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color:#000;
}
::-moz-placeholder { /* Firefox 19+ */
  color:#000;
}
:-ms-input-placeholder { /* IE 10+ */
  color:#000;
}
:-moz-placeholder { /* Firefox 18- */
  color:#000;
}


#promos {
	height:auto;
	padding:0 10% 0.8%;
	display:table;
	width:100%;
}

.promos {
	display: table-row;
}

#wrapper {
	width:100%;
	position:relative;
	margin:0 auto;
}

.stagewrap > :first-child {
	
}

.sec-wrapper {
	width: 100%;
	position: relative;
	margin:0 auto;
}

.sec {
    float: left;
	border: 1px solid #043559;
    width: 28%;
    height:auto;
    margin: 0 1.33% 0;
    clear: none;
    padding: 1%;
	display:table-cell;
	background:#EC8027;
	border-radius:13px;
	-moz-box-shadow: 3px 3px 6px #999;
    -webkit-box-shadow: 3px 3px 6px #999;
    box-shadow: 3px 3px 6px #999;
	min-height:150px;
}

.sec:first-child {
	margin-left:-8.6%;
}

.box {
	width:98%;
	height:auto;
	max-height:222px;
}

.boxes, .boxes a {
	font-size:1.1em;
	color:#fff;
	line-height:1.2em;
	text-align:center;
	letter-spacing:0.03em;
	font-weight:bold;
    font-family: 'Open Sans', sans-serif;
	padding-top:13px;
	margin-bottom:5px;
	text-shadow:#000 1px 1px 3px;
	text-decoration:none;
}

.boxes a:hover {
	color:#000;
	text-shadow:#fff 1px 1px 3px;
}

.boxes1 {
	background:#989182;		
	background: -moz-linear-gradient(#989182, #a8a08f);
	background: -webkit-gradient(linear, left top, right bottom, from(#989182), to(#a8a08f));
	background: -webkit-linear-gradient(#989182, #a8a08f);
	background: -o-linear-gradient(#989182, #a8a08f);
	background: -ms-linear-gradient(#989182, #a8a08f);
	background: linear-gradient(#989182, #a8a08f);
/*para Firefox*/
	-moz-border-radius: 6px 6px 6px 6px;
/*para Safari y Chrome*/
	-webkit-border-radius: 6px 6px 6px 6px;
/*para IE */
	behavior:url(border.htc);
/* para Opera */
	border-radius: 6px 6px 6px 6px;
	border:1px solid #000;
	color:#fff;
	text-align:center;
	font-family: Arial;
	line-height:1.4em;
	font-size:11px;
	height:97px;
	padding:10px;
	text-shadow:#333 1px 1px 3px;
}


.sec-wrapper > :last-child {
	margin-right:0 !important;
}

.disegnosis {
	height:25px;
	border-top:1px solid #420A08;
	background:#870300;
	padding-top:3px;
	margin-top:20px;
}

#footer {
	background: url(imagenes/footer.png) no-repeat bottom center; 
    width:100%;
    clear:both;
    padding:6px 0 0;
	line-height:1.6em;
	text-align:center;
    font-family: "58743", Arial;
	font-weight:normal;
    color: #fff;
    font-size:1em;
	text-shadow:1px 1px 2px #000;
}


#footer1 {
	background: url(imagenes/footer.png) no-repeat bottom center;
	height:199px;
    font-family: "58743", Arial;
    width:100%;
    text-align:center;
	font-weight:normal;
    color: #fff;
    font-size:1.3em;
	text-shadow:1px 1px 2px #000;
    clear:both;
    padding:6px 0 0;
	line-height:1em;
}

@media screen and (max-width: 2000px) {
.transparencia {
	margin-right:0;
}

.form_texto1 {
	width:48.5%;
}

.form_texto2 {
	width:48.5%;
}

}

@media screen and (max-width: 1600px) {
.transparencia {
	margin-right:3%;
}

.smart {
	margin-left:6%;
}

.margen1 {
	margin-top:66px;
}

.margen2 {
	margin-top:25px;
}

h2:first-child {
	margin-top:66px;
}

nav {
	margin-top:13px;
}
}

@media screen and (max-width: 1400px) {

nav {
	margin-top:0;
}

.logo {
	margin-left:13%;
}

.transparencia {
	margin-right:3%;
}

.smart {
	margin-left:3%;
}

.box {
	max-height:177px;
	margin-bottom:9px;
}

.sec {
	min-height:177px;
}

.margen1 {
	margin-top:53px;
}

.form_texto1 {
	width:48.2%;
}

.form_texto2 {
	width:48.2%;
}

h2:first-child {
	margin-top:88px;
}


}

@media screen and (max-width: 1282px) {

h5 {
	font-size:1.1em;
}

.form_texto1 {
	width:48%;
}

.form_texto2 {
	width:48%;
}

.transparencia {
	margin-right:2%;
}

.smart {
	margin-left:3%;
}

.boxes, .boxes a {
	font-size:1.1em;
	line-height:1.2em;
}

.box {
}

.sec {
	min-height:182px;
}

.margen1 {
	margin-top:43px;
}

h2:first-child {
	margin-top:88px;
}
	
.sombra6 {
    max-width: 645px;
}

.sombra1 {
    max-width: 299px;
}

}
@media screen and (max-width: 1100px) {
	
body {
    background:#840000 url("imagenes/fondo.png") no-repeat top center;
}

.sombra6 {
    max-width: 466px;
}

.sombra1 {
    max-width: 209px;
}

.logo {
	margin-left:30%;
}

h5 {
	font-size:0.9em;
}
	
	
h2 a {
    font-size: 0.65em;
}

.sombra3 {
	max-width:366px;
}

.form_texto1 {
	width:47.8%;
}

.form_texto2 {
	width:47.8%;
}

.transparencia {
	margin-right:-2%;
}

.smart {
	margin-left:1%;
}

.boxes, .boxes a {
	font-size:0.95em;
}

.box {
	max-height:145px;
}

h2:first-child {
	margin-top:99px;
}

h2 {
	font-size:1.9em;
}

#header {
	height:253px;
}

.sec {
	min-height:133px;
	width:27.6%;
}

/*
.sec {
	height:99px;
	width:46%;
	margin-bottom:33px;
}
		
.sec:nth-child(odd)  {
	margin-left:-10%;
}
*/



#logo {
	margin-left:5%;
}

.margen1 {
	margin-top:38px;
}




}


/*Styles for screen 600px and lower*/
@media screen and (max-width: 999px) {

.subnav a {
    width: 499px;
}

nav li ul {
    width: 499px;
}

nav li ul li a {
    padding: 9px 1em !important;
	margin-left: -4.5% !important;
}
	
.sombra6 {
    max-width: 399px;
}

.sombra1 {
    max-width: 176px;
}
	
h2:first-child {
	margin-top:70px;
}

h2 {
	font-size:1.8em;
}

h5 {
	font-size:1.1em;
}


.form_texto1 {
	float:left;
	width:98.5%;
}

.form_texto2 {
	float:left;
	width:98.5%;
	margin:3px 0 3px 0.5%;
}

#logo {
	margin-left:-5%;
}

.transparencia {
	margin-right:0;
	margin-top:22px;
	margin-bottom:47px;
}

h8 {
	display:none;
}


.formulario {
	width:99%;
}

.datos {
	width:96%;
	margin-left:1%;
}
	
.smart {
	float:right;
	margin-right:3%;
}



nav { 
  		height: auto;
  	}
  	nav ul {
  		width: 100%;
  		display: block;
  		height: auto;
  	}

  	nav li {
        width:90%;
		margin-left:5%;
  		float: left;
  		position: relative;
		border-right:none;
		margin-bottom:13px;
  	}
	
  	nav li a {
	}
  	nav a {
	  	text-align: center;
	  	width: 100%;
	  	text-indent: 0;
  	}

	
.boxes {
	font-size:1.2em;
	line-height:1.3em;
	margin-top:9px;
}

.box {
	max-height:147px;
}

/*
	
	.sec:nth-child(odd)  {
		margin-left:0;
	}
	
	.sec {
		float: left;
		border: 0px solid #f7f6f6;
		width: 88%;
		height:100px;
		min-height:399px;
		text-align: center;
		font-weight: 300;
		line-height: 1em;
		margin: 20px 0 0 0;
		clear: both;
		font-family: lato;
		padding: 4%;
		}
		
		.sec:first-child {
			margin-left:0;
		}
	
	*/
	
.stagewrap {
	background:0;
}

.stagewrap > :first-child {
}


header > :first-child {
}

.sec-wrapper {
	margin-top:240px;
}

#stagewrap {
	width: 98%;
	position: relative;
	margin: 0 auto;
	left: 0;
}

.contenido {
	width:100%;
	float:center;
}

.fondo_col {
	width:100%;
	float:right;
}

.columna1 {
	font-family:Arial;
    font-size:22px;
	color:#545454;
	background:#fff;
	width:50%;
	margin:10px auto;
	float:center;
	height:auto;
}

.section {
	margin-top:15px;
}

.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;
	position:relative;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;
	overflow:hidden;
}
/* 2 Column (right menu) settings */
.rightmenu {
	background:rgba(255, 255, 255, 0.5);;	/* right column background colour */
}
.rightmenu .colleft {
		/* right column width */
	background:rgba(255, 255, 255, 0.5);;		/* left column background colour */
	margin-top:0;
}
.rightmenu .col1 {
	width:100%;
	/* left column content width (left column width minus left and right padding) */			/* (right column width) plus (left column left padding) */
}
.rightmenu .col2 {
	width:98%;			/* right column content width (right column width minus left and right padding) */
	left:0;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
}


#promos {
	height:199px;
	padding:0 1% 7% 3%;
}

.galeria {
	border:1px solid #c4cad1;
	width:78.5%;
	height:auto;
	background:#FFF;
	-moz-box-shadow: 3px 3px 6px #999;
    -webkit-box-shadow: 3px 3px 6px #999;
    box-shadow: 3px 3px 6px #999;
	position: relative;
	margin:200px auto 20px;
	padding-left:10px;
}

.box {
}

.sec {
    float: left;
	border: 0px solid #f7f6f6;
    width: 40%;
    height:100px;
	min-height:206px;
    text-align: center;
    font-weight: 300;
    line-height: 1em;
    margin: 20px 0 0 20%;
    clear: both;
    font-family: lato;
    padding: 4%;
	}
	
	.sec:first-child {
		margin-left:20%;
	}



}


@media screen and (min-width: 613px) and (max-width: 805px) {

.subnav a {
    width: 399px;
}

nav li ul {
    width: 399px;
}

nav li ul li a {
	margin-left: 0 !important;
}
	
.sombra6 {
    max-width: 299px;
	margin-left: 1%;
}

.sombra1 {
	display: none;
}
	
h3 {
	font-size:1.2em;
	line-height:1em;
}

h7 {
	font-size:1.8em;
}

.margen1 {
	margin-top:13px;
}

.sombra {
	display:none;
}
	
.arriba {
	position:absolute;
}

nav ul {
	height:266px;
}

nav li {
     width:100%;
	 margin-left:10%;
}

.section {
	margin-top:0;
}

h2:first-child {
	margin-top:88px;
}

h2 {
	font-size:1.6em;
}
	
h2 a {
	font-size:0.6em;
}


}

@media only screen and (max-width : 785px) {
h2:first-child {
	margin-top:88px;
}

h2 {
	font-size:1.6em;
}
	
h2 a {
	font-size:0.58em;
}

.sombra6 {
	display: none;
}

.sombra1 {
	display: none;
}

	
nav li {
     width:100%;
	 margin-left:8%;
}
	
}

@media only screen and (max-width : 645px) {

#logo {
	margin-left: -9%;
}

.der {
    float: left;
    margin-left: 0%;
    margin-right: 0%;
    margin-top: 0;
	width: 100%;
	padding-left: 15%;
	margin-bottom: 13px;
}
	
.subnav a {
    width: 499px;
}

nav li ul {
    width: 499px;
}

nav li ul li a {
	margin-left: -10% !important;
}
	
.sombra {
	display:none;
}

.sombra2 {
	display:none;
}
	
.smart {
background:none;
	margin-top:0;
	height:0;
}

.transparencia {
	display:none;
}

	nav {
	height: auto;
	}
	
	nav li {
     width:82%;
}
	
.section {
	margin-top:0;
}

.box {
}


h3 {
	font-size:1em;
	line-height:1em;
}

h7 {
	font-size:1.5em;
}


}

/*Styles for screen 515px and lower*/
@media only screen and (max-width : 480px) {

.logo {
	background:url(imagenes/logo_peq.png) no-repeat;
}

#logo {
	margin-left: -8%;
	margin-top: 17px;
}
	
.subnav a {
    width: 333px;
}

nav li ul {
    width: 333px;
}

nav li ul li a {
	margin-left: -5% !important;
}
.der {
	padding-left: 5%;
}

.smart {
	background:none;
	margin-top:0;
	height:0;
}

nav {
    border:none;
    height:auto;
	}
	
	nav ul {
		display: none;
		height: auto;
	}
	
	nav a#pull {
	display: block;
	background:#870300;
	border:1px solid #6A0600;
	-moz-box-shadow: 1px 1px 4px #000;
    -webkit-box-shadow: 1px 1px 4px #000;
    box-shadow: 1px 1px 4px #000;
	margin-right:13px;
	margin-top:13px;
	width: 90%;
	margin-left:5%;
	position: absolute;
	}
	nav a#pull:after {
		content:"";
		background: url('nav-icon.png') no-repeat;
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 10px;
	}
	
		nav a {
			padding:0;
	}
	
	nav li {
		width: 90%;
	}

.section {
	margin-top:77px;
}

.sec {
    float: left;
	border: 0px solid #f7f6f6;
    width: 86%;
    height:100px;
	min-height:166px;
    text-align: center;
    font-weight: 300;
    line-height: 1em;
    margin: 20px 0 0 0;
    clear: both;
    font-family: lato;
    padding: 4%;
	}
	
	.sec:first-child {
		margin-left:0;
	}
	
	.sec:nth-child(odd)  {
	margin-left:0;
}

h5 {
	font-size:0.85em;
}

h3 {
	font-size:0.9em;
	line-height:1em;
}

h7 {
	font-size:1.1em;
}

}

/*Smartphone*/
@media only screen and (max-width : 437px) {

#logo {
	margin-left: -8%;
	margin-top: 9px;
}
	
nav li {
	display: block;
	float: none;
	width: 90%;
}
nav li a {

}
nav a {
		padding:0;
}
	
.smart {
	background:none;
	margin-top:0;
	height:0;
}

.sec {
	min-height:213px;
}

.facebook {
	padding-right:1%;
}

#footer {
    font-size:1.1em;
}

h3 {
	font-size:0.7em;
	line-height:1.1em;
}

h7 {
	font-size:0.7em;
	line-height:1.1em;
}

}


/*Smartphone*/
@media only screen and (max-width : 333px) {

.subnav a {
    width: 320px;
}

nav li ul {
    width: 320px;
}

nav li ul li a {
	margin-left: -6% !important;
}
	
}