/* HTML ELEMENTS */
/* Top Elements */
* { margin: 0; padding: 0; outline: 0; }
body {font: 11px/165% "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif; color: #666666; margin: 0; padding: 0 0 50px 0; background:#e8e4d9 url(../imagenes/theme/fondo.gif) repeat-x top left;text-align: center;}
/* Links */
a {
text-decoration: none;
color: #0561a8;
}
a img{border:0}
a:hover {
color: #000;
}
/* Headers */
h1, h2, h3, h4 {
font: bold 1em "Trebuchet MS", Tahoma, Arial, Sans-serif;
color: #0561a8;
padding: 0px 10px 0px 10px;
margin: 0;
}
h1 {
font-size: 345%;
font-weight: normal;
letter-spacing: -2px;
}
h2 {
line-height:1.5em;
font-size: 200%;
color: #0561a8;
}
h3 {
line-height:1.5em;
font-size: 170%;
font-weight: normal;
}
h4 {
line-height:1.5em;
font-size: 120%;
font-weight: bold;
}
p, dl { padding: 10px; margin: 0; }
ul, ol {margin: 10px 20px; padding: 0 20px;}
ul {list-style: none; }
hr{border: 0; height: 1px; color: #0561A8; background-color: #0561A8;margin:10px 0;}
/* Images */
.img-borde {background: #fafafa; border: 1px solid #dcdcdc; padding: 5px;}
img.float-right {margin: 5px 0px 10px 10px;}
img.float-left {margin: 5px 10px 10px 0px;}
img.sin{background: #fff; border: 0px; padding: 5px;}
/* Formulario */
form {margin: 10px; padding:0px;}
label {display: block; font-weight: bold; margin: 8px 0 5px 0; color: #0561A8;}
input, select {border: 1px solid #00335a; padding: 4px; font: normal 1em Verdana, sans-serif; color: #000; background: #fff;}
textarea {width: 350px; padding: 4px; font: normal 1em Verdana, sans-serif; height: 100px; display: block; color: #000; border: 1px solid #00335a;}
input, textarea, select {border: 1px solid #00335a;background: #fff;}
input.check {border:0px; background: transparent;}
input.button {font: bold 12px Arial, Sans-serif; height: 30px; margin: 0; padding: 2px 3px; color: #00335a; background: #E6E6E6; border: 1px solid #ebebeb #d4d4d4 #d4d4d4 #ebebeb;}
.etqta{font-family:Tahoma, Sans-serif; font-size:1.2em; color:#000;}
/* search form */
.searchform {background-color: transparent; border: none; margin: 0; padding: 12px 0 15px 8px; width: 190px;}
.searchform p { margin: 0; padding: 0 0 10px 0; }
.searchform input.textbox {width: 115px; color: #666666; height: 18px; padding: 2px; vertical-align: top;}
.searchform input.button {width: 60px; height: 24px; padding: 2px 5px; vertical-align: top;}
/* ------------------------------------------
MAQUETACION
------------------------------------------- */
#cabecera-contenedor {position: relative; margin: 13px auto 0 auto; width: 1000px; height: 216px; text-align: left; background:#FFF;}
#cabecera-contenedor img{border:none;}
.logo{height:155px; margin:19px 0 0 16px; float:left;}
.cabecera-wrap-middle {float:right; width:730px; height:172px;}
#cabecera-areas {width:734px; height:132px;}
.slogan{width:734px; height:40px;margin-top:12px;}
.barra-menu {width:1000px; height:31px; margin:5px 7px 5 px 5px; background-color:#1C1C1C;position:relative;}
.barra-menu .boton{margin:5px 6px 5px 4px;}
#botonera{float:left;}
#login{float:right; position:absolute; top:6px; right:5px;}
#login input{background:url(../imagenes/theme/fondoInput.png) no-repeat top left; width:86px; height:18px; font-size:9px; border:none;}
#contenido-externo {width: 100%;}
#contenenido-envolvente {width: 1000px; margin: 0 auto; text-align: left;}
#contenido {float: left; width: 100%; background: #fff;padding-top:20px;}
/*COLUMNA IZQUIERDA*/
.col-izquierda {float:left; width: 235px; margin-left:15px;}
.upta-espace {width:100%; text-align:center;padding-bottom:10px;}
#contenido .col-izquierda h2 {padding-bottom: 3px; font: normal 3.4em "Trebuchet MS", Tahoma, Arial, Sans-serif; color: #000; letter-spacing: -2px;
text-transform: none;border-bottom: 1px solid #ebebeb; margin-left: 5px; padding-left: 5px;}
#contenido .col-izquierda h2 a, #contenido .col-centro a:hover {color: #000; text-decoration: none; background: none; border: none;}
#contenido .col-izquierda h3 {margin-bottom:-9px; margin-top:5px; border-bottom:dashed 1px #dddddd;}
#contenido .col-izquierda ul li {padding-top:3px; padding-bottom:3px; border-bottom:dashed 1px #dddddd;}
.col-izquierda .banner{margin:20px auto;}
/*COLUMNA DERECHA*/
.col-derecha {float: right; width: 200px;}
.col-derecha .separador {width:200px; height:15px;}
.col-derecha h3{padding:0px 0px 0px 10px; }
.altaAsociado{padding-bottom:15px; width:185px;}
.cabecerasDerecha {width:185px; height:41px; padding:0; margin:0;}
.eventos{width:183px; border-bottom:solid #fad611 1px; border-right:solid #fad611 1px; border-left:solid #fad611 1px; border-top:none; margin-bottom:15px;}
.eventos a{text-decoration:underline; color:#1c1c1c; font-size:9px;}
.eventos a:hover{text-decoration:underline; color:#000 font-size:9px;}
.eventos .cuerpotexto{color:#1c1c1c; font-style:italic; line-height:0.6em; font-size:9px;}
.formacion{width:183px; border-bottom:solid #e3771e 1px; border-right:solid #e3771e 1px; border-left:solid #e3771e 1px; border-top:none; margin-bottom:15px}
.formacion a{text-decoration:underline; color:#321700; font-size:9px;}
.formacion a:hover{text-decoration:underline; color:#000 font-size:9px;}
.formacion .cuerpotexto{color:#321700; font-style:italic; line-height:0.6em; font-size:9px;}
.concursos{width:183px; border-bottom:solid #afd02b 1px; border-right:solid #afd02b 1px; border-left:solid #afd02b 1px; border-top:none; margin-bottom:15px}
.concursos a{text-decoration:underline; color:#043b1c; font-size:9px;}
.concursos a:hover{text-decoration:underline; color:#000 font-size:9px;}
.concursos .cuerpotexto{color:#043b1c; font-style:italic; line-height:0.6em; font-size:9px;}
/*COLUMNAS*/
.col-centro {float:left; width:511px; padding:0 10px 0 15px;}
.col-centro h2 a, .col-centro h2{font-size:15px; line-height:18px; padding:0 0 5px 0;}
.col-izquierda, .col-centro, {padding-bottom: 20px;}
#proximamente{text-align:center;}
#eventoNoticia{border-bottom:dashed 1px #0561a8; margin-bottom:20px; padding:0px; margin-left:0px;}
#eventoNoticia img.float-left{border: 0px; background:transparent; padding: 0px 0px;}
#eventoNoticia a:hover h3{color:#000; padding-left:0px;}
#eventoNoticia a:hover, #eventoNoticia a{margin-left:0px;}
#asociado{padding:17px 0px 17px 0px; border-bottom:dashed 1px #0561a8;}
#asociado h3{margin-top:-5px; padding-bottom:12px;}
#asociado p{padding-left:0px;}
#navegador{border-bottom:dashed 1px #0561a8; color:#666; font-size:1.2em; font-family:"Trebuchet MS", Tahoma, Sans-serif; padding:5px; margin:5px 0px 15px 0px;}
#navegador a{color:#0561a8; font-weight:bold;}
#navegador a:hover{color:#000;}
#indicePaginas{color:#0561a8; text-align: right;}
#indicePaginas a{color:#0561a8;}
#indicePaginas a:hover{color:#000;}
/* MENU LATERAL
* html body ul.menulateral li {height: 1%;}
ul.menulateral {text-align: left; margin: 7px 5px 8px 0px; padding: 0; text-decoration: none; font-size:1.2em; display:block;}
ul.menulateral li {list-style: none; padding: 6px 10px; margin: 0;}
ul.menulateral li a {text-decoration: none; background-image: none; background-color: transparent; border: none; color: #666666;}
ul.menulateral li a span {color: #989898; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-weight: normal; font-size: 1em;}
ul.menulateral li a:hover {color: #000; background: none; border: none;}
ul.menulateral ul { margin: 0 0 0 5px; padding: 0; }
ul.menulateral ul li { background: none; }
*/
* html body ul.menu2 li {height: 1%;}
ul.menu2 {text-align: left; margin: 7px 5px 8px 0px; padding: 0; text-decoration: none; font-size:1em; display:block;}
ul.menu2 li {display:block; list-style: none; padding: 6px 10px; margin: 0;}
ul.menu2 li a {display:block; text-decoration: none; background-image: none; background-color: transparent; border: none; color: #666666;}
ul.menu2 li a span {display:block; color: #666666; font-weight: normal; font-size: 1em;}
ul.menu2 li a:hover {color: #000; background: none; border: none;}
ul.menu2 ul { margin: 0 0 0 5px; padding: 0; }
ul.menu2 ul li { background: none; }
/*Credits: CSSplay */
/*URL: http://www.cssplay.co.uk/menus/pro_drop2 */
.menu2 li.top {display:block; position:relative;}
.menu2 li a.top_link {display:block;}
.menu2 li a.top_link span {display:block;}
.menu2 li a.top_link span.down {display:block; padding:0 10px 0 6px; height:25px;}
.menu2 li a.top_link:hover {color: #000; background: none; border: none;}
.menu2 li a.top_link:hover span {color: #000; font-weight: normal; font-size: 1em;}
.menu2 li a.top_link:hover span.down {color: #000; font-weight: normal; font-size: 1em;}
.menu2 li:hover > a.top_link {color:#fff;}
.menu2 li:hover > a.top_link span {color: #000; font-weight: normal; font-size: 1em;}
.menu2 li:hover > a.top_link span.down {color: #000; font-weight: normal; font-size: 1em;}
/* Default link styling */
/* Style the list OR link hover. Depends on which browser is used */
.menu2 a:hover {visibility:visible;}
.menu2 li:hover {position:relative; z-index:200;}
.menu2 table { border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}
/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul,
.menu2 :hover ul ul,
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
.menu2 :hover ul.sub {left:190px; top:0px; background: #eee; padding:11px; width:auto; height:auto;}
.menu2 :hover ul.sub li {display:block; position:relative; padding:11px 5px; margin-top:-4px; width:210px;}
.menu2 :hover ul.sub li a {display:block; height:auto; }
.menu2 :hover ul.sub li a.fly {display:block; background:#eee url(../imagenes/triangulo.gif) no-repeat 200px 6px; z-index:300;}
.menu2 :hover ul.sub li a:hover { background:#eee; color:#005FB9;}
.menu2 :hover ul.sub li a.fly:hover {display:block; background:#eee url(../imagenes/triangulo.gif) no-repeat 200px 6px; z-index:300;}
.menu2 :hover ul li:hover > a.fly {display:block; background:#eee; top:-1px;}
.menu2 ul.sub2 li a:hover, .menu2 :hover ul.sub2 li, menu2 ul.sub2 li a {background: #d7d7d7;}
.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:215px; top:-1px; background: #fff; width:auto; z-index:400; height:auto;}
.menu2 :hover ul.sub li ul {background: #fff; z-index:400;}
.secciones {padding: 5px; margin: 5px 0px 15px 10px; color: #0561a8; border: 1px dashed #0561a8; background: #c8d3db;}
.secciones a{color:#0561a8; text-decoration:none; line-height:1.5em; font-size: 170%; font-weight:normal; font-family:"Trebuchet MS", Tahoma, Arial, Sans-serif; padding: 15px 10px 5px 10px; margin: 0;}
.enlaces{display:block;padding:11px; border-bottom:dashed 1px #dddddd;color: #666666; font-weight:bold; font-family:"Trebuchet MS", Tahoma, Arial,Sans-serif;}
.enlaces .cuerpotexto{font-style:italic; color:#989898; font-size:0.9em; font-weight:normal;}
.enlaces a:hover{text-decoration: none; color: #000; background:#f5f5f5; display:block;}
.enlaces a{text-decoration: none; display:block;}
/* Pie */
.pie{width:1000px; margin:0 auto; height:85px; background:#FFF; clear:both; padding-top:60px;}
.pie .superior {width:970px; height:55px; border-bottom:solid 1px #DCDCDC; border-top:solid 1px #DCDCDC; margin:0 15px}
.colabora{float:left; width:40%; height:55px; text-align:left;}
.centrado {display:inline-block; margin-right:20px; vertical-align:middle; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#534A47; font-size:10pt; margin-top:18px; float:left;}
.superior .menu{float:right; text-align:right;}
.superior .menu ul li{display:inline;}
.superior .menu ul{margin-top:18px; text-align:right;}
.superior .menu li a {text-decoration:none;color:#666666; font:13px/165% "Trebuchet MS", Arial, Helvetica, sans-serif;}
.superior .menu li a:hover {color:#000;}
.copyright{text-align:left; margin-top:5px; font-size:10px;margin-left:15px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
/* Pie Noticia */
#contenenido-envolvente .col-derecha .postmeta {margin: 15px 0px 10px 10px;}
.postmeta {padding: 5px; margin: 20px 10px 15px 10px; color: #3e3e3e; border: 1px solid #00335a; background: #c8d3db;}
.postmeta a { background: transparent; color:#1f70af; }
.date{ margin: 0 10px 0 5px; color:#3e3e3e;}
.postmeta a.comments { margin: 0 10px 0 5px; }
.postmeta a.readmore { margin: 0 10px 0 5px; }
.post-info { font-size: .95em; padding-top: 3px; margin-left: 5px; color: #bababa; }
.post-info a { color: #000; }
/* alignment classes */
.float-left { float: left; }
.float-right { float: right; }
.align-left { text-align: left; }
.align-right { text-align: right; }
/* clearing */
.clearer { clear: both; }
.clear { display:inline-block; }
.clear:after {display:block; visibility:hidden; clear:both; height:0; content: "."; }
/*LOGIN*/
.loginasociado {padding: 5px; margin: 0px 0px 15px 0px; width:173px;
background-color: #0561A8;
-moz-border-radius: 15px 0px; border-radius: 15px 0px;
}
.loginasociado h3{color:#FFF; font-size: 140%;}
.loginasociado a{text-decoration:underline; color:#fff;}
.loginasociado a:hover{text-decoration:underline; color:#000;}
.loginasociado a:hover h3, .loginasociado a h3{text-decoration:none;}
.loginasociado {color:#b5b5b5; font-style:italic; line-height:1.1em;}
.lamenu { padding: 5px; margin: 5px 0px 15px 0px; width:173px;
color: #5C3913;
background: #F5720A;
-moz-border-radius: 15px 0px; border-radius: 15px 0px;
}
.lamenu2 { padding: 5px; margin: 5px 0px 15px 0px; width:173px;
color: #5C3913;
background: #E5343C;
-moz-border-radius: 15px 0px; border-radius: 15px 0px;
}
.lamenu3 { padding: 5px; margin: 5px 0px 15px 0px; width:173px;
color: #000000;
background: #F3D60E;
-moz-border-radius: 15px 0px; border-radius: 15px 0px;
}
.lamenu4 { padding: 5px; margin: 5px 0px 15px 0px; width:173px;
color: #FFFFFF;
background: #0561A8;
-moz-border-radius: 15px 0px; border-radius: 15px 0px;
}
.lamenu a, .lamenu2 a, .lamenu4 a{
color:#FFFFFF; text-decoration:none; line-height:1.5em;
font-size: 120%; font-weight:normal;
font-family:"Trebuchet MS", Tahoma, Arial, Sans-serif;
padding: 15px 10px 5px 5px; margin: 0;}
.lamenu3 a {
color:#000000; text-decoration:none; line-height:1.5em;
font-size: 120%; font-weight:bold;
font-family:"Trebuchet MS", Tahoma, Arial, Sans-serif;
padding: 15px 10px 5px 5px; margin: 0;}
/* ====================== */
/* Pagination */
/* ====================== */
.box2 {
border: 1px solid #fff;
margin: 3px 0px;
padding-bottom: 14px;
}
.paginator {
width: auto;
margin: 0px;
padding: 0px;
list-style: none;
display: block;
clear: both;
padding: 8px 0px 0px;
}
.paginator li { display: inline; }
.paginator li a {
color: #aaaaaa;
border: 1px solid #eeeeee;
padding: 3px 5px;
}
.paginator li a:hover, .paginator li.current a {
color: #545454;
border: 1px solid #B3C1CC;
background: #D6DEE4;
}