@charset "utf-8";
/* CSS Document */

#presentaciones_base_acuosa{
	height: 290px;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	position:relative;
	background-image:url(vinilico_presentaciones.jpg);
	}


#modelos_descripcion_k1000 {
	height: 380px;
	width: 300px;
	margin-right: auto;
	margin-left: auto;
	overflow: auto;
	color: #000;
	padding-right: 20px;
	visibility:hidden;
}





.datos_tecnicos {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333;
}

#sliderModelosHolmelt{
	height: 290px;
	width: 900px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	position:relative;
	background-color: #FFF;
	overflow: hidden;
	}

.slider_modelos_hotmelt{	
	width:3000px;
	height:290px;
	position:absolute;	
	-webkit-animation: myfirst 10s ease-out backwards infinite; /* Safari and Chrome */
    -webkit-animation-direction: normal; 
	/* Safari and Chrome */
    animation: myfirst 10s backwards infinite;
    animation-direction: normal ;
	animation-timing-function:ease-out;
	z-index:100px;
	} 
	
	/* Chrome, Safari, Opera */
@-webkit-keyframes myfirst {


	 0%  { left:0px;}
	 14%  { left: 0px; }
    15%  { left:-290px; }
    30%  { left:-290px; }
	31%  { left:-580px; }
    45%	 { left:-580px; }
	45%  { left:-870px; }
	70%  { left:-870px; }
	100% { left:0px; } 


}



/* Standard syntax */
@keyframes myfirst {
   
0%  { left:0px;}
	 14%  { left: 0px; }
    15%  { left:-290px; }
    30%  { left:-290px; }
	31%  { left:-580px; }
    45%	 { left:-580px; }
	45%  { left:-870px; }
	70%  { left:-870px; }
	100% { left:0px; } 
}
	
	}

.slide_modelos_hotmelt{
	float: left;
	width: 290px;
	height: 290px;
		
		}
		
	
#sliderModelosHolmelt .slider_modelos_hotmelt:hover{	
animation-play-state:paused;
-webkit-animation-play-state:paused;
-moz-animation-play-state:paused;
-ms-animation-play-state:paused;		
}	
		
	




#sliderShowhotmelt
{
	height: 290px;
	width: 900px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	position:relative;
	background-color:#FFF;

}

#sliderShowIndex
{
	height: 290px;
	width: 900px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	position:relative;
	background-color:#FFF;

}


.aplicadores_caja {
	height: 380px;
	width: 380px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 16px;
	z-index: 10;
	position: absolute;
	left: 15px;
	background-color: #FC0;
	top: 86px;
	right: 0px;
}

.aplicadores_caja img{
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
	border:#333 1px solid;	 
	box-shadow:2px 2px 7px  #333333;
	transition:all ease-out 1sec;
	
	}
	
.aplicadores_caja img:hover{
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
	border: #FF0 1px solid;	 
	box-shadow:2px 2px 7px  #333333;
	}



.aplicadores {
	height: 20px;
	width: 150px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 16px;
	z-index: 10;
	position: absolute;
	left: 742px;
	background-color: #FC0;
	text-align: center;
	top: 261px;
	right: 0px;
}

.aplicadores a{
	text-decoration:none;
	color: #333;	
	display:block;
	height:20px;
	width: 150px;
	


}

.aplicadores a:hover{
	text-decoration:none;
	color: #333;
	background-color:#FF0;

}


#slider{
	position:relative;	
	height:246px;
	width:300px;
	margin:auto;
	overflow:hidden;
	
	}
	
.slider_contenedor{
	width:1600px;
	height:246;
	position:absolute;	
	-webkit-animation: myfirst 10s ease-out backwards infinite; /* Safari and Chrome */
    -webkit-animation-direction: normal; 
	/* Safari and Chrome */
    animation: myfirst 10s  backwards infinite;
    animation-direction: normal ;
	animation-timing-function:ease-out;
	}
	
	/* Chrome, Safari, Opera */
@-webkit-keyframes myfirst {


	 0%  { left:0px;}
	 9%  { left: 0px; }
    18%  { left:-300px; }
    27%  { left:-300px; }
	36%  { left:-600px; }
    45%	 { left:-600px; }
	54%  { left:-900px; }
	63%  { left:-900px; }
	72%  { left:-1200px; }
	81%  { left:-1200px; }
	 100% { left:0px; }
}



/* Standard syntax */
@keyframes myfirst {
   
	 0%   { left:0px;}
	10%  { left: 0px; }
    20%  { left:-300px; }
    30%  { left:-300px; }
	40%  { left:-600px; }
    50%	 { left:-600px; }
	60%  { left:-900px; }
	70%  { left:-900px; }
    100% { left:0px; }
}
	
.slide{	
		float: left;
		width: 300px;
		height: 246px;
		}
	
/*  carousel inferior base acuosa*/

#slider_base_acuosa{
	position:relative;	
	height:246px;
	width:300px;
	margin:auto;
	overflow:hidden;
	
	}
	
.slider_base_acuosa{
	width:2400px;
	height:246;
	position:absolute;	
	-webkit-animation: base_acuosa 10s ease-out backwards infinite; /* Safari and Chrome */
    -webkit-animation-direction: normal; 
	/* Safari and Chrome */
    animation: base_acuosa 10s  backwards infinite;
    animation-direction: normal ;
	animation-timing-function:ease-out;
	}
	
	/* Chrome, Safari, Opera */
@-webkit-keyframes base_acuosa {


	 0%  { left:0px;}
	 6%  { left: 0px; }
    12%  { left:-300px; }
    18%  { left:-300px; }
	24%  { left:-600px; }
    30%	 { left:-600px; }
	36%  { left:-900px; }
	42%  { left:-900px; }
	50%  { left:-1200px; }
	56%  { left:-1200px; }
	62%  { left:-1500px; }
	68%  { left:-1500px; }
	74%  { left:-1800px; }
	80%  { left:-1800px; } 
	86%  { left:-2100px; }
	92%  { left:-2100px; } 
	 100% { left:0px; }
}



/* Standard syntax */
@keyframes base_acuosa {
   
	0%  { left:0px;}
	 9%  { left: 0px; }
    18%  { left:-300px; }
    27%  { left:-300px; }
	36%  { left:-600px; }
    45%	 { left:-600px; }
	54%  { left:-900px; }
	63%  { left:-900px; }
	72%  { left:-1200px; }
	81%  { left:-1200px; }
	72%  { left:-1500px; }
	81%  { left:-1500px; }
	72%  { left:-1800px; }
	81%  { left:-1800px; } 
	72%  { left:-2100px; }
	81%  { left:-2100px; } 
	 100% { left:0px; }
}








body {
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #333;
	background-image: url(fondo.png);
}
#wrapper {
	height: auto;
	width: 100%;
	position: absolute;
	left: -1px;
	top: 5px;
	right: 0px;
}
.header {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	height: 120px;
	background-color: #333;
}
.logo {
	float: left;
	height: 80px;
	margin-top: 10px;
	margin-left:20px;
}
.info {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FED300;
	width: 300px;
	float: right;
	height: 80px;
	margin-top: 30px;
	margin-right:20px;
	text-align: right;
}
.info a {
	color: #FED300;
	font-size: 12px;
}
.info a:hover {
	color: #000;
	font-size: 12px;
	background-color: #FED300;
}
.img {
	float: left;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-top: 5px;
	border: 1px solid #333;
}
#banner {
	height: 290px;
	width: 900px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(adhesivos_hotmelt_base_acuosa.jpg);
	
}



.slider_hotmelt{
	width:7220px;
	height:296;
	position:absolute;
	z-index:1;
		
	-webkit-animation: hotmelt 20s ease-out backwards infinite; /* Safari and Chrome */
    -webkit-animation-direction: normal; 
	/* Safari and Chrome */
    animation: hotmelt 20s backwards infinite;
    animation-direction: normal ;
	animation-timing-function:ease-out;
	}
	
	/* Chrome, Safari, Opera */
@-webkit-keyframes hotmelt{


	 0%  { left:0px;}
	 6%  { left: 0px; }
    12%  { left:-900px; }
    18%  { left:-900px; }
	24%  { left:-1800px; }
    30%	 { left:-1800px; }
	36%  { left:-2700px; }
	42%  { left:-2700px; }
	48%  { left:-3600px; }
	54%  { left:-3600px; }
	62%  { left:-4500px; }
    68%	 { left:-4500px; }
	74%  { left:-5400px; }
	80%  { left:-5400px; }
	100%  { left:0px; }
	
	
	
	 100% { left:0px; }
}



/* Standard syntax */
@keyframes hotmelt {
   
	 0%   { left:0px;}
	10%  { left: 0px; }
    20%  { left:-300px; }
    30%  { left:-300px; }
	40%  { left:-600px; }
    50%	 { left:-600px; }
	60%  { left:-900px; }
	70%  { left:-900px; }
    100% { left:0px; }
}

	
	}


.slide_hotmelt{	
		float: left;
		width: 902px;
		height: 290px;
		}
	


.hotmelt {
	height: 35px;
	width: 300px;
	left: 0px;
	float: left;
	margin-top: 250px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 30px;
	margin-left: 10px;	
}

.hotmelt a{
	height: 35px;
	width: 300px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 30px;
	margin-left: 10px;
	text-decoration:none;
}

.base_acuosa{
	height: 35px;
	width: 400px;
	left: 0px;
	float: right;
	margin-top: 250px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 30px;
	margin-right: 10px;
	text-align: right
}

.base_acuosa a{
	height: 35px;
	width: 400px;
	left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 30px;
	margin-right: 10px;
	text-align: right;
	text-decoration:none;
	
}

#contenido {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	height: 500px;
	margin-top: 20px;
}
#menu {
	background-color: #FED300;
	height: 30px;
	width: 100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #333;
	
}
#menu ul {
	margin-top: 0px;
	margin-left: 0px;
	padding-left: 0px;
	list-style-type: none;
	width: 901px;
	margin-right: auto;
	margin-left: auto;
}
#menu ul li {
	float: left;
}



#menu ul li:last-child{

border-right-width: thin;
border-right-style: solid;
border-right-color: #333333;
	

}


#menu ul li a{
	width: 145px;
	display: block;
	height: 25px;
	padding-left:0px;
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #333333;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	text-decoration: none;
	padding-top: 5px;
	color: #333;
	text-align:center;
	transition:all 0.1s linear;
  	-webkit-transition:all 0.2s linear;
  	-moz-transition:all 0.2s linear;
  	-ms-transition:all 0.2s linear;
	
}







#menu ul li a:hover {
	width: 145px;
	display: block;
	height: 25px;
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #806900;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	text-decoration: underline;
	padding-top: 5px;
	color: #FED300;
	background-color: #000000;
}
#footer {
	background-color: #333;
	height: 200px;
	width: 100%;
	position: relative;
	bottom: 0px;
	left: 0px;
	
}
.pie {
	height: 150px;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}
.pie_logo {
	float: left;
	margin-top:20px;
}
.pie_menu {
	height: 160px;
	width: 201px;
	float: left;
	margin-top:20px;
	margin-left:100px;
}
.pie_menu a {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 14px;
	text-decoration: none;
	height: 25px;
	display: block;
	padding-top: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	padding-left: 5px;
	transition:all 0.2s linear;
  	-webkit-transition:all 0.4s linear;
  	-moz-transition:all 0.4s linear;
  	-ms-transition:all 0.4s linear;
}
.pie_menu a:hover {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 14px;
	text-decoration: none;
	height: 25px;
	display: block;
	padding-top: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	background-color: #FED300;
	padding-left: 5px;
}
.pie_info {
	height: 132px;
	width: 197px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	color: #FFF;
	line-height: 25px;
	float: right;
	margin-top: 20px;
}
.pie_info a  {
	color: #FFF;
	transition:all 0.2s linear;
  	-webkit-transition:all 0.4s linear;
  	-moz-transition:all 0.4s linear;
  	-ms-transition:all 0.4s linear;
}
.pie_info a:hover {
	color: #333;
	background-color: #FED300;
}
h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #333;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333;
	font-size: 24px;
}
h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #333;
	display: block;
	font-size: 24px;
}
#cont_der {
	background-color: #FED300;
	float: right;
	height: 450px;
	width: 330px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	
}
#cont_izq {
	background-color: #CCC;
	float: left;
	height: 450px;
	width: 490px;
	padding: 15px;
	position: absolute;
	z-index: 1;
}

#cont_izq_hotmelt{
	background-color: #CCC;
	float: left;
	height: 450px;
	width: 870px;
	padding: 15px;
	position: absolute;
	z-index: 1;
}




#modelo_k_1000{
	background-color: #CCC;
	float: left;
	height: 464px;
	width: 870px;
	padding-top: 15px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 15px;
	position: absolute;
	z-index: 2;
	visibility:hidden;
	
	
	}


#modelo_k_1020{
	background-color: #CCC;
	float: left;
	height: 450px;
	width: 870px;
	padding-top: 15px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 15px;
	position: absolute;
	z-index: 3;
	visibility:hidden;
	}
	
#modelo_k_2200{
	
	background-color: #CCC;
	float: left;
	height: 450px;
	width: 870px;
	padding: 15px;
	position:absolute;
	z-index:4;
	visibility:hidden;

	}


#modelo_k_4000{
	
	background-color: #CCC;
	float: left;
	height: 450px;
	width: 870px;
	padding: 15px;
	position:absolute;
	z-index:4;
	visibility:hidden;

	}



#modelo_k_1000:active {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
}

.img_modelos{
	margin-top: 30px;
	float:left;
	margin-right:20px;
	
	margin-left:20px;
	
	display: block;
	border: #FFCC00 solid 1px;
	}

.titulo{
	height:20px;
	width: 95%;
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 16px;
	background-color:#FC0;
	text-align:left;
	padding-left:20px;
	
	
	font-weight:bold;
	
	
	}



p {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000;
	line-height: 22px;
	text-align: justify;
}

.destacado{
	
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333 ;
	line-height: 22px;
	text-align: left;
	font-style: italic;
	font-weight: bold;		
	
	
	}
.titulo_modelos {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	text-decoration: underline;
}
#picos_especiales {
	float: right ;
	margin-left: 10px;
	border: 1px solid #333333;
 box-shadow:3px 3px 5px  #333333;
	
}
#cont_izq p a {
	font-style: italic;
	color: #2A2A2A;
	background-color: #FED300;
	text-decoration: none;
	font-weight: bold;
	
}


#cont_izq p a:hover {
background-color: #FFF611;


}