@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:#813434;}
a:hover { color: #813434;}
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:#d8d8d8; 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;}


/* ESTRUCTURA
--------------------------------------------------------------------------- */
#wrapper { width:898px; height:auto; margin: 10px auto; border:solid 1px #813434; background-color:#FFF;}

#header {width: 898px; height: 195px; background:url(../images/bg_header.jpg) no-repeat top left;}
#header #col1 {width: 387px; 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:#813434;}
#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:#002768;}
#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 li {float: left; margin: 0 30px 15px 0;}

#logo {width:387px; margin-left:0px;}

#content {}	

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

ul#nav {margin-left:387px; width:149px; height:196px; margin-top:-195px;}
ul#nav li a {float:left; width:148px; height:39px; display:block; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 13px; color:#813434; padding-left:11px; line-height:38px; margin-bottom:-15px; border-right:solid 1px #d8d8d8; ;}
ul#nav li a:hover { width:147px; padding-left:10px; background-image:url(../images/bg_nav_hover.gif); background-repeat:repeat-x; color:#000; line-height:38px; margin-bottom:-15px; border-right:solid 1px #bababa; border-left:solid 1px #bababa;}

#colizq {width: 480px; float: left; margin: -1px 0 20px 0;}
	#txtpres {margin: 0px 0px 0px 0px;}
	#txtpres #tit {float:left; width:860px; height:47px; line-height:47px; display:block; background-color:#813434; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 17px; color:#FFFFFF; padding-left:38px; margin-bottom:20px; background-image:url(../images/bg_tit.gif); background-position:left; background-repeat:no-repeat;}
	
	/*#txtpres #tit {margin: 0 0 27px 0;}*/
	#txtpres p {text-align: justify; line-height: 20px; padding:20px 0px 0px 40px;}
	#txtpres a {text-align: left; line-height: 24px; color:color:#813434; text-decoration:underline;}
	#txtpres a:hover {text-align: left; line-height: 24px; color:color:#813434; text-decoration:none;}
	
#coldcha {width: 340px; height: auto; float: right; margin-right:40px;}
	#imgportada {margin: 70px 0 0px 0px; float:left; border:solid 1px #813434; }
	#titnov {float:left; width:302px; height:27px; line-height:27px; display:block; background-color:#813434; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 15px; color:#FFFFFF; padding-left:40px; margin: 13px 0 0 0px;}
	
	#nov {margin: 13px 0 0 0px; width: 300px; height: auto; padding: 20px; border:solid 1px #813434; float:left; margin-bottom:20px;}
	
	#novcont {width: 320px;}
	#novcont a.tit {display: block; margin: 0 0 5px 0; font-size: 16px; color: #813434; 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; color: #813434; margin: 0 0 10px 0px; line-height:38px; padding-left:20px;background-image:url(../images/bg_nav_hover.gif); background-repeat:repeat-x; color:#fff; border-right:solid 1px #bababa; border-left:solid 1px #bababa; display:block;  width: auto; height:38px;}
#servicios h2 a {color: #813434; display:block;}
#servicios h2 a:hover{ background-color:#813434; color:#FFFFFF; display:block; border-left:solid 20px #813434; margin-left:-20px;  }

#servicios #tit {float:left; width:860px; height:47px; line-height:47px; display:block; background-color:#813434; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 17px; color:#FFFFFF; padding-left:38px; margin-bottom:20px; margin-top:-1px; background-image:url(../images/bg_tit.gif); background-position:left; background-repeat:no-repeat;}

#colservizq {float: right; width: 460px; margin:20px 20px 20px 0px;}
#colservizq #accordion h2 {display: block;}
#colservizq .text_servicios {width: 418px; margin: 10px 20px 0px 0px; border-top: solid 1px #CCC; border-right: solid 1px #CCC; border-left: solid 1px #CCC; padding:10px 20px 10px 20px; color: #813434; font-size:13px; background-color:#ece1e1;}
#colservizq ul {margin: 0 0 20px 0; padding-bottom:10px; border-right: solid 1px #CCC; border-bottom: solid 1px #CCC; border-left: solid 1px #CCC; background-color:#ece1e1;}
#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 #813434; padding: 1px; width: 400px; float:right; margin-right:20px;}
#mapa a { background-color:#813434; color:#FFFFFF; padding: 3px; width: 394px; float:left;}
#mapa a:hover { background-color:#813434; color:#d8d8d8;}

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

#direccion {margin: 20px 0 20px 40px; height: 312px; border:solid 1px #813434; padding:20px; color:#FFF; background-image:url(../images/bg_direccion.gif); background-position:right bottom; background-repeat:no-repeat;}
#direccion h3 {margin: 10px 0 10px 0; color: #813434; 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;}

#footer { width:900px; height: 40px; background-color:#813434; 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;}


/* CONTENIDO DE MARQUETING COMERCIAL
--------------------------------------------------------------------------- */

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

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

#noticias #tit2 {float:left; width:860px; height:47px; line-height:47px; display:block; background-color:#813434; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 17px; color:#FFFFFF; padding-left:38px; margin-bottom:20px; margin-top:-1px; background-image:url(../images/bg_tit.gif); background-position:left; background-repeat:no-repeat;}

#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 #813434; border-top: 1px solid #fff; border-right: 1px solid #fff; border-left: 1px solid #fff; margin: 0 0 0px 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-color:#d8d8d8; color:#000; border: 1px solid #813434; }
#noticias h2 { margin-top:20px;}


.fecha { color:#5b2c20; font-size:11px; }
.fecha2 { float:left; width:80px; color:#5b2c20; font-size:11px; padding:0 4px 0 2px; display: block;}

.fecha4 { float:left; color:#5b2c20; font-size:11px; padding:0 4px 10px 2px; margin-left:40px; width:810px; display: block;}

#contenido .bloc .fotoizq .fecha2 span { float:left; width:80px; color:#5b2c20; 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 #002768; background-color:#813434;}

#orden { float:left; width:350px; color:#bebebe; padding-top:8px;}
#orden a { text-decoration:none; margin:0 6px 0 6px; color:#fff; padding-right:12px;}
#orden a:hover { text-decoration:underline; color:#fff;}
#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; text-decoration:underline;}
#orden a.down { background:url(../images/flecha_down.gif) no-repeat right 6px; color:#fff;}
#orden a.down:hover { background:url(../images/flecha_up_rol.gif) no-repeat right 6px; color:#fff; text-decoration:underline;}

#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:#854231; 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:#002768; 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:#591200;}
#paginador a.numnosel {color: #813434; 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 #tit2 {float:left; width:860px; height:47px; line-height:47px; display:block; background-color:#813434; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 17px; color:#FFFFFF; padding-left:38px; margin-bottom:20px; margin-top:-1px; background-image:url(../images/bg_tit.gif); background-position:left; background-repeat:no-repeat;}
#contacta form label { float:left; width:80px; text-align:right; padding-right:6px;}
#contacta form input { margin-bottom:6px; font-size: 13px; color:#002768; font-family: Tahoma, Arial, Helvetica, sans-serif; padding: 2px 0 0 0;}
#contacta form input:active, #contacta form input:hover {border-color: #813434;}
#contacta form textarea {font-size: 11px; font-size: 13px; font-family: Tahoma, Arial, Helvetica, sans-serif; color:#002768;}
#contacta form textarea:active, #contacta form textarea:hover {border-color: #813434;}
.cuadro, .cuadro2 { color:#000; border:1px solid #bdbdbd;}
.cuadro { width:200px; height:20px;}
.cuadro2 { width:390px;height:100px;}

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

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 #002768; margin-left:40px;}

a.boton { float:right; height:18px; line-height:18px; background-color:#d8d8d8; color:#813434; padding:0 10px 6px 10px;}
a.boton:hover { background-color:#813434; color:#fff;}

.volver {float: right;}

.bloc { float:left; width:860px; height:auto; text-align:justify; margin:10px 0;}
.fotoizq { float:left; width:170px; height:auto; margin:0px 10px 5px 40px !important; *margin:0px 5px 5px 40px; color:#c2c2c2; line-height:12px; overflow:hidden;}
.fotoizq a { display:block; }
.fotoizq:hover { color:#002768;}
.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:#002768;}
#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;}