/*****************************************************************
	CSS File - desarrollado por Oscar Chavez
	eSolutions - http://www.esolutions.es
*****************************************************************/

@import url('ie6fixer.css');

body {
	margin:0;
	font-size:12px;
	background-color:#f7f7f7;
	font-family: Arial, Helvetica, sans-serif;
}
a {color:#069;}
a:hover {color:#036;}
p, ul {line-height:1.5em;}
hr {clear:both;}
marquee {
	border:1px solid #d7d7d7;
	padding:7px;
	background:#eee;
	font-size:95%;
	width:309px;
	height:340px;
	text-align:left;
	overflow:hidden;
}

/*****************************************************************
	Site Structure
*****************************************************************/

#container {margin:0 auto; width:1000px; position:relative;}
#header, #body, #footer {position:relative;}
#banner {height:90px; width:728px; text-align:center; padding:5px 5px 5px 267px; overflow:hidden;}
#body {margin-bottom:10px; background:#fff;}
#body-left {float:left; width:185px; padding-bottom:30px; margin-top:10px; background:url(../images/fondo_menu_izq.png) repeat-y left top;}
#body-content {float:left; width:625px; position:relative; padding-bottom:30px; margin-left:10px;}
#body-right {float:right; width:170px; padding:10px 0 30px 0; text-align:center;}

/*****************************************************************
	Classes
*****************************************************************/

.newsletter input {width:90%; margin-bottom:3px; font-size:11px;}
.text1 {font-weight: bold; color: #FFFF00;}
.text2 {color: #777;}
.box1 {background:#ffc; color:#f00; border:1px solid #f00;}
p.box1 {padding:5px; margin:0 0 15px 0;}

.clear {clear:both;}
.imgleft {float:left; margin:0px 10px 10px 0px;}
.imgright {float:right; margin:0px 0px 10px 10px;}
.gallery a {color:#333; display:block; text-decoration:none;}
.gallery a:hover {color:#000; background-color:#B9EEF9;}
.gallery img {
	padding:1px;
	margin:3px 0px 5px 0px;
	border:1px solid #999;
}

/*****************************************************************
	Header Content
*****************************************************************/

#header {background-color:#f04124; overflow:hidden;}
#header #logo {position:absolute; top:50px; left:12px; width:241px; height:75px; margin:0; padding:0; overflow:hidden; text-indent:-1500px; font-size:9px; background:url(../images/logo_plumalibre.gif) no-repeat;}
#header #logo a {display:block; width:241px; height:75px;}
#header .barra {background:url(../images/bg_barra.jpg) no-repeat; height:35px;}
#header .barradirector {
	font-size: 10px;
	color: #fff;
	width:265px;
	padding-left:10px;
	text-transform:uppercase;
}
#header .barraedicion {
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #000;
}
#header .barrafecha {
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #000;
	text-align:right;
	padding-right:15px;
}
#header .menu {
	background:url(../images/bg_menu.jpg) repeat-x;
	height:30px;
	overflow:hidden;
}
#header .menu a {
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold;
	letter-spacing:0.1em;
	display:block;
	padding:8px 53px;
}
#header .menu a:hover {color:#f7a93a; background-image:url(../images/bg_menu2.jpg);}

/*****************************************************************
	Body Content
*****************************************************************/

#body-content .main-nav {
	list-style:none;
	padding:0px;
	margin:15px;
	color:#999;
	text-align:center;
	text-transform:uppercase;
	display:none;
}
#body-content .main-nav li {display:inline;}
#body-content .main-nav li a {font:bold 10px verdana, tahoma, arial; text-decoration:none; color:#f00; margin:0px 10px;}
#body-content .main-nav li a:hover {text-decoration:underline; color:#039;}
#body-content .content ul {list-style:none; padding:0px; margin-left:9px;}
#body-content .content ul li {padding-left:15px; background:url(../images/bullet2.png) no-repeat left 3px;}

#body-content .content h1 {
	color:#f00;
	height:30px;
	font-size:14px;
	font-weight:bold;
	padding:5px 70px;
	margin-bottom:10px;
	text-align:right;
	text-transform:uppercase;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background:url(../images/bg_title.png) no-repeat top right;
}
#body-content .content .lastminute h1, 
#body-content .content .lastminute .prevnext {display:none;}
#body-content .content marquee h1,
#body-content .content marquee h2 {display:none;}
#body-content .content h2 {
	color: #f00;
	clear:both;
	font-size: 12px;
	line-height:1.5em;
	text-transform:uppercase;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
#body-content .content h2.title {background:#f04124; color:#fff; padding-left:10px;}
#body-content .content h3 {
	color: #3c7996;
	clear:both;
	font-size: 12px;
	margin-bottom:3px;
	line-height:normal;
	text-decoration:underline;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
#body-content .content h4 {
	color: #333;
	font-weight:bold;
	font-size: 12px;
	margin:0px;
}
#body-content .content .titletext {
	color:#333;
	padding:6px;
	font-style:italic;
	background:#efefef;
	border:1px solid #ddd;
}
#body-content .content .titletext img,
#body-content .content .maintext img {
	float:left;
	clear:both;
	margin:0px 10px 10px 0px;
}
#body-content .content .es {
	margin:0px;
	padding:5px;
}
#body-content .content .en {
	background:#faf5eb;
	margin:0px;
	padding:5px;
}
#body-content .content .es img, #body-content .content .en img {float:left; margin:0px 6px 6px 0px;}

/*****************************************************************
	Body Left
*****************************************************************/

#body-left h3 {
	margin:0;
	padding:0 0 0 38px;
	height:25px;
	display:block;
	line-height:25px;
	color:#fff;
	text-transform:uppercase;
	font-size:12px;
}
#body-left .content {
	padding:12px 6px;
	color: #333333;
}
#body-left .main-nav {
	list-style:none;
	padding:0px;
	margin:0px;
	text-transform:uppercase;
}
#body-left .main-nav li {padding-left:12px; padding-bottom:2px; background:url(../images/bullet1.png) no-repeat left 3px;}
#body-left .main-nav li a {font-size: 11px; color: #666; text-decoration: none; font-weight: bold;}
#body-left .main-nav li a:hover {text-decoration:underline; color:#039;}
#body-left .main-nav li a.destacado {color: #f00;}

/*****************************************************************
	Footer
*****************************************************************/

#footer {clear:both; text-align:center; padding:10px 0px; font-size:11px; font-weight:normal;}
.credits h1 {font-size:11px; margin:6px 0px; font-weight:normal;}
.credits h1 a {color:#069; text-decoration:underline;}
.credits h1 a:hover {color:#036; text-decoration:underline;}