/* @group Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin:0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
div{
	position:relative;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
/* @end */

/* Body */
html{
	height:100%;
}
body{
	width:100%;
	height:100%;
	min-height:700px;
	min-width:1200px;
	font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
}
/*wrapper principal*/
#wrapper{
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	display:block;
}
/*background gradient*/
#background{
	position:absolute;
	width:100%;
	height:100%;
	display:block;
	top:0px;
	left:0px;
	z-index:-1;
}
#background img{
	width:100%;
	height:100%;	
}
/*Lyra logo*/
#logo-wrapper{
	position:absolute;
	display:block;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
}
#logo{
	display: block;
	margin: 0 auto;
	width: 336px;
	height: 78px;
	background:url("../images/logo.png");
	top: 50%;
	margin-top: -39px;
}
/*wrapper de contenido*/
#main-wrapper{
	display:none;
	height:100%;
	width:100%;
	display:block;
	overflow:hidden;
}
/*wrapper de contenido para index*/
.home #main-wrapper{
	display:none;
}
/*header*/
#header{

}
.headerContenido{
	width:100%;
	height:94px;
}
#header .headerContenido a{
	color:#c0c0c2;
	font-family: arial;
	text-decoration: none;
}
#header .headerContenido a:hover{
	color:#ffffff;
}
.news{
	position: absolute;
	width:103px;
	height:11px;
	top: 69px;
	left: 50px;
}
.news .hover{
	position:absolute;
	top:0px;
	display:none;	
}
.news:hover .hover{
	display:block;	
}
.contacto{
	position: absolute;
	right: 50px;
	width:102px;
	height:17px;
	top: 69px;
}
.contacto .hover{
	position: absolute;
	top: 0px;
	display:none;
}
.contacto:hover .hover{
	display:block;
}
.logo{
	position: absolute;
	top: 40px;
	left: 50%;
	margin-left:-83px;
	width:166px;
	height:41px;
}
.logo img{
	width:100%;
	height:100%;
}
/*menu*/
#menu{
	width: 100%;
	height: 44px;
	background: url("../images/barra_menu.png");
	background-repeat: repeat-x;
}
#menu .center{
	height:39px;
	top:1px;
}
/*menu para productos*/
#wrapper.productosm #menu .submenu{
	display: block;
	width: 100%;
	left: 0px;
	margin-left: 0px;
	height: 35px;
	overflow:visible;
}
#wrapper.productosm #menu .submenu .sub{
	width:270px;
	overflow:visible;
	background:#000;
	height:310px;
	padding-top: 10px;
	margin-top: 35px;
	background-image: url("../images/corner.png");
	background-position: bottom left;
	background-repeat: no-repeat;
}
#wrapper.productosm #menu .submenu .listmenus{
	background:none;
}
#wrapper.productosm #main{
	top:34px;
}
#wrapper.productosm #menu-productos{
	background: #000;
}
#wrapper.productosm #menu-productos .imgtext img{
	margin-top:-40px;
}
#wrapper.productosm .barraColores{
	top:34px;
}
#wrapper.productosm .submenubg{
	width: 1200px;
	margin: 0 auto;
	height:25px;
}
#wrapper.productosm .list{
	padding:0px;
	width:100%;
}
#wrapper.productosm .list .categoria{
	float:left;
	position: relative;
	padding-top: 10px;
	padding-bottom: 3px;
}
#wrapper.productosm .list .categoria:hover{
	background: #aaa;
}
#wrapper.productosm .list .categoria.active{
	background: #aaa;
}
#wrapper.productosm .list .categoria div{
	text-align: center;
}
/*termina menu para productos*/

#menu ul li{
	list-style: none;
}
#menu ul li.menuboton{
	display: block;
	float: left;
	text-align: center;
	height:39px;
	letter-spacing: 3px;
	/*margin-left:10px;*/
}
#menu ul li.menuboton a{
	overflow:hidden;
}
#menu a{
	color: #fff;
	text-decoration: none;
	font-size: 13px;
	cursor: pointer;
	height: 100%;
	width: 100%;
	display: block;
}
#menu-productos .menu-item{
	color:#fff;
	font-size: 13px;
}
#menu ul li a .menu-item, #menu-productos .menu-item{
	padding-bottom:13px;
	cursor:pointer;
	position:relative;
	top:10px;
}
#menu .menuboton:hover{
	background: #000;
	cursor:pointer;
}
#menu .menuboton:hover .botontext{
	margin-top:-40px;
}
.submenubg .corner{
	position:absolute;
	bottom:0px;
	left:0px;
}
#menu-productos .imgtext{
	height:39px;
	overflow:hidden;
	display: block;
}
.barraColores{
	height:5px;
	width:100%;
	background:url('../images/barra_colores.png');	
}
.submenu{
	position: absolute;
	color: #fff;
	height: 340px;
	z-index: 10000;
	width: 275px;
	top: 38px;
	display:none;
	cursor:default;
	margin-left:-50px;
	overflow: hidden;
	background:#000;
}
.submenubg{
	background: #000;
	height: 340px;
	width: 280px;
}
.subs{
	position:absolute;
	left:170px;
	top:0px;
	height:100%;
	width:630px;
}
#menu .submenu ul.sub li.productomenu{
	position:absolute;
	right:30px;	
	top:50px;
	width:325px;
	height:280px;
}
#menu .submenu ul.sub li.productomenu .pimagen{
	background:url("../images/productbg.png");
	width:325px;
	height:227px;
}
#menu .submenu ul.sub li.productomenu .pname{
	text-align: center;
	text-transform: uppercase;
	letter-spacing:4px;
	margin-top:10px;
}
#menu .submenu ul.sub li.productomenu .pimagen img{
	display:none;
	width:100%;
	top: 20px;
	position: absolute;
}
.list{
	height: 100%;
	width: 150px;
	float: left;
	display: block;
	position: relative;
	font-size: 11px;
	padding-left: 20px;
	padding-top: 20px;
}
.listmenus{
	height:100%;
	background-image: url("../images/corner.png");
	background-position: bottom left;
	background-repeat: no-repeat;
}
.subwrapper{
	height:100%;
	width:250px;
	overflow:hidden;
	float:left;
}
.sub{
	height:100%;
	position:absolute;
	left:0px;
	overflow:hidden;
	width:630px;
	top:0px;
	padding-top: 20px;
	display:none;
}
#menu .submenu ul.sub li{
	padding-left:30px;
	width:230px;
}
#menu .submenu ul.sub li .dot{
	position: absolute;
	left: 15px;
	font-size: 20px;
	display:none;
}
#menu .submenu ul.sub li:hover .dot{
	display: block;
}

.list li{
	cursor:pointer;
	display:block;
}
#menu .center li .list li{
	padding-top: 6px;

}
#menu .center li .list li:hover{
	background:#777;
}
#menu .center li .list li.hover{
	background:#777;
} 
#menu .submenu ul li{
	padding-top: 0px;
	padding-bottom:0px;
	text-align: left;
	float: none;
	width:150px;
	display:block;
	cursor:pointer;
	height: 22px;
	font-size:14px;
	line-height:14px;
	letter-spacing: 0px;
}
#productosthumb{
	position: absolute;
	width: 200px;
	height: 200px;
	bottom: 10px;
	right: 10px;
}
/*contenido principal*/
#main{
	min-height: 520px;
}
/*footer*/
#footer{
	display: block;
	width: 100%;
	border-top: 1px solid #c7c7c7;
	background: #ffffff;
	text-align: center;
	position: absolute;
	margin: 0px;
	height: 37px;
	padding: 0px;
	font-size: 10px;
	bottom: 0px;
	overflow: hidden;
}
#footer a{
	color:#000000;
	text-decoration:none;
}
#footer a:hover{
	text-decoration:underline;
}
#footer .center{
	margin-top:3px;
}
#footer p{
	margin: 0px;
	padding-bottom: 0px;
}
/*PRODUCTOS ???*/
.product{
	width:231px;
	height:140px;
	margin:30px;
	float:left;
}
.zoom{
	position:absolute;
	display:block;
	opacity:0;
	top:0px;
}
/*slider*/
#slider-wrapper{
	height:396px;
	width:100%;
	display:block;
	overflow:hidden;
}
#slider-scroll{
	position:absolute;
	width:100%;	
	height:100%;
	top:0px;
}
.slide{
	width:100%;
	float:left;
	height:100%;
}
#left-arrow{
	position:absolute;
	top:50%;
	margin-top:-24px;
	left:10px;
	width:49px;
	height:49px;
	cursor:pointer;
}
#right-arrow{
	position:absolute;
	top:50%;
	margin-top:-24px;
	right:10px;
	width:49px;
	height:49px;
	cursor:pointer;
}
#tecnica-wrapper{
	height:35px;
	width:100%;
	display:block;
}
#tecnica-top{
	position:absolute;
	height:6px;
	width:100%;
	display:block;
	top:0px;
	background:#000000;
}
#tecnica-contenido{
	position:absolute;
	height:0px;
	width:100%;
	display:block;
	background:#000000;
	bottom:0px;
	margin-top:5px;
	color:#ffffff;
	overflow:hidden;
}
#tecnica-button{
	height:25px;
	width:145px;
	display:block;
	background:#000000;
	color:#ffffff;
	text-align:center;
	top:6px;
	margin:0 auto;
	cursor:pointer;
	box-shadow: 3px 3px 7px #333;
	letter-spacing: 4px;
}
#tecnica-button span{
	margin-top: -3px;
	width: 85px;
	display: block;
	margin: 0 auto;
}
/*slider thumbs*/
#thumbs{
height: 20px;
text-align: center;
display: inline-block;
position: relative;
position: absolute;
right: 50px;
}
.thumb{
	width: 13px;
	margin-left: 4px;
	margin-right: 4px;
	background: #171714;
	cursor: pointer;
	height: 13px;
	padding: 0px;
	float:left;
	border-radius:100%;
}
.thumb:hover{
	background: #9e9e9e;
}
.thumb.active{
	background: #9e9e9e;
}
/*align content*/
.center{
	height:100%;
	width:1200px;
	margin:0 auto;
	display:block;
	clear: both;
}
.right{
	float:right;
	height:100%;
}
.bottom{
	position: relative;
	top: 375px;
	width: 100%;
	text-align: center;
}
/*videos thumbs*/
.video-thumb1{
	position:absolute;
	left:50px;
}
.video-thumb2{
	position:absolute;
	right:50px;
}#videobox{	top:0px;	left:0px;	display:none;}#videobox .boxcontent{	margin: 0 auto;	display: block;	top: 50%;	position: relative;	margin-top: -157px;	width: 560px;}
/*eventos*/
#calendar_div{
	left:120px;
	top:6px;
}
#calendar_div .calendar{
	width:955px;
	float:left;
	height: 393px;
}
#calendar_wrapper{
	height:405px;
}
.calendartable{
	border:2px solid #A0ACB1; 
	border-spacing: 0px;
	width:610px;
	float:left;
	display:block;
}
.caledartable{
	empty-cells: show;	
}
.calendartable td.even{
	width:14%;
	background:url("../images/eventgradient.png");
	color:#FFFFFF;
}
.Enero tr.week td div.evento{
	background:#333333;
}
.Febrero tr.week td div.evento{
	background:#333333;
}
.Marzo tr.week td div.evento{
	background:#333333;
}
.Abril tr.week td div.evento{
	background:#333333;
}
.Mayo tr.week td div.evento{
	background:#333333;
}
.Junio tr.week td div.evento{
	background:#333333;
}
.Julio tr.week td div.evento{
	background:#333333;
}
.Agosto tr.week td div.evento{
	background:#333333;
}
.Septiembre tr.week td div.evento{
	background:#333333;
}
.Octubre tr.week td div.evento{
	background:#333333;
}
.Noviembre tr.week td div.evento{
	background:#333333;
}
.Diciembre tr.week td div.evento{
	background:#333333;
}
.Enero tr.week td div.evento .day{
	color:#fff;
}
.Febrero tr.week td div.evento .day{
	color:#fff;
}
.Marzo tr.week td div.evento .day{
	color:#fff;
}
.Abril tr.week td div.evento .day{
	color:#fff;
}
.Mayo tr.week td div.evento .day{
	color:#fff;
}
.Junio tr.week td div.evento .day{
	color:#fff;
}
.Julio tr.week td div.evento .day{
	color:#fff;
}
.Agosto tr.week td div.evento .day{
	color:#fff;
}
.Septiembre tr.week td div.evento .day{
	color:#fff;
}
.Octubre tr.week td div.evento .day{
	color:#fff;
}
.Noviembre tr.week td div.evento .day{
	color:#fff;
}
.Diciembre tr.week td div.evento .day{
	color:#fff;
}
.calendartable td.odd{
	width:14%;
	color:#000000;
}
.calendartable .nameheader{
	text-align:center;
}
.calendartable .nameheader td.even{
	background:#A0ACB1;
}
.calendartable tr.week{
	padding:0;margin:0;
	height:57px;	overflow:hidden;
}
.calendartable tr.week td{
	padding:0;margin:0;
	height:57px;	overflow:hidden;
	 vertical-align: top;
}
.calendartable tr.week td div{
width: 100%;
height: 100%;
}
.calendartable td.tablename{
	background:#A0ACB1;
	color:#FFFFFF;
	width:614px;
}
.calendartable td .day{
	position:absolute;
	bottom:6px;
	right:5px;
	font-size:11px;
}
.calendartable td div.evento .day{
	color:#e41a4b;
	font-weight:bold;
}
.calendartable tr.week td div.evento{
	width: initial;
	font-size:8px;
	height:47px;
	overflow:hidden;
	cursor:pointer;
	top:0px;
	left:0px;
	margin:0;
	padding:5px;	
}
.calendartable td:hover .evento{
	background: #2B99D2;
}
#evento_descripcion{
	width: 335px;
	float: left;
	background:#858585;
	height:100%;
	position:absolute;
	right:0px;
	color:#fff;
}
#evento_descripcion .pleca{
	position:absolute;
	bottom:0px;
	left:0px;
}
#evento_descripcion .titulo{
	text-align: center;
	top: 50%;
	margin-top: -22px;
	letter-spacing: 3px;	
}
#evento_descripcion .descripcion{
	padding-left: 17px;
	top: 10px;
	position: absolute;
	padding-right: 17px;
	display:none;
	width:300px;
}
#evento_descripcion #eventoimagen{
	width:100%;
	margin: 0 auto;
	display: block;
}
#evento_descripcion .descripcion .fecha{
	line-height: 13px;
	font-size: 14px;
}
#evento_descripcion .galeria{
	height: 270px;
}
#evento_descripcion .galeriathumbs{
	width: 250px;
	height: 50px;
	margin: 0 auto;
	top: 10px;
}
#evento_descripcion .galeriathumbs table{
	width: 100%;
}
#evento_descripcion .galeriathumbs img{
	height:50px;
	cursor:pointer;
}
#evento_descripcion .descripcion .contenido{
	top: 16px;
	height: 65px;
}
/*PRODUCTOS DESCRIPCION*/
.producto_composicion{
	position: absolute;
	top: 25px;
	right: 100px;
}
.producto_composicion img{
	height:360px;
}
.product_titulo{
	top: 15px;
	left: 100px;
	width:340px;
}
.producto_descripcioncorta{
	left: 100px;
	width: 340px;
	top: 20px;
	font-size: 18px;
	margin-bottom:10px;
}
.producto_video{
	position: absolute;
	bottom: 50px;
	left: 100px;
}
.producto_catalogo{
	position: absolute;
	bottom: 50px;
	left: 350px;
}
.abierto .producto_catalogo,.solo .producto_catalogo{
	position: absolute;
	bottom: 50px;
	left: 450px;
}
.abierto .caracteristicas{
	width: 310px;
	font-size: 16px;
	left: 130px;
	top: 200px;
	line-height: 18px;
	position: absolute;
}
.composicion .caracteristicas1{
	width: 310px;
	font-size: 16px;
	left: 130px;
	top: 200px;
	line-height: 18px;
	position: absolute;
}
.solo .presentaciones{
	width: 360px;
	font-size: 16px;
	left: 100px;
	top: 200px;
	height: 150px;
	position: absolute;
}
.solo .presentaciones ul{
	height:150px;
}
.solo .presentaciones li{
	list-style: none;
	margin-top:7px;
	margin-bottom:7px;
	margin-right:40px;
	width:140px;
	float:left;
}
.producto_abierto{
	position: absolute;
	top: 25px;
	right: 260px;
}
.producto_abierto img{
	height:360px;
}
.producto_solo{
	width: 525px;
	position: absolute;
	top: 25px;
	right: 120px;
}
	.zoomwrapper {
		position:relative;
		top:0px;
		display:block;

		}
	.zoomwrapper img{
		width:100%;
		height:auto;
	}
	.zoomwrapper .zoom_image{
		width:135px;
		height:134px;
		display:block;
		position:absolute;
		top:0px;
		left:0px;
		background-repeat:no-repeat;
		border-radius:100%;
		display:none;
		background-color:#f7f7f7;
	}
	.zoomwrapper .zoom_image img{
		width: 143px;
		height: 142px;
		display: block;
		position: absolute;
		top: -4px;
		left: -4px;
	}
	.circle .zoom{

		box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85), 
		0 0 7px 7px rgba(0, 0, 0, 0.25), 
		inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
	}
.blackbold{
	font-weight:bolder;	
}

.empresa{
	background: url("../images/lyramexicobg.png");
	width: 685px;
	height: 380px;
	margin-bottom:30px;
	background-repeat: no-repeat;
	left: 325px;
	top: 25px;
}
.empresa div{
	width: 460px;
	height: 170px;
	position: relative;
	top: 50px;
	left: 50px;
	font-size: 13px;
	color: #fff;
}
.formbg{
	top: 20px;
	background: url("../images/recuadro_contacto.png");
	background-repeat: no-repeat;
	width:320px;
	height:353px;
	margin:0 auto;
	margin-bottom:40px;	
}
.formbg form{
	width: 250px;
	margin-left: 40px;
	padding-top: 10px;
}
.formbg label{
	color:#fff;
	font-size: 12px;
}
.formbg .contactotitulo{
	color:#fff;
}
.formbg .obligatorios{
	color:#fff;
	font-size: 10px;
	position: absolute;
	left: 40px;
}
.encuentrawrapp{
	width:100%;
	height:405px;
}
.encuentrawrapp .encuentraleft{
	width:390px;
	height: 385px;
	padding-top:15px;
	float:left;
}	
.encuentrawrapp .encuentracenter{
	width:330px;
	height: 385px;
	padding-top:15px;
	float:left;
	text-align:center;
	margin-left:10px;
}
.encuentrawrapp .encuentraright{
	width:440px;
	height: 385px;
	padding-top:15px;
	float:left;
}
.encuentrawrapp .encuentraright .encuentrascroll{
	overflow:auto;
	height: 100%;
	width: 100%;
	font-size: 11px;
}
.letra ul{
	list-style-type: none;
	list-style-position: inside;
}
.letra li{
	margin-top:10px;
	margin-bottom:10px;
	margin-left:4px;
}
.distribuidor .nombre{
	font-weight: bolder;
	font-size: 13px;
}
#areamexico{
	cursor:pointer;	
}
#areacentroamerica{
	cursor:pointer;
}
.encuentracenter .areas{
	display:none;
}
.encuentracenter .estados{
	display:block;
}
.encuentrascroll .titulo{
	height:20px;
	font-size:20px;
	color:#fff;
	background:#A0ACB1;
	padding-bottom: 6px;
	padding-left: 20px;
}
.encuentrawrapp .bulletregion{
	position:absolute;
	right:90px;
	top:15px;
}
.encuentrawrapp .bulletestado{
	position:absolute;
	left:60px;
}
.encuentrawrapp .mexicomapa{
	position:absolute;
	left:0px;
	top:55px;
}
.encuentrawrapp .selectestados{
	position: absolute;
	top: 50px;
	left: 60px;
	width: 190px;
}
.encuentrawrapp .selectpais{
	position: absolute;
	top: 50px;
	left: 60px;
	width: 190px;
}
.bocetajel{
	position: absolute;
	left: 30px;
	bottom: 20px;
	font-size: 11px;
}
.social{
	position: absolute;
	width: 140px;
	left: 50%;
	margin-left: -70px;
	top:15px;
	text-align: center;
}
.social .twitter{
	margin-left: 4px;
	margin-right: 4px;
	margin-top:5px;
	cursor:pointer;
}

.social .facebook{
	margin-top:5px;
	cursor:pointer;
}

.social .pinterest{
	margin-top:5px;
	cursor:pointer;
}
.social .instagram{
	margin-top:5px;
	cursor:pointer;
}
.social .youtube{
	margin-top:5px;
	cursor:pointer;
}