/* formateo estilos */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, a:link, a:hover, a:visited, a:active, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: none; font-size:100%; vertical-align: baseline; background: transparent}
#preloader{position:absolute; text-align:center; padding:30% 0; left:0; top:0; width:100%; height: 100%; background: url(../images/fondo.jpg) repeat}

/* estilos base */
html{background:url(../images/fondo.jpg) repeat}
body{background:url(../images/header.jpg) no-repeat center top; padding:0; margin:0; font-family: Courier New}
a:link, a:visited{color:#785126}
a:hover{text-decoration:none}
p, h3{font:normal 12px Courier New; color:#333; line-height:22px; text-align:justify; margin:0px 20px}
h5{font:normal 11px Courier New; color:#333}

/* estructura */
#all{padding-top:320px; margin:0px auto; width:780px;}
#header span{display:none}
#content{width:740px; padding:10px 20px 0px 20px; background:url(../images/content.jpg) repeat-y center top; clear:both}
#pre-footer{background: url(../images/pre-footer.jpg) no-repeat center top; width:780px; text-align:center; clear:both; height:20px; padding-top:10px }
#footer{background: url(../images/footer.jpg) no-repeat center top; margin:0; padding:0; height:70px}
#footer span{display:none}

/* menu */
#menu{width:780px; background:url(../images/menu-bottom.jpg) no-repeat center bottom; height:68px}
#menu li {list-style:none;display:inline; margin:0; padding:0}
#inicio a {background:url(../images/menu-inicio.jpg) no-repeat center top; height:60px;width:122px; float:left;margin-left:10px}
#inicio a:hover, #inicio .current{background-position: center bottom}
#bio a {background:url(../images/menu-bio.jpg) no-repeat center top; height:60px;width:75px; float:left;margin-left:35px}
#bio a:hover, #bio .current{background-position: center bottom}
#galeria a {background:url(../images/menu-galeria.jpg) no-repeat center top; height:60px;width:148px; float:left;margin-left:35px}
#galeria a:hover, #galeria .current{background-position: center bottom}
#contacto a {background:url(../images/menu-contacto.jpg) no-repeat center top; height:60px;width:170px; float:left;margin-left:35px}
#contacto a:hover, #contacto .current{background-position: center bottom}
#contacto span, #galeria span, #bio span, #inicio span{display:none}
#title span{display:none}

/* modulos */
#modulos{overflow:auto; padding:0; margin:0px auto; clear:both}
#modulo1 span, #modulo2 span, #modulo3 span{display:none}
#modulo1{width:230px; padding:5px; background:url(../images/modulo1.jpg); height:104px; float:left; margin-top:10px; font:normal 11px Verdana; line-height:16px; text-align:center}
.socialmedia{margin: 10px 5px 0 5px;}
#modulo2{width:230px; padding:5px; background:url(../images/modulo2.jpg); height:104px; float:left; margin:10px 10px 0 10px;font:normal 11px Verdana; line-height:16px; text-align:center}
#modulo3{width:230px; padding:5px; background:url(../images/modulo3.jpg); height:104px; float:left; margin-top:10px;font:normal 11px Courier New; color:#333;line-height:16px; text-align:right}
#modulo3 p{margin: 5px 15px 0 0; text-align:right}

/* reproductor */
#btn1, #btn2, #btn3, #btn4{font: bold 11px Courier New; border:none; padding:4px; background:none; color:#333}
#btn1:hover, #btn2:hover, #btn3:hover, #btn4:hover{cursor:pointer}
#songTitle {margin-top : 0; padding-top : 1em; padding-bottom : 1em;font: normal 11px Courier New; color:#333}

/* libro visitas y formulario contacto*/
#main{margin: 0 50px; text-align:left; font-size:12px;line-height:22px;}
label.error {color:#F00;padding: 4px;font: normal 0.9em Courier New;background:#fcc;margin-left:10px}
#nombre, #web, #e-mail, #verificacion {background:url(../images/text.png) no-repeat top left; width:367px; border:none; height:21px;padding:5px;font:normal 1em Courier New; color:#333}
#comentario {background:url(../images/textarea.png) no-repeat top left; border:none;width:366px;height:135px; color:#333;font:normal 1em Courier New; padding:5px}
#enviado{padding:60px 0}
#enviar {background:url(../images/enviar.png) no-repeat top left; border:none; width:150px; height:40px}
#borrar {background:url(../images/borrar.png) no-repeat top left; border:none; width:150px; height:40px}

/* galeria */
#multimedia li{list-style:none; display:block; float:left; margin:7px; width:140px; height:168px; padding:10px; background:url(../images/foto.jpg) no-repeat top left; font-size:11px}