@charset "utf-8";
/* CSS Document */
body{
	margin:0px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;/*B6E0DE*/	
	color:rgb(103,136,141);
	text-align: center;
	padding-bottom:15px;
	
}
header{
	height:150px;
	/*background-color:#258792; /*258792, 487B8C, 51B2BD*/
	background-image:url(images/Header3.jpg);
	background-repeat:repeat;
	color:#FFF;
	text-align:center;	
	box-shadow: 0px 8px 10px #888888;
	vertical-align: middle ;
	padding-bottom:5px;
}
.header{
	height:150px;
	/*background-color:#258792; /*258792, 487B8C, 51B2BD*/
	background-image:url(images/Header3.jpg);
	background-repeat:repeat;
	color:#FFF;
	text-align:center;	
	/*box-shadow: 0px 8px 10px #888888;*/
	vertical-align: middle ;
}

.footer{
	height:70px;
	background-image:url(images/footer.png);
	background-repeat:repeat;
	color:#FFF;
	text-align:center;	
	vertical-align: middle ;
	z-index:-300;
 	position:absolute;
   bottom:0;
   width:100%;
}

h1{
	/*color:#FFFFFF;*/
	color:rgb(255,255,255);	
	font-family: 'Carrois Gothic SC', sans-serif;
	font-size:36px;
	
}
h2{
	/*color:#FFFFFF;*/
	/*color:rgb(255,255,255);	*/
	font-family: 'Carrois Gothic SC', sans-serif;
	font-size:25px;
	
}

.cError{
	width:200px;
	height:30px;
	background-color:#F00;
	color:#D0DA21;
	font-weight:bolder;
	text-align:center;
	float:left;	
}

.cuadroTextoMenu{
	margin-top:7%;	
	width:400px;
	padding:15px;
	text-align:justify;
	/*background-color:rgba(175, 226, 216, 0.8);*/
	/*background-color:rgb(175, 226, 216);*/
	background-color:#bae5ec;
	/*rgba(255, 255, 255, 0.4)
	rgba(175, 226, 216, 0.4)*/		
	 -moz-box-shadow:    3px 3px 5px 6px #ccc;
  -webkit-box-shadow: 3px 3px 5px 6px #ccc;
  box-shadow:         3px 3px 5px 6px #ccc;	
}


.cuadroTexto{
	margin-top:3%;	
	width:900px;
	padding:20px;
	text-align:justify;
	min-height:300px;
	/*background-color:rgb(175, 226, 216);*/
	/*background-color: rgba(175, 226, 216, 0.8);*/
	margin-left: auto;
	margin-right: auto;
	/*box-shadow: 0px 8px 10px #888888;*/
	/*rgba(255, 255, 255, 0.4)
	rgba(175, 226, 216, 0.4)*/	
	background-color:#bae5ec;
	/*rgba(255, 255, 255, 0.4)
	rgba(175, 226, 216, 0.4)*/		
	 -moz-box-shadow:    3px 3px 5px 6px #ccc;
  -webkit-box-shadow: 3px 3px 5px 6px #ccc;
  box-shadow:         3px 3px 5px 6px #ccc;			
}
/********UTILERIA********/
.centrado{
	margin-left: auto;
	margin-right: auto;
}
.enLinea{
	/*display:inline;*/
	float:left;
	
}
/********LETRAS************/
.titulo{
	font-size:20px;
	font-weight:bolder;
}
.subtitulo{
	font-size:18px;
	font-weight:lighter;
}

/*******************************MENU**************************/
.logout{
	position:absolute;
	right:5%;
	top:100px;
}

.menu{		
width: 50%;
background-color: #4091a4;
background-repeat: repeat-x;
padding-bottom: 5px;
margin-left: auto;
margin-right: auto;
	
	
}
#nav {
		margin:0; 
		/*padding:0; */
		list-style:none;
		/*height:50px;*/
		width:600px;
		/*float:left;*/
		font-size:17px;
		font-family: 'Carrois Gothic SC', sans-serif;
		color:#FFFFFF;
		padding-left:15px;
		padding-right:15px;
		
		/*padding-top:25px;*/
		/*line-height:35px;*/
	}	
	
		/* make the LI display inline */
		/* it's position relative so that position absolute */
		/* can be used in submenu */
		#nav li {
			float:left; 
			margin: 0;	
			position:relative;
			z-index:600;
			padding: 0 15px 0 0;
			font-size:16px;
			position: relative; /*--Declare X and Y axis base for sub navigation--*/
			
		}
		
		/* this is the parent menu */
		#nav li a {
			display:block; 			
			text-decoration:none; 
			 float: left;
			text-align:center; 
			color: #FFFFFF;
			
		}
		

		#nav li a:hover {
			color:#fff;
		}
	
		/* you can make a different style for default selected value */
		#nav a.selected {
			color:#f00;
		}
	
		/* submenu, it's hidden by default */
		#nav ul {
			width: 105px;
			background: #509fb0;
			top: 18px; 
			position:absolute; 
			left:0; 
			display:none; 
			margin:0; 
			padding:0; 
			list-style:none;
			font-size:15px;
			border: 1px solid #111;
			/*float: left;*/
		}
		
		#nav ul li {
			width:60px; 
			float:left; 
			background:#509fb0; 
			padding-left: 5px;
			font-size:14px;
			
		}
		
		/* display block will make the link fill the whole area of LI */
		#nav ul a {
			display:block;  
			height:15px;
			padding: 6px 2px; 
			color:#FFFFFF;
			
		}
		
		#nav ul a:hover {
			font-weight:bold;
			
			/*text-decoration:underline;*/	
			/*color:#336699;*/
		}

		/* fix ie6 small issue */
		/* we should always avoid using hack like this */
		/* should put it into separate file : ) */
		*html #nav ul {
			margin:0 0 0 -2px;
		}

/*************************HACER LA TABLA BONITA*******************************/
table.hovertable {
	font-family: verdana,arial,sans-serif;
	font-size:11px;
	color:#333333;
	border-width: 1px;
	border-color: #999999;
	border-collapse: collapse;
}
table.hovertable th {
	background-color:#FF8372;
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #a9c6c9;
	color:#FFF;
}
table.hovertable tr {
	background-color:#FFF;
}
table.hovertable td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #a9c6c9;
}

/********************************MENSAJES***************************/
.info, .success, .warning, .error, .validation {
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
	margin-left:auto;
	margin:auto;
	width:70%;
}
.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('images/info.png');
}
.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('images/success.png');
}
.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('images/warning.png');
}
.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('images/error.png');
}





/*******************************PARA ENCHULAR LOS BOTONES E INPUT'S ********************************************/

input[type=submit],
input[type=button],
a.submit
{
	background:#56a5b4;
	
	background:-moz-linear-gradient(90deg, #4091a4, #61bccc);
	background:-webkit-gradient(linear, left top, left bottom, from(#61bccc), to(#4091a4));	
	border:1px solid #5895a0;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-moz-box-shadow:0 1px 0 #fff;
	color:#FFF;
	cursor:pointer;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:10px;
	padding-left:10px;
	text-decoration:none;
}

input[type=submit]:hover,
input[type=button]:hover,
a.submit:hover{
	background:#eee;
	background:-moz-linear-gradient(90deg, #73C1C5, #4091a4); /* Firefox */
	background:-webkit-gradient(linear, left top, left bottom, from(#4091a4), to(#73C1C5)); /* Webkit */
	border-color:#5895a0;
	text-decoration:none;
}
input[type=submit]:active,
input[type=submit]:focus,
input[type=button]:active,
input[type=button]:focus,
a.submit:active,
a.submit:focus
{
	background:#ccc;
	background:-moz-linear-gradient(90deg, #4091a4, #4091a4);
	background:-webkit-gradient(linear, left top, left bottom, from(#4091a4), to(#4091a4));
	border-color:#5895a0;
	outline:none;
}



input[disabled]:hover,
input[disabled],
input[disabled]:active{
	background:#CCC;
	text-decoration:none;
	color:#333;
	border:1px solid #999;
}

input[type=text],
input[type=password],
input [type=number],
input [type=email],
select, textarea{
	background: rgba(255, 255, 255, 0.9);
	background:-moz-linear-gradient(90deg, #fff, #eee); /* Firefox */
	background:-webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff), color-stop(0.2, #fff)); /* Webkit */
	border:1px solid #aaa;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-moz-box-shadow:0 0 3px #aaa;
	-webkit-box-shadow:0 0 3px #aaa;
	padding:2px;
}
input[type=text]:focus,
input[type=password]:focus,
input[type=number]:focus,
input[type=email]:focus,
select:focus,
textarea:focus{
	border-color:#5895a0;
	-moz-box-shadow:0 0 3px #0459b7;
	-webkit-box-shadow:0 0 3px #0459b7;
	outline:none; /* Pour enlever le contour jaune lorsque l'on s�lectionne un input dans Chrome */
}