@charset "utf-8";
/* CSS Proyecto Scharff */

/* Generales
------------------------------------*/
body {
margin-top: 0px;
margin-bottom:0px;
margin-right: auto;
margin-left: auto;
position: relative;
font-size:12px;
font-family:arial;
color: #333;
background: transparent url('../img/fondo1-int.jpg') repeat-x}

a{
font: normal 12px Arial;
text-decoration:none
}
a:hover{
font: normal 12px Arial
}

table{
padding:0px;
}

img{
border:0px
}

p{ margin-top:0px; margin-bottom:15px}

ul{
font-family:Arial, Helvetica, sans-serif;
margin:0;
padding:0
}

h1{font: bold 20px Arial; color: #355686; margin:0px}

h2{font: bold 11px Arial; color:#214E9A}


/* Estructura web
------------------------------------*/

#topall {
background: transparent url('../img/fondo3-int.jpg') no-repeat top center;
position:relative;
top: 0;
left: 0;
width: 100%;
height:207px;
}

#bottomall {
background: transparent url('../img/fondo2.jpg') repeat-x bottom;
position:relative;
top: 0;
left: 0;
width: 100%;
height:74px;
float:left
}
/*top*/
#top{width:1000px; height:207px; margin-top:0px; margin-bottom:0px; margin-right:auto; margin-left:auto; font:normal 12px Arial}
#top-izq{width:287px; height:41px; float:left}
#top-der{width:708px; height:41px;  float:left; background: transparent url('../img/fondo-menutop.gif') no-repeat}
#top-anim{width:282px; height:166px;  float:left}
#top-img{width:718px; height:166px;  float:left}
#menu{vertical-align:top; height:41px}
#menu li{list-style:none; float:left; height:41px; line-height:41px; text-align:center; color:#78A5C2; display:block}

.alt{ display:none}

#bot-home{width:69px; height:41px; background: transparent url('../img/bot-homeactive.jpg') no-repeat; line-height:41px; text-align:center; color:#78A5C2; float:left}
#bot-home a{width:69px; height:41px; background: transparent url('../img/bot-home.jpg') no-repeat; line-height:41px; text-align:center; color:#B1D2E0; float:left}
#bot-home a:hover{float:left}

#bot-empresa{width:133px; height:41px; background: transparent url('../img/bot-empresa.jpg') no-repeat; float:left}
#bot-empresa a{width:133px; height:41px; background: transparent url('../img/bot-empresa2.jpg') no-repeat; line-height:41px; color:#B1D2E0; float:left}
#bot-empresa a:hover{float:left}

#bot-servicios{width:92px; height:41px; background: transparent url('../img/bot-servicios.jpg') no-repeat; float:left}
#bot-servicios a{width:92px; height:41px; background: transparent url('../img/bot-servicios2.jpg') no-repeat; line-height:41px; color:#B1D2E0; float:left}
#bot-servicios a:hover{float:left}

#bot-tracking{width:118px; height:41px; background: transparent url('../img/bot-tracking.jpg') no-repeat; float:left}
#bot-tracking a{width:118px; height:41px; background: transparent url('../img/bot-tracking2.jpg') no-repeat; line-height:41px; color:#B1D2E0; float:left}
#bot-tracking a:hover{float:left}

#bot-ubiquenos{width:101px; height:41px; background: transparent url('../img/bot-ubiquenos.jpg') no-repeat; float:left}
#bot-ubiquenos a{width:101px; height:41px; background: transparent url('../img/bot-ubiquenos2.jpg') no-repeat; line-height:41px; color:#B1D2E0; float:left}
#bot-ubiquenos a:hover{ float:left}

#bot-trabaja{width:158px; height:41px; background: transparent url('../img/bot-trabaja.jpg') no-repeat; float:left}
#bot-trabaja a{width:158px; height:41px; background: transparent url('../img/bot-trabaja2.jpg') no-repeat; line-height:41px; color:#B1D2E0; float:left}
#bot-trabaja a:hover{float:left}

#bot-contacto{width:106px; height:41px; background: transparent url('../img/bot-contacto.jpg') no-repeat; float:left}
#bot-contacto a{width:106px; height:41px; background: transparent url('../img/bot-contacto2.jpg') no-repeat; line-height:41px; color:#B1D2E0; float:left}
#bot-contacto a:hover{float:left}

/*contenido*/
#contenido{width:1000px; height:auto; margin-top:0px; margin-bottom:0px; margin-right:auto; margin-left:auto;}

/*contenido-linea-superior*/
#pais-drop{ width:100px; height:30px; padding-left:65px; padding-top:5px; background: transparent url('../img/div-cuad.gif') no-repeat right; float:left}
#cuadro-idioma{width:130px; height:35px; font: normal 12px Arial; color:#356FA2; float:left}
#cuadro-nota{width:700px; height:25px; padding-top:10px; font: bold 12px Arial; color:#356FA2; text-align:right; float:left}

#menu2{vertical-align:top; padding-top:10px}
#menu2 li{list-style:none; float:left; display:block}

.bot-esp{width:30px; height:14px; background: transparent url('../img/id-espanol.gif') no-repeat; float:left}
.bot-esp a{width:30px; height:14px; background: transparent url('../img/id-espanol2.gif') no-repeat; float:left}
.bot-esp a:hover{background: transparent url('../img/id-espanol.gif') no-repeat; float:left}

.bot-eng{width:30px; height:14px; background: transparent url('../img/id-english.gif') no-repeat; float:left}
.bot-eng a{width:30px; height:14px; background: transparent url('../img/id-english2.gif') no-repeat; float:left}
.bot-eng a:hover{background: transparent url('../img/id-english.gif') no-repeat; float:left}

/*bottom*/
#bottom{width:1000px; height:74px; margin-top:0px; margin-bottom:0px; margin-right:auto; margin-left:auto; font: normal 12px Arial; color: #487B9D}
#bottom .text-bottom{padding-top:25px; font: normal 12px Arial; color: #487B9D; text-align:center}
#bottomtext1{padding-top:25px; padding-left:20px; width:430px; float:left}
#bottomtext2{padding-top:25px; padding-right:20px; width:300px; text-align:right; float:right}