*, html { margin:0; padding:0;}

body { padding:0 1em; margin:0; background:#fff; font:0.7em/1.25em Verdana, Arial, Helvetica, sans-serif; color:#333;}


h1 { margin:.5em 0; padding:.8em 0 .4em .5em; font-size:1.25em; font-weight:normal; text-transform:uppercase}
h1 a, h1 span { font-size:.8em; display:block; margin-top:-1.1em; padding-right:.5em; text-transform:none; text-decoration:none; text-align:right; color:#CCCCCC}
h1 a:hover { color:#fff;}
h2 { padding:.5em 0 .5em .5em; margin-bottom:.5em; color:#fff; margin:0; font-size:1em; font-weight:bold; }

a { color:#003366; text-decoration:underline}
a img { border:0;}

p { color:#333; padding:.5em 0; font-size:1em; line-height:1.5em;}

ul li { padding:.5em 0; list-style:none}
form fieldset { border:0; padding:1em 0;}
form legend { display:none}
form input[type=text],form input[type=password],form textarea { border:1px solid #5a5858; background:none; color:#858383; padding:.15em .3em; font:1em/1.25em Verdana, Arial, Helvetica, sans-serif;}
form textarea { overflow:hidden}
form input[type=submit] {border:1px solid #5a5858;color:#858383; margin-left:10em; padding:.2em 0; text-align:center; width:5em; font-size:.9em; display:inline; background:url(/fontellas/img/bk.cabecera-h1.gif) left bottom repeat-x}
*:first-child+html form input[type=submit] { margin-left:9em; }
form input:hover,form textarea:hover,form input:focus,form textarea:focus { color:#ccc}
form label { display:block; float:left}


#global { width:100%; padding:0 }
#contenedor-global{ width:100%; float:left; clear:both; border:1px dashed #5a5858; }

#header {  width:100%; float:left; clear:both; padding:0; margin:0; border-bottom:1px dashed #5a5858;}

#header div { width:100%; float:right; border:0;}
#header div+div { width:100%; float:left; border-right:1px dashed #5a5858;}

ul.menu { margin:0; padding:0; float:left; width:100%; border-bottom:1px dashed #5a5858;}
ul.menu li { padding:0; float:left; margin:0; text-align:center; width:20%; }
ul.menu li+li {border-left:1px dashed #5a5858;}
ul.menu li a { display:block; padding:1.2em 0; text-decoration:none; font-size:1.1em; font-weight:normal }
ul.menu li a:hover,
ul.menu li.activo a{color:#000; text-decoration:underline }

ul.submenu { margin:0; padding:.5em 0; float:left; background:#001d33; clear:both; width:100%;}
ul.submenu li { padding:0 1em; color:#ccc; display:inline; margin:0;}
ul.submenu li a{ color:#ccc; text-decoration:none; font-size:.8em}
ul.submenu li a:hover,
ul.submenu li.activo a { text-decoration:underline}

ul.menuopciones { margin:0; padding:1em 0; float:left; clear:both; text-align:right;}
ul.menuopciones li { padding:0 1em; color:#999; display:inline; margin:0; }
ul.menuopciones li a { color:#999; font-size:.9em; text-decoration:none;}
ul.menuopciones li a:hover,
ul.menuopciones li.activo a { text-decoration:underline}

#header #logotipo { border:0; width:100%; min-height:0}
#header #logotipo p { padding:.5em;}

/*columnas*/
#contenido { padding:0; margin:0; width:100%; float:left;  }
.columna-izquierda { float:left; width:52%; padding:1%; border-right:1px dashed #5a5858;}
.columna-izquierda img { max-width:98%;}
.columna-derecha { width:42%; float:left; padding:1%; }


#footer { width:100%; clear:both; padding:1em 0; margin:0; border-top:1px dashed #5a5858;}
#footer p { color:#858387; text-align:center; padding:0; font-size:.9em;}
#footer p+p { color:#5f5c5c;}
#footer p a { color:#5f5c5c; text-decoration:none;}
#footer p a:hover { color:#999; text-decoration:underline}

#reproductor { display:none}




.noticia-portada { width:100%;}
.noticia-portada p { padding:1em .5em; text-align:justify}
.noticia-portada p img { float:left; padding:0 1em .5em 0}

.marcas { width:100%; border-top:1px dashed #5a5858; float:left; clear:both}
.marcas ul { width:100%; padding:1.2em 0 1em 1em;}
.marcas ul li { float:left; clear:none; height:9.5em; padding-right:2em;}
.marcas ul li p { padding:.5em 0 0 0;}
.marcas ul li p img { vertical-align:top; padding-right:.5em;}

#galeria {border-bottom:1px dashed #5a5858; float:left; clear:both}
.foto-empresa { border:1px solid #5a5858; width:50%;  padding:.1em; margin:2em 0 0 1em;}
.foto-empresa p { padding:1em;}



/* noticias */
.historico-noticias { float:left; clear:both; width:18em; padding:1em 1em 1em 1.5em}
.lista-noticias { float:left; width:50%;}
.lista-noticias ul li { padding:0 0 2em 0}
.lista-noticias ul li p { text-align:justify}
.lista-noticias ul li p img { float:left; padding:0 1em .5em 0}

.historico-noticias h1 { border:1px solid #5a5858; text-transform:none; margin-bottom:0; font-size:1.05em; padding:.5em 0 .5em .5em; width:auto;}
.historico-noticias ol { border:1px solid #5a5858; padding:1em; border-top:0; width:10.1em}
.historico-noticias ol li { color:#999}
.historico-noticias ol li span { cursor:pointer}
.historico-noticias ol li span:hover,
.historico-noticias ol li.activo span, 
.historico-noticias ol li ol li.activo a,
.historico-noticias ol li.activo ol li.activo a,
.historico-noticias ol li.activo ol li a:hover,
.historico-noticias ol li ol li a:hover { color:#fff;}
.historico-noticias ol li ol li a {color:#999; text-decoration:none;}
.historico-noticias ol li ol { border:0; width:8.1em; padding-top:.5em; padding-bottom:.5em}

.columna-derecha p a { text-decoration:none; color:#999; font-weight:bold}
.columna-derecha p a:hover { color:#fff; }

.trabaja-nosotros { width:95%; border:1px solid #5a5858; margin:2em 0 1.5em 1.5em; }
.trabaja-nosotros h1 { text-transform:none; margin-bottom:0; padding-top:0}
.trabaja-nosotros div {border-top:1px solid #5a5858; padding:.5em 0}
.trabaja-nosotros div p { padding:.3em 1em;}
.trabaja-nosotros div ul { padding:.3em 1em .3em 2.5em; list-style:disc}
.trabaja-nosotros div ul li { padding:.1em;}

.listado-empresas li { padding:.6em 0;}
.listado-empresas li+li {border-top:1px dashed #5a5858;}
.listado-empresas p { padding:.1em 0; font-size:.9em}

#mapa { width:100%; height:30em; margin:1.5em 0;}
#mapa p { color:#333;}

.formulario-contacto { padding:1em;}
.columna-izquierda .formulario-contacto p { padding-top:1em}
.formulario-contacto div { width:100%; padding:.4em 0; float:left; clear:both}
.formulario-contacto label { width:9em; padding-top:.15em}
.formulario-contacto input[type=text] { width:12em;}
.formulario-contacto textarea { width:29em; height:14em}
.columna-izquierda p.error { background:#666; color:#ccc; padding:.1em 1em;}

.listado-estructura { width:100%; padding:1em 0; float:left}
.listado-estructura li { padding:1em 0; width:100%; clear:both}
.listado-estructura li div.detalle-empresa:hover { border:1px solid #777;}
.listado-estructura li div.detalle-empresa:hover div+div { border-left:1px solid #777; }
.listado-estructura div.detalle-empresa { border:1px solid #222; float:left;}
.listado-estructura div.detalle-empresa div { float:left; border:0; background:#000; float:left; padding:.1em;}
.listado-estructura div.detalle-empresa div img { vertical-align:text-top; padding:.1em .2em;}
.listado-estructura div.detalle-empresa div+div { padding:.7em .5em .2em .5em; min-height:5em; border-left:1px solid #222; background:#000 url(/fontellas/img/bk.listado-empresas.gif) left bottom repeat-x}
.listado-estructura div.detalle-empresa div strong { display:block}
.listado-estructura div.detalle-empresa div a { text-decoration:none; color:#ccc}
.listado-estructura ol { padding-left:1.7em;}
.listado-estructura ol li { padding:.3em .7em 0 0; width:auto; clear:none; list-style:disc}