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

@font-face {
	font-family: 'TitilliumText22LRegular';
	src: url("TitilliumText22L003-webfont.eot"/*tpa=http://www.propel.com.ar/en/TitilliumText22L003-webfont.eot*/);
	src: local('?'), url("TitilliumText22L003-webfont.woff"/*tpa=http://www.propel.com.ar/en/TitilliumText22L003-webfont.woff*/) format('woff'), url("TitilliumText22L003-webfont.ttf"/*tpa=http://www.propel.com.ar/en/TitilliumText22L003-webfont.ttf*/) format('truetype'), url("TitilliumText22L003-webfont.svg#webfontpix5PAYt"/*tpa=http://www.propel.com.ar/en/TitilliumText22L003-webfont.svg#webfontpix5PAYt*/) format('svg');
	font-weight: normal;
	font-style: normal;
}
body  {
	background-image: url("imgs/fondo.jpg"/*tpa=http://www.propel.com.ar/en/imgs/fondo.jpg*/);
	background-repeat: repeat-x;
	background-position: center top;
	margin:0px;
	}
.wrap {
	width: 100%;
}
.contenedor {
	width: 990px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	margin-top:5px;
	
}
.contenido {
	width: 990px;
	position: relative;
	float: left;
	background-image:url("imgs/fondo-contenido.png"/*tpa=http://www.propel.com.ar/en/imgs/fondo-contenido.png*/);
	background-repeat:repeat;
	margin-bottom: 15px;
}
.col-izq {
	float: left;
	position: relative;
	width: 270px;
	background-image: url("imgs/fondo-menu.jpg"/*tpa=http://www.propel.com.ar/en/imgs/fondo-menu.jpg*/);
	background-repeat: no-repeat;
	background-position: center -18px;
	z-index: 50;
}
.marca {
	position: relative;
	margin-right: auto;
	margin-left: auto;
	width: 182px;
	margin-top: 15px;
	margin-bottom: 40px;
}
.menu {
	padding: 0px;
	width: 187px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	}
.menu ul {
	padding: 0px;
	list-style-type: none;
	width: 187px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	float:right;
	display:block;
}

	
.menu a {
	font-family: 'TitilliumText22LRegular', Arial, sans-serif;
	font-size: 13px;
	color: #414141;
	text-decoration: none;
	text-align: right;
	width: 187px;
	padding-top: 7px;
	padding-bottom: 7px;
	position: relative;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dcdcdc;
	float: right;
	clear:both;
	}
.menu a:hover {
	font-family: 'TitilliumText22LRegular', Arial, sans-serif;
	font-size: 13px;
	color: #414141;
	text-decoration: none;
	text-align: right;
	float: right;
	width: 177px;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-right:10px;
	position: relative;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dcdcdc;
	background-image: url("imgs/hover.png"/*tpa=http://www.propel.com.ar/en/imgs/hover.png*/);
	background-repeat: no-repeat;
	background-position: center center;
}
.wrap .contenedor .contenido .col-izq .menu ul li .activo {
	font-family: 'TitilliumText22LRegular', Arial, sans-serif;
	font-size: 13px;
	color: #414141;
	text-decoration: none;
	text-align: right;
	float: right;
	width: 177px;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-right:10px;
	position: relative;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dcdcdc;
	background-image: url("imgs/hover.png"/*tpa=http://www.propel.com.ar/en/imgs/hover.png*/);
	background-repeat: no-repeat;
	background-position: center center;

}
.wrap .contenedor .contenido .col-izq .menu ul li ul li a  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	text-decoration: none;
	float: right;
	position: relative;
	font-weight: bold;
	clear: both;
	width: 165px;
	}
	.wrap .contenedor .contenido .col-izq .menu ul li ul li a.flechita  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	text-decoration: none;
	float: right;
	position: relative;
	font-weight: bold;
	clear: both;
	width: 162px;
	background-image: url("imgs/flechitas.png"/*tpa=http://www.propel.com.ar/en/imgs/flechitas.png*/);
	padding-right: 15px;
	background-repeat: no-repeat;
	background-position: right;
	}

.wrap .contenedor .contenido .col-izq .menu ul li ul li a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #b11116;
	background-image: none;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-right: 0px;
	position:relative;
	clear:both;
	
}
.wrap .contenedor .contenido .col-izq .menu ul li ul li a.flechita:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #b11116;
	background-image: none;
	padding-top: 7px;
	padding-bottom: 7px;
	position:relative;
	clear:both;
	background-image: url("imgs/flechitas.png"/*tpa=http://www.propel.com.ar/en/imgs/flechitas.png*/);
	padding-right: 15px;
	background-repeat: no-repeat;
	background-position: right;
}
.wrap .contenedor .contenido .col-izq .menu ul li ul li .subactivo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #b11116;
	background-image: none;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-right: 0px;
	position:relative;
	clear:both;
}
.wrap .contenedor .contenido .col-izq .menu ul li ul li .subactivoflechita, .wrap .contenedor .contenido .col-izq .menu ul li ul li .subactivoflechita:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #b11116;
	background-image: none;
	padding-top: 7px;
	padding-bottom: 7px;
	position:relative;
	clear:both;
	background-image: url("imgs/flechitas.png"/*tpa=http://www.propel.com.ar/en/imgs/flechitas.png*/);
	padding-right: 15px;
	background-repeat: no-repeat;
	background-position: right;
}
.wrap .contenedor .contenido .col-izq .menu ul li ul li ul li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	text-decoration: none;
	text-align: right;
	position: relative;
	font-weight: normal;
	padding-right:0px;
	width:177px;
	clear: both;
	float: right;
	clear:both;
}
.wrap .contenedor .contenido .col-izq .menu ul li ul li ul li a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #b11116;
	text-decoration: none;
	text-align: right;
	position: relative;
	font-weight: normal;
	padding-right:0px;
	width:177px;
	float:right;
}
.wrap .contenedor .contenido .col-izq .menu ul li ul li ul li .subsubactivo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #b11116;
	text-decoration: none;
	text-align: right;
	position: relative;
	font-weight: normal;
	padding-right:0px;
	width:177px;
	float:right;
	clear:both;
}


.complentos {
	width: 190px;
	position: relative;
	padding-left: 40px;
	margin-top: 15px;
	float: left;
}

.col-der {
	float: left;
	width: 700px;
	position: relative;
}
.contenedor-pie {
	width: 100%;
	position: relative;
	float: left;
}
.pie {
	width: 990px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	margin-top: 12px;
	padding-top: 12px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	text-decoration: none;
	text-align: center;
	line-height: 18px;
}
.pie a {
	text-decoration: none;
	color: #666;
}
.pie a:hover {
	text-decoration: none;
	color: #b21e23;
}
.idioma {
	width: 150px;
	top: 30px;
	z-index: 10000;
	position: absolute;
	right: 40px;
	overflow:hidden;

}
.banderita a.b1 {
	background-image: url("imgs/us.png"/*tpa=http://www.propel.com.ar/en/imgs/us.png*/);
	background-repeat: no-repeat;
	background-position: center top;
	overflow:hidden;
	height: 19px;
	width: 24px;
	margin-left: 7px;
	cursor:pointer;
	float: right;
	position: relative;
	text-indent:-9999px;
	text-decoration:none;
	color: #fcfcfc;
}
.banderita a.b1:hover {
	background-image: url("imgs/us.png"/*tpa=http://www.propel.com.ar/en/imgs/us.png*/);
	background-repeat: no-repeat;
	background-position: center -19px;
	overflow:hidden;
	height: 19px;
	width: 24px;
}
.banderita a.b2 {
	background-image: url("imgs/ar.png"/*tpa=http://www.propel.com.ar/en/imgs/ar.png*/);
	background-repeat: no-repeat;
	background-position: center -19px;
	overflow:hidden;
	height: 19px;
	width: 24px;
	margin-left: 7px;
	cursor:pointer;
	float: right;
	position: relative;
	text-indent:-9999px;
	text-decoration:none;
	color: #fcfcfc;
}
.banderita a.b2:hover {
	background-image: url("imgs/ar.png"/*tpa=http://www.propel.com.ar/en/imgs/ar.png*/);
	background-repeat: no-repeat;
	background-position: center top;
	overflow:hidden;
	height: 19px;
	width: 24px;
}

.banderita a.b3 {
	background-image: url("imgs/pr.png"/*tpa=http://www.propel.com.ar/en/imgs/pr.png*/);
	background-repeat: no-repeat;
	background-position: center -19px;
	height: 19px;
	width: 24px;
	margin-left: 7px;
	cursor:pointer;
	float: right;
	position: relative;
	text-indent:-9999px;
	text-decoration:none;
	color: #fcfcfc;
	overflow:hidden;
}
.banderita a.b3:hover {
	background-image: url("imgs/pr.png"/*tpa=http://www.propel.com.ar/en/imgs/pr.png*/);
	background-repeat: no-repeat;
	background-position: center top;
	height: 19px;
	width: 24px;
	overflow:hidden;
}


.promo31 {
	float: left;
	width: 227px;
	position: relative;
	background-image: url("imgs/home/rollos4.jpg"/*tpa=http://www.propel.com.ar/en/imgs/home/rollos4.jpg*/);
	background-repeat: no-repeat;
	background-position: center center;
	height: 200px;
	text-decoration:none;
}
a.promo31:hover {
	text-decoration: underline;
	color:#666;
	}
.promo32 {
	float: left;
	width: 227px;
	position: relative;
	background-image: url("imgs/home/manteles-5.jpg"/*tpa=http://www.propel.com.ar/en/imgs/home/manteles-5.jpg*/);
	background-repeat: no-repeat;
	background-position: center center;
	height: 200px;
	text-decoration:none;
}
a.promo32:hover {
	text-decoration: underline;
	color:#666;
	}	
	

.promo1 {
	float: left;
	width: 227px;
	margin-right: 12px;
	position: relative;
	background-image: url("imgs/home/embalaje-comercial.jpg"/*tpa=http://www.propel.com.ar/en/imgs/home/embalaje-comercial.jpg*/);
	background-repeat: no-repeat;
	background-position: center center;
	height: 200px;
	text-decoration:none;
}
a.promo1:hover {
	text-decoration: underline;
	color:#fff;
	}
.promo2 {
	float: left;
	width: 227px;
	position: relative;
	background-image: url("imgs/home/embalaje-frutas.jpg"/*tpa=http://www.propel.com.ar/en/imgs/home/embalaje-frutas.jpg*/);
	background-repeat: no-repeat;
	background-position: center center;
	height: 200px;
	margin-right: 12px;
	text-decoration:none;
}
a.promo2:hover {
	text-decoration: underline;
	color:#fff;
	}
.promo3 {
	float: left;
	width: 227px;
	position: relative;
	background-image: url("imgs/home/embalaje-varios2.jpg"/*tpa=http://www.propel.com.ar/en/imgs/home/embalaje-varios2.jpg*/);
	background-repeat: no-repeat;
	background-position: center center;
	height: 200px;
	text-decoration:none;
}
a.promo3:hover {
	text-decoration: underline;
	color:#fff;
	}
.promob3 {
	float: left;
	width: 330px;
	margin-left:12px;
	margin-right: 15px;
	position: relative;
	background-image: url("imgs/productos/ventas.jpg"/*tpa=http://www.propel.com.ar/en/imgs/productos/ventas.jpg*/);
	background-repeat: no-repeat;
	background-position: center center;
	height: 140px;
	text-decoration:none;
}
a.promob3:hover {
	text-decoration:underline;
	color:#;
	}

.promob4 {
	float: left;
	width: 330px;
	position: relative;
	background-image: url("imgs/productos/mercados.jpg"/*tpa=http://www.propel.com.ar/en/imgs/productos/mercados.jpg*/);
	background-repeat: no-repeat;
	background-position: center center;
	height: 140px;
	text-decoration:none;
}
a.promob4:hover {
	text-decoration:underline;
	color:#999;
	}

.promo-titulo {
	font-family: 'TitilliumText22LRegular', Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #999999;
	width: 144px;
	margin-top: 7px;
	margin-right: 20px;
	text-align: center;
	float:right;
	text-decoration:none;
	text-decoration:none;
}
.promo-titulo span {
	font-family: 'TitilliumText22LRegular', Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #759d3c;
	font-weight: bold;
	text-decoration:none;
}
.promo-titulohome {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666;
	width: 190px;
	margin-top: 7px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	text-decoration:none;
}
.promo-titulohome span {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #333;
	font-weight: bold;
	text-decoration:none;
	clear:both;
}
.promo-txt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #666;
	float: right;
	width: 144px;
	margin-top: 15px;
	margin-right: 15px;
	clear: both;
}
.promo-txt span {
	float:right;
	position:relative;
	background-image:url("imgs/home/list.jpg"/*tpa=http://www.propel.com.ar/en/imgs/home/list.jpg*/);
	background-position:right top;
	background-repeat:no-repeat;
	padding-right:10px;
	text-align: right;
	clear:both;
	width: 134px;

}
.secciones-titulo {
	font-family: 'TitilliumText22LRegular', Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #8fb559;
	float: left;
	width: 700px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	position: relative;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.secciones-contenido {
	position:relative;
	float:left;
	width: 700px;
}
.secciones-contenido p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #555555;
	margin-bottom: 12px;
	line-height: 20px;
}
.seccion-encabezado  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#555555;
	line-height:18px;
}
.seccion-encabezado img {
	float:left; 
	position:relative;
	margin-right:20px;
}



/*--Estilo de las columnas--*/  
ul.columns {  
width: 700px;  
list-style: none;  
margin: 0 auto; padding: 0;  
}  
ul.columns li {
	width: 193px;
	height:178px;
	float: left;
	display: inline;
	margin: 10px;
	padding:10px;
	position: relative;
	background-image: url("imgs/productos/fondo-producto.jpg"/*tpa=http://www.propel.com.ar/en/imgs/productos/fondo-producto.jpg*/);
	background-repeat: no-repeat;
	background-position: center center;
}  

ul.columns li:hover span{  
z-index: 1002;  
}  

ul.columns li:hover {z-index: 99;}
/*--Estilo de las miniaturas--*/  
ul.columns li img {
	position: relative;
	float: left;
}  
.columns li a span {
	font-family: 'TitilliumText22LRegular', Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height:14px;
	color: #555555;
	text-decoration: none;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 10px;
	position: relative;
	float: left;
	margin-left: 10px;
	text-decoration:none;
	width:175px;
	height:25px;
}
.columns li a {
	text-decoration:none;
}

ul.columns li:hover img{  
z-index: 999;  
filter: alpha(opacity=100);  
opacity: 1;  
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";  
} 
/*--Estilo de los detalles--*/  
ul.columns li .info {  
position: absolute;
left: -26px;
top: -5px;
width: 264px;
height:323px;
background-image: url("imgs/productos/fondo-producto-hover.jpg"/*tpa=http://www.propel.com.ar/en/imgs/productos/fondo-producto-hover.jpg*/);
background-repeat: no-repeat;
background-position: center center;
display:none;
border:solid 1px #666;
background: #fff;  
font-size: 1.2em;  
-webkit-border-radius: 5px;  
-moz-border-radius: 5px;  
border-radius: 5px;  
}  
ul.columns li:hover .info {display: inline;}  
   
 .columns li .info .info2 {
	margin-top: 180px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #555555;
	width: 193px;
	margin-right: auto;
	margin-left: auto;
}
.columns li .info .info2 h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #555555;
}
  
   
ul.columns li h2 {  
font-size: 1.2em;  
font-weight: normal;  
text-transform: uppercase;  
margin: 0; padding: 10px 0;  
}  
ul.columns li p {padding: 0; margin: 0; font-size: 0.9em;}
.info2 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #F00;
	text-decoration: none;
	background-image: url("imgs/productos/zoom.jpg"/*tpa=http://www.propel.com.ar/en/imgs/productos/zoom.jpg*/);
	background-repeat: no-repeat;
	background-position: right center;
	float: right;
	position: relative;
	padding-right: 20px;
}
.producto-img {
	float: left;
	margin-right: 15px;
	position: relative;
}
.producto {
	float: left;
	position: relative;
	margin-bottom: 25px;
	padding-bottom:20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eeeeee;
}

.producto-desc {
	float: left;
	width: 270px;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #414141;
	text-align:justify;
}
.producto-desc span {
	font-family: 'TitilliumText22LRegular', Arial, Helvetica, sans-serif;
	font-size: 18px;
	margin-bottom:15px;
	color: #b11116;
	position:relative;
	float:left;
	width:270px;
	text-align:left;
	}
.representantes {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #555555;
	float: left;
	width: 700px;
	position: relative;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
.representantes img {
	float: left;
	margin-right: 15px;
	position: relative;
}
.representantes span {
	font-family: 'TitilliumText22LRegular', Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #b11116;
}

.representantes a {
	color: #b11116;
	text-decoration: none;
}
.representantes a:hover {
	color: #000000;
	text-decoration: none;
}
.mercados-txt {
	float: left;
	width: 100px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
	position: relative;
	margin-right: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #555555;
	padding-left: 10px;
}
.mercados-txt span {
	font-family: 'TitilliumText22LRegular';
	font-size: 14px;
	color: #900;
}
.slogan {
	font-family: 'TitilliumText22LRegular', Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #b11116;
	width: 300px;
	margin-right: auto;
	margin-left: auto;
	background-image:url("imgs/mercados/fondo.jpg"/*tpa=http://www.propel.com.ar/en/imgs/mercados/fondo.jpg*/);
	background-repeat:no-repeat;
	background-position:center center;
	text-align:center;
	padding: 20px;
}

.contacto-txt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #555555;
	float: left;
	width: 330px;
	position: relative;
	padding-right: 20px;
}


.areas{
	width:300px;
	background-color:#eeeeee;
	color:#333;
	border:1px solid #CCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 5px;
}
.btns {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	background-color: #B9D38B;
	padding: 7px;
	position: relative;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width:75px;
}

.btns:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	background-color: #980B0F;
	padding: 7px;
	float: left;
	position: relative;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width:75px;
}
.areas:focus {
	width:300px;
	background-color:#eeeeee;
	color:#333;
	border:1px solid #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 5px;
}
/* INPUT DE ERRORES */
input[type=text].error, input[type=password].error, input[type=file].error, select.error{
	border:#F99 solid 1px;
	background:#FFE8E8;
	color:#333;
}
textarea.error{
	border:#F99 solid 1px;
	background:#FFE8E8;
}
.contacto-txt span {
	font-family: 'TitilliumText22LRegular', Arial, sans-serif;
	font-size: 16px;
	color: #900;
}

.contacto-txt a {
	color: #b11116;
	text-decoration: none;
}
.contacto-txt a:hover {
	color: #000000;
	text-decoration: none;
}