* { margin:0; padding:0; }

body { 
	background:#111; height:100%;
}

img {
	border:none;
}

#menu{
	visibility: visible;
}

#menu_mobile{
	visibility: hidden;
	display: none;
}

#supersized-loader { 
	position:absolute; 
	top:50%; 
	left:50%; 
	z-index:0; 
	width:60px; 
	height:60px; 
	margin:-30px 0 0 -30px; 
	text-indent:-999em; 
	background:url(../img/progress.gif) no-repeat center center;
}

#supersized {  
	display:block; 
	position:fixed; 
	left:0; 
	top:0; 
	overflow:hidden; 
	z-index:-999; 
	height:100%; 
	width:100%; 
}

#supersized img { 
	width:auto; 
	height:auto; 
	position:relative; 
	display:none; 
	outline:none; 
	border:none;
}

/*Speed*/
#supersized.speed img { 
	-ms-interpolation-mode:nearest-neighbor; 
	image-rendering: -moz-crisp-edges; 
}

/*Quality*/
#supersized.quality img { 
	-ms-interpolation-mode:bicubic; 
	image-rendering: optimizeQuality; 
}

#supersized li { 
	display:block; 
	list-style:none; 
	z-index:-30; 
	position:fixed; 
	overflow:hidden; 
	top:0; 
	left:0; 
	width:100%; 
	height:100%; 
	background:#111; 
}

#supersized a { 
	width:100%; 
	height:100%; 
	display:block; 
}
			
#supersized li.prevslide { 
	z-index:-20; 
}
			
#supersized li.activeslide { 
	z-index:-10; 
}
			
#supersized li.image-loading { 
	background:#111 url(../img/progress.gif) no-repeat center center; 
	width:100%; 
	height:100%; 
}
				
#supersized li.image-loading img{ 
	visibility:hidden; 
}

#supersized li.prevslide img, #supersized li.activeslide img{ 
	display:inline; 
}

.pattern{
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	background:transparent url(../img/patternbg.png) repeat bottom left;
	opacity:0.3;
	filter: alpha(opacity=30);
	z-index:-1;
}

.twentyears{
	position: absolute;
	left: 20px;
	bottom:20px;
	width: 253px;
	height: 105px;
	background: url(../img/banners/mercaimpex20years.png) no-repeat center center;
	z-index: 5;
}

.eslogan{
	position: absolute;
	right: 15px;
	bottom:60px;
	width: 150px;
	height: 66px;
	background: url(../img/logo/eslogan.png) no-repeat center center;
	z-index: 5;
}

.logo{
	position: absolute;
	left: 30px;
	top:0px;
	width: 143px;
	height: 110px;
	background: url(../img/logo/logo.png) no-repeat center center;
	z-index: 5;
}

.social{
	position: absolute;
	bottom: 0px;
	right: 60px;
	z-index: 7;
}

.mercaimpex{
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	background:#000000 url(../img/bgpages/empresa.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	z-index:-1;
}

.filosofia{
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	background:#000000 url(../img/bgpages/filosofia.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	z-index:-1;
}

.fortaleza{
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	background:#000000 url(../img/bgpages/fortaleza.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	z-index:-1;
}

.vacuno{
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	background:#000000 url(../img/bgpages/vacuno.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	z-index:-1;
}

.lineas{
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	background:#000000 url(../img/bgpages/lineas.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	z-index:-1;
}

.instalaciones{
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	background:#000000 url(../img/bgpages/instalaciones.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	z-index:-1;
}

.logistica{
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	background:#000000 url(../img/bgpages/logistica.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	z-index:-1;
}

.calidad{
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	background:#000000 url(../img/bgpages/calidad.gif) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	z-index:-1;
}

.atencion{
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	background:#000000 url(../img/bgpages/atencion.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	z-index:-1;
}

.equipo{
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	background:#000000 url(../img/bgpages/equipo.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	z-index:-1;
}

.exportacion{
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	background:#000000 url(../img/bgpages/exportacion.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	z-index:-1;
}

.shellgold{
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	background:#000000 url(../img/bgpages/shellgold.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	z-index:-1;
}

.contacto{
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	background:#000000 url(../img/bgpages/contacto.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	z-index:-1;
}

.mapa{
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	background:#000000 url(../img/bgpages/mapavacuno.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	z-index:-1;
}

.mapavacuno{
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	background:#000000 url(../img/bgpages/mapavacuno.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	z-index:-1;
}

.mapaovino{
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	background:#000000 url(../img/bgpages/mapaovino.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	z-index:-1;
}

.mapaporcino{
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	background:#000000 url(../img/bgpages/mapaporcino.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	z-index:-1;
}

.mapamarisco{
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	background:#000000 url(../img/bgpages/mapamarisco.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	z-index:-1;
}

.mapapato{
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	background:#000000 url(../img/bgpages/mapapato.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	z-index:-1;
}

.mapacaza{
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	background:#000000 url(../img/bgpages/mapacaza.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	z-index:-1;
}

.page_right{
	position: absolute;
	width: 260px;
	right:-500px;
	top: 110px;		
	margin: 5px 5px 5px 5px;
	font-family: 'Capriola', sans-serif;
	/*display: none;*/
}

.page_right h2{
	font-size: 13px;
	color: red;
	text-align: center;
	background: rgba(0,0,0,0.6);
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	width:70%;
	padding: 3px;
	right: 2px;
}

.page_right_mercaimpex{
	position: absolute;
	width: 260px;
	right:-500px;
	top: 110px;		
	margin: 5px 5px 5px 5px;
	font-family: 'Capriola', sans-serif;
	/*display: none;*/
}

.page_right_bottom{
	position: absolute;
	width: 260px;
	right:200px;
	bottom: 200px;	
	margin: 5px 5px 5px 5px;
	font-family: 'Capriola', sans-serif;
	/*display: none;*/
}

.page_right_fortaleza{
	position: absolute;
	width: 260px;
	right:200px;
	top: 250px;	
	margin: 5px 5px 5px 5px;
	font-family: 'Capriola', sans-serif;
	/*display: none;*/
}

.page_right_bottom_exportacion{
	position: absolute;
	width: 260px;
	left:10px;
	top: 430px;	
	margin: 5px 5px 5px 5px;
	font-family: 'Capriola', sans-serif;
	/*display: none;*/
}

.page_right_bottom_exportacion_images{
	position: absolute;
	width: 260px;
	left:10px;
	top: 360px;
	margin: 5px 5px 5px 5px;
	font-family: 'Capriola', sans-serif;
	/*display: none;*/
}

.p_text{
	width: 400px;
	background: rgba(0,0,0,0.6);
	border: 1px solid #FFFFFF;
	font-size: 13px;
	padding: 10px;
	margin-bottom: 7px;
	-moz-box-shadow: 0 0 1px 1px #888;
	-webkit-box-shadow: 0 0 1px 1px#888;
	box-shadow: 0 0 1px 1px #888;
	color: white;
}

.p_text a{
	text-decoration: none;
	color: red;
}

#contenedor{
	position: absolute;
	top: 120px;
	left: 10px;
	-moz-box-shadow: 0 0 1px 1px #888;
	-webkit-box-shadow: 0 0 1px 1px#888;
	box-shadow: 0 0 1px 1px #888;
	border: 1px solid #FFFFFF;
}

.imagen{
	border: 1px solid #000000;
}

.esloganlog{
	color: red;
	font-weight: bold;
}

#language{
	background: rgba(0,0,0,0.7);
	font-family: Tahoma;
	font-size: 13px;
	color: white;
	position: absolute;
	right: 5px;
	top: 0px;
	padding: 5px;
}

#language a{
	text-decoration: none;
	color: white;
}

#language a:hover{
	text-decoration: none;
	color: red;
}

#productosmapa{
	position: absolute;
	right: 25px;
	top: 200px;
	padding: 10px;
	font-family: 'Capriola', sans-serif;
	font-size: 12px;
	/*display: none;*/
	background: rgba(255,255,255,0.7);
	border: 1px solid #310bd4;
}

#productosmapa a{
	text-decoration: none;
	color: #000000;
}

#lopd{
	position: absolute;
	border: 1px solid black;
	font-family: 'Capriola', sans-serif;
	font-size: 10px;
	width: 300px;
	padding: 5px;
	background: rgba(0,0,0,0.8);
	color: white;
	bottom: 130px;
	left: 70px;
	display: none;
}

.productocerdo{
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	background:#000000 url(../img/bgpages/collagecerdo.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	z-index:-1;
}

.productovacuno{
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	background:#000000 url(../img/bgpages/collagevacuno.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	z-index:-1;
}

.productopescado{
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	background:#000000 url(../img/bgpages/collagepescado.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	z-index:-1;
}

.productocaza{
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	background:#000000 url(../img/bgpages/collagecaza.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	z-index:-1;
}

.productocordero{
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	background:#000000 url(../img/bgpages/collagecordero.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	z-index:-1;
}

.productopato{
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	background:#000000 url(../img/bgpages/collagepato.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	z-index:-1;
}

.google-maps {
    position: relative;
    padding-bottom: 75%; // This is the aspect ratio
    height: 0;
    overflow: hidden;
}

.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}