/* ESTILOS GENERALES */

html, body {font:11px 'HelveticaNeue-Thin', 'Trebuchet MS', Verdana, Arial, sans-serif; color:#FFF;}
body {margin:0; padding:0; background:#333;}
img {border:0 none;}
#principal {position:absolute; left:50%; width:955px; margin-left:-478px; top:50%; height:540px; margin-top:-275px; padding:0; background:#000; border:1px solid #999; background:#000 url(../imagenes/fondo_interiores.jpg) no-repeat bottom right;}


/* ESTILOS CABECERA */

#logotipo h1 {margin:14px 0 0 47px; padding:0; width:74px; height:70px; background:#000 url(../imagenes/logotipo_josu_izarra.png) no-repeat center top !important;}
#logotipo span {display:none;}


/* ESTILOS MENU */

#menu {margin:-10px 0 0 0; padding:0; font:11px 'HelveticaNeue-Thin', 'Trebuchet MS', Verdana, Arial, sans-serif; height:27px;}
#menu ul {margin:0 0 0 225px; padding:0;}
#menu li {margin:0 5px; padding:7px 0px 10px 0px; width:120px; text-align:center; list-style-type:none; float:left;}
#menu li a {color:#FFF; text-decoration:none; display:block;}
#menu li a:hover {color:#CCC;}


/* CONTENIDOS */

#contenedor {position:absolute; left:0; top:112px; margin:0; padding:20px; width:915px; height:255px;}
#contenedor_peq {position:absolute; left:200px; top:25px; margin:0; padding:0; width:490px; height:360px; overflow:visible;}
#contenidos {margin:0; padding:0 0 20px 40px;}
#contenidos h2 {margin:0; padding:0; color:#FFF; font-size:18px; letter-spacing:2.6pt; text-transform:uppercase; text-align:center;}
#contenidos h3 {margin:0; padding:0; color:#FFF; font-size:14px; letter-spacing:2.6pt; text-transform:uppercase;}
#contenidos p {margin:0; padding:10px 0; letter-spacing:2px;}
form {margin:10px 0 0; padding:0; letter-spacing:2px;}
#contactar label {display:block; margin:5px 0; color:#FFF;}
#contactar input {position:absolute; left:210px; margin:0; padding:1px 2px; width:270px; font:11px 'HelveticaNeue-Thin', Verdana, Helvetica, sans-serif ;color:#000; border:1px solid #FFF; letter-spacing:2px;}
#contactar textarea {/*padding:0 2px; margin:-12px 0 0 110px; height:80px;*/ position:absolute; left:210px; padding:1px 2px; margin:0; width:270px; font:11px 'HelveticaNeue-Thin', Verdana, Helvetica, sans-serif ;color:#000; border:1px solid #FFF; letter-spacing:2px;}
#premios {position:absolute; bottom:45px; left:755px; width:191px; height:60px; background:transparent url(../imagenes/premios.png) no-repeat left top;}
/* Botones subir/bajar */
#btnUp {position:absolute; top:10px; right:-50px; width:37px; height:32px;list-style:none; cursor:hand;}
#btnDown {position:absolute; bottom:10px; right:-50px; width:37px; height:32px; list-style:none; cursor:hand;}
#btnReset {position:absolute; top:0; left:0; visibility:hidden;}


/* PIE */

#pie p {margin:410px 0 0 0; padding:0; text-align:center; color:#CCC;}


/* ESTILOS AYSER.COM - ESPECIALISTAS EN DISEÑO GRÁFICO, PROYECTOS WEB Y POSICIONAMIENTO EN BUSCADORES */

#ayser {margin:15px 10px 0 0; padding:0;}