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

body{ background:#FFF  url(../images/foretica_02.gif) repeat-x top left; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#424242; margin:0}
.clear{clear:both;}
.small{font-size:11px;}
#wrapper{width:875px; margin:0 auto;}
.bold{font-weight:bold}

#header{ background: url(../images/foretica_05.gif) no-repeat right top; width:875px; height:112px; position:relative; margin-bottom:10px; position:relative}
.fright{text-align:right; position:absolute; top:10px; left:695px; color:#0167A6; width:332px}
.fright a, .frightSocio a{color:#0167A6; font-weight:bold;}
.fright a:hover, .frightSocio a:hover{text-decoration:none;}
#header h1{width:128px; height:112px; padding:0; margin:0; position:absolute; left:0; top:0}
#header h1 a img{border:0}
.frightSocio{text-align:right; position:absolute; top:10px; left:600px; color:#0167A6; width:443px}
a.rinconmenu{color:#59ad11;}

#left, #right, #leftint{float:left;}
#left{width:622px;}
#leftint{ background:url(../images/leftint.gif) top right no-repeat; padding-right:5px; width:617px}
#right{width:228px; background: url(../images/right.gif) right top no-repeat; padding-right:5px; height:450px}

#left .banner{ background: url(../images/banner.gif) no-repeat top left; height:150px; padding-right:5px; text-indent:-9999px; overflow:hidden;}
#left .bgblock{background: url(../images/foretica_29.gif) no-repeat top right; padding-right:5px}
#leftint .content{width:425px; float:left; margin:0 10px 0 18px}
.contentlargo{height:390px; overflow-y:auto; overflow-x: hidden; }
.contentlargo img{display:block; margin:0 auto 10px auto;}
.titlepres{border-bottom:1px solid #c4bbb1; height:27px; margin:3px 0 15px 0; text-indent:-9999px; overflow:hidden; background: url(../images/title_05.gif) no-repeat top left;}
.titlemapa{border-bottom:1px solid #c4bbb1; height:27px; margin:3px 0 15px 0; text-indent:-9999px; overflow:hidden; background:  url(../images/tit_mapa.gif) no-repeat top left;}
.titlequienes{border-bottom:1px solid #c4bbb1; height:27px; margin:3px 0 15px 0; text-indent:-9999px; overflow:hidden; background: url(../images/quienes_05.gif) no-repeat top left;}
.titlecompro{border-bottom:1px solid #c4bbb1; height:27px; margin:3px 0 15px 0; text-indent:-9999px; overflow:hidden; background:  url(../images/compromisos_05.gif) no-repeat top left;}
.titlesocios{border-bottom:1px solid #c4bbb1; height:27px; margin:3px 0 15px 0; text-indent:-9999px; overflow:hidden; background:
url(../images/nuestros_06.gif) no-repeat top left;}
.titlepilares{border-bottom:1px solid #c4bbb1; height:27px; margin:3px 0 15px 0; text-indent:-9999px; overflow:hidden; background:url(../images/pilares_03.gif) no-repeat top left;}
.titlequeh{border-bottom:1px solid #c4bbb1; height:27px; margin:3px 0 15px 0; text-indent:-9999px; overflow:hidden; background: url(../images/pilaresque_03.gif) no-repeat top left;}
.titleservi{border-bottom:1px solid #c4bbb1; height:27px; margin:3px 0 15px 0; text-indent:-9999px; overflow:hidden; background:  url(../images/servi_03.gif) no-repeat top left;}
.titleacti{border-bottom:1px solid #c4bbb1; height:27px; margin:3px 0 15px 0; text-indent:-9999px; overflow:hidden; background:   url(../images/actividades_03.gif) no-repeat top left;}
.titlerse{border-bottom:1px solid #c4bbb1; height:27px; margin:3px 0 15px 0; text-indent:-9999px; overflow:hidden; background:    url(../images/rse.gif) no-repeat top left;}
.titleequipo{border-bottom:1px solid #c4bbb1; height:27px; margin:3px 0 15px 0; text-indent:-9999px; overflow:hidden; background:     url(../images/equipo_06.gif) no-repeat top left;}
.titlebiblio{border-bottom:1px solid #c4bbb1; height:27px; margin:3px 0 15px 0; text-indent:-9999px; overflow:hidden; background:      url(../images/biblioteca_03.gif) no-repeat top left;}
.titlenoti{border-bottom:1px solid #c4bbb1; height:27px; margin:3px 0 15px 0; text-indent:-9999px; overflow:hidden; background: url(../images/noti_03.gif) no-repeat top left;}
.titlecontacto{border-bottom:1px solid #c4bbb1; height:27px; margin:3px 0 15px 0; text-indent:-9999px; overflow:hidden; background: url(../images/contacto_03.gif) no-repeat top left;}
.titlenewsletter{border-bottom:1px solid #c4bbb1; height:27px; margin:3px 0 15px 0; text-indent:-9999px; overflow:hidden; background: url(../images/newsletter_03.gif) no-repeat top left;}
.titlepriva{border-bottom:1px solid #c4bbb1; height:27px; margin:3px 0 15px 0; text-indent:-9999px; overflow:hidden; background: url(../images/priva_03.gif) no-repeat top left;}
.titleregis{border-bottom:1px solid #c4bbb1; height:27px; margin:3px 0 15px 0; text-indent:-9999px; overflow:hidden; background: url(../images/registre.gif) no-repeat top left;}
.titlenotas{border-bottom:1px solid #c4bbb1; height:27px; margin:3px 0 15px 0; text-indent:-9999px; overflow:hidden; background: url(../images/noti.gif) no-repeat top left;}
.titlesocio{border-bottom:1px solid #c4bbb1; height:27px; margin:3px 0 15px 0; text-indent:-9999px; overflow:hidden; background: url(../images/rincon.gif) no-repeat top left;}
.titlebpriv{border-bottom:1px solid #c4bbb1; height:27px; margin:3px 0 15px 0; text-indent:-9999px; overflow:hidden; background: url(../images/biblio_privada.gif) no-repeat top left;}
.titleencuesta{border-bottom:1px solid #c4bbb1; height:27px; margin:3px 0 15px 0; text-indent:-9999px; overflow:hidden; background: url(../images/encuesta.gif) no-repeat top left;}
.titleasociarse{border-bottom:1px solid #c4bbb1; height:27px; margin:3px 0 15px 0; text-indent:-9999px; overflow:hidden; background: url(../images/asociarse.gif) no-repeat top left;}
.content p{display:block; margin:0 0 10px 0; line-height:16px;}
.bb{font-weight:bold; color:#0180cd;}
#leftint .subnav{ background:url(../images/sub_03.gif) #f6efe6 top left no-repeat; width:154px; float:left;}
.subnav .subleft{height:451px; background:url(../images/sub_05.gif) repeat-y top left; margin-top:6px;}
ul.sub{list-style-image:none; list-style-position:outside; list-style-type:none; display:block; width:120px; margin:3px 0 0 17px; padding:0}
ul.sub li.aca, ul.sub li a{font-weight:bold; display:block; border-bottom:1px solid #ccc0b3; color:#7f9f10; width:120px; padding:10px 0}
ul.sub li a{color:#007fcd; text-decoration:none}
ul.sub li a:hover{color:#7f9f10}
/*menu*/
ul.menu{display:block; margin-top:56px; float:right; height:32px; width:650px/*582px*/; list-style-image:none; list-style-position:outside; list-style-type:none; padding:0 22px 0 0}
ul.menu li {float:left; margin-right:1px;}
ul.menu li a.uno, ul.menu li a.dos, ul.menu li a.tres, ul.menu li a.cuatro, ul.menu li.uno, ul.menu li.dos, ul.menu li.tres{display:block; height:23px; background:no-repeat top left; font-weight:bold; color:#FFF; text-decoration:none; text-align:center; padding-top:9px}
ul.menu li a:hover.uno{background:url(../images/formenuh_08.jpg) no-repeat top left;}
ul.menu li a.uno{background:url(../images/formenu_08.jpg); width:106px;}
ul.menu li.uno{background:url(../images/formenuh_08.jpg) no-repeat top left; width:106px;}
ul.menu li a.dos{ background:url(../images/formenu_10.jpg); width:129px;}
ul.menu li a:hover.dos{ background:url(../images/formenuh_10.jpg) no-repeat top left;}
ul.menu li.dos{ background:url(../images/formenuh_10.jpg) no-repeat top left; width:129px;}
ul.menu li a.tres{ background:url(../images/formenu_12.jpg) no-repeat top left; width:78px;}
ul.menu li a:hover.tres{ background:url(../images/formenuh_12.jpg) no-repeat top left;}
ul.menu li.tres{ background:url(../images/formenuh_12.jpg) no-repeat top left; width:78px;}
ul.menu li a.cuatro{ background:url(../images/formenu_14.jpg) no-repeat top left; width:117px;}
ul.menu li a:hover.cuatro{ background:url(../images/formenuh_14.jpg) no-repeat top left;}
/*menu*/

.bgblock .blockbody{background:url(../images/foretica_33.jpg) repeat-x left 9px; width:617px;}
.blockbody .title{display:block; width:597px; height:30px; background:url(../images/foretica_28.gif) no-repeat top center; padding:9px 0 0 20px; margin:0px}
.newsblock{border-top:#bbad9d 1px solid; margin:0 20px 0 20px; padding-top:18px; width:557px;}
.new{padding:0 0 10px 22px; border-bottom:#e0d7cc 1px solid; background:url(../images/foretica_37.gif) no-repeat top left; margin:0 0 10px 0; line-height:17px;}
.newend{display:block; padding:0 0 15px 22px; border-bottom:#bbad9d 1px solid; background:url(../images/foretica_37.gif) no-repeat top left; margin:0 0 10px 0; line-height:17px;}
a.morenews{display:block; background: url(../images/foretica_41.gif); height:25px; width:121px; text-indent:-9999px; overflow:hidden; margin-left:478px}
a:hover.morenews{background: url(../images/foretica_41h.gif);}
.misc{background:url(../images/foretica_44.gif) 3px bottom no-repeat; height:30px;}
.newsbox{ background:url(../images/foretica_48.gif) repeat-x top left; height:44px; margin-right:20px}
.newsbox .left{ background:url(../images/foretica_47.jpg) no-repeat top left; height:44px; float:left; width:12px;}
.newsbox .right{background:url(../images/foretica_51.jpg) no-repeat top right; height:30px; float:left; width:585px; font-weight:bold; font-size:14px; color:#0167a6; padding-top:14px}
.newsbox .right a{color:#0167a6; text-decoration:none;}
.newsbox .right a:hover{text-decoration:underline; color:#015081;}

#right .socios{background:url(../images/foretica_13.gif) top left no-repeat; padding-top:21px /*18px 0 18px*/}
.socios td.label{width:70px; text-align:right; padding-right:5px; height:17px;}
.socios td.user{width:114px; padding-bottom:3px;}
input.acceder{display:block; background: url(../images/foretica_acc.gif) no-repeat top left; height:25px; width:82px; border:0; cursor:pointer; margin:5px 0 5px 35px;}
table.login{margin-left:18px;}
td.olvi{border-bottom:1px solid #d8ddc3; background: url(../images/misc_33.gif) no-repeat left; padding-left: 20px; font-size:11px; height:30px}
td.olvi a{text-decoration:none; color:#424242;}
td.olvi a:hover{text-decoration:underline}
td.registre{font-size:11px; font-weight:bold; color:#666; text-align:center; height:50px; color:#7F9F10; background:#f6ffd7; border-bottom:1px solid #d8ddc3;}
td.registre a{text-decoration:underline; color:#7F9F10}
td.registre a:hover{text-decoration:none}
.socios .bottom{ background: url(../images/for_37.gif) no-repeat bottom left; height:15px;}
.rincon{background:url(../images/foretica_18.gif) no-repeat left top; height:17px; overflow:hidden; text-indent:-9999px; border-bottom:1px solid #d8ddc3; display:block; margin:0 18px 12px 18px; width:192px;}

h4.eventos{background:url(../images/for_43.gif) no-repeat left top; height:17px; overflow:hidden; text-indent:-9999px; border-bottom:1px solid #d8ddc3; display:block; margin:12px 18px 12px 18px;}
h4.articulos{background: url(../images/articulos_11.gif) no-repeat left top; height:17px; overflow:hidden; text-indent:-9999px; border-bottom:1px solid #d8ddc3; display:block; margin:12px 18px 12px 18px;}
ul.art{list-style-image:none; list-style-position:outside; list-style-type:none; display:block; margin:12px 18px 12px 18px; padding:0; }
ul.art li {color:#007fcd; font-size:11px; font-weight:bold; border-bottom:1px solid #e9ebdc; margin-bottom:5px; padding-bottom:5px;}
ul.art li a{color:#007fcd; text-decoration:none; font-size:11px; padding:10px 0 0 30px; border:none}
ul.art li a:hover{text-decoration:underline;}
.calenwrapper{margin:15px 18px 45px 18px; background:#b1d437; padding:2px 13px 13px 13px;} 
table.calen{width:166px;}
table.calen td{width:21px; height:21px;}
table.calen td.month{width:166px!important; font-weight:bold; color:#FFF; text-align:center}
table.calen td.month a{color:#FFF; text-decoration:none; font-size:14px}
table.calen td.month a:hover{text-decoration:underline}
table.calen td.empty{ background:#cae860;}
table.calen td.day{background:#83a800; text-align:center; font-weight:bold; color:#4d6300;}

#footer{background:#007fcd; height:30px; margin:0 auto 10px auto; width:875px}
#footer .left, #footer .right{float:left;}
#footer .left{background: url(../images/foretica_52.gif); width:11px; height:30px;}
#footer .right{ background:url(../images/foretica_59.gif) no-repeat top right; font-weight:bold; font-size:11px; color:#FFF; width:864px; padding-top:9px; height:21px}
.fleft{float:left; width:455px;}



.socio{border-bottom:1px solid #e9e6e2; margin:0; padding:10px 0; text-align:center}
.socio a img{border:0}
.subpilar{font-size:14px; font-weight:bold; color:#007fcd;}
.creaa, .creab, .creac, .cread{text-indent:-9999px; overflow:hidden; background:no-repeat top left; height:30px; width:419px; margin-top:10px}
.creaa{background:url(../images/pilares_creacion_03.gif)}
.creab{ background:url(../images/pilares_creacion_06.gif)}
.creac{background: url(../images/pilares_parti_03.gif)}
.cread{background: url(../images/pilares_parti_06.gif)}
.creablocka{border-bottom:1px solid #7bd0ea; border-right:1px solid #7bd0ea; border-left:1px solid #7bd0ea; background-color:#d8f2fa; padding: 5px 10px 8px 11px; width:396px; line-height:16px;}
.creablockb{border-bottom:1px solid #a1df49; border-right:1px solid #a1df49; border-left:1px solid #a1df49; background-color:#ccf393; padding: 5px 10px 8px 11px; width:396px; line-height:16px;}
.creablockc{border-bottom:1px solid #c7c7c7; border-right:1px solid #c7c7c7; border-left:1px solid #c7c7c7; background-color:#f1f1f1; padding: 5px 10px 8px 11px; width:396px; line-height:16px;}
.creablockd{border-bottom:1px solid #6f6f6f; border-right:1px solid #6f6f6f; border-left:1px solid #6f6f6f; background-color:#e5e5e5; padding: 5px 10px 8px 11px; width:396px; line-height:16px;}
.volverpil{font-weight:bold; color:#7f9f10; margin-top:20px;}
.volverpil a{ text-decoration:none; color:#7f9f10}
.volverpil a:hover{ text-decoration:underline}

table.regis{margin-top:10px; width:390px; border:0;}
td.reglabel{font-weight:bold; font-size:11px; text-align:right; width:148px; padding: 5px 5px 8px 0}
input.biblioreg, select.biblioreg{border:1px solid #bbb18e; height:17px; width:250px;}
input.enviar{display:block; background: url(../images/inputenviar_07.gif) no-repeat top left; height:25px; width:82px; border:0; cursor:pointer; margin:5px 0 5px 172px;}
input.modificar{display:block; background: url(../images/inputmodificar.gif) no-repeat top left; height:25px; width:82px; border:0; cursor:pointer; margin:5px 0 5px 172px;}
textarea.mensaje{border:1px solid #bbb18e; height:40px; width:250px; margin:3px 0}
.itembiblio{float:left; width:140px; font-size:12px; font-weight:bold; text-align:center; margin-bottom:10px;}
.itembiblio img{border:1px solid #B6CC55; display:block; margin:0 auto 5px auto}
.itembiblio a{color:#007fcd; text-decoration:none}
.itembiblio a:hover{ text-decoration:underline;}
.subtibiblio{font-size:18px; color:#666; margin-bottom:10px;}
a.material{display:block; padding:7px 5px 6px 35px; background:url(../images/misc_03.gif) left 3px no-repeat; font-size:12px; font-weight:bold; color:#666;text-decoration:none; border-bottom:1px dashed #CCC; margin-top:3px}
a:hover.material{text-decoration:underline}

.noticia{border-bottom:1px dashed #CCC; padding:10px 0 5px 0;}
.fecha{color:#999; font-size:11px; font-weight:bold; margin-bottom:4px; padding-top:5px}
.noticia .noti{ font-weight:bold; color:#007fcd; padding:3px 0 3px 22px; background:url(../images/ico_news.jpg) left 3px no-repeat; margin-bottom:5px}

.paginador{width:300px; height:20px; margin-top:10px;}
.paginador .aca, .paginador a.otro{height:17px; width:20px; text-align:center; float:left; margin-right:2px; padding-top:3px}
.paginador a.otro{display:block; color:#FFF; font-weight:bold; font-size:11px; text-align:center; background:#007fcd; text-decoration:none}
.paginador a:hover.otro{ background:#5fc5e6;}
.paginador a.sig{text-decoration:none; color:#999; font-size:11px; font-weight:bold; padding-top:3px; display:block; margin-left: 5px; float:left}
.buscador{ background:#daf6ff; padding:10px;}
table.busca{width:400px; border:0}
table.busca td{height:20px;}
td.lblbusca{font-weight:bold; padding:3px 10px 0 0; width:60px; text-align:right}
a.subpg{font-weight:bold; color:#007fcd}
ul.cuadernos{padding-left:20px}
.autor{display:block; margin-botom:3px; font-size:11px;}
ul.cuadernos li a{color:#7f9f10; font-weight:bold}
ul.cuadernos li a:hover{text-decoration:none;}

.usuario{width:200px; padding: 0 0 8px 18px; margin:0}
.us{font-weight:bold; color:#59ad11;}
.usuario a{font-weight:bold; color:#0167a6; text-decoration:none}
.usuario a:hover{text-decoration:underline;}

table.buscanoticia {border:5px solid #5fc5e6; background: #5fc5e6; width:395px; color:#FFF; font-size:11px}
table.buscanoticia td{height:20px; padding-top:5px;}
td.texto{width:50px; padding:0 10px;}
table.buscanoticia input, table.buscanoticia select{width:90px; height:15px; border:1px solid #0080C0; color:#666; font-size:11px; padding-left:3px;}
td.send{text-align:center; padding:15px 0 5px 0!important;}
table.buscanoticia input.bot{height:20px; background:#0080C0; color:#FFF; font-weight:bold; cursor:pointer; padding-bottom:4px}

.new a, .newend a {color:#424242; text-decoration:none}
.new a:hover, .newend a:hover {color:#424242; text-decoration:underline}

.titulobiblio{
border-bottom: 1px dashed #ccc;
font-size: 16px;
font-weight: bold;
color: rgb(0, 127, 205);
padding-bottom: 3px;
margin-bottom: 10px;
display: block;
}

a.agregar{
padding: 3px;
background: #007fcd;
display: block;
width: 60px;
text-align: center;
color:#FFF;
text-decoration:none
}