@charset "utf-8";

html, body {background:#020202; color:#fff;}
div#wrapper { width:880px; margin:0 auto; }

.clearfix { display:inline-block; }
.clearfix:after { display:block;  visibility:hidden;  clear:both;  height:0;  content: "."; }

/* **************** HEADER **************** */
div#wrapper div#header { background: url(../img/header.jpg) top left no-repeat; height:182px; width:880px; text-indent:-9999px;}

/* **************** NAVIGATION **************** */
div#wrapper ul#nav { margin:10px 0; height:43px; }
	div#wrapper ul#nav li { float:left; }
		div#wrapper ul#nav li a { color:#fff; display:block; height:43px; float:left; background: url(../img/bg_nav.jpg) top left no-repeat; text-indent:-9999px;}
			div#wrapper ul#nav li#home a 			{width:189px;}
			div#wrapper ul#nav li#home a:hover, body#bd_index div#wrapper ul#nav li#home a {background-position:bottom left;}
			div#wrapper ul#nav li#info a 			{width:161px; background-position:-180px top;}
			div#wrapper ul#nav li#info a:hover, body#bd_info div#wrapper ul#nav li#info a {background-position:-180px bottom;}
			div#wrapper ul#nav li#trabajos a 		{width:156px; background-position:-350px top;}
			div#wrapper ul#nav li#trabajos a:hover, body#bd_trabajos div#wrapper ul#nav li#trabajos a {background-position:-350px bottom;}
			div#wrapper ul#nav li#contacto a 		{width:150px; background-position:-510px top;}
			div#wrapper ul#nav li#contacto a:hover, body#bd_contacto div#wrapper ul#nav li#contacto a {background-position:-510px bottom;}
			div#wrapper ul#nav li#vinculos a 		{width:224px; background-position:-660px top;}
			div#wrapper ul#nav li#vinculos a:hover, body#bd_vinculos div#wrapper ul#nav li#vinculos a {background-position:-660px bottom;}


/* **************** CONTENT **************** */
div#wrapper div#content 			     { background: url(../img/bg_content.jpg) bottom left no-repeat; width:860px; padding:10px; min-height: 470px; font-family: "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif;}
body#bd_index div#wrapper 	 div#content { background-image: url(../img/bg_home.jpg); }
body#bd_info div#wrapper 	 div#content { background-image: url(../img/bg_info.jpg); }
body#bd_index div#wrapper 	 div#content { background-image: url(../img/bg_home.jpg); }
body#bd_trabajos div#wrapper div#content { background-image: url(../img/bg_trabajos.jpg); }
body#bd_contacto div#wrapper div#content { background-image: url(../img/bg_contactos.jpg); }
body#bd_vinculos div#wrapper div#content { background-image: url(../img/bg_vinculos.jpg); }

div#wrapper div#content h3 { font-size:18px; text-transform: lowercase; border-bottom:1px solid #ccc; margin-top:0; letter-spacing: 2px;}
div#wrapper div#content h4 { font-size:16px;}
div#wrapper div#content ul {margin-bottom:20px;}
div#wrapper div#content ul li {margin:5px 0; font-size:14px;}
div#wrapper div#content ul li a {color:#98caef;}
div#wrapper div#content ul li a:hover {text-decoration: none; color:#fff}

/* contacto */
div#wrapper div#content form#contact_form {}
div#wrapper div#content form#contact_form label { margin:15px 0; display:block}
div#wrapper div#content form#contact_form label span.title { width:90px; float:left; color:#98CAEF; font-weight:bold; text-align:right; padding:0 10px 0 0}
div#wrapper div#content form#contact_form label input, div#wrapper div#content form#contact_form label textarea { padding:4px; width:250px; background:#010202 url(../img/bg_forms.gif) top left repeat-x; border:1px solid #fff; color:#fff; border-color:#fff #828483 #828483; height:20px; font-family:"Courier New", Courier, monospace; color:#CCCCCC}
div#wrapper div#content form#contact_form label textarea { height:130px;}
div#wrapper div#content form#contact_form input#btn_submit {float:left; -moz-border-radius:10px; -webkit-border-radius:10px; margin:0 0 0 270px; padding:3px; border:none; background:#666666; color:#fff; font-weight:bold; text-transform:uppercase; height:30px; width:90px; cursor:pointer; background:url(../img/bg_contactos.jpg) top left; border:1px solid #828483;}

body#bd_contacto div#wrapper div#content { position:relative}
div#wrapper div#content ul#contactInfo { position:absolute; right:250px; top:105px;}
div#wrapper div#content ul#contactInfo li { list-style-type:none; font-size:18px;}

/* home */
body#bd_index div#wrapper div#content { position:relative;}
body#bd_index div#wrapper div#content ul, body#bd_info div#wrapper div#content ul { margin:0 0 35px 0;}
body#bd_index div#wrapper div#content h3 { border:none; font-size:30px; text-transform:none; margin-top:20px; margin-bottom:35px;}
body#bd_index div#wrapper div#content p, body#bd_index div#wrapper div#content li, body#bd_info div#wrapper div#content li{ margin:20px 0; font-size:24px;}
body#bd_index div#wrapper div#content li, body#bd_info div#wrapper div#content li { margin:10px 0; list-style-type:none;}
body#bd_index div#wrapper div#content p, body#bd_index div#wrapper div#content li, body#bd_index div#wrapper div#content h3 { margin-left:50px;}