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

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


/* ESTRUCTURA SIN 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:#666;}
a:hover { color: #39892f;}
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: Arial, Helvetica, sans-serif; font-size: 13px; color: #666; background: url(../images/fondo2.jpg) repeat-x #000; text-align: left; line-height:20px;}
.separa { border-bottom:1px solid #e8e8e8; /*background:url(../images/bg_separa.gif) repeat-x top left; height: 6px; margin: 10px 0 0 0;*/}

h2, h3 { font-size: 1.7em; font-weight:lighter; }
h2 { padding:30px 0 16px 0; color: #39892f;}
h3 { padding:10px 0; color:#000;}

p { margin-bottom:12px;}
p strong { color:#333; font-weight:bold;}
hr { border-top:1px dashed #cecece; border-bottom:none;}

/* ESTRUCTURA
--------------------------------------------------------------------------- */
#wrapper { width:913px; height:auto; margin: 0 auto; background:#fff;}

#header { height: 116px; background: url(../images/eslogan.jpg) no-repeat top right; /*border-bottom:4px solid #39892f; overflow:hidden;*/}
#header #col1 { width: 913px /*613px*/; float: left;}
#header #col2 { width: 913px /*270px*/; float: right;}

#login { text-align:right; width: 533px; margin-bottom: 1px; background:url(../images/fondo_login.jpg) repeat-x top left; /*border-bottom:2px solid #000;*/ border-top:4px solid #39892f; padding:8px 0 4px 380px !important; *padding:8px 0 0 380px; }
#login #izq {width: auto; float: left;}
#login #dcha {width: 20px; float: left;}
#login #izq .row { float:left; width:auto;}
#login #izq .row label {float: left; margin: 2px 0 0 0; width: auto; color:#999;}
#login #izq .row input {width: 132px; height: 23px; background: url(../images/bg_input.png) no-repeat; border: 0; margin: 0 8px; font-size: 12px; padding: 4px 0 0 5px; color: #39892f;}
#login #izq .row input:hover, #login .row input:active {background: url(../images/bg_input_hover.png) no-repeat; color: #000;}
#login #dcha input.btnsub {width: 20px; height: 20px; background: url(../images/btn_sub.gif) no-repeat; cursor:pointer; border: 0;}

/*
#login {width: 270px; margin: 40px 0 0 0; background:url(../images/fondo_login.jpg) repeat-x bottom left; padding-bottom:10px;}
#login #izq {width: 230px; float: left;}
#login #dcha {width: 20px; float: left;}
#login #izq .row {}
#login #izq .row label {float: left; margin: 5px 0 0 10px; width: 60px;}
#login #izq .row input {width: 132px; height: 23px; background: url(../images/bg_input.png) no-repeat; border: 0; margin: 0 0 0 15px; font-size: 12px; padding: 4px 0 0 5px; color: #39892f;}
#login #izq .row input:hover, #login .row input:active {background: url(../images/bg_input_hover.png) no-repeat; color: #000;}
#login #dcha input.btnsub {width: 20px; height: 20px; background: url(../images/btn_sub.gif) no-repeat; cursor:pointer; border: 0; margin: 28px 0 0 0;}
*/

ul#nav { float:right; width:auto; height:26px; margin:90px 0 0 0; font-weight:bold;}
ul#nav li { float: left; margin: 0;}
ul#nav li a {font-size: 1em; color: #000; padding:6px 12px 10px 12px; height:32px;}
ul#nav li a:hover {color: #fff; background: #39892f; }

#logo {float:left; width:auto; height:auto; margin:14px 0 0 25px !important; *margin:8px 0 0 20px; text-align:left;}

#content { background:#fff; margin-top:0 !important; *margin-top:54px !important; *margin-top:0; }	

/* ESTRUCTURA HOME --------------------------------------------------------------------------- */

#colizq {width: 607px !important; *width: 580px; float: left; margin:0 0 0 30px !important; *margin:0 0 0 20px;}
	#txtpres {margin: 0 20px 0 0;}
	
#coldcha { float: left; width: 400px; margin:0 0 30px 30px;}
	#titnov {/*position: relative; top:-110px; left:-585px;*/}
	
	#nov { /*position: relative; top:-110px; left:-585px; margin: 0*/;}
	
	#novcont {width: 600px;}
	#novcont a.tit {margin: 20px 0 5px 0; font-size: 1em; color: #000; font-weight:bold; text-decoration:none;}
	#novcont a.tit:hover {color:#3d9b35;}
	#novcont a.not {margin: 5px 0 0 0; background:url(../images/not_bullet.gif) no-repeat center right; padding: 0 15px 0 0; color: #666;}
	#novcont a.not:hover {background:url(../images/not_bullet_rosa_hover.gif) no-repeat center right; color:#3d9b35;}	
		

/* ESTRUCTURA SERVICIOS --------------------------------------------------------------------------- */

#tit { float:left; width:100%;}
#navsup {}
#navizq {float: left; margin: 0 20px 0 10px; width: 180px; display: none;}

#servicios {width: 873px /*780px*/; height: auto; margin:0 0 0 40px;}

#colservizq {float: left; width: 413px /*575px*/;}
#colservizq ul {margin: 0 0 20px 0;}
#colservizq ul li {/* line-height: 18px;*/ background:url(../images/bullet_blue.gif) 6px center no-repeat; padding: 0 0 0 20px;}


#mapa {border: 1px solid #5bb5e5; padding: 1px; width: 400px;}

#colservdcha { float:left; width: 460px /*360px*/; height: auto; margin: 0; /*background:url(../images/bg_coldcha.gif) no-repeat top left;*/}
#colservdcha .img {float: right; width: 258px; height:auto; margin: 1px 0 0 0; overflow:hidden;}

#direccion {margin: 0 0 0 30px; height: 450px;}
/*#direccion h3 {margin: 10px 0 10px 0; color: #0096db; font-size: 14px; font-weight: normal;}*/
#direccion h4 {margin: 5px 0 5px 0; color: #0096db; font-size: 13px; font-weight: normal;}


#footer {height: 84px; background:#39892f; color:#fff; margin-top:40px;}
#fcontent {padding: 20px 0 0 30px;}
#fcontent a { color: #fff; font-weight:bold; text-decoration:underline;}
#fcontent a:hover { text-decoration:none;}
#entorno p {font-size: 0.8em; text-align: center; margin: 6px 0 0 0;}
#entorno p a { color: #636363;}
#entorno p a:hover { color: #39892f;}
/*#fnav {margin: 10px 0 0 0;}
#fnav a {margin: 0 10px 0 0; text-decoration: none;}*/


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

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

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

#noticias {width: 780px; height: auto; margin: 0 0 0 57px;}
#noticias #contenido {width: 780px;}

#noticias ul {}
#noticias li { float:left; display:block; width:720px; padding:6px 35px 6px 5px; text-align:left; background:url(../images/fondonews.jpg) no-repeat bottom right; line-height:20px; border-bottom: 1px solid #e2e1dd; border-top: 1px solid #fff; margin: 0 0 2px 0; }
#noticias li a { display:block; color: #000; padding-left:0; font-size: 12px; font-weight:bold;}
#noticias li a:hover { color: #39892f;}
#noticias li:hover { background:url(../images/fondonews_rol.jpg) no-repeat bottom right; color:#bdbdbd; border-bottom: 1px solid #cacac8; }

.fecha { color:#39892f; font-size:11px; float: right; margin: 0 10px 0 0;}
.fecha2 { float:left; width:auto; color:#fff; background-color:#a6a6a6; font-size:11px; padding:0 4px 0 2px; margin-right:10px;}
.fecha3 { float:left; width:80px; color:#39892f; font-size:11px; clear:right;}

#topcontent { float:left; width: 780px; border-bottom:1px dashed #999; padding-bottom:15px; margin:0 0 14px 0; }

/* 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:#39892f; color:#fff;}
#pager ul li a.bot { padding:0 10px; color:#000; text-decoration:none;}
#pager ul li a.bot:hover { color:#39892f;}

#paginador {text-align: center; line-height: 30px;}
#paginador ul li, #paginador ul li:hover {background: #fff; text-align: center; border: 0; color: #747679; 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: #39892f;}
#paginador a:hover {color: #0096DB;}
#paginador a.numnosel {color: #0096DB; margin: 0 0 0 5px; cursor: pointer;}

/* CONTACTAR
--------------------------------------------------------------------------- */
#contacta {width: 780px; margin: 0 0 0 50px;}
#contacta form label { float:left; width:80px; font-size: 1em;}
#contacta form input { margin-bottom:6px; font-size: 13px; color: #000; font-family: Tahoma, Arial, Helvetica, sans-serif; padding: 2px 0 0 0;}
#contacta form input:active, #contacta form input:hover {border-color: #39892f;}
#contacta form textarea {font-size: 11px; font-size: 13px; font-family: Tahoma, Arial, Helvetica, sans-serif; color: #000;}
#contacta form textarea:active, #contacta form textarea:hover {border-color: #39892f;}
.cuadro, .cuadro2 { color:#000; border:1px solid #bdbdbd;}
.cuadro { width:200px; height:20px;}
.cuadro2 { width:390px;height:100px;}

#contacta .bot { background-color:#aaa; color:#fff; padding:0 10px 0 10px; border:none; margin: 20px 0 20px 0;}
#contacta .bot:hover { background-color:#000;}
.gris {margin: 0 0 20px 0;}

a.contlink {color: #000; font-weight: bold;}
a.contlink:hover {color: #39892f;}

/* AVISO LEGAL */
#avisolegal {width: 780px; margin: 0 0 0 50px;}

/* 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:780px;}
#contenido h2 { float:left; width:780px; font-size:16px; line-height:18px; text-align:left; color:#000; padding:10px 0; font-weight:lighter; border-top:1px dashed #39892f; margin: 10px 0 0 0;}

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

.volver {float: right;}

.bloc { float:left; width:761px; height:auto; margin:10px 0;}
.bloc p {line-height: 20px;}
.fotoizq { float:left; width:170px; height:auto; margin:0 10px 5px 0 !important; *margin:0 5px 5px 0; color:#c2c2c2; line-height:12px; overflow:hidden;}
.fotoizq a { display:block; }
.fotoizq:hover { color:#39892f;}
.fotodch { float:right; width:170px; height:auto; margin:0 0 5px 10px; color:#c2c2c2; line-height:11px; overflow:hidden;}
.fotodch:hover { color:#39892f;}
.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: #666; 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;}

/* DOCUMENTOS
--------------------------------------------------------------------------- */

#documentos li { float:left; width:780px; background:url(../images/degradado.jpg) repeat-x bottom left; margin:0; padding:6px 0 6px 0;}
#documentos li:hover { background:url(../images/degradado_rol.jpg) repeat-x bottom left; color:#39892f; color:#39892f;}
#documentos li a { float:left; width:600px; text-align:left; color:#000; padding:0 0 6px 25px;}
#documentos li a:hover { color:#39892f; }
#documentos li a.doc { background:url(../images/icono_doc.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 .descrip { float:left; width:550px; text-align:left; color:#999; margin: 0 0 20px 25px;}

#orden { float:left; width:350px; color:#bebebe; padding-top:8px;}
#orden a { text-decoration:none; margin:0 6px 0 6px; color:#39892f; padding-right:12px;}
#orden a:hover { text-decoration:none; color:#39892f;}
#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 .cuadro:hover {color: #39892f; border: 1px solid #39892f;}
#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;}