/* Previo por archivos externos ha cargado reset.css y 960.css */
/* ESTILOS GENERALES */

*{ margin: 0; padding: 0; border: 0;}

body {
font-family: 'Trebuchet MS', Verdana, Arial;
font-size: 13px;
color: #666;
background: url('../imagenes-maquetacion/back-page-1600x850.png');
background-repeat: no-repeat;
background-position: center top;
background-color: #fff;
padding: 0;
margin: 0;
width: 100%;
display: table;
}

li {
list-style: none;
display: inline;		
}

a { 
font-family: 'Trebuchet MS';
font-size: 14px;
color: #999;	 
font-weight: 800;  
word-spacing: 5px;
margin-left: 12px;
text-decoration: none;	
}

#top-barra a:hover { text-decoration: none; }

p {
line-height: 1.8em;
padding-top: 10px;
padding-bottom: 10px;
} 

h1 { 
font-size: 11px;
color: #999;
text-transform: uppercase;
font-weight: 700;
font-style: italic;
padding-top: 10px;
padding-bottom: 10px;
}

h2 {
font-size: 10px;
text-transform: uppercase;
font-weight: 950;
padding-top: 5px;
padding-bottom: 5px;
}

h3 {font-size: 11px;}

/* ESTILOS TOP */

#llamada-logo {
padding-top: 20px;
width: 30px;
height: 27px;
}

#top-logo {      
padding-top: 5px;
margin-left: 50px;
width: 126px;
height: 57px;
}

#top-barra {
padding-top: 7px;
overflow: hidden;
text-align: right;	 
}

#inicio, inicio-activo {
width: 78px;
height: 48px;
}

#soy, soy-activo {
width: 76px;
height: 48px;
}

#portafolio, portafolio-activo {
width: 109px;
height: 48px;
}

#contacto, contacto-activo {
width: 96px;
height: 48px;
}

#llamada-barra {
padding-top: 15px;
padding-left: 15px;
margin-left: 77px;	 
width: 30px;
height: 31px;
}

/* ESTILOS SIDEBAR */

#sidebar { padding-top: 20px; }

#sidebar li {
display: list-item;
padding-top: 25px;
}

#sidebar-papel {
padding-top: 18px;
}

#sidebar-mensaje  {
width: 206px;
height: 173px;
}

#llamada-enlaces {
padding-top: 100px;
width: 39px;
height: 197px;
}

#llamada-mensaje {
padding-top: 100px;
width: 40px;
height: 31px;
}

#enlaces {
width: 219px;
height: 89px;
}

#sidebar ul li a {
text-decoration: none;
}

#quiero-ver {
width: 157px;
height: 20px;
}

#flecha1, flecha2, flecha3, flecha4 {
width: 30px;
height: 17px;
}

/* ESTILOS BODY-BLOQUE1 */

#body-bloque1 { padding-top: 20px; }

#body-bloque1-inicio {
background: url('../imagenes-maquetacion/body-bloque1-inicio-540x54.png');
background-repeat: no-repeat;
height: 54px;
}

#body-bloque1-medio {
background: url('../imagenes-maquetacion/body-bloque1-medio-540x61.png') repeat;
}

#body-bloque1-final {
background: url('../imagenes-maquetacion/body-bloque1-final-540x66.png');
background-repeat: no-repeat;
padding-top: 9px;
height: 66px;
}

#llamada-info {
padding-top: 100px;
padding-left: 10px;
width: 43px;
height: 441px;
}

/* ESTILOS BODY-BLOQUE2 */

#body-bloque2 {
text-align: center;
height: 119px;
}

#body-bloque2 img {
padding-top: 12px;
width: 106px;
height: 109px;
}

#llamada-bocetos {
padding-top: 5px;
width: 40px;
height: 119px;
}

#llamada-mas-bocetos {
padding-left: 10px;
padding-top: 5px;
width: 40px;
height: 119px;
}

#footer-copyrights {
text-align: left;
}

#footer-bar {
text-align: right;
}

/* ESTILOS DEL SEPARADOR */

#separador1, separador2 {
width: 780px;
height: 30px;
}

/* ESTILOS FORMULARIO */

form { width: 220px; }

label {
padding-top: 20px;
font-size: 12px;
font-family: 'Trebuchet MS', Verdana, Arial;
color: #999;
display: block;
} 

.campo {
width: 218px;
height: 18px;
border: 1px Solid #999;
background-image: url('../imagenes-maquetacion/back-formu-text-220x20.png');
background-repeat: no-repeat;
color: #333;
font-family: 'Trebuchet MS', Verdana, Arial;
font-size: 12px; 
}

.campo:hover {
background-image: url('../imagenes-maquetacion/1.png');
} 

#comentario {
width: 220px;
height: 70px;
border: 1px Solid #999;
background-image: url('../imagenes-maquetacion/back-formu-text-220x70.png');
background-repeat: repeat;
} 

#comentario:hover {
background-image: url('../imagenes-maquetacion/2.png');
} 

#boton-enviar {
width: 79px;
height: 24px;
border: 1px Solid #999;
background-image: url('../imagenes-maquetacion/boton-enviar-73x18.png');
color: #ccc;
font-size: 2px;
}

#tan-pronto {
position: absolute;
top: 300px;
right: 30px;
background-image: url('../imagenes-maquetacion/tan-pronto-181x127.png');
background-repeat: no-repeat;
width: 181px;
height: 127px;
} 

/* ESTILOS DE LA GALERIA */

#galeria { text-align: center; }

#galeria-imagenes {
width: 400px;
height: 300px;
padding-bottom: 5px;
}

#galeria-botones {		  
width: 34px;
height: 34px;
display: inline;
overflow: hidden;
}

/* ESTILOS DE VALIDACION */

#validacion {
display: inline;
overflow: hidden;
width: 100%;
height: 30px;
background-color: #efefef;
border: solid 1px #cacaca;
}

/* FIN DE ESTILOS */