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

/* e-Asesorias
/* Entornodigital, S.A.
/* Autor: Gemma Valls Llobet
--------------------------------------------------------------------------- */


/* 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: #fa4b97;}
img { -ms-interpolation-mode: bicubic;}

/* 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: #333; background: url(../images/fondo2.jpg) repeat-x #000; text-align: left; line-height:20px;}
p { margin-bottom:20px; /*text-indent:32px; background:url(../images/p.jpg) no-repeat 0 6px;*/}
p .separador { border-bottom:1px solid #e8e8e8;}
p a { color:#cc1e1e; font-weight:bold;}
p a:hover { text-decoration:underline;color:#cc1e1e;}
h2 { font-size:20px; font-weight:lighter; color:#cc1e1e; padding:16px 0; border-top:1px dashed #F00;}
h2.noborde { border:none;}
.gris { color:#bebebe;}

/* ESTRUCTURA
--------------------------------------------------------------------------- */
#wrapper { width:903px; height:auto; margin: 0 auto; background:#FFF;}
#header { width:903px; height:116px; background: url(../images/eslogan.jpg) no-repeat top right; border-bottom:4px solid #cc1e1e; overflow:hidden;}
#logo { float:left; width:300px; height:116px; margin-left:40px !important; margin-left:20px; text-align:left; }
a.volver { float:right; color:#999; text-decoration:none;}
a.volver:hover { float:right;color:#cc1e1e;}


/* MENÚ NAV
--------------------------------------------------------------------------- */
#nav { float:right; width:530px; height:26px; margin:0/*90px*/ 5px 0 0; }
#nav ul { float:right; font-size:13px; font-weight:bold;}
#nav ul li { list-style: none; display: inline; padding: 0; margin-left:0;}
#nav ul li a { padding:6px 12px 10px 12px; color:#000; text-decoration: none;}
#nav ul li a:hover { background:#cc1e1e; color:#FFF; text-decoration: none; /*color:#cc1e1e; background: url(../images/fondo_menu.jpg) repeat-x bottom left;*/}
#nav ul li a.sel, #nav ul li a.sel:hover { background:#cc1e1e; color:#FFF; text-decoration: none; }

/* LOGIN
--------------------------------------------------------------------------- */
#login { width:258px; height:auto; background:url(../images/fondo_login.jpg) repeat-x top left; padding-bottom:12px; /*margin-bottom:2px;*/ font-size:12px; overflow:hidden; }
#login label {float: left; width: 70px; text-align:right;}
#login input.cuadro {float: left; width: 128px; height: 20px; background: url(../images/bg_input.png) no-repeat; border: 0; margin: 0 0 0 12px; color: #0096db; font-size: 12px; padding: 4px 0 0 5px; color: #000;}
#login input.cuadro:hover, #login .row input:active {background: url(../images/bg_input_hover.png) no-repeat; color: #cc1e1e;}
#login .bot { float: left; /*width: 20px; height: 20px;*/ color:#cc1e1e; font-weight:bold; font-size:11px; cursor:pointer; border: 0; background:none; }
#login .bot:hover { color:#000;}

#log { float:right; width:560px; height:88px; /*text-align:right;*/ background: url(../images/eslogan.jpg) no-repeat top right;}
#logout { float:right; width:460px; height:68px; text-align:right; padding:50px 15px 0 0; color:#000; background: url(../images/eslogan.jpg) no-repeat top right;}
#logout a { color:#FFF; background:#999; padding:0 4px; font-size:11px; font-weight:bold; }
#logout a:hover { background:#cc1e1e; }
.nolog { width:258px; height:69px; background:url(../images/fondo_login.jpg) repeat-x top left;  }
.nom { text-transform: capitalize; color:#cc1e1e; margin:0 6px 0 1px;}


/* CONTENT
--------------------------------------------------------------------------- */

/* CONTENT HOME
--------------------------------------------------------------------------- */
#content { float:left; width:903px; height:auto; padding-top:30px; border-top:2px solid #FFF; background:url(../images/sombra.jpg) repeat-x top left #FFF;}
#content .left { float:left; margin-left:40px !important; margin-left:20px; width:560px; height:auto; overflow: hidden; }

#content #contenido { float:left; margin:0 0 16px 40px !important; margin:0 0 16px 20px; width:820px; height:auto; overflow: hidden;}

#novedades { overflow:hidden;}
.destacado { float:left; width:560px; background: #FFF; line-height:18px; padding:4px 0 6px 0; margin-bottom:20px;}
.destacado:hover { background: url(../images/fondo_login.jpg) repeat-x top left; cursor:pointer;}
.destacado a { text-decoration:none; color:#666;}
.destacado a:hover { color:#666;}
.destacado .tit { float:left; color:#000; font-size:13px; font-weight:bold; margin-right:8px; line-height:18px; }
.fecha { float:left; width:auto; color:#FFF; background:#cc1e1e; font-size:12px; font-weight:bold; line-height:14px; margin:1px 8px 0 0; padding:1px 2px; }
a.botmas { float:left; color:#cc1e1e; margin:6px 0 16px 0; }

#content .right { float:right; width:258px; height:auto; overflow: hidden;}
#content .foto { width:258px; height:auto; margin:10px 0; }


/* CONTENT SERVICIOS
--------------------------------------------------------------------------- */
.left ul { list-style: outside; list-style-type: circle; margin-bottom:20px; margin-left:20px; padding:0; }
.left ul li { text-indent:0;}
	
	
/* CONTENT NOTICIAS
--------------------------------------------------------------------------- */
#noticias {}
#noticias li { float:left; width:774px; padding:6px 35px 10px 5px; text-align:left; border-bottom: 1px solid #e2e1dd; }
#noticias li:hover { background: url(../images/fondo_login.jpg) repeat-x top left;}
#noticias li a { font-size:12px; font-weight:bold; line-height:18px; color:#000;}
#noticias li a:hover { color:#cc1e1e;}
#noticias .titnoticia { float:left; font-size:13px; font-weight:bold; color:#000;}
#noticias .fotonews { float:left; margin:10px 16px 10px 0; color:#bebebe;}
#noticias .descrip { float:left; color:#999; font-weight:normal; padding-left:4px;}
.mas { padding-left:6px;}

.bloc { float:left; width:810px; height:auto; text-align:justify; margin:10px 0 30px 0;}
.fotoizq { float:left; width:170px; height:auto; margin:0 10px 5px 0 !important; *margin:0 5px 5px 0; overflow:hidden;}
.fotoizq a { display:block; }
.fotoizq:hover { color:#cc1e1e;}

.fecha2 { float:left; width:80px; color:#fa4b96; font-size:11px; padding:0 4px 0 2px;}
.fecha3 { float:left; width:80px; color:#fa4b96; font-size:11px; clear:right;}

#orden { float:right; width:210px; color:#bebebe; padding:3px 0 0 0; }
#orden a { text-decoration:none; margin:0 6px 0 6px; color:#666; padding-right:12px;}
#orden a:hover { text-decoration:none; color:#cc1e1e;}
#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;}


/* DOCUMENTOS
--------------------------------------------------------------------------- */
#documentos, #noticias { margin-bottom:30px;}
#documentos li { float:left;/* background: url(../images/icono_doc.gif) no-repeat left 7px;*/ margin:0; /*padding-left:14px;*/}
#documentos li a { float:left; text-align:left; display:block; width:760px; padding:6px 35px 0 20px; text-align:left; font-size:12px; font-weight:bold; line-height:18px; /*border-bottom: 1px solid #e2e1dd;*/ color:#000; }
#documentos li a:hover { color:#cc1e1e; background: url(../images/fondo_login.jpg) repeat-x top left; cursor:pointer;}
#documentos li a.doc { background: url(../images/icono_doc.gif) no-repeat left 7px;}
#documentos li a.lock { background:url(../images/icono_lock.gif) no-repeat left 7px;}
#documentos li a.url { background:url(../images/icono_link.gif) no-repeat left 7px;}
#documentos .descrip { float:left; color:#999; font-weight:normal; padding-left:4px;}

#topcontent { float:left; width: 810px; height:30px; margin:0 0 14px 0; padding:0; border-bottom:1px dashed #F00;}

#buscador { float:left; width:550px; margin:0; padding:0 0 0 4px;}
#buscador form { height:20px; margin:0; padding:0; text-align: left;}
#buscador form input.cuadro, #buscador form select{ padding:1px 0 0 2px; font-size: 11px; color: #999; margin:0;}
#buscador form select {width:auto;}
#buscador form input.cuadro {width:150px; height:15px; }
#buscador form .lupa { width:18px; height:17px; background:url(../images/lupa.jpg) no-repeat bottom right #FFF; border:none; cursor:pointer;}

/* PAGINACIÓN
--------------------------------------------------------------------------- */
#pager { float:left; display:block; width:100%; margin-top:20px; text-align: center;}
#pager ul {}
#pager ul li { display:inline; color:#999; background:#FFF; border: 0; text-align: center;}
#pager ul li a { text-decoration:none; color:#333; padding:0 4px;}
#pager ul li a:hover { text-decoration:none; color:#cc1e1e;}


/* CONTENT CONTACTAR
--------------------------------------------------------------------------- */
#contenido .dir { float:left; width:430px; border-bottom:1px dashed #F00; margin-bottom:25px;}
#contenido .dir .tit { color:#666; font-size:16px; font-weight:bold;}
#contenido .dir a { text-decoration: none; color:#cc1e1e; font-weight:bold;}
#contenido .dir a:hover { text-decoration: underline;}
#contenido .mapa { float:right;}
#contenido .formulario { float:left; width:430px;}

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

#contenido .bot { float:right; background-color:#cc1e1e; color:#fff; padding:2px 10px; border:none; margin: 10px 10px 20px 0;}
#contenido .bot:hover { background-color:#aaa; cursor:pointer;}
.gris { color:#bebebe;}



/* FOOTER
--------------------------------------------------------------------------- */
#footer { float:left; width:883px; height:60px; background: url(../images/logo2.jpg) no-repeat 806px 5px #cc1e1e; padding:40px 0 0 20px; color:#FFF;}
#footer a { font-weight:bold; color:#FFF;}
#footer a:hover { color:#000;}
#entorno { float:left; width:903px; height:30px; text-align: center; background:#000; padding-top:6px;}
#entorno a { color: #820000;font-size: 0.8em;}
#entorno a:hover { color: #ad0101; text-decoration:none;}
/*#fnav {margin: 10px 0 0 0;}
#fnav a {margin: 0 10px 0 0; text-decoration: none;}*/


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

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