body {
	font-family:Century Gothic,arial,verdana,sans-serif;
	line-height:1.4em;	
	font-size: 1em;
	background-color:#000000;
}

#texto{
	font-family:Century Gothic,arial,verdana,sans-serif;
	color:#FFFFFF;
}

h1, h2{
	font-weight:bold;
	color:#e36928;
}

h1.titulo{
	background:transparent url(img/flechiquica.gif) no-repeat scroll right bottom;
	border-bottom:1px solid #AAAAAA;
	color:#172983;
	font-size:1em;
	font-weight:bold;
	margin-bottom:15px;
	padding-bottom:3px;
	text-align:left;
}

a {
	text-decoration:none;
	color:#808080;
	
}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {color:#e36928;}
a:active {text-decoration: none;}

/*
#centrado{
	position:absolute;
	width: 100%;
	left:0px;
	top:0px;
	margin:0 auto 0 auto;
	text-align:center;
	z-index:1;
	min-width:1023px;
	width: expression((documentElement.clientWidth <1023) ? "1023px" : "100%" );
}

#pagina{
	position:relative;
	width: 950px;
	height:529px;
	*height:539px;
	left:0px;
	top:0px;
	margin:0 auto 0 auto;
	text-align:center;
	background-color:#FFFFFF;
	z-index:1;
	top: 10px;
}
*/

#comunity{
	position:relative;
	margin:0 auto 0 auto;
	text-align:center;
	z-index:6000;
	width: 200px;
	height:30px;
	float:right;
	top:10px;
}


#pagina{
	position:absolute;
	margin:0 auto 0 auto;
	text-align:center;
	background-color:#FFFFFF;
	z-index:1;
	border-style:solid;
	border-color:#0085d0;
	width: 950px;
	height:539px;
	*height:549px;
	top:50%;
    left:50%;
    margin-left:-475px;
    margin-top:-264.5px;
    *margin-top:-269.5px;
}

#cabecera1{
	position:relative;
	height:105px;
	width:100%;
	top:0px;
	left:0px;
	background-image:url('img/cab_portada.jpg');
	background-repeat:no-repeat;
	z-index:1;
}

#cabecera2{
	position:relative;
	height:46px;
	width:100%;
	top:0px;
	left:0px;
	background-image:url('img/logo.jpg');
	background-repeat:no-repeat;
	z-index:1;
}

#menu{
	position:relative;
	height:30px;
	width:100%;
	top:0px;
	left:0px;
	background-color:#000000;
	z-index:1;
}

#cuerpo{
	position:relative;
	width:100%;
	height:250px;
	top:0px;
	left:0px;
	z-index:2;
}

#contenedor{
	position:relative;
	width:58%;
	height:300px;
	top:50px;
	left:0px;
	float:left;
	overflow: auto;
	text-align:justify;
}

#contenedor_index{
	position:relative;
	width:58%;
	height:300px;
	top:50px;
	left:0px;
	float:left;
	overflow: auto;
	line-height:30px;
	text-align:center;
}

#contenedor2{
	position:relative;
	width:450px;
	height:250px;
	top:30px;
	left:80px;
	float:left;
	overflow: auto;
	text-align:left;
}

#contenedor3{
	position:relative;
	width:400px;
	height:400px;
	top:0px;
	left:280px;
	float:left;
	overflow: auto;
	text-align:left;
}

#contenedor4{
	position:relative;
	width:80%;
	height:300px;
	top:0px;
	left:150px;
	float:left;
	overflow: auto;
	text-align:left;
}

#contenedor5{
	position:relative;
	width:480px;
	height:300px;
	top:50px;
	left:50px;
	float:left;
	overflow: auto;
	text-align:justify;
}

#contenedor6{
	position:relative;
	width:350px;
	height:300px;
	top:50px;
	left:80px;
	float:left;
	overflow: auto;
	text-align:left;
}

#imagen{
	position:relative;
	width:378px;
	height:250px;
	top:20px;
	left:70px;
	float:left;
	text-align:right;
	z-index:0;
}

#calendario{
	position:relative;
	width:458px;
	height:303px;
	top:30px;
	left:20px;
	float:left;
	text-align:right;
	z-index:0;
}


#pie{
	background-image:url('img/manos.jpg');
	position:absolute;
	height:189px;
	width:100%;
	top:350px;
	*top:360px;
	left:0px;
	z-index:1;
}

img {
	border:0px;
}

#error {
	font-size:12px; 
	color:#FF6600;
}

.error {
	clear: both;
	text-align: right;
}


/* -----------------CABECERA-----------------------. */


#slideshow {
    position:relative;
    /* height:169px; */
    width:100%;
    top:0;
    left:0;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}


/* -----------------MENU-----------------------. */

	.nav {
	height:20px;
	position:relative; 
	font-size:15px; 
	width:100%; 
	z-index:100;
	margin:0;
	padding:0;
	background-color:#000000;
	}
	
	.nav .table {
	display:table; 
	margin:0 auto;
	}

	#nav {
		margin: 0;
		padding: 0;
	}

	#nav li.on ul, #nav li.off ul {
		margin: 0;
		padding: 0;
	}

	#nav a {
		text-decoration: none;
	}

	#nav li { /*float the main list items*/
		margin: 0;
		float: left;
		display: block;
		padding-right: 10px;
	}

	#nav li ul {
		display: none;
	}
	
	#nav li.off ul, #nav li.on ul { /*put the subnav below*/
		position: absolute;
		font-size:13px;
		top: 20px;
		*top: 22px;
		left: 0px;
		padding-top: 0px;
		background: #0182cc;
		width: 950px;
	}

	#nav li a {
		color: #FFFFFF;
		display: block;
		height: 25px;
		padding: 0px;
	}

	#nav li.on a {
		color: #0182cc;
	}

	#nav li.on ul a, #nav li.off ul a {
		float: left; /*ie doesn't inherit the float*/
		border: 0;
		color: #FFFFFF;
		width: auto;
		margin-right: 0px;
		font-size:0.9em;
	}

	#nav li.on ul {
		display: block;
	}

	#nav li.off a:hover, #nav li:hover a {
		color: #0182cc;
	}
	
	#nav li.off li a:hover {
   		color: #000000; 
    }
    
	#nav li.off:hover ul, #nav li.over ul { 
	  display: block;
	  z-index: 6000;
	}

/* -----------------MENU_2-----------------------. */

#marco {
	position:relative;
	width:950px;
	margin:0px 0;
	padding:0px;
	text-align:left;
	z-index:3000;
	}

/*Credits: CSSplay */
/*URL: http://www.cssplay.co.uk/menus/pro_drop2 */
.preload2 {background: url(img/button4a.gif);}
.menu2 {padding:0; margin:0; margin-bottom:0; list-style:none; height:25px; background:#fff url(img/fd_menu.gif) repeat-x; position:relative; font-family:arial, verdana, sans-serif;}
.menu2 li.top {display:block; float:left; position:relative;}
.menu2 li a.top_link {display:block; float:left; height:25px; margin-left:11px;line-height:25px; color:#333; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 6px; cursor:pointer;}
html>body .menu2 li a.top_link {display:block; float:left; height:25px; margin-left:22px;line-height:25px; color:#333; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 6px; cursor:pointer;}
.menu2 li a.top_link span {float:left; display:block; padding:0 10px 0 6px; height:40px;}
.menu2 li a.top_link span.down {float:left; display:block; padding:0 10px 0 6px; height:25px;/*background:url(prodrop2/down.gif) no-repeat right top;*/}
.menu2 li a.top_link:hover {color:#fff;  background:url(img/button4a.gif);}
.menu2 li a.top_link:hover span { background:url(img/button4a.gif);}
.menu2 li a.top_link:hover span.down { background:url(img/button4a.gif);}

.menu2 li:hover > a.top_link {color:#fff; background:url(img/button4a.gif);}
.menu2 li:hover > a.top_link span {background:url(img/button4a.gif);}
.menu2 li:hover > a.top_link span.down {background:url(img/button4a.gif);}


.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.menu2 a:hover {visibility:visible;}
.menu2 li:hover {position:relative;}

/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu2 :hover ul.sub {left:22px; top:25px; background: #fff; padding:0; /*border:1px solid #1E8BB5; white-space:nowrap;*/ width:auto; height:auto; font-weight:normal;}
.menu2 :hover ul.sub li {display:block; /*height:20px; */position:relative; float:left; width:160px; border-bottom:1px solid #005FB9; border-left:1px solid #005FB9; border-right:1px solid #005FB9; margin-bottom:0;}
.menu2 :hover ul.sub li a {display:block; height:auto; font-size:11px; padding:4px 3px; line-height:1; color:#005FB9; text-decoration:none;}
.menu2 :hover ul.sub li a.fly {background:#fff  url(img/vineta_menu.gif) no-repeat 150px 6px;} 
.menu2 :hover ul.sub li a:hover {background:#E5FAFC; color:#005FB9;}
.menu2 :hover ul.sub li a.fly:hover {background:#E5FAFC url(img/vineta_menu.gif) no-repeat 150px 6px;}
.menu2 :hover ul li:hover > a.fly {background:#E5FAFC;} 

.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:160px; top:-1px; background: #fff; padding:0; /* white-space:nowrap; */width:auto; z-index:9000; height:auto;}
.menu2 :hover ul.sub li ul {border-top:1px solid #005FB9; background: #fff;}