/********************************************
 *	CSS Humberto Vignali					*
 *	Archivo  	:	style.css				*
 *	@author    	: 	Dealfil Comunicaci—n   	*
 *	@author 	: 	info@dealfil.com   		*
 * 	@WEB		:	http://www.dealfil.com	*
 *	@version	:	1.0						*
 *											*
 ********************************************/

* {
    margin: 0;
}
html, body{
	height: 100%;
	width: 100%;
	padding:0; 
	margin:0;
}
body{
	background: #000 url(../images/lines_bg.png) fixed center top;
	overflow: hidden;
}


/*------------------------------
=GENERAL
------------------------------*/
.left{
	float: left;
}
.right{
	float: right;
}
a{
	color: #fff;
	text-decoration:none;
}
.clear{
	clear: both;
}
.contenidoh1{
	height:51px;
}
.hidden{
	display: none;
}


/*------------------------------
=ESTRUCTURA
------------------------------*/
#wrap{
	width: 1024px;
	height: 100%;
	margin: 0 auto;
	position: relative;
}
img#wrap_intro {
	width: 1280px;
	height: 600px;
	position: absolute;
	background: url(../images/lines_bg.png) fixed center top;
	top: 50%;
	margin: -300px 0px 0px 0px;
	display: none;
}

#header{
	width: 850px;
	height: 20px;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 65px auto;
	position: relative;
	z-index: 9999;
}
#content{
	position: absolute;
	top: -100%;
	display: none;
}
#footer{
	width: 1024px;
	margin: -21px auto 0px auto;
	height: 11px;
	padding: 5px 0px;
	margin-top: -21px;
	position: relative;
	z-index: 2000;
}
.push{
	clear: both;
	padding-top: 21px;
}

#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
	background: #000;
	display: none;
}
/*------------------------------
=HEADER
------------------------------*/
#logo{
	background: url(../images/hv_logo.png) no-repeat;
	display: block;
	width: 352px;
	height: 28px;
	text-indent: -9999px;
	position: relative;
	z-index: 5500;
	float: left;
	
}
#logo_intro{
	background: url(../images/hv_intro_btn.png) no-repeat 0px -50px;
	display: block;
	width: 300px;
	height: 50px;
	text-indent: -9999px;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 5500;
	margin: -25px 0px 0px -150px;
	opacity:1;
	display: none;
}
#logo_intro:hover{
	background-position: 0px 1px;
}

/*------------------------------
=CONTENT
------------------------------*/
.advertising-black {
	width: 1000px;
	height: 90px;
	/*overflow: hidden;*/
	position: relative;
	display: block;
	margin-bottom: 10px;
	/*left: -200%;*/
	cursor: pointer;
}
.advertising-black img{
	display: block;
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
}

.advertising-black span{
	display: none;
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	width: 925px;
	height: 90px;
}

.advertising-black .case_photos {
	position:absolute; 
	top:0px; 
	left:0px; 
	z-index:200; 
	display:none;
}

.link-letra{
	float:left;
	margin: 0px;
	position:relative;
	overflow: hidden;
	height: 90px;
	display: block;
}
.letra-a{
	width:93px;
	display: block;
	overflow: hidden;
}
.letra-a_editorial{
	width:99px;
	display: block;
	overflow: hidden;
}
.letra-d{
	width:92px;
	display: block;
	overflow: hidden;
}
.letra-v{
	width:97px;
	display: block;
	overflow: hidden;
}
.letra-e{
	width:83px;
	display: block;
	overflow: hidden;
}
.letra-r{
	width:87px;
	display: block;
	overflow: hidden;
}
.letra-t{
	width:90px;
	display: block;
	overflow: hidden;
}
.letra-i{
	width:55px;
	display: block;
	overflow: hidden;
}
.letra-s{
	width:96px;
	display: block;
	overflow: hidden;
}
.letra-n{
	width:88px;
	display: block;
	overflow: hidden;
}
.letra-g{
	width:90px;
	display: block;
	overflow: hidden;
}
.letra-o{
	width:98px;
	display: block;
	overflow: hidden;
}
.letra-l{
	width:70px;
	display: block;
	overflow: hidden;
}


img.letra{
	position:absolute;
	z-index:100;
}

img.foto{
	float: left;
	position: relative;
}

.siguiente,
.anterior{
	display: block;
	width: 30px;
	height: 59px;
	position: absolute;
	text-indent: -9999px;
	z-index: 100;
	top: 20px;
}
.siguiente{
	left: -50px;
	background: url(../images/left.png) no-repeat;
}
.anterior{
	right: -40px;
	background: url(../images/right.png) no-repeat;
}
.carousel{
	position: absolute;
}


.img_div{
	position: relative;
	clear: both;
}
.cancel_gal{
	position: absolute;
	right: 20px;
}
.edit_gal{
	position: absolute;
	right: 0px;
}
#menu-session{
	position: absolute;
	width: 163px;
	height: 7px;
	top: 147px;
	z-index: 6500;
	left: 50%;
	margin-left: -81px;
	background: url(../images/hv_btns_puntos.png) no-repeat 0px -7px;
	display: none;
}
.prev_session,
.next_session,
.go_back{
	display: none;
	position: absolute;
}
.prev_session{
	background: url(../images/hv_btns.png) no-repeat 0px -7px;
	width: 55px;
	height: 7px;
	text-indent: -9999px;
	float: left;
}
.prev_session:hover{
	background: url(../images/hv_btns.png) no-repeat 0px 0px;
	height: 7px;
}
.go_back{
	background: url(../images/hv_btns.png) no-repeat -65px -7px;
	width: 36px;
	height: 7px;
	text-indent: -9999px;
	left: 50%;
	margin-left: -17px;
}
.go_back:hover{
	background: url(../images/hv_btns.png) no-repeat -65px 0px;
	height: 7px;
}
.next_session{
	background: url(../images/hv_btns.png) no-repeat -110px -7px;
	width: 53px;
	height: 7px;
	text-indent: -9999px;
	left: 110px;
	top: 0px;
}
.next_session:hover{
	background: url(../images/hv_btns.png) no-repeat -110px 0px;
	height: 7px;
}


/*
.prev_session,
.next_session,
.go_back{
	position: relative;
	z-index: 6500;
	display: none;
	height: 7px;
	text-indent: -9999px;
}
.prev_session{
	background: url(../images/hv_btns.png) no-repeat 0px -7px;
	width: 55px;
	left: 0px;
}
.prev_session:hover{
	background: url(../images/hv_btns.png) no-repeat 0px 0px;
}
.go_back{
	background: url(../images/hv_btns.png) no-repeat 65px -7px;
	width: 35px;
	left: 50%;
	margin-left: 15px;
}
.go_back:hover{
	background: url(../images/hv_btns.png) no-repeat 65px 0px;
}
.next_session{
	background: url(../images/hv_btns.png) no-repeat 110px -7px;
	width: 53px;
	right: 0px;
}
.next_session:hover{
	background: url(../images/hv_btns.png) no-repeat 110px 0px;
}
*/
/*------------------------------
=FOOTER
------------------------------*/
#footer{
	text-align: center;
	z-index: 9999;
	background: #000;
}
#wrap_footer{
	width: 492px;
	height: 7px;
	background: url(../images/hv_footer.png) no-repeat 0px -7px;
	display: block;
	float: left;
	margin: 11px 0px 0px 5px;
}
#email{
	width: 132px;
	height: 7px;
	background: url(../images/hv_footer.png) no-repeat -192px -7px;
	display: block;
	float: left;
	margin-left: 192px;
	text-indent: -9999px;
}
#email:hover{
	background-position: -192px 0px;
}
#aviso_legal_link{
	width: 48px;
	height: 7px;
	background: url(../images/hv_footer.png) no-repeat -444px -7px;
	display: block;
	float: left;
	text-indent: -9999px;
	margin-left: 120px;
}
#aviso_legal_link:hover,
#aviso_legal_link.active{
	background-position: -444px 0px;
}


.overout{
	position: relative;
	z-index:5000;
	height: 232px;
	top: 385px;
}
div.sc_menu {
	/* Set it so we could calculate the offsetLeft */
	position: relative;
	z-index:5000;
	height: 232px;
	overflow: auto;
	display: none;
}

ul.sc_menu {
	position: relative;
	display: block;
	height: 60px;
	/* max width here, for users without javascript */		
	padding: 5px 0px; 
	/* removing default styling */
	margin: 156px auto 0px auto;		
	list-style: none;
	background: url(../images/bg_black.png) repeat;
}
.sc_menu li {
	position:relative;
	display: block;
	float: left;
	padding:0px;
	margin:0px;
	height:60px;
	margin: 0px 5px 0px 0px;
	display: none;
	/*padding-top:10px;*/
}

.sc_menu a {
	display: block;
	text-decoration: none;
	z-index: 6500;
	position: relative;
	cursor: pointer;
}


#dealfil_credit{
	text-decoration: none;
	position: absolute;
	left: 98.7%;
	top:78%;
	z-index: 9000;
	cursor: pointer;
}

/*------------------------------
=AVISO LEGAL
------------------------------*/
#aviso_legal{
	width: 100%;
	height: 100%;
	text-transform: uppercase;
	z-index: 6000;
	display: none;
	background: #000;
	padding: 20px;
	top: 0px;
	left: 0px;
	opacity:.5;
	position: absolute;
	text-align: center;
}
#aviso_legal_img{
	width: 771px;
	height: 459px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -229px 0px 0px -385px;
	display: none;
	z-index: 6500;
}



#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}