#gallerycontainer{
margin-top:30px;
margin-left:30px;
margin-bottom:40px;
width:98%;
position: relative;
height:700px;
}

.thumbnail img{
border: 2px solid;
color:#EEB21F;
margin: 0 4px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail span{ 
position: absolute;
padding: 5px;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*aqui vuelta rara*/
border-width: 0;
padding: 2px;
text-align:center;
}

.thumbnail:hover span
{ 
visibility: visible;
top: 380px;
left: 60px;
z-index: 50;
background-color:#FFFFFF;
}

.loco
{ 
visibility: visible;
margin:53px 0 0 67px;
}

p
{
text-align:justify;
font-family:Arial, Helvetica, sans-serif, Tahoma;
font-size:13px;
color:#003300;
}

.verde
{
width:320px;
color:#003300;
text-align:justify;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

.logpro
{
text-align:center;
font-weight:bold;
font-size:13px;
color: #009900;
}

.alerta
{
color:#000066;
font-size:13px;
}

.sutio
{
float: left;
}