/*_____________ ESTILOS GENERALES _____________ */
body{
	background:#fff;
	height:100%;
	width:100%;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	overflow:hidden;
}
html{	height:100% }
em{	font-style:normal;}
a{color:#000; text-decoration:none}
a:hover{cursor:pointer}
img{display:block;}
#outerWrap{
	width:100%;
	height:100%;
	position:relative;
	overflow:hidden;
	
}
#wrap{
	width:290px;
	position:relative;
	z-index:2;	
	height:100%;
	margin:0 auto;
	overflow:hidden;
	background:url(../images/wrap-bg.png) repeat-x left center;
	
}

#wrapInfo{
	position:relative;
	left:0;
	width:100%;
	height:100px;
	top:50%;
	margin-top:-300px;
	height:560px;
}

#menu{
	position:absolute;
	bottom:50px;
	left:50%;
	margin-left:-150px;
	width:300px;
	height:50px;
}
#menu h1{
	clear:both;
	background:url(../images/herraizsoto-logo.png) no-repeat left top;
	width:160px;
	margin:0 auto 10px auto;
	text-indent:-10000px;
	height:20px;
}
#menu p a, #langMenu a{
	padding:0;
	color:#878787;
}
#menu p a:hover{
	color:#222222;
}

#menu p{
	margin-bottom:30px;

} 
#menu  a.activo, #langMenu a.menuActivo, #menu  a.activo:hover{color:#222;}
#hsConst{opacity:0.5; z-index:55; line-height:120%; font-size:9px; color:#000; text-transform:uppercase; position:absolute; right:35px; bottom:45px; text-align:right; width:300px;}
#hsConst:hover{
	cursor:pointer;
}
#langMenu{
	background:#fff;
	z-index:3;
	margin:0 auto;
	margin-top: 25px;
}
#langMenu a:hover{
	color:#222222;
}
#langMenu span{
	color:#222222;
}
.info{
	height:415px;
	width:290px;
	overflow:hidden;	
	position:absolute;
	left:50%;
	
	margin:10px 0 0 -145px;
	font-size:20px;
	
}
#sec2, #sec4{
	display:none;
}
.info {font-size:13px}
.info p{
	margin-bottom:15px;
	padding:0 30px;
	font-size:14px;
	line-height:140%;	
}
#nextP, #nextPb{
	position:absolute;
	bottom:20px;
	left:50%;
	margin-left:-8px;
}
#nextPb{bottom:17px;}
#prevP, #prevPb{
	position:absolute;
	top:20px;
	left:50%;
	margin-left:-8px;
	display:none;

}
#sec1 #wrapReel, #sec3 #wrapAbout{
	line-height:150%;
	height:294px;
	margin-top:60px;
	position:relative;
	top:1px;
	overflow:hidden;

}
#sec3 #wrapAbout #footer-about{font-size:10px; font-style:italic}

#wrapReel ul, #wrapAbout ul{
	width:100%;
	position:relative;

}
#wrapReel li{
	width:290px;
	margin-bottom:20px;
}
#wrapAbout li{	
	width:200px;
	padding:0 45px;
	margin-bottom:20px;
}
#wrapReel li.liActivo{
	color:#333;
}
/*_____________ PROYECTOS _____________ */

#projects li {
	width:290px;
	padding-top:1px;
	height:51px;
	display:block;
	background:url(../images/projects-li-bg.gif) repeat-x left top;
}
#projects li.firstLi{
	background:none;
}
#projects li a{background:url(../images/projects-bg.png) no-repeat left top;}

#projects li#ommwriter a{background-position:left top;}
#projects li#ommwriter a:hover{background-position:right top;}


#projects li#labuat a{background-position:left -53px;}
#projects li#labuat a:hover{background-position:right -53px;}

#projects li#camperDay a{background-position:left -106px;}
#projects li#camperDay a:hover{background-position:right -106px;}

#projects li#ikea a{background-position:left -160px;}
#projects li#ikea a:hover{background-position:right -160px;}

#projects li#camper a{background-position:left -212px;}
#projects li#camper a:hover{background-position:right -212px;}

#projects li#bmw a{background-position:left -265px;}
#projects li#bmw a:hover{background-position:right -265px;}

#projects li#stickers a{background-position:left -320px;}
#projects li#stickers a:hover{background-position:right -320px;}

#projects li#cacique a{background-position:left -373px;}
#projects li#cacique a:hover{background-position:right -373px;}


#projects li a{
	position:relative;
	display:block;
	width:290px;
	height:51px;
	text-indent:-10000px;
}
ul#projects{
	margin-left:0;
	margin-top:1px;
}

/*_____________ CONTACTO_____________ */
#wrapContact{
	margin-top:30px;
	text-align:center;
}

#wrapContact img{ display:inline; padding:5px 0 5px 0;}
#wrapContact img.separator{padding:10px 0 10px 0;}
#sec3{	font-size:11px; }
#sec3 p,#sec3 li{font-size:13px;}
#sec3 a{padding-bottom:4px;}
#sec3 a:hover{
	color:#35dada;
}
#sec3 h2{
	text-transform:uppercase;
	color:#878787;
	font-weight:normal;
}

/*_____________ ESTILOS ELEMENTOS DE FONDO_____________ */
#bgImage{
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:#000;
	position:absolute;
	z-index:1;	
}

#navBg{
	width:300px;
	height:50px;
	position:absolute;
	bottom:30px;
	left:0px;
	z-index:3;
	text-align:left;
	text-transform:uppercase;
	color:#2b2b2b;
}
#prevImg, #nextImg{
	display:block;
	padding:10px;
	width:12px;
	height:17px;
	float:left;	
	text-indent:-10000px;
}
#navBg em#counter{
	display:block;
	background:#fff;
	padding:0px 7px 1px 7px;
	float:left;
color:#90908e;	
}
#navBg span#imgClient{
	

	background:#fff;
	padding-right:8px;
	margin-left:-4px;
	color:#2b2b2b;
 }
#navBg span#imgProject{
	padding-left:7px;


	color:#90908e;

}
 
a#prevImg{ background: #fff url(../images/navBgPrev.png) no-repeat center 5px;}
a#nextImg{ background:#fff url(../images/navBgNext.png) no-repeat center 5px;}
a#prevImg:hover{ background:#fff url(../images/navBgPrev.png) no-repeat center -18px;}
a#nextImg:hover{ background: #fff url(../images/navBgNext.png) no-repeat center -18px;}

#navBg li{
	overflow:hidden;
	margin-bottom:2px;
	font-size:10px;
	height:19px;
	line-height:19px;	
}
#navBg li span{
	background:#fff;
	overflow:auto;
	padding:3px;	

}
#navBg li img{
	display:inline;

}
#navBg span a{
	padding:1px 4px;
	
}
/**_____posicionamiento de los diferents fondos   V-H __________**/
.center-center{
	position:absolute;
	left:50%;
	top:50%;
	margin:-600px 0 0 -960px;
}
.center-left{
	position:absolute;
	top:50%;
	margin-top:-600px;
	left:0;
}
.top-center{
	position:absolute;
	top:0;
	margin-left:-960px;
	left:50%;
}
.bottom-right{
	position:absolute;
	bottom:0;
	right:0;
}
.center-right{
	position:absolute;
	right:0;
	top:50%;
	margin-top:-600px;

}
.bottom-left{
	position:absolute;
	bottom:0;
	left:0;
}
.bottom-center{
	position:absolute;
	bottom:0;
	margin-left:-960px;
	left:50%;
}
.top-left{
	position:absolute;
	top:0;
	left:0;
}
.dir li{ line-height:140%}