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

* { margin: 0; padding: 0; }
body { background: #FFF; text-align: center; font: normal 12px "Century Gothic", Arial, Helvetica, sans-serif; color: #333; }
#continente { margin: 10px auto; background: #FFF; width: 990px; }
a img { border: 0; }
a  { text-decoration: underline; font-weight: bold; }
a:link, a:visited{ color: #666; }
a:hover, a:visited:hover { color: #C60; }

/* ### CABECERA ### */

#cabecera { width: 990px; height: 75px; background: url("/img/cabecera.gif") top left no-repeat; text-align: left; }
#menu { float: right; text-align: right; width: 750px; line-height: 20px; margin-top: 15px; color: #666; }
#menu a  { text-decoration: none; font-weight: normal; }
img.logo { width: 230px; height: 75px; border: 0; }

/* ### CUERPO ### */

#contenido { clear: both; width: 990px; text-align: justify; }

#portada { clear: both; margin: 10px auto; width: 990px; height: 400px; text-align: center; }
.inicio { background: url("/img/cabeceras/inicio.jpg") top center no-repeat;}
.contacto { background: url("/img/cabeceras/contacto.jpg") top center no-repeat;}
.empresas { background: url("/img/cabeceras/empresas.jpg") top center no-repeat;}
.foto { background: url("/img/cabeceras/foto.jpg") top center no-repeat;}
.web { background: url("/img/cabeceras/web.jpg") top center no-repeat;}
.initial { background: url("/img/cabeceras/inicio.jpg") top center no-repeat;}
.contact { background: url("/img/cabeceras/contacto.jpg") top center no-repeat;}
.business { background: url("/img/cabeceras/empresas.jpg") top center no-repeat;}
.photo { background: url("/img/cabeceras/foto.jpg") top center no-repeat;}
.website { background: url("/img/cabeceras/web.jpg") top center no-repeat;}
.error { background: url("/img/cabeceras/error.jpg") top center no-repeat;}
#general { clear: both; width: 990px; text-align: center; }
#aviso { float: right; width: 360px; height: 260px; margin: 70px; }
#aviso h3 { font: bold 24px "Century Gothic", Arial, Helvetica, sans-serif; line-height: 50px; color: #C60; text-transform: uppercase; }
#aviso p { padding-bottom: 10px; font-size: 16px; }
#aviso ul { list-style: none; padding: 10px 20px; }

h1 { background: url("/img/barranaranja.gif") top center no-repeat #C60; color: #FFF; font: bold 18px "Century Gothic", Arial, Helvetica, sans-serif; line-height: 50px; padding-left: 20px; margin-bottom: 10px; }

#contenedor { width: 650px; float: left; text-align: justify; }
#contenedor h2 { background: url("/img/barragris.gif") top center no-repeat #999; color: #FFF; font: bold 16px "Century Gothic", Arial, Helvetica, sans-serif; line-height: 50px; padding-left: 20px; margin-bottom: 10px; }
#contenedor h3 { background: url("/img/icono.gif") center left no-repeat #FFF;font: bold 16px "Century Gothic", Arial, Helvetica, sans-serif; line-height: 50px; padding-left: 20px; margin: 10px 0px; color: #C60; }
#contenedor p { padding: 0 20px 10px 20px; }
#contenedor ul { margin-left: 20px; padding: 10px 20px; text-align: left; }

h4#error { background: #F00; color: #FFF; text-align: center; padding: 10px;}

.bloquetercio { width: 320px; height: 300px; background: url("/img/cajatercio.gif") top center no-repeat; float: left; }
.submenu { width: 320px; float: right; background: url("/img/pietercio.gif") bottom center no-repeat; padding-bottom: 20px; }
.cajatercio { width: 320px; background: url("/img/fondotercio.gif") top center no-repeat; }
.cajatercio h2, .bloquetercio h2 { font: bold 18px "Century Gothic", Arial, Helvetica, sans-serif; line-height: 40px; color: #C60; padding: 0 20px; border-bottom: solid 1px #BBB; }
.cajatercio p, .bloquetercio  p{ margin-left: 0px; padding: 0 20px 10px 20px; text-align: left; }
.cajatercio ul, .bloquetercio ul { margin-left: 20px; padding: 10px 20px; text-align: left; list-style: url("/img/icono.gif"); }
.cajatercio li, .bloquetercio li { padding: 0 0 7px 0; text-align: left; }

/* ### PIE ### */

#pie { clear: both; width: 990px; margin: 10px auto; background: #FFF; }
#pie div { padding-top: 10px; font: normal 10px Arial, Helvetica, sans-serif; color: #666; text-align: center; }
#pie a, #pie a:link, #pie a:visited { text-decoration: none; font-weight: normal; }
#pie a:hover, #pie a:visited:hover { font-weight: normal; }