/*
=======================================
Voices from Oxford CSS
Copyrigth (c) 2009, 2010 ILM

Author: Ignacio Lamata Martinez
Last update: Jan 2010

P VERSION
=======================================
*/

/* ------- Page: basic elements ------- */
html {
	margin: 0px;	padding: 0px;
	}
body { 
	margin: 0px;	padding: 0px;	text-align:left;
	background:#fff url(../img/bg.jpg) repeat-x 0px 0px;  /* Background of the page */
		width: 970px;
	}
img {
	margin: 0px; 	padding: 0px;	border: 0px;
}
a:link, a:visited { text-transform: none; text-decoration:none; }
a:hover { text-decoration:underline; }


/* ------- Page: header ------- */
#header {
	float: left;	width: 935px;	margin: 8px 0 5px 10px;	border-bottom: 1px solid #fff;
}

#logo {
	float: left;
}

/* ------- Page: navigation ------- */

#mainmenu {
	float:left;	width: 730px;	height: 55px;	margin: 25px 0 0 15px;	padding: 0px;
	background: url(../img/main_menu.gif) top left no-repeat;
}

#mainmenu ul{
	margin:0px; padding:0px;	list-style: none;
}


#mainmenu li{
	float:left;	margin: 0 0 10px 5px;	padding: 15px;
}

#mainmenu a{
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;	font-size: 1.0em;	font-weight: bold;	color:#fff;
}

#mainmenu a.current{
	border-bottom: 13px solid #8eb6d0;	color:#91abbc;
}


/* ------- Home content ------- */

#header_home{
	float: left;	margin: 0 0 10px 10px;	width: 692px;
	background: url(../img/main.gif) center left no-repeat;
}

#logo_home{
	float:left;	clear:right;	margin: 0 0 0 0;
}

#mainhome{
	float:left;	margin:0px;padding:0px;
}

#mainhome h1{
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;	font-size: 1.5em;	color:#121212;	width: 350px;	margin: 10px 0 0 0; padding:10px 0 0 10px;text-align:left;
}

#mainhome h1 strong{
color:#002147;
}

#mainhome h2{
	font-family: Arial, Helvetica, sans-serif;	font-size: 1.2em;	font-weight:lighter;	color:#555;	width: 350px;margin: 5px 0 0 10px;padding:0;text-align:left;
}

.plus{
	font-family: Arial, Helvetica, sans-serif;	font-size: 1.0em;	color:#002147;	margin: 30px 0 10px 10px;	padding: 0 0 20px 25px;	float:left;	background:url(../img/icon_plus.jpg) top left no-repeat;
}
	
#maincontent{
	float:left;	clear:left;	width: 692px;	margin:0 0 0 10px; padding:0px;

}

#maincontent ol{
	width: 687px;	background:#fff url(../img/bg_bottom.jpg) top left repeat-x;    margin:0px;	padding-left: 5px;	list-style: none;	height: 110px;
}

#maincontent li{
	float:left;	margin: 0 0 10px 5px;
}

#maincontent a{
	background:url(../img/maincont_bullet.gif) center left no-repeat;	padding: 10px;	line-height:30px;	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;	font-size: 0.9em;	font-weight:bold;	text-transform: uppercase;	width:150px;	display:block;	color:#002147;padding-left:50px;

}

#maincontent a:hover{
	color:#004167;	background:url(../img/maincont_bulleth.gif) center left no-repeat;
}

#maincontent a.uno{
	background:url(../img/option1_des.gif) center left no-repeat;
}

#maincontent a.uno:hover{
	background:url(../img/option1_sel.gif) center left no-repeat;
}

#maincontent a.dos{
	background:url(../img/option2_des.gif) center left no-repeat;
}

#maincontent a.dos:hover{
	background:url(../img/option2_sel.gif) center left no-repeat;
}

#maincontent a.tres{
	background:url(../img/option3_des.gif) center left no-repeat;
}

#maincontent a.tres:hover{
	background:url(../img/option3_sel.gif) center left no-repeat;
}

#maincontent a.cuatro{
	background:url(../img/option4_des.gif) center left no-repeat;
}

#maincontent a.cuatro:hover{
	background:url(../img/option4_sel.gif) center left no-repeat;
}

#maincontent a.cinco{
	background:url(../img/option5_des.gif) center left no-repeat;
}

#maincontent a.cinco:hover{
	background:url(../img/option5_sel.gif) center left no-repeat;
}

#maincontent a.seis{
	background:url(../img/option6_des.gif) center left no-repeat;
}

#maincontent a.seis:hover{
	background:url(../img/option6_sel.gif) center left no-repeat;
}

#maincontent h2{
	width: 692px;
	background: url(../img/main_content_top.gif) top left no-repeat;	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;	font-size: 1.2em;	line-height:40px;text-align:left;margin:0 0 0 0px;padding:0 0 0 5px;
}


#specialcontent{
	float:left;	clear:right;	width: 230px;	margin: 15px 20px 10px 10px;	background:#6487af url(../img/bg_right.jpg) top left repeat-x;
}

#specialcontent h2{
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;	font-size: 1.2em;	line-height:40px;	color:#fff;text-align:left;margin:0 0 10px 0px;padding:0 0 0 5px;border-bottom: 1px solid #fff;
}

#specialcontent h3{
	font-family: Arial, Helvetica, sans-serif;	font-size: 1.0em;	color:#fff;margin:0 0 0 5px; padding:0;
}

#specialcontent h4{
	font-family: Arial, Helvetica, sans-serif;	font-size: 0.7em;	color:#9abee7;text-align:left;margin:0 0 0 5px; padding:0;
}

#specialcontent ul{
	list-style: none;padding: 0;margin: 0 0 10px 5px;padding:5px;
}

#specialcontent li{
	float:left;	margin: 0 0 10px 0;	width: 212px;
}

#specialcontent li a{
	font-family: Arial, Helvetica, sans-serif;	font-size: 0.8em;	color:#fff;text-align:left;margin:0 0 0 0px;padding:0 0 0 5px;
}

#specialcontent img{
	margin: 0 5px 0 5px;	padding: 0;	float:left;	border: 2px solid #9abee7;
}

#speciallinks{
	width: 230px;	margin: 15px 0px 10px 10px;	background:#6487af url(../img/bg_links.jpg) top left repeat-x;		float:left;
}


#speciallinks h2{
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;	font-size: 1.2em;	line-height:40px;	color:#fff;text-align:left;margin:0 0 10px 0px;padding:0 0 0 5px;border-bottom: 1px solid #fff;
}

#speciallinks ul{
	list-style: none;padding: 0;margin: 0 0 10px 5px;padding:5px;
}

#speciallinks li{
	float:left;	margin: 0 0 10px 0;
}

#speciallinks li a{
	font-family: Arial, Helvetica, sans-serif;	font-size: 0.8em;	color:#fff;text-align:left;
margin:0 0 0 0px;padding:0 0 0 5px;
}

#skipcontent{
display:none;
}

/* ------- Standard page content ------- */

#content{
	float:left;	width: 690px;	margin: 0 0 0 10px;	padding: 0px;	background: url(../img/cont_content.gif) top left no-repeat;
}

#content h1, #content h2, #content h3, #content p{
color:#222222;font-family: Geneva, Arial, Helvetica, sans-serif;font-size: 1.3em;text-align:left;margin: 15px;width: 640px;padding: 0;
}

#content h1{
margin-top:25px;margin-left:25px;
}

#content h2{
margin-left:25px;font-size: 1.0em;color:#002147;
}

#content h3{
font-size: 0.9em;text-transform:uppercase;color:#6487af;border-bottom: 1px dashed #333;margin-top: 25px;

}

#content p{
font-size: 0.9em;
color:#666;

}

#content img{  
border: 5px solid #999;
}

#content img.ico{
border: 0px;
}

#content ul{
list-style: none;padding: 0;margin: 0 0 10px 15px;
text-align:left;
}

#content li{
margin: 0 0 10px 0;padding: 0;
}

.contentplus{
	font-family: Arial, Helvetica, sans-serif;	font-size: 0.8em;
	color:#002147;	margin: 30px 0 10px 10px;	padding: 10px 0 10px 15px;	background:url(../img/icon_plus_min.jpg) center left no-repeat;
}


#submenu{
	float:left;	clear:right;	width: 230px;	margin: 5px 20px 10px 10px;	background:#6487af url(../img/bg_right.jpg) top left repeat-x;
}

#submenu h2{
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;	font-size: 1.0em;	line-height:40px;	color:#fff;text-align:left;margin:0 0 10px 0px;padding:0 0 0 5px;border-bottom: 1px solid #fff;
}

#submenu h3{
	font-family: Arial, Helvetica, sans-serif;	font-size: 1.0em;	color:#fff;margin:0 0 0 5px; padding:0;
}

#submenu h4{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;	color:#9abee7;text-align:left;margin:0 0 0 5px; padding:0;
}

#submenu ul{
	list-style: none;padding: 0;margin: 0 0 10px 5px;padding:5px;
}

#submenu li{
	float:left;	margin: 0 0 10px 0;
}

#submenu li a{
	font-family: Arial, Helvetica, sans-serif;	font-size: 0.8em;	color:#fff;text-align:left;margin:0 0 0 0px;padding:0 0 0 5px;
}

#submenu img{
	margin: 0 5px 0 5px;	padding: 0;	float:left;	border: 2px solid #9abee7;
}


#contentinfo{
	float:left;	width: 690px;	margin: 0 0 0 10px;	padding: 0px;
	font-family: Geneva, Arial, Helvetica, sans-serif;	background:url(../img/cont_contentinfo.gif) top left no-repeat;
}

#contentinfo h1, #contentinfo h2, #contentinfo h3, #contentinfo p{
color:#222222;font-size: 1.3em;text-align:left;margin: 15px;width: 640px;padding: 0;
}

#contentinfo h1{
margin-top:25px;
}

#contentinfo h2{
font-size: 1.2em;color:#002147;	border-bottom: 2px solid #002147;	letter-spacing: 1px;margin-top:40px;	
}

#contentinfo h3{
font-size: 0.9em;color:#6487af;

}

#contentinfo p{
font-size: 0.9em;color:#666;margin-left: 20px;
}

#contentinfo ul{
list-style: none;padding: 0;margin: 0 0 10px 15px;text-align:left;list-style-position:inside;color:#666;
}

#contentinfo ul.dot{
list-style-type:disc;margin-left: 30px;
}

#contentinfo li{
margin: 20px 0 30px 0;padding: 0;width: 640px;font-size: 1em;
}

#contentinfo li.person{
height: 250px;
}

#contentinfo img{
float:left;
}

#contentinfo .textabout{
margin-left: 260px;width: 350px;
}

#contentinfo a{
color:#389;
}

#video{
margin-left: 22px;width:640px;border: 1px solid #6487af;
}

#videoinfo{
background-color:#6487af;width:642px;margin-left:22px;line-height:35px;clear: right;
}

#imagen{
margin-left: 20px;width:640px;
}

dl{
color:#fff;font-family: Geneva, Arial, Helvetica, sans-serif;font-size: 0.9em;text-align:left;display:inline;width:680px;
}

dt{
	margin:0 0 0 10px;	padding:5px 0 10px 32px;	display:inline;	font-weight:bold;	
}

dd{
	padding:0 10px 0 0;	display:inline;
}

#vlength{
		background:#6487af url(../img/video_length.jpg) top left no-repeat;
}

#vsize{
		background:#6487af url(../img/video_size.jpg) top left no-repeat;
}

#vdate{
		background:#6487af url(../img/video_date.jpg) top left no-repeat;
}

/* ------- Page: footer ------- */

#footer {
float:left;width:935px;margin: 10px 0 0 10px;padding: 0px;	background-color:#FFFFFF;border-top-color:#999999;border-top: solid 1px;font-size: 0.7em;font-family: verdana;color: #666666;background: url(../img/cont_footer.gif) top left no-repeat;
}


#footer p{
text-align: center;clear: left;margin:10px 0 10px 0;padding:0;
}

#footer p#lastmodif{
float:right;
}

#footer ol{
float:left;list-style: none;padding: 0;margin: 0;width:inherit;
}

#footer li{
float: right;padding-left: 1em;
}

#footer li.uoxf{
float: left;
}

#footer li.sponsor{
float: right;
}

#footer a.aboutlink{
font-weight: bold;font-size: 1.1em;background-color: #ffba00;padding: 3px;
}

ol#footerlinks{
	float:left;	clear: both;	color: #555;	margin:10px 0 0 0;	padding:0;	float:left;	list-style: none;
	}
	
#footerlinks li{
		float:left;	margin-right: 10px;
	}
	
#footerlinks a{
	color: #555;	list-style: none;
	}	

#footerlinks a:hover{
	color: #389;
	}