/* CSS Document */

div#contents h1 { width: 100%; color:#0495bf; margin-top: -7px; font-size: 33px; }
div#contents h1 span { color: #000000; font-size: 33px; }

.nomargin { margin: 0 0 5px; }
.items_bienvenida li{ background:url(../images/list_azul.gif) 0em .3em no-repeat; padding-left:1.3em;}

div#contents h2 { font-size: 18px; color: #0495bf; margin: 0 0 10px; }

div.destacados p { text-align: justify; }

div.destacados { float: left; width: 100%; margin: 10px 0 0; padding:0; }

div.destacados div { width: 204px; float: left; }

div.destacados div.dest02 { margin: 0 20px; }

.destacados h3 {
	margin: 0 0 3px;
	color: #ffffff;
	text-align: center;
	font-size: 12px; 
	background: url(../images/home/h3_header.gif);
}
.destacados h3 a { text-decoration: none; color: #fff; }

.destacados .dest01 h3, .destacados .dest02 h3, .destacados .dest03 h3 { padding: 8px 0; }

.destacados img { margin: 0 0 5px; }

.destacados a.more_info {
	display: block;
	text-align: right;
	text-decoration: none;
	width: 100%;
	font-weight: bold;
	background: url(../images/pixel_blue.gif) repeat-x 0 7px;
}
.destacados a span { padding: 0 15px; color: #000000; background: url(../images/arrows_blue.gif) no-repeat right 5px #fff; }
.destacados a span:hover { color: #21bbe8; }

#contents h2.news {
	float: left;
	width: 100%;
	margin: 20px 0 10px;
	background: url(../images/h2_underline.gif) no-repeat bottom left;
}
#contents h2.news span { float: left; background-color: #fff; padding: 0 10px 0 0;  font-size: 30px; color: #0495bf; line-height: 21px; }

/*scrollable*/

div.scrollable {
	float: left;
	position: relative;
	overflow: hidden;
	width: 104%;
	margin: 0 5px 5px 0;
}
div.news, div.offer {
	float: left;
	width: 300px;
	border: 0;
	background: #f5f4f4;
	padding: 10px;
	margin: 0 10px 10px 0;
	min-height:122px;
}

div.offer_header {
	width: 321px;
	height:auto;
	display:block;
	float: left;
	margin: 0;
	padding: 0;
	color: #1e58b9;
	border: 0;
}

.title { 
	float: left;
	width: 100%;
	text-decoration: none;
	margin: 0;
	padding: 0;
	color:#21a1c5;
	font-weight: bold;
	font-size: 17px;
}

.date { clear:both; float:left; font-size:10px; margin:0 5px 5px 0; width:100%; }
.date p.month { color:#FFFFFF; font-size:10px; margin:0 0 0 4px; }
.date p.day { color: #0495bf; font-weight: bold; text-align: center; font-size: 17px; margin: 5px 0 7px; }

.picture { float: left; }

div.introduction { float: left; margin: 0; width: 100%; }
div.introduction p { padding: 0; margin: 0; text-align: justify; }

div.picture img { float:left; margin: 0 10px 2px 0; padding: 1px; border: 1px solid #2ba2ce; }

div img {float: left; margin: 0 5px 5px 0;}
div.banner img {float: left; margin: 0 5px 0 0;}

div.links { margin: 0; clear: both; border-collapse: collapse; padding: 0; }
div.links td.back a { margin-left: 0;}

div.more_info { 
	color: #0495bf; 
	font-weight: bold; 
	float: left; 
	margin: 5px 10px 0 0; 
	border-bottom: 1px dotted #7fc91c;
	display:inline;
}
	
div.external { width: 180px; }
.external a:active, .external a:link, .external a:visited {
	color: #044798;
	font-weight: bold;
	float:left;
	margin: 5px 7px 5px 0;
	text-decoration:none;
	border-bottom: 1px dotted #044798;
	}
.external a:hover { color: #7fc91c; }