@charset "utf-8";
/* CSS Document */
#contentBody{
	background: url("/images/home-masilla-selladora.jpg") no-repeat scroll 0 0 #e6e1da;}

#tableros{
height:530px;
}

#tableros h2,
#tableros h3,
#tableros .descripcion{
	display:none;
}

#tableros a{
	background-image: url("/images/masinfo_big_verde-trans.png");
	display: block;
	height: 50px;
	overflow: hidden;
	position: absolute;
	right: 109px;
	text-indent: -9999px;
	top: 260px;
	width: 183px;}

#tableros a:hover{
	background-image: url("/images/masinfo_big_azul-trans.png");
}

div.conozcaMas{
	width:210px;
	float:left;
	margin-right:10px;
	text-align:right;
	font-size:10px;
	color:#999;
}


/*******************************************************/
#productosDestacados{
	margin: 30px -20px -20px;
}

#productosDestacados .productoDestacado{
	float: left;
	width: 230px;
	padding:30px;
}

#productosDestacados .productoDestacado h2{
	color: #3C617E;
	font-size: 20px;
	font-weight: normal;
	margin: 0;
	text-align: center;
	text-transform: uppercase;
}

#productosDestacados .productoDestacado h3{
	color: #999999;
	font-family: georgia;
	font-size: 13px;
	font-style: italic;
	font-weight: normal;
	line-height: 14px;
	margin: 5px 0 0;
	text-align: center;
}

#productosDestacados .productoDestacado p{
}

#productosDestacados .productoDestacado ul{
	margin:0;
	padding:0;
	
}

#productosDestacados .productoDestacado li{
	background: url("/images/productos-masilla-selladora-transp.png") repeat scroll -456px 2px transparent;
	list-style: none outside none;
	padding-left: 16px;
	margin-top:7px;

}



#productosDestacados .productoDestacado + .productoDestacado{
}

.productoDestacado div.conozcaMas{
	float: right;
	margin-right: 7px;
	text-align: right;
	width: 187px;
	margin-top:10px;
}

.productoDestacado .masInfo{
	float:right;
	margin-top:5px;
}

.productoDestacado .descripcion{
	border-bottom: 1px dotted #FFFFFF;
	margin-top: 20px;
	min-height: 100px;
}

/***************** REPRESENTACIONES ********************/ 

a.masInfo{
	background:transparent url(/images/masinfo_verde-trans.png) repeat scroll 0 0;
	display:block;
	height:30px;
	width:105px;
	text-indent:-10000px;
	overflow:hidden;
}

a.masInfo:hover{
	background:transparent url(/images/masinfo_azul-trans.png) repeat scroll 0 0;
}



ul#representaciones , ul#representaciones li{
	list-style:none;
	margin:0px;
	padding:0px;
}

ul#representaciones{
	background:url(/images/productos02_representaciones_background.jpg) no-repeat;
	clear:both;
	float:none;
	height:270px;
	margin-left:-20px;
	margin-right:-20px;
	margin-top:30px;
	margin-bottom:-20px;
	color:#FFF;
	/*padding-left:30px;*/
	
}


ul#representaciones li{
	width:230px;
	float:left;
	display:block;
	padding:30px;
	margin-top:10px;
}

ul#representaciones li .descripcion{
	height:100px;
}

ul#representaciones li div.conozcaMas{
	width:130px;
	color:#E0E9EF;
	margin-left:10px;

}

ul#representaciones li a.masInfo{
	margin-left:-2px;	
	margin-top:0px;
	background:url(/images/masinfo_small_gris-trans.png) no-repeat  0px 3px ;
	width:66px;
	height:28px;
}

ul#representaciones li a.masInfo:hover{
	background-image:url(/images/masinfo_small_verde-trans.png);
}

ul#representaciones li h3{
	margin:0px;
}

ul#representaciones li h3 a{
	text-indent:-10000px;
	overflow:hidden;
	display:block;
	height:61px;
	margin:0px;
	margin-left:-30px;
	margin-top:0px;
	display:block;
}

ul#representaciones li.fanaquimica h3 a{
	background:url(/images/productos02_fanaquimica_isologo-trans.png) no-repeat;
}

ul#representaciones li.mexpol h3 a{
	background:url(/images/productos02_mexpol_isologo-trans.png) no-repeat;
}

ul#representaciones li.buscarep h3 a{
	background:url(/images/productos02_buscarep_isologo-trans.png) no-repeat;
}


