@charset "utf-8";
body {
	margin: 0px;
}
#mainwrapper {
	width: 100%;
	height: auto;
}
#menu {
	width: 100%;
	height: 130px;
	z-index: 1111;
	overflow:hidden;
	position: fixed;
	margin-top: -16px;
}
ul {
	width: 750px;
	height: 80px;
	margin-left:auto;
	margin-right:auto;
	padding-left: 0px;
	list-style-type: none;
	background-color: #80c046;
	-webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 5px 5px rgba(0,0,0,0.2);
	box-shadow: 0px 5px 5px rgba(0,0,0,0.2);
}
li a {
	width: 150px;
	height:55px;
	display:block;
	float:left;
	overflow:hidden;
	padding-top: 25px;
	font-family:"Trebuchet MS";
	font-weight:bold;
	color: #FFF;
	text-decoration:none;
	text-align:center;
}
li a:hover {
	background-color: rgba(255,255,255,0.2);	
}
#headerWrapper {
	width: 100%;
	height: 380px;
	-webkit-box-shadow: 0px 10px 20px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 10px 20px rgba(0,0,0,0.1);
	box-shadow: 0px 10px 20px rgba(0,0,0,0.1);
}
#languages {
	width: 74px;
	height: 20px;
	float:right;
	overflow:hidden;
	padding-top: 10px;
	padding-right:30px;
	font-family: "Trebuchet MS";
	font-size: 13px;
	text-align:right;
	text-decoration: none;
	position:relative;
	z-index: 2222;
}
#languages a {
	text-decoration: none;
	color:#666;
}
#blankSpaceHeader {
	width: 100%;
	height: 30px;
}
#photoWrapper {
	width:100%;
	height: 350px;
	background-image:url(../images/header2.jpg);
}
#logoHeader {
	width: 360px;
	height: 250px;
	background-color: rgba(255,255,255,0.5);
	float:left;
	overflow:hidden;
	padding-top: 100px;
	padding-left:10px;
	margin-left:50px;
}
#headlineHeader {
	width: 450px; 
	heigth: 67px;
	float:right;
	overflow:hidden;
	color:#FFF;
	font-family: "Helvetica";
	font-size: 40px;
	font-weight: bolder;
	text-align:right;
	margin-right:50px;
	margin-top:250px;	
}
#aboutWrapper {
	width: 720px;
	height: 270px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 60px;
	margin-bottom: 60px;
}
#aboutImg {
	width: 253px;
	height: 270px;
	float:left;
	overflow:hidden;
}
#aboutText {
	width: 467px;
	height: 250px;
	float:left;
	overflow:hidden;
	color: #666;
	font-family: "Trebuchet MS";
	font-size:15px;
	margin-top:20px;
	padding-top:10px;
}
#sectionNameFrame {
	width:100%;
	height:108px;
	border-bottom-color: #80c046;
	border-bottom-width: 5px;
	border-bottom-style:solid;
	background-color: #333;
	-webkit-box-shadow: 0px 10px 20px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 10px 20px rgba(0,0,0,0.1);
	box-shadow: 0px 10px 20px rgba(0,0,0,0.1);
}
#sectionNameRight {
	font-family: "Trebuchet MS";
	font-size: 42px;
	font-weight:bold;
	color:#FFF;
	width: 720px;
	height: 50px;
	float:right;
	overflow:hidden;
	text-align:right;
	margin-right: 20px;
	margin-top: 50px;
}
#sectionNameLeft {
	font-family: "Trebuchet MS";
	font-size: 42px;
	font-weight:bold;
	color:#FFF;
	width: 720px;
	height: 50px;
	float:left;
	overflow:hidden;
	margin-left: 20px;
	margin-top: 50px;
}
#productsWrapper {
	width: 100%;
	height: 1000px;
}
#productsIndex {
	width: 720px;
	height: 750px;
	margin-left:auto;
	margin-right:auto;
	margin-top:60px;
	margin-bottom:60px;
}
#productItem {
	width: 214px;
	height: 159px;
	float:left;
	overflow:hidden;
	margin: 12px;
	cursor: pointer;
}
#productIcon {
	width: 107px;
	height: 111px;
	float:left;
	overflow:hidden;
}
#productPhoto {
	width: 107px;
	height: 111px;
	float:left;
	overflow:hidden;
}
#productTitle {
	width: 214px;
	height: 38px;
	padding-top: 10px;
	background-color:#999;
	float:left;
	overflow:hidden;
	font-family: "Trebuchet MS";
	font-size: 20px;
	font-weight:bold;
	color: #FFF;
	text-align:center;
}
#productTitle:hover {
	background-color: #414E3A;
}
#ambienteWrapper {
	width:100%;
	height:900px;
}
#ambienteText {
	width:720px;
	height: 500px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 100px;
	color: #666;
	font-family: "Trebuchet MS";
	font-size:15px;
}
#ambienteLogos {
	width: 300px;
	height: 100px;
	margin-left:auto;
	margin-right:auto;
}
#ambienteLogosPhoto {
	width: 100px;
	height: 100px;
	background-color:#C03;
	float:left;
	overflow:hidden;
	margin-left: 25px;
	margin-right:25px;
}
#techWrapper {
	width:100%;
	height: 700px;
}
#techText {
	width: 450px;
	height: 70px;
	color: #666;
	font-family: "Trebuchet MS";
	font-size:16px;
	margin-left:auto;
	margin-right: auto;
	margin-top:40px;
	margin-bottom:50px;
	text-align:center;
}
#techIndex {
	width: 960px;
	height: 450px;
	margin-top: 100px;
	margin-left:auto;
	margin-right:auto;
}
#techItem {
	width: 210px;
	height: 450px;
	float: left;
	overflow:hidden;
	margin-left:15px;
	margin-right:15px;
}
#techItemPhoto {
	width:210px;
	height:224px;
	background-color: rgba(255,98,12,0.3); 
}
#techItemTitle {
	width:210px;
	height:40px;
	font-family: "Trebuchet MS";
	font-size: 20px;
	font-weight:bold;
	color: #666;
	text-align:center;
	padding-top:17px;
	border-bottom-style:solid;
	border-bottom-width: 1px;
	border-bottom-color: #666;
}
#techItemText {
	width: 210px;
	height: 150px;
	color: #666;
	font-family: "Trebuchet MS";
	font-size:15px;
	margin-left:auto;
	margin-right: auto;
	padding-top: 16px;
	text-align:center;
}
#contactWrapper {
	width: 100%;
	height: 650px;
	background-color: #CCC;
}
#contactIndex {
	width: 960px;
	height: 100px;
	margin-left:auto;
	margin-right: auto;
	margin-top:18px;
	margin-bottom:18px;
}
#contactItem {
	width:300px;
	height:100px;
	float:left;
	overflow:hidden;
	margin-left:10px;
	margin-right: 10px;	
}
#contactIcon {
	width:100px;
	height:100px;
	float:left;
	overflow:hidden;
}
#contactText {
	width:190px;
	height:60px;
	float:right;
	overflow:hidden;
	font-family: "Trebuchet MS";
	font-weight:bold;
	font-size:13px;
	color:#666;
	padding-left:10px;
	padding-top:40px;
}
#footerWrapper {
	width:100%;
	height:50px;
	background-color: #333;
}
#footerText {
	width:500px;
	height: 25px;
	font-family: "Trebuchet MS";
	font-size: 12px;
	color: #CCC;
	padding-top:15px;
	margin-left:auto;
	margin-right:auto;
}
#footerText a {
	text-decoration:none;
	color: #E7E5B4;
	font-weight:bolder;
}
.overlay-container {
 display: none;
 content: " ";
 height: 100%;
 width: 100%;
 position: fixed;
 left: 0;
 top: 0;
 background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%);
 background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(127,127,127,0.9)));
 background: -webkit-radial-gradient(center, ellipse cover, rgba(127,127,127,0) 0%,rgba(127,127,127,0.9) 100%);
 background: -o-radial-gradient(center, ellipse cover, rgba(127,127,127,0) 0%,rgba(127,127,127,0.9) 100%);
 background: -ms-radial-gradient(center, ellipse cover, rgba(127,127,127,0) 0%,rgba(127,127,127,0.9) 100%);
 background: radial-gradient(center, ellipse cover, rgba(127,127,127,0) 0%,rgba(127,127,127,0.9) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007f7f7f', endColorstr='#e67f7f7f',GradientType=1 );
 }
 .window-container {
 display: block;
 background: #FFF;
 margin: 8em auto;
 width: 480px;	
 height: 320px;
 padding: 10px 10px 10px;
 text-align: left;
 z-index: 3;
 border-radius: 3px;
 box-shadow: 0px 0px 30px rgba(0,0,0,0.2);
 -webkit-transition: 0.4s ease-out;
 -moz-transition: 0.4s ease-out;
 -ms-transition: 0.4s ease-out;
 -o-transition: 0.4s ease-out;
 transition: 0.4s ease-out;
 opacity: 100;
 }

 .zoomin {
 -webkit-transform: scale(1.2);
 -moz-transform: scale(1.2);
 -ms-transform: scale(1.2);
 transform: scale(1.2);
 }

 .close {
	 height:50px;
	 width: 50px;
	 color: #FFF;
	 padding-top: 30px;
	 font-family: Helvetica, sans-serif;
	 font-weight:bold;
	 font-size: 20px;
	 text-align:center;
	 -webkit-transition: 0.2s linear;
	 -moz-transition: 0.2s linear;
	 -ms-transition: 0.2s linear;
	 -o-transition: 0.2s linear;
	 transition: 0.2s linear;
	 cursor: pointer;
	 float:right;
	 margin-right: -60px;
	 margin-top: -20px;
	 overflow:hidden;
	 display:block;
 }

 .close:hover {
 	color: #999;
 }
 .zoomout {
	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7);
	-ms-transform: scale(0.7);
	transform: scale(0.7);
}

.window-container-visible {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

.fixed {
	position: fixed; 
	top: -110px; 
	z-index: 1;
}
#popupImg {
 	width: 480px;	
 	height: 320px;
	background-color: rgba(255,2,255,0.2);
}
.bolsas, .cajas, .libros, .catalogos, .afiches, .pop, .adhesivos, .formas, .exhibidores, .cuadernos, .empaques {
	display:none;
}
#mapPlaceholder {
        height: 400px;
        width: 100%;
}