@charset "utf-8";
/* CSS Document */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { 
margin: 0; 
padding: 0; 
color:#FFFFFF;
}
* {
	font-family: Arial, Helvetica, sans-serif;
}
img, div, ul, li { behavior: url("iepngfix.htc") }
html {
	height:100%;
}
body {
	height:100%;
	overflow: hidden;
	overflow-x:none;
}
#fondos{
	position:absolute; left:0; top:0;	
	min-width:100%;
	min-height:100%;
	margin:0 auto;
	z-index:-10; 
}
#fondos img{
	position:absolute; 
	top:0;
	height:100%;
	width:100%;
	z-index:-10;
}
#content_total {
	overflow:hidden;
	z-index:90;
	margin:0 auto;
	height:100%;
}
#content_total #content_primario {
	position:absolute;
	z-index:9999;
	top:250px;
	left:0;
	width:307px;
}
#content_total #content_secundario #logo_mi {
	width:307px;
	height:275px;
	float:left;
}
#content_total #content_primario #social {
	background:url(../img/background_social.png) no-repeat;
	width:46px;
	height:172px;
	margin-top:40px;
	float:left;
}
#content_total #content_primario #social img {
	float:left;
	margin-right:30px;
	margin-left:10px;
	margin-top:20px;
	border:none;
}
#content_total #content_secundario {
	float:left; margin:0px; padding:0px;
	width:100%;
	z-index:9999;
	overflow:hidden;
	background:url(../img/logoMI.png) left top no-repeat;
}
#content_total #content_secundario .item_menu {
	overflow:hidden;
	background:url(../img/menu/background_menu.png);
}
#content_total #content_secundario .item_menu_medio {
	background:url(../img/menu/background_menu2.png);
	overflow:hidden;
}
#content_total #content_secundario .item_menu_medio:hover {
	background: #FFFFFF;
}
#content_total #footer {
	width:80%;
	height:114px;
	position:absolute;
	bottom:0;
	left:0;
}
#content_total #footer ul {
	width:385px;
	height:50px;
	float:left;
}
#content_total #footer ul li {
	height:14px;
	float:left;
	margin-right:10px;
	list-style:none;
}
#content_total #footer ul li a#esencia_down {
	background: url(../img/menu/mi_esencia.png) top left no-repeat;
	width:68px;
}
#content_total #footer ul li a#agencia_down {
	background: url(../img/menu/mi_agencia.png) no-repeat;
	width:69px;
}
#content_total #footer ul li a#pasion_down {
	background: url(../img/menu/mi_pasion.png) no-repeat;
	width:62px;
}
#content_total #footer ul li a#lab_down {
	background: url(../img/menu/mi_lab.png) no-repeat;
	width:47px;
}
#content_total #footer ul li a#contacto_down {
	background: url(../img/menu/mi_contacto.png) no-repeat;
	width:80px;
}
#content_total #footer ul li a {
	display:block;
	height:14px;
}
#content_total #footer ul li a:hover {
	background-position: 0 -14px !important;
}
#content_total #footer ul li img {
	border:none;
}
#content_total #footer #datos {
	float:left;
	margin-left:20px;
}
#content_total  #content_secundario #cont_menu {
	margin-left:310px;
}
.seccion{position:relative; width:100%; background-image:url(../img/menu/background_menu.png); }
.seccion.odd{background-image:url(../img/menu/background_menu2.png);}
.seccion h2{
	height:43px;
	overflow:hidden;	
}
.seccion.selected h2{background-image:url(../img/menu/background_menu_hover.png);}
.seccion h2 span{display:block;	background-repeat:no-repeat; height:100%; text-indent:-10000px;  }
.seccion h2 span:hover{background-position:0 -43px; }
.seccion{position:relative; height:43px; overflow:hidden; }

.seccion .cerrar{color:#fff; position:absolute; top:15px; left:500px; text-decoration:none; display:none; font-weight:bold;  }
.seccion.selected .cerrar{display:inline; }

#esencia span{background-image:url(../img/menu/esencia.png);}
#agencia span{background-image:url(../img/menu/agencia.png);}
#pasion span{background-image:url(../img/menu/pasion.png);}
#labs span{background-image:url(../img/menu/labs.png);}
#contacto span{background-image:url(../img/menu/contacto.png);}
.seccion .tequila {
	width:500px;
}
.seccion .tequila.limon {
	width:620px;
}
.seccion .tequila p {
	display:block;
	margin-top:20px;
	margin-left:20px;
	font-size:14px;
	font-weight: normal;
	letter-spacing:0px;
}
.seccion .tequila p span {
	font-size:18px;
	font-weight: normal; 
}
.seccion .tequila p small {
	font-size:18px;
	color:#FF6600;
	font-weight: normal;
}
.seccion .tequila h3 {
	font-size:18px;
	color:#FF6600;
	font-weight: normal;
	margin:0; 
	padding:0;
	float:left;
	cursor:pointer;
}
.seccion .tequila .titulo_contacto{margin-left:20px; margin-bottom:10px; margin-top:10px; overflow:hidden; padding-bottom:10px; }
.seccion .tequila .titulo_contacto h3:hover{
	color:#FFFFFF;
}
.seccion .tequila .titulo_contacto h3.selected{
	color:#FFFFFF;
	font-size:24px;
}
.seccion .tequila .sep{float:left; color:#FF6600; margin-left:10px; margin-right:10px;  }
.seccion .tequila .form_contacto {
	margin-top:20px;
	margin-left:20px;
	width:500px;
}
.seccion .tequila .form_contacto .contact_ind input.contact{
	width:280px;
	float:left;
	height:28px;
	background:url(../img/back_contact.png) no-repeat;
	border:none;
	color:#FFFFFF;
}
.seccion .tequila .form_contacto .contact_ind {
	width:450px;
	float:left;
	margin-bottom:10px;
}
.seccion .tequila .form_contacto .contact_ind input.btn_enviar {
	float:right;
	margin-top:10px;
	margin-right:20px;
}
.seccion .tequila .form_contacto textarea.contact_multi{
	width:274px;
	height:100px;
	float:left;
	color:#FFFFFF;
	background-color:#161616;
	border: 1px solid #202020;
}
.seccion .tequila .form_contacto span {
	width:140px;
	display:block;
	float:left;
	margin-right:10px;
	font-size:16px;
}
input.file_1 {
    background: #161616;
	border: 1px solid #202020;
    color: #fff;
	height:24px;
}
#logo_mi_or {
	float:left;
	width:100%;
	height:54px;
	margin-bottom:10px;
	margin-left:77px;
}
.tequila .margarita {
	width:240px;
	float:left;
	height:330px;	
}
.tequila .margarita p, .tequila .margarita p span small{
	font-size:11px;
}
.tequila .logos {
	width:131px;
	height:79px;
	margin-left:10px;
	float:left;
	margin-bottom:10px;
	display:none;
}