@charset "utf-8";

/*--------------------------------------------------------
	1.General
--------------------------------------------------------*/

	/*----------------------------
	i.-- Importar
	-----------------------------*/
	
	@import url("fuentes.css");
	@import url("estilo.css");
	
	/*----------------------------
	ii.-- Limpiar
	-----------------------------*/
	
	*{margin:0px;padding:0px;}
	html, body, div, h1, h2, h3, ul, ol, li, dt, p, table, th, td ,img{margin:0;padding:0;border:none;}
	
	/*----------------------------
	iii.-- General
	-----------------------------*/
	
	html,body{color:#252525;background-color:#68b2d2;background-image:url(../imagenes/bg-bg.png);}
	*{margin:0px;padding:0px;}
	img{border:none;}
	a{color:#fafafa;text-decoration:none;}
	a:hover{
	color:#0082c5;
	text-decoration:none;
}
	a.more{color:#000000;text-decoration:none;text-shadow:1px 1px 1px #fafafa;}
	a.more:hover{color:#fafafa;text-decoration:none;}
	::selection{background-color:#99d5de;color:#fafafa;}
	.container{background:url(../imagenes/home.jpg) no-repeat center top;border-top:solid 7px #252525;border-bottom:solid 7px #252525;}
	.controlador{height:100%;margin-left:auto;margin-right:auto;}
	
	.text-shadow{text-shadow:1px 1px 0px #7e7e7e;}
	.hide{display:none;}
	/*.border{border-bottom:solid 1px #c0c0c0;line-height:48px;margin-bottom:15px;}*/
	.border{background:url(../imagenes/bg.png) repeat-x transparent;border-left: 100px solid #336699;height:3px;margin-top:-5px;margin-bottom:10px;}
	.h3{font:30px/40px BebasNeueRegular, Candara, Arial, sans-serif;}
	.hr{width:100%;height:4px;background:url(../imagenes/hr.png);}
	.hr-2{width:100%;height:2px;background:url(../imagenes/hr.png);}
	.hr-3{width:100%;height:10px;background:url(../imagenes/bg.png);}
	.color-01{color:#222222;}
	.color-02{color:#68b2d2;}
	
	.estilo-menu{text-decoration:none;-webkit-transition:all 0.20s ease-in-out;-moz-transition:all 0.70s ease-in-out;-o-transition:all 0.70s ease-in-out;-ms-transition:all 0.70s ease-in-out;padding:10px;}
	.estilo-menu:hover{color:#ffffff;background:#99d5de;}
	
	/*----------------------------
	v.-- Tipo
	-----------------------------*/
	
	body{font:12px/21px Titillium, Helvetica, Arial, sans-serif;font-weight:normal;font-style:normal;}
	h1{font:38px/60px TitilliumLight, Candara, Arial, sans-serif;line-height:45px;}
	h2{font:40px/50px BebasNeueRegular, Candara, Arial, sans-serif;}
	h3{font:30px/40px BebasNeueRegular, Candara, Arial, sans-serif;}
	h4{font:16px/20px Titillium, Candara, Arial, sans-serif;font-weight:normal;text-align:justify;}
	h5{font:16px/18px TitilliumMedium, Candara, Arial, sans-serif;color:#606060;background:url(../imagenes/plus.png) no-repeat;padding-left:25px;}
	h6{font:14px/16px Titillium, Candara, Arial, sans-serif;color:#8e8e8e;line-height:20px;/*text-align:justify;*/}
	
/*--------------------------------------------------------
	2.Menu/Secciones/Extras
--------------------------------------------------------*/	

	/*----------------------------
	o.-- Menu
	-----------------------------*/
	
	.menu{
	height:50px;
	position:absolute;
	z-index:10;
	margin-top:540px;
	background-color:#FFED00;
	color:#252525;
}
	
	.foto-campofrais, .foto-productos, .foto-privacidad, .foto-contacto{width:100%;height:570px;position:absolute;}
	.p-campofrais, .p-productos, .p-privacidad, .p-contacto{width:100%;height:570px;position:relative;z-index:2;}
	.p-campofrais{background:url(../imagenes/campofrais.png) no-repeat center;}
	.p-productos{background:url(../imagenes/productos.png) no-repeat center;}
	.p-privacidad{background:url(../imagenes/privacidad.png) no-repeat center;}
	.p-contacto{background:url(../imagenes/contacto.png) no-repeat center;}
	
	.girar-texto{font:180px BebasNeueRegular, Candara, Arial, sans-serif;font-weight:normal;margin-top:-450px;margin-left:233px;text-align:right;-o-transform: rotate(90deg);-moz-transform: rotate(90deg);-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);opacity:0.1;}
	
	#nav{letter-spacing:1px;list-style:none;padding:0px;margin:10px 0 20px 0;background:#2e2e2e;display:block;overflow:hidden;font-size:12px;height:33px;text-transform:capitalize;}
	#nav li{display:inline;text-transform:uppercase;}
	#nav li a{display:block;float:left;color:#ffffff;letter-spacing:1px;text-decoration:none;margin-top:-2px;}
	
	.abrecierra{height:50px;width:150px;position:absolute;top:35px; left:-125px; z-index:9;}
	
	/*----------------------------
	oo.-- Secciones
	-----------------------------*/
	
	#home{width:100%;min-height:600px;position:relative;}
	#campofrais, #privacidad, #contacto{display:block;min-height:475px;position:relative;}
	
	/*#campofrais{margin-top:25px;}*/
	#productos{display:inline-block;min-height:200px;position:relative;}
	#productos:after, #privacidad:after, #contacto:after, .inside:after{content:".";display:block;height:0;clear:both;visibility:hidden;padding-bottom:30px;} 
	
	.interior{background:#ffffff;border:dashed 1px #f3f3f3;}
	.espacio{height:25px;background-image:url(../imagenes/bg.png);}
	
	/*----------------------------
	i.-- Campofrais
	-----------------------------*/
	
	.mayuscula{font-size:48px;float:left;height:25px;text-align:center;padding:1px;margin-top:13px;color:#555555;}

	/*----------------------------
	ii.-- Productos
	-----------------------------*/
	
	.secciones-productos{font:18px BebasNeueRegular, Candara, Arial, sans-serif;}
	.secciones{display:block;margin-bottom:20px;}
	.secciones li{display:inline-block;margin:5px;}
	.secciones li a{color:#252525;}
	.selected{padding:10px;background:#68b2d2;color:#fafafa;}
	
	
	#slides-productos{width:290px;height:150px;margin-top:-285px;position:absolute;z-index:50;display:none;}
	#slides-productos .slides_container{width:100%;height:100%;position:relative;overflow:hidden;display:none;}
	#slides-productos .slides_container div.slides{width:100%;height:100%;display:block;}
	#slides-productos .next, #slides-productos .prev{position:relative;width:13px;height:21px;display:block;z-index:102;margin-top:-125px;}
	#slides-productos .prev{float:left;left:-10px;background-image:url(../imagenes/prev.png);background-repeat:no-repeat;}
	#slides-productos .next{float:left;left:200px;background-image:url(../imagenes/next.png);background-repeat:no-repeat;}
	#slides-productos .pagination{display:none;}
	
	.details {margin:15px 20px;}	
	.details h4{font:16px TitilliumLight, Candara, Arial, sans-serif;color:#fafafa;text-shadow:1px 1px 0px #000000;}
	.details a{text-decoration:none;}
					
	.bloque-mosaico {float:left;position:relative;overflow:hidden;width:200px;height:125px;background:#111111 url(../imagenes/progress.gif) no-repeat center center;border:1px solid #c0c0c0;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);}
	.mosaico-fondo {display:none;position:absolute;top:0;height:100%;width:100%;background:#111111;}
	.mosaico-superposicion {display:none;z-index:5;position:absolute;width:80%;height:100%;padding:0 10%;background:#111111;}
	.bar .mosaico-superposicion {bottom:-100px;height:100px;background:url(../imagenes/bg-black.png);}
	
	/*----------------------------
	iii.-- Privacidad
	-----------------------------*/
	
	.icoprivacidad{height:40px;width:53px;background-image:url(../imagenes/icoprivacidad.png);background-repeat:no-repeat;}
	.experience{margin-top:20px;height:40px;width:53px;background-image:url(../imagenes/experience.png);background-repeat:no-repeat;}
	
	/*----------------------------
	iv.-- Contacto
	-----------------------------*/
	
	.icomapa{height:40px;width:53px;background-image:url(../imagenes/icomapa.png);background-repeat:no-repeat;}
	.icomail{height:40px;width:53px;background-image:url(../imagenes/mail.png);background-repeat:no-repeat;}
	
	#mapa{display:block;height:300px;/*max-width:580px;*/background:#ffffff;border:solid 1px #f3f3f3;padding:9px;margin-bottom:50px;}
	
	.contacto-parte-01, .contacto-parte-02{float:left;}
	.label{display:block;float:left;line-height:28px;font-size:13px;margin-top:8px;}
	.form{clear:both;float:left;}
	.form-text{font-family:'Titillium';padding:5px;font-size:15px;letter-spacing:-1px;color:#6e6e6e;}
	.form input{float:left;height:25px;border-bottom:5px solid #dddddd;margin-top:10px;}
	.form input.submit{margin-top:7px;width:70px;height:35px;clear:both;border:none;background-image:url(../imagenes/enviar.png);}
	.form textarea{float:left;height:170px;line-height:28px;border-bottom:5px solid #dddddd;margin-top:10px;}
	#indicacion{text-align:left;display:none;font-size:16px;position:absolute;z-index:100;bottom:60px;}
	
	/*----------------------------
	o.-- Fixes
	-----------------------------*/
	
	.h4-privacidad-fix, .h6-campofrais-fix{margin-top:10px;margin-bottom:10px;}
	.p-bg{background:url(../imagenes/h3.png) repeat-x center;}