/* 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:hover{text-decoration:underline;color:#D60;}
a:active{text-decoration:none;color:#F93;}
a:link{text-decoration:none;color:#F93;}
a:visited{text-decoration:none;color:#F93;}

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

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

#header{
	display:none;
}

#logo{
	display:none;
}

#navBar{
	display:none;
}

#sectionTitle{
	display:none;
}

#breadCrumb{
	display:none;
}

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

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

#sideBar{
	display:none;
}

#footer{
	border-top:solid 1px #AAA;
	height:24px;
	width:auto;
	margin-top:10px;
	clear:both;
}


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


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

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

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

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

#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;
	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');} 


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

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

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

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

#footer .content a{
	color:#FFF;
	margin-left:36px;
}

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