body{
background: #eef1f2;
margin: 0px auto;
text-align: center;
}

.header{
padding: 0px 0px 0px 50px;
border-top: 10px solid #85383b;
text-align: left;
height: 160px;
margin: 0px auto;
}

.flag{
float: right; 
margin: 0px 10px 0px 0px;
}

.flag img{
border: 0px;
}

#colofon{
font-family: Georgia, "Times New Roman";
font-size: 26px;
letter-spacing: -1px;
line-height: normal;
font-style: italic;
color: #525252;
padding: 35px 0px 0px 50px;
}

#servicios{
padding: 40px 0px 30px 0px;
}

#prueba{
background: transparent url("img/lineabg.gif") bottom left repeat-x;
height: 160px;
padding-bottom: 20px;
}

.terrestre a{float:left; background-image: url("img/terrestre.gif"); display:block;width:300px;height:200px;}
.terrestre a:hover{background-image: url("img/terrestrehover.gif");}

.aereo a{float:left; background-image: url("img/aereo.gif"); display:block;width:300px;height:200px;}
.aereo a:hover{background-image: url("img/aereohover.gif");}

.maritimo a{float:left; background-image: url("img/maritimo.gif"); display:block;width:300px;height:200px;}
.maritimo a:hover{background-image: url("img/maritimohover.gif");}

.operador a{float:left; background-image: url("img/operador.gif"); display:block;width:300px;height:200px;}
.operador a:hover{background-image: url("img/operadorhover.gif");}

.consultoria a{float:left; background-image: url("img/consultoria.gif"); display:block;width:300px;height:200px;}
.consultoria a:hover{background-image: url("img/consultoriahover.gif");}

.aduana a{float:left; background-image: url("img/aduana.gif"); display:block;width:300px;height:200px;}
.aduana a:hover{background-image: url("img/aduanahover.gif");}

#info{
text-align: left;
margin-top: 30px;
}

#info h2{
color: #85383b;
border-bottom: 2px solid #85383b;
background: #eef1f2;
padding: 0px 0px 0px 0px;
font-size: 30px;
letter-spacing: -2px;
margin: 0px
line-height: normal;

}

#info h3{
color: #85383b;
border-bottom: 2px solid #85383b;
background: #eef1f2;
padding: 20px 0px 0px 0px;
font-size: 20px;
letter-spacing: -1px;
margin: 0px
line-height: normal;

}

#info p{
padding: 15px 0px;
margin: 0px;
color: #525252;
font-size: 13px;
}

#info ul{
color: #f2f2f2;
padding: 0px 0px 0px 15px;
margin-top: 0px;
}

#info li{
font-size: 13px;
color: #525252;
padding: 0px;
}

#info img a{
text-decoration: none;
border: 0px;
}

#info .big{
font-size: 20px;
letter-spacing: -1px;
font-weight: bold;
color: #525252;
text-align: center;
}

#info .contacto{
font-size: 20px;
letter-spacing: -1px;
font-weight: bold;
color: #525252;
text-align: left;
padding: 0px 0px 0px 15px;
margin: 0px 0px 0px 25px;
}
/* ----- tool tip specific styles ----- */
#theToolTip{
position: absolute;
left: -300px;
width: 200px;
border: 2px solid #85383b;
padding: 6px 0px 0px 10px;
background-color: #f2f2f2;
visibility: hidden;
z-index: 100;
color:#85383b;
text-align: left;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,strength=4);
}

#ToolTipPointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

#theToolTip ul{
font-size: 0.9em;
color: #333333;
line-height:1.4em;
margin-right:10px;
margin-top:10px;
}

#ToolTipTextWrap {
font-weight:bold;
font-size: 1.2em;
color: #592C16;
margin-right:10px;
}




