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

/*-----------------FUENTES -------------------------------*/

@font-face{
	font-family:kosuka;	
	src:url(fuentes/KozGoPro-Light.eot);
	src:url(fuentes/KozGoPro-Light.otf);
}
@font-face{
	font-family:calibri;	
	src:url(fuentes/calibri.ttf);
}

@font-face{
	font-family:kosukaL;	
	/*src:url(fuentes/KozGoPr6N-ExtraLight.otf);*/
	src:url(fuentes/humanist.ttf);
}

/*--------------------- ESTRUCTURA ------------------------*/

html{
height:100%;
margin: 0px;	
}
body{
height:97%;
/*margin: 0px;*/
}

#contenedor{
width:90%;
margin:auto;
font-family:calibri;
    /*font-size: 15px;*/
color:#333;
height:1px;
min-height:100%;

}

#cabecera{
width:100%;
border-bottom:solid 5px #D2D3D5;
}

#logosup{
	height:80px;	
}

#cab_izq{
	width:50%;
	height:auto;	
	float:left;
	text-align:left;
}
#cab_der{
	width:50%;
	height:auto;
	margin-left:50%;	
	text-align:right;
}

#cab_der a:link, a:visited{
	text-decoration:none;
	color:#333;	
}

#cab_der a:hover{
	text-decoration:none;
	color:#00AFEF;	
}

#contenido{
width:100%;
border-bottom:solid 5px #D2D3D5;
height:1px;
min-height:85%;
}

#contenido h1{
font-family:kosukaL;
font-size:40px;
color:#04173A;	
margin-top:1%;
margin-bottom: 3%;
}

#cont_izq{
	width:20%;	
	background-color:#F2F3F3;
	float:left;
	height:1px;
	min-height:100%;

}

#cont_der{
	position:relative;
	width:78%;  /*hh*/
	height:100%;
	margin-left:22%;
	/*border:solid;*/
	overflow:auto;
}

.enlaces  a:link, a:visited{
    text-decoration:none;
	color:#333;	
}
.enlaces a:hover{
    text-decoration:none;
	color:#00AFEF;	
}

.logo_inicio{
    width: 50%; 
    max-width: 40%;
}

/*----------------- MENUS Y SUBMENUS ------------------------------*/

#menu{
	margin-top:15%;
	width:100%;	
}

#menu ul{	
    width:100%;
	padding:0%;
	list-style:none;
	margin:0%;
	
		}

#menu ul li{
	font-family:kosukaL;
	font-size:20px;
	margin-top:1px;
    /*margin-left: 15px;*/
	background-color:#00AFEF;
	padding:2% 0% 2% 0%;
	font-size:18pt;
}
#menu ul li:hover{
	margin-top:1px;	
	background-color:#04173A;
}		

.menuhover{
	background-color:#04173A;
}
		
#menu ul li a{
	text-decoration:none;
	color:#FFF;
	display:block;
    padding-left: 25px;
}

.submenu{
	width:100%;
	background-color:#04173A;
	color:#FFF;
	font-family:kosukaL;
	font-size:12pt;
	line-height:20pt;
}

.submenu a:link, .submenu a:visited{
    color:#ffffff;
    text-decoration: none;
    margin-left: 50px;
}
.submenu a:hover{
    color:#4fd4ff;
}

/*-------------------- FORMULARIOS --------------------*/

input{
    background-color:#F9F9F9;
    /*border:none;*/
    padding: 5px;
    border-radius: 5px;
	border:solid 1px #dbdbdb;
}

select{
	background-color: #F9F9F9;
	padding:5px;
	border:solid 1px #dbdbdb;	
	border-radius: 5px;
}

.inputfecha{
    width: 100px;
}

button{
    background-color:#00AFEF;
    border:none;
	border-radius:4px;
    padding: 6px 8px 6px 8px;
    color: #ffffff;
    /*margin-top: 10px;*/
}

button:hover{
    background-color:#04173A;
}

fieldset{
	width:95%;
	border: solid 1px #dbdbdb;
	border-radius:10px;
	box-shadow:3px 5px 10px #EBEBEB;
	margin-bottom:10px;
}

legend{
	background-color: #F9F9F9;
	padding:5px 10px 5px 10px;
	border-radius:5px;
	border: solid 1px #dbdbdb;
	font-weight:bold;
	border-radius:10px;
	box-shadow:3px 5px 10px #EBEBEB;	
}

.etiquetas{
		
}

.oculto{
    display: none;
}


/*------------------------ TABLAS -----------------------*/

#tabla_result {
 border-collapse: collapse;
 width: 95%;
 margin:10px 0px 20px 0px;
}

/*#tabla_result th{
 background-color: #eaeaea;
 color: #333333;
 border: solid 1px #dbdbdb;
 padding: 4px 6px 4px 6px;
 
}*/
#tabla_result th{
 background-color:#B0D8FF;/* #00AFEF;*/
 color: #036;
 border: solid 2px #ffffff;
 padding: 6px;

}

#tabla_result  td{
 /*background-color: #e8e8e8;
 border: solid 2px #ffffff;*/
 border-bottom: solid 1px #DDD;
border-left: solid 3px #fff;
 padding: 3px 6px 3px 6px;
}

#tabla_result tr{
  background-color: #fff;
}

/*#tabla_result tr:hover{
  background-color: #edf3ff;
}*/

#tabla_result tr:nth-child(even) { background: #fff; }
#tabla_result tr:nth-child(odd) { background: #F9F9F9; }

#tabla_result a:link, a:visited {
	font-size:13px;
	color:#333;
	/*background-color:#F9F9F9;
    padding: 5px;
    border-radius: 5px;
	border:solid 1px #dbdbdb;*/
}

/*.bot_acc{
	font-size:12px;
	padding:3px;
	border-radius:3px;
	background-color: #eaeaea;
	color:#333;
	margin: 1px 1px 2px 1px;
}
.bot_acc: hover{
	background-color:#09C;
	border-color:#A2CDF9;
}*/
/*------------------------------------------------------*/

.clearFloat{
	clear:both;	
}

#pie{
	width:100%;
	background-color:#04173A;
}

.ico_menu{
	height:20px/*7%*/;	
	float:left;
	margin: 3% 5% 0% 15%
}

/*----------------------MENSAJES-------------------------*/

.msg_ok{
    width: 90%;
    margin: auto;
	background-color:#ebf8a4; /*#BEF799; #DBFE92;*/
	border: solid 1px #447502;
    color: #447502;
	border-radius:10px;
	box-shadow:3px 5px 10px #EBEBEB;
    padding: 10px;
    text-align: center;
	font-size:18px;
    margin: 20px 0px 20px 0px;
}

.msg_err{
    width: 90%;
    margin: auto;
    background-color:#FCC;
	border:solid 1px #C60000;
    color: #C60000;
	border-radius:10px;
	box-shadow:3px 5px 10px #EBEBEB;
    padding: 10px;   
    text-align: center;
	font-size:18px;
    margin: 20px 0px 20px 0px;     
}

.msg_alert{
	    width: 90%;
    margin: auto;
    background-color:#FF6;
	border:solid 1px #DC8F01;
    color: #DC8F01;
	border-radius:10px;
	box-shadow:3px 5px 10px #EBEBEB;
    padding: 10px;   
    text-align: center;
	font-size:18px;
    margin: 20px 0px 20px 0px; 	
}

/*----------------------IMPRESION------------------------*/

#impresion{
/*width:19cm;
height:21cm;*/
padding:1cm 1cmm 1cm 1cm;
font-size: 11pt; 
margin:auto;
font-family:calibri;
color:#333;
/*height:1px;*/
min-height:100%;
}