@CHARSET "UTF-8";

/**********************************/
/*** Propiedades generales html ***/
/**********************************/
html {
	height: 100%;
}



body {
	height: 100%;
	background: #F7F7F7;
	font-family: Tahoma, Helvetica, Arial, sans-serif;
}
@media only screen and (max-width: 200000px) {
    body {
        font-size: 18px;
    }
@media only screen and (max-width: 1800px) {
    body {
        font-size: 17px;
    }
}

@media only screen and (max-width: 1360px) {
    body {
        font-size: 15px;
    }
}

@media only screen and (max-width: 1024px) {
    body {
        font-size: 13px;
    }
}

form {
	margin: 0;
	padding: 0;
}

button, input, select, textarea {
  font-family : inherit;
  font-size   : 130%;
}



a:link,a:visited {
	color: #00008B;/*#003399;*/
	text-decoration: none;
	font-weight: bold;
	text-shadow: 1px 1px 1px #FFCCCC;
}


a:hover {
	background: #003399;
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
}


hr {
	width:75%;
	border-color:white;
	
}

div{
	color: #333;
}

table {
	empty-cells: show;
	text-align: center;
	caption-side: top;
}

table th {
	background-color:#DBD5FF;
	color: #6B8E23;
	padding: 3px 1px 3px 1px;
	text-shadow: 1px 1px 1px #D7FFFB;
	border-style: none;
	border-color: #669999;
	border-width: 2px;
	font-weight: bold;
}



table td {
	background-color: #F4F4F4;
	padding: 2px 1px 2px 1px;
	border-style: none;
	border-color: #CCCCB2;
	border-width: 2px;
}

h1 {
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	font-size: 35px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 26.4px;
	color: #3366FF;
	margin-top: 5px;
	margin-botton: 3px;
	text-shadow: 2px 2px 2px #323232;
}

h2 {
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-variant: normal;
	font-weight: 300;
	line-height: 26.4px;
	color: #3366FF;
	margin: 0;
	text-shadow: 1px 1px 1px #323232;
}

/*****************************************************/
/*** Relativas a las diferentes zonas de la página ***/
/*****************************************************/
div#contenedorgeneral { 
	text-align: center;
	width:100%;
	height: 96%;
    min-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

div#encabezado {
	background: #EEE;
	color: #79B30B;
	text-align: center;
	line-height: 30px;
	margin: 0;
	padding-left: 10px;
	border-radius: 25px 25px 0px 0px;
	-moz-border-radius: 25px 25px 0px 0px;
	-webkit-border-radius: 25px 25px 0px 0px;
	border: 0px solid #000000
}

div#envoltorio {
	float: left;
	width: 100%;
	height: 80%;
}

div#zonamenu {
	background: #EEE;
	min-height: 448px;
	height:100%;
	color: #79B30B;
	float: left;
	min-width: 150px;
    width:15%;
}
div#zonainformativa {
	background: #EEE;
	min-height: 448px;
	height:100%;
	color: #79B30B;
	float: right;
	min-width: 150px;
    width:15%;
}

div#envoltoriocontenido {
  min-width: 700px;
  width:70%;
  min-height: 448px;
  height:100%;
  display: inline-block;
}

div#barraopcion {
	background: #FFFFFF;
	color: #006600;
	font-weight: bold;
	font-style: italic;
	text-align: left;
}

div#zonacontenido {
	background: #FFFFFF;
	min-height: 415px;
	height:95%;
	padding: 1% 1% 1% 1%;
	overflow-y: scroll
}


div#piepagina {
	font-size: 70%;
	border-radius: 0px 0px 25px 25px;
	-moz-border-radius: 0px 0px 25px 25px;
	-webkit-border-radius: 0px 0px 25px 25px;
	border: 0px solid #000000;
	background: #EEE;
	color: #79B30B;
	clear: left;
	width: 100%;
	min-height: 50px;
	text-align: center;

}
/*****************************************************/
/*** Notificaciones                                ***/
/*****************************************************/
div#notificaciones {
	color: #CC0000;
	font-weight: bold;
	font-size: 70%
}

/*****************************************************/
/*** Cuenta atras                                  ***/
/*****************************************************/
div#cuentaatras {
	font-size: 2em;
	font-weight: bold;
	text-align: center;
	display: none;
	color: red;
}
div#menucuentaatras {
	display: none;
}
/*****************************************************/
/*** Relativas a los elementos del texto           ***/
/*****************************************************/

div.elemento {
	background: #CCCCCC;
	margin: 0px 15px 15px 15px
}

div.menu {
	border-radius: 8px 8px 8px 8px;
    -moz-border-radius: 8px 8px 8px 8px;
    -webkit-border-radius: 8px 8px 8px 8px;
    border: 0px solid #000000;
	margin: 0px 9% 5px 9%;
	background: #D9D9D9;
}

div.cabeceramenu {
	color: #FFFFFF;
	text-shadow: 1px 1px 1px #323232;
	font-weight: bold;
}


div.elementomenu {
	font-size: 90%;
	padding-top:0px;
}

div.elementomenu a {
	text-shadow: 1px 1px 1px #FFFFFF;
}

div.elementomenu:hover {
	background: #003399;
}

div.elementomenu:hover a {
	font-weight: bold;
	color: #FFFFFF;
}



/*****************************************************/
/*** Relativas al texto del documento              ***/
/*****************************************************/


div.textopequenio {
	font-weight: bold;
	font-size: 70%;
	margin-top: 5px;
}

div.error {
	border-radius: 15px 15px 15px 15px;
    -moz-border-radius: 15px 15px 15px 15px;
    -webkit-border-radius: 15px 15px 15px 15px;
	background: #FF0000;
	color: #FFFFFF;
	text-align: center;
	margin: 0px 10px 10px 10px;
	font-weight: bold;
}

div.alerta {
	border-radius: 15px 15px 15px 15px;
    -moz-border-radius: 15px 15px 15px 15px;
    -webkit-border-radius: 15px 15px 15px 15px;
	background: #FF6600;
	color: #FFFFFF;
	text-align: center;
	margin: 0px  10px 10px 10px;
	font-weight: bold;
}

div.operacionok {
	border-radius: 15px 15px 15px 15px;
    -moz-border-radius: 15px 15px 15px 15px;
    -webkit-border-radius: 15px 15px 15px 15px;
	background: #009933;
	color: #FFFFFF;
	text-align: center;
	margin: 0px  10px 10px 10px;
	font-weight: bold;
}

div.centrada {
	text-align: center;
} 

/*** Para centrar en la mayoria de navegadores***/
div.centrada table {
	margin-left: auto;
	margin-right: auto;
}

div.izquierda {
	text-align: left;
	margin: 10px, 10px, 10px, 10px;
}

div.derecha {
	text-align: right;
	margin: 10px, 10px, 10px, 10px;
}
/*****************************************************/
/*** Relativas a resalte dentro de las tablas      ***/
/*****************************************************/
.colorRed{
	color: #EE0000;
	}
.colorOrange{
	color: #F2A643;
	}
.colorWhite{
	color: #FFFFFF;
	}
.colorGreen{
	color: #12AD2A;
	}	
.negrita{
	font-weight: bold;
	}	
.backgroundRed{
	background: #EE0000;
	}
.backgroundOrange{
	background: orange;
	}
.backgroundGreen{
	background: #12AD2A;
	}
.alignLeft{
	text-align: left;
	}
.alignCenter{
	text-align: center;
	}
.text120{
	font-size: 120%
	}
.text90{
	font-size: 90%
	}
.text80{
	font-size: 80%
	}	
.padding10{
	padding: 10px, 10px, 10px, 10px;
	}

/*****************************************************/
/*** Relativas a las tablas de información         ***/
/*****************************************************/

table.encabezado td {
	border: 0;
	background: #EEE;
	text-align: center;
}

table.barraopcion td {
	border: 0;
	background: #FFFFFF;
}


table.std{
}

table.std_80{
    font-size:80%;
} 

table.std_90{
    font-size:90%;
}

table.std_orange th{
    text-shadow: 0px 0px 0px #FFFFFF;
    background-color: #F2A643;
	color: #FFFFFF;
} 

table.std_orange_90{
    font-size:90%;
} 
table.std_orange_90 th{
	text-shadow: 0px 0px 0px #FFFFFF;
    background-color: #F2A643;
	color: #FFFFFF;
} 

table.std_orange td{ 
	background-color: #FFFF99;
}

table.std_red th{
    text-shadow: 0px 0px 0px #FFFFFF;
    background-color: rgb(255, 4, 13);
	color: #FFFFFF;
} 

table.std_red td{ 
	background-color: #f75c5c3a;
}


table.std_td_left td{ 
	text-align: left;
}

table.std_td_center td{ 
	text-align: center;
}

table.std_td_noborder td{ 
	border: 0;
}

table.encuesta th{ 
	font-size: 120%	
}

table.encuesta td{ 
	text-align: left;
	padding: 0px 5px 5px 5px;	
}

table.encuesta td div{ 
	margin: 10px 10px 10px 10px;
	text-align : justify;
}

table.menuprincipal th{
	padding: 3px 15px 3px 15px;
	color: #FFFFFF;
	background: #90EE90;   /*#00CC33;*/
	font-size: 110%;
	text-shadow: 2px 2px 2px #323232;
	border-style: none;
}

table.menuprincipal td{ 
    padding: 2px 15px 2px 15px;
	text-align: center;
	color: #EE0000;
	font-size: 90%;	
	border-style: none;
}

table.menuprincipal a{ 
	font-size: 140%;
	text-shadow: 4px 4px 4px #FFFFFF;
}

table.bienvenida{
	
}
table.bienvenida th{ 
	color: #BAC065;
	font-size: 110%;
	background:#87CEFA;	
	border-style: none;
}
table.bienvenida td{ 
	border-style: none;
}

table.calendar_mes td{ 
	background:#FFFFFF;
}

/*****************************************************/
/*** Formularios                                   ***/
/*****************************************************/

.Form_Input_Text{
	padding: 4px 5px 4px 5px;
	font: Arial, Helvetica, sans-serif;
	font-size:95%;
	border-bottom: 2px solid #ddd;
	background-color:#FFFFFF;	
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border: 1px solid #C2C2C2;
	box-shadow: 1px 1px 4px #EBEBEB;
	-moz-box-shadow: 1px 1px 4px #EBEBEB;
	-webkit-box-shadow: 1px 1px 4px #EBEBEB;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	outline: none;
}


.Form_Input_Textarea{
	font: Arial, Helvetica, sans-serif;
	font-size:95%;
	border-bottom: 2px solid #ddd;
	background-color:#FFFFFF;	
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border: 1px solid #C2C2C2;
	box-shadow: 1px 1px 4px #EBEBEB;
	-moz-box-shadow: 1px 1px 4px #EBEBEB;
	-webkit-box-shadow: 1px 1px 4px #EBEBEB;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	outline: none;

}


.Form_Input_Text:focus,
.Form_Input_Textarea:focus{
	border: 2px solid #0C0;
}

.Form_Input_Submit{
	padding: 4px 5px 4px 5px;
	margin: 4px 5px 4px 5px;
	font: Arial, Helvetica, sans-serif;
	font-size:95%;
	font-weight: bold;
	background:#98d143;
	color: #003399;
	border-bottom: 2px solid #858585;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border: 2px solid #C2C2C2;
	box-shadow: 1px 1px 4px #EBEBEB;
	-moz-box-shadow: 1px 1px 4px #EBEBEB;
	-webkit-box-shadow: 1px 1px 4px #EBEBEB;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	outline: none;
}


.Form_Input_Submit:hover {
	background: #003399;
	text-decoration: none;
	color: #FFFFFF;
}

.Form_Select{
	padding: 3px 0px 3px 0px;
	margin: 1px 1px 1px 1px;
	font: Arial, Helvetica, sans-serif;
	font-size:95%;
	border-bottom: 2px solid #858585;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border: 2px solid #C2C2C2;
	box-shadow: 1px 1px 4px #EBEBEB;
	-moz-box-shadow: 1px 1px 4px #EBEBEB;
	-webkit-box-shadow: 1px 1px 4px #EBEBEB;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	outline: none;
}

.boton {
	background-color: #16aa235b; /* Green */
	border: none;
	color: white;
	padding: 1%;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	margin: 1% 1%;
	cursor: pointer;
	border-radius: 7%;
  }