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

/* e-Asesorias
/* Entornodigital, S.A.
/* Autor: Jaume Izquierdo
--------------------------------------------------------------------------- */


/* ESTRUCTURA CON MENÚ LATERAL


/* RESET
--------------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
a img, :link img, :visited img {border: 0;}
a, a:active, a:visited, img { outline:none; text-decoration:none; color:#002868;}
a:hover { color: #ece73e;}
img { -ms-interpolation-mode: bicubic;}

/*img, div, li, a { behavior: url(iepngfix.htc); }
a, a:active, a:visited, img { outline:none; text-decoration:none;}*/

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

.clear { clear:both;}
.espacio { height:100px;}


/* BASICOS
--------------------------------------------------------------------------- */

body { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; background-color:#fff; background-image:url(../images/bg_body.gif); background-repeat:repeat-x;}
.separa { background:url(../images/bg_separa.gif) repeat-x top left; height: 6px; margin: 10px 0 0 0;}
/*background-color:#f6f200;*/
/* ESTRUCTURA
--------------------------------------------------------------------------- */
#wrapper { width:898px; height:auto; margin: 10px auto; border:solid 1px #002868; background-color:#FFF;}

#header {width: 898px; height: 195px; background:url(../images/bg_header.jpg) no-repeat top left;}
#header #col1 {width: 312px; float: left; height:195px;}
#header #col2 {width: 272px; float: right; margin-right: 39px;}

#login {width: 288px; margin: 85px 0 0 15px;}
#login #izq {width: 210px; float: left; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color: #002868;}
#login #dcha {width: 20px; float: left;}
#login #izq .row {}
#login #izq .row label {float: left; margin: 5px 0 0 0; width: 35px;}
#login #izq .row input {width: 152px; height: 23px; background: url(../images/bg_input.jpg) no-repeat; border: 0; margin: 0 0 0 15px; color: #0096db; font-size: 12px; padding: 4px 0 0 5px; color:#002868;}
#login #izq .row input:hover, #login .row input:active {background: url(../images/bg_input_hover.jpg) no-repeat; color: #ff0000;}

#login #dcha input.btnsub {width: 22px; height: 22px; background: url(../images/btn_sub.gif) no-repeat; cursor:pointer; border: 0; margin: 28px 0 0 0;}

ul#nav {margin: 16px 0 0 20px;}
ul#nav li {float: left; margin: 0 30px 15px 0;}

#logo {width:194px; margin-left:39px;}

#content {}	

/* ESTRUCTURA HOME CON MENÚ LATERAL ------------------------------------------------------------------------------- */

ul#nav {margin-left:312px; width:265px; height:196px; margin-top:-195px;}
ul#nav li a {float:left; width:225px; height:38px; display:block; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 13px; color:#002868; padding-left:10px; line-height:38px; border-bottom:solid 1px #002868; margin-bottom:-15px;}
ul#nav li a:hover {background-color:#002868; color:#fff;}

#colizq {width: 449px; float: left; margin: 0 0 0 0;}
	#txtpres {margin: -1px 20px 20px 0;}
	#txtpres #tit h2 {float:left; width:860px; height:47px; line-height:47px; display:block; background-color:#002868; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 15px; color:#FFFFFF; padding-left:38px; margin-bottom:20px; border-bottom:solid 1px #002868;}
	
	/*#txtpres #tit {margin: 0 0 27px 0;}*/
	#txtpres p {text-align: justify; line-height: 20px; padding:20px 20px 0px 40px;}
	
#coldcha {width: 449px; height: auto; float: left;}
	#imgportada {margin: 70px 0 20px 32px; border:solid 1px #002868; float:left; }
	#titnov {float:left; width:342px; height:27px; line-height:27px; display:block; background-color:#002868; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 15px; color:#FFFFFF; padding-left:40px; margin: 13px 0 0 32px;}
	
	#nov {margin: 13px 0 0 32px; width: 340px; height: auto; padding: 20px; border:solid 1px #002868; float:left; margin-bottom:20px;}
	
	#novcont {width: 340px;}
	#novcont a.tit {display: block; margin: 0 0 5px 0; font-size: 16px; color: #002868; text-decoration:none;}
	#novcont a.tit:hover {color:#000;}
	#novcont a.not {margin: 5px 0 0 0; background:url(../images/not_bullet.gif) no-repeat center right; padding: 0 15px 0 0; color: #4d4e53;}
	#novcont a.not:hover {background:url(../images/not_bullet_hover.gif) no-repeat center right; color:#000;}

/* ESTRUCTURA SERVICIOS CON MENÚ LATERAL --------------------------------------------------------------------------- */

#accordion {
height:auto;
margin-bottom:0px;
}

#servicios {width: 898px; height: auto;}
#servicios h2 {font-size: 14px; background-color:#002868; color: #fff; margin: 0 0 10px 0px; line-height:24px; padding-left:20px; display:block;  width: auto; height:24px;}
#servicios h2 a {color: #fff;  width: 440px; height:24px; display:block;}
#servicios h2 a:hover{ background-color:#ece73e; color:#002868; display:block; border-left:solid 20px #ece73e; margin-left:-20px;}

#servicios #tit h2 {float:left; width:861px; height:47px; line-height:47px; display:block; background-color:#002868; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 15px; color:#FFFFFF; padding-left:38px; margin-bottom:20px; margin-top:-1px;border-bottom:solid 1px #002868;}

#colservizq {float: right; width: 460px; padding:20px 20px 20px 0px;}
#colservizq ul {margin: 0 0 20px 0; padding-bottom:10px; border: solid 1px #002868; background-color:#ece73e;}
#colservizq ul li {font-size: 11px; line-height: 18px; background:url(../images/bullet_blue.gif) left top no-repeat; padding: 0 0 0 20px;}
#colservizq p {text-align: justify; line-height: 18px; margin: 0 0 20px;}

#mapa {border:solid 1px #002868; padding: 1px; width: 400px; float:right; margin-right:20px;}
#mapa a { background-color:#002868; color:#FFFFFF; padding: 3px; width: 394px; float:left;}
#mapa a:hover { background-color:#002868; color:#ece73e;}

#colservdcha {float: left; width: 400px; height: auto; }
#colservdcha .img {margin: 20px 0px 20px 40px; border:solid 1px #002868; float:left;}

#direccion {margin: 20px 0 20px 40px; height: 360px; border:solid 1px #002868; padding:20px; background:#ece73e url(../images/img_localizacion.jpg) no-repeat bottom;}
#direccion h3 {margin: 10px 0 10px 0; color: #002868; font-size: 14px; font-weight: normal;}
#direccion h4 {margin: 5px 0 5px 0; color: #0096db; font-size: 13px; font-weight: normal;}
#direccion p {line-height: 20px; font-size: 12px; color:#000000;}

#direccion a { color:#002868;}
#direccion a:hover { color:#002868; text-decoration:underline;}

#footer { width:900px; height: 40px; background-color:#002868; float:left; margin-bottom:20px; margin-left:-1px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color: #fff; line-height:40px;}

#footer img{
border:none;
float:right;
}

#fcontent {padding: 0px 0 0 40px;}

#entorno {margin: 10px 15px -44px 0; padding-bottom:10px;}
#entorno p {font-size: 10px; text-align: center;}
#entorno a { color:#999999; text-decoration: none;}



/* AVISO LEGAL */
#avisolegal {width: 810px; float: left; margin-left:40px;}
#avisolegal p {text-align:justify; line-height: 20px; margin: 0 0 20px 0;}

#avisolegal #tit h2 {float:left; width:860px; height:47px; line-height:47px; display:block; background-color:#002868; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 15px; color:#FFFFFF; padding-left:38px; margin-bottom:20px; margin-top:-1px;border-bottom:solid 1px #002868; margin-left:-40px;}

/* NOTICIAS
--------------------------------------------------------------------------- */

#novedades, #noticias, #documentos, #fotos, #productos  { float:left; width:898px; margin-bottom:15px;}

#noticias #tit h2 {float:left; width:860px; height:47px; line-height:47px; display:block; background-color:#002868; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 15px; color:#FFFFFF; padding-left:38px; margin-bottom:20px; margin-top:-1px;border-bottom:solid 1px #002868;}

#noticias ul { margin-left:36px;}
#noticias li { float:left; display:block; width:785px; padding:0px 35px 0px 5px; text-align:left; background:url(../images/fondonews.gif) no-repeat bottom right; line-height:28px; border-bottom: 1px solid #e2e1dd; border-top: 1px solid #fff; border-right: 1px solid #e2e1dd; border-left: 1px solid #fff; margin: 0 0 2px 0; display:block; }
#noticias li a { display:block; color: #4d4e53; padding-left:0; font-size: 12px;}
#noticias li a:hover { color: #000;}
#noticias li:hover { width:785px; background:url(../images/fondonews_rol.gif) no-repeat bottom right; color:#000; border: 1px solid #002868;  background-color:#ece73e;}
#noticias h2 { margin-top:20px;}


.fecha { color:#002868; font-size:11px; }
.fecha2 { float:left; width:80px; color:#002868; font-size:11px; padding:0 4px 0 2px;}
#contenido .bloc .fotoizq .fecha2 span { float:left; width:80px; color:#002868; font-size:11px; padding:0 4px 0 2px; margin-left:-180px; clear: inherit;}
.fecha3 { float:left; width:80px; color:#5b2c20; font-size:11px; clear:right;}

#topcontent { float:left; width: 804px; padding:10px; margin:20px 0 14px 36px; border:solid 1px #002868;}

#orden { float:left; width:350px; color:#bebebe; padding-top:8px;}
#orden a { text-decoration:none; margin:0 6px 0 6px; color:#666; padding-right:12px;}
#orden a:hover { text-decoration:none; color:#002868;}
#orden a.up { background:url(../images/flecha_up.gif) no-repeat right 6px;}
#orden a.up:hover { background:url(../images/flecha_down_rol.gif) no-repeat right 6px;}
#orden a.down { background:url(../images/flecha_down.gif) no-repeat right 6px;}
#orden a.down:hover { background:url(../images/flecha_up_rol.gif) no-repeat right 6px;}

#buscador { float:left; /*width:auto; text-align: right;*/ }
#buscador form { height:20px; margin:0; padding:0;}
#buscador .cuadro {/* width:150px; height:15px; padding:1px 0 0 2px; font-family: Tahoma, Arial, Georgia,"Times New Roman",Times,serif; font-size: 11px; color: #999;*/}

#documentos li { float:left; width:824px; background:url(../images/degradado.jpg) repeat-x bottom left; margin:0; padding:6px 0 6px 0; font-weight:bold;}
#documentos li:hover { background:url(../images/degradado_rol.jpg) repeat-x bottom left; color:#fa4b96; width:824px;}
#documentos li a { float:left; width:600px; text-align:left; color:#000; padding:0 0 6px 35px;}
#documentos li a:hover { color:#002868; background:url(../images/icono_doc_hover.gif) no-repeat 8px 0;}
#documentos li a.doc { background:url(../images/icono_doc.gif) no-repeat 8px 0;}
#documentos li a.doc:hover { background:url(../images/icono_doc_hover.gif) no-repeat 8px 0;}
#documentos li a.lock { background:url(../images/icono_lock.gif) no-repeat 8px 0;}
#documentos li a.url { background:url(../images/icono_link.gif) no-repeat 8px 2px;}
#documentos li a.url:hover { background:url(../images/icono_link2.gif) no-repeat 8px 2px;}
#documentos .descrip { float:left; width:550px; text-align:left; color:#999; margin: 0 0 20px 25px;}

/* PAGINACIÓN
--------------------------------------------------------------------------- */

#pager { float:left; display:block; width:100%; margin-top:20px; text-align: center;}
#pager ul {}
#pager ul li, #pager ul li p, #pager ul li a { display:block; color:#999; background:#FFF; border: 0; text-align: center;}

#pager ul li:hover { display:inline; color:#999; background:#FFF; border: 0;}
#pager ul li a.num { text-decoration:none; color:#333; padding:0 2px;}
#pager ul li a.num:hover { text-decoration:none; background-color:#ff0000; color:#fff;}
#pager ul li a.bot { padding:0 10px; color:#000; text-decoration:none;}
#pager ul li a.bot:hover { color:#ff0000;}

/*#paginador ul { margin: 20px 0 0 0; border-top: 1px dashed #e2e1dd; margin: 10px 0 0 0; padding: 10px 0 0 0; text-align: center; border: 1px solid red;}
#paginador ul li {width: auto; background: #fff; border: 0; font-size: 11px; padding: 0; margin: 0;  text-align: center;}
#paginador ul li:hover {background: #fff; border: 0;}
#paginador ul li a, #paginador ul li a.anterior, #paginador ul li a.sig {text-align: center; line-height: 20px; font-size: 11px; border-right: 1px solid #e2e1dd;}
#paginador ul li a {width: 30px; float: left;}
#paginador ul li a.anterior {width: 80px; text-align: left; padding: 0 0 0 5px;}
#paginador ul li a.sig {width: 80px; text-align: right; padding: 0 5px 0 0; border-right: 0;}
#paginador ul li.numnosel {width: 30px; text-align: center; line-height: 20px; padding: 0; background: #0096DB; color: #fff;}
#paginador ul li a:hover, #paginador ul li a.anterior:hover, #paginador ul li a.sig:hover {background: #fa4b97; color: #fff;}*/

/*#paginador { overflow:hidden; text-align: center; } 
#paginador ul {margin: 0; padding: 0; background: 0;} 
#paginador ul li { float:left; display:inline;border-right:1px #C3D9FF solid; overflow:hidden; padding-left:1%; line-height:35px; margin: 0; padding: 0; background: 0;	}
#paginador ul li a { height:35px; vertical-align:middle; line-height:35px; text-decoration:none; font-size: 0.9em !important; color: #0033CC;}
#paginador ul li a:hover {color: #8bace6 ;}
#paginador ul li.border { width:99%; height:35px; line-height:35px; /*border-top:1px #C3D9FF solid;*}
#paginador ul li .tools { border-right:none;}
#paginador ul li .tools a img { float:left; display:inline-block; padding:10px 5px 0 2px; width:16px; height:16px;}*/

#paginador {text-align: center; line-height: 30px;}
#paginador ul li, #paginador ul li:hover {background: #fff; text-align: center; border: 0; color:#002868; margin: 0 0 0 0;}
#paginador a, #paginador a.numnosel {text-align: center; line-height: 20px; font-size: 11px; /*border-right: 1px solid #e2e1dd;*/ margin: 0 0 0 3px; padding: 3px 4px 3px 4px; color: #666;}
#paginador a:hover {color:#002868;}
#paginador a.numnosel {color: #ccc; margin: 0 0 0 5px; cursor: pointer;}
#paginador a.numnosel:hover {color: #002868; margin: 0 0 0 5px; cursor: pointer;}

/* CONTACTAR
--------------------------------------------------------------------------- */
#contacta {width: 700px; margin: 0 0 0 0; padding-bottom:20px;}
#contacta form {margin-left: 150px;}
#contacta #tit h2 {float:left; width:860px; height:47px; line-height:47px; display:block; background-color:#002868; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 15px; color:#FFFFFF; padding-left:38px; margin-bottom:20px; margin-top:-1px; border-bottom:solid 1px #002868;}
#contacta form label { float:left; width:80px; text-align:right; padding-right:6px;}
#contacta form input { margin-bottom:6px; font-size: 13px; color:#002868; font-family: Tahoma, Arial, Helvetica, sans-serif; padding: 2px 0 0 0;}
#contacta form input:active, #contacta form input:hover {border-color: #002868;}
#contacta form textarea {font-size: 11px; font-size: 13px; font-family: Tahoma, Arial, Helvetica, sans-serif; color:#002868;}
#contacta form textarea:active, #contacta form textarea:hover {border-color: #002868;}
.cuadro, .cuadro2 { color:#000; border:1px solid #bdbdbd;}
.cuadro { width:200px; height:20px;}
.cuadro2 { width:390px;height:100px;}

#contacta .bot { background-color:#002868; color:#fff; padding: 6px 10px; border:none; margin: 20px 240px;}
#contacta .bot:hover { background-color:#ece73e; cursor:pointer; color:#002868;}
.gris { color:#002868; margin-left:150px;}
.granate { color:#002868;}

a.contlink {color: #fff; font-weight: bold;}
a.contlink:hover { text-decoration:underline;}

#txt_legal {width: 890px; float: left; margin: 0px;}
#txt_legal p {text-align: justify; line-height: 20px; padding:20px 40px;}

/* CONTENIDO
--------------------------------------------------------------------------- */
#rightcol h1 { float:left; width:540px; background:url(../images/fondotit.jpg) no-repeat top left; font-size:16px; line-height:25px; text-align:left; color:#000; padding-left:20px; font-weight: lighter; /*margin-bottom:20px;*/ }
#contenido { float:left; width:826px;}
#contenido h2 { float:left; width:826px; font-size:16px; line-height:18px; text-align:left; color:#000; padding:10px 0; border-top:1px dashed #002868; margin-left:0px;}

a.boton { float:right; height:18px; background-color:#002868; color:#fff; padding:2px 10px 0 10px; margin-top:4px;}
a.boton:hover { background-color:#ece73e; color:#002868;}

.volver {float: right;}

.bloc { float:left; width:824px; height:auto; text-align:justify; margin:10px 0 10px 40px;}
.bloc p {line-height: 20px;}
.fotoizq { float:left; width:170px; height:auto; margin:0px 10px 5px 0px !important; *margin:0px 5px 5px 40px; color:#c2c2c2; line-height:12px; overflow:hidden;}
.fotoizq a { display:block; }
.fotoizq:hover { color:#002868;}
.fotodch { float:right; width:170px; height:auto; margin:0 0 5px 10px; color:#c2c2c2; line-height:11px; overflow:hidden;}
.fotodch:hover { color:#ff0000;}
.bloc img { width:170px; margin-bottom:4px;}

#contenido .enlace { display:block; float:left; width:540px; text-align:left; font-weight:lighter; padding:10px 0; margin-top:10px; border-top:1px dashed #bebebe; }
.enlace img { float:left; width:100px; height:auto; margin:0 10px 0 0;}
.enlace a { display:block; color: #4d4e53; text-decoration:underline; font-size:14px; line-height:18px; padding:0 14px 6px 0; }
.enlace a:hover { color:#000;}

#contenido select { margin:0 0 20px 10px; font-family: Tahoma, Arial, Georgia,"Times New Roman",Times,serif; font-size: 12px; color:#7a7a7a; }
#contenido label { float:left; font-size: 12px;}
#contenido form { margin-top:20px;}

#orden { float:left; width:350px; color:#bebebe; padding-top:8px;}
#orden a { text-decoration:none; margin:0 6px 0 6px; color:#666; padding-right:12px;}
#orden a:hover { text-decoration:none; color:#002868;}
#orden a.up { background:url(../images/flecha_up.gif) no-repeat right 6px;}
#orden a.up:hover { background:url(../images/flecha_down_rol.gif) no-repeat right 6px;}
#orden a.down { background:url(../images/flecha_down.gif) no-repeat right 6px;}
#orden a.down:hover { background:url(../images/flecha_up_rol.gif) no-repeat right 6px;}

#buscador { float:left; /*width:auto; text-align: right;*/ }
#buscador form { float:left; height:20px; margin:0; padding:0;}
#buscador .cuadro { float:left; width:150px; height:15px; border:1px solid #bdbdbd; /*padding:1px 0 0 2px;*/ 
font-family: Tahoma, Arial, Georgia,"Times New Roman",Times,serif; font-size: 11px; color: #999;}
#buscador .categorias { float:left; width:150px; height:19px; border:1px solid #bdbdbd; /*padding:1px 0 0 2px;*/ 
font-family: Tahoma, Arial, Georgia,"Times New Roman",Times,serif; font-size: 11px; color: #999;}
.separador_categoria {float:left; margin:0 5px; line-height:20px;}


/* ----- VALIDACION ----- */ 

.error { background-color: #FFA28C; border: 1px solid red;}
