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; font-family:Verdana}
* {	margin:0;padding:0}
body{margin:30px auto; color:#333; background:#f9f9f9 url(../images/bg.png) repeat}
a {color:#A7A397; text-decoration:none}
a:visited {}
a:hover, a:active{text-decoration:underline}
img{border:0}
h4, h3, h2, p{font:normal 0.7em Verdana;line-height:1.6em}
#header{width:800px;margin: 0px auto}
#title {background: url(../images/logotipo.png) no-repeat left center; width:500px; height:50px}
#seccion{float:left}
#contenido {width:800px;margin: 0px auto; clear:both}
#imagenes {float: left;	width:530px;padding:5px}
#informacion {text-align:left;padding:0 10px;color:#333}
#texto {float:right;width:240px;text-align:left;padding:0 10px;color:#333}
#footer {clear:both; padding: 15px 5px 5px 5px ;color:#A7A397; text-align:center}
#footer a, a:visited{text-decoration:underline}
#footer a:hover{text-decoration:none}
#subtitle{clear:both; padding-top:10px; margin:15px 0}
#navlist{margin:0; padding:0; width:800px}
#navlist li {list-style:none;display:inline; margin:0; padding:0}
#inicio a{background: url(../images/m-inicio.png) no-repeat top left; width:104px; height:40px; float:left}
#inicio a:hover{background: url(../images/m-inicio.png) no-repeat bottom left}
#blog a{background: url(../images/m-blog.png) no-repeat top left; width:82px; height:40px;float:left}
#blog a:hover{background: url(../images/m-blog.png) no-repeat bottom left}
#autor a{background: url(../images/m-autor.png) no-repeat top left; width:97px; height:40px;float:left}
#autor a:hover{background: url(../images/m-autor.png) no-repeat bottom left}
#contacto a{background: url(../images/m-contacto.png) no-repeat top left; width:127px; height:40px;float:left}
#contacto a:hover{background: url(../images/m-contacto.png) no-repeat bottom left}
#index-menu{margin:0; padding:0; width:800px}
#index-menu li {list-style:none;display:inline; margin:0; padding:0}
#diseno-web a{background: url(../images/web.png) no-repeat bottom left; width:99px; height:500px; float:left}
#diseno-web a:hover{background: url(../images/web.png) no-repeat top left}
#plato a{background: url(../images/contenido.png) no-repeat left; width:354px; height:500px;float:left}
#plato a:hover{cursor:default}
#diseno-grafico a{background: url(../images/grafico.png) no-repeat bottom left; width:133px; height:500px;float:left}
#diseno-grafico a:hover{background: url(../images/grafico.png) no-repeat top left}
#publicidad-marketing a{background: url(../images/publicidad.png) no-repeat bottom left; width:190px; height:500px;float:left}
#publicidad-marketing a:hover{background: url(../images/publicidad.png) no-repeat top left}
#descripcion{background: url(../images/descripcion.png) no-repeat left; width:150px; height:20px}
#fecha-creacion{background: url(../images/fecha-creacion.png) no-repeat left; width:150px; height:20px}
#autores{background: url(../images/autores.png) no-repeat left; width:150px; height:20px}
#direccion-web{background: url(../images/direccion-web.png) no-repeat left; width:150px; height:20px}
#nombre, #e-mail, #web {background:#fff; width:360px;border:1px solid #A7A397;padding:5px;font:normal 1em Verdana; color:#A7A397}
#comentario {background:#fff; border:1px solid #A7A397;width:360px;height:128px; color:#A7A397;font:normal 1em Verdana; padding:5px}
#enviar, #borrar {background:#A7A397;font:bold 1em Verdana;border:none; color:#fff; padding:5px}
.form-small{font-size:0.8em}
#enviado{padding:60px 0}
label.error {color:#F00; padding: 4px ; font: normal 0.8em Verdana; background:#fcc; margin-left:10px}
.caption {font-size:0.7em; color:#A7A397; text-transform:lowercase}
#main_image {margin:0 auto 40px auto;height:282px;width:450px;border:1px solid #cac8c1;padding:2px; background:#fff; }
#main_image img {margin-bottom:10px}
.galleria{list-style:none;width:456px;margin:0px auto}
.galleria li{display:block;width:65px;height:41px;overflow:hidden;float:left;margin:2px 3px 2px 2px; border:1px solid #cac8c1;padding:2px; background:#fff}
#main_image_vertical {margin:0 auto 40px auto;height:637px;width:450px;border:1px solid #cac8c1;padding:2px; background:#fff}
#main_image_vertical img {margin-bottom:10px}
.blogger{background: url(../images/blogger.png) no-repeat left; margin: 0px 8px 0px 0px; padding-left:20px}
.twitter{background: url(../images/twitter.png) no-repeat left; margin: 0px 8px 0px 0px; padding-left:20px}
.friendfeed{background: url(../images/friendfeed.png) no-repeat left; margin: 0px 8px 0px 0px; padding-left:20px}
.linkedin{background: url(../images/linkedin.png) no-repeat left; margin: 0px 8px 0px 0px; padding-left:20px}
.facebook{background: url(../images/facebook.png) no-repeat left; margin: 0px 8px 0px 0px; padding-left:20px}
.email-contacto{background: url(../images/email.png) no-repeat left; margin: 0px 8px 0px 0px; padding-left:20px}
#lista-trabajo{list-style:none; font: normal 0.7em Verdana}
#lista-trabajo li{margin:15px 0}
#grafico{background: url(../images/w-grafico.png) no-repeat left; width:200px; height:30px}
#multimedia{background: url(../images/w-multimedia.png) no-repeat left; width:200px; height:30px;padding-top:15px}
#maquetacion{background: url(../images/w-maquetacion.png) no-repeat left;width:200px;height:30px;padding-top:15px}
#webs{background: url(../images/w-webs.png) no-repeat left; width:200px; height:30px}
#blogs{background: url(../images/w-blogs.png) no-repeat left; width:200px; height:30px;padding-top:15px}
#publicidad{background: url(../images/w-publicidad.png) no-repeat left; width:200px; height:30px}
#spot{background: url(../images/w-spots.png) no-repeat left; width:200px; height:30px;padding-top:15px}
#internet{background: url(../images/w-internet.png) no-repeat left; width:200px; height:30px; padding-top:15px}
#internet span, #spot span, #publicidad span, #blogs span, #webs span, #maquetacion span, #multimedia span, #grafico span, #direccion-web span, #descripcion span, #fecha-creacion span, #autores span, #diseno-web span, #diseno-grafico span, #publicidad-marketing span, #plato span, #contacto span, #autor span, #blog span, #inicio span, #title span, #navlist span, #contenido span{display:none}
#info-javi{float:right;width:46%;padding:0 5px}
#info-laura{float:left; width:46%; padding:0 5px}