/* CSS Documento Canecas para reciclaje */

* {	padding:0px;	margin:0px;}
body,td,th {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#333333;}
body {background: #F5F5F5 url(../imgs/fndTop.gif) 0px 0px repeat-x; margin:0px; padding:0px}
.clear {margin:0; padding:0; clear:both;}
#mainContent{width:980px;}
#headContent {height:122px; background: transparent url(../imgs/fndMenuTop.gif) top center no-repeat; position:relative;}
#headContent img{float:left; position:absolute; left:0px; top:5px;}
#headContent .menuSup {list-style:none; margin:0px; padding:0px 10px 5px 0px; float:right; width:390px;}
#headContent .menuSup li {margin:0px; padding:0px 0px 0px 10px; color:#666; float:left;}
#headContent .menuSup li a {color:#246A37; font-weight:bold; text-decoration:none;} #headContent .menuSup li a:hover {text-decoration:underline;}
h2 {margin:0; padding:10px 0; font-size:16px; font-weight:bold; color:#009999;}

#tambienMedellin {margin:0px; padding:0px; position:absolute; top:0px; right:0px; width:94px; height:95px;}

/* ESTILOS MENU  */
#menu {height:30px; width:980px; margin:auto; margin:3px 0 12px 0; #margin:12px 0; padding-left:60px; }
#nav { list-style:none; margin:0 0 0 60px;}
#nav li { float:left; background-image:url(../imgs/nav_li_bg.png); background-repeat:no-repeat; background-position:right; padding:0; text-align:left; }
#nav li a { display:block; padding:9px 15px 9px 15px; text-decoration:none; color:#006666; font-weight:bold; }
#nav li a:hover { color:#FFF; background:url(../imgs/nav_li_bg_ahover.png) top center no-repeat; }
/* Submenu */
#nav ul.submenu { border:1px solid #CCC; padding:5px; position:absolute; list-style:none; background-color:#F0F0F0;}
#nav ul.submenu li { float:none; background-image:none; border-bottom:1px solid #999999; width:200px;}
#nav ul.submenu li a:hover{background-image:none; background-color:#575b5b;}
/* Subsubmenu */
#nav ul.subsubmenu { border:1px solid #CCC; padding:5px; position:absolute; list-style:none; background-color:#F0F0F0; margin-left:150px; margin-top:-30px;}
#nav ul.subsubmenu li { float:none; background-image:none; border-bottom:1px solid #999999; min-width:200px;}
#nav ul.subsubmenu li a:hover{background-image:none; background-color:#575b5b;}
/* XX ESTILOS MENU XX  */

.descripHome {width:900px; padding:10px 0; text-align:left; font-size:11px;}
.descripHome #canecasDesc{width:580px; float:left;}
.descripHome #PEDesc{width:300px; float:right;}
#destacadosHome {width:900px; margin:10px 0; text-align:left;}
#destacadosHome a{border:none; cursor:pointer;text-decoration:none;}
#destacadosHome a:hover{text-decoration:underline;}
#destacadosHome .destApoyoPrograms{	float:left;	background:url(../imgs/fnd_apoyoProgramas.gif) top left no-repeat;	width:147px;	height:59px;	padding:10px 5px 5px 50px;	color:#FFFFFF;	font-size:12px;	font-weight:bold;	margin:0 15px;	text-transform: uppercase;}
#destacadosHome .destMasopciones{	float:left;	background:url(../imgs/fnd_masModelosOpciones.gif) top left no-repeat;	width:147px;	height:59px;	padding:10px 5px 5px 50px;	color:#FFFFFF;	font-size:24px;	font-weight:bold;	margin:0 15px 0 0;	text-transform: uppercase; line-height:26px;}
#destacadosHome .destPersonalizacion{	float:left;	background:url(../imgs/fnd_personalizacion.gif) top left no-repeat;	width:160px;	height:59px;	padding:10px 0px 5px 50px;	color:#FFFFFF;	font-size:16px;	font-weight:bold;	margin:0 15px 0 0;	text-transform: uppercase; line-height:16px;}
#destacadosHome .destPersonalizacion h3{margin:0; padding:0; font-size:24px; line-height:24px;}
#destacadosHome .destReciclable{	float:left;	background:url(../imgs/fnd_reciclable.gif) top left no-repeat;	width:147px;	height:59px;	padding:10px 5px 5px 50px;	color:#FFFFFF;	font-size:12px;	font-weight:bold;	margin:0;	text-transform: uppercase; line-height:13px;}
#destacadosHome .destReciclable h3{margin:0; padding:0; font-size:24px; line-height:24px;}
#destacadosHome .divisorDestacado{height:23px; background:url(../imgs/fnd_divResaltado.gif) repeat-x;}
#destacadosHome h4.titNuevo{margin:0; height:43px; background:url(../imgs/fnd_h4Nuevo.gif) top left no-repeat; padding:5px 0 5px 130px; color:#FFFFFF; font-size:22px; text-transform:uppercase; font-weight:bold;}
#destacadosHome h4.titNuevo_canecasPlasticas{margin:0; height:61px; #height:66px; background:url(../imgs/fnd_h4NuevasCanecas.gif) top left no-repeat; padding:5px 0 5px 130px; color:#FFFFFF; font-size:22px; text-transform:uppercase; font-weight:bold;}
#destacadosHome h4.titNuevo_canecasPlasticas a {color:#FFF; text-decoration:none;}
#destacadosHome h4.titNuevo_canecasPlasticas a:hover {text-decoration:underline;}
#destacadosHome h4.titNuevo_contenedoresPostconsumo{margin:0; height:61px; #height:66px; background:url(../imgs/fnd_h4NuevosContenedores.gif) top left no-repeat; padding:5px 0 5px 170px; color:#FFFFFF; font-size:22px; text-transform:uppercase; font-weight:bold;}
.destacadoHome {margin:0px 5px; padding:0px 5px; float:left; width:430px; background:url(../imgs/fnd_destacadoHome.png) top left no-repeat;}
.destacadoHome h4 {margin:0px; padding:3px 5px 0px 115px; text-align:left; color:#FFF; font-size:20px; line-height:22px; text-transform:uppercase; background:url(../imgs/sprite_h4_destHome.png) top left no-repeat; height:55px; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);}
.destacadoHome h4.nuevo {background-position:left 10px;}
.destacadoHome h4.nuevalinea {background-position:left -50px;}
.destacadoHome h4.exclusivo {background-position:left -110px;}
.destacadoHome h4.novedad {background-position:left -170px;}
.destacadoHome h4.nuevalineab {background-position:left -230px;}
.destacadoHome h4.lideres {background-position:left -290px;}
.destacadoHome h4.variedad {background-position:left -350px;}
.notaHome img {	padding:0px 10px 10px 0px;}
.notaHome p { line-height:1.4em;  margin:20px 0px 0px 20px;}
.notaHome p a {color:#999; font-weight:bold; text-decoration:underline !important; border:0px;}
.otrosProducts_home {margin:20px 0px 10px 0px; padding:20px; background:#FFF; #border:#ccc solid 1px;
	-moz-box-shadow:inset 0 0 10px #999;
	-webkit-box-shadow:inset 0 0 10px #999;
	box-shadow:inset 0 0 10px #999;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
	
}
.otrosProducts_home h3 {margin:0px; padding:10px; color:#333; font-size:16px;}
.otrosProducts_home h4 {margin:0px; padding:0px; color:#666; font-size:14px;}
#footer{ background: #515759 url(../imgs/fndFoot.gif) repeat-x; color:#FFFFFF; font-size:11px; text-align:left; padding:10px 0 0 50px; margin:40px 0 0 0;}
#footer .containerFoot{ width:980px; padding:10px; margin:0 auto;}
#footer #menuInferior{float:left; width:200px; border-right:#666 solid 1px; padding:30px 25px 0 0;}
#footer #contactoPie{font-size:13px; float:left; width:500px; padding:30px 0 0 100px; border-left:#888 solid 1px;}
#footer #contactoPie img{float:right;padding:0px 0 0 0;}
#footer #contactoPie a{color:#FFFFFF; text-decoration:none;}
#footer #contactoPie a:hover{text-decoration:underline;}
#footer ul{margin:0; padding:0; list-style:inside; list-style-type:disc;}
#footer ul a{color:#ccc; text-decoration:none;}
#footer ul a:hover{color:#fff;}
#footer ul li{margin:0; padding:0 0 2px 15px; font-weight:bold;}
#footer ul li ul li{font-weight:normal; list-style-type:circle;}
#footer h6{font-size:14px; margin:10px 0; padding:0;}
#pieCreditos{font-size:10px; margin:0px auto; padding:25px 0 0 0; width:980px; text-align:center; color:#999999;}
#pieCreditos a{color:#999999; text-decoration:none;}
#pieCreditos a:hover{color:#CCCCCC;}

/*internas*/
.contInternas {width:900px; margin:0 auto; padding:10px 0; text-align:left;}
.colizq {float:left; width:510px; padding:10px 10px 10px 20px; }
.colizq img{padding:10px 10px 25px 10px;}
.colder {float:left; width:329px; height:100%; padding:25px 10px 10px 20px; background:#515759 url(../imgs/fndColIzq.gif) top left repeat-y;border-left:#ccc solid 1px; }
.colder ,td,th{color:#FFFFFF; font-size:10px;}
.colder ul{list-style:inside;}
.colder li{padding:2px 0; border-bottom:#333 dotted 1px;}
.colder a{color:#FFF; text-decoration:underline;}
.colder a:hover{text-decoration:none;}
h3 {margin:0;padding:10px 0;font-size:14px;font-weight:bold;text-transform: uppercase;}
p{margin:0; padding:0 0 10px 0;}
.nota01 {padding:10px 0; border-bottom:#CCCCCC solid 1px;}
.nota02 {padding:10px 0; border-top:#FFFFFF solid 1px;border-bottom:#CCCCCC solid 1px;}
a.mailinfo {width:130px;#width:140px;background:#f5f5f5 url(../imgs/mailInfo.gif) top left no-repeat;  float:right; font-size:10px; color:#336666; text-decoration:none; padding:8px 5px 5px 35px; margin:125px 0 0 0; font-weight:bold;}
.seccion {float:left; width:198px; padding:10px; border-right:#fff solid 1px; border-left:#ccc solid 1px;text-align:center; height:375px;}
.seccion .txtSeccion{background:#f5f5f5 url(../imgs/fndTxtseccion.gif) top center  no-repeat; padding:5px 0 0 0; text-align:left;}
.seccion a.masInfo{background:#990000 url(../imgs/masInfo.gif) 5px 5px  no-repeat;width:100px;#width:110px; height:16px; float:right; font-size:10px; color:#fff; text-decoration:none; padding:8px 5px 5px 35px; text-align:left; margin:10px 0; font-weight:bold;}
a.masmodelos {width:130px;#width:140px;background:#f5f5f5 url(../imgs/masModelos.gif) top left no-repeat;  float:right; font-size:10px; color:#990000; text-decoration:none; padding:8px 5px 5px 35px; margin:5px 0; font-weight:bold; position:absolute; }

/*contactenos*/
.txtForm {padding: 5px 0;}
.txtForm input {font-size:11px;	color:#333333;	margin-top: 5px;padding: 2px;	border: 1px solid #999999;	width: 300px;}
.txtForm textarea {font-family:Arial, Helvetica, sans-serif;margin-top: 5px;	padding: 2px;	border: 1px solid #999999;	width: 300px;	height: 50px;	font-size: 11px;	color: #333333;}

/*clientes*/
.cliente {width:170px; height:225px; float:left; margin:0 5px; border-bottom:#CCC solid 1px; border-top:#FFF solid 1px;}
.imgLogocliente {text-align: center;padding: 5px;}
.txtNombrecliente {text-align: center;	font-size: 12px;font-weight: bold;color: #003333;text-transform: uppercase;padding: 5px 0 15px 0;}


/*Aiso importante home*/
#avisoImportante { font-size:10px; width:453px; height:200px; margin:0px; padding:10px 40px 10px 65px; background:transparent url(../imgs/fndImportant.png) top left no-repeat; color:#333333; position:fixed; top:100px; left:-521px; line-height:1.1em; #line-height:1.2em; z-index:99; cursor:pointer; text-align:justify;}
#avisoImportante:hover {left:0px;}
#avisoImportante a {color:#003333;}