@charset "utf-8";

@font-face {
    font-family:"Signika";
    src:url(../fonts/Signika-Regular.ttf) format("truetype"); /* USADA */
}

@font-face {
    font-family:"Myndrain";
    src:url(../fonts/Myndrain.ttf) format("truetype");       /* USADA EN MENUPPOPUP TITULO */
}

@font-face {
    font-family:"DroidSans";
    src:url(../fonts/DroidSans.ttf) format("truetype");       /* USADA EN MENUPPOPUP TITULO */
}

@font-face {
    font-family:"Roboto";
    src:url(../fonts/Roboto-Regular.ttf) format("truetype"); /* USADA */
}

@font-face {
    font-family:"OpenSansLight";
    src:url(../fonts/OpenSans-Light.ttf) format("truetype"); /* USADA */
}
@font-face {
    font-family:"OpenSans";
    src:url(../fonts/OpenSans.ttf) format("truetype"); /* USADA */
}
@font-face {
    font-family:"OpenSansSB";
    src:url(../fonts/OpenSans-SemiBold.ttf) format("truetype"); /* USADA */
}
@font-face {
    font-family:"OpenSansB";
    src:url(../fonts/OpenSans-Bold.ttf) format("truetype"); /* USADA */
}

@font-face {
    font-family:"Segoe-UI-Light";
    src:url(../fonts/Segoe-UI-Light.ttf) format("truetype"); /* USADA */
}

@font-face {
    font-family:"Segoe-UI";
    src:url(../fonts/Segoe-UI.ttf) format("truetype"); /* USADA */
}


/*  RESOLUCIONES VGA
    ****************

1920 x 1080  (1.7777)
1600 x  900  (1.7777)

1366 x  768  (1.7786)
- 1360 x  768  (1.7708)
- 1280 x  768  (1.6666)
- 1024 x  768  (1.3333)

1280 x  720  (1.7777)
- 1280 x  600  (2.133)

 800 x  600  (1.3333)



*/


/* ----------------------------------*/
/* ---------->>> RESET <<<-----------*/
/* ----------------------------------*/

/*html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
footer, header, nav, section {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}*/

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

/* OCULTADOS 02-11-2020 VERIFICAR QUE NO ESTEN EN USO

footer, header, nav, section {
    display: block;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after { 
    content: '';
	content: none;
}
a {
    text-decoration:none;
}
a:focus {
    outline:0;
}
ins { text-decoration: none; }
del { text-decoration: line-through; }
*/

.clear { clear: both; }


/*body { 
    font-family:"Roboto", "OpenSansLight", Verdana, Arial;  
    font-size:70%;  
    line-height:160%;
    color:#333;     
    background-color: #fff;
}*/
	


/* -----------------------------------*/
/* ---------->>> LAYOUT <<<-----------*/
/* -----------------------------------*/


/* ETIQUETA SEMANTICA: footer NO ES RECONOCIDA X IEXPLORER x LO TANTO HAY QUE DEFINIR EL CADA PAGINA */
/* --------------------------------------------------------------------------------------------------*/

#body {
    margin:0 auto;
    padding:0;
    position:relative;
} 
				 
/* ETIQUETA SEMANTICA: footer NO ES RECONOCIDA X IEXPLORER x LO TANTO HAY QUE DEFINIR EL CADA PAGINA */
/* --------------------------------------------------------------------------------------------------*/
footer { 
    width:100%; 
	margin:0px auto;  /*20px auto 0px;*/
	padding:35px 0px 0px; 
    font-size:16px;
    color:#FFF;
    background-color:#3B424D;
	border-top:5px solid #7F7F7F;
    position:relative;
	float:left;
}







/* ---------->>> MENU PRINCIPAL <<<-----------*/
/* -------------------------------------------*/

/* OCULTADOS 02-11-2020 VERIFICAR QUE NO ESTEN EN USO

#menup {
    width:100%;
    height:47px;
    margin:0px;
    padding:0;
    position:relative;
    background-color:#3B424D; 
	border-top: 1px solid #7F7F7F; 
      box-shadow:0px 2px 10px 0px rgba(0, 0, 0, 0.6);
      -moz-box-shadow:0px 2px 10px 0px rgba(0, 0, 0, 0.6);
	  -webkit-box-shadow:0px 2px 10px 0px rgba(0, 0, 0, 0.6);
    z-index:50;
}
*/





/* -------------------------------------------*/
/* ---------->>> MENU PRINCIPAL <<<-----------*/
/* -------------------------------------------*/
/*
/* OCULTADOS 02-11-2020 VERIFICAR QUE NO ESTEN EN USO

#menupcontenedor {
    width:1000px;
	height:46px;
    margin:0 auto;
	position:relative;
}
#menupitems { 
	float:left;
}
#menupitems > li {
    font:500 14px/46px "Roboto", "Signika", "DroidSans"; 
    float:left;	
}  
#menupitems > li.seleccionado { /* ROJO /  -  / NARANJA: (top, #FCCA87, #FF9000)  * /
    / * DEGRADADO - IE 6 y 7 * /
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffF17B7B', endColorstr='#ffB53434', gradientType='0');
    /* DEGRADADO - IE 8 y 9 * /
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffF17B7B', endColorstr='#ffB53434', gradientType='0')";
    background:-ms-linear-background(top, #F17B7B, #B53434);                         / *IE 10 
	background: -moz-linear-gradient(top, #F17B7B, #B53434);                         / *Firefox 3.6+ 
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F17B7B), to(#B53434));/ *Safari4-5,Chrome1-9
    background: -webkit-linear-gradient(top, #F17B7B, #B53434);              / *Safari 5.1+, Chrome 10+ 
    background: linear-background(top, #F17B7B, #B53434);                            / *estándar 
}			
#menupitem > li:hover { / * GRIS /  -  / VERDE: (top, #9EDFAE, #227737)  * /
    / * DEGRADADO - IE 6 y 7 * /
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffBEBEBE', endColorstr='#ff3F3F3F', gradientType='0');
    / * DEGRADADO - IE 8 y 9 * /
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffBEBEBE', endColorstr='#ff3F3F3F', gradientType='0')";
    backgroundPO:-ms-linear-background(top, #BEBEBE, #3F3F3F);                       / * IE 10 
	background: -moz-linear-gradient(top, #BEBEBE, #3F3F3F);                         / *Firefox 3.6+ 
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#BEBEBE), to(#3F3F3F));/ *Safari4-5,Chrome1-9
    background: -webkit-linear-gradient(top, #BEBEBE, #3F3F3F);                      / *Safari5.1+,Chrome10+
    background: linear-background(top, #BEBEBE, #3F3F3F);                            / * estándar 
}			
#menupitems > li:hover { background-color:#E1E1E1; } 
#menupitems > li:hover > a { color:#3B424D; }
#menupitems > li > a {
	padding:0px 20px;
    color:#FFFFFF;
	display:block;
}
#menupitems li:hover .menuppopup { 
    display:block!important;
	animation: menuppopuptxt 0.5s ease 0s 1 normal running;
}
@keyframes menuppopuptxt {
    from { opacity:0; }
	10% { opacity:0.1; }
	20% { opacity:0.2; }
	30% { opacity:0.3; }
	40% { opacity:0.4; }
	50% { opacity:0.5; }
	60% { opacity:0.6; }
	70% { opacity:0.7; }
	80% { opacity:0.8; }	
	90% { opacity:0.9; }
	to { top:1; }
}
.menuppopup {
    width:362px;
    padding:10px 20px 25px;
    position:absolute;
    z-index:999;
	background-color: rgba(0, 0, 0, 0.9);
    box-shadow:2px 2px 4px #999;
      -moz-box-shadow:2px 2px 4px #999;
	  -webkit-box-shadow:2px 2px 4px #999;
      filter:shadow(color=#000000, direction=135, strength=2);	  
	  font:normal 19px/46px "Segoe-UI-Light", "Roboto", "Signika", Arial;
}
.menuppopup ul li {
	border-bottom: 1px dotted #666;
}
.menuppopup ul li a {
	width: 320px;
	color: #FFCC66;
    display:block;
}			
.menuppopup ul li a:hover {
    -webkit-transition:all 150ms ease-out;  / * Chrome y Safari * /
      -o-transition:all 150ms ease-out;     / * Opera * /
      -moz-transition:all 150ms ease-out;   / * Mozilla Firefox * /
      -ms-transition:all 150ms ease-out;    / * Internet Explorer * /
      transition:all 150ms ease-out;        / * W3C * /
      font-size:21px;
      color: #FFFFFF;
}
.menuppopup ul li.titulo_item {
    width: 320px;
    text-align: right;
    font:normal 16px/32px "Signika";
	color:#FFFFFF;
}

*/


/* BARRA DE BOTONES */

/* OCULTADOS 02-11-2020 VERIFICAR QUE NO ESTEN EN USO

#menupcontenedor > a {
    display:block;
	float:right;
}
#menupcontenedor > .icono {
    width:36px;
	height:36px;
	margin:5px 0px;
}
#menupcontenedor > a.boton {
	height:26px;
	margin:10px 0px 10px 10px;
    padding:0px 10px;
	font:normal 12px/26px "Roboto";
	text-align:center;
    color:#FFFFFF;
      border-radius:2px;
      -moz-border-radius:2px;
      -webkit-border-radius:2px;
}
#menupcontenedor > a > img { 
    display:block;
}
.icono > img.faceHome {
    margin:7px auto;
}
a img.twitter {
    margin:9px auto 7px;
}
#menupcontenedor > div#botonMenu {
    margin-left:10px;
    float:left;
}
div#botonMenu > ul#menupboton {
    width:250px;
    padding:10px;
    position:absolute;
    z-index:999;
	background-color: #FFFFFF;  
    font:normal 19px/28px "Segoe-UI", "Roboto", "Signika", Arial;
    box-shadow:2px 2px 4px #999;
      -moz-box-shadow:2px 2px 4px #999;
	  -webkit-box-shadow:2px 2px 4px #999;
      filter:shadow(color=#000000, direction=135, strength=2);	  
}
div#botonMenu > ul#menupboton > li > a {
    width:230px;
	color:#FF6600;
    display:block;
}			
div#botonMenu > ul#menupboton > li.titulo_menu {
    width: 230px;
    text-align: right;
    font:normal 19px/28px "Signika";
	color: #666666;
	border-bottom:1px solid #666666;
}
div#botonMenu:hover > ul#menupboton { 
    display:block!important;
	animation: menupbotontxt 0.5s ease 0s 1 normal running;
}
@keyframes menupbotontxt {
    from { left:-100%; }
	to { left:0%; }
}
*/








/* ---------------------------*/
/* DENTRO DEL < DIV="body" >  */
/* ---------------------------*/

/* OCULTADOS 02-11-2020 VERIFICAR QUE NO ESTEN EN USO

#body > #introduccion {
    height:350px; 
	margin:0px;
	padding:0px;
	background-color:#FFF;
	position:relative;
}
#introduccion .panel {
    width:390px;
    height:300px;
    margin:25px 0px;
    border:1px solid #EAEAEA;
    background-color: #FFFFFF;
	float:left;
}
#introduccion .panel2 {
    width:363px;
    height:100%;
    margin-left:2%;
    background-color: #404040;
	padding:20px 25px;
    font:normal 22px/36px "Segoe-UI-Light", "OpenSansLight", "Roboto";
	color:#F9F9F9;
	border-right:1px solid #7F7F7F;
	border-left: 1px solid #7F7F7F;
    position:absolute;
	top:0px;
	left:0px;
    z-index:30;
	animation: panel2txt 1.5s ease 0s 1 normal running;
}
@keyframes panel2txt {
    from { opacity:0; }
	10% { opacity:0.1; }
	20% { opacity:0.2; }
	30% { opacity:0.3; }
	40% { opacity:0.4; }
	50% { opacity:0.5; }
	60% { opacity:0.6; }
	70% { opacity:0.7; }
	80% { opacity:0.8; }	
	90% { opacity:0.9; }
	to { top:1; }
}
#introduccion .slider {
    width:67.5%; 
	float:right;
	z-index:20;
}
div.lineaFija {
    height:50px;
    background:none repeat scroll 0% 0% #F9F9F9;
}
#contenido {
    margin:0px auto;
    padding:0px 0px 36px;
    background-color:#F1F1F1;
	overflow:inherit;
}
.inset {
    box-shadow:0px 3px 8px rgba(0, 0, 0, 0.24) inset;
}
*/
				 




/* ELEMENTOS GENERALES DE #contenido (usado x varias paginas) */
/* -----------------------------------------------------------*/

/* OCULTADOS 02-11-2020 VERIFICAR QUE NO ESTEN EN USO

#contenido .filaResumen {
    width:1000px;
    margin:0px auto;
    padding:50px 0px 0px;
	overflow:hidden;
}
section.filaResumen + section.filaResumen {
    padding-top:0px!important;
}
#lateralder {
    width:240px;
	padding:0px 30px 30px;
	float:right;
	animation: menulateral 1s ease 0s 1 normal running;
    position:relative; 
	
background-color:#FFFFFF;
}
@keyframes menulateral {
    from { left:100%; }
	to { left:0%; }
}
*/



/* ===============================================================
// BOTONES DE NAVEGACION GRANDE / MEDIANO / CHICO * * RED / CIAN
// . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */

/* OCULTADOS 02-11-2020 VERIFICAR QUE NO ESTEN EN USO

ul.botonNav > li { 
    margin-bottom:7px;
}
ul.botonNav > li > a {
    display:table-cell;
	font-family:"Roboto", "OpenSansLight", Verdana, Arial;
	font-weight:normal;
	text-align:center;
	vertical-align:middle;
}
ul.botonGrande > li > a {
    width:180px;
	height:120px;
    font-size:24px;
	line-height:34px;
	border:3px solid;
}
ul.botonMediano > li > a {
    width:180px;
	height:60px;
    font-size:14px;
	line-height:22px;
	border:2px solid;
}

/ * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
// FIN BOTONES DE NAVEGACION GRANDE / MEDIANO / CHICO * * RED / CIAN
// ================================================================== * /

*/




/* ===============================================================
// LISTA DE NAVEGACION 
// . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . */

/* OCULTADOS 02-11-2020 VERIFICAR QUE NO ESTEN EN USO

ul.listaNav {
    width:100%;
    margin:0px auto 30px;
	padding:10px;
	border:1px solid #ADACAC;   
	border-radius:3px;
	  -moz-border-radius:3px;
	  -webkit-border-radius:3px;
	clear:both;
}
ul.listaNav > li.sup { 
    padding-bottom:5px;
    margin-bottom:5px;
	border-bottom:1px solid #D8D8D8;
}
ul.listaNav > li > a {
	color:#9C9B9B;
	font:normal 11px/12px "Segoe-UI","Segoe-UI-Light",Verdana, Arial;
	text-align:left;
}
ul.listaNav > li > a:hover {
	color:#000000;
	padding-left:7px;
}
#principal {
    margin:0px 0px 30px;
	padding:0px 30px;
}
#principal > h3 {
    padding:0.2em 0em;
    font:normal 44px "Segoe-UI-Light","OpenSansLight","Roboto", Verdana, Arial;	
    border-top:1px solid #1E1E1E;
    border-bottom:1px solid #D3D2D2; 
    color:#1E1E1E;
}
#principal > h4 {
	padding-top:12px;
	padding-bottom:18px;
    font:normal 30px/30px "Segoe-UI-Light","OpenSansLight","Roboto", Verdana, Arial;
    border-top:1px solid #1E1E1E;
    border-bottom:1px solid #D3D2D2;
}
#principal > div.parrafo {
    margin:40px 0px 50px;
	overflow:hidden;
}
#principal > .parrafo > h4 {
	padding-top:30px;
	padding-bottom:20px;
    font:normal 20px/20px "Segoe-UI","OpenSansLight","Roboto", Verdana, Arial;
}
div.parrafo > .p_normal { 
    margin:0px 0px 15px 0px;
    font:normal 18px/28px "Segoe-UI","Segoe-UI-Light","OpenSansLight","Roboto",Verdana, Arial;
}
.parrafo ul.p_normal li { 
    list-style-type:disc;
    margin:0px 0px 5px 40px;
}
div.parrafo div.banner {
    width:197px;
    margin:0px 0px 0px 15px;
	padding:0px; 
	float:right;
}
div.parrafo div.subparrafo {
    width:197px;
    margin:0px 0px 0px 15px;
	padding:15px 10px;
	float:right;
}
div.subparrafo > .p_normal {  
    margin:0px 0px 15px 0px;
    font:normal 16px/22px "Segoe-UI-Light","Segoe-UI","OpenSansLight",Verdana, Arial;
	color:#FFFFFF;
}

*/


#zocalo {
    margin:20px auto 0px;
	padding-bottom:18px;
    background:url("../imagenes/sombra_aba.png") no-repeat scroll bottom center transparent;
}
#zocalo h3 {
    margin:10px auto 0px;
	padding-bottom:15px;
    height:22px;
    text-align:center;
    font:22px "Signika";
    background:url("../imagenes/sombra_aba.png") no-repeat scroll bottom center transparent;
}

#zocalo ul {
    margin:0px auto;
    padding:6px 0px 3px 8px;
	overflow:hidden;
    background: url("../imagenes/sombra_der.png") no-repeat scroll left 12px transparent;	
}
#zocalo ul li {
    width:136px; 
	height:78px; 
    float:left;
    background:url("../imagenes/sombra_der.png") no-repeat scroll right center transparent;
    text-align:center;
    padding:8px 18px 0px 8px;
}

#zocalo ul li img {
    border-radius:6px;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
}





/* ELEMENTOS DE #contenido DE UBICACION.HTML */
/* -------------------------------------------*/

/* OCULTADOS 02-11-2020 VERIFICAR QUE NO ESTEN EN USO

.mapa {
    width:722px;
	height:400px;
	margin:20px auto 40px;
    box-shadow:1px 1px 4px 2px #999;
    -moz-box-shadow:1px 1px 4px 2px #999;
	-webkit-box-shadow:1px 1px 4px 2px #999;
    filter:shadow(color=#000000, direction=135, strength=2); 
}

*/








/* Cuerpo de Cada Tipo de Alojamiento */	

/* OCULTADOS 02-11-2020 VERIFICAR QUE NO ESTEN EN USO

section#secundaria div.titulo {
    padding:5px 0px;
    font-size:20px;
    color:#0094CC;	
	float:left;
}
section#secundaria div.resumen {
    padding:30px 0px 30px 20px;
    font:normal 18px/30px "DroidSans", "Signika";
    color: #3B424D;	
}
section#secundaria #slider {
    width:500px;
    height:300px;
	margin:0px;
	padding:0px;
	float:left;
}
section#secundaria .caracteristicas {
    width:190px;
    margin-left:10px;
    padding:10px;
    background-color:#EBEBEB;
    border-radius: 8px;
      -moz-border-radius:8px;
      -webkit-border-radius:8px;
	float:right;
}
section#secundaria .detalle {
    width:460px; 
    margin:50px 0px 20px 0px;
    padding:0px 20px;
    font:normal 16px/24px "DroidSans", "Signika";
    color: #3B424D;	
	float:left;
}
section#secundaria .planito {
    width:210px;
	height:300px;
	margin:20px 0px 0px 10px;
	padding:0px;
	float:right;
}
.caracteristicas p.titulo {
    margin-bottom: 20px;
    font:bold 17px "Signika";
}
.caracteristicas li {
    width:170px;
    margin-bottom:10px;
    padding:0px 0px 0px 20px;
    font:normal 14px Arial, Calibri;
    background:url("../imagenes/indice_up.jpg") no-repeat scroll left center transparent;
    float:left;
}
#alojamiento {
    width:180px;
	height:600px;	
    margin:25px 30px 25px 0px;
    padding:0px;
	float:right;
}

*/






/* --------------------------------------------------------------------------------*/
/* ------------------------------>>> FOOTER NUEVO <<<------------------------------*/
/* --------------------------------------------------------------------------------*/


/* ESTA ETIQUETA NAV NO ES RECONOCIDA POR IEXPLORER                                */
/* TODOS LOS ESTILOS DEFINIDOS ACA ESTAN DUPLICADOS MAS ABAJO CON ELEMENTO div#nav */
/* --------------------------------------------------------------------------------*/
footer > nav { 
    display: table;
    width: 1000px;
    height:300px;	
    margin: 0px auto;
}
nav ul li.columna_menu, ul > li.columna_menu {
    width:200px;
	float:left;
}	
nav ul li.columna_separador, ul > li.columna_separador {
    width:66px;
	float:left;
}
/* DEFINIDOS PARA IEXPLORER QUE NO SOPORTA LA ETIQUETA nav DE LOS ESTILOS DEFINIDOS ARRIBA */
/* ----------------------------------------------------------------------------------------*/


/* MENU PIE */
ul.menu_pie > li { 
    padding-bottom:12px;
}
ul.menu_pie > li > a {
    display:block;
}
ul.menu_pie > li > h2,
ul.menu_pie > li > a {
	padding:5px 8px;
    font:normal 17px calibri, "open_sans_semiboldregular";
    border-bottom:1px dotted #A9CF54;
}


/* SUB MENU PIE */
ul.sub_menu_pie li {
    font-size:12px;
    padding:5px 0px;
}
ul.sub_menu_pie li a {
    color:#CAFCD8;
    text-decoration:none;
    display: block;
    line-height: 160%;  /* HAY UN PEQUEÑO CAMBIO CON ESTO */
    font:normal 14px "Signika", Calibri;	
}
ul.sub_menu_pie li.comun a {
    padding-left:8px;
    background: url("../imagenes/bullet-footer.png") no-repeat scroll 0px 8px transparent;
}

ul.sub_menu_pie li.face a {
    padding:5px 0px 5px 30px;
    background: url("../imagenes/logo-face.png") no-repeat scroll 5px center transparent;
} 
ul.sub_menu_pie li.twitter a {
    padding:5px 0px 5px 30px;
    background: url("../imagenes/logo-twitter.png") no-repeat scroll 5px center transparent;
}	


/* CREDITOS */
div.creditos {
	clear:both;
    width:100%;
	font:normal 12px/28px Arial, Helvetica, sans-serif;
	text-align:center;
	color:#E1E1E1;
    position:relative;
	background-color: #3B424D;
}
div.creditos1 {
    width:100%;
	height:13px;
	margin:0 auto;
	border-top:1px solid #000000;
    /* DEGRADADO - IE 6 y 7 */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffBDBDBD', endColorstr='#ff424242', 
	gradientType='0');
    /* DEGRADADO - IE 8 y 9 */
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffBDBDBD', endColorstr='#ff424242', gradientType='0')";
    background:-ms-linear-background(top, #BDBDBD, #424242);                     /* IE 10 */
	background:-moz-linear-gradient(top, #BDBDBD, #424242);                      /* Firefox 3.6+ */
    background:-webkit-gradient(linear,0% 0%,0% 100%,from(#BDBDBD),to(#424242)); /* Safari 4-5, Chrome 1-9 */
    background:-webkit-linear-gradient(top, #BDBDBD, #424242);                   /* Safari 5.1+, Chrome 10+*/
    background:linear-background(top, #BDBDBD, #424242);                         /* estándar */
	top:18px;
	position:relative;
}
div.creditos2 {
    width:100%;
	height:14px;
	background-color:#1C1C1C;
	top:18px;
	position:relative;
}



/* OCULTADOS 02-11-2020 VERIFICAR QUE NO ESTEN EN USO

div.en_construccion {
    width:300px;
	height:260px;
	margin:40px auto 100px;
    background: url("../imagenes/web_en_construccion.jpg") no-repeat scroll center center transparent;
}

*/



/* ----------------------------------------------*/
/* ---------->>> ESTILOS GENERALES <<<-----------*/
/* ----------------------------------------------*/

.separa40 { height:40px; }
.left { float:left; }
.right { float:right; }


/* ----------------------------------------------*/
/* --------->>> COLORES DE FONDOS   <<<----------*/
/* ----------------------------------------------*/
.fondobtnred {
	background-color:#D72F1F;
}
.fondoBlanco, .bg-white {
    background-color: #FFFFFF;
}
.fondoRed {
	background-color:#B53434;             /*#B54747;*/
	border-color:#B53434!important;       /*#B54747;*/
}
.fondoRed2 {
	background-color:#D72F1F;             /*#B54747;*/
	border-color:#D72F1F!important;       /*#B54747;*/
}
.fondoRed3 {
    background-color:#D72F1F;
	border-color:#FC685B!important;
}
.fondoGris { 
	background-color:#3B424D;
    border-color:#7F7F7F!important;
}
.fondoCian {
    background-color:#6698AE;
	border-color:#6698AE!important;
}
.fondoYell {
    background-color:#DCB23D;
	border-color:#DCB23D!important;
}
.fondoBlue {
    background-color:#006081;
	border-color:#006081!important;
}
.fondoVerdeSeco {
    background-color:#3E7148;
	border-color:#3E7148!important;
}
.bg-lblue {
	background-color: lightblue;
}
.bg-steelblue {
	background-color: steelblue;
}
.bg-khaki {
	background-color: khaki;
}
.bg-beige {
	background-color: beige;
}
.bg-aquamarine {
	background-color: aquamarine;
}
.bg-paleturquoise {
	background-color: paleturquoise;
}
.bg-lgreen {
	background-color: lightgreen;
}
.bg-plata {
	background-color: gainsboro;
}
.bg-lplata {
	background-color: #f2f2f2;
}
.bg-menu {
	background-color: #354052;
}



/* OCULTADOS 02-11-2020 VERIFICAR QUE NO ESTEN EN USO

.seleccionado > .fondoRed { 
    background-color:#FFFFFF;
    color:#B54747;
}
.seleccionado > .fondoRed2 { 
    background-color:#FFFFFF;
    color:#D72F1F;
}
.seleccionado > .fondoCian { 
    background-color:#FFFFFF;
    color:#6698AE;
}
.seleccionado > .fondoYell { 
    background-color:#FFFFFF;
    color:#DCB23D;
}
.seleccionado > .fondoBlue { 
    background-color:#FFFFFF;
    color:#006081;
}
.seleccionado > .fondoVerdeSeco { 
    background-color:#FFFFFF;
    color:#3E7148;
}
*/







/* ----------------------------------------------*/
/* --------->>> COLORES DE FUENTES  <<<----------*/
/* ----------------------------------------------*/
.fontGrisOscuro {
	color:#1E1E1E;
}
.fontBlanco {
    color: #FFFFFF;
}
.fontCian {
	color:#3C809C; /*#6698AE;*/
}
.fontVerdeSeco {
	color:#3E7148
}
.fontVerde {
	color:#165D24;
}
.fontVerdeClaro {
	color:#A9CF54;
}
.fontNaranja {
	color:#FF9000;
}
.fontRojo {
	color:red;
}


.fontBold {
	font-family:"OpenSansB"!important;
}
.fontMay {
	text-transform:uppercase;
}




/* OCULTADOS 02-11-2020 VERIFICAR QUE NO ESTEN EN USO

.sombra2_4 {
    -webkit-box-shadow:2px 2px 4px rgba(0,0,0,.5); 
	-moz-box-shadow:2px 2px 4px rgba(0,0,0,.5); 
	-o-box-shadow:2px 2px 4px rgba(0,0,0,.5); 
	box-shadow:2px 2px 4px rgba(0,0,0,.5);
}
.sombra {
    box-shadow:2px 2px 4px #999;
    -moz-box-shadow:2px 2px 4px #999;
	-webkit-box-shadow:2px 2px 4px #999;
    filter:shadow(color=#000000, direction=135, strength=2);	  
}
.sombraDer300 {
    width:6px;
    height:300px;
    margin:5px 0px;
    background-color: #FFFFFF;
    background-image: url("../imagenes/sombra_der-200.png");
    background-repeat: no-repeat;
    background-position:left top;
	float:left;
}
.sombraDer350 {
    width:11px;
    height:350px;
    background-color: #FFFFFF;
    background-image: url("../imagenes/sombra_der-350.png");
    background-repeat: no-repeat;
    background-position:left;
	float:left;
}
.radius8 {
	-webkit-border-radius:8px;
	-moz-border-radius:8px; 
	-o-border-radius:8px; 
	border-radius:8px; 
}
.texto_rojo {
    color:#F40000;
}
*/





/* ----------------------------------------------------*/
/* --------->>> LAYOUT PARA SMART PHONES  <<<----------*/
/* ----------------------------------------------------*/


/*@media screen and (max-width: 1000px) { 
    #header { width:100%; }
	#menupcontenedor { width:100%; }
	footer > nav { width:100%; }
}*/

/* OCULTADOS 02-11-2020 VERIFICAR QUE NO ESTEN EN USO

@media screen and (min-width: 640px) {
    .screenMobile { display:none!important; }
	.screenWeb { display:block; }
} 
@media screen and (max-width: 640px) { 
    #header, #menupcontenedor, #introduccion, footer, footer > nav { width:100%; }
	a.logo { margin-left:2px; }
	#menupcontenedor > a.boton { margin-right:10px; }
	#introduccion { height:200px!important; }
	#introduccion > .panel2 { width:100%; margin-left:0px; line-height:30px; }
    #contenido { width:100%; padding-bottom:0px; }
	#contenido > .filaResumen { width:100%; padding-top:30px; }
	#contenido > .filaResumen > #principal { width:100%; padding:0px 15px; }
    #principal > h3	{ padding:0.1em 0em; font-size:26px; }
	#principal > .parrafo { width:100%; margin-top:20px!important; }
    .parrafo > .banner { width:48%!important; margin-left:10px; }

    .screenWeb { display:none!important; }
    .screenMobile { display:block!important;  }

	footer > nav ul > li.columna_menu { width:80%; margin:0px 10%; }
}
@media screen and (max-width: 360px) { 
	#introduccion { height:320px!important; }
}

*/






/*
 *  ESTILOS QUE MODIFICAN LOS ESTILOS DE ../../bootstrap/css/bootstrap.min.css
 * ---------------------------------------------------------------------------
 */
/* ************************* */


.portada header {
	background-color: #fff;
}

/* Encabezamiento para el index, login y registro */
.portada .main-header .logo {
	width:250px;
	height: auto;
	padding-left:0;
	padding-right:0;
	float: left;
}
/*
@media (max-width: 767px) {
	.portada .main-header .logo {
		float:left;
	}
}*/

.portada .main-header .logo span {
	margin: 10px 0 10px 10px;
	font-size: 30px;
	color:chocolate;
	float: left;
}

.main-header .logo .icono {		/* ESTILO NUEVO */
	width:70px;
	height:70px;
	display:block;
	float:left;
	padding:0;
	background:url(../img/logo-sighys-320-2.png) center;
	background-size:contain;
	background-repeat:no-repeat;
}

@media (max-width:596px) {
	.portada .main-header .logo {
		width:180px;
		line-height: 30px;
	}
	.portada .main-header .logo span {
		margin: 10px 0 10px 5px;
		font-size: 25px;
	}
	.main-header .logo .icono {	
		width:50px;
		height:50px;
	}
}

@media (max-width:457px) {
	.portada .main-header .logo {
		width:160px;
		line-height: 30px;
	}
	.portada .main-header .logo span {
		margin: 5px 0 5px 5px;
		font-size: 20px;
	}
	.main-header .logo .icono {	
		width:40px;
		height:40px;
	}
}



.portada .container {
	margin: 15px auto;
}


@media (max-width:596px) {
	.portada .container {
		width:100%;
		margin: 10px auto;
	}
}
@media (max-width:457px) {
	.portada .container {
		width:100%;
		margin: 5px auto;
	}
}


@media (min-width:1200px){
	.portada .container{
		width:1080px;
	}
}


.centrado {
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
}





.navbar-nav {	/* VERIFICAR ESTE ESTILO */
	margin:0;
}

.navbar-custom-menu .navbar-nav > li > .boton {	/* ESTILO NUEVO */
	margin: 15px 0;
	padding: 5px 20px;
	height: 40px;
	vertical-align: middle;
	font-family: "OpenSans", "Helvetica Neue",Helvetica,Arial;
	font-size: 16px;
	line-height: 30px;
	color:chocolate;
	border:1px solid chocolate;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
}

@media (max-width:596px) {
	.navbar-custom-menu .navbar-nav > li > .boton {
		margin: 10px 0;
		padding: 0px 10px;
		height: 30px;
		font-size: 14px;
		line-height: 28px;
		border-radius: 15px;
		-moz-border-radius: 15px;
		-webkit-border-radius: 15px;
	}
}
@media (max-width:457px) {
	.navbar-custom-menu .navbar-nav > li > .boton {
		margin: 7px 0;
		padding: 0px 5px;
		height: 26px;
		font-size: 13px;
		line-height: 23px;
		border-radius: 13px;
		-moz-border-radius: 13px;
		-webkit-border-radius: 13px;
	}
}
@media (max-width:420px) {
	.navbar-custom-menu .navbar-nav > li > .boton {
		margin-bottom: 2px;
	}
}
	


.navbar-custom-menu .navbar-nav > li > .boton.btnsolido {
	color:#FFFFFF;
	background-color:chocolate;
}

.navbar-custom-menu .navbar-nav > li > .boton:hover {
	color:#D72F1F;
	border:1px solid chocolate;
	border-radius:2px;
	background-color:#eee;
	transition: all .3s linear;
}



.navbar-nav.centrado {
	text-align: center;
}
.navbar-nav.centrado > li {
	float: none;
}







.portada .content-wrapper {		/* ESTILO NUEVO, solo para index, login y registro */
	margin-left:0;
}

.fixed .content-wrapper {
	padding-top:100px;
}
@media (max-width: 596px) {			/*@media (max-width: 467px) {*/
	.fixed .content-wrapper {
		padding-top:70px;
	}
}
@media (max-width:457px) {
	.fixed .content-wrapper {
		padding-top:50px;
	}
}
@media (max-width:420px) {
	.fixed .content-wrapper {
		padding-top:85px;
	}
}


/* ************************* */





label {
	font-family: "OpenSansSB";	/*"OpenSansB";*/
	font-weight: normal;
}

input[type="text"], textarea {
	font-family: "OpenSans";
	font-weight: normal;
}






/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
/ 
/	ESTILOS USADOS EN EL INDEX.PHP
/
/	Octubre de 2020
/
/
*/

@media (max-width: 480px) {
	.content { padding: 10px; }

}

.content.acceso {
	min-height: initial;
}	

#solicitud, #login {
	background: linear-gradient(rgba(255,255,255,0.3), rgba(255,255,255,0.3)), url(../img/red1.jpg) center;
	background-size: cover;
	background-repeat: no-repeat;
}

/* ESTILOS DEL CONTENEDOR PRINCIPAL */
.principal {
	height: 360px;
	padding: 0;
	position: relative;
	background: linear-gradient(rgba(255,255,255,0.3), rgba(255,255,255,0.3)), url(../img/slider1.jpg) center;
	background-size: cover;
	background-repeat: no-repeat;
}
.principal article {
	height: inherit;
}
.principal article div { 
	height: 100%; 
}	
.principal .box {
	color: #464646;
	background-color: transparent;
	border-top: none;
}
.principal .box .box-header {
	background: linear-gradient(rgba(255,255,255,0.3), rgba(255,255,255,0.3));
	color: #fff;
}
.principal .box .box-body {
	background: linear-gradient(rgba(200,200,200,0.3), rgba(200,200,200,0.3));
}
.principal h1, .principal h3 { 
	margin-top: 10px;
	text-align: center; 
}
.principal h1 { 
	font-family: "OpenSans", Verdana; 
	font-size: 38px;
	font-size: 26px;
}
.principal h3 { 
	font-family: "OpenSansSB", Verdana; 
	font-size: 26px;
}
@media (max-width: 510px) {
	.principal h1 { font-size: 30px; }
	.principal h3 { font-size: 22px; }
}
@media (max-width: 420px) {
	.principal .box .box-header { padding: 0; }
	.principal h1 { font-size: 24px; }
	.principal h3 { font-size: 18px; }
}
.principal ul { color: brown; }



/* ESTILOS DEL CONTENEDOR SECUNDARIO */
.secundario article > .box {
	margin-bottom: 0px;
}
.secundario article > .box .box {
	padding-bottom: 10px;
}
.secundario article .box-header {
	margin-bottom: 10px 
}

article { padding: 20px 20px 10px 20px; }
@media (max-width: 480px) {
	article { padding: 0!important; }
}



.slidedown {
	position: relative;
	animation-duration: 3s;
	animation-name: slidedown;
	animation-direction: normal;
}
@keyframes slidedown {
	from { bottom: -100%; }
	to   { bottom:0%; }
}	

/* ESTILOS QUE MODIFICAN CLASE BOX */
.box-border1 { border: 1px solid gainsboro; }
.box .p1 {
	margin: 10px 0;
	font: normal 18px/28px "OpenSansLight";
}
@media (max-width: 480px) {
	.box-header, .box-body, .box-footer { padding: 5px; }
	.box-body.scroll-box { padding-right: 10px;} 
}

.listaItem .fa {
	color: gray;
	margin-right: 7px;
}