/* -------------------------------------------------------------------------------------------------------------*/
/* ------->>> MODULE BIENVENIDA <<<----------------------------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------------------------*/

div.top { width:696px; float:left;}
.top .topleft { float:left; width:282px;}

#contents h1 {color:#00924d; font-family:Arial, Helvetica, sans-serif; font-size:22px; border:0; font-weight:normal; margin:0 0 5px; padding:0; line-height:20px;}
#contents h2 { color:#000; font-family:Arial, Helvetica, sans-serif; font-size: 14px; border:0; font-weight:bold; text-align: left; }
#contents h2.verde { color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:16px; border:0; font-weight:bold; background:url(../images/backgrounds/bg_h2.jpg) bottom left repeat-x #00924d; border:1px solid #00924d; padding:4px 0 4px 4px; width:274px; float:left;}
#contents .news  h2.verde { width:389px;}
#contents img.visual { float: right; width:397px;  margin:0 0 20px; padding:0; border:0;}

.introduction { width: 280px; text-align:left; float: left; clear: both; margin: 20px 0 10px; }
#contents .introduction p { }
.introduction p strong { color: #000; }

div.left { float:left; margin:0 20px 0 0; width:280px;}
div.catalogo { margin:0 0 20px;}

div.bloque { background:#efefef; width:260px; padding:10px; margin:0; float:left;}
div.catalogo div.bloque {margin:0 0 20px; }


div.subbloque { background:white; padding:5px; float:left;}
#contents div.bloque img { border:0; padding:0; float:left;}
#contents div.bloque p {  float:left; margin:0 0 0 10px; width:156px; text-align:left; color:#000;}
#contents div.bloque p strong{color:#00924d;}
#contents div.bloque a.info { margin:5px 0 0 8px; background:url(../images/home/mas_info.jpg) center left no-repeat; color:#000; padding: 0 0 0 20px; text-decoration:none; float:left;} 



.news { float: right; width: 395px; margin:0; }

div.bloquenews { float:left; background:#efefef; padding:10px;}


/* -------------------------------------------------------------------------------------------------------------*/
/* ------->>> LASTEST NEWS <<<------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------*/
#lastest_news .new_header { padding:0; }
#lastest_news .first .new_header { padding: 0 0 5px; }

#lastest_news .new_introduction { display: inline; width: 200px; font-size: 10px; }
#lastest_news .new_introduction p { }
#contents #lastest_news h3 { margin: 0; font-size: 12px; font-weight: bold; border: none; color:#00924d; }
#lastest_news span.date { width: 200px; margin: 0 0 5px; font-weight: normal; clear: both; font-size: 9px; color: #00924d; }
#lastest_news div.new { clear: both; float: left; width: 355px; border-bottom: 2px solid #bed22f; background:#fff; margin:0 0 8px; padding:10px;}
#lastest_news div.new_picture { float: left; }
#contents #lastest_news img { padding:0; border:0;}

#lastest_news .first { padding: 0 0 7px; }
#lastest_news .first .new_body { float: right; width: 234px; padding: 0 8px; margin:0; }

div.more_info { background:url(../images/home/mas_info.jpg) center left no-repeat; color:#000; padding: 0 0 0 20px; text-decoration:none; float:left; font-size:10px;}
