@import url("reset.css");


/* -- base html -- */
body {
	font: 62.5% "Lucida Grande", "Lucida Sans Unicode", arial, sans-serif;
	color: #15161E;
	background: #000 url(../img/bg.png) 50% 0;
}


/* -- core typography -- */
abbr, .small-caps {
	letter-spacing: 0.1em;
}
	p abbr, p .small-caps {
		font-size: 0.9167em; /* 11px */
	}
.amp {
	font-family: Palatino, Georgia, serif;
	font-style: italic;
}
a:link {
	font-weight: bold;
	text-decoration: none;
}
a:visited {
	
	font-weight: normal;
	text-decoration: none;
}


.disclaimer {
	color: #584b43;
	font: italic 1em Candara, georgia, serif;
	display: block;
	margin: 1em 0;
	text-indent: 0;
	text-align: right;
}
dd {
	/* 11px / 12px */
	font-size: 1.1em;
	line-height: 1.091;
	color: #a0783e;
}
dt {
	/* 12px / 12px */
	font-size: 1.2em;
	line-height: 1;
}
em {
	color: #584b43;
}
label {
	/* 11px / 19px */
	font-size: 1.1em;
	line-height: 1.7272;
	text-transform: uppercase;
}
h1{
	font-size:160%;
}

h2 {
	
	font-size:140%;
	letter-spacing: -0.03em;
	color: #36485C;
	text-transform: lowercase;
	text-shadow: #c4beb5 2px 2px 1px;
}
h3 {
	
	font-size:110%
	line-height: 1.2667;
	color: #069;
	text-transform: lowercase;
	text-shadow: #b8b2a5 2px 2px 1px;
}
	h3.work-title {
		/* 11px / 19px */
		font-size: 1.1em;
		line-height: 1.7272;
		font-family: inherit;
		text-transform: uppercase;
		color: inherit;
	}
h4 {
	/* 12px / 19px */
	font-size: 1.2em;
	line-height: 1.5833;
}

h5 {
	/* 12px / 19px */
	font-size: 0.8em;
	font-style:normal;
	font-weight:normal;
	line-height: 1.5833;
	color:#333;
	vertical-align:middle;
}

ul {
	margin-bottom: 0.5em;
}
ul li {
	/* 13px / 22px */
	font-size: 1.3em;
	line-height: 1.6923;
	margin-left: 1.5em;
	list-style: square;
}
ol li {
	/* 13px / 22px */
	font-size: 1.3em;
	line-height: 1.6923;
	margin-left: 24px;
	list-style: lower-roman;
}
	ul li h4, ol li h4,
	ul li p, ol li p {
		font-size: 1em;
	}
p {
	/* 12px / 19px */
	font-size: 1.2em;
	line-height: 1.5833;
	margin: 0 0 0.5em 0;
}
	p .accent {
		padding-bottom: 3px;
		border: none;
		background: url(../img/border-low.png) repeat-x left bottom;	
	}
#footer p {
	color: #53A9FF;
	text-transform: uppercase;
	margin: 0;
}
	#footer p a:link {
		color: #8d9ca5;
		font-weight: normal;
	}
	#footer p a:hover {
		color: #dbe6ec;
	}
	#footer .sep {
		color: #35302B;
		padding: 0 0.4em;
	}




/* -- to force a 100% height page -- */
body, html {
	height: 100%;
}
#container {
	width: 100%;
	min-height: 100%;
	position: relative;
	opacity: 0.99999;
}
#container .wrap {
	padding-top: 24px;
	padding-bottom: 110px;
	width: 100%;
	overflow: hidden;
}
#container .wrap2 {
	min-height: 478px;
}
#footer {
	width: 100%;
	position: absolute;
	bottom: 0;
	height: 68px;
}


																		/* -- base layout -- */
#container {
	background: url(../img/header1.gif) repeat-x 50% 0;
}
#container .wrap {
	background: url(../img/bg-top.png) repeat-x 50% 143px;
}
#container .wrap2 {
	/*background: url(../img/bg-seed.png) repeat-x 50% 119px;*/
}

/* -- header -- */
#header {
	background: #000 url(../img/htmlBG.png) repeat-x 50% 0;
	height: 118px;
}
#header .wrapper1 {
	background: url(../img/htmlBG.gif) no-repeat 50% 0;
	height: 118px;
}
#header .wrapper2 {
	width: 780px;
	margin: 0 auto;
	height: 118px;
	position: relative;
}
#header h1 {
	width: 173px;
	height: 116px;
	background: url(../img/logo.png) no-repeat 1px 1px;
	position: relative;
}
	#header h1 a:link, #header h1 a:visited {
		display: block;
		width: 220px;
		height: 97px;
		text-indent: -9000px;
		overflow: hidden;
		position: relative;
		z-index: 5;
	}
	/* -- script-generated span for hover -- */
	#header h1 span {
		display: block;
		width: 220px;
		height: 97px;
		position: absolute;
		top: 0;
		left: 0;
		background: url(../img/logo-hover.gif) no-repeat 1px 1px;
		z-index: 1;
	}
																		/* -- content area -- */
#stage {
	width: 750px;
	margin: 0 auto;
	padding: 20px 0;
	overflow: hidden;
	position: relative;
}
.column-1 {
	width: 460px;
	padding: 0 15px;
	float: left;
}
.column-2 {
	width: 215px;
	padding: 0 15px 0 10px;
	float: left;
}

.column-1 h1{
	color:#006A9D;
}

.column-2 h1{
	color:#006A9D;
}

.column-1 span{
	color:#004A6F;
	font-size:13px;
	font-weight:bold;
}

.column-2 span{
	color:#004A6F;
    font-size:13px;
		font-weight:bold;
}
																		/* -- footer -- */
#footer {
	padding-top: 52px;
	background: url(../img/bg-bottom.png) repeat-x 0 -1px;
}

#footer a:visited {
	color: #C5CECF;
}
#footer .wrapper1 {
	background: #291f18 url(../img/footer.jpg);
}
#footer .wrapper2 {
	width: 750px;
	margin: 0 auto;
	position: relative;
	height: 68px;
}
#footer p {
	position: absolute;
	right: 5px;
	bottom: 10px;
	width: 257px;
}

#footer .pie{
	position: absolute;
	color:#807e7e;
}

#footer .contact{
	width:315px;
	text-align:left;
	padding-bottom:7px;
	padding-top:7px;
	left:0px;
	top:5px;
	color:#A6A4A4;
			
		}
		
 		#footer .email{
	width:315px;
	text-align:left;
	padding-top:7px;
	left:0px;
	top:30px;
	color:#A6A4A4;
			
 		}
		
			#footer .email a{
				color:#5981c6;
				text-decoration:none;
			}
			
			#footer.email a:hover{
				text-decoration:underline;
			}

																		/* -- gratuitous decoration -- */
#container .wrap i {
	display: block;
	width: 362px;
	height: 13px;
	background: url(../img/colour-bars-top.gif) no-repeat 0 0;
	position: absolute;
	top: 11px;
	left: 50%;
	margin-left: 14px;
}
#container #stage i {
	display: block;
	width: 750px;
	height: 24px;
	background: url(../img/h2-overhang.png) no-repeat 0 0;
	position: absolute;
	top: 26px;
	left: 0;
	margin: 0;
}
#container .wrap i.deco1 {
	background-position: -362px 0;
}
#container .wrap i.deco2 {
	background-position: -724px 0;
}
#container .wrap i.deco3 {
	background-position: -1086px 0;
}
#container #footer i {
	top: 0;
	left: 0;
	background-position: 0 -1px;
	border-bottom: solid 1px #241b18;
	height: 12px;
}



/* -- header nav -- */
																		
#menu { float: right; position: absolute;
	top: 0;
	right: 12px;}
#menu ul { list-style: none; }
#menu ul li { float: left; }

#menu ul li a { 
	top:0;
	font-size:14px;
	float: left; 
	display: block;
	color:#BCC6CB; 
	text-decoration: none; 
	padding: 43px 25px 0 25px; 
	height: 35px; 
	margin-left: 15px; 
	margin-top: 20px; 
	position: relative; 
	display: inline; 
	color: #979797 ;
	border-bottom: 1px solid #373737; border-top: 1px solid #373737 ; !important
	}
	
	
#menu ul li a:hover {  border-bottom: 1px solid #0093DD; color: #fff;}
#menu ul li a span { float: left; width: 100%; height: 41px; position: absolute; top: -82px; left: 0;background: #0093DD; }
#menu ul li.active a { margin-top: 0; padding: 43px 30px 0 30px; height: 32px; 
                       color: #ffffff; border-top: 41px solid #ffffff; border-bottom: 3px solid #ffffff;}																		





/* -- accessibility tweaks -- */
#accessibility {
	position: absolute;
	top: -9999px;
	font-size: 1px;
}
.hide {
	display: none;
}

/*image slider*/

			#slider {
				height:520px;
				width:730px;
				clear: both;
				position: relative;	
				background: url(../img/slide-bg.png) no-repeat left top;
				margin:0 auto;
 			}
			
			#slider ul, #slider li{
				margin:0;
				padding:0;
				list-style:none;
		}
		#slider, #slider li{ 
		height:516px;
		width:715px;
		overflow:hidden; 
		}
		
		#slider span {
      position: absolute;
	  font:12px "Lucida Grande", "Lucida Sans Unicode", arial, sans-serif;
      padding: 10px 13px;
      width: 690px;
      background-color: #000;
      filter: alpha(opacity=65);
      -moz-opacity: 0.65;
	  -khtml-opacity: 0.65;
      opacity: 0.65;
     color: #fff;
	}
  			#prevBtn, #nextBtn{ 
		display:block;
		width:40px;
		height:74px;
		position:absolute;
		left:235px;
		top: 360px;
		cursor:pointer;
		}	
	#nextBtn{ 
		left:987px;
		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:40px;
		height:74px;
		background:url(../img/leftarrow.png) no-repeat 0 0;	
		}	
	#nextBtn a{ 
		background:url(../img/rightarrow.png) no-repeat 0 0;	
		}	
		
		
		#contact_form{
			width: 750px;
			margin: 0 auto;
		}
		
		
		#somos{
			width: 500px;
			margin:0 auto;
		}