body,html {
	overflow-x:hidden;
}
body{
	margin:0%;
	padding:0%;
	color:#666;
	font-family: 'Roboto', sans-serif;
	width: 100%;
}
iframe {
	margin:0%;
	padding:0%;
	color:#666;
	font-family: 'Roboto', sans-serif;
	width: 100%;
	overflow-y:hidden;
}
header, nav, section, footer{
	float: left;
	width: 80%;
	padding-left: 10%;
	padding-right: 10%;
}
nav{
	z-index: 100000000000000000000000000000000000000000000000000000000000000000000000000000000000000000;
}
h1, h2, h3{
	font-weight: 100;
	color: #931F31;
}
a:link, a:visited, a:active {
    text-decoration:none;
}
header{
	padding-bottom: 5px;
}
.logo{
   	float: left;
}
.haderContact{
   	float: right;
   	padding-top: 10px;
   	display: flex;
    align-items: center;
}
.telefonos,.email{
   	float: left;
   	font-weight: bold;
}
.email{
	margin-left: 30px;
}
.botonPequeno{
	float: left;
	width: 44%;
	margin-left: 28%;
	padding: 5px;
	background-color:#931F31;
	background-image: url("../img/botones/boton-pequeno.png");
	background-repeat: no-repeat;
  	color:#FFF;
  	border-radius: 5px;
  	text-align: center;
}
nav{
	padding-top: 15px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	background-color: #282A68;
	color: #FFF;
}
nav ul{
    list-style:none; /* Eliminamos los bullets */
    margin:0px; /* Quitamos los margenes */
    padding:0px; /* Quitamos el padding */
    position: relative;
 }
nav ul li {
    float:left; /* Hacemos que el menu se muestre horizontal */
    padding-left:10px;
    padding-right:10px;
    height: 25px;
}
  
ul#menu li:hover{
 color: #FFF;
 cursor:pointer;
}
  
ul#menu ul {
 display: none;
 position: absolute;
 top: 25px;
 background:#6C8191;
 color: #fff;
 margin: 0;
 width: 150px;
 z-index: 1000000000000000000000;
 }
  
ul#menu ul li{
 float: left;
 color: #fff;
 width:100%;
 background:#6C8191;
 border-bottom: 1px solid #DDD;
 padding-top: 10px;
 font-size: 14.5px;
}
 
 
ul#menu ul li a{
 color: #fff; 
}
  
ul#menu ul li a:hover{
 color: #FFF;
 cursor:pointer;
}
  
ul#menu li:hover ul ul,ul#menu li:hover ul ul ul,ul#menu li.iehover ul ul,ul#menu li.iehover ul ul ul {
 display: none;
 cursor:pointer;
}
  
ul#menu li:hover ul,ul#menu ul li:hover ul,ul#menu ul ul li:hover ul,ul#menu li.iehover ul,ul#menu ul li.iehover ul,ul#menu ul ul li.iehover ul {
 display: block;
 cursor:pointer;
}
#m1{margin-left: -10px;}
nav ul li a{
    text-decoration:none;
    color:#FFF;
}
nav ul li a:hover{
    color:#FFF;
}
.on{
	border-bottom: 2px solid #931F31;
}
.banner{
	float: left;
	width: 100%;
	padding-top: 15px;
	padding-bottom: 10px;
	background:#F0F0F0;
	background-image: url("../img/gris.jpg");
}
.info-banner{
	float:left; 
	width:100%;
}

.info-banner a{
	color:#666;
}

.info-banner ul {
  list-style: none;
}

.info-banner ul li::before {
  content: "\2022";
  color: #931F31;
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
}
.bienvenida{
	padding-top: 35px;
	padding-bottom: 45px;
}
.bienvenida p{
	text-align: center;
}
.bienvenida h1{
	text-align: center;
}
.inicioProductos{
	float: left;
	background:#F0F0F0;
	padding-top: 20px;
	padding-bottom: 20px;
	background-image: url("../img/gris.jpg");
}

.inicioProductos>div{
	float: left;
	width: 20%;
	margin-left:3.8%;
	margin-bottom: 30px;
	height: 210px;
	border:1px solid #DDD;
	background:#FFF;
	position: relative;
	overflow: hidden;
}
.prodDescr{
	float: left;
	width: 100%;
	height: 60px;
	position: absolute;
    bottom: 0px;
	background-color:#282A68;
	background-image: url("../img/botones/boton-pequenoA.png");
	background-repeat: no-repeat;
  	color:#FFF;
  	display: flex;
    align-items: center;
}
.prodDescr p{
	float: left;
	width: 100%;
	text-align: center;
}
.inicioProductos img.zoom {
    width:90%;
    padding: 5%;
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
}
 
.transition {
    -webkit-transform: scale(1.2); 
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.nosotrosL
{
	float: left;
	width: 44%;
	border: 1px solid #DDD;
	padding: 2%;
	height: 450px;
	margin-top: 20px;
	-webkit-box-shadow: 10px 10px 5px -4px rgba(168,166,168,1);
	-moz-box-shadow: 10px 10px 5px -4px rgba(168,166,168,1);
	box-shadow: 10px 10px 5px -4px rgba(168,166,168,1);
	background: linear-gradient(to bottom, #f0f0f0, #ffffff);
}
.nosotrosR
{
	float: right;
	width: 44%;
	height: 450px;
	border: 1px solid #DDD;
	padding: 2%;
	margin-top: 20px;
	-webkit-box-shadow: 10px 10px 5px -4px rgba(168,166,168,1);
	-moz-box-shadow: 10px 10px 5px -4px rgba(168,166,168,1);
	box-shadow: 10px 10px 5px -4px rgba(168,166,168,1);
	background: linear-gradient(to bottom, #f0f0f0, #ffffff);
}
.nosotrosL2
{
	float: left;
	width: 44%;
	/*border-right: 1px solid #DDD;*/
	padding: 2%;
	height: 450px;
	margin-top: 20px;
	background: linear-gradient(to bottom, #f0f0f0, #ffffff);
}
.nosotrosR2
{
	float: right;
	width: 44%;
	height: 450px;
	text-align: center;
	padding: 2%;
	margin-top: 0px;
}
.nosotrosL1
{
	float: left;
	width: 44%;
	/*border-right: 1px solid #DDD;*/
	padding: 2%;
	height: 450px;
	margin-top: 20px;
	background: linear-gradient(to bottom, #f0f0f0, #ffffff);
}
.nosotrosR1
{
	float: right;
	width: 44%;
	height: 450px;
	text-align: center;
	padding: 2%;
	margin-top: -15px;
}

.nosotrosL2 ul {
  list-style: none;
  padding: 0;
}

.nosotrosL2 li {
  position: relative;
  padding-left: 25px;
  margin-bottom: 12px;
}

.nosotrosL2 li::before {
  content: "•";
  position: absolute;
  left: 0;
  top: 0;
  color: #931f31; /* Color personalizado de la viñeta */
  font-size: 30px;
  line-height: 1;
}
.nosotrosL2 li strong {
  color: #282A68; /* Color del título de cada valor */
}
.certificaciones{
	float: left; 
	width: 25%; 
	height: 160px;
	position: relative;
	text-align: center;
	margin-bottom: 30px;
}
.certificaciones>p{
	float: left; 
	width: 100%; 
	text-align: center;
	position: absolute;
	bottom: 0px;
}
.capasFCD{
	background-image: url('../img/gris.jpg');
	margin-top: 30px;
}
.FCD{
	float: left;
	width: 20%;
	margin-right: 4.8%;
	margin-top: 20px;
	margin-bottom: 20px;
	height: 230px;
	background:#FFF;
	}
#capa1{
	border:1px solid #0E165C;
}
.capa1, .capa2, .capa3{
	float: left;
	width: 96%;
	margin: 0px;
	padding-left: 4%;
	padding-top:6px;
	padding-bottom: 6px;
	background-color:#0E165C;
	color:#FFF;
}
#capa2{
	border:1px solid #A3AAAD;
}
.capa2{
	background-color:#A3AAAD;
	color:#666;
}
#capa3{
	border:1px solid #AC1E2C;
}
.capa3{
	background-color:#AC1E2C;
	color:#FFF;
}
.cotizacion{
	float: left;
	display: flex;
    align-items: center;
	width: 100%;
	padding: 1%;
	margin-top: 50px;
	margin-bottom: 30px;
	background-color:#931F31;
	background-image: url("../img/botones/boton-pequeno.png");
	background-repeat: no-repeat;
	background-size: 100%;
  	color:#FFF;
  	border-radius: 5px;
  	position: relative;
}
#img_capa>img{
	width: 100%;
}
.C1{
	float: left;
	width: 45%;	
	margin-left:3% 
}
.C1 h1{ margin: 0px; color: #FFF; }
.C1 p{ margin: 0px; color: #FFF; font-size: 11.3px;}
.cH1{
	float: left;
	border-bottom: 3px solid #282A68;
}
.tablaTermo{
	float: left;
	width: 100%;
	border:0px; 
}
.tablaTermo{
	border:1px solid #ccc;
	padding: 3px;
	text-align: center;
}
.intro_smoke, .intro_termo, .intro_malla, .intro_pouch, .intro_funda{
	float: left; 
	width: 50%; 
	padding-right: 0px;
}
.intro_p{
	float: left; 
	text-align: justify;
}
.imagen_smoke, .imagen_termo, .imagen_malla, .imagen_pouch, .imagen_funda{
	float: left;
	width: 20%;
}
.imagen_smoke>img, .imagen_termo>img, .imagen_malla>img, .imagen_pouch>img, .imagen_funda>img{
	width:100%;
}
.table_intro{
	float:left; 
	width: 80%; 
	margin-left: 10%;
}
.intro_termo, .intro_malla, .intro_funda{
	width: 40%; 
}
.imagen_termo{
	width: 25%;
}
.nota_termo{
	 float: left; 
	 width: 50%; 
	 margin-left: 10%; 
	 margin-top: 30px;
}
.img_composicion{
	 float:right;
	 width:20%;
}
.txt_composicion{
	float: left; 
	width: 70%;
	text-align: justify;
}
.txt_composicion li{
	margin-bottom: 4px;
}
.ventajas li{
	margin-bottom: 4px;
}
.C2{
	float: left;
	width: 18%;	
	margin-left:1% 
	font-size: 14px;
	font-weight: 300;
}
.C3{
	float: left;
	width: 42%;	
	margin-left:1%;
}
.cotiContact{
	float:right;
	border:1px solid #666;
	padding: 2%;
	margin-right: 10%;
	color:#000;
	background-color: #F7F7F7;
	font-size: 14px;
	font-weight: 600;
}
.formulario{
	cursor:pointer;
}
.formuF{
	display: none;
	position: fixed;
	background-color: #000;
	top:0px;
	width: 100%;
	height: 100%;
	opacity:0.8;
	cursor:pointer;
	z-index:1000000000000000000000000000000000000000000000000000;
}
.formu{
	display: none;
	position: fixed;
	background-color: #FFF;
	top:5%;
	left: 25%;
	width: 50%;
	z-index:1000000000000000000000000000000000000000000000000000;
}
table {
	float: left;
	width: 100%;
  	background-color: #FFF;
  	border-collapse:collapse; 
  	border: none;
  	margin-top: 10px;
  	border:solid 1px #DDD;
  	border-top:0px;
}

thead{ 
	text-align: left; 
	font-weight: 100;
	color: #FFF;
	background-color:#2c3e50;
}
.tableT{
	color:#931F31;
	font-weight: 600;
	background-color:#FFF;
}
td {
  padding-top: 10px;
  padding-bottom: 5px;
}

tbody tr:nth-child(odd) {
  background-color: #FFF;
}

tbody tr:nth-child(even) {
  background-color: #BECDDC;
}

.formulario>div{
	float: left; 
	display: flex; 
	width: 40%; 
	margin-left:10%;
}
.form
{
	float: left;
	width: 41%;
	border: 1px solid #DDD;
	padding: 2%;
	-webkit-box-shadow: 10px 10px 5px -4px rgba(168,166,168,1);
	-moz-box-shadow: 10px 10px 5px -4px rgba(168,166,168,1);
	box-shadow: 10px 10px 5px -4px rgba(168,166,168,1);
}
.mapaC{
	float: left;
	height: 500px;
	background:#F0F0F0;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-top: 40px;
}
input
{
	float: left;
	width: 98%;
	height: 25px;
	margin:0px;
	margin-bottom: 20px;
	border: 1px solid #931F31;
}
.enviar{
	float: left;
	width: 100%;
	height: 30px;
	border:0px;
	color: #FFF;
	background-color:#D12C3A;
	background-image: url("../img/botones/boton-pequeno.png");
	background-repeat: no-repeat;
	background-size: 100%;
	cursor:pointer;
}
.malito a
{
	float: left;
	width: 100%;
	color:#666;
}
.malito a:hover
{
	font-size: 16px;
}
textarea{
	width: 98%;
	margin:0px;
	margin-bottom: 10px;
	border: 1px solid #931F31;
}
footer{
	padding-top: 15px;
	padding-bottom: 15px;
	background:#333333;
	color:#DDD;
}
footer a{
color:#DDD;
}
footer a:hover{
color:#FFF;
margin-left: 5px;
}
footer>div{
	float: left;
	width: 22%;
}
footer>hr{
	float:left; 
	width: 100%; 
	height:1px; 
	background-color: #DDD; 
	border:0px;
}
.mapa{
	float: right;
	border-radius: 5px;
	width: 34%;
	margin-bottom: 15px;
	margin-top:20px;
}
.footer-logo{
	width:100px;
	margin-bottom: 10px;
}
.telefonosM{
		display: none;
	}
.emailM{
	display: none;
}
/*ACORDEON*/

.preguntasA{
	float: left;
	width: 60%; 
	margin-left: 21%; 
}
#container-main{
    margin:40px auto;
    width:95%;
    /*min-width:320px;
    max-width:960px;*/
}
 
 
.accordion-container {
    width: 100%;
    margin: 0 0 20px;
    clear:both;
}
 
.accordion-titulo {
    position: relative;
    display: block;
    padding: 20px;
    font-size: 24px;
    font-weight: 300;
    background: #2c3e50;
    color: #fff;
    text-decoration: none;
    cursor:pointer;
}
.accordion-titulo.open {
    color: #fff;
}
.accordion-titulo:hover {
    background: #931F31
}
 
.accordion-titulo span.toggle-icon:before {
    content:"+";
}
 
.accordion-titulo.open span.toggle-icon:before {
    content:"-";
}
 
.accordion-titulo span.toggle-icon {
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 38px;
    font-weight:bold;
}
 
.accordion-content {
    display: none;
    padding: 20px;
    overflow: auto;
}
 
.accordion-content p{
    margin:0;
}
 
.accordion-content img {
    display: block;
    float: left;
    margin: 0 15px 10px 0;
    width: 50%;
    height: auto;
}
 #img_banner{
 	 float:left; width: 50%; margin-top: 50px;
 }
 .pie-contactoM{
 	display: none;
 }

 /*///////////////////CSS MOVIL////////////////////*/

@media only screen and (max-width: 1200px) {
 header, nav, section, footer{
	width: 86%;
	padding-left: 7%;
	padding-right: 7%;
	}
	.FCD{
		height: 280px;
		width: 21%;
		margin-right: 2%;
	}
}

@media only screen and (max-width: 1000px) {
 header, nav, section, footer{
		width: 90%;
		padding-left: 5%;
		padding-right: 5%;
	}
	.inicioProductos>div{
		width: 30%;
		margin-left:3%;
		height: 180px;
	}
	.inicioProductos img.zoom {
	    width:98%;
	    padding: 1%;
	}
	.imagen_smoke, .imagen_termo, .imagen_malla, .imagen_pouch, .imagen_funda{
		width: 30%;
		padding-top: 20px;
	}
	.form
	{
		width: 40%;
	}
	.formulario>div{
		width: 50%; 
		margin-left:5%;
	}
	.FCD{
		height: 300px;
		width: 23%;
		margin-right: 1%;
	}


@media only screen and (max-width: 700px) {
 header, nav, section, footer{
		width: 96%;
		padding-left: 2%;
		padding-right: 2%;
		font-size: 14px;
	}
	nav{
		padding-left: 6%;
		z-index: 1000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000;
	}
	.banner{
		position: relative;
		height: 110px;
	}
	.sheetSlider{
		width:100%;
		height: 150px;
	}
	#iniPM{
		display: block;
	}
	.info-banner{
		display: none;
	}
	#img_banner{
		margin:0px;
		float: left;
		width: 80%;
		margin-left: 10%;
	}
	.logo{
		width: 35%;
   		float: left;
   		margin-right: 20px;
	}
	.logo img{
		padding-top: 30px;
		width: 100%;
   		float: left;
	}
	.haderContact{
		display: none;
	}
	.telefonosM{
		padding-top: 30px;
		padding-right: 0%;
		float: left;
		width: 50%;
		display: block;
		text-align: right;
	}
	.emailM{
		float: left;
		width: 100%;
		display: block;
	}
	.emailM .botonPequeno{
		float: left;
		width: 35%;
		margin:0px;
		margin-top:2px;
		margin-right: 30px;
	}
	.inicioProductos>div{
		width: 45%;
		margin-left:3%;
		height: 190px;
	}
	.imagen_smoke, .imagen_termo, .imagen_malla, .imagen_pouch, .imagen_funda{
		width: 40%;
		padding-top: 30px;
	}
	.FCD{
		height: 160px;
		width: 80%;
		margin-left:10%;
	}
	#img_capa>img{
		margin-left: 20%;
		width: 60%;
	}
    .accordion-content {
        padding: 10px 0;
    }
    .preguntasA{
		width: 90%; 
		margin-left: 5%; 
	}
    footer>div{
		width: 100%;
	}
	.mapa{
		margin-top: 20px;
		width: 100%;
	}
	.nosotrosL,.nosotrosR,.nosotrosL1,.nosotrosR1,.nosotrosL2,.nosotrosR2
	{
		
		width: 98%;
		padding: 1%;
		height: 100%;
		margin: 0px;
		margin-top: 10px;
	}
	.footer_Prod{
		display: none;
	}
	.footer_Menu{
		display: none;
	}
	.footer-logo{
		float: left;
		width:40%;
		margin-bottom:0px;
		margin-right: 15px;
	}
	.cotizacion{
		height: 140px;
	}
	.C1{
		top: 10px; 
		width: 100%;	
		position: absolute;
	}
	.C2{

		position: absolute;
		top: 60px; 
		left: 4%;
		width: 50%;
	}
	.C3{
		position: absolute;
		top: 80px; 
		left: 20%;
		width: 50%;
	}
	.form
	{
		width: 93%;
	}
	.formulario>div{
		width: 100%; 
		margin-left:0%;
	}
}
@media only screen and (max-width: 600px) {
	.pie-contactoM{
 		display: block;
 	}
 	.pie-contactoE{
 		display: none;
 	}
	.bienvenida{
		text-align: justify;
	}
	.bienvenida p{
		text-align: justify;
	}

	.haderContact{
		width: 100%;
	   	float: left;
	   	margin-left: 0%; 
	   	padding-top: 10px;
	}
	.cotizacion{
		width: 100%;
		height: 140px;
		margin: 0px;
		margin-bottom: 10px;
		padding:0px;
	}
	.email{
		float: right;
	}
	header, nav, section, footer{
		font-size: 14px;
	}
	nav{
		z-index: 1000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000;
		font-size: 14px;
	}
	nav ul li {
    	padding-left:5px;
    	padding-right:5px;
 	}
 	ul#menu ul li{
		 font-size: 14px;
	}
	.intro_smoke, .intro_termo, .intro_malla, .intro_pouch, .intro_funda{
		width: 95%; 
	}
	.imagen_smoke, .imagen_termo, .imagen_malla, .imagen_pouch, .imagen_funda{
		width: 60%;
		padding-left: 20%;
		padding-top: 20px;
	}
	.table_intro{
		float:left; 
		width:98%; 
		margin-left:1%;
	}
	.nota_termo{
		width: 92%; 
		margin-left:4%; 
		margin-top: 20px;
	}
	.img_composicion{
		float: left;
		width:50%;
		margin-left: 25%;
		margin-top: 20px;
	}
	.txt_composicion{
		width: 80%;
		text-align: justify;
	}
	.txt_composicion li{
		margin-bottom: 4px;
	}
	.C3{
		position: absolute;
		top: 80px; 
		left: 40%;
		width: 50%;
	}
}
@media only screen and (max-width: 400px) {

	 header, nav, section, footer{
		font-size: 13px;
	}
	nav{
		font-size: 13px;
	}
	nav ul li {
    	padding-left:5px;
    	padding-right:5px;
 	}
 	ul#menu ul li{
		 font-size: 13px;
	}
	.FCD{
		height: 160px;
		width: 98%;
		margin-left:2%;
	}
	#img_capa>img{
		margin-left: 5%;
		width: 90%;
	}
}

@media only screen and (max-width: 360px) {
	
	 header, nav, section, footer{
		font-size: 12px;
	}
	nav{
		font-size: 12px;
	}
 	ul#menu ul li{
		 font-size: 12px;
	}
	.logo{
		width: 30%;
   	
	}
	.emailM .botonPequeno{
		width: 30%;
	}
}