/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 20-feb-2014, 18:40:50
    Author     : carlos
*/

#links_footer{
    float: left;
    width: 100%;
    height: 100%;
}

#links_footer .first{
    border-left: 1px solid #b0b0b0;
}

#links_footer .item{
	position: relative;
    float: left;
    width: 62px;
    height: 52px;
}

#links_footer .item a{
    float: left;
}

#links_footer .item a img{
    border: 0;
}
#links_footer .item .dialogo {
	position: absolute;
	width: 170px;
	height: 65px;
	top: -77px;
	background-color: #FFF;
	left: -50px;
	border: 1px solid;
	padding: 5px;
	border: 1px solid #CCC;
	border-right: 1px solid #888;
	border-bottom: 1px solid #888;
	display: none;
}
#links_footer .item .dialogo a {
	position: relative;
	float: left !important;
	width: 100% !important;
	height: auto !important;
	text-align: center;
	padding: 5px 0;
}
#links_footer .item .dialogo a img {
	position: relative;
	float: none !important;
}
#links_footer .item .dialogo .triangulo {
	width: 0;
	height: 0;
	border-top: 10px solid #888;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
	position: absolute;
	bottom: -10px;
	left: 76px;
}
#links_footer .item .dialogo .triangulo2 {
	width: 0;
	height: 0;
	border-top: 10px solid #fff;
	border-right: 7px solid transparent;
	border-left: 7px solid transparent;
	position: absolute;
	bottom: -9px;
	left: 76px;
}
#links_footer .item:hover > .dialogo {
	display: block;
}