@charset "utf-8";
header, nav, section, article, aside, figure, footer{
	display:block;
}
.limpiar{
	clear:both;
}
a img{
	border:none;
}
body{
	margin: 5px;
	background-color:#fff;
	background-attachment: fixed;
	background-position: center;
}
p{
	font-size: 10px;
	color: #002040;
	text-align: center;
	padding: 5px;
	font-family: Tahoma, Geneva, sans-serif;
}
p0{
	font-size: 11px;
	color: #fff;
	text-align: center;
	padding: 5px;
	font-family: Tahoma, Geneva, sans-serif;
}
p1{
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #211858;
	font-size: 16px;
	text-align: justify;
	padding: 5px;
	}
p2{
	font-family: 'Sniglet', cursive;
	color: #000;
	font-size: 12px;
	text-align: justify;
	padding: 5px;
	}
p3{
	font-family: 'Sniglet', cursive;
	color: #222;
	font-size: 16px;
	text-align: justify;
	padding: 5px;
	}
p4{
	font-family: Tahoma, Geneva, sans-serif;
	color: #FF4000;
	font-size: 18px;
	text-align: center;
	text-decoration: underline;
	}
	

h1{
	font-family:  Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #6B99D6;
	font-weight: bold;
	margin-left: 5px;
}
h2{
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #000;
	text-align: center;
	font-size: 12px;
	margin-bottom: 5px;
	margin-left: 5px;
	}
h3{
	font-family: Tahoma, Geneva, sans-serif;
	color: #0072B0;
	text-align: justify;
	font-size: 20px;
	margin-bottom: 5px;
	margin-left: 5px;
	text-decoration: underline;
	}
h4{
	font-family: 'Righteous', cursive;
	color: #0072B0;
	text-align: center;
	font-size: 14px;
	margin-bottom: 5px;
	margin-left: 5px;
	text-decoration: underline;
	}
h5{
	font-family: Tahoma, Geneva, sans-serif;
	color: #004797;
	font-size: 35px;
	text-align: center;
	}
h6{
	font-family: Tahoma, Geneva, sans-serif;
	color: #000C3C;
	font-size: 20px;
	text-align: center;
	}	
	
/*--- Maquetacion ---*/
#contenedor{
	width: 1325px;
	background-color:#FFF;
	margin: auto;	
}

.flotante {
	display: scroll;
	position: fixed;
	bottom: 0px;
	right: 0px;
	z-index: 999;
	margin-bottom: 20px;
	margin-right: 10px;
}
/*--- Cabecera ---*/
#cabecera{
   float: left;	
   background-image: url(../imagenes/lin.jpg);
   background-repeat: repeat-x; 
   width:1325px;
}

#dir{
	float: left;
	height: 100%;
	width: auto;
	margin-top: 3px;
	margin-right: 0px;
	margin-left: 400px;
	text-align: center;
	}
#dir2{
	float: left;
	height: 100%;
	width: auto;
	margin-top: 3px;
	margin-right: 0px;
	margin-left: 10px;
	text-align: center;
	}

#dir3{
	float: left;
	height: 100%;
	width: auto;
	margin-top: 6px;
	margin-right: 0px;
	margin-left: 10px;
	text-align: center;
	}
#logo{
	float: left;
	height: auto;
	width: auto;
	margin-top:40px;
	margin-right: 10px;
	margin-left: 20px;
	padding: 5px;
	border-top-width: 1px;
	margin-bottom: 10px;
}

#menu{
	float: left;
	margin-top: 40px;
	margin-left: 0px;
	}

	#contador{
	float: right;
	width: auto;
	height: auto;
	margin-top: 190px;
	margin-right: 10px;
	margin-bottom:30px;
	}

/*--- slider ---*/
.slider{
	float: left;
	width: auto;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: groove;
	border-bottom-style: groove;
	
	}
.slider1{
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: groove;
	border-bottom-style: groove;
	
	}	
/*--- Cuerpo ---*/

#conceptos{
	margin-bottom: 20px;	
	}
#ft-emp{
	float:left;
	margin-bottom:20px;
	
}
#hist{
	float:left;
	margin-left:640px;
	margin-right: 5px;
	width:auto;
	margin-bottom:40px;
	margin-top:-250px;
	}
	
#titulito{
	float:left;
	margin-left:400px;
	margin-top:60px;
	text-align: justify;
}

#titulo{
	float:left;
	margin-left:350px;
	margin-top:-50px;
	width: 550px;
	text-align: justify;
	}

.retrat{
	height: auto;
	float: left;
	background-color: rgba(204,204,204,0.5);
	padding-top: 35px;
	margin-top: 10px;
	margin-right: 15px;
	margin-left: 100px;
	margin-bottom: 10px;
	border-bottom-width: 2px;
	box-shadow: 2px 2px 5px #999;
	border-radius: 5px;
	text-align: center;
	padding-right: 10px;
	padding-left: 10px;
}
/*--- colores ---*/

.colores{
	float: left;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	height: auto;
	width: 1280px;
	background-color:#fff;
	padding-bottom: 20px;
	padding-top: 10px;
	background-image: url(../imagenes/fondo2.jpg);
	background-repeat: repeat-y;
	
}

 #servi{
	width: 80px;
	float: left;
	padding-top: 15px;
	margin-top: 10px;
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 10px;
	border-bottom-width: 2px;
	padding-bottom: 10px;
	text-align: center;
	
}
/*--- Cuidados ---*/
.titulo1{
	float:left;
	margin-left:550px;
	margin-bottom:20px;
	margin-top:20px;
	}


.almacen{
	float: left;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	height: auto;
	width: 1280px;
	background-image: url(../imagenes/fondo2.jpg);
	background-repeat: repeat-y;
	padding-bottom: 20px;
	padding-top: 10px;
	box-shadow: 2px 2px 5px #666;
	border-radius: 5px;
	
}
.miento{
	float: left;
	margin-left: 20px;
	margin-right:20px;
	height: auto;
	width: auto;
			
}
/*--- dirección ---*/


	
/*--- Jersey ---*/
#conceptos1{
	margin-bottom: 20px;
	background-color: #fff;
	padding-bottom: 20px;
	}
#titulito1{
	float:left;
	margin-left:500px;
	margin-top:60px;
	text-align: justify;
}

#foto{
    float: left;
    margin-left:550px;
	margin-right: 50px;
    margin-bottom: 25px;
    margin-top: 10px;    
}

#imag15{
	float: left;
	margin-left: 50px;
	margin-top: 20px;
	width: auto;
	}
#pers5{
	float: left;
	margin-left:100px;
	margin-top:40px;
	}
#imag16{
	float:right;
	margin-right:50px;
	margin-top:10px;
	width: auto;
	}
#imag17{
	float:left;
	margin-left:50px;
	margin-right:550px;
	margin-top:100px;
	width: auto;
	}
#imag18{
	float:left;
	margin-left:500px;
	margin-right:300px;
	margin-top:-450px;
	width: auto;
	}
#imag19{
	
	float: right;
	margin-right:30px;
	margin-top:-450px;
	width: auto;
	}
#imag20{
	float:left;
	margin-left:50px;
	margin-top:50px;
	width: auto;
	}
#imag21{
	float: left;
	margin-left:500px;
	margin-right:300px;
	margin-top:-450px;
	width: auto;
	}
#imag22{
	float:right;
	margin-right:30px;
	margin-top:-450px;
	width: auto;
	}
#imag23{
	float:left;
	margin-left:50px;
	margin-top:50px;
	width: auto;
	}	


/*--- Fleece ---*/
#foto9{
    float: left;
    margin-left: 550px;
	margin-right: 150px;
    margin-bottom: 5px;
    margin-top: 10px;
    
}
#imag8{
	float:left;
	margin-left:50px;
	margin-top:20px;
	width: auto;
	}
#pers4{
	float: left;
	margin-left:500px;
	margin-right:300px;
	margin-top:-400px;
	}
#imag9{
	float:right;
	margin-right:50px;
	margin-top:-450px;
	width: auto;
	}
/*--- Licra ---*/
#foto10{
    float: left;
    margin-left: 550px;
	margin-right: 550px;
    margin-bottom: 5px;
    margin-top: 10px;   
}
#imag24{
	float:left;
	margin-left:50px;
	margin-right:550px;
	margin-top:50px;
	width: auto;
	}
#pers6{
	float: left;
	margin-left:-400px;
	margin-top:40px;
	}
#imag25{
	float:right;
	margin-right:30px;
	margin-top:-450px;
	width: auto;
	}
#imag26{
	float:left;
	margin-left:50px;
	margin-right:550px;
	margin-top:100px;
	width: auto;
	}
#imag27{
	float:left;
	margin-left:500px;
	margin-right:150px;
	margin-top:-455px;
	width: auto;
	}
#imag28{
	float:right;
	margin-right:30px;
	margin-top:-455px;
	width: auto;
	}
/*---Picket ---*/

#foto2{
    float: left;
    margin-left: 550px;
	margin-right: 550px;
    margin-bottom: 50px;
    margin-top: 10px;
    
}
imag29{
	float:left;
	margin-left:50px;
	margin-top:50px;
	width: auto;
	}
#pers2{
	float: left;
	margin-left:500px;
	margin-right:300px;
	margin-top:-450px;
	}

/*--- interlock ---*/
#foto5{
    float: left;
    margin-left: 550px;
	margin-right: 550px;
    margin-bottom: 5px;
    margin-top: 10px;    
}
#imag10{
	float:left;
	margin-left:50px;
	margin-top:50px;
	width: auto;
	}
#pers7{
	float: left;
	margin-left:100px;
	margin-top:40px;
	}
#imag11{
	float:right;
	margin-right:50px;
	margin-top: 50px;
	width: auto;
	}
#imag12{
	float:left;
	margin-left:50px;
	margin-right:550px;
	margin-top:100px;
	width: auto;
	}	
#imag13{
	float:left;
	margin-left:500px;
	margin-right:100px;
	margin-top:-450px;
	width: auto;
	}
#imag14{
	float:right;
	margin-right:20px;
	margin-top:-450px;
	width: auto;
	}	
	
/*--- ribb ---*/
#foto1{
    float: left;
    margin-left: 300px;
	margin-right: 150px;
    margin-bottom: 50px;
    margin-top: 10px;
    
}
#foto3{
    float: left;
    margin-left: 800px;
	margin-right: 150px;
    margin-bottom: 50px;
    margin-top: -245px;    
}
#pers3{
	float:left;
	margin-left:150px;
	margin-top:20px;
	}
#imag1{
	float:left;
	margin-left:50px;
	margin-top:20px;
	width:auto;
	}

#imag2{
	float:right;
	margin-right:30px;
	margin-top:20px;
	width:auto;
	}
	
#imag3{
	float:left;
	margin-left:50px;
	margin-right:500px;
	margin-top:100px;
	width:auto;
	}
#imag4{
	float:left;
	margin-left:500px;
	margin-right:300px;
	margin-top:-450px;
	width:auto;
	}

 
	/*---bvd  ---*/
	
#foto4{
    float: left;
    margin-left: 550px;
	margin-right: 150px;
    margin-bottom: 5px;
    margin-top: 25px;
    
}

#imag5{
	float:left;
	margin-left:50px;
	margin-top:20px;
	width:auto;
	}
#pers1{
	float: left;
	margin-left:100px;
	margin-top:40px;
	}
#imag6{
	float:right;
	margin-right:50px;
	margin-top:20px;
	width:auto;
	}

/* --- Poliester ---*/
#foto6{
    float: left;
    margin-left: 550px;
	margin-right: 550px;
    margin-bottom: 5px;
    margin-top: 10px;    
}
#imag30{
	float:left;
	margin-left:50px;
	margin-top:50px;
	width:auto;
	}
#pers8{
	float: left;
	margin-left:100px;
	margin-top:40px;
	}
#imag31{
	float: right;
	margin-right:30px;
	margin-top:50px;
	width:auto;
	}
#imag32{
	float: left;
	margin-left:50px;
	margin-right:500px;
	margin-top:100px;
	width:auto;
	}
/* --- Cuellos---*/
#foto7{
    float: left;
    margin-left: 300px;
	margin-right: 550px;
    margin-bottom: 5px;
    margin-top: 10px;
    
}
#foto8{
    float: right;
	margin-right: 250px;
    margin-bottom: 5px;
    margin-top: -200px;
    
}

#imag7{
	float:left;
	margin-left:50px;
	margin-top:50px;
	width:auto;
	}
#pers9{
	float: left;
	margin-left:100px;
	margin-top:40px;
	}
/* --- Contacto ---*/

/*--codigo-mapa-google--*/
#mapa {
	position: relative;
	
// This is the aspect ratio
    height: 75%;
	overflow: hidden;
	margin-left: 150px;
	float: left;
	height: 350px;
	width: 450px;
	margin-top: 25px;
	margin-bottom: 20px;
	border: 2px dashed #036;
}
#mapa iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 450px !important;
	height: 350px !important;
}

#formulario{
	float: left;
	margin-left: 250px;	
	}

form{
	width: 350px;
	background: rgba(4,13,30,0.8);
	box-sizing: border-box;
	margin-top: 0px;
	border-radius: 5px;
	float: left;
	margin-left: 0px;
	padding-top: 20px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	text-align: center;
}
input, textarea{
	width:100%;
	margin-bottom:7px;
	padding:5px;
	box-sizing:border-box;
	font-size:13px;
	border:none;
	}
textarea{
	min-height:100px;
	max-height:200px;
	max-width:100%;
	}
#boton{
	background:#31384a;
	color:#fff;
	padding:10px;
	}
#boton: hover{
	cursor:pointer;
	}

@media (max-width:480px){
	form{
		width:95%;
	}
	/* --- Respuesta ---*/
	
	#respuesta1{
	float: left;
	margin-left: 400px;
	width:400px;
	
	}
}
/* --- Pie pagina ---*/
footer{
	float: left;
	background-color: #000C3C;
	height: auto;
	width: 100%;
	margin-bottom: 10px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #F00;
	border-bottom-color: #F00;
	margin-left: 0px;
	margin-right: 5px;
	
	}

#dir4{
	float: left;
	margin-top:60px;
	margin-left: 250px;
	text-align: center;
	}

#log1{
	float:left;
	margin-left:800px;
	margin-top:-60px;
	
	}

#derechos{
	float: left;
	width: 450px;
	margin-left: 450px;
	height: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	}



/******************************************/
/***    DISEÑO PARA PC           ****/
/******************************************/
@media only screen and (max-width:1024px){
	p1{
	font-family: Verdana;
	color: #211858;
	font-size: 16px;
	text-align: justify;
	padding: 5px;
	}
	
	h1{
	font-family: Verdana;
	font-size: 14px;
	color: #6B99D6;
	font-weight: bold;
	margin-left: 5px;
    }
	
	
	h5{
	font-family: Verdana;
	color: #004797;
	font-size: 35px;
	text-align: center;
	}
	
		body{
	width: 100%;
	
	}
		/*--- Maquetacion ---*/
	#contenedor{
	width: 100%;
	margin: 5 auto;
	}
/*--- Cabecera ---*/
#cabecera{
   float: left;	
   background-image: url(../imagenes/lin.jpg);
   background-repeat: repeat-x; 
   width:auto;
}

#dir{
	float: left;
	height: 100%;
	width: auto;
	margin-top:2px;
	margin-right: 0px;
	margin-left: 200px;
	text-align: center;
	}
#dir2{
	float: left;
	height: 100%;
	width: auto;
	margin-top: 3px;
	margin-right: 0px;
	margin-left: 10px;
	text-align: center;
	}

#dir3{
	float: left;
	height: 100%;
	width: auto;
	margin-top: 6px;
	margin-right: 0px;
	margin-left: 10px;
	text-align: center;
	}
#logo{
	float: left;
	height: auto;
	width: auto;
	margin-top:40px;
	margin-right: 10px;
	margin-left: 350px;
	padding: 5px;
	border-top-width: 1px;
	margin-bottom: 30px;
}

#menu{
	float: left;
	margin-top: 20px;
	margin-left: 20px;
	width:950px;
	}

	#contador{
	float: right;
	width: auto;
	height: auto;
	margin-top: 190px;
	margin-right: 10px;
	margin-bottom:30px;
	}

/*--- slider ---*/
.slider{
	display:flex;
	width: 100%;
	}
.slider1 img{
	width:100%;
	height:auto;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: groove;
	border-bottom-style: groove;
	border-top-color: #CB0022;
	border-bottom-color:  #CB0022;
	}			
/*--- Cuerpo ---*/

#conceptos{
	margin-bottom: 20px;	
	}
	
#ft-emp{
	float:left;
	margin-left: 5px;
	margin-bottom:20px;
	
}
	#ft-emp img{
		width: 90%;
		height: 90%;
		
	}
#hist{
	float:left;
	margin-left:620px;
	margin-right: 10px;
	width:auto;
	margin-bottom:40px;
	margin-top:-250px;
	}
#titulito{
	float:left;
	margin-left:280px;
	margin-top:60px;
	text-align: justify;
}

#titulo{
	float:left;
	margin-left:350px;
	margin-top:-50px;
	width: 350px;
	text-align: justify;
	}

.retrat{
	height: auto;
	float: left;
	background-color: rgba(204,204,204,0.5);
	padding-top: 35px;
	margin-top: 10px;
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 25px;
	border-bottom-width: 2px;
	box-shadow: 2px 2px 5px #666;
	border-radius: 5px;
	text-align: center;
	padding-right: 10px;
	padding-left: 10px;
}
/*--- colores ---*/

.colores{
	float: left;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	height: auto;
	width: auto;
	background-color:#fff;
	padding-bottom: 20px;
	padding-top: 10px;
	background-image: url(../imagenes/fondo2.jpg);
	background-repeat: repeat-y;
	
}

 #servi{
	width: 60px;
	float: left;
	padding-top: 15px;
	margin-top: 10px;
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 10px;
	border-bottom-width: 2px;
	padding-bottom: 10px;
	text-align: center;
	
}
/*--- Cuidados ---*/
.titulo1{
	float:left;
	margin-left:350px;
	margin-bottom:20px;
	margin-top:20px;
	}


.almacen{
	float: left;
	margin-left: 10px;
	margin-right: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	height: auto;
	width: auto;
	background-image: url(../imagenes/fondo2.jpg);
	background-repeat: repeat-y;
	padding-bottom: 20px;
	padding-top: 10px;
	box-shadow: 2px 2px 5px #666;
	border-radius: 5px;
	
}
.miento{
	float: left;
	margin-left: 20px;
	margin-right:20px;
	height: auto;
	width: auto;
			
}

/*--- Jersey ---*/
#conceptos1{
	margin-bottom: 20px;
	background-color: #fff;
	padding-bottom: 20px;
	}
#titulito1{
	float:left;
	margin-left:500px;
	margin-top:60px;
	text-align: justify;
}

#foto{
    float: left;
    margin-left:400px;
	margin-right: 50px;
    margin-bottom: 25px;
    margin-top: 10px;    
}

#imag15{
	float:left;
	margin-left:50px;
	margin-top:20px;
	}
#imag15 img{
	height: auto;
	width: 98%;	
	}
#imag16{
	float:left;
	margin-left:50px;
	margin-top:60px;
	}
#imag16 img{
	height: auto;
	width: 98%;	
	}
#imag17{
	float:right;
	margin-right:20px;
	margin-left:150px;
	margin-top:-450px;
	}
#imag17 img{
	height: auto;
	width: 98%;	
	}
#imag18{
	float:left;
	margin-left:50px;
	margin-right:300px;
	margin-top:100px;
	}
#imag18 img{
	height: auto;
	width: 98%;	
	}
#imag19{
	
	float: right;
	margin-right:30px;
	margin-top:-450px;
	}
#imag19 img{
	height: auto;
	width: 98%;	
	}
#imag20{
	float:left;
	margin-left:50px;
	margin-top:50px;
	}
#imag20 img{
	height: auto;
	width: 98%;	
	}
#imag21{
	float: right;
	margin-right:30px;
	margin-lef:300px;
	margin-top:-450px;
	}
#imag21 img{
	height: auto;
	width: 98%;	
	}
#imag22{
	float:left;
	margin-left:50px;
	margin-top:50px;
	}
#imag22 img{
	height: auto;
	width: 98%;	
	}
#imag23{
	float:right;
	margin-right:30px;
	margin-top:-450px;
	}
#imag23 img{
	height: auto;
	width: 98%;	
	}	


/*--- Fleece ---*/
#foto9{
    float: left;
    margin-left: 350px;
	margin-right: 150px;
    margin-bottom: 5px;
    margin-top: 10px;
    
}
#imag8{
	float:left;
	margin-left:50px;
	margin-top:50px;
	}
#imag8 img{
	height: auto;
	width: 98%;	
	}
#pers4{
	float: left;
	margin-left:550px;
	margin-right:300px;
	margin-top:-450px;
	}	
#imag9{
	float:left;
	margin-left:50px;
	margin-right:300px;
	margin-top:80px;
	}
#imag9 img{
	height: auto;
	width: 98%;	
	}	
/*--- Licra ---*/
#foto10{
    float: left;
    margin-left: 350px;
	margin-right: 550px;
    margin-bottom: 5px;
    margin-top: 10px;   
}
#imag24{
	float:left;
	margin-left:50px;
	margin-top:50px;
	}
#imag24 img{
	height: auto;
	width: 98%;	
	}
#pers6{
	float: left;
	margin-left:550px;
	margin-top:-430px;
	}	
#imag25{
	float:left;
	margin-left:50px;
	margin-right:300px;
	margin-top:80px;
	}
#imag25 img{
	height: auto;
	width: 98%;	
	}	
#imag26{
	float:right;
	margin-right:30px;
	margin-left:300px;
	margin-top:-450px;
	}
#imag26 img{
	height: auto;
	width: 98%;	
	}	
#imag27{
	float:left;
	margin-left:50px;
	margin-right:300px;
	margin-top:80px;
	}
#imag27 img{
	height: auto;
	width: 98%;	
	}	
#imag28{
	float:right;
	margin-right:30px;
	margin-left:300px;
	margin-top:-450px;
	}
#imag28 img{
	height: auto;
	width: 98%;	
	}	
/*---Picket ---*/

#foto2{
    float: left;
    margin-left: 350px;
	margin-right: 550px;
    margin-bottom: 50px;
    margin-top: 10px;
    
}
#imag29{
	float:left;
	margin-left:50px;
	margin-top:50px;
	}
#imag29 img{
	height: auto;
	width: 98%;	
	}	
#pers2{
	float: left;
	margin-left:550px;
	margin-top:-450px;
	}

/*--- interlock ---*/
#foto5{
    float: left;
    margin-left: 350px;
	margin-right: 550px;
    margin-bottom: 5px;
    margin-top: 10px;    
}
#imag10{
	float:left;
	margin-left:50px;
	margin-top:50px;
	}
#imag10 img{
	height: auto;
	width: 98%;	
	}	
#imag11{
	float:left;
	margin-left:50px;
	margin-right:300px;
	margin-top: 50px;
	}
#imag11 img{
	height: auto;
	width: 98%;	
	}	
#imag12{
	float:right;
	margin-right:20px;
	margin-left:300px;
	margin-top:-450px;
	}
#imag12 img{
	height: auto;
	width: 98%;	
	}		
#imag13{
	float:left;
	margin-left:50px;
	margin-right:100px;
	margin-top:100px;
	}
#imag13 img{
	height: auto;
	width: 98%;	
	}	
#imag14{
	float:right;
	margin-right:20px;
	margin-left:300px;
	margin-top:-450px;
	}	
#imag14 img{
	height: auto;
	width: 98%;	
	}		
/*--- ribb ---*/
#foto1{
    float: left;
    margin-left: 200px;
	margin-right: 150px;
    margin-bottom: 50px;
    margin-top: 10px;
    
}
#foto3{
    float: left;
    margin-left: 500px;
	margin-right: 150px;
    margin-bottom: 50px;
    margin-top: -245px;    
}
#pers3{
	float:right;
	margin-right:100px;
	margin-top:20px;
	}
#imag1{
	float:left;
	margin-left:50px;
	margin-top:20px;
	}
#imag1 img{
	height: auto;
	width: 98%;	
	}	
#imag2{
	float:left;
	margin-left:50px;
	margin-right:300px;
	margin-top:80px;
	}
#imag2 img{
	height: auto;
	width: 98%;	
	}		
#imag3{
	float:right;
	margin-right:30px;
	margin-left:300px;
	margin-top:-450px;
	}
#imag3 img{
	height: auto;
	width: 98%;	
	}	
#imag4{
	float:left;
	margin-left:50px;
	margin-right:300px;
	margin-top:80px;
	}
#imag4 img{
	height: auto;
	width: 98%;	
	}	
 
	/*---bvd  ---*/
	
#foto4{
    float: left;
    margin-left: 350px;
	margin-right: 150px;
    margin-bottom: 5px;
    margin-top: 25px;    
}

#imag5{
	float:left;
	margin-left:50px;
	margin-top:20px;
	}
#imag5 img{
	height: auto;
	width: 98%;	
	}	
#pers1{
	float: left;
	margin-left:100px;
	margin-top:35px;
	}
#imag6{
	float:left;
	margin-left:50px;
	margin-top:20px;
	}
#imag6 img{
	height: auto;
	width: 98%;	
	}	
/* --- Poliester ---*/
#foto6{
    float: left;
    margin-left: 350px;
	margin-right: 550px;
    margin-bottom: 5px;
    margin-top: 10px;    
}
#imag30{
	float:left;
	margin-left:50px;
	margin-top:50px;
	}
#imag30 img{
	height: auto;
	width: 98%;	
	}	
#imag31{
	float: left;
	margin-left:50px;
	margin-right:300px;
	margin-top:80px;
	}
#imag31 img{
	height: auto;
	width: 98%;	
	}	
#imag32{
	float: right;
	margin-right:30px;
	margin-left:300px;
	margin-top:-450px;
	}
#imag32 img{
	height: auto;
	width: 98%;	
	}	
/* --- Cuellos---*/
#foto7{
    float: left;
    margin-left: 100px;
	margin-right: 550px;
    margin-bottom: 5px;
    margin-top: 10px;
    
}
#foto8{
    float: right;
	margin-right: 100px;
	margin-left:400px;
    margin-bottom: 5px;
    margin-top: -200px;
    
}

#imag7{
	float:left;
	margin-left:50px;
	margin-top:50px;
	}
#imag7 img{
	height: auto;
	width: 98%;	
	}		

	
/* --- Contacto ---*/

/*--codigo-mapa-google--*/
#mapa {
	position: relative;
	
// This is the aspect ratio
    height: 75%;
	overflow: hidden;
	margin-left: 50px;
	float: left;
	height: 380px;
	width: 400px;
	margin-top: 25px;
	margin-bottom: 20px;
	border: 2px dashed #036;
}
#mapa iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 450px !important;
	height: 350px !important;
}

#formulario{
	float: left;
	margin-left: 500px;	
	}

form{
	width: 350px;
	background: rgba(4,13,30,0.8);
	box-sizing: border-box;
	margin-top: -430px;
	border-radius: 5px;
	float: left;
	margin-left: 0px;
	padding-top: 20px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	text-align: center;
	margin-bottom: 25px;
}
input, textarea{
	width:100%;
	margin-bottom:7px;
	padding:5px;
	box-sizing:border-box;
	font-size:13px;
	border:none;
	}
textarea{
	min-height:100px;
	max-height:200px;
	max-width:100%;
	}
#boton{
	background:#31384a;
	color:#fff;
	padding:10px;
	}
#boton: hover{
	cursor:pointer;
	}

@media (max-width:480px){
	form{
		width:95%;
	}
	/* --- Respuesta ---*/
	
	#respuesta1{
	float: left;
	margin-left: 100px;
	width:400px;
	
	}
}
/* --- Pie pagina ---*/
footer{
	float: left;
	background-color: #000C3C;
	height: auto;
	width: auto;
	margin-bottom: 10px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #F00;
	border-bottom-color: #F00;
	margin-left: 0px;
	margin-right: 10px;
	
	}

#dir4{
	float: left;
	margin-top:60px;
	margin-left: 100px;
	text-align: center;
	}

#log1{
	float:left;
	margin-left:500px;
	margin-top:-60px;
	
	}
#derechos{
	float: left;
	width: 450px;
	margin-left:300px;
	height: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	}		

}

/******************************************/
/***    DISEÑO PARA TABLETAS           ****/
/******************************************/
@media only screen and (max-width:768px){
		body{
	width: 100%;
	}
		/*--- Maquetacion ---*/
	#contenedor{
	width: 100%;
	margin: 0 auto;
	}
		
/*--- Cabecera ---*/
#cabecera{
   float: left;	
   background-image: url(../imagenes/lin.jpg);
   background-repeat: repeat-x; 
   width:750px;
}

#dir{
	float: left;
	height: 100%;
	width: auto;
	margin-top:0px;
	margin-right: 0px;
	margin-left: 50px;
	text-align: center;
	}
#dir2{
	float: left;
	height: 100%;
	width: auto;
	margin-top: 3px;
	margin-right: 0px;
	margin-left: 10px;
	text-align: center;
	}

#dir3{
	float: left;
	height: 100%;
	width: auto;
	margin-top: 6px;
	margin-right: 0px;
	margin-left: 10px;
	text-align: center;
	}
#logo{
	float: left;
	height: auto;
	width: auto;
	margin-top:40px;
	margin-right: 10px;
	margin-left: 250px;
	padding: 5px;
	border-top-width: 1px;
	margin-bottom: 30px;
}

#menu{
	float: left;
	margin-top: 20px;
	margin-left: 10px;
	width:710px;
	}

	#contador{
	float: right;
	width: auto;
	height: auto;
	margin-top: 190px;
	margin-right: 10px;
	margin-bottom:30px;
	}

/*--- slider ---*/
.slider{
	display:flex;
	width:98%;
	}
.slider1 img{
	width:98%;
	height:auto;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: groove;
	border-bottom-style: groove;
	border-top-color: #CB0022;
	border-bottom-color:  #CB0022;
	}			
/*--- Cuerpo ---*/

#conceptos{
	margin-bottom: 20px;	
	}
	
#ft-emp{
	float:left;
	margin-left: 100px;
	margin-bottom:20px;
	
}
	
#hist{
	float:left;
	margin-left:20px;
	margin-right: 40px;
	width:auto;
	margin-bottom:40px;
	margin-top:10px;
	text-align: justify;
	}
	
#titulito{
	float:left;
	margin-left:280px;
	margin-top:60px;
	text-align: justify;
}

#titulo{
	float:left;
	margin-left:200px;
	margin-top:-50px;
	width: 350px;
	text-align: justify;
	}

.retrat{
	height: auto;
	float: left;
	background-color: rgba(204,204,204,0.5);
	padding-top: 35px;
	margin-top: 10px;
	margin-right: 30px;
	margin-left: 30px;
	margin-bottom: 25px;
	border-bottom-width: 2px;
	box-shadow: 2px 2px 5px #666;
	border-radius: 5px;
	text-align: center;
	padding-right: 10px;
	padding-left: 10px;
}
/*--- colores ---*/

.colores{
	float: left;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	height: auto;
	width: auto;
	background-color: #fff;
	padding-bottom: 5px;
	padding-top: 5px;
	background-image: url(../imagenes/fondo2.jpg);
	background-repeat: repeat-y;
	text-align: left;	
}

 #servi{
	width: 40%;
	padding-top: 10px;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	text-align: center;
	float: left;
 }
/*--- Cuidados ---*/
.titulo1{
	float:left;
	margin-left:220px;
	margin-bottom:20px;
	margin-top:20px;
	}


.almacen{
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
	height: auto;
	width: auto;
	background-image: url(../imagenes/fondo2.jpg);
	background-repeat: repeat-y;
	padding-bottom: 20px;
	padding-top: 10px;
	box-shadow: 2px 2px 5px #666;
	border-radius: 5px;
	
}
.miento{
	float: left;
	margin-left: 20px;
	margin-right:20px;
	height: auto;
	width: auto;
			
}



/*--- Jersey ---*/
#conceptos1{
	margin-bottom: 20px;
	background-color: #fff;
	padding-bottom: 20px;
	}
#titulito1{
	float:left;
	margin-left:250px;
	margin-top:60px;
	text-align: justify;
}

#foto{
    float: left;
    margin-left:250px;
	margin-right: 50px;
    margin-bottom: 25px;
    margin-top: 10px;    
}

#imag15{
	float:left;
	margin-left:2px;
	margin-top:20px;
	}
#imag16{
	float:left;
	margin-left:5px;
	margin-top:60px;
	}
#imag17{
	float:right;
	margin-right:5px;
	margin-left:150px;
	margin-top:-450px;
	}
#imag18{
	float:left;
	margin-left:5px;
	margin-right:300px;
	margin-top:60px;
	}
#imag19{
	
	float:right;
	margin-right:5px;
	margin-left:300px;
	margin-top:-450px;
	}
#imag20{
	float:left;
	margin-left:5px;
	margin-top:60px;
	}
#imag21{
	float:right;
	margin-right:5px;
	margin-left:300px;
	margin-top:-450px;
	}
#imag22{
	float:left;
	margin-left:5px;
	margin-top:60px;
	}
#imag23{
	float:right;
	margin-right:5px;
	margin-top:-450px;
	
	}	


/*--- Fleece ---*/
#foto9{
    float: left;
    margin-left: 220px;
	margin-right: 150px;
    margin-bottom: 5px;
    margin-top: 10px;
    
}
#imag8{
	float:left;
	margin-left:5px;
	margin-top:20px;
	}
#pers4{
	float: left;
	margin-left:400px;
	margin-right:100px;
	margin-top:-450px;
	}
#imag9{
	float:left;
	margin-left:5px;
	margin-right:300px;
	margin-top:80px;
	}
/*--- Licra ---*/
#foto10{
    float: left;
    margin-left: 220px;
	margin-right: 550px;
    margin-bottom: 5px;
    margin-top: 10px;   
}
#imag24{
	margin-left:10px;
	margin-right:150px;
	
	}
#pers6{
	float: left;
	margin-left:450px;
	margin-top:-400px;
	}	
#imag25{
	float:left;
	margin-left:5px;
	margin-right:300px;
	margin-top:80px;
	}
#imag26{
	float:right;
	margin-right:5px;
	margin-left:300px;
	margin-top:-450px;
	}
#imag27{
	float:left;
	margin-left:5px;
	margin-right:300px;
	margin-top:80px;
	}
#imag28{
	float:right;
	margin-right:5px;
	margin-left:300px;
	margin-top:-450px;
	}
/*---Picket ---*/

#foto2{
    float: left;
    margin-left: 220px;
	margin-right: 550px;
    margin-bottom: 50px;
    margin-top: 10px;
    
}
imag29{
	float:left;
	margin-left:5px;
	margin-top:50px;
	}
#pers2{
	float: left;
	margin-left:450px;
	margin-right:300px;
	margin-top:-450px;
	}

/*--- interlock ---*/
#foto5{
    float: left;
    margin-left: 220px;
	margin-right: 550px;
    margin-bottom: 5px;
    margin-top: 10px;    
}
#imag10{
	float:left;
	margin-left:5px;
	margin-top:50px;
	}
#imag11{
	float:left;
	margin-left:5px;
	margin-top: 100px;
	}
#imag12{
	float:right;
	margin-right:5px;
	margin-left:300px;
	margin-top:-450px;
	}	
#imag13{
	float:left;
	margin-left:5px;
	margin-right:100px;
	margin-top:100px;
	}
#imag14{
	float:right;
	margin-right:5px;
	margin-top:-450px;
	}	
	
/*--- ribb ---*/
#foto1{
    float: left;
    margin-left: 50px;
	margin-right: 150px;
    margin-bottom: 50px;
    margin-top: 10px;
    
}
#foto3{
    float: left;
    margin-left: 400px;
	margin-right: 150px;
    margin-bottom: 50px;
    margin-top: -245px;    
}
#pers3{
	float:right;
	margin-right:30px;
	margin-top:-450px;
	}
#imag1{
	float:left;
	margin-left:5px;
	margin-top:20px;
	}

#imag2{
	float:left;
	margin-left:5px;
	margin-right:300px;
	margin-top:80px;
	}
	
#imag3{
	float:right;
	margin-right:5px;
	margin-left:300px;
	margin-top:-450px;
	}
#imag4{
	float:left;
	margin-left:5px;
	margin-right:300px;
	margin-top:80px;
	}

 
	/*---bvd  ---*/
	
#foto4{
    float: left;
    margin-left: 220px;
	margin-right: 150px;
    margin-bottom: 5px;
    margin-top: 25px;    
}

#imag5{
	float:left;
	margin-left:5px;
	margin-top:50px;
	}
#pers1{
	float: right;
	margin-right:5px;
	margin-top:50px;
	}
#imag6{
	float:left;
	margin-left:5px;
	margin-top:20px;
	}

/* --- Poliester ---*/
#foto6{
    float: left;
    margin-left: 220px;
	margin-right: 550px;
    margin-bottom: 5px;
    margin-top: 10px;    
}
#imag30{
	float:left;
	margin-left:5px;
	margin-top:50px;
	}
#pers8{
	float: left;
	margin-left:450px;
	margin-top:-400px;
	}
#imag31{
	float: left;
	margin-left:5px;
	margin-right:300px;
	margin-top:80px;
	}
#imag32{
	float: right;
	margin-right:5px;
	margin-left:300px;
	margin-top:-450px;
	}
/* --- Cuellos---*/
#foto7{
    float: left;
    margin-left: 20px;
	margin-right: 550px;
    margin-bottom: 5px;
    margin-top: 10px;
    
}
#foto8{
    float: right;
	margin-right: 20px;
	margin-left:400px;
    margin-bottom: 5px;
    margin-top: -200px;
    
}

#imag7{
	float:left;
	margin-left:5px;
	margin-top:50px;
	}
	
/* --- Contacto ---*/

/*--codigo-mapa-google--*/
#mapa {
	position: relative;
	
// This is the aspect ratio
    height: 75%;
	overflow: hidden;
	margin-left: 150px;
	float: left;
	height: 380px;
	width: 400px;
	margin-top: 25px;
	margin-bottom: 20px;
	border: 2px dashed #036;
}
#mapa iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 450px !important;
	height: 350px !important;
}

#formulario{
	float: left;
	margin-left: 180px;	
	}

form{
	width: 350px;
	background: rgba(4,13,30,0.8);
	box-sizing: border-box;
	margin-top: 20px;
	border-radius: 5px;
	float: left;
	margin-left: 0px;
	padding-top: 20px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	text-align: center;
}
input, textarea{
	width:100%;
	margin-bottom:7px;
	padding:5px;
	box-sizing:border-box;
	font-size:13px;
	border:none;
	}
textarea{
	min-height:100px;
	max-height:200px;
	max-width:100%;
	}
#boton{
	background:#31384a;
	color:#fff;
	padding:10px;
	}
#boton: hover{
	cursor:pointer;
	}

@media (max-width:480px){
	form{
		width:95%;
	}
	/* --- Respuesta ---*/
	
	#respuesta1{
	float: left;
	margin-left: 100px;
	width:400px;
	
	}
}
/* --- Pie pagina ---*/
footer{
	float: left;
	background-color: #000C3C;
	height: auto;
	width: auto;
	margin-bottom: 10px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #F00;
	border-bottom-color: #F00;
	margin-left: 0px;
	margin-right: 10px;
	
	}

#dir4{
	float: left;
	margin-top:60px;
	margin-left:200px;
	height:200px;
	text-align: center;
	}

#log1{
	float:left;
	margin-left:230px;
	margin-top:-40px;
	
	}
	#log1 img{
		width: 98%;
		height: auto;
	}
	

#derechos{
	float: left;
	width: 450px;
	margin-left:200px;
	height: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	}	
		

}
/******************************************/
/***    DISEÑO PARA MOVILES 640        ****/
/******************************************/
@media only screen and (max-width:640px){
	body{
	width: 100%;
	}
		/*--- Maquetacion ---*/
	#contenedor{
	width: 100%;
	margin: 0 auto;
	}
	/*--- Cabecera ---*/
#cabecera{
   float: left;	
   background-image: url(../imagenes/lin.jpg);
   background-repeat: repeat-x; 
   width:620px;
}

#dir{
	float: left;
	height: 100%;
	width: auto;
	margin-top:0px;
	margin-right: 0px;
	margin-left: 10px;
	text-align: center;
	}
#dir2{
	float: left;
	height: 100%;
	width: auto;
	margin-top: 3px;
	margin-right: 0px;
	margin-left: 5px;
	text-align: center;
	}

#dir3{
	float: left;
	height: 100%;
	width: auto;
	margin-top: 6px;
	margin-right: 0px;
	margin-left: 5px;
	text-align: center;
	}
#logo{
	float: left;
	height: auto;
	width: auto;
	margin-top:40px;
	margin-right: 10px;
	margin-left: 180px;
	padding: 5px;
	border-top-width: 1px;
	margin-bottom: 20px;
}

#menu{
	float: left;
	margin-top: 20px;
	margin-left: 5px;
	width:620px;
	}

	#contador{
	float: right;
	width: auto;
	height: auto;
	margin-top: 190px;
	margin-right: 10px;
	margin-bottom:30px;
	}

/*--- slider ---*/
.slider{
	display:flex;
	width: 100%;
	}
.slider1 img{
	width:100%;
	height:auto;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: groove;
	border-bottom-style: groove;
	border-top-color: #CB0022;
	border-bottom-color:  #CB0022;
	}			
/*--- Cuerpo ---*/

#conceptos{
	margin-bottom: 20px;	
	}
	
#ft-emp{
	float:left;
	margin-left: 20px;
	margin-bottom:20px;
	
}
	
#hist{
	float:left;
	margin-left:20px;
	margin-right: 40px;
	width:auto;
	margin-bottom:40px;
	margin-top:10px;
	text-align: justify;
	}
	
#titulito{
	float:left;
	margin-left:150px;
	margin-top:60px;
	text-align: justify;
}

#titulo{
	float:left;
	margin-left:150px;
	margin-top:-50px;
	width: 350px;
	text-align: justify;
	}

.retrat{
	height: auto;
	float: left;
	background-color: rgba(204,204,204,0.5);
	padding-top: 35px;
	margin-top: 10px;
	margin-right: 80px;
	margin-left: 150px;
	margin-bottom: 25px;
	border-bottom-width: 2px;
	box-shadow: 2px 2px 5px #666;
	border-radius: 5px;
	text-align: center;
	padding-right: 10px;
	padding-left: 10px;
}
/*--- colores ---*/

.colores{
	float: left;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	height: auto;
	width: auto;
	background-color: #fff;
	padding-bottom: 5px;
	padding-top: 5px;
	background-image: url(../imagenes/fondo2.jpg);
	background-repeat: repeat-y;
	text-align: left;	
}

  #servi{
	width: 20%;
	height:auto;
	padding-top:15px;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	padding-bottom:10px;
	text-align: center;
	float: left;
 }
/*--- Cuidados ---*/
.titulo1{
	float:left;
	margin-left:180px;
	margin-bottom:20px;
	margin-top:20px;
	}


.almacen{
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
	height: auto;
	width: 620px;
	background-image: url(../imagenes/fondo2.jpg);
	background-repeat: repeat-y;
	padding-bottom: 20px;
	padding-top: 10px;
	box-shadow: 2px 2px 5px #666;
	border-radius: 5px;
	
}
.miento{
	float: left;
	margin-left: 20px;
	margin-right:20px;
	height: auto;
	width: auto;
			
}


/*--- Jersey ---*/
#conceptos1{
	margin-bottom: 20px;
	background-color: #fff;
	padding-bottom: 20px;
	}
#titulito1{
	float:left;
	margin-left:150px;
	margin-top:60px;
	text-align: justify;
}

#foto{
    float: left;
    margin-left:150px;
	margin-right: 50px;
    margin-bottom: 25px;
    margin-top: 10px;    
}

#imag15{
	margin-left:100px;
	margin-right:100px;
	}
#pers5{
	float: left;
	margin-left:150px;
	margin-top:30px;
	}
#imag16{
	margin-left:100px;
	margin-right:100px;
	}
#imag17{
	margin-left:50px;
	margin-right:150px;
	margin-top:50px;
	}
#imag18{
	margin-left:100px;
	margin-right:100px;
	}
#imag19{
	
	margin-left:50px;
	margin-right:150px;
	margin-top:50px;
	}
#imag20{
	margin-left:100px;
	margin-right:100px;
	}
#imag21{
	margin-left:50px;
	margin-right:150px;
	margin-top:50px;
	}
#imag22{
	margin-left:100px;
	margin-right:100px;
	}
#imag23{
	margin-left:50px;
	margin-right:150px;
	margin-top:50px;
	}	


/*--- Fleece ---*/
#foto9{
    float: left;
    margin-left: 150px;
	margin-right: 150px;
    margin-bottom: 5px;
    margin-top: 10px;
    
}
#imag8{
	margin-left:100px;
	margin-right:100px;
	}
#pers4{
    float: left;
    margin-left:150px;
    margin-top:100px;
	}
#imag9{
	margin-left:100px;
	margin-right:100px;
	}
/*--- Licra ---*/
#foto10{
    float: left;
    margin-left: 150px;
	margin-right: 550px;
    margin-bottom: 5px;
    margin-top: 10px;   
}
#imag24{
	margin-left:100px;
	margin-right:100px;
	}
#pers6{
	float: left;
	margin-left:200px;
	margin-top:30px;
	}	
#imag25{
	margin-left:100px;
	margin-right:100px;
	}
#imag26{
	margin-left:50px;
	margin-right:150px;
	margin-top:50px;
	}
#imag27{
	margin-left:100px;
	margin-right:100px;
	}
#imag28{
	margin-left:50px;
	margin-right:150px;
	margin-top:50px;
	}
/*---Picket ---*/

#foto2{
    float: left;
    margin-left: 150px;
	margin-right: 550px;
    margin-bottom: 50px;
    margin-top: 10px;
    
}
#imag29{
	margin-left:100px;
	margin-right:100px;
	}
#pers2{
	float: left;
	margin-left:200px;
	margin-top:100px;
	}
/*--- interlock ---*/
#foto5{
    float: left;
    margin-left: 150px;
    margin-bottom: 5px;
    margin-top: 10px;    
}
#imag10{
	margin-left:100px;
	margin-right:100px;
	}
#imag11{
	margin-left:100px;
	margin-right:100px;
	}
#imag12{
	margin-left:50px;
	margin-right:150px;
	margin-top:50px;
	}	
#imag13{
	margin-left:100px;
	margin-right:100px;
	}
#imag14{
	margin-left:50px;
	margin-right:150px;
	margin-top:50px;
	}	
	
/*--- ribb ---*/
#foto1{
    float: left;
    margin-left: 5px;
	margin-right: 150px;
    margin-bottom: 50px;
    margin-top: 10px;
    
}
#foto3{
    float: left;
    margin-left: 300px;
	margin-right: 150px;
    margin-bottom: 50px;
    margin-top: -245px;    
}
#pers3{
	float: left;
	margin-left:200px;
	margin-top:20px;
	}
#imag1{
	margin-left:100px;
	margin-right:100px;
	}

#imag2{
	margin-left:100px;
	margin-right:100px;
	
	}
	
#imag3{
	margin-left:50px;
	margin-right:150px;
	margin-top:50px;
	}
#imag4{
	margin-left:100px;
	margin-right:100px;
	}

 
	/*---bvd  ---*/
	
#foto4{
    float: left;
    margin-left: 150px;
	margin-right: 150px;
    margin-bottom: 5px;
    margin-top: 25px;
    
}

#imag5{
	margin-left:100px;
	margin-right:100px;
	}
#pers1{
	float: left;
	margin-left:180px;
	margin-top:100px;
	}
#imag6{
	margin-left:100px;
	margin-right:100px;
	}

/* --- Poliester ---*/
#foto6{
    float: left;
    margin-left: 150px;
	margin-right: 550px;
    margin-bottom: 5px;
    margin-top: 10px;    
}
#imag30{
	margin-left:100px;
	margin-right:100px;
	}

#imag31{
	margin-left:100px;
	margin-right:100px;
	
	}
#imag32{
	margin-left:50px;
	margin-right:150px;
	margin-top:50px;
	}
/* --- Cuellos---*/
#foto7{
    float: left;
    margin-left: 5px;
	margin-right: 550px;
    margin-bottom: 5px;
    margin-top: 10px;    
}
#foto8{
    float: left;
    margin-left: 300px;
	margin-right: 150px;
    margin-bottom: 50px;
    margin-top: -200px;    
}
#imag7{
	margin-left:100px;
	margin-right:100px;
	}
#pers9{
	float: left;
	margin-left:180px;
	margin-top:30px;
	}	
/* --- Contacto ---*/

/*--codigo-mapa-google--*/
#mapa {
	position: relative;
	
// This is the aspect ratio
    height: 75%;
	overflow: hidden;
	margin-left: 80px;
	float: left;
	height: 380px;
	width: 400px;
	margin-top: 25px;
	margin-bottom: 20px;
	border: 2px dashed #036;
}
#mapa iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 450px !important;
	height: 350px !important;
}

#formulario{
	float: left;
	margin-left: 120px;	
	}

form{
	width: 350px;
	background: rgba(4,13,30,0.8);
	box-sizing: border-box;
	margin-top: 20px;
	border-radius: 5px;
	float: left;
	margin-left: 0px;
	padding-top: 20px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	text-align: center;
}
input, textarea{
	width:100%;
	margin-bottom:7px;
	padding:5px;
	box-sizing:border-box;
	font-size:13px;
	border:none;
	}
textarea{
	min-height:100px;
	max-height:200px;
	max-width:100%;
	}
#boton{
	background:#31384a;
	color:#fff;
	padding:10px;
	}
#boton: hover{
	cursor:pointer;
	}

@media (max-width:480px){
	form{
		width:95%;
	}
	/* --- Respuesta ---*/
	
	#respuesta1{
	float: left;
	margin-left: 100px;
	width:400px;
	
	}
}
/* --- Pie pagina ---*/
footer{
	float: left;
	background-color: #000C3C;
	height: auto;
	width: auto;
	margin-bottom: 10px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #F00;
	border-bottom-color: #F00;
	margin-left: 0px;
	margin-right: 10px;
	
	}

#dir4{
	float: left;
	margin-top:60px;
	margin-left:150px;
	text-align: center;
	}

#log1{
	float:left;
	margin-left:180px;
	margin-top:-60px;
	}
	#log1 img{
		width: 98%;
		height: auto;
	}
	
#derechos{
	float: left;
	width: 450px;
	margin-left:100px;
	height: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	}	
		

		
}
/******************************************/
/***    DISEÑO PARA MOVILES 480        ****/
/******************************************/
@media only screen and (max-width:480px){
		body{
	width: 100%;
	}
		/*--- Maquetacion ---*/
	#contenedor{
	width: 100%;
	margin: 0 auto;
	}
	
	/*--- Cabecera ---*/
#cabecera{
   float: left;	
   background-image: url(../imagenes/lin3.jpg);
   background-repeat: repeat-x; 
   width:450px;
   
}

#dir{
	float: left;
	height: 100%;
	width: auto;
	margin-top:2px;
	margin-right: 0px;
	margin-left: 50px;
	text-align: center;
	}
#dir2{
	float: left;
	height: 100%;
	width: auto;
	margin-top: 3px;
	margin-right: 0px;
	margin-left: 10px;
	text-align: center;
	}

#dir3{
	float: left;
	height: 100%;
	width: auto;
	margin-top: 20px;
	margin-right: 20px;
	margin-left: 100px;
	text-align: center;
	}
#logo{
	float: left;
	height: auto;
	width: auto;
	margin-top:60px;
	margin-right: 10px;
	margin-left: 70px;
	padding: 5px;
	border-top-width: 1px;
	margin-bottom: 20px;
}

#menu{
	float: left;
	margin-top: 20px;
	margin-left: 5px;
	width:450px;
	}

	#contador{
	float: right;
	width: auto;
	height: auto;
	margin-top: 190px;
	margin-right: 10px;
	margin-bottom:30px;
	}

/*--- slider ---*/
.slider{
	display:flex;
	width: 100%;
	}
.slider1 img{
	width:100%;
	height:auto;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: groove;
	border-bottom-style: groove;
	border-top-color: #CB0022;
	border-bottom-color:  #CB0022;
	}			
/*--- Cuerpo ---*/

#conceptos{
	margin-bottom: 20px;	
	}
#ft-emp{
	float:left;
	margin-left: 20px;
	margin-bottom:20px;
	
}
	
#hist{
	float:left;
	margin-left:20px;
	margin-right: 40px;
	width:auto;
	margin-bottom:40px;
	margin-top:10px;
	text-align: justify;
	}
	
#titulito{
	float:left;
	margin-left:150px;
	margin-top:60px;
	text-align: justify;
}

#titulo{
	float:left;
	margin-left:40px;
	margin-top:20px;
	width: 350px;
	text-align: justify;
	}

.retrat{
	height: auto;
	float: left;
	background-color: rgba(204,204,204,0.5);
	padding-top: 35px;
	margin-top: 10px;
	margin-right:150px;
	margin-left: 80px;
	margin-bottom: 25px;
	border-bottom-width: 2px;
	box-shadow: 2px 2px 5px #666;
	border-radius: 5px;
	text-align: center;
	padding-right: 10px;
	padding-left: 10px;
}
/*--- colores ---*/

.colores{
	float: left;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	height: auto;
	width: auto;
	background-color: #fff;
	padding-bottom: 5px;
	padding-top: 5px;
	background-image: url(../imagenes/fondo2.jpg);
	background-repeat: repeat-y;
	text-align: left;	
}

  #servi{
	width: 40%;
	height:auto;
	padding-top:15px;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	padding-bottom:10px;
	text-align: center;
	float: left;
 }
/*--- Cuidados ---*/
.titulo1{
	float:left;
	margin-left:100px;
	margin-bottom:20px;
	margin-top:20px;
	}


.almacen{
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
	height: auto;
	width: 445px;
	background-image: url(../imagenes/fondo2.jpg);
	background-repeat: repeat-y;
	padding-bottom: 20px;
	padding-top: 10px;
	box-shadow: 2px 2px 5px #666;
	border-radius: 5px;
	
}
.miento{
	float: left;
	margin-left: 20px;
	margin-right:20px;
	height: auto;
	width: auto;
			
}

/*--- dirección ---*/
#direc{
   float: left;
   margin-left:5px;	
   background-image: url(../imagenes/lin2.jpg);
   background-repeat: repeat-x; 
   width:450px;
   height:300px;
   margin-bottom:50px;
   
	}
#dir4{
	float: left;
	margin-top:20px;
	margin-left: 100px;
	text-align: center;
	}

#log1{
	float:left;
	margin-left:80px;
	margin-top:80px;
	
	}
/*--- Jersey ---*/
#conceptos1{
	margin-bottom: 20px;
	background-color: #fff;
	padding-bottom: 20px;
	}
#titulito1{
	float:left;
	margin-left:120px;
	margin-top:50px;
	text-align: justify;
}

#foto{
    float: left;
    margin-left:80px;
	margin-right: 50px;
    margin-bottom: 25px;
    margin-top: 10px;    
}

#imag15{
	margin-left:10px;
	margin-right:10px;
	}
#pers5{
	float: left;
	margin-left:100px;
	margin-top:30px;
	}
#imag16{
	margin-left:10px;
	margin-right:10px;
	}
#imag17{
	margin-left:10px;
	margin-right:10px;
	}
#imag18{
	margin-left:10px;
	margin-right:10px;
	}
#imag19{
	
	margin-left:10px;
	margin-right:10px;
	}
#imag20{
	margin-left:10px;
	margin-right:10px;
	}
#imag21{
	margin-left:10px;
	margin-right:10px;
	}
#imag22{
	margin-left:10px;
	margin-right:10px;
	}
#imag23{
	margin-left:10px;
	margin-right:10px;
	
	}	


/*--- Fleece ---*/
#foto9{
    float: left;
    margin-left: 80px;
	margin-right: 150px;
    margin-bottom: 5px;
    margin-top: 10px;
    
}
#imag8{
	margin-left:10px;
	margin-right:10px;
	}
#pers4{
	float: left;
	margin-left:80px;
	margin-top:100px;
	}
#imag9{
	margin-left:10px;
	margin-right:10px;
	}
/*--- Licra ---*/
#foto10{
    float: left;
    margin-left: 80px;
	margin-right: 550px;
    margin-bottom: 5px;
    margin-top: 10px;   
}
#imag24{
	margin-left:10px;
	margin-right:10px;
	}
#pers6{
	float: left;
	margin-left:100px;
	margin-top:30px;
	}	

#imag25{
	margin-left:10px;
	margin-right:10px;
	}
#imag26{
	margin-left:10px;
	margin-right:10px;
	}
#imag27{
	margin-left:10px;
	margin-right:10px;
	}
#imag28{
	margin-left:10px;
	margin-right:10px;
	}
/*---Picket ---*/

#foto2{
    float: left;
    margin-left: 70px;
	margin-right: 550px;
    margin-bottom: 50px;
    margin-top: 10px;
    
}
#imag29{
	margin-left:10px;
	margin-right:10px;
	}
#pers2{
	float: left;
	margin-left:100px;
	margin-top:100px;
	}

/*--- interlock ---*/
#foto5{
    float: left;
    margin-left: 80px;
    margin-bottom: 5px;
    margin-top: 10px;    
}
#imag10{
	margin-left:10px;
	margin-right:10px;
	}
#pers7{
	float: left;
	margin-left:100px;
	margin-top:20px;
	}
#imag11{
	margin-left:10px;
	margin-right:10px;
	}
#imag12{
	margin-left:10px;
	margin-right:10px;
	}	
#imag13{
	margin-left:10px;
	margin-right:10px;
	}
#imag14{
	margin-left:10px;
	margin-right:10px;
	}	
	
/*--- ribb ---*/
#foto1{
    float: left;
    margin-left: 100px;
	margin-right: 100px;
    margin-top: 10px;
    
}
#foto3{
    float: left;
    margin-left: 100px;
	margin-right: 100px;
    margin-top: 20px;    
}
#pers3{
	float: left;
	margin-left:100px;
	margin-top:20px;
	}
#imag1{
	margin-left:10px;
	margin-right:10px;
	}

#imag2{
	margin-left:10px;
	margin-right:10px;
	}
	
#imag3{
	margin-left:10px;
	margin-right:10px;
	}
#imag4{
	margin-left:10px;
	margin-right:10px;
	}

 
	/*---bvd  ---*/
	
#foto4{
    float: left;
    margin-left: 70px;
	margin-right: 150px;
    margin-bottom: 5px;
    margin-top: 25px;    
}
#imag5{
	margin-left:10px;
	margin-right:10px;
	}
#pers1{
	float: left;
	margin-left:100px;
	margin-top:60px;
	}
#imag6{
	margin-left:10px;
	margin-right:10px;
	}

/* --- Poliester ---*/
#foto6{
    float: left;
    margin-left: 80px;
	margin-right: 550px;
    margin-bottom: 5px;
    margin-top: 10px;    
}
#imag30{
	margin-left:10px;
	margin-right:10px;
	}
#pers8{
	float: left;
	margin-left:80px;
	margin-top:30px;
}
#imag31{
	margin-left:10px;
	margin-right:10px;
	}
#imag32{
	margin-left:10px;
	margin-right:10px;
	}
/* --- Cuellos---*/
#foto7{
    float: left;
    margin-left: 80px;
	margin-right: 150px;
    margin-top: 10px;
    
}
#foto8{
    float: left;
    margin-left: 80px;
	margin-right: 150px;
    margin-top: 20px;    
}
#imag7{
	margin-left:10px;
	margin-right:10px;
	}
#pers9{
	float: left;
	margin-left:80px;
	margin-top:30px;
	}	
/* --- Contacto ---*/

/*--codigo-mapa-google--*/
#mapa {
	position: relative;
	
// This is the aspect ratio
    height: 75%;
	overflow: hidden;
	margin-left: 50px;
	float: left;
	height: 380px;
	width: 350px;
	margin-top: 25px;
	margin-bottom: 20px;
	border: 2px dashed #036;
}
#mapa iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 450px !important;
	height: 350px !important;
}

#formulario{
	float: left;
	margin-left: 30px;	
	}

form{
	width: 350px;
	background: rgba(4,13,30,0.8);
	box-sizing: border-box;
	margin-top: 20px;
	border-radius: 5px;
	float: left;
	margin-left: 0px;
	padding-top: 20px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	text-align: center;
}
input, textarea{
	width:100%;
	margin-bottom:7px;
	padding:5px;
	box-sizing:border-box;
	font-size:13px;
	border:none;
	}
textarea{
	min-height:100px;
	max-height:200px;
	max-width:100%;
	}
#boton{
	background:#31384a;
	color:#fff;
	padding:10px;
	}
#boton: hover{
	cursor:pointer;
	}

@media (max-width:480px){
	form{
		width:95%;
	}
	/* --- Respuesta ---*/
	
	#respuesta1{
	float: left;
	margin-left: 100px;
	width:400px;
	
	}
}
/* --- Pie pagina ---*/
footer{
	float: left;
	background-color: #000C3C;
	height: auto;
	width: auto;
	margin-bottom: 10px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #F00;
	border-bottom-color: #F00;
	margin-left: 0px;
	margin-right: 10px;
	
	}

#dir4{
	float: left;
	margin-top:60px;
	margin-left: 60px;
	text-align: center;
	}

#log1{
	float:left;
	margin-left:100px;
	margin-top:10px;
	}
	#log1 img{
		width: 98%;
		height: auto;
	}
#derechos{
	float: left;
	width: 200px;
	margin-left:100px;
	height: auto;
	padding-top: 20px;
	padding-bottom: 5px;
	padding-left: 15px;
	}	

}
/******************************************/
/***    DISEÑO PARA MOVILES 414        ****/
/******************************************/
@media only screen and (max-width:414px){
		body{
	width: 100%;
	}
		/*--- Maquetacion ---*/
	#contenedor{
	width: 100%;
	margin: 0 auto;
	}
		/*--- Cabecera ---*/
#cabecera{
   float: left;	
   background-image: url(../imagenes/lin3.jpg);
   background-repeat: repeat-x; 
   width:100%;
   
}

#dir{
	float: left;
	height: 100%;
	width: auto;
	margin-top:2px;
	margin-right: 0px;
	margin-left: 5px;
	text-align: center;
	}
#dir2{
	float: left;
	height: 100%;
	width: auto;
	margin-top: 3px;
	margin-right: 0px;
	margin-left: 10px;
	text-align: center;
	}

#dir3{
	float: left;
	height: 100%;
	width: auto;
	margin-top: 20px;
	margin-right: 20px;
	margin-left: 50px;
	text-align: center;
	}
#logo{
	float: left;
	height: auto;
	width: auto;
	margin-top:60px;
	margin-right: 10px;
	margin-left: 50px;
	padding: 5px;
	border-top-width: 1px;
	margin-bottom: 20px;
}

#menu{
	float: left;
	margin-top: 20px;
	margin-left: 5px;
	width:390px;
	}

	#contador{
	float: right;
	width: auto;
	height: auto;
	margin-top: 190px;
	margin-right: 10px;
	margin-bottom:30px;
	}

/*--- slider ---*/
.slider{
	display:flex;
	width: 100%;
	}
.slider1 img{
	width:100%;
	height:auto;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: groove;
	border-bottom-style: groove;
	border-top-color: #CB0022;
	border-bottom-color:  #CB0022;
	}			
/*--- Cuerpo ---*/

#conceptos{
	margin-bottom: 20px;	
	}
	
#ft-emp{
	float:left;
	margin-left: 10px;
	margin-bottom:20px;
	
}
	
#hist{
	float:left;
	margin-left:20px;
	margin-right: 40px;
	width:auto;
	margin-bottom:40px;
	margin-top:10px;
	text-align: justify;
	}
	
#titulito{
	float:left;
	margin-left:50px;
	margin-top:60px;
	text-align: justify;
}

#titulo{
	float:left;
	margin-left:80px;
	margin-top:-50px;
	width: 250px;
	text-align: justify;
	}

.retrat{
	height: auto;
	float: left;
	background-color: rgba(204,204,204,0.5);
	padding-top: 35px;
	margin-top: 10px;
	margin-right:150px;
	margin-left: 50px;
	margin-bottom: 25px;
	border-bottom-width: 2px;
	box-shadow: 2px 2px 5px #666;
	border-radius: 5px;
	text-align: center;
	padding-right: 10px;
	padding-left: 10px;
}
/*--- colores ---*/

.colores{
	float: left;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	height: auto;
	width: auto;
	background-color: #fff;
	padding-bottom: 5px;
	padding-top: 5px;
	background-image: url(../imagenes/fondo2.jpg);
	background-repeat: repeat-y;
	text-align: left;	
}

  #servi{
	width: 40%;
	height:auto;
	padding-top:15px;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	padding-bottom:10px;
	text-align: center;
	float: left;
 }

/*--- Cuidados ---*/
.titulo1{
	float:left;
	margin-left:80px;
	margin-bottom:20px;
	margin-top:20px;
	}


.almacen{
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
	height: auto;
	width: 380px;
	background-image: url(../imagenes/fondo2.jpg);
	background-repeat: repeat-y;
	padding-bottom: 20px;
	padding-top: 10px;
	box-shadow: 2px 2px 5px #666;
	border-radius: 5px;
	
}
.miento{
	float: left;
	margin-left: 20px;
	margin-right:20px;
	height: auto;
	width:auto;
			
}

/*--- dirección ---*/
#direc{
   float: left;
   margin-left:5px;	
   background-image: url(../imagenes/lin2.jpg);
   background-repeat: repeat-x; 
   width:380px;
   height:300px;
   margin-bottom:50px;
   
	}
#dir4{
	float: left;
	margin-top:20px;
	margin-left: 80px;
	text-align: center;
	}

#log1{
	float:left;
	margin-left:60px;
	margin-top:80px;
	
	}
/*--- Jersey ---*/
#conceptos1{
	margin-bottom: 20px;
	background-color: #fff;
	padding-bottom: 20px;
	}
#titulito1{
	float:left;
	margin-left:50px;
	margin-top:60px;
	text-align: justify;
}

#foto{
    float: left;
    margin-left:60px;
	margin-right: 50px;
    margin-bottom: 25px;
    margin-top: 10px;    
}

#imag15{
	margin-left:5px;
	margin-right:5px;
	}
#pers5{
	float: left;
	margin-left:80px;
	margin-top:30px;
	}
#imag16{
	margin-left:5px;
	margin-right:5px;
	}
#imag17{
	margin-left:5px;
	margin-right:5px;
	}
#imag18{
	margin-left:5px;
	margin-right:5px;
	}
#imag19{
	
	margin-left:5px;
	margin-right:5px;
	}
#imag20{
	margin-left:5px;
	margin-right:5px;
	}
#imag21{
	margin-left:5px;
	margin-right:5px;
	}
#imag22{
	margin-left:5px;
	margin-right:5px;
	}
#imag23{
	margin-left:5px;
	margin-right:5px;
	
	}	


/*--- Fleece ---*/
#foto9{
    float: left;
    margin-left: 60px;
	margin-right: 150px;
    margin-bottom: 5px;
    margin-top: 10px;
    
}
#imag8{
	margin-left:5px;
	margin-right:5px;
	}
#pers4{
	float: left;
	margin-left:60px;
	margin-top:100px;
	}
#imag9{
	margin-left:5px;
	margin-right:5px;
	}
/*--- Licra ---*/
#foto10{
    float: left;
    margin-left: 60px;
	margin-right: 550px;
    margin-bottom: 5px;
    margin-top: 10px;   
}
#imag24{
	margin-left:5px;
	margin-right:5px;
	}
#pers6{
	float: left;
	margin-left:80px;
	margin-top:30px;
	}
#imag25{
	margin-left:5px;
	margin-right:5px;
	}
#imag26{
	margin-left:5px;
	margin-right:5px;
	}
#imag27{
	margin-left:5px;
	margin-right:5px;
	}
#imag28{
	margin-left:5px;
	margin-right:5px;
	}
/*---Picket ---*/

#foto2{
    float: left;
    margin-left: 60px;
	margin-right: 550px;
    margin-bottom: 50px;
    margin-top: 10px;
    
}
#imag29{
	margin-left:5px;
	margin-right:5px;
	}
#pers2{
	float: left;
	margin-left:80px;
	margin-top:100px;
	}

/*--- interlock ---*/
#foto5{
    float: left;
    margin-left: 70px;
    margin-bottom: 5px;
    margin-top: 10px;    
}
#imag10{
	margin-left:5px;
	margin-right:5px;
	}
#pers7{
	float: left;
	margin-left:80px;
	margin-top:30px;
	}
#imag11{
	margin-left:5px;
	margin-right:5px;
	}
#imag12{
	margin-left:5px;
	margin-right:5px;
	}	
#imag13{
	margin-left:5px;
	margin-right:5px;
	}
#imag14{
	margin-left:5px;
	margin-right:5px;
	}	
	
/*--- ribb ---*/
#foto1{
    float: left;
    margin-left: 60px;
	margin-right: 100px;
    margin-top: 10px;
    
}
#foto3{
    float: left;
    margin-left: 60px;
	margin-right: 100px;
    margin-top: 20px;    
}
#pers3{
	float: left;
	margin-left:80px;
	margin-top:20px;
	}
#imag1{
	margin-left:5px;
	margin-right:5px;
	}

#imag2{
	margin-left:5px;
	margin-right:5px;
	}
	
#imag3{
	margin-left:5px;
	margin-right:5px;
	}
#imag4{
	margin-left:5px;
	margin-right:5px;
	}

 
	/*---bvd  ---*/
	
#foto4{
    float: left;
    margin-left: 70px;
	margin-right: 150px;
    margin-bottom: 5px;
    margin-top: 25px;
    
}

#imag5{
	margin-left:5px;
	margin-right:5px;
	}
#pers1{
	float: left;
	margin-left:80px;
	margin-top:60px;
	}
#imag6{
	margin-left:5px;
	margin-right:5px;
	}

/* --- Poliester ---*/
#foto6{
    float: left;
    margin-left: 60px;
	margin-right: 550px;
    margin-bottom: 5px;
    margin-top: 10px;    
}
#imag30{
	margin-left:5px;
	margin-right:5px;
	}
#pers8{
	float: left;
	margin-left:80px;
	margin-top:30px;
	}
#imag31{
	margin-left:5px;
	margin-right:5px;
	}
#imag32{
	margin-left:5px;
	margin-right:5px;
	}
/* --- Cuellos---*/
#foto7{
    float: left;
    margin-left: 60px;
	margin-right: 150px;
    margin-top: 10px;
    
}
#foto8{
    float: left;
    margin-left: 60px;
	margin-right: 150px;
    margin-top: 20px;
    
}

#imag7{
	margin-left:5px;
	margin-right:5px;
	}
#pers9{
	float: left;
	margin-left:80px;
	margin-top:30px;
	}	
/* --- Contacto ---*/

/*--codigo-mapa-google--*/
#mapa {
	position: relative;
	
// This is the aspect ratio
    height: 75%;
	overflow: hidden;
	margin-left: 50px;
	float: left;
	height: 380px;
	width: 300px;
	margin-top: 25px;
	margin-bottom: 20px;
	border: 2px dashed #036;
}
#mapa iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 450px !important;
	height: 350px !important;
}

#formulario{
	float: left;
	margin-left: 20px;	
	}

form{
	width: 350px;
	background: rgba(4,13,30,0.8);
	box-sizing: border-box;
	margin-top: 20px;
	border-radius: 5px;
	float: left;
	margin-left: 0px;
	padding-top: 20px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	text-align: center;
}
input, textarea{
	width:100%;
	margin-bottom:7px;
	padding:5px;
	box-sizing:border-box;
	font-size:13px;
	border:none;
	}
textarea{
	min-height:100px;
	max-height:200px;
	max-width:100%;
	}
#boton{
	background:#31384a;
	color:#fff;
	padding:10px;
	}
#boton: hover{
	cursor:pointer;
	}

@media (max-width:480px){
	form{
		width:95%;
	}
	/* --- Respuesta ---*/
	
	#respuesta1{
	float: left;
	margin-left: 100px;
	width:400px;
	
	}
}
/* --- Pie pagina ---*/
footer{
	float: left;
	background-color: #000C3C;
	height: auto;
	width: auto;
	margin-bottom: 10px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #F00;
	border-bottom-color: #F00;
	margin-left: 0px;
	margin-right: 10px;
	
	}

#dir4{
	float: left;
	margin-top:60px;
	margin-left: 25px;
	text-align: center;
	}

#log1{
	float:left;
	margin-left:60px;
	margin-top:10px;
	}
	
#derechos{
	float: left;
	width: 200px;
	margin-left:50px;
	height: auto;
	padding-top: 20px;
	padding-bottom: 5px;
	padding-left: 5px;
	}

}
/******************************************/
/***    DISEÑO PARA MOVILES 375        ****/
/******************************************/
@media only screen and (max-width:375px){
	body{
	width: 100%;
	}
		/*--- Maquetacion ---*/
	#contenedor{
	width: 100%;
	margin: 0 auto;
	}
	/*--- Cabecera ---*/
#cabecera{
   float: left;	
   background-image: url(../imagenes/lin3.jpg);
   background-repeat: repeat-x; 
   width:100%;
   
}

#dir{
	float: left;
	height: 100%;
	width: auto;
	margin-top:2px;
	margin-right: 0px;
	margin-left: 2px;
	text-align: center;
	}
#dir2{
	float: left;
	height: 100%;
	width: auto;
	margin-top: 3px;
	margin-right: 0px;
	margin-left: 5px;
	text-align: center;
	}

#dir3{
	float: left;
	height: 100%;
	width: auto;
	margin-top: 20px;
	margin-right: 20px;
	margin-left: 50px;
	text-align: center;
	}
#logo{
	float: left;
	height: auto;
	width: auto;
	margin-top:40px;
	margin-right: 10px;
	margin-left: 30px;
	padding: 5px;
	border-top-width: 1px;
	margin-bottom: 20px;
}

#menu{
	float: left;
	margin-top: 20px;
	margin-left: 5px;
	width:365px;
	}

	#contador{
	float: right;
	width: auto;
	height: auto;
	margin-top: 190px;
	margin-right: 10px;
	margin-bottom:30px;
	}

/*--- slider ---*/
.slider{
	display:flex;
	width: 100%;
	}
.slider1 img{
	width:100%;
	height:auto;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: groove;
	border-bottom-style: groove;
	border-top-color: #CB0022;
	border-bottom-color:  #CB0022;
	}			
/*--- Cuerpo ---*/

#conceptos{
	margin-bottom: 20px;	
	}
	
#ft-emp{
	float:left;
	margin-left: 10px;
	margin-bottom:20px;
	
}
	
#hist{
	float:left;
	margin-left:20px;
	margin-right: 40px;
	width:auto;
	margin-bottom:40px;
	margin-top:10px;
	text-align: justify;
	}
	
#titulito{
	float:left;
	margin-left:50px;
	margin-top:60px;
	text-align: justify;
}

#titulo{
	float:left;
	margin-left:60px;
	margin-top:-50px;
	width: 250px;
	text-align: justify;
	}

.retrat{
	height: auto;
	float: left;
	background-color: rgba(204,204,204,0.5);
	padding-top: 35px;
	margin-top: 10px;
	margin-right:150px;
	margin-left: 30px;
	margin-bottom: 25px;
	border-bottom-width: 2px;
	box-shadow: 2px 2px 5px #666;
	border-radius: 5px;
	text-align: center;
	padding-right: 10px;
	padding-left: 10px;
}
/*--- colores ---*/

.colores{
	float: left;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	height: auto;
	width: auto;
	background-color: #fff;
	padding-bottom: 5px;
	padding-top: 5px;
	background-image: url(../imagenes/fondo2.jpg);
	background-repeat: repeat-y;
	text-align: left;	
}

  #servi{
	width: 40%;
	height:auto;
	padding-top:15px;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	padding-bottom:10px;
	text-align: center;
	float: left;
 }

/*--- Cuidados ---*/
.titulo1{
	float:left;
	margin-left:50px;
	margin-bottom:20px;
	margin-top:20px;
	}


.almacen{
	float: left;
	margin-left: 5px;
	margin-right: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
	height: auto;
	width: 360px;
	background-image: url(../imagenes/fondo2.jpg);
	background-repeat: repeat-y;
	padding-bottom: 20px;
	padding-top: 10px;
	box-shadow: 2px 2px 5px #666;
	border-radius: 5px;
	
}
.miento{
	float: left;
	margin-left: 20px;
	margin-right:20px;
	height: auto;
	width: auto;
			
}


/*--- Jersey ---*/
#conceptos1{
	margin-bottom: 20px;
	background-color: #fff;
	padding-bottom: 20px;
	}
#titulito1{
	float:left;
	margin-left:50px;
	margin-top:60px;
	text-align: justify;
}

#foto{
    float: left;
    margin-left:40px;
	margin-right: 50px;
    margin-bottom: 25px;
    margin-top: 10px;    
}

#imag15{
	margin-right: 5px;
	margin-left: 5px;	
	}
#pers5{
	float: left;
	margin-left:75px;
	margin-top:30px;
	}
#imag16{
	margin-right: 5px;
	margin-left: 5px;
	
	}
#imag17{
	margin-right: 5px;
	margin-left: 5px;
	}
#imag18{
	margin-right: 5px;
	margin-left: 5px;
	
	}
#imag19{
	
	margin-right: 5px;
	margin-left: 5px;

	}
#imag20{
	margin-right: 5px;
	margin-left: 5px;
	
	}
#imag21{
	margin-right: 5px;
	margin-left: 5px;
	
	}
#imag22{
	margin-right: 5px;
	margin-left: 5px;
	
	}
#imag23{
	margin-right: 5px;
	margin-left: 5px;
	
	
	}	

/*--- Fleece ---*/
#foto9{
    float: left;
    margin-left: 40px;
	margin-right: 150px;
    margin-bottom: 5px;
    margin-top: 10px;
    
}
#imag8{
	margin-right: 5px;
	margin-left: 5px;
	
	}
#pers4{
	float: left;
	margin-left:75px;
	margin-top:30px;
	
	}
#imag9{
	margin-right: 5px;
	margin-left: 5px;
	
	}
/*--- Licra ---*/
#foto10{
    float: left;
    margin-left: 40px;
	margin-right: 550px;
    margin-bottom: 5px;
    margin-top: 10px;   
}
#imag24{
	margin-right: 5px;
	margin-left: 5px;
	
	}
#pers6{
	float: left;
	margin-left:75px;
	margin-top:30px;
	}
#imag25{
	margin-right: 5px;
	margin-left: 5px;
	
	}
#imag26{
	margin-right: 5px;
	margin-left: 5px;
	
	}
#imag27{
	margin-right: 5px;
	margin-left: 5px;
	
	}
#imag28{
	margin-right: 5px;
	margin-left: 5px;
	
	}
/*---Picket ---*/

#foto2{
    float: left;
    margin-left: 40px;
	margin-right: 550px;
    margin-bottom: 50px;
    margin-top: 10px;
    
}
#imag29{
	margin-right: 5px;
	margin-left: 5px;
	
	}
#pers2{
	float: left;
	margin-left:80px;
	margin-top:100px;
	}

/*--- interlock ---*/
#foto5{
    float: left;
    margin-left: 40px;
    margin-bottom: 5px;
    margin-top: 10px;    
}
#imag10{
	margin-right: 5px;
	margin-left: 5px;
}
#pers7{
	float: left;
	margin-left:50px;
	margin-top:20px;
	}	
	
#imag11{
	margin-right: 5px;
	margin-left: 5px;
	
	}
#imag12{
	margin-right: 5px;
	margin-left: 5px;
	
	}	
#imag13{
	margin-right: 5px;
	margin-left: 5px;
	
	}
#imag14{
	margin-right: 5px;
	margin-left: 5px;
	
	}	
	
/*--- ribb ---*/
#foto1{
    float: left;
    margin-left: 40px;
	margin-right: 100px;
    margin-top: 10px;
    
}
#foto3{
    float: left;
    margin-left: 40px;
	margin-right: 100px;
    margin-top: 20px;    
}
#pers3{
	float: left;
	margin-left:50px;
	margin-top:20px;
	}
#imag1{
	margin-right: 5px;
	margin-left: 5px;
	
	}

#imag2{
	margin-right: 5px;
	margin-left: 5px;
	
	}
	
#imag3{
	margin-right: 5px;
	margin-left: 5px;
	
	}
#imag4{
	margin-right: 5px;
	margin-left: 5px;
	
	}

 
	/*---bvd  ---*/
	
#foto4{
    float: left;
    margin-left: 40px;
	margin-right: 150px;
    margin-bottom: 5px;
    margin-top: 25px;
    
}

#imag5{
	margin-right: 5px;
	margin-left: 5px;
	
	}
#pers1{
	float: left;
	margin-left:50px;
	margin-top:60px;
	}
#imag6{
	margin-right: 5px;
	margin-left: 5px;
	
	}

/* --- Poliester ---*/
#foto6{
    float: left;
    margin-left: 40px;
	margin-right: 550px;
    margin-bottom: 5px;
    margin-top: 10px;    
}
#imag30{
	margin-right: 5px;
	margin-left: 5px;
	
	}
#pers8{
	float: left;
	margin-left:50px;
	margin-top:60px;
	}
#imag31{
	margin-right: 5px;
	margin-left: 5px;
	
	}
#imag32{
	margin-right: 5px;
	margin-left: 5px;
	
	}
/* --- Cuellos---*/
#foto7{
    float: left;
    margin-left: 40px;
	margin-right: 150px;
    margin-top: 10px;
    
}
#foto8{
    float: left;
    margin-left: 40px;
	margin-right: 150px;
    margin-top: 20px;
    
}
#pers9{
	float: left;
	margin-left:50px;
	margin-top:60px;
	}
#imag7{
	margin-right: 5px;
	margin-left: 5px;
	
	}
	
/* --- Contacto ---*/

/*--codigo-mapa-google--*/
#mapa {
	position: relative;
	
// This is the aspect ratio
    height: 75%;
	overflow: hidden;
	margin-left: 20px;
	float: left;
	height: 380px;
	width: 300px;
	margin-top: 25px;
	margin-bottom: 20px;
	border: 2px dashed #036;
}
#mapa iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 450px !important;
	height: 350px !important;
}

#formulario{
	float: left;
	margin-left: 20px;	
	}

form{
	width: 300px;
	background: rgba(4,13,30,0.8);
	box-sizing: border-box;
	margin-top: 20px;
	border-radius: 5px;
	float: left;
	margin-left: 0px;
	padding-top: 20px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	text-align: center;
}
input, textarea{
	width:100%;
	margin-bottom:7px;
	padding:5px;
	box-sizing:border-box;
	font-size:13px;
	border:none;
	}
textarea{
	min-height:100px;
	max-height:200px;
	max-width:100%;
	}
#boton{
	background:#31384a;
	color:#fff;
	padding:10px;
	}
#boton: hover{
	cursor:pointer;
	}

@media (max-width:480px){
	form{
		width:95%;
	}
	/* --- Respuesta ---*/
	
	#respuesta1{
	float: left;
	margin-left: 100px;
	width:400px;
	
	}
}
/* --- Pie pagina ---*/
footer{
	float: left;
	background-color: #000C3C;
	height: auto;
	width: auto;
	margin-bottom: 10px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #F00;
	border-bottom-color: #F00;
	margin-left: 0px;
	margin-right: 10px;
	
	}

#dir4{
	float: left;
	margin-top:60px;
	margin-left: 10px;
	text-align: center;
	}

#log1{
	float:left;
	margin-left:40px;
	margin-top:10px;
	}
#derechos{
	float: left;
	width: 200px;
	margin-left:50px;
	height: auto;
	padding-top: 20px;
	padding-bottom: 5px;
	padding-left: 5px;
	}

}	
/******************************************/
/***    DISEÑO PARA MOVILES 360        ****/
/******************************************/
@media only screen and (max-width:360px){
body{
	width: 100%;
	}
		/*--- Maquetacion ---*/
	#contenedor{
	width: 100%;
	margin: 0 auto;
	}
	/*--- Cabecera ---*/
#cabecera{
   float: left;	
   background-image: url(../imagenes/lin3.jpg);
   background-repeat: repeat-x; 
   width:100%;
   
   
}

#dir{
	float: left;
	height: 100%;
	width: auto;
	margin-top:2px;
	margin-right: 0px;
	margin-left: 2px;
	text-align: center;
	}
#dir2{
	float: left;
	height: 100%;
	width: auto;
	margin-top: 3px;
	margin-right: 0px;
	margin-left: 5px;
	text-align: center;
	}

#dir3{
	float: left;
	height: 100%;
	width: auto;
	margin-top: 20px;
	margin-right: 20px;
	margin-left: 50px;
	text-align: center;
	}
#logo{
	float: left;
	height: auto;
	width: auto;
	margin-top:40px;
	margin-right: 10px;
	margin-left: 20px;
	padding: 5px;
	border-top-width: 1px;
	margin-bottom: 20px;
}

#menu{
	float: left;
	margin-top: 20px;
	margin-left: 5px;
	width:350px;
	}

	#contador{
	float: right;
	width: auto;
	height: auto;
	margin-top: 190px;
	margin-right: 10px;
	margin-bottom:30px;
	}

/*--- slider ---*/
.slider{
	display:flex;
	width: 100%;
	}
.slider1 img{
	width:100%;
	height:auto;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: groove;
	border-bottom-style: groove;
	border-top-color: #CB0022;
	border-bottom-color:  #CB0022;
	}			
/*--- Cuerpo ---*/

#conceptos{
	margin-bottom: 20px;	
	}
	
#ft-emp{
	float:left;
	margin-left: 20px;
	margin-bottom:20px;
	
}
	
#hist{
	float:left;
	margin-left:20px;
	margin-right: 40px;
	width:auto;
	margin-bottom:40px;
	margin-top:10px;
	text-align: justify;
	}
	
#titulito{
	float:left;
	margin-left:50px;
	margin-top:60px;
	text-align: justify;
}

#titulo{
	float:left;
	margin-left:60px;
	margin-top:-50px;
	width: 250px;
	text-align: justify;
	}

.retrat{
	height: auto;
	float: left;
	background-color: rgba(204,204,204,0.5);
	padding-top: 35px;
	margin-top: 10px;
	margin-right:150px;
	margin-left: 30px;
	margin-bottom: 25px;
	border-bottom-width: 2px;
	box-shadow: 2px 2px 5px #666;
	border-radius: 5px;
	text-align: center;
	padding-right: 10px;
	padding-left: 10px;
}
/*--- colores ---*/

.colores{
	float: left;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	height: auto;
	width: auto;
	background-color: #fff;
	padding-bottom: 5px;
	padding-top: 5px;
	background-image: url(../imagenes/fondo2.jpg);
	background-repeat: repeat-y;
	text-align: left;	
}

  #servi{
	width: 40%;
	height:auto;
	padding-top:15px;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	padding-bottom:10px;
	text-align: center;
	float: left;
 }
/*--- Cuidados ---*/
.titulo1{
	float:left;
	margin-left:40px;
	margin-bottom:20px;
	margin-top:20px;
	}


.almacen{
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
	height: auto;
	width: 335px;
	background-image: url(../imagenes/fondo2.jpg);
	background-repeat: repeat-y;
	padding-bottom: 20px;
	padding-top: 10px;
	box-shadow: 2px 2px 5px #666;
	border-radius: 5px;
	
}
.miento{
	float: left;
	margin-left: 10px;
	margin-right:10px;
	height: auto;
	width: auto;
			
}


/*--- Jersey ---*/
#conceptos1{
	margin-bottom: 20px;
	background-color: #fff;
	padding-bottom: 20px;
	}
#titulito1{
	float:left;
	margin-left:50px;
	margin-top:60px;
	text-align: justify;
}

#foto{
    float: left;
    margin-left:30px;
	margin-right: 50px;
    margin-bottom: 25px;
    margin-top: 10px;    
}

#imag15{
	margin-right: 5px;
	margin-left: 5px;	
	}
#pers5{
	float: left;
	margin-left:50px;
	margin-top:60px;
	}
#imag16{
	margin-right: 5px;
	margin-left: 5px;
	}
#imag17{
	margin-right: 5px;
	margin-left: 5px;
	}
#imag18{
	margin-right: 5px;
	margin-left: 5px;
	}
#imag19{
	margin-right: 5px;
	margin-left: 5px;
	}
#imag20{
	margin-right: 5px;
	margin-left: 5px;
	}
#imag21{
	margin-right: 5px;
	margin-left: 5px;
	}
#imag22{
	margin-right: 5px;
	margin-left: 5px;
	}
#imag23{
	margin-right: 5px;
	margin-left: 5px;
	
	}	

/*--- Fleece ---*/
#foto9{
    float: left;
    margin-left: 30px;
	margin-right: 150px;
    margin-bottom: 5px;
    margin-top: 10px;
    
}
#imag8{
	margin-right: 5px;
	margin-left: 5px;
	}
#pers4{
	float: left;
	margin-left:20px;
	margin-top:100px;
	}
#imag9{
	margin-right: 5px;
	margin-left: 5px;
	}
/*--- Licra ---*/
#foto10{
    float: left;
    margin-left: 30px;
	margin-right: 550px;
    margin-bottom: 5px;
    margin-top: 10px;   
}
#imag24{
	margin-right: 5px;
	margin-left: 5px;
	}
#pers6{
	float: left;
	margin-left:40px;
	margin-top:30px;
	}
#imag25{
	margin-right: 5px;
	margin-left: 5px;
	}
#imag26{
	margin-right: 5px;
	margin-left: 5px;
	}
#imag27{
	margin-right: 5px;
	margin-left: 5px;
	}
#imag28{
	margin-right: 5px;
	margin-left: 5px;
	}
/*---Picket ---*/

#foto2{
    float: left;
    margin-left: 30px;
	margin-right: 550px;
    margin-bottom: 50px;
    margin-top: 10px;
    
}
#imag29{
	margin-right: 5px;
	margin-left: 5px;
	}
#pers2{
	float: left;
	margin-left:50px;
	margin-top:100px;
	}

/*--- interlock ---*/
#foto5{
    float: left;
    margin-left: 30px;
    margin-bottom: 5px;
    margin-top: 10px;    
}
#imag10{
	margin-right: 5px;
	margin-left: 5px;
	}
#pers7{
	float: left;
	margin-left:50px;
	margin-top:100px;
	}
#imag11{
	margin-right: 5px;
	margin-left: 5px;
	}
#imag12{
	margin-right: 5px;
	margin-left: 5px;
	}	
#imag13{
	margin-right: 5px;
	margin-left: 5px;
	}
#imag14{
	margin-right: 5px;
	margin-left: 5px;
	}	
	
/*--- ribb ---*/
#foto1{
    float: left;
    margin-left: 30px;
	margin-right: 100px;
    margin-top: 10px;
    
}
#foto3{
    float: left;
    margin-left: 30px;
	margin-right: 100px;
    margin-top: 20px;    
}
#pers3{
	float: left;
	margin-left:50px;
	margin-top:20px;
	}
#imag1{
	margin-right: 5px;
	margin-left: 5px;
	}

#imag2{
	margin-right: 5px;
	margin-left: 5px;
	}
	
#imag3{
	margin-right: 5px;
	margin-left: 5px;
	}
#imag4{
	margin-right: 5px;
	margin-left: 5px;
	}

 
	/*---bvd  ---*/
	
#foto4{
    float: left;
    margin-left: 30px;
	margin-right: 150px;
    margin-bottom: 5px;
    margin-top: 25px;
    
}

#imag5{
	margin-right: 5px;
	margin-left: 5px;
	}
#pers1{
	float: left;
	margin-left:50px;
	margin-top:60px;
	}
#imag6{
	margin-right: 5px;
	margin-left: 5px;
	}

/* --- Poliester ---*/
#foto6{
    float: left;
    margin-left: 30px;
	margin-right: 550px;
    margin-bottom: 5px;
    margin-top: 10px;    
}
#imag30{
	margin-right: 5px;
	margin-left: 5px;
	}
#pers8{
	float: left;
	margin-left:40px;
	margin-top:60px;
	}
#imag31{
	margin-right: 5px;
	margin-left: 5px;
	}
#imag32{
	margin-right: 5px;
	margin-left: 5px;
	}
/* --- Cuellos---*/
#foto7{
    float: left;
    margin-left: 30px;
	margin-right: 150px;
    margin-top: 10px;
    
}
#foto8{
    float: left;
    margin-left: 30px;
	margin-right: 150px;
    margin-top: 20px;
    
}

#imag7{
	margin-right: 5px;
	margin-left: 5px;
	}
#pers9{
	float: left;
	margin-left:50px;
	margin-top:60px;
	}	
/* --- Contacto ---*/

/*--codigo-mapa-google--*/
#mapa {
	position: relative;
	
// This is the aspect ratio
    height: 75%;
	overflow: hidden;
	margin-left: 10px;
	float: left;
	height: 380px;
	width: 300px;
	margin-top: 25px;
	margin-bottom: 20px;
	border: 2px dashed #036;
}
#mapa iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 450px !important;
	height: 350px !important;
}

#formulario{
	float: left;
	margin-left: 15px;	
	}

form{
	width: 300px;
	background: rgba(4,13,30,0.8);
	box-sizing: border-box;
	margin-top: 20px;
	border-radius: 5px;
	float: left;
	margin-left: 0px;
	padding-top: 20px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	text-align: center;
}
input, textarea{
	width:100%;
	margin-bottom:7px;
	padding:5px;
	box-sizing:border-box;
	font-size:13px;
	border:none;
	}
textarea{
	min-height:100px;
	max-height:200px;
	max-width:100%;
	}
#boton{
	background:#31384a;
	color:#fff;
	padding:10px;
	}
#boton: hover{
	cursor:pointer;
	}

@media (max-width:480px){
	form{
		width:95%;
	}
	/* --- Respuesta ---*/
	
	#respuesta1{
	float: left;
	margin-left: 100px;
	width:400px;
	
	}
}
/* --- Pie pagina ---*/
footer{
	float: left;
	background-color: #000C3C;
	height: auto;
	width: auto;
	margin-bottom: 10px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #F00;
	border-bottom-color: #F00;
	margin-left: 0px;
	margin-right: 10px;
	
	}

#dir4{
	float: left;
	margin-top:60px;
	margin-left: 20px;
	text-align: center;
	}

#log1{
	float:left;
	margin-left:50px;
	margin-top:10px;
	}
#derechos{
	float: left;
	width: 200px;
	margin-left:5px;
	height: auto;
	padding-top: 20px;
	padding-bottom: 5px;
	padding-left: 40px;
	}

}	
/******************************************/
/***    DISEÑO PARA MOVILES 320        ****/
/******************************************/
@media only screen and (max-width:320px){
		
		/*--- Cabecera ---*/

}