* {
	padding: 0 auto;
	margin: 0 auto;
	font-family: Helvetica, Arial, sans-serif;
	color:#2e2e2e;
}

body {
	background: #f0f0f0;
	height: 100%;
}

#general {
	width: 955px;
	margin-top: 10px;
	margin-bottom: 10px;
	border-bottom: 5px solid #d9d9d9;
	background: url('images/back-contenido.gif') #fff right;
		
}

#menu {
	background: url('images/back-menu.gif') repeat-x #00a8e9;
	width:955px;
	height:24px;
	font-weight: bold;

}

ul#uno {  
	list-style:none;
	margin:0;
	padding:0;
	}
ul#uno li {
	margin:0;
	padding:0;
	float:left;
	}
ul#uno li a {
	display:block;
	min-width:130px;
	//min-width:100px;
	padding:4px 3px 4px 3px;
	text-decoration:none;
	text-align:center;
	font-size: 11px;
	color:#eae9ef;
	}
ul#uno li a:hover {
	color:#FFFFFF;
	background:url('images/back-menu-o.gif') repeat-x #00a8e9;
}

#header	{
	background: url('images/header.jpg');
	width: 955px;
	height: 145px;
}
#subheader	{
	background: url('images/sub-header.jpg');
	width: 955px;
	height: 55px;
}

#centro {
	width: 955px;
	background: url('images/back-contenido.gif') #fff right;
	overflow: hidden;
}
#menuleft {
	float: left;
	background: url('images/back-menu-left.png') no-repeat ;
	width: 188px;
	line-height: 15px;
	height:361px;
	margin: 0;
	padding: 0;
}

#menuleft h2 {
	font-size: 16px;	
	border-bottom: 2px #d7d7d7 solid;
	padding-left: 10px;
	margin-left: 6px;
	margin-top: 20px;
	margin-right: 2px;
	color: #00437a;
}

#menuleft p {
	margin-top: 10px;
	font-size: 12px;
	margin-left: 23px;
}

.textinput {
	width:139px;
	height:15px;
	background:url(images/input.gif) no-repeat left top;
	border:none;
	padding-top:4px;
	padding-bottom: 4px;
	padding-left: 8px;
	padding-right: 8px;
}

.buttonSubmit {
	width:69px;
	height:26px;
	color:#FFF;
	font-weight:bold;
	padding:2px 5px;
	background:url(images/button.gif) no-repeat left top;
	cursor:pointer;
	border:none;
}
#menulinks {
	width: 180px;
	font:10px "Franklin Gothic Medium", Arial, Helvetica, sans-serif;
	margin-left: 6px;
	padding: 0;
} 
#menuv {
	width: 180px;
	font:12px "Franklin Gothic Medium", Arial, Helvetica, sans-serif;
	margin-left: 6px;
	padding: 0;
} 

#menuv ul, #menulinks ul { /* remove bullets and list indents */
list-style: none;
margin: 0;
padding: 0;
}

/* style, color and size links and headings to suit */
#menuv a, #menuv h2, #menulinks a, #menulinks h2 {
display: block;
border-bottom: 1px solid #ACCFE8;
margin: 0;
padding: 1px 6px;
}

#menuv h2, #menulinks h2 {
color: #3366CC;
}

#menuv a, #menulinks a {
color: #3366CC;
text-decoration: none;
}

#menuv a:hover {
background: url('images/menuv-o.jpg') repeat-x #EBEEF3;
padding-left:15px;
}

#menulinks a:hover {
text-decoration: none;
border-bottom: 1px solid;
}

#menuv li {
/* make the list elements a containing block for the nested lists */
position: relative;
} 

#menuv ul ul ul {
position: absolute;
top: 0;
left: 100%; /* to position them to the right of their containing block */
width: 100%; /* width is based on the containing block */
}

#menuv ul ul ul,
#menuv ul ul li:hover ul ul
{display: none;}

#menuv ul ul li:hover ul,
#menuv ul ul ul li:hover ul
{display: block;
background:#EFEFEF;
}

#contenido {
	width: 767px;
	float: left;
}
#footer {
	clear: both;
	width: 955px;
	min-height: 56px;
	background: url('images/footer.jpg') no-repeat right bottom ;
	text-align: center;
}

#footer p {
	font-size: 11px;
	color: #999;
	margin: 20px 500px 0px 20px;
}

/* CUERPO Y COLUMNA DERECHA */

#cuerpo {
	float: left;
	margin:10px 0px 10px 10px;
	width: 500px;
}
#cuerpo h1 {
color: #000;
margin: 0px 0px 0px 5px;
font-size: 14px;
text-align: center;

}
#cuerpo h2 {
color: #3366CC;
margin: 20px 20px 0px 3px;
font-size: 12px;
border-bottom: 1px dotted #999;

}
#cuerpo a h2{
text-decoration: none;
}
#cuerpo a h2:hover{
color: #fff;
background: #2a6198;
}

#cuerpo h3 {
margin: 2px 0px 0px 5px;
font-size: 11px;
color: ;
font-weight: bold;
}
#cuerpo p {
margin: 5px 20px 5px 10px;
font-size: 11px;
}
#cuerpo .esp {
	margin: 0px 0px 20px 0px;
}
#cuerpo img {
border:0px;
}

#col_der {
	float: left;
	margin: 10px 0px 10px 0px;
	width: 240px;
}
#col_der h2 {
	font-size: 16px;	
	border-bottom: 2px #d7d7d7 solid;
	margin-top: 20px;
	margin-right: 2px;
	color: #00437a;
}

#col_der p {
	font-size: 12px;	
	margin-top: 10px;
	color: #2e2e2e;
	margin-left: 10px;
	font-style: 
}

#col_der b {
	color: #3366CC;
}
.links a{
	color: #00599c;
	text-decoration:underline;
	margin-right:10px;

}
.links a:hover {
	text-decoration: none;
	color:#00aeff;
}

#cuerpo img {
	margin:5px;
}
#cuerpo ul {
	font-size: 12px;
	margin: 10px 20px 10px 40px;
}
#cuerpo li {
	margin: 0px 20px 10px 10px;
	list-style-image: url(images/arrow.gif);
}

/* TABLAS */
#cuerpo caption {font-size: 1.7em; color: #F06; text-align: justify;}
#cuerpo table {margin: 0; padding: 0; border-collapse: collapse; width: 100%;}
#cuerpo td, th {padding: 10px 4px; border-bottom: 1px solid #EEE;}
#cuerpo td + td {border-left: 1px solid #FAFAFA; color: #999;}
#cuerpo td + td + td {border-left: none;}
#cuerpo td a {color: #444; text-decoration: none; text-align: right;}
#cuerpo td a, th a {display: block; width: 100%;}
#cuerpo td a:hover {background: #444; color: #FFF;}
#cuerpo th {text-align: justify; }
#cuerpo th + th + th {text-align: justify;}
#cuerpo th a {color: #F06; text-decoration: none; font-size: 1.1em;}
#cuerpo th a:visited {color: #F69;}
#cuerpo th a:hover {color: #F06; text-decoration: underline;}
#cuerpo thead tr, tfoot tr {color: #555; font-size: 0.8em;}
#cuerpo tr {font: 12px sans-serif; background: url(images/prettyinpink_row.png) repeat-x #F8F8F8; color: #666;}
#cuerpo tr:hover {background: #FFF;}

/* VISTA PREVIAS */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url('images/prevlabel.gif') left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url('images/nextlabel.gif') right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


#cabeza{
 background: #f0f0f0;
}
#temperatura {
float: left;
font-size: 11px;
text-align: left;
}
#links {
font-size: 11px;
text-align: right;
}
#col_not {
	float: left;
	margin: 10px 0px 10px 0px;
	width: 240px;
}
#col_not h2 {
	font-size: 16px;	
	border-bottom: 2px #d7d7d7 solid;
	margin-top: 20px;
	margin-right: 0px;
	color: #00437a;
}

#col_not p {
	font-size: 12px;	
	margin-top: 10px;
	color: #2e2e2e;
	margin-left: 10px;
	font-style: 
}

#col_not b {
	color: #3366CC;
}
#player {
height:195px;
color:#fff;
}
.esp {
	width:240px;
	float:left;
}