@charset "UTF-8";

ul#logo-fotos {
	width: 700px;
	margin: 0 auto;
	padding: 50px;
	overflow: hidden;
	list-style: none;
}

ul#logo-fotos li{
	float: left;
	width: 50px;
	height: 50px;
	margin: 5px;
	border: 3px solid #ffffff;
	background-color: #ffffff;
	box-shadow: 1px 1px 3px rgba(0,0,0,.4);
	-webkit-transition: all 0.2s ease-in;
}

ul#logo-fotos li span{
	opacity: 0;
	color: #ffffff;
	text-shadow: 1px 1px 1px #000000;
	background-color: rgba(0,0,0,.3);
	font-size: 9pt;
	line-height: 370px;
	padding: 5px;
}

ul#logo-fotos li:hover{
	-webkit-transform: scale(2.5);
}

ul#logo-fotos li:hover span {
	opacity:1;
}


ul#logo-fotos li#logo_clientes1{
	background: url('../_logo_cli/logo1.jpg') no-repeat;
	background-position: 50% 50%;
	background-size: 50px 50px;
	background-color: #ffffff;
}
ul#logo-fotos li#logo_clientes1:hover {
	background-position: 0px 0px;
	background-size: 50px 50px;
}

ul#logo-fotos li#logo_clientes2{
	background: url('../_logo_cli/logo2.jpg') no-repeat;
	background-position: 50% 50%;
	background-size: 50px 50px;
	background-color: #ffffff;
}
ul#logo-fotos li#logo_clientes2:hover {
	background-position: 0px 0px;
	background-size: 50px 50px;
}

ul#logo-fotos li#logo_clientes3{
	background: url('../_logo_cli/logo3.jpg') no-repeat;
	background-position: 50% 50%;
	background-size: 50px 50px;
	background-color: #ffffff;
}
ul#logo-fotos li#logo_clientes3:hover {
	background-position: 0px 0px;
	background-size: 50px 50px;
}

ul#logo-fotos li#logo_clientes4{
	background: url('../_logo_cli/logo4.jpg') no-repeat;
	background-position: 50% 50%;
	background-size: 50px 50px;
	background-color: #ffffff;
}
ul#logo-fotos li#logo_clientes4:hover {
	background-position: 0px 0px;
	background-size: 50px 50px;
}

ul#logo-fotos li#logo_clientes5{
	background: url('../_logo_cli/logo5.jpg') no-repeat;
	background-position: 50% 50%;
	background-size: 50px 50px;
	background-color: #ffffff;
}
ul#logo-fotos li#logo_clientes5:hover {
	background-position: 0px 0px;
	background-size: 50px 50px;
}

ul#logo-fotos li#logo_clientes6{
	background: url('../_logo_cli/logo6.jpg') no-repeat;
	background-position: 50% 50%;
	background-size: 50px 50px;
	background-color: #ffffff;
}
ul#logo-fotos li#logo_clientes6:hover {
	background-position: 0px 0px;
	background-size: 50px 50px;
}
ul#logo-fotos li#logo_clientes7{
	background: url('../_logo_cli/logo7.jpg') no-repeat;
	background-position: 50% 50%;
	background-size: 50px 50px;
	background-color: #ffffff;
}
ul#logo-fotos li#logo_clientes7:hover {
	background-position: 0px 0px;
	background-size: 50px 50px;
}
ul#logo-fotos li#logo_clientes8{
	background: url('../_logo_cli/logo8.jpg') no-repeat;
	background-position: 50% 50%;
	background-size: 50px 50px;
	background-color: #ffffff;
}
ul#logo-fotos li#logo_clientes8:hover {
	background-position: 0px 0px;
	background-size: 50px 50px;
}
ul#logo-fotos li#logo_clientes9{
	background: url('../_logo_cli/logo9.jpg') no-repeat;
	background-position: 50% 50%;
	background-size: 50px 50px;
	background-color: #ffffff;
}
ul#logo-fotos li#logo_clientes9:hover {
	background-position: 0px 0px;
	background-size: 50px 50px;
}
ul#logo-fotos li#logo_clientes10{
	background: url('../_logo_cli/logo10.jpg') no-repeat;
	background-position: 50% 50%;
	background-size: 50px 50px;
	background-color: #ffffff;
}
ul#logo-fotos li#logo_clientes10:hover {
	background-position: 0px 0px;
	background-size: 50px 50px;
}
ul#logo-fotos li#logo_clientes11{
	background: url('../_logo_cli/logo11.jpg') no-repeat;
	background-position: 50% 50%;
	background-size: 50px 50px;
	background-color: #ffffff;
}
ul#logo-fotos li#logo_clientes11:hover {
	background-position: 0px 0px;
	background-size: 50px 50px;
}
ul#logo-fotos li#logo_clientes12{
	background: url('../_logo_cli/logo12.jpg') no-repeat;
	background-position: 50% 50%;
	background-size: 50px 50px;
	background-color: #ffffff;
}
ul#logo-fotos li#logo_clientes12:hover {
	background-position: 0px 0px;
	background-size: 50px 50px;
}
ul#logo-fotos li#logo_clientes13{
	background: url('../_logo_cli/logo13.jpg') no-repeat;
	background-position: 50% 50%;
	background-size: 50px 50px;
	background-color: #ffffff;
}
ul#logo-fotos li#logo_clientes13:hover {
	background-position: 0px 0px;
	background-size: 50px 50px;
}
ul#logo-fotos li#logo_clientes14{
	background: url('../_logo_cli/logo14.jpg') no-repeat;
	background-position: 50% 50%;
	background-size: 50px 50px;
	background-color: #ffffff;
}
ul#logo-fotos li#logo_clientes14:hover {
	background-position: 0px 0px;
	background-size: 50px 50px;
}
ul#logo-fotos li#logo_clientes15{
	background: url('../_logo_cli/logo15.jpg') no-repeat;
	background-position: 50% 50%;
	background-size: 50px 50px;
	background-color: #ffffff;
}
ul#logo-fotos li#logo_clientes15:hover {
	background-position: 0px 0px;
	background-size: 50px 50px;
}
ul#logo-fotos li#logo_clientes16{
	background: url('../_logo_cli/logo16.jpg') no-repeat;
	background-position: 50% 50%;
	background-size: 50px 50px;
	background-color: #ffffff;
}
ul#logo-fotos li#logo_clientes16:hover {
	background-position: 0px 0px;
	background-size: 50px 50px;
}
ul#logo-fotos li#logo_clientes17{
	background: url('../_logo_cli/logo17.jpg') no-repeat;
	background-position: 50% 50%;
	background-size: 50px 50px;
	background-color: #ffffff;
}
ul#logo-fotos li#logo_clientes17:hover {
	background-position: 0px 0px;
	background-size: 50px 50px;
}
ul#logo-fotos li#logo_clientes18{
	background: url('../_logo_cli/logo18.jpg') no-repeat;
	background-position: 50% 50%;
	background-size: 50px 50px;
	background-color: #ffffff;
}
ul#logo-fotos li#logo_clientes18:hover {
	background-position: 0px 0px;
	background-size: 50px 50px;
}
ul#logo-fotos li#logo_clientes19{
	background: url('../_logo_cli/logo19.jpg') no-repeat;
	background-position: 50% 50%;
	background-size: 50px 50px;
	background-color: #ffffff;
}
ul#logo-fotos li#logo_clientes19:hover {
	background-position: 0px 0px;
	background-size: 50px 50px;
}