@charset "utf-8";
/* CSS Document */

/* ////////// COMUNES ////////// */
.lfloat { float: left;}
.rfloat { float: right;}
.inferior-10 { margin-bottom: 10px;}


/* ////////// HEADER ////////// */
.topheader { padding-top: 12px;}
.topheader ul { position: relative; left: 700px; width: 275px;}

.topheader ul li { float: left;	font-size: 12px; color: #4E4E4E; padding: 0 6px;}

.topheader ul li.selected a { color: #666; font-weight: bold;}
.topheader ul li.selected a:hover { text-decoration: none; cursor: default;}

.topheader ul li.biseles { border-right: solid 1px #cccccc; border-left: solid 1px #cccccc;}
.topheader ul li.contact { background: url(imgs/ico_contact.jpg) no-repeat left 2px scroll; *background: url(imgs/ico_contact.jpg) no-repeat left 1px scroll; padding-left: 20px; margin-left: 35px;}
.topheader ul li.contact a { color: #666;}

.topheader ul li a { color: #999999; text-decoration: none;}
.topheader ul li a:hover { text-decoration: underline;}

.header h1 { width: 443px; height: 45px; overflow: hidden;}
.header span { float: right;}
.header span img { margin-top: 13px;}

/* ////////// MENU ////////// */

.topmenu ul { margin: 0 0 0 10px; _margin: 0 0 0 -5px;}
.topmenu li { float: left; _float: none; _display: inline; _position: relative; _top: 11px; font-size: 16px; padding: 10px 4px 10px 0; background: url(imgs/bullet_topmenu.jpg) no-repeat right center scroll; _background: url(imgs/bullet_topmenu.jpg) no-repeat right 17px scroll;}
.topmenu li.last { background: transparent; padding-right: 0;}
.topmenu li.principal { background: url(imgs/bullet_topmenu_principal.jpg) no-repeat right center scroll; _background-position: right 7px; margin-left: 5px; _margin-left: -5px; margin-right: 5px; padding-right: 10px; _padding-right: 6px;}
body#home .topmenu li a {padding: 0 25px 10px 25px;}
.topmenu li a { text-decoration: none;  color: #FFF; padding: 0 25px 15px 25px;}
.topmenu li a:hover { color:#3aaf82;}
body#quisom .topmenu li#quisom, body#rd .topmenu li#rd, body#transferencia .topmenu li#transferencia, body#prospectiva .topmenu li#prospectiva, body#recursos .topmenu li#resursos { background: url(imgs/bullet_topmenu.jpg) no-repeat right 16px scroll; _background: url(imgs/bullet_topmenu.jpg) no-repeat right 18px scroll; _position: relative; _top: 10px;}
body#quisom .topmenu li#quisom a, body#rd .topmenu li#rd a, body#transferencia .topmenu li#transferencia a, body#prospectiva .topmenu li#prospectiva a, body#recursos .topmenu li#resursos a { background: url(imgs/bg_topmenu_rollover2.jpg) no-repeat center 21px scroll; _background: url(imgs/bg_topmenu_rollover2.jpg) no-repeat center 23px scroll; display: block; _display:inherit;}
body#quisom .topmenu li#quisom  a, body#rd .topmenu li#rd a, body#transferencia .topmenu li#transferencia a, body#prospectiva .topmenu li#prospectiva a, body#recursos .topmenu li#resursos a { font-weight: bold;}
body#quisom .topmenu li#quisom  a:hover, body#rd .topmenu li#rd a:hover, body#transferencia .topmenu li#transferencia a:hover, body#prospectiva .topmenu li#prospectiva a:hover, body#recursos .topmenu li#resursos a:hover { text-decoration: none;  color: #FFF; cursor: default;}

/* ////////// AREAS ////////// */
.areas .colarea { line-height: 17px;}
.areas .colarea.last { border-right: 0px; padding-right: 0;}
.areas h2 { font-size: 18px; padding-bottom: 10px; letter-spacing: -1px; height: 25px; height: 35px;}
.areas p { font-size: 12px; padding-bottom: 10px; color: #666666;}
.areas p.text { color: #333333;}
.areas p.mes a { color: #00634c; font-weight: bold; padding-left: 19px; background: url(imgs/ico_mes.gif) no-repeat left 1px scroll;}
.areas p.mes a:hover { color: #333333; background: url(imgs/ico_mes_rollover.gif) no-repeat left 1px scroll;}

/* ////////// INFORMACIÓN ////////// */
.info { padding: 35px 25px 10px 25px; background: #FFF url(imgs/bg_info.jpg) top left repeat-x scroll; color: #666;  line-height: 17px;}
.info h2 { font-size: 28px; color: #006D53; margin-bottom: 7px; letter-spacing: -1px; line-height: 110%}
.info h3 { font-weight: normal; margin-bottom: 35px;}
.info h4 { margin-top: 25px;  margin-bottom: 7px;}
.info p { font-size: 12px; margin-bottom: 10px;}
.info .totem p { font-size: 12px; margin-bottom: 0;}

.info ul.subnav { background: url(imgs/bg_subnav.jpg) repeat-x bottom left scroll; padding: 10px 0 5px 0; width: 645px; _width: 640px; font-size: 11px; height: 18px; float: left;}
.info ul.subnav li { display: block; _display: inline; float: left; _float: none; padding-bottom: 6px; _padding-bottom: 7px;}
.info ul.subnav li.first { padding: 0 20px 0 0; _padding: 0 19px 0 0; border: none;}
.info ul.subnav li.last a { border: none;}
.info ul.subnav li a { font-size: 11px; color: #666; text-decoration: none; border-right: solid 1px #CCC; padding: 0 10px; _padding: 0 9px 0 8px;}
.info ul.subnav li a:hover { color: #3aaf82;}
.info ul.subnav li.selected { background: url(imgs/bg_subnav_rollover.jpg) bottom center scroll no-repeat;}
.info ul.subnav li.selected a, .info ul.subnav li.selected a:hover { font-weight: bold; color: #006D53; text-decoration: none; cursor: default;}

.info .paginacion { float: left; border-top: solid 1px  #CCC; padding: 15px 0 20px 0; *padding: 15px 0 13px 0; width: 645px; _width: 640px; text-align: center;}
.info .paginacion a { font-size: 11px; color: #666; text-decoration: none; border: solid 1px #CCC; padding: 3px 5px;}
.info .paginacion a:hover { color: #fff; background: #3aaf82; border-color: #006D53;}
.info .paginacion a.selected, .info .paginacion ul li a.selected:hover { font-weight: bold; color: #fff; cursor: default; background: #666; border-color: #CCC;}

.info li { font-size: 13px; padding-left: 12px; padding-bottom: 5px; background: url(imgs/bullet_downmenu.jpg) 2px 7px no-repeat scroll;}
.info a { font-size: 13px; color: #666; }

/* ////////// ITEMS ////////// */
.info .items { width: 645px; margin-top: 25px; float: left;}
.info .items.boxes { margin-top: 0;}
.info .items.boxes .item { border: solid 1px #dadada; padding: 4px; width: 185px; height: 181px; overflow: hidden; margin: 0 19px 19px 0;}
.info .items.boxes .item h5 a { font-weight: normal; height: 34px;}
.info .items.boxes .item img { border: 0px; padding: 0; height: 137px; width: 184px; margin: 0;}
.info .items.boxes .item .zoom { float: right; display: inline; bottom: 14px; right: 1px; position:relative; z-index: 5px; margin: 0; width:auto; height: auto;}

.info .items .item { margin-bottom: 25px; float: left;}
.info .items .item .txt { width: 485px; _width: 480px; float: right;}
.info .items .item h5 a { color: #006D53; padding-bottom: 10px; font-size: 14px; text-decoration: none; display: block;}
.info .items .item h5 a:hover { text-decoration: underline;}
.info .item img { padding: 4px; border: 1px solid #dadada; margin-right: 20px; float: left;}

/* ////////// TOTEM ////////// */
body#home .totem .noticia { border: 0px; color:#FFF; font-size: 12px; line-height: 17px;}
.totem .noticia { padding: 10px 10px 0 10px; border-left: 1px solid #F58220; border-right: 1px solid #F58220; color: #333; border-bottom: 1px dotted #F58220;}
.totem .noticia.last { border-bottom: 0px;}
.totem h3 { font-weight: bold; padding: 7px; margin: 0; text-align: center;}
.totem .noticia h4 { font-size: 14px; font-weight: bold; padding: 10px 0; margin: 0;}
.totem img.border { border: solid 1px #fff;}
.totem .noticia p a { font-weight: bold; color: #008A53; text-decoration: none;}
.totem .noticia p a:hover { font-weight: bold; color: #090; text-decoration: underline;}
body#home .totem .noticia p { border-bottom: dotted 1px #418477;}
.totem .noticia p, .totem ul { padding-bottom: 10px;}
.totem li { font-size: 11px; padding-left: 12px; padding-bottom: 5px; background: url(imgs/bullet_li_info.jpg) 2px 7px no-repeat scroll;}
.totem .promo { padding: 10px 0 15px 0; text-align: center; background: #015b4a url(imgs/bg_actualitat_bottom.jpg) no-repeat bottom center scroll;}
.totem .footerfx { background: #fff url(imgs/bg_totem_bottom.jpg) no-repeat top center scroll; height: 15px;}
body#home .totem .footerfx { background: #015b4a url(imgs/bg_actualitat_bottom.jpg) no-repeat bottom center scroll; height: auto!important;}

/* ////////// EMPRESAS ////////// */
.empresas .bloque.bg183 { background-position: 183px 24px;}
.empresas .bloque.bg177 { background-position: 177px 24px;}
.empresas .bloque.bg142 { background-position: 142px 24px;}
.empresas .bloque h3 { color: #666666; font-size: 16px; padding: 0 10px 10px 0;}
.empresas .bloque img { padding: 1px;}

/* ////////// FOOTER ////////// */
.downmenu ul { width: 100%; height: 25px; padding-top: 7px;}
.downmenu ul li { display: inline; padding-right: 23px; padding-left: 16px; background: url(imgs/bullet_downmenu.jpg) no-repeat right 9px scroll;}
.downmenu ul li.last { padding-right: 0; padding-left: 16px; background: transparent;}
.downmenu ul li.selected a, .downmenu ul li.selected a:hover { font-weight: bold; text-decoration: none; cursor: default; color: #333;}
.downmenu ul li a { color: #666; font-size: 12px; text-decoration: none;}
.downmenu ul li a:hover { color: #333; text-decoration: underline;}

.downmenu .footer-logos ul { width: 100%; height: auto;}
.downmenu .footer-logos li { background: transparent; padding: 0;}
.footer-logos { padding: 0 0 0 25px!important;}
.footer-logos p.title { font-size: 11px; color: #666;}
.footer-logos img { margin-right: 15px; margin-bottom: 10px;}

.downmenu .content p, .downmenu .content p a { font-size: 11px; color: #666; margin-top: 10px;}
.downmenu .content p a:hover { color: #333;}