@charset "utf-8";
img{
	border:none;}
body {
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	background:url(../img/bg.jpg) center top #FFF;	
}
#pagina{
	width:960px;
	margin:0 auto;
	}
#logo{
	width:200px;
	float:left;
	position:absolute;
	margin-left: 0px;
	margin-top: -10px;
	}
#header{
	height:350px;
	margin-top: 30px;
	}
#body{
	background:#FFF;
	}
#body #contenido{
	padding:50px;
	line-height:25px;	
	text-align:justify;
	background:#F7F7F7
	}
#body #contenido h1{
	background:#FFF;/*F7F7F7;*/
	border-bottom:1px dotted #CCCCCC;
	padding:10px;
	font-size:18px;
	font-weight:normal;
	color:#036
	}
#body #contenido h3{
	background:#FAFAFA;
	border-bottom:1px dotted #CCCCCC;
	padding:5px;
	font-weight:normal;
	color:#036
	}
#body .izq{
	width:650px;
	float:left;
	}	
#body .der{
	width:300px;
	float:left;
	}
#body .der .cuadro{
	width: 280px;
	display: inline-block;
	border: 5px solid #E0E8F1;
	padding: 0px;
	background:#F8F8FA;
	margin: 8px 5px;
	border-radius: 5px;
	box-shadow: 0px 0px 10px #999;
	padding:8px;
}
#body .izq .cuadro{
	width: 280px;
	display: inline-block;
	border: 5px solid #E0E8F1;
	padding: 0px;
	background:#F8F8FA;
	margin: 8px 5px;
	border-radius: 5px;
	box-shadow: 0px 0px 10px #999;
	padding:8px;
	
	}
	.cuadro h1{
		padding:10px;
		text-align:center;
		font-size:18px;
		color:steelblue;
		background:#F4F4F4;
		margin:0;
		border-bottom:1px solid #CCC;
		margin-bottom:10px;
		}
	.cuadro .descripcion{
		text-align:justify;
		padding:5px 10px;
		margin:0px;
		font-weight:bold;
		color:#069;
		border-bottom:1px solid #CCC;
		margin-bottom:10px;
		}
	.cuadro .vermas{
		text-align:right;
		margin:0px;
		}
#footer{
	height:200px;
	text-align:center;
	color:#06C;
	clear:both;
	font-size:11px;
	background:#E1F2FA url(../img/footer.jpg) bottom center no-repeat;;	
	border-top:#0066CC 5px solid;
	}
#footer span{
	padding:20px;
	}
#img{
	padding:5px;
	background:#FAFAFA;
	border:#FFF 5px solid;
	box-shadow:#999 0px 0px 1px;
	}
audio { width: 150px; }	
#fecha{
	font-size:10px;
	color:#036;
	text-align:right;
	}
	
/* -------------------------------------- menu--------------------------------------- */
@charset "utf-8";

#menu {	display: block;}
#menu ul {margin: 0px; padding: 0;border: 0;list-style-type: none; top:10px;	}

#menu li {margin: 0;padding: 0;border: 0;display: block;float: left;position: relative;z-index: 60;background-image:url(../images/nav_divide.png);}

#menu a {display: block;}

#menu li li {width: 242px; margin:0 0 0 20px}

#menu li li ul {top: -10px;}

#menu li li:hover ul {left: 100%;}

#menu li ul {display: none;position: absolute;z-index: 80;top:20px;left: -50px;margin-right: 0px;font-size:13px;FONT-FAMILY: Arial, Tahoma, Verdana;}

#menu li:hover>ul {	display: block;}

#menuList:after {content: ".";	height: 0;	display: block;	visibility: hidden;	overflow: hidden;clear: both;}

#menu {background-repeat:no-repeat;padding:0px 0 0 10px;}

#menu a {font-size:15px;FONT-FAMILY: Arial, Tahoma, Verdana;font-size: 14px;text-decoration: none;text-align: center;font-weight:normal;color: #ffffff;
	text-shadow:0px 1px 0px #f4f4f4;padding: 5px 0;line-height:18px;}

#menu a:hover {color: #00bdfd;}

#menu li {background: url(../images/nav_divide.png) right top no-repeat;}

#menu li.top {margin-top: 8px;margin: 1px;padding-left: 30px;padding-right: 30px;}

#menu li li {border-bottom-width: 1px;border-bottom-style: dotted;border-bottom-color: #e4e4e4;font-size: 11px;background:none;}

#menu ul.nav_body {color: #000;background: #fff ;width: 278px;padding: 0 0 35px 0;margin:30px 0 0 0;}

.nav_arrow {background: url(../images/nav_hover_top.png) 0 top no-repeat;width: 278px;height:30px;display: none;position: absolute;z-index: 80;
	top:20px;left: -50px;margin-right: 0px;}

#menu li:hover>.nav_arrow, #menu li.submenu:hover>.sub_nav_top { display: block;}

#menu li.nav_bottom {width: 278px;height:43px;margin:0 0 0 0;padding:0 0 0 0;background:none;border:none;}

#menu li .sub_nav_bottom {width: 213px;height:29px;}

#menu li.submenu ul.sub_nav_body {color: #000;background: url(../images/sub_nav_hover_body.png) 0 bottom no-repeat;width: 213px;padding:0 0 29px 0;
	margin:49px 0 0 0;}

#menu li.submenu ul.sub_nav_body.left {left: -218px;}

#menu li.submenu ul.sub_nav_body li.first, #menu li.submenu ul.sub_nav_body_left li.first {margin-top:-35px;}


#menu li.submenu .sub_nav_top {background: url(../images/sub_nav_hover_top.png) 0 top no-repeat;width: 213px;height:49px;display: none;
	position: absolute;z-index: 80;top:-10px;left: 100%;margin-right: 0px;}

#menu li.submenu .sub_nav_top.left {background: url(../images/sub_nav_hover_top_left.png) 0 top no-repeat;left: -100px;}

#menu li ul a {text-align: left;font-size:13px;font-weight:normal;background:none;color:#000000;padding:10px 5px;}

#menu li ul a:hover {color:#ffffff;text-shadow: 0px 1px 0px #2381c9;}

#menu li li:hover {background-color: #128AE6;color:#FFFFFF;text-shadow: 0px 1px 0px #2381c9;}

#menu li li:hover a {color:#FFFFFF;text-shadow: 0px 1px 0px #2381c9;}

#menu li li.submenu {background-repeat: no-repeat;background-position: right;}

#menu li.submenu ul {width:180px;background:#ffffff;}

#menu li.submenu ul li {width:167px;margin:0 0 0 30px;}
	
#menu li.submenu ul li a{color:#000000;text-shadow:0px 1px 0px #f4f4f4!important;}
	
#menu li ul li a:hover{color:#ffffff;text-shadow: 0px 1px 0px #2381c9!important;}

#menu li li.submenu>a {background:url("../images/arrow-b.gif") no-repeat right;}

.indent{margin-left: 10px;background:url("../images/arrow-b.gif") no-repeat right;}

#menu li li.bullet{background-position:left; background-repeat:no-repeat}

#menu li li.submenu:hover a {text-shadow: 0px 1px 0px #2381c9;}







#menu2 {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 1em;color: #000;height:26px;
	background-image: url("../images/main_menu_background_single.gif"); background-repeat:no-repeat;padding-left:10px; padding-right:10px;}

#menu2 a {text-decoration: none;text-align: center;color: #000;padding: 0px 5px 0px;}

#menu2 li {margin: 2px;padding: 1px;}

#menu2 li:hover {background-color: #ddd;padding: 0;border: 1px solid #ccc;}

#menu2 li li {width: 124px;}

#menu2 li ul {color: #000;background-color: #E5E5E5;/*background-image: url(css/images/iconbg.html);*/background-repeat: repeat-y;width: 130px;}

#menu2 li ul a {text-align: left;padding-left: 3px;}

#menu2 li li.submenu {background-image:  url("../images/sub_menu_icon.gif");background-repeat: no-repeat;background-position: right;}

#menu2 li li.submenu>a {background: url("../images/arrow-b.gif");background-repeat: no-repeat;background-position: right;}

#menu2 li li.submenu:hover>a {background-image: none;}

#inicial a{
	border:1px solid #039;
	text-align:center;
	padding:8px;
	box-shadow:#666 0px 0px 3px;	
	background: #1e5799;
	background: -moz-linear-gradient(top,  #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#7db9e8));
	background: -webkit-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
	background: -o-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
	background: -ms-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
	background: linear-gradient(to bottom,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 );


	}
#primario a{
	border:1px solid #039;
	text-align:center;
	padding:8px;
	box-shadow:#666 0px 0px 3px;	
	background: #1e5799;
	background: -moz-linear-gradient(top,  #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#7db9e8));
	background: -webkit-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
	background: -o-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
	background: -ms-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
	background: linear-gradient(to bottom,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 );


	}
#inicial a, #primario a,#secundario a{
	color:#FFF;
	text-decoration:none;
	}
#secundario a{
	border:1px solid #96F;
	text-align:center;
	padding:8px;
	box-shadow:#666 0px 0px 3px;
background: #a90329;
background: -moz-linear-gradient(top,  #a90329 0%, #8f0222 44%, #6d0019 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90329), color-stop(44%,#8f0222), color-stop(100%,#6d0019));
background: -webkit-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%);
background: -o-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%);
background: -ms-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%);
background: linear-gradient(to bottom,  #a90329 0%,#8f0222 44%,#6d0019 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 );

	
	}
#cu{
	color:#06C;
	margin:3px;
	padding:9px;
	
	}
	
	
.blanco{
	color:#FFF;
}
.azul{
	color:#03C;}
.rojo{
	color:#900;
	}
	
.form{ 
	margin:0 auto;
	background:#CCCCCC;
	padding:20px;
	}
.form label{
	padding:4px;
	margin:4px;
	width:250px;
	display:inline-block;
	text-align:right;
	}
.form input,.form textarea {
	padding:4px;
	margin:4px;
	width:400px;
	}