/* CSS Document */

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

body { 
	background:#0c180e url(../img/bgs/body.jpg) top center repeat-y;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

a { color:#f01823; text-decoration:none; } a:hover { border-bottom:1px dashed #f01823; }

#wrapper { width:794px; margin:20px auto; }
#wrapper .fondoTop { background:url(../img/png/top-wrapper-trans.png) no-repeat; height:7px; }
#wrapper .fondoLaterales { background:url(../img/png/lateral-wrapper-trans.png) repeat-y; overflow:hidden; height:1%; }
#wrapper .fondoBottom { background:url(../img/png/bottom-wrapper-trans.png) no-repeat; height:7px; }

#contenedor {
	background:#fff;
	margin:0 8px;
	padding:5px;
}

#contenedor .borderContenedor {
	border:2px solid #787878;
	padding:14px;
}

#header { overflow:hidden; height:1%; margin-bottom:23px; }
#header .left h1 a { display:block; background: url(../img/logo/logo.gif) no-repeat; width:419px; height:78px; border-bottom:none !important }
#header .left h1 a span { display:none; }

#header .right ul { list-style:none; }
#header .right ul li { float: left; margin-left:40px; margin-top:43px; display:inline }
#header .right ul li a { display:block; height:13px; background-position: left bottom; background-repeat:no-repeat; border-bottom:none !important } #header .right ul a:hover { background-position:left 1px; }
#header .right ul li a.bio { background-image:url(../img/btns/btn_biografia.gif); width:60px; } 
#header .right ul li a.trabajos { background-image:url(../img/btns/btn_trabajos.gif); width:59px; }
#header .right ul li a.contacto { background-image:url(../img/btns/btn_contacto.gif); width:59px; }
#header .right ul li a span { display:none; }

body#bio #header .right ul li a.bio,
body#trabajos #header .right ul li a.trabajos,
body#contacto #header .right ul li a.contacto
{ cursor:default; background-position:left 1px; }

.ilust { width:733px; height:131px; margin:0 auto; margin-bottom:23px; }
body#bio .ilust { background:url(../img/misc/ilust-bio.jpg); }
body#trabajos .ilust { background:url(../img/misc/ilust-trabajos.jpg); }
body#contacto .ilust { background:url(../img/misc/ilust-contacto.jpg); }

#footer { text-align: center; color:#979797; font-size:10px; text-transform:uppercase; padding-top:40px;}

ul.galeria { list-style:none; }
ul.galeria li { display:inline; }
ul.galeria li a { border-bottom:none !important; } ul.galeria li a img { border:2px solid white; } ul.galeria li a:hover img { border:2px solid #f01823; }

/* TIPOGRAFIA */
h2 { text-transform:uppercase; }
h3  { font-family:Georgia, "Times New Roman", Times, serif; color:#868686; font-size:21px; letter-spacing:-1px; font-style:italic; font-weight:normal; margin:15px 0 }
p { margin:15px 0; text-align:justify}

	p.mail, p.direccion { padding-left:22px; }
	p.mail { background:url(../img/misc/ico-mail.gif) no-repeat left 2px; }
	p.direccion { background:url(../img/misc/ico-direccion.gif) no-repeat top left; }	

h2.bio span, h2.trabajos span, h2.contacto span { display:none; }
h2.bio { display:block; background:url(../img/misc/title-bio.gif); width:172px; height:28px; margin-bottom:20px }
h2.trabajos { display:block; background:url(../img/misc/title-trabajos.gif); width:172px; height:28px; margin-bottom:20px }
h2.contacto { display:block; background:url(../img/misc/title-contacto.gif); width:176px; height:28px; margin-bottom:20px }

/* CLASES VARIAS */
.left { float:left; }
.right { float:right; }
.both { clear:both; }

.alignright { float: right; margin-left:20px; }