@charset "utf-8";
/* CSS Document */
html, body {background: url(../imagenes/background.jpg) repeat-x #eaefe8;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:14px; color:#000; width:100%; height:100%;}

h1{font-size:22px; font-weight:lighter; margin:15px;color:#09F;text-align:left;text-shadow: 0 1px 2px #fff;}
h2{font-size:18px; font-weight:lighter;margin:15px 0px 0px 15px;color:#4097d4;text-align:left;text-shadow: 0 1px 2px #fff;}
p{padding:15px; text-align:left; line-height:20px; font-size:14px;}	

#cabecera{height:126px; vertical-align:middle; background:url(../imagenes/blur_cabecera.png) no-repeat;}
#menu{height:40px;}
#medio{height:320px; vertical-align:middle; background:url(../imagenes/blur_medio.png) no-repeat;}
#cuerpo{background-color:#FFFFFF;border-radius: 10px; box-shadow: 0px 5px 5px #999; min-height:400px; margin-bottom:20px}
#footer{background:url(../imagenes/footer_bg.jpg) repeat-x #000; border-radius: 10px; height:130px;box-shadow: 0px 5px 5px #999; }
/*footer styles*/
#celeste{color:#09F;text-shadow: 0 -1px 1px #000; padding:10px 0px 5px 15px ;}
#celeste_opaco, #celeste_opaco a{vertical-align:top;color:#FFFFFF;text-shadow:0 -1px 1px #000; line-height:17px; font-size:12px; padding-left:7px;text-decoration:none}
#celeste_opaco a:hover{color:#FFFFFF;}
#verde{color:#a9b400;text-shadow: 0 -1px 1px #000; padding:10px 0px 5px 15px ;}
#verde_opaco{vertical-align:top;color:#FFFFFF;text-shadow:0 -1px 1px #000; line-height:17px; font-size:12px; padding-left:15px}
#naranja{color:#fe7f03;text-shadow: 0 -1px 1px #000;padding:10px 0px 5px 15px;}
#naranja_opaco, #naranja_opaco a{vertical-align:top;color:#FFFFFF;text-shadow:0 -1px 1px #000; line-height:17px; font-size:12px; padding-left:7px;text-decoration:none}
#naranja_opaco a:hover{color:#fe7f03;}
#gris{color:#666;text-shadow:0 -1px 1px #000; line-height:17px; font-size:12px;padding: 25px 10px 0px 0px; vertical-align:bottom; float:right}

.form_footer{ padding:0px 0px 0px 15px;}
.form_footer input{border: none ;height:25px; width:250px; margin-bottom:3px; vertical-align:middle; background-image:url(../imagenes/form_footer.jpg); color:#b95d04; border-radius:5px; font-size:12px;}
.form_footer textarea{border: none ;height:60px; width:250px; margin-bottom:5px; vertical-align:middle; background-image:url(../imagenes/form_footer.jpg);color:#b95d04; border-radius:3px; font-size:12px}

ul.bullet li{ list-style-image:url(../imagenes/bullet.png); list-style-position:outside; margin-left:30px; padding-left:5px; line-height:17px}
#texto ul li{ list-style-image:url(../imagenes/bullet.png); list-style-position:outside; margin-left:30px; padding-left:5px; line-height:17px;}

.menu, .menu a{font-size:17px; font-weight:lighter; color:#fff; display:inline; text-decoration:none; padding:10px; vertical-align:middle;text-shadow: 0 -1px 1px #111; }	
.menu a:hover { color:#09F}

.links, .links a{color:#000; text-decoration:none;}
.links a:hover{color:#09F}

input, select, select option{border:#999 thin solid;height:25px;width:200px; vertical-align:middle; border-radius:5px;}
textarea{border:#999 thin solid; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;width:200px; border-radius:5px;}

.tabla_estilo, .tabla_estilo th, .tabla_estilo td {border: 1px solid #D4E0EE;border-collapse: collapse;font-family: "Trebuchet MS", Arial, sans-serif;	color: #555;}
.tabla_estilo caption {font-size: 150%;font-weight: bold; margin: 5px;}
.tabla_estilo td, .tabla_estilo th {padding: 4px;}
.tabla_estilo thead th {text-align: center;	background: #E6EDF5;color: #4F76A3;	font-size: 100% !important;}
.tabla_estilo tbody th {font-weight: bold;}
.tabla_estilo tbody tr { background: #FCFDFE; }
.tabla_estilo tbody tr.odd { background: #F7F9FC; }
.tabla_estilo tbody tr:hover{ background: #E6EDF5; }
.tabla_estilo tfoot th, tfoot td {font-size: 85%;}

/*Submenu styles*/
#submenu{margin-top:50px;border-top:#09F dotted thin; border-bottom:#09F dotted thin; width:250px;}
#submenu a {text-decoration:none;display:block;color:#333;width:250px; height:25px;
font-size:14px; font-weight:bold; color:#333; text-shadow:0 1px 1px #FFF;text-align:left;text-indent:10px; padding-top:5px;}
#submenu li{border-bottom:#09F dotted thin;list-style:none; padding:5px 0 5px 0}
#submenu ul li, #submenu li:last-child{border:none;}	
#submenu a:hover{background:url(../imagenes/marker.jpg) no-repeat; width:250px;display:block;}
#submenu ul a{font-size:14px; font-weight:bold; color:#333; text-shadow:0 1px 1px #FFF;text-align:left;text-indent:10px;display:block;list-style:none; padding-top:5px}
#submenu ul a:hover{
	background-color:#FFF;
	color:#333;
	text-shadow:0 1px 1px #FFF;
	-webkit-transition: color, background-color 0.2s linear;
}
#submenu ul{background-color:#FFF;}
#submenu li ul {display:none;}

/*MENU PRINCIPAL*/
ul#topnav {
	margin: 0; padding: 0;
	float: left;
	width: 970px;
	list-style: none;
	position: relative; /*--Set relative positioning on the unordered list itself - not on the list item--*/
	font-size: 1.2em;
	background: url(../imagenes/menu_bg.jpg) repeat-x  #000 ; 
	border-radius: 10px;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	border-right: 1px solid #555; /*--Divider for each parent level links--*/
}
ul#topnav li a {
	padding: 11px 15px;
	display: block;
	color: #f0f0f0;
	text-decoration: none;
}
ul#topnav li:hover {background: #09f;}
ul#topnav li span {
	float: left;
	padding: 15px 0;
	position: absolute;
	left: 0px; top:36px;
	display: none; /*--Hide by default--*/
	width: 960px;
	background: #09f;
	color: #fff;
	z-index:999999;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
ul#topnav li:hover span { display: block; } /*--Show subnav on hover--*/
ul#topnav li span a { display: inline; font-size:15px;} /*--Since we declared a link style on the parent list link, we will correct it back to its original state--*/
ul#topnav li span a:hover {text-decoration: underline;}

button{
	cursor: pointer;
	text-decoration:none;
	border: 1px solid rgb(153, 153, 153);
	padding: 5px 10px 5px 10px;
	color:rgb(102, 102, 102);
	font-size:18px;
	font-family:arial, serif;
	text-shadow: 0px 1px 0px rgb(255, 255, 255);
	font-size: 18px;
	border-radius:6px 6px 6px 6px;
	-moz-border-radius:6px 6px 6px 6px;
	-webkit-border-radius:6px 6px 6px 6px;
	box-shadow:0px 0px 0px rgb(0, 0, 0);
	-moz-box-shadow:0px 0px 0px rgb(0, 0, 0);
	-webkit-box-shadow:0px 0px 0px rgb(0, 0, 0);
	background-color: rgb(204, 204, 255);
	background-image:linear-gradient(-90deg, rgb(238, 238, 238), rgb(204, 204, 255));
	background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, from(rgb(238, 238, 238)), to(rgb(204, 204, 255)));
	background-image:-moz-linear-gradient(-90deg, rgb(238, 238, 238), rgb(204, 204, 255));
}
button:hover{
	cursor: pointer;
	text-decoration:none;
	border: 1px solid rgb(153, 153, 153);
	padding: 5px 10px 5px 10px;
	color:rgb(255, 255, 255);
	font-size:18px;
	font-family:arial, serif;
	text-shadow: 0px -1px 0px rgb(0, 153, 255);
	font-size: 18px;
	border-radius:7px 7px 7px 7px;
	-moz-border-radius:7px 7px 7px 7px;
	-webkit-border-radius:7px 7px 7px 7px;
	box-shadow:0px 0px 0px rgb(0, 0, 0);
	-moz-box-shadow:0px 0px 0px rgb(0, 0, 0);
	-webkit-box-shadow:0px 0px 0px rgb(0, 0, 0);
	background-color: rgb(0, 153, 255);
	background-image:linear-gradient(-90deg, rgb(90, 188, 254), rgb(0, 153, 255));
	background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, from(rgb(90, 188, 254)), to(rgb(0, 153, 255)));
	background-image:-moz-linear-gradient(-90deg, rgb(90, 188, 254), rgb(0, 153, 255));
}
button:active{
	cursor: pointer;
	text-decoration:none;
	border: 1px solid rgb(153, 153, 153);
	padding: 5px 10px 5px 10px;
	color:rgb(102, 102, 102);
	font-size:18px;
	font-family:arial, serif;
	text-shadow: 0px 1px 0px rgb(255, 255, 255);
	font-size: 18px;
	border-radius:6px 6px 6px 6px;
	-moz-border-radius:6px 6px 6px 6px;
	-webkit-border-radius:6px 6px 6px 6px;
	box-shadow:0px 0px 0px rgb(0, 0, 0);
	-moz-box-shadow:0px 0px 0px rgb(0, 0, 0);
	-webkit-box-shadow:0px 0px 0px rgb(0, 0, 0);
	background-color: rgb(204, 204, 255);
	background-image:linear-gradient(-90deg, rgb(238, 238, 238), rgb(204, 204, 255));
	background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, from(rgb(238, 238, 238)), to(rgb(204, 204, 255)));
	background-image:-moz-linear-gradient(-90deg, rgb(238, 238, 238), rgb(204, 204, 255));
}