/* ===== Primary Styles ========================================================
   Author: Gaston Labarthe - gastonlabarthe.com
   ========================================================================== */
root {
    display: block;
}
body, div, img, ul, li, h1,h2,h3,h4,h5,h6,span, {
    margin:0px;
    padding:0px;
    border:0px;
}
body{
    margin:0 auto;
    font: normal 100% 'Myriad Pro', arial, sans-serif;
    background: #999999;
    
}
p,span,h1,h2,h3,h4,h5,h6{
    font-family: 'Myriad Pro', arial,sans-serif;
}
p{
    
    color:#000;
    font-size:1em;
    padding: 0px 40px 0 30px;
}
h1{
    font-size:2em;
    font-weight: 700;
    color:#000;
    padding: 30px 0 0 20px; 
}
h2{
    font-size: 1.8em;
    font-weight: 700;
    color:#000;
    padding: 0px 40px 0 30px;
}
h3{
    font-size: 1.6em;
    color:#000;
}
h4{
    font-size: 1.4em;
    color:#000;
}
h5{
    font-size: 1.2em;
    font-weight: 100;
    color:#000;
}
h6{
    font-size: 1.1em;
    color:#000;
}
span{
    font-size: 1.4em;
    color:#fff;
}
a{
    color: #fff;
}
a:hover, a:visited{
    color: #18527c;
}
/* ==========================================================================
   Header
   ========================================================================== */

header{
    position: relative;
    display: block;
    width: 960px;
    height: 230px;
    margin: 20px auto 0;
    background: url(../img/montevideo.jpg) no-repeat;
    /*Algunos derechos reservados de la imagen perteneciente a Andre Deak http://www.flickr.com/photos/pontodeak/*/
}
#menu{
    display: block;
    width: 100%;
    height: 50px;
    background: #999999;
    z-index: 9999;
}
#menu ul{
    list-style: none;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
}
#menu ul li{
    display: block;
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
}
#menu ul li a{
    display: block;
    margin: 0;
    width:138px;
    padding: 10px 10px;
    color:#fff;
    text-decoration: none;
    line-height: 1.3em;
    font-size: 1.4em;
}
.active,#empresa:hover,#servicios:hover,#vehiculos:hover,#contacto:hover{
    display: block;
    color:#999999 !important;
    background: #fff !important;
    text-decoration: none;
    line-height: 1.3em;
    font-size: 1.4em;
}
#iso,#iso:hover{
    background: url(../img/iso.png) no-repeat;
    height: 50px;
}
#facebook-menu, #facebook-menu:hover{
    background: url(../img/facebook-menu.png) no-repeat;
    height: 50px;
}

.linea{
    position: relative;
    float: left;
    width: 1px;
    height: 50px;
    background: url(../img/linea.gif) no-repeat;
}
/* ==========================================================================
   Container
   ========================================================================== */

.container{
    width: 960px;
    height: 750px;
    background: #ffffff;
}
/* ==========================================================================
   Main
   ========================================================================== */

#main{
    position: relative;
    width: 100%;
    height: 740px;
    margin: 0 auto;
    background: #fff;
}
/* ==========================================================================
   Index
   ========================================================================== */
.servicio{
    position: relative;
    display: block;
    float: left;
    width: 280px;
    height: 200px;
    margin: 50px 0 0 20px; 
}
.servicio a{
    display: block;
    width: 280px;
    height: 200px;
}
#transporte-de-personal{
    background: url(../img/servicio-1.png) no-repeat;
    margin-left:40px; 
}
#transportes-puntuales{
    background: url(../img/servicio-2.png) no-repeat;
}
#city-tours{
    background: url(../img/servicio-3.png) no-repeat;
}
/* ==========================================================================
   Servicios
   ========================================================================== */
.cliente{
    position: relative;
    display: block;
    float: left;
    width: 150px;
    height: 150px;
    margin: 20px 0 20px 70px;
}
.cliente a{
    position: relative;
    display: block;
    width: 150px;
    height: 150px;
}
#finning{
    background: url(../img/finning.png) no-repeat;
}
#donpepe{
    background: url(../img/donpepe.png) no-repeat;
}
#san-roque{
    background: url(../img/sanroque.png) no-repeat;
}
#gkn{
    background: url(../img/gkn.png) no-repeat;
}
/* ==========================================================================
   Vehiculos
   ========================================================================== */
.grilla-vehiculos{
    display: block;
    margin: 0 auto;
    width: 900px;
    height: 640px;
}
.vehiculos{
    position: relative;
    display: block;
    float: left;
    width: 280px;
    height: 200px;
    margin: 10px 20px 0 0;
}
/* ==========================================================================
   Contacto
   ========================================================================== */
#mapa-fast{
    position: relative;
    display: block;
    float: left;
    width: 440px;
    height: 400px;
    margin: 0 0 0 40px;

}
.datos-contacto{
    position: relative;
    float: left;
    width: 460px;
    height: 400px;
    margin: 0 0 0 20px;
}
.facebook-contacto{
    position: relative;
    display: block;
    float: left;
    width: 46px;
    height: 46px;
}
.facebook-contacto a{
    display: block;
    width: 46px;
    height: 46px;
    background: url(../img/facebook-contacto.png) no-repeat;
}

/* ==========================================================================
   Footer
   ========================================================================== */

footer{
    position: relative;
    width: 100%;
    height: 300px;
    text-align: center;
}
.rueda{
    display: block;
    width: 100%;
    height: 60px;
    margin-top: 20px;
    background: url(../img/marcas.png) repeat;
}
.logo{
    display: block;
    width: 142px;
    height: 103px;
    margin:20px auto; 
    background: url(../img/logo.png) no-repeat;
}