<!--aditamento font-size a browser width-->
        @media all {html {font-size: 18px;}}
        @media screen and (max-width: 2200px){html {font-size: 28px;}}
        @media screen and (max-width: 1400px){html {font-size: 18px;}}
        @media screen and (max-width: 768px){html {font-size: 12px;}}
@-ms-viewport{
  width: device-width;
}
/* Resetear propiedades */
body {
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: transparent;
	font-size: 18px;
	font-weight:normal;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color:#5A5C60;
}
a {	text-decoration: none; }
body img {
	padding: 0;
	margin: 0;
	max-width:100%;
}
body p, body h1, body h2, body h3, body h4, body h5, body h6, body ul, body ol, body li {
	padding: 0;
	margin: 0;
	line-height:1;
}


/* inicia estilo */
.todo {
	width: 70%;
	position: relative;
	display: table;
	background-color: #ffffff;
	margin: 0 auto;
	padding: .5em 0 0;
	color: #80807e;
	font-size: .9em; 
}
h1 { color: #0066b3; font-size: 1.7em; font-weight: lighter; padding-top: .8em !important; padding-bottom: .2em !important;}
h2 { color: #0066b3; font-size: 1.1em; text-align: center; font-weight: lighter;}
h3 { font-size: 1em; padding-bottom: 1em !important;}
p a: link, p a:visited { text-decoration: none; color: #0066b3;}
p a:hover {text-decoration: underline;}
b {font-weight:lighter; color: #0066b3;}

.contenido {
	width: 100%;
	clear: both;
	display: table;
}
.encabezado-movil {width:65%; display: none;}
.izq {
	position: relative;
	float: left;
	width: 65%;
	display: table-row;
	margin-top: .7em;
}
.der {
	position: relative;
	float: right;
	width: 35%;
	display: table-row;
}
.navprincipal {
	width: 100%;
	margin-bottom: 1em;
	display: flex;
	justify-content:space-between;
}
.elemento {float: left;}
.elemento {padding: 0 1em;}
.elemento a:link, .elemento a:visited {color: #6faebc; border-top: 2px solid #e4e1da;}
.elemento a:hover {color: #6faebc; border-top: 2px solid #6faebc;}
.active {background-color: #ffffff; color: #6faebc; border-top: 2px solid #6faebc;}

.animacion {
	margin-bottom: 1em;
}
.sitios {
	border: 1px solid #ffffff;
	outline: 1px solid #d4d4d6;
	padding: 2.2em 4px 4px 4px;
	background-color: #e9e8e3;
	display: table;
	margin-bottom: 1em;
	width: 98%;
}
.interior-sitios {
	background-color: white;	
	display: table-row;
}
.descripcion-sitios {
	background-color: white;	
	display: table-row;
}
.descripcion-sitios h1 { padding: 0 2%;}
.descripcion-sitios h2 {text-align:left; padding: .5em 2%;}
.descripcion-sitios ul {list-style:square; padding: 0 2% 1em 6%;}
.descripcion-sitios p { padding: .3em 2% 1em;}
.descripcion-sitios li { line-height:1.2;}
.anchogris {padding: .05em 2em; background-color: #e9e8e3;}


.fotito { width:42%; float: left;}
.rollito { width: 57.5%; float: right; padding-right: .5%;}

hr.texto { 
	border: none;
	border-top: 1px solid #d4d4d6;
	border-bottom: #dfded9;
	width: 90%;
}
hr.menu { 
	border: none;
	border-top: 2px solid #e4e1da;
	border-bottom: #dfded9;
	width: 100%;
}
hr.cuadro { 
	border: none;
	border-top: 1px solid #dfd8d0; 
	border-bottom: 1px solid #f5f6f1;
}
.pie { display: none;}
footer {clear:both; padding-bottom: 2em;}
.navinf {
	width: 60%;
	display: flex;
	justify-content:space-between;
	float: left;
}
/*.elemento1 {text-decoration: none;}*/

.aviso {width:40%; float: right; text-align: right;}
.aviso a {color:#0081a0;}	
.aviso a:hover {text-decoration:underline;}


.colorstrip{
    width: 100%; height: 17.65em;
    border-style: solid;
    border-color: #010101; /*#002156*/
    background-color: #010101; /*#002156*/
	margin-top: 4em;
}
.logot {
	width:60%;
	margin: 0 20%;
	padding: 1em 0;
}
.logot img {
	max-width:100%;
}
.cuadro-prin {
	width: 96.5%;
	z-index:9999;
	margin: 0 0 0 2.5%;
	padding-bottom: 1em;
	background-color: #f0f0f0;
  	-webkit-box-shadow: 1px 1px 2px 2px #ccc;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  	-moz-box-shadow:    1px 1px 2px 2px #ccc;  /* Firefox 3.5 - 3.6 */
  	box-shadow:         1px 1px 2px 2px #ccc;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}
.cuadro-prin p {
	padding: .5em 1.3em;
}

.verdebold {
	color: #0081a0;/*#3c7da0*/
	font-weight: lighter;
}
.gris { color: #59585d;}
.icored {width:15%; float: right; max-width:100%; padding-left: 1%;}
.portales {
	width: 93.5%;
	z-index: 1;
	margin: .5em 1% 0 3%;
	padding: 1em 0 1em 1.75%;
	background-color: #f0f1e1;
	border: 1px solid #ffffff;
	outline: 1px solid #d4d4d6;
}
.portales h1, .cuadro-sec h1 {text-align: center; padding-top: .3em !important;}
.portales h2 { padding: .3em 0;}
.portales h3 a { color: #19616d; text-decoration: underline; font-weight: normal; }
.portales p, .portales h3 { padding: 0 .75em;}
.portales p { font-size: .9em;}
.cuadro-sec {
	width: 87%;
	margin: 0 2.5%;
	padding: 1em 3.5%;
	background-color: #eae7e2;
	border: 1px solid #d1ccc9;
	outline: 3px solid #e9e6df;
}

form {width: 100%; padding: 0 0 2em;}
input.txt {
	color: #00008b;
	background-color:#f8f6f3;
	border: 1px solid #c1beb9;
	width: 69%;
}
input.btn, input.btn1 {
	color:#80807e;
	background-color:#e9e8e3;
	border: 1px outset #dfded9;
	font-size: 1em;
	margin-top: .5em;
}
input.btn {	margin-left: 21%;}
textarea {width: 68.2%; background-color:#f8f6f3; border: 1px solid #c1beb9; height: 3em;}
form p {
	clear: left;
	margin: 0;
	padding: 0;
	margin-bottom:0 !important;
	padding-bottom:0 !important;
}
form p label {
	float: left;
	text-align: right;
	padding-right: 1%;
	padding-bottom: .5em;
	width:20%;
	font:light 0.9em Arial, Helvetica, sans-serif;
}
.petit {padding: .5em 0 1em 21%; font-size: .8em;}
/* ################## http://responsiveslides.com v1.54 by @viljamis #################### */

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
/* colores */
.naranja, .guinda, .morado, .verde { color: #fff; margin-left: -.3em; margin-bottom: .5em;}
.naranja { background-color: #e5bc10; }
.guinda { background-color: #bb1817; }
.morado { background-color: #3c277c; }
.verde { background-color: #abb700; }
.gracias {padding: 2em 0;}
.gracias p {text-align:center; padding: 1.5em 0;}
.gracias a {center; color:#0066b3; text-decoration:underline;} 
.imovil {display: none;}
/* ********************IMPORTANTE**************************** */
/* ********************IMPORTANTE**************************** */
/* ********************IMPORTANTE**************************** */
/* ********************IMPORTANTE**************************** */
/* ********************IMPORTANTE**************************** */
/* ********************IMPORTANTE**************************** */
/* ********************IMPORTANTE**************************** */
/* ********************IMPORTANTE**************************** */
/* ********************IMPORTANTE**************************** */
/* Versión para dispositivos móviles */

/* Versión para IPAD */
@media screen and (max-width: 980px){
html {
	font-size: 14px;
	}
.todo {width: 95%;}

}

/* Versión para celulares */
@media screen and (max-width: 680px){
.encabezado-movil {display: block; float: left;}
.logo-movil {width: 100%; margin-top:.5em;}
.navprincipal {width: 35%; float: right; display: block;}
.elemento { width: 100%; text-align: right; padding: .4em 0;}
.navprincipal .elemento:first-child {padding-top: 0;}
.logo-movil .img {max-width: 100%;}
.izq, .der {width: 100%; clear: both;}
.der {margin-top: 3em;}
.animacion {display: none;}
.logot {display:none;}
.fotito { width:98%; margin: .2em 1% 0;}
.rollito { width:90%; margin: 0 5% .3em;}
.descripcion-sitios p {margin: .1em 3%;}
.descripcion-sitios ul {padding: 0 2% 1em 12%;}
.colorstrip{ border-color: transparent; background-color: transparent;}
.cuadro-prin{width: 99%; margin: -4em 0 1em;}
.portales{width: 97%; margin: 1em 0;}
.cuadro-sec{width: 92%; margin: 1em 0;}
footer { display: none;}
.pie {display: inline; width: 100%; clear:both;}
.navinf, .aviso {width: 100%; clear: both;}
.aviso {padding-top: 1em;}
.ocultar {display: none;}
.imovil {display: block;}
}