/*css*/

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

body { padding:4.6em 0 1em 0; margin:0; background:url(/img/bk.fondo.jpg) center -7em no-repeat; font:.8em/1.1em "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#4d4d4d;}

h1 { margin:0 1em 0 0; clear:both; padding:.3em 0; color:#ed6e00; text-transform:uppercase; font-size:1.4em; font-weight:bold;}
h2 { color:#333; margin:1em 1em 0 0; padding:.3em .5em; font-size:1.2em}


a { color:#000; text-decoration:none}
a:hover { color:#4d4d4d; text-decoration:underline}
a img { border:0;}

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


ul, ol { margin:0 0 0 .5em; padding:.5em 0; list-style:none}
ul li { padding:.1em 0;}

fieldset { border:0; padding:0;}
fieldset legend { display:none}


#global  { margin:0 auto; width:73em;}
#contenido { width:100%; float:left; clear:both; height:65em;}

/*cabecera*/
#header { width:100%; float:left; padding-bottom:2em; clear:both}
.logotipo { float:left; width:25em;}
.logotipo p { padding:.5em 0 0 0; margin:0;}
.facebook { float:left; padding:5.7em 0 0 5em; width:20em;}


/*menu*/
.menu { float:left; padding:10.2em 0 0 0; margin:0; width:21em;}
.menu li { display:inline; padding:0 .5em; margin:0;}
.menu li a { padding:.4em 1em; color:#fff; background:#1a0b0c; text-decoration:none; font-size:1.2em;}
.menu li a:hover,
.menu li.activo a{ color:#1a0b0c; background:#fcca18; text-decoration:none }

.menu-inferior { width:100%; padding:2em 0 1em 0; float:left;}
.menu-inferior li { width:23.5%; float:left; padding:0 0 0 2%; margin:0 1.5% 0 -2%;}
.menu-inferior li span { display:block; padding:1em 0; border-top:1px dashed #ccc}
.menu-inferior li span img { border:2px solid #ccc}
.menu-inferior li:hover span img { border-color:#fcca18}

.menu-superior { width:100%; list-style:none; margin:0 0 1.5em 0; border-bottom:1px solid #ccc; border-top:1px solid #ccc; padding:1em 0 1em 0; float:left;}
.menu-superior li { display:inline; padding:0 3em 0 1em;}

.menu-carta { width:20em; float:right; background:url(/img/bk.propuestas.gif) 2em 0 no-repeat; height:10em; padding:4em 0 0 3em;}
.menu-carta li { padding:2em 0 0 0;}
.menu-carta li a { font-weight:bold; font-size:1.1em; color:#666}
.menu-carta li a:hover { text-decoration:none; color:#3d2e1d}


#footer { border-top:1px solid #d6d4d3; float:left; width:100%; padding:1em 0; margin:1em 0;}
#footer img { float:left}
#footer p { display:block; width:70%; float:right; text-align:right}

/*contenidos*/
.fotos-seccion { width:934px; float:left; height:29em; overflow:hidden;}
.fotos-seccion p { display:none}
.fotos-seccion ul { width:4000em; float:left; padding:0; margin:0;}
.fotos-seccion ul li { float:left;}

.fotos-nav { position:absolute; list-style:none; top:31em; width:65em; left:50%; margin-left:-32.5em;}
.interior { top:38em;}
.fotos-nav li { width:50%; float:left;}
.fotos-nav li.dcha { width:50%; text-align:right; float:left;}
.fotos-nav li img { cursor:pointer;}

.texto { width:100%; float:left; padding:1em 0 0 0;}
.texto p { color:#808180; padding:.2em 0; font-size:1.1em; line-height:2em; text-align:justify}
.texto p a { text-transform:uppercase; color:#3d2e1d; font-weight:bold}
.texto p strong { color:#3d2e1d}

.contacto { width:100%; padding-bottom:2.5em; float:left;}
.contacto .columna { width:40%; float:left; text-align:center}
.contacto .dcha { float:right; padding-right:5em}
.contacto .columna .col2 { text-align:left; width:50%; float:left}
.contacto .columna #mapa { width:29em; height:20em;}
.contacto .columna #mapa div span { display:none}
.contacto .columna .col2 img { margin:6.2em 0 0 4.5em}
.contacto .columna .col2 p.ico-email { padding: .2em 0 .2em 2.5em; background:url(/img/ico.sobre-contacto.gif) 0 .5em no-repeat }
.contacto .columna .col2 p.ico-telf { padding: .5em 0 .5em 2.5em; background:url(/img/ico.telf-contacto.gif) 0 0 no-repeat }