/* CSS Document */

/*************************************************/
/* GENERALS */

body{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px;
	background:#F93 url('../images/bkg/body.gif') top center repeat-y;
	margin:0; padding:0;
}
	
div, form{margin:0;padding:0;}
img{border:0;}

h1, h2{color:#F93;}

input, textarea, select{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}

*+html .floatFix {height:1%}
* html .floatFix {height:1%}
.floatFix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}

a:link{text-decoration:none;color:#F93;}
a:visited{text-decoration:none;color:#F93;}
a:hover{text-decoration:none;color:#D60;}
a:active{text-decoration:none;color:#F93;}

/*************************************************/
/* CONTAINERS */

#wrapper{
	width:740px;
	height:auto;
	margin:auto;
}

#header{
	height:97px;
	width:auto;
}

#logo{
	background-image:url('../images/bkg/logo.gif');
	background-repeat:no-repeat;
	background-position:bottom left;
	width:auto;
	height:88px;
	margin-left:10px;
}

#navBar{
	background-image:url('../images/bkg/menu.gif');
	background-repeat:repeat-x;
	float:right;
	width:570px;
	height:66px;
}

#sectionTitle{
	height:163px;
	width:auto;
	/*background-color:#FF0;*/
}

#breadCrumb{
	height:30px;
	width:auto;
	background-color:#DDD;
}

#content{
	margin:auto;
	width:auto;
	height:auto;
	background-image:url('../images/bkg/side_bar.gif');
	background-repeat:repeat-y;
	background-position:right;
}

#mainContent{
	width:430px;
	height:auto;
}

#sideBar{
	float:right;
	width:300px;
	background-color:#666;
	margin-bottom:10px;
}

#footer{
	height:24px;
	width:auto;
	background-color:#F93;
	margin-top:10px;
	clear:both;
}

/*************************************************/
/* HEADER */

#logo .logoAnchor{
	float:left;
	height:85px; width:150px;
}

#header .date{
	clear:right;
	float:right;
	width:345px;
	height:auto;
	font-size:9px;
	margin-top:8px;
	color:#999;
	text-align:right;
}

#header #logo .date a.spanish:link{color:#39F;}
#header #logo .date a.spanish:visited{color:#39F;}
#header #logo .date a.spanish:hover{color:#06C;}
#header #logo .date a.spanish:active{color:#39F;}

#header .date a.english:link{color:#F00;}
#header .date a.english:visited{color:#F00;}
#header .date a.english:hover{color:#900;}
#header .date a.english:active{color:#F00;}

#navBar .search{
	float:right;
	margin:9px 9px 9px 9px;
}

#navBar .search input{
	padding-left:5px;
	margin:0;
	color:#666;
	border:solid 1px #878787;
}

#navBar ul.content{
	color:#FFF;
	list-style:none;
	padding:0;
	margin:44px 0 0 10px;
}

#navBar ul.content li{
	display:inline;
}

#navBar ul.content li a:hover{color:#F93;}
#navBar ul.content li a{color:#EEE;}

#breadCrumb .content{
	width:auto;
	padding:8px 10px 0 10px;
	color:#333;
	font-size:9px;
}

#breadCrumb .content ul{
	list-style:none;
	margin:0; padding:0;
	color:#333;
	/*
	color:#F93;
	*/
	display:inline;
}

#breadCrumb .content ul li{display:inline;}

#breadCrumb .content ul li a:hover{color:#F93;}
#breadCrumb .content ul li a{color:#D60;}

/*************************************************/
/* SELECTION TITLE */

#sectionTitle .image{
	width:440px;
	height:163px;
	float:left;
}

#sectionTitle ul.selectMenu{
	list-style:none; float:right;
	margin:0; padding:0;
	width:300px; height:auto;
	float:left;
}

#sectionTitle ul.selectMenu li{
	height:auto; width:auto;
	margin:0; padding:0;
	border-bottom:solid 1px #FFF;
	font-size:13px;
}

#sectionTitle ul.selectMenu li.last{border:0;}

#sectionTitle ul.selectMenu li a {
	display:block; color:#FFF;
	height:30px; width:265px;
	padding:10px 0 0 35px;
	background:#F93 url('../images/icons/sidebar_enter.gif') 10px 50% no-repeat;
}	 

#sectionTitle ul.selectMenu li a:hover {
	background:#F83 url('../images/icons/sidebar_enter_over.gif') 10px 50% no-repeat;
}

/* activado */

#sectionTitle ul.selectMenu li.current a {
	display:block; color:#FFF;
	height:30px; width:265px;
	padding:10px 0 0 35px;
	background:#F83 url('../images/icons/sidebar_enter_over.gif') 10px 50% no-repeat;
}	 

/*************************************************/
/* CONTENT */

/* Rollovers Icons */

#content a.audio {background-image: url('../images/icons/sidebar_audio.gif');}	 
#content a.audio:hover {background-image: url('../images/icons/sidebar_audio_over.gif');} 

#content a.back {background-image: url('../images/icons/sidebar_back.gif');}	 
#content a.back:hover {background-image: url('../images/icons/sidebar_back_over.gif');} 

#content a.enter {background-image: url('../images/icons/sidebar_enter.gif');}	 
#content a.enter:hover {background-image: url('../images/icons/sidebar_enter_over.gif');} 

#content a.info {background-image: url('../images/icons/sidebar_info.gif');}	 
#content a.info:hover {background-image: url('../images/icons/sidebar_info_over.gif');} 

#content a.mail {background-image: url('../images/icons/sidebar_mail.gif');}	 
#content a.mail:hover {background-image: url('../images/icons/sidebar_mail_over.gif');} 

#content a.pdf {background-image: url('../images/icons/sidebar_pdf.gif');}	 
#content a.pdf:hover {background-image: url('../images/icons/sidebar_pdf_over.gif');} 

#content a.photos {background-image: url('../images/icons/sidebar_photos.gif');}	 
#content a.photos:hover {background-image: url('../images/icons/sidebar_photos_over.gif');} 

#content a.print {background-image: url('../images/icons/sidebar_print.gif');}	 
#content a.print:hover {background-image: url('../images/icons/sidebar_print_over.gif');} 

#content a.video {background-image: url('../images/icons/sidebar_video.gif');}	 
#content a.video:hover {background-image: url('../images/icons/sidebar_video_over.gif');} 

/*************************************************/
/* SIDE BAR */

#sideBar .content {
	padding:10px 0px 10px 10px;
	_padding:14px 0px 14px 10px;
	border-bottom:solid 1px #FFF;
}

/* Home categorias */

#sideBar .categorias {

}

#sideBar .categorias ul{
	list-style:none;
	margin:0; padding:0;
	width:300px; height:auto;
}

#sideBar .categorias ul li{
	height:auto; width:auto;
	margin:0; padding:0;
	border-bottom:solid 1px #FFF;
	font-size:13px;
}

#sideBar .categorias ul li a{
	display:block; color:#FFF;
	height:30px; width:265px;
	padding:10px 0 0 35px;
	background:#666 url('../images/icons/enter.gif') 10px 50% no-repeat;
}
#sideBar .categorias ul li a:hover{
	background:#555 url('../images/icons/enter_over.gif') 10px 50% no-repeat;
}

/* --- */

#sideBar .content h2{
	color:#F93;
	font-size:11px;
	font-weight:normal;
	text-transform:uppercase;
	margin:5px 0 10px 0; padding:0;
}

#sideBar .content ul{
	list-style:none;
	margin:0; padding:0;
}

#sideBar .content li{
	height:20px;
	margin-bottom:10px;
}

#sideBar .content .globe{
	height:101px;
	width:281px;
	background-image:url('../images/bkg/side_bar_globe.gif');
	background-repeat:no-repeat;
	padding:0px 0 0px 0px;
	margin:10px 0 10px 0px;
	font-size:12px;
	color:#666;
}

#sideBar .content .globe .img{
	float:right;
	margin:1px 2px 1px 1px; padding:0;
	height:99px;
}

#sideBar .content .globe .img img{
	height:99px;
	margin:0; padding:0;
}


#sideBar .content .globe p{
	width:115px;
	padding:10px 0 0 0; margin:0 0px 5px 10px;
}

#sideBar .content .globe .btn{
	padding:0; margin:0 0px 5px 10px;
	width:75px;
}

#sideBar .content .globe .btn a{
	display:block; padding-left:30px;
	color:#FFF;
	width: auto; height: 20px;
	background-repeat: no-repeat;
	background-position: left top;
}

/* Rollovers Icons Declarations */

#sideBar .content ul li a{
	display:block; padding-left:30px;
	color:#FFF;
	width: auto; height: 20px;
	background-repeat: no-repeat;
	background-position: left top;
}


/*************************************************/
/* MAIN CONTENT */

#mainContent a:link{text-decoration:none;color:#F93;}
#mainContent a:visited{text-decoration:none;color:#F93;}
#mainContent a:hover{text-decoration:underline;color:#D60;}
#mainContent a:active{text-decoration:none;color:#F93;}

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

#mainContent li{
	padding-top:10px;
	clear:left;
	color:#666;
}

#mainContent li.border{
	border-bottom:solid 2px #CCC;
}

#mainContent .img{
	width:160px;
	float:left;
	margin:0 10px 10px 0;
	/*background-color:#FF0;*/
}

#mainContent .img img{
	max-width:160px;
	_width:160px;
}

#mainContent h2{
	font-size:15px;
	margin:0; padding:0;
}

#mainContent h2 a, #mainContent h3 a{color:#F93;}
#mainContent h2 a:hover, #mainContent h3 a:hover{color:#D60;}

#mainContent h3{
	font-size:11px;
	font-weight:normal;
	margin:0; padding:0;
	color:#333;
}

#mainContent h4{
	font-size:11px;
	font-weight:normal;
	text-transform: uppercase;
	padding:0; margin:10px 0 10px 0;
	color:#666;
}

#mainContent p{
	margin:0 0 10px 0; padding:0;
	color:#666;
}

/* Rollovers para Medios*/

#mainContent ul.medios{
	list-style:none;
	margin:0; padding:0 0 30px 0;
}

#mainContent ul.medios li.btn a{
	display:block; padding-left:25px;
	width: auto; height: 20px;
	background-repeat: no-repeat;
	background-position: 0% 50%;
}

#mainContent a.audio {background-image: url('../images/icons/audio.gif');}	 
#mainContent a.audio:hover {background-image: url('../images/icons/audio_over.gif');} 

#mainContent a.back {background-image: url('../images/icons/back.gif');}	 
#mainContent a.back:hover {background-image: url('../images/icons/back_over.gif');} 

#mainContent a.enter {background-image: url('../images/icons/enter.gif');}	 
#mainContent a.enter:hover {background-image: url('../images/icons/enter_over.gif');} 

#mainContent a.info {background-image: url('../images/icons/info.gif');}	 
#mainContent a.info:hover {background-image: url('../images/icons/info_over.gif');} 

#mainContent a.mail {background-image: url('../images/icons/mail.gif');}	 
#mainContent a.mail:hover {background-image: url('../images/icons/mail_over.gif');} 

#mainContent a.pdf {background-image: url('../images/icons/pdf.gif');}	 
#mainContent a.pdf:hover {background-image: url('../images/icons/pdf_over.gif');} 

#mainContent a.photos {background-image: url('../images/icons/photos.gif');}	 
#mainContent a.photos:hover {background-image: url('../images/icons/photos_over.gif');} 

#mainContent a.print {background-image: url('../images/icons/print.gif');}	 
#mainContent a.print:hover {background-image: url('../images/icons/print_over.gif');} 

#mainContent a.video {background-image: url('../images/icons/video.gif');}	 
#mainContent a.video:hover {background-image: url('../images/icons/video_over.gif');} 

/*************************************************/
/* Paginado */

#mainContent ul li.pagging a:hover{color:#D60;}
#mainContent ul li.pagging a{color:#F93}

/*************************************************/
/* ARTICULO */

#mainContent ul.articulo li h2{
	font-size:17px;
	color:#F93;
	margin:10px 0px 0px 0px; padding:0;
}

/*************************************************/
/* STAFF */

#mainContent ul.staff li h2{
	font-size:17px;
	color:#F93;
	margin:0px 0px 5px 0px; padding:0;
}

#mainContent ul.staff li h3{
	font-weight:bold;
	margin:15px 0px 5px 0px; padding:0;
}

#mainContent ul.staff li img{
	float:left;
	margin:5px 5px 0 0;
	border:solid 1px #CCC;
	width:80px;
}

/*************************************************/
/* LOGROS */

#mainContent ul.logros li h2{
	color:#F93;
	margin:0px 0px 5px 0px; padding:0;
}

#mainContent ul.logros li ul{
	list-style:square;
	margin:0px 0px 0px 20px;
}

/*************************************************/
/* COLABORAR */

#mainContent ul.colaborar li h2{
	color:#F93;
	margin:0px 0px 5px 0px; padding:0;
}

#mainContent ul.colaborar li h3{
	font-weight:bold;
	margin:0px 0px 5px 0px; padding:0;
}

#mainContent ul.colaborar li ul{
	list-style:square;
	margin:0px 0px 0px 20px;
}

/*************************************************/
/* CONTACTO */

#mainContent ul.contacto li h2{
	color:#F93;
	margin:0px 0px 5px 0px; padding:0;
}

#mainContent ul.contacto li h3{
	font-weight:bold;
	margin:0px 0px 5px 0px; padding:0;
}

#mainContent ul.contacto li ul{
	list-style:none;
	margin:0px 10px 0px 10px;
}

#mainContent ul.contacto li ul li .btnStyle{
	cursor:pointer;
	border-right-color:#000;
	border-bottom-color:#000;
	padding:1px;
}

#mainContent ul.contacto li ul li label{
	float:left;
	width:170px;
	margin-right:5px;
	text-align:right;
}

#mainContent ul.contacto li ul li label.radioStyle{
	float:none;
	width:auto;
}

#mainContent ul.contacto li ul li textarea, #mainContent ul.contacto li ul li select{
	width:132px;
}

/*************************************************/
/* BUSQUEDA */

#mainContent ul.busqueda li h2{
	color:#F93;
	margin:10px 0px 5px 0px; padding:0;
}

#mainContent ul.busqueda li ul{
	list-style:square;
	margin:0px 0px 0px 20px;
}

#mainContent ul.busqueda li ul li a:hover{color:#000;}
#mainContent ul.busqueda li ul li a{color:#666;}

#mainContent ul.busqueda li div.pagging ul{
	float:right;
	list-style:none;
	margin:0; padding:0;
	width:160px;
}

#mainContent ul.busqueda li div.pagging li{
	display: inline;list-style: none;
	width:20px;
}

#mainContent ul.busqueda li div.pagging li a:hover{color:#C60;}
#mainContent ul.busqueda li div.pagging li a{color:#666; font-size:10px;}

#mainContent ul.busqueda li div.pagging p{
	margin:0px 0px 0px 10px; padding:0; float:left;
}


/*************************************************/
/* FOOTER */

#footer .content{
	padding:6px 10px 0 10px;
	font-size:9px;
	color:#333;
}

#footer .content a{
	color:#FFF;
}

#footer .content b{
	color:#FFF;
	margin-right:5px;
}