body {
	padding:150px 50px;
	font-family:"Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms",verdana;
}

/* get rid of those system borders being generated for A tags */
a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}
/* root element for the whole scrollable setup */
div.scrollable {  
	position:relative;
	overflow:hidden;
	/*width: 646px;	 
	height:300px;*/	
	width: 782px;	 
	height:375px;
	margin-left:15px;
}

/* 
	root element for scrollable items. It is 
	absolutely positioned with large width. 
*/
#thumbs {	
	position:absolute;
	width:20000em;	
	clear:both;
	border:1px solid #222;
}

/* custom positioning for navigational links */
a.prev, a.next {
	margin-top:118px;	
}



/* single item */
#thumbs div {
	float:left;
	/*width:214px;
	height:300px;*/
	width: 259px;
	height:375px;
	/*background:#333 url(http://static.flowplayer.org/img/global/gradient/h150.png) repeat-x 0 146px;
	color:#fff;*/
	background:#CCC url(../images/fondo_item.jpg) repeat-x 0 157px;
	color:#fff;
	border-left:1px solid #333;
	cursor:pointer;
}

/* style when mouse is over the item */
#thumbs div.hover {
	background-color:#444;	
}

/* style when element is active (clicked) */
#thumbs div.active {
	background-color:#066;
	cursor:default;
}

/*#thumbs h3, #thumbs p, #thumbs span {
	margin:13px;		
	font-family:"bitstream vera sans";
	font-size:13px;
	color:#fff;	
}*/

#thumbs p{
	margin-left:5px;		
	font-size:14px;
	color:#000000;
	text-align:justify;
}


#thumbs h3 {
	margin-left:5px;	
	margin-top: 9px;
	color:#fff;	
}
#thumbs h4 {
	margin-left:5px;	
	margin-top: 2px;
	color:#ffffff;	
}

#thumbs h3 em {
	font-style:normal;
	color:yellow;
}
.textoplomo3{
	font-size:12px;
	}
.texto_normal3{
	font-size:16px;
	color:#ffffff;
	}
.texto_normal3_B{
	font-size:16px;
	color:#000000;
	}
.resaltado_celeste{
		color:#1d6aaf;
	}
.textofotos{
	font-size:12px;
	color:#333;
	}
	
	
#right{
	padding-left: 5px;
}
#id_clientes{
	margin-top:-40px;
	float: left;
	width: 250px;	
}
#rot_clientes{
	background-color: #FFF;
	float: left;
	width: 245px;
	height: 20px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#cont_clientes{
	background-image: url(../images/fondo_textos2.png);
	width: 260px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	height:400px;
	text-align: center;
}




#logo_conah{
	display:block;
	cursor:pointer;
	width:86px;
	height:84px;
	float:left;
	background-image:url(../images/logos/conah.jpg);
	}
#logo_conah:hover{
	display:block;
	cursor:pointer;
	float:left; 
	background-image:url(../images/logos/conah_over.jpg);
	}
#logo_cec{
	display:block;
	cursor:pointer;
	width:86px;
	height:84px;
	float:left;
	background-image:url(../images/logos/cec.jpg);
	margin-left: 32px;
	}
#logo_cec:hover{
	display:block;
	cursor:pointer;
	float:left; 
	background-image:url(../images/logos/cec_over.jpg);
	}
#logo_aedca{
	display:block;
	cursor:pointer;
	width:86px;
	height:84px;
	float:left;
	background-image:url(../images/logos/aedca.jpg);
	}
#logo_aedca:hover{
	display:block;
	cursor:pointer;
	float:left; 
	background-image:url(../images/logos/aedca_over.jpg);
	}
#logo_sumesa{
	display:block;
	cursor:pointer;
	width:135px;
	height:84px;
	float:left;
	background-image:url(../images/logos/sumesa.jpg);
	margin-left: 20px;
	}
#logo_sumesa:hover{
	display:block;
	cursor:pointer;
	float:left; 
	background-image:url(../images/logos/sumesa_over.jpg);
	}
#logo_mallSol{
	display:block;
	cursor:pointer;
	width:102px;
	height:84px;
	float:left;
	margin-left:10px;
	background-image:url(../images/logos/mall_sol.jpg);
	}
#logo_mallSol:hover{
	display:block;
	cursor:pointer;
	float:left; 
	background-image:url(../images/logos/mall_sol_over.jpg);
	}
#logo_bg{
	display:block;
	cursor:pointer;
	width:160px;
	height:84px;
	float:left;
	background-image:url(../images/logos/logo_bg.jpg);
	}
#logo_bg:hover{
	display:block;
	cursor:pointer;
	background-image:url(../images/logos/logo_bg_over.jpg);
	}
	
#logo_conquer{
	display:block;
	cursor:pointer;
	width:109px;
	height:84px;
	float:left;
	background-image:url(../images/logos/conquer.jpg);
	}
#logo_conquer:hover{
	display:block;
	cursor:pointer;
	float:left; 
	background-image:url(../images/logos/conquer_over.jpg);
	}
#logo_comite{
	display:block;
	cursor:pointer;
	width:175px;
	height:84px;
	float:left;
	background-image:url(../images/logos/comite.jpg);
	clear: left;
	margin-left: 40px;
	}
#logo_comite:hover{
	display:block;
	cursor:pointer;
	float:left; 
	background-image:url(../images/logos/comite_over.jpg);
	}
#logo_guayaquilena{
	display:block;
	cursor:pointer;
	width:175px;
	height:84px;
	float:left;
	background-image:url(../images/logos/la_guayaquilena.jpg);
	}
#logo_guayaquilena:hover{
	display:block;
	cursor:pointer;
	float:left; 
	background-image:url(../images/logos/la_guayaquilena_over.jpg);
	}
#logo_mariela{
	display:block;
	cursor:pointer;
	width:135px;
	height:84px;
	float:left;
	background-image:url(../images/logos/mariela.jpg);
	}
#logo_mariela:hover{
	display:block;
	cursor:pointer;
	float:left; 
	background-image:url(../images/logos/mariela_over.jpg);
	}
#logo_rafael{
	display:block;
	cursor:pointer;
	width:143px;
	height:84px;
	float:left;
	background-image:url(../images/logos/mundoRafael.jpg);
	}
#logo_rafael:hover{
	display:block;
	cursor:pointer;
	float:left; 
	background-image:url(../images/logos/mundoRafael_over.jpg);
	}
#logo_udo{
	display:block;
	cursor:pointer;
	width:164px;
	height:84px;
	float:left;
	clear:left;
	background-image:url(../images/logos/udo.jpg);
	margin-left: 18px;
	}
#logo_udo:hover{
	display:block;
	cursor:pointer;
	float:left; 
	background-image:url(../images/logos/udo_over.jpg);
	}
#logo_andres_roche{
	display:block;
	cursor:pointer;
	width:161px;
	height:84px;
	float:left;
	background-image:url(../images/logos/andres_roche.jpg);
	}
#logo_andres_roche:hover{
	display:block;
	cursor:pointer;
	float:left; 
	background-image:url(../images/logos/andres_roche_over.jpg);
	}
#logo_braun{
	display:block;
	cursor:pointer;
	width:134px;
	height:84px;
	float:left;
	background-image:url(../images/logos/logo_braun.jpg);
	}
#logo_braun:hover{
	display:block;
	cursor:pointer;
	float:left; 
	background-image:url(../images/logos/logo_braun_over.jpg);
	}
#logo_pek{
	display:block;
	cursor:pointer;
	width:134px;
	height:84px;
	float:left;
	background-image:url(../images/logos/pek.jpg);
	}
#logo_pek:hover{
	display:block;
	cursor:pointer;
	float:left; 
	background-image:url(../images/logos/pek_over.jpg);
	}
#logo_cnc_lobby{
	display:block;
	cursor:pointer;
	width:160px;
	height:84px;
	float:left;
	background-image:url(../images/logos/cnc_lobby.jpg);
	}
#logo_cnc_lobby:hover{
	display:block;
	cursor:pointer;
	float:left; 
	background-image:url(../images/logos/cnc_lobby_over.jpg);
	}
#logo_101grados{
	display:block;
	cursor:pointer;
	width:181px;
	height:84px;
	float:left;
	background-image:url(../images/logos/101_grados.jpg);
	margin-bottom: 0px;
	}
#logo_101grados:hover{
	display:block;
	cursor:pointer;
	float:left; 
	background-image:url(../images/logos/101_grados_over.jpg);
	}
#logo_pronobis{
	display:block;
	cursor:pointer;
	width:70px;
	height:84px;
	float:left;
	background-image:url(../images/logos/pronobis.jpg);
	}
	
#logoce{
	display:block;
	cursor:pointer;
	width:181px;
	height:84px;
	float:left;
	clear:both;
	background-image:url(../images/logos/ce.jpg);
	margin-bottom:5px;
	}
#logoce:hover{
	display:block;
	cursor:pointer;
	float:left; 
	background-image:url(../images/logos/ce_over.jpg);
	}
	
	#logotvcom{
	display:block;
	cursor:pointer;
	width:181px;
	height:84px;
	float:left;
	background-image:url(../images/logos/tvcom.jpg);
	}
#logotvcom:hover{
	display:block;
	cursor:pointer;
	float:left; 
	background-image:url(../images/logos/tvcom_over.jpg);
	}
	
	#logoRio{
	display:block;
	cursor:pointer;
	width:130px;
	height:84px;
	float:left;
	background-image:url(../images/logos/ciudadRio.jpg);
	}
#logoRio:hover{
	display:block;
	cursor:pointer;
	float:left; 
	background-image:url(../images/logos/ciudadRio_over.jpg);
	}
	
	#logoCarlink{
	display:block;
	cursor:pointer;
	width:181px;
	height:84px;
	float:left;
	background-image:url(../images/logos/carlink.jpg);
	}
#logoCarlink:hover{
	display:block;
	cursor:pointer;
	float:left; 
	background-image:url(../images/logos/carlink_over.jpg);
	}
	
	
	#logooroverde{
	display:block;
	cursor:pointer;
	width:130px;
	height:84px;
	float:left;
	background-image:url(../images/logos/oroverde.jpg);
	}
#logooroverde:hover{
	display:block;
	cursor:pointer;
	float:left; 
	background-image:url(../images/logos/oroverde_over.jpg);
	}