@charset "utf-8";
/*
font-family: 'Anton', sans-serif;
font-family: 'Montserrat', sans-serif;
font-family: 'Oswald', sans-serif;
font-family: 'Pacifico', cursive;
font-family: 'Roboto', sans-serif;
font-family: 'Arimo', sans-serif;
font-family: 'Dosis', sans-serif;
*/
header, section, article, nav, footer, aside, figure{
	display:block;
	margin:0;
	padding:0;	
}
body{
	margin:0;
	background:#fff;	
}
*{
	box-sizing:border-box;
}
p, h1, h2, h3, h4{
	font-family:Arial, sans-serif;
	font-size:14px;
	color:#555555;
	margin:6px;
}
h1{ font-size:24px; }
h2{ font-size:20px; }
h3{ font-size:18px; }
h4{ font-size:16px; }
a{
	text-decoration:none;
	color:#555555;
}
a img{
	border:none;
}
ul, ol{
	font-family:Arial, sans-serif;
	font-size:14px;
	color:#555555;
}
/****************************************************/
/**************** Estilos para la cabecera **********/
/****************************************************/
#caja-cabecera{
	background:#fff;
}
#rayamenu{
	height:7px;
	/*background:#fff url(../imagenes/fondo-verde.png) repeat-x;	*/
}
#cabecera{
	width:100%;
	max-width:1100px;
	margin:auto;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:center;
	padding:10px 0 0 0;
}
#cabecera img{
	width:312px;
	height:100px;
	display:block;
}
.socialessup{
	margin:0;
	padding:0;
	list-style:none;
	display:flex;
	flex-direction:row;
}
.socialessup li a{
	display:block;
	margin-right:5px;
	color:#FFFFFF;
	font-size:16px;
}
/****************************************************/
/**************** Estilos para la cuerpo   **********/
/****************************************************/
#banner{
	overflow:hidden;
	position:relative;
}
#doscolumnas{
	display:flex;
	flex-direction:row;
	justify-content:space-between;	
	flex-wrap:wrap;
}
#doscolumnas a{
	width:50%;
}
#doscolumnas a img{
	width:100%;
	height:auto;
	display:block;
}
#unacolumna{
	width:100%;
	display:block;
	position:relative;
}
#unacolumna .imgs{
	width:100%;
	height:auto;
	display:block;
}
#unacolumna .mouse{
	display:block;
	position:absolute;
	bottom:20px;
	left:50%;	
}
/*-------------------------- PIE PAGINA -------------------------*/
#piepagina{
	width:100%;
	background:#6600CC;
	/*padding:40px 0 70px 0;	*/
	padding:10px 0;
	margin:0;
}
.socialespie {
	width:100%;
	height:auto;
	margin:20px 0 20px 0;
	padding:0;
	list-style:none;
	display:flex;
	flex-direction:row;
	justify-content:center;	
}
.socialespie li {
	padding:0 6px;
}
.socialespie li a {
	width:70px;
	height:70px;
	display:block;
	border-radius:70px;
	background:#6600CC;
	text-align:center;
	line-height:70px;
	color:#FFFFFF;
	font-size:30px;
	font-weight:normal;
	transition:all 0.5s;
	margin:auto;
	border:1px solid #fff;
}
.socialespie li a:hover {
	background:#FFFFFF;
	color:#6600CC;
	transform: rotate(360deg);
	/*border:1px solid #090017;*/
}
#piepagina p {
	text-align:center;
	font-family:"Dosis", Helvetica, Arial, sans-serif;
	font-size:13px;
	line-height:13px;
	font-weight:normal;
	color:#FFFFFF;
}
#piepagina p a {
	text-align:center;
	font-family:"Dosis", Helvetica, Arial, sans-serif;
	font-size:16px;
	line-height:13px;
	font-weight:normal;
	color:#FFFFFF;
}
#piepagina p a:hover {
	color:#282828;
}


/****************************************************/
/*************         TITULOS         **************/
/****************************************************/
#conttitulo{
	width: 100%;
	padding:0;
}
.titulo{
	width:100%;
	padding:50px 0;
	/*background: url(../imagenes/fondo-titulo.png) no-repeat center bottom;*/
	margin-top:10px;
	margin:auto;
}
.titulo h2{
	font-family: 'Oswald', sans-serif;
	font-size:40px;
	line-height:20px;
	color:#6600CC;
	font-weight:bold;
	text-align:center;
	margin:auto;
}
.titulo p{
	font-family: 'Roboto', sans-serif;
	font-size:20px;
	line-height:20px;
	color:#7AA81B;
	font-weight:normal;
	text-align:center;
	margin:auto;
}

/****************************************************/
/*************         PRODUCTOS       **************/
/****************************************************/
#contproductos{
	width:100%;
}
.cajaproduct {
	width:80%;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	flex-wrap:wrap;
	margin:auto;
	padding:0 10px;
}
.cajaproduct div {
	width:45%;
	padding:7px;;
	margin-bottom:10px;
	border:1px solid #D6D6D6;
	
}
.cajaproduct img{
	width:100%;
	display:block;
	margin:auto;
	cursor:pointer;
}
.cajaproduct img:hover{
	/*filter: sepia(1);*/
	/*transform:scale(1.3);*/
	/*filter: opacity(0.5;*/
	/*transform: rotate(360deg);*/
	filter: grayscale(80%);
		
}
.cajaproduct h4{
	line-height:30px;
	text-align:center;
	color:#6600CC;
	font-family: 'Oswald', sans-serif;
	font-size:21px;
	font-weight:bold;
	letter-spacing: 1px;
	margin-bottom:10px;
	margin-top:10px;
}
/*.cajaproduct a{
	width:50%;
	display:block;
	height:40px;
	background:#ED3237;
	text-align:center;
	color:#fff;
	font-family: 'Oswald', sans-serif;
	font-size:16px;
	line-height:16px;
	font-weight:normal;
	transition:all 0.5s;
	padding:10px;
	margin:auto;
}
.cajaproduct a:hover{
	background:#0096DB;
	color:#fff;
}*/


/****************************************************/
/*************         NOSOTROS        **************/
/****************************************************/
#contnos{
	width: 100%;
	height:auto;
	background: #6600CC;
	padding:10px;
	margin-top:40px;
}
.titulonos{
	width:100%;
	max-width:1100px;
	margin:auto;
}
.titulonos h2{
	font-family: 'Oswald', sans-serif;
	font-size:40px;
	color:#fff;
	font-weight:normal;
	text-align:center;
	padding-top:70px;
}
.titulonos p{
	font-family: 'Roboto', sans-serif;
	font-size:20px;
	line-height:20px;
	color:#fff;
	font-weight:normal;
	text-align:center;
	margin:auto;
}
.textnos{
	width:100%;
	max-width:960px;
	padding:20px;
	margin:auto;
	margin-bottom:50px;
}
.textnos p{
	font-family: 'Dosis', sans-serif;
	font-size:27px;
	line-height:29px;
	color:#fff;
	font-weight:normal;
	text-align:justify;
	margin:auto;
	margin-bottom:15px;
}

/****************************************************/
/*************         	EMPRESA        **************/
/****************************************************/
#contempresa{
	width: 100%;
	height:auto;
	padding:10px;
	margin-top:40px;
}
.tituloempresa{
	width:100%;
	max-width:1100px;
	margin:auto;
}
.tituloempresa h2{
	font-family: 'Oswald', sans-serif;
	font-size:40px;
	color:#fff;
	font-weight:normal;
	text-align:center;
	padding-top:70px;
}
.tituloempresa p{
	font-family: 'Roboto', sans-serif;
	font-size:20px;
	line-height:20px;
	color:#6600CC;
	font-weight:normal;
	text-align:center;
	margin:auto;
}
.cajaempresa{
	width:100%;
	max-width:960px;
	padding:20px;
	margin:auto;
	margin-top:-70px;
	margin-bottom:40px;
}
.cajaempresa p{
	font-family: 'Dosis', sans-serif;
	font-size:27px;
	line-height:29px;
	color:#6600CC;
	font-weight:normal;
	text-align:justify;
	margin:auto;
	margin-bottom:15px;
}
.cajaempresa h3{
	font-family: 'Oswald', sans-serif;
	font-size:28px;
	color:#6600CC;
	font-weight:bold;
	text-align:left;
	padding-top:15px;
}
.cajaempresa h4{
	font-family: 'Dosis', sans-serif;
	font-size:22px;
	color:#6600CC;
	font-weight:bold;
	text-align:left;
	padding-top:5px;
}
.cajaempresa .textemp{
	font-family: 'Dosis', sans-serif;
	font-size:21px;
	line-height:24px;
	color:#6600CC;
	font-weight:normal;
	text-align:justify;
	padding:0 6px;
	margin-bottom:15px;
}

/****************************************************/
/*************       ESTRATEGIA        **************/
/****************************************************/
#contestrategia{
	width: 100%;
	height:auto;
	padding:10px;
	margin-top:40px;
}
.tituloestrategia{
	width:100%;
	max-width:1100px;
	margin:auto;
}
.tituloestrategia h2{
	font-family: 'Oswald', sans-serif;
	font-size:40px;
	color:#fff;
	font-weight:normal;
	text-align:center;
	padding-top:70px;
}
#contestrategia p{
	width:80%;
	font-family: 'Dosis', sans-serif;
	font-size:27px;
	line-height:29px;
	color:#6600CC;
	font-weight:normal;
	text-align:justify;
	margin:auto;
	margin-bottom:25px;
	margin-top:-40px;
}
.cajaestrategia {
	width:100%;
	height:auto;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	flex-wrap:wrap;
	margin:auto;
	padding:0 10px;
}
.cajaestrategia  div {
	width:24%;
	height:auto;
	padding:7px;;
	margin-bottom:20px;
	border:1px solid #6600CC;
	
}
.cajaestrategia img{
	width:100%;
	display:block;
	margin:auto;
	cursor:pointer;
}
.cajaestrategia img:hover{
	/*filter: sepia(1);*/
	/*transform:scale(1.3);*/
	/*filter: opacity(0.5;*/
	/*transform: rotate(360deg);*/
	filter: grayscale(80%);
		
}

.cajaestrategia h4{
	font-family: 'Dosis', sans-serif;
	font-size:21px;
	color:#6600CC;
	font-weight:bold;
	text-align:center;
	padding-top:5px;
}



/****************************************************/
/*****************       PEDIDOS        *************/
/****************************************************/
#formnos{
	width: 100%;
	height:auto;
	background:url(../imagenes/fondo-btl.jpg) center no-repeat fixed;
	padding:10px;
	margin:0 auto;;
	margin-bottom:-40px;
}
.cajaformnos{
	width:100%;
	max-width:1100px;
	height:auto;
	margin:0 auto;
	margin-bottom:120px;
	padding: 0 20px;
}
.cajaformnos h2{
	font-family: 'Oswald', sans-serif;
	font-size:40px;
	color:#fff;
	font-weight:normal;
	text-align:center;
	padding-top:70px;
}
.cajaformnos p{
	font-family: 'Roboto', sans-serif;
	font-size:20px;
	line-height:20px;
	color:#fff;
	font-weight:normal;
	text-align:center;
	margin:auto;
}
#formpedido{
	width:100%;
	max-width:600px;
	height:aauto;
	margin: auto;
	margin-top:40px;
}
#formpedido .cajacampos{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 15px;
}
#formpedido .campos{
	width: 100%;
	height: 45px;
	line-height: 45px;
	background: rgba(0,0,0,0.3);
	padding: 0 15px;
	border: 1px solid #fff;
	color: #fff;
	transition: all 0.5s;
	font-family: 'Exo', sans-serif;
	font-size:16px;
}
#formpedido .campotext{
	width: 100%;
	height: 100px;
	line-height: 45px;
	background: rgba(0,0,0,0.3);
	padding: 0 15px;
	border-radius: 6px;
	transition: all 0.5s;
	border: 1px solid #fff;
	color: #fff;
	font-family: 'Exo', sans-serif;
	font-size:16px;
}
#formpedido #benviar{
	width: 30%;
	height: 50px;
	background: #6600CC;
	color: #FFFFFF;
	border: none;
	border-radius: 6px;
	text-align: center;
	cursor: pointer;
	transition: all 0.5s;
	float:right;
	margin-bottom:70px;
	font-family: 'Exo', sans-serif;
	font-size:21px;
	font-weight:bold;
	
}
#formpedido #benviar:hover{
	width: 100%;
	color: #6600CC;
	background: #fff;
}
#advertencia{
	color: #fff;

}

/***************************************************/
/********    DISEÑO PARA Custom             ********/
/***************************************************/
.columnasuno{
	display:flex;
	flex-direction:row;
	position:relative;
	align-items:center;	
}
.img-izq{
	width:55%;	
}
.con-der{
	width:45%;
	padding:0 5%;
}
.img-der{
	width:55%;
}
.con-izq{
	width:45%;		
	padding:0 5%;
}
.img-izq img, .img-der img{
	display:block;
	width:100%;
	height:auto;	
}
.mmouse{
	display:block;
	position:absolute;
	bottom:20px;
	left:50%;	
}
.con-der h2, .con-izq h2{
	color:#5DB431;
	font-family: 'Oswald', sans-serif;
	font-size:20px;
	font-weight:normal;	
}
.con-der p, .con-izq p{
	color:#FFFFFF;
}
.bot-izq{
	margin:15px 6px;
	padding:0;
	list-style:none;
	display:flex;	
}
.bot-izq li a{
	display:block;
	height:50px;
	padding:0 20px;
	background:#5DB431;
	color:#FFFFFF;
	line-height:50px;
	margin-right:10px;
	font-family: 'Oswald', sans-serif;
}
.bot-izq li:last-child a{
	background:#5DB431 url(../imagenes/descargar.png) no-repeat right;
	background-position:150px 19px;
	padding:0 35px 0 20px;
}
.con-izq h2{
	text-align:right;
}
.con-izq p{
	text-align:right;
}
.bot-der{
	margin:15px 6px;
	padding:0;
	list-style:none;
	display:flex;
	justify-content:flex-end;	
}
.bot-der li a{
	display:block;
	height:50px;
	padding:0 20px;
	background:#5DB431;
	color:#FFFFFF;
	line-height:50px;
	margin-left:10px;
	font-family: 'Oswald', sans-serif;
}
.bot-der li:last-child a{
	background:#5DB431 url(../imagenes/descargar.png) no-repeat right;
	background-position:150px 19px;
	padding:0 35px 0 20px;
}

#cuerpo{
	width:100%;
	max-width:1100px;
	margin:auto;	
}
#fcotizacion{
		
}
#fcotizacion p{
	color:#FFFFFF;
	padding:0 10px;
}
.filaform{
	display:flex;
	flex-direction:row;
	margin-bottom:15px;
}
.filaform p{
	width:20%;
}
.filaform .campos{
	width:30%;
	border:1px solid #FFFFFF;
	background:#1a1a1a;
	line-height:40px;
	color:#FFFFFF;
	padding:0 10px;
}
.mensaje{
	width:98%;
	height:150px;
	padding:10px;
	border:1px solid #FFFFFF;
	background:#1a1a1a;
	color:#FFFFFF;
	margin:16px;
}
.benviar{
	width:230px;
	height:50px;
	border:none;
	background:#5DB431;
	color:#FFFFFF;
	text-align:center;
	line-height:50px;
	float:right;
	margin:25px 16px;
	cursor:pointer;	
}
#datos{
	width:40%;
	padding-top:150px;
	position:absolute;
	left:60%;
	top:0;
	z-index:9999;
}
#datos h2{
	color:#5DB431;
	font-family: 'Oswald', sans-serif;
	font-size:20px;
	font-weight:normal;	
}
#datos p{
	color:#FFFFFF;
}
#datos .bot-izq{
	margin:15px 6px;
	padding:0;
	list-style:none;
	display:flex;	
}
#datos .bot-izq li a{
	display:block;
	height:50px;
	padding:0 20px;
	background:#5DB431;
	color:#FFFFFF;
	line-height:50px;
	margin-right:10px;
	font-family: 'Oswald', sans-serif;
}
#datos .bot-izq li:last-child a{
	background:#5DB431 url(../imagenes/descargar.png) no-repeat right;
	background-position:150px 19px;
	padding:0 35px 0 20px;
}
.titulos{
	color:#5DB431;
	line-height:50px;
	margin:20px 15px;
	font-family: 'Oswald', sans-serif;
	font-size:30px;
	font-weight:normal;
}
#cajadireccion{
	margin:30px 0;
	border-top:1px solid #FFFFFF;
	padding:10px 0;	
}
#cajadireccion h3{
	color:#FFFFFF;
	font-weight:normal;
	font-size:16px;
	margin:15px 6px;
}
#cajadireccion p{
	color:#FFFFFF;
}
#cajadireccion ul{
	margin:0;
	padding:0;
	list-style:none;
	display:flex;
	flex-direction:row;		
}
#cajadireccion ul li a{
	display:block;
	margin-right:6px;
	font-size:18px;
	color:#FFFFFF;
}
#advertencia{
	color:#ED3237!important;
	margin:20px 0;
	font-family: 'Dosis', sans-serif;
	font-size:160px;
	font-weight:normal;
}

/****************************************************/
/*************        LENTES           **************/
/****************************************************/
#contlentes{
	width:100%;
}
#cajalentes {
	width:100%;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	flex-wrap:wrap;
	margin:auto;
	padding:0 10px;
}
.lentes {
	width:24.5%;
	padding:7px;;
	margin-bottom:10px;
	/*border:1px solid #D6D6D6;*/
}
.lentes img{
	width:100%;
	display:block;
	margin:auto;
	border:1px solid #D6D6D6;
	padding:10px;
}
.lentes img:hover{
	/*filter: sepia(1);*/
	/*transform:scale(1.3);*/
	/*filter: opacity(0.5;*/
	/*transform: rotate(360deg);*/
	filter: grayscale(80%);
		
}
.lentes h4{
	color:#ED3237;
	font-family: 'Oswald', sans-serif;
	font-size:18px;
	line-height:18px;
	text-align:center;
	font-weight:bold;
	letter-spacing: 1px;
}
.lentes h4:hover{
	filter: grayscale(80%);
}
/*.cajalentes a{
	width:50%;
	display:block;
	height:40px;
	background:#ED3237;
	text-align:center;
	color:#fff;
	font-family: 'Oswald', sans-serif;
	font-size:16px;
	line-height:16px;
	font-weight:normal;
	transition:all 0.5s;
	padding:10px;
	margin:auto;
}
.cajalentes a:hover{
	background:#404040;
	color:#fff;
}*/


/****************************************************/
/*************        CONTACTO         **************/
/****************************************************/
#contenido-servicios{
	width:100%;
	height:auto;
	background:#FFF;	
}
/*#contenidoservicio {
	width:100%;
	max-width:1100px;
	padding:130px 0 60px 0;
	margin:auto;	
}*/
#cajacontacto{
	width:100%;
	height:auto;
	max-width:1100px;
	padding-top:20px !important;
	padding:0 60px;
	margin:auto;
	margin-top:-120px;			
}
/*.titulocontacto {
	font-size:50px;
	font-weight:normal;
	color:#000;
	display:block;
	line-height:60px;
	text-align:center;
	margin:40px 0 10px;	
}*/
.txtcontacto {
	width:100%;
	max-width:1100px;
	font-family: 'News Cycle', sans-serif;
	color:#000;
	font-size:18px;
	line-height:20px;
	text-align:justify;
	display:block;
	margin:auto;
	font-weight:normal;
	/*margin:30px 0 45px 0;*/
}
#cajaformulario{
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	padding-top:40px;
}
#cajaformulario h2{
	font-family: 'Dosis', sans-serif;
	font-size:24px;
	color:#6600CC;
	font-weight:bold;
	text-align:left;
	padding-top:70px;
}
#cajaformulario p{
	width:100%;
	font-family: 'Dosis', sans-serif;
	font-size:16px;
	line-height:18px;
	color:#000;
	font-weight:normal;
	text-align:left;
	margin-bottom:10px;
}
#direcciones{
	width:50%;	
}
#fcontacto{
	width:50%
}
.campos{
	width:100%;
	height:40px;
	line-height:40px;
	border:1px solid #E2E2E2;
	display:block;
	padding:0 10px;
}
.comentarios{
	width:100%;
	height:130px;
	border:1px solid #E2E2E2;
	display:block;
	padding:10px;
}
.cajaboton{
	display:flex;
	flex-direction:row;
 	justify-content:flex-end; /*mueve el bottom hacia la derecha*/
}
.benviar{
	width:230px;
	height:45px;
	line-height:45px;
	display:block;
	background:#6600CC;
	text-align:center;
	color:#fff;
	font-family: 'Dosis', sans-serif;
	font-weight:bold;
	transition:all 0.5s;
	margin:10px 0;
	border:none;
	cursor:pointer;
}
.benviar:hover{
	background:#090017;	
}
.bmapa{
	width:230px;
	height:45px;
	line-height:45px;
	display:block;
	background:#235A81;	
	text-align:center;
	color:#FFFFFF;
	font-family: 'Oswald', sans-serif;
	transition:all 0.5s;
	margin:10px 6px;
}
.bmapa i{
	font-size:18px;
	font-weight:normal;
}
.bmapa:hover  {
	background:#20C0DF;
}
#advertencia{
	width:100%;
	height:40px;
	color:#FF0004;
	font-size:18px;
	font-family: 'Dosis', sans-serif;
	line-height:18px;
	font-weight:bold;
	margin-top:0;
}
#mapa{
	width:100%;
	height:400px;
}


/***************************************************/
/********    DISEÑO PARA TABLETAS 1024      ********/
/***************************************************/
@media only screen and (max-width: 1024px){
	#cabecera{
		flex-direction:column;
		padding:10px 0 0 0;
	}
	#cabecera figure img{
		display:block;
		margin:auto;	
	}
	#cabecera #menu{
		width:100%;
	}
	#banner{
		overflow:hidden;
		position:relative;
		margin-top:-7px;
	}
	
}
/***************************************************/
/********    DISEÑO PARA TABLETAS 960      ********/
/***************************************************/
@media only screen and (max-width: 960px){

}

/***************************************************/
/********    DISEÑO PARA TABLETAS 800       ********/
/***************************************************/
@media only screen and (max-width: 800px){
	#cabecera figure{
		order:1;
		margin-bottom:10px;
	}
	.socialessup{
		order:2;
	}
	#menu{
		order:3;	
	}
	#unacolumna a .mouse{
		display:none;	
	}
	#piepagina{
		flex-direction:column;
	}
	.cajap{
		width:90%;
		margin:auto;
		border-right:none;
		margin-bottom:10px;
	}
	#piepagina .cajap:first-child{
		border-bottom:4px solid #5DB431;
	}
	/***************************************************/
	/********    DISEÑO PARA Custom             ********/
	/***************************************************/
	.columnasuno{
		flex-direction:column;
	}
	.img-izq{
		width:90%;	
		margin:auto;
		order:1;
	}
	.con-der{
		width:90%;
		margin:auto;
		order:2;
	}
	.img-der{
		width:90%;
		margin:auto;
		order:1;
	}
	.con-izq{
		width:90%;		
		margin:auto;
		order:2;
	}
	.mmouse{
		display:none;	
	}
	/***************************************************/
	/********    DISEÑO PARA TABLETAS 603       ********/
	/***************************************************/
	.filaform{
		flex-direction:column;
	}
	.filaform p{
		width:95%;
		display:block;
		margin:auto;
		margin-bottom:6px;
		margin-top:6px;
		margin-left:10px;
	}
	.filaform .campos{
		width:95%;
		margin:auto;
	}
	.mensaje{
		width:95%;
		display:block;
		margin:auto;
	}
	#datos{
		width:50%;
		padding-top:20px;
		position:static;
		margin:auto;
	}
	
}

@media only screen and (max-width: 603px){
	/****************************************************/
	/*************         PRODUCTOS       **************/
	/****************************************************/
	.cajaproductos div {
		width:49.5%;
	}
}
/***************************************************/
/********    DISEÑO PARA TABLETAS 533       ********/
/***************************************************/
@media only screen and (max-width: 533px){
	
	
	
}
/***************************************************/
/********    DISEÑO PARA TABLETAS 480       ********/
/***************************************************/
@media only screen and (max-width: 480px){
	#doscolumnas{
		flex-direction:column;
	}
	#doscolumnas a{
		width:100%;
	}
	.img-izq{
		width:100%;
	}
	.con-der{
		width:100%;
		padding:0 2%;
	}
	.img-der{
		width:100%;
	}
	.con-izq{
		width:100%;
		padding:0 2%;
	}
	#datos{
		width:99%;
		padding-top:20px;
		position:static;
		margin:auto;
	}
	
	.cajaproductos div {
		width:100%;
	}
	
	/****************************************************/
	/*****************       PEDIDOS        *************/
	/****************************************************/
	.cajaformnos h2{
		font-family: 'Oswald', sans-serif;
		font-size:30px;
		line-height:30px;
		padding-top:70px;
	}
	.cajaformnos p{
		font-family: 'Dosis', sans-serif;
		font-size:16px;
		line-height:20px;
	}
	#formpedido #benviar{
		width: 100%;
		font-family: 'Roboto', sans-serif;
	}
	.textnos p{
		font-family: 'Dosis', sans-serif;
		font-size:20px;
		line-height:22px;
		color:#fff;
		margin-bottom:15px;
	}
	.titulo h2{
		font-size:35px;
		line-height:10px;
	}
	#cabecera img{
		width:320px;
		height:auto;
	}
}
/***************************************************/
/********    DISEÑO PARA TABLETAS 360       ********/
/***************************************************/
@media only screen and (max-width: 360px){
	/****************************************************/
	/*****************       PEDIDOS        *************/
	/****************************************************/
	.cajaformnos h2{
		font-family: 'Oswald', sans-serif;
		font-size:28px;
		line-height:28px;
		padding-top:40px;
	}
	.cajaformnos p{
		font-family: 'Dosis', sans-serif;
		font-size:14px;
		line-height:20px;
	}
	#formpedido #benviar{
		width: 100%;
		font-family: 'Roboto', sans-serif;
	}
	.textnos p{
		font-family: 'Dosis', sans-serif;
		font-size:19px;
		line-height:21px;
		margin-bottom:15px;
	}
	.titulonos h2{
		font-size:30px;
		padding-top:50px;
	}
	.titulonos p{
		font-family: 'Dosis', sans-serif;
		margin-top:-5px;
	}
	.titulo h2{
		font-size:30px;
		line-height:10px;
	}
	
}