/* 	Hoja de estilos CSS para diegodiaz.org
	Autor: Diego Diaz Plaza - www.diegodiaz.org
	Fecha: 13/03/2008  
*/

body { margin:0; padding:0; height:100%; background:#333 url(/img/bg_principal.jpg) repeat-y 50% 0; background-attachment:fixed; text-align:center; min-width:765px; font: 11px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Verdana, sans-serif; }
a,link,visited { color:#FFF; text-decoration:none; }
a:hover { color:#FFF; text-decoration:underline; }

h1 { font-size:14px; font-weight:normal; color:#999900; margin:0; padding:0 0 3px 0; }
h2 {}
h3 { font-size:14px; font-weight:normal; color:#999900; border-bottom:1px solid #292929; padding:0 0 3px 0; margin:0; text-align:left; }
h3.flickr { color:#0063DC; font-weight:bold; font-size:20px; }
h3.flickr span { color:#FF0084; }
em { font-size:11px; color:#666; margin:0 0 20px 0; font-style:normal; padding:0; }
label { cursor:pointer; }
p { color:#999; margin:0; padding:0 0 20px 0; }

#contenedor { width:765px; margin:0 auto; text-align:left; padding:0; }

#menu { float:left; width:765px; background:url(/img/bg_top.jpg) top left no-repeat; height:50px; margin:0; padding:0; font-size:11px; color:#999; }
#menu ul { list-style: none; margin: 0; padding: 0; border: none; }
#menu li { display: block; margin: 0; padding: 0; float: left; width: auto;	}
#menu ul li a { position:relative; display:block; text-indent: -9000px; text-decoration:none; border:0px; }
#menu #menu_portada a { background:url(/img/bot_portada.jpg) top left no-repeat; width:71px; height:50px; border:0px;	}
#menu #menu_portafolio a { background:url(/img/bot_portafolio.jpg) top left no-repeat; width:71px; height:50px; border:0px;	}
#menu #menu_fotografia a { background:url(/img/bot_fotografia.jpg) top left no-repeat; width:71px; height:50px; border:0px;	}
#menu #menu_contacto a { background:url(/img/bot_contacto.jpg) top left no-repeat; width:71px; height:50px; border:0px;	}
#menu #menu_portada a:hover, #menu #menu_portafolio a:hover, #menu #menu_fotografia a:hover, #menu #menu_contacto a:hover { background-position:0 -50px; }

#cabecera { width:765px; background:url(/img/bg_cabecera.jpg) top left no-repeat; height:111px; display:block; margin:0; }

/* CONTENIDO CENTRAL */
#contenido_central { width:493px; float:left; padding:20px 0 0 20px; margin:0 20px 0 0; }
#contenido_central ul { margin:10px 0 0 10px; padding:0; list-style-type:none; }
#contenido_central li { color:#999; margin:4px; padding:0 0 0 15px; list-style-type:none; background:url(../img/bullet.jpg) no-repeat 0px 5px; }

#contenido_central_portafolio { width:735px; float:left; padding:20px 0 0 20px; margin:0 20px 0 0; }

/* PORTAFOLIO */
.portafolio { width:735px !important; *width:735px !important; *width:700px; position:relative; }
.th_portafolio { width:200px; height:125px; margin:6px; }
.th_portafolio img { float:left; border: 4px solid #333; margin:12px; }
.th_portafolio img a { border:4px solid #666; }
.th_portafolio img:hover { border:4px solid #FFF; }
.titulos_portafolio { float:left; color:#666; text-align:right; width:64px; margin:25px 0 0 0; }
.info_portafolio { float:left; width:380px; color:#666; margin:14px 0 0 12px; }
.info_portafolio p { border-bottom:1px dotted #111; margin:0; padding:10px; }
.info_portafolio p.detalle { width: 345px; }
.info_portafolio p a { font-weight: bold; color: #FFF; text-decoration:none; border:none; }
.info_portafolio a:hover { color: #CCC; text-decoration: underline; }

/* FOTOGRAFIA */
.fotografia { width:735px !important; *width:735px !important; *width:700px; position:relative; }
/* GALERIA FOTOGRAFICA  */
.thumbs { text-align: center; margin:10px 0 0 0; }
.thumbs a {text-decoration: none; }
.thumbs img { vertical-align: middle; border:4px solid #999; margin: 10px 5px; }
.thumbs img:hover { border:4px solid #FFF; margin: 10px 5px; }

/* CONTENIDO LATERAL */
#contenido_lateral { width:197px; float:left; padding:3px; margin:20px 5px 0 0; }
#contenido_lateral img { float:left; margin:10px 5px 0 0; border:none; }
#contenido_lateral p { margin:10px 0 0 0; font-size:10px; color:#999; padding:3px; }
#contenido_lateral a,link,visited { color:#FFF; text-decoration:underline; }
#contenido_lateral a:hover { color:#FFF; text-decoration:none; }

/* PIE DE PAGINA */
#pie { width:765px; background:url(/img/bg_pie.jpg) top left no-repeat; height:64px; margin:0; padding:0; border-top:1px dotted #111; }
#pie .izq { float:left; margin:15px 0 0 10px; font-size:11px; }
#pie .izq small { font-size:10px; }
#pie .der { float:right; margin:15px 10px 0 0; font-size:11px; }
#pie .der small { font-size:10px; }
#pie .der span { color:#FF9900; }

/* CLASES */
.clear { clear:both; }
.clear-end { clear:both; margin:0 0 100px 0; }

/* CONTACTO */
.contacto { width:470px; border:1px solid #111; float:left; padding:10px; }
.contacto label { color:#999; float:left; display:block; clear:both; width:60px; text-align:left; cursor:pointer; padding:10px; }
.contacto input { background:url(../img/bg_input.jpg) top left repeat-x; height:41px; border:none; float:left; display:block; clear:both; width:300px; text-align:left; padding:10px; margin:0; }
.contacto textarea { padding:10px; background:url(../img/bg_textarea.jpg) top left; border:none; font-size:12px; width:450px; margin:0 0 5px 0; }
.contacto .bot_enviar { float:right; background:url(../img/bot_enviar.jpg) top left no-repeat; width:111px; height:42px; font-size:1px; color:#191919; text-indent:-9999px; cursor:pointer; }