body {
    font-family:Arial;
    font-size:13px;
    color:#373737;
    background:url(../imagenes/background.png) repeat-x #E5E5E5;
}
.fl{    float:left;}
.fr{    float:right;}
.clear{ clear:both;}
.clearR{ clear:right;}
.bold{ font-weight:bold;}

.linea1{
    background:#f8c029;
    height:1px;
    width:100%;
}
.ancho{
    width:950px;
    margin:0 auto;
}
#content{
    background-position:center 84px;
    background-repeat:no-repeat;
    padding-top:27px;
        overflow: auto;
    padding-bottom: 40px;
}



/* css-header
  _                          _               
 | |__     ___    __ _    __| |   ___   _ __ 
 | '_ \   / _ \  / _` |  / _` |  / _ \ | '__|
 | | | | |  __/ | (_| | | (_| | |  __/ | |   
 |_| |_|  \___|  \__,_|  \__,_|  \___| |_|   
                                             
*/
header{
    height:127px;
}

header nav{
    margin-top:71px;
    height:40px;
    padding: 0px 5px;
    background:url(../imagenes/header/botonera-extremo.png) repeat-x;
}
header nav ul{
    list-style-type: none;
    height:40px;
    margin:0;
    padding:0;
    background:url(../imagenes/header/botonera-background.png) repeat-x;
}
header nav ul li{
    float:left;
    
}
header nav ul li a{
    padding:0 12px;
    display:block;
    height:40px;
    text-decoration:none;
    line-height:40px;
    font-size:13px;
    font-weight:bold;
    color:#373737;
}
header nav ul li a:hover, header nav ul li a.seleccionado{
    text-decoration:underline;
}
#header .login{
    width:305px;
    height:65px;
    float:right;
}
#header .login .textbox{
    border:0;
    padding:0;
    margin:0;
    background:none;
    width:97px;
    height:37px;
    padding-left:10px;
    border-left:1px solid #3d3d3d;
    border-bottom:1px solid #3d3d3d;
    float:left;
    font-weight:bold;
    color:#e27c06;
    background:url(../imagenes/header/bg-textbox.jpg) repeat-x;
}
#header .login .submit{
    border:0;
    padding:0;
    margin:0;
    font-weight:bold;
    background:none;
    width:87px;
    height:38px;
    background:url(../imagenes/header/bg-submit.jpg) repeat-x;
    border:1px solid #3d3d3d;
    border-top:0;
    text-align:center;
    float:left;
}
#header .login a{
    text-decoration:none;
    font-weight:bold;
    font-size:11px;
}
#header .login a.naranja{ color:#e27c06; }
#header .login a.gris { color:#3d3d3d; }
/* fin HEADER */



/* css-content1columna
                         _           _                    _     
   ___    ___    _ __   | |_        / |     ___    ___   | |    
  / __|  / _ \  | '_ \  | __|       | |    / __|  / _ \  | |    
 | (__  | (_) | | | | | | |_   _    | |   | (__  | (_) | | |  _ 
  \___|  \___/  |_| |_|  \__| (_)   |_|    \___|  \___/  |_| (_)
                                                                                                                                                                                 
 */
#columna{
    min-height:100px;
    background:#f0efef;
    color:#494949;
    padding-bottom: 40px;
    font-size:14px;
}
#columna h1{
    font-size:18px;
    margin:0;
    padding:40px 0 0 40px;
    height:34px; /* 74-40 */
    font-weight:normal;
    width:310px;/* 350-40 */
    background:#f8f7f7;
}
#columna .content{
    margin:40px 20px 0 20px;
    
}
#columna .content .texto1{
    font-size:14px;
    color:#494949;
}
#columna .content p{
    font-size:14px;
    color:#494949
}

#columna .bt1{
    width:80px;
    background:#2c2c2c;
    height:5px;
}

#columna .bt2{
    width:870px;
    background:#f8c029;
    height:5px;
}

/* fin content1columna  */


/* css-content2columnas
                         _           ____                     _     
   ___    ___    _ __   | |_        |___ \      ___    ___   | |    
  / __|  / _ \  | '_ \  | __|         __) |    / __|  / _ \  | |    
 | (__  | (_) | | | | | | |_   _     / __/    | (__  | (_) | | |  _ 
  \___|  \___/  |_| |_|  \__| (_)   |_____|    \___|  \___/  |_| (_)
                                                                    
 */
#columna1{
    width:710px;
    min-height:100px;
    float:left;
    margin-right:10px;
    background:#f0efef;
    color:#494949;
    padding-bottom: 40px;
}
#columna1 h1{
    font-size:18px;
    margin:0;
    padding:40px 0 0 40px;
    height:34px; /* 74-40 */
    font-weight:normal;
    width:310px;/* 350-40 */
    background:#f8f7f7;
}
#columna1 .content{
    margin:40px 0 0 40px;
    
}
#columna1 .content .texto1{
    font-size:14px;
    color:#494949;
}
#columna1 .content p{
    font-size:14px;
    color:#494949
}


#columna2{
    width:230px;
    min-height:100px;
    float:left;
}
#columna1 .bt1{
    width:80px;
    background:#2c2c2c;
    height:5px;
}

#columna1 .bt2{
    width:630px;
    background:#f8c029;
    height:5px;
}

/* fin content2columnas  */





/* css-index 
  _               _               
 (_)  _ __     __| |   ___  __  __
 | | | '_ \   / _` |  / _ \ \ \/ /
 | | | | | | | (_| | |  __/  >  < 
 |_| |_| |_|  \__,_|  \___| /_/\_\
                                  
*/

.home-imagen-principal{
    /*border: 3px solid #f89929;*/
    height:332px;
    width:710px;
    background:white;
    margin-right:10px;
}
#home-contacto{
    background:url("../imagenes/index/contacto.png") no-repeat;
    display:block;
    float:left;
    height:106px;
    width:230px;
}
#home-bolsa{
    background:url("../imagenes/index/bolsa.png") no-repeat;
    float:left;
    margin-top:10px;
    width:230px;
    height:222px;
    position:relative;
}
#home-bolsa .texto{
    width:193px;
    margin:55px auto 0 auto;
    color:#f89829;
    font-size:12px;
    color:White;
    line-height:12px;
}
#home-bolsa a.boton{
    position:absolute;
    height:40px;
    width:210px;
    display:block;
    background-image:url("../imagenes/index/boton-ver-servicios.png");
    background-repeat:no-repeat;
    bottom:13px;
    left:10px;
}


#home-banners{
    margin:10px 0px;
    height:106px;
}
#home-banners .banner{
    width:230px;
    height:106px;
    margin-right:10px;
}
#home-banners .banner a{
    width:230px;
    height:106px;
    display:block;
}
#home-banners .banner a:hover{
    width:224px;
    height:100px;
    display:block;
    border:3px solid #f8c029;
}

#home-clientes{
    height:238px;
    background:white;
}

#home-clientes h1{
    height:34px;
    line-height:34px;
    width:904px;
    margin:0 auto;
    padding:0 3px;
    border-bottom:1px solid #f89229;
    font-size:13px;
    color:#2c2c2c;
    font-weight:bold;
    margin-bottom:6px;
}
/* fin INDEX */




/* css-clientes
         _   _                  _                
   ___  | | (_)   ___   _ __   | |_    ___   ___ 
  / __| | | | |  / _ \ | '_ \  | __|  / _ \ / __|
 | (__  | | | | |  __/ | | | | | |_  |  __/ \__ \
  \___| |_| |_|  \___| |_| |_|  \__|  \___| |___/
                                                 
*/

#clientes .listado{
    margin-top:11px;
    overflow:auto;
    padding:0 38px;
}
#clientes .columna{
    height:241px;
    padding:0 17px;
    width:241px;
    border-right:1px solid #bab9b9;
    float:left;
    font-family:Arial, Verdana;
    font-size:14px;
    font-weight:bold;
    color:#3d3d3d;
    text-transform:uppercase;
}

#clientes .col1{
    padding-left:0;
}
#clientes .col2{
    width:281px;
}
#clientes .col3{
    padding-right:0;
    border-right:0;
}
#clientes .columna .cliente{
    height:31px;
    line-height:31px;
    padding-left:5px;
    border-bottom:1px solid #bab9b9;
}
/* fin clientes */





/* css-contacto 
                         _                    _           
   ___    ___    _ __   | |_    __ _    ___  | |_    ___  
  / __|  / _ \  | '_ \  | __|  / _` |  / __| | __|  / _ \ 
 | (__  | (_) | | | | | | |_  | (_| | | (__  | |_  | (_) |
  \___|  \___/  |_| |_|  \__|  \__,_|  \___|  \__|  \___/ 
                                                          
*/
#estado{
    font-size: 22px;
    margin-top: 33px;
    font-weight: bold;
    color:#e27c06;
}
#formContacto input{
    margin:5px 0 18px 0;
    border:3px solid #f7a648;
    background:#f8c029;
    height:29px;
    line-height:29px;
    padding:0px 5px;
    width:350px;
}
#formContacto textarea{
    margin:5px 0 18px 0;
    border:3px solid #f7a648;
    background:#f8c029;
    height:130px;
    line-height:14px;
    padding:0px 5px;
    width:350px;
}
#formContacto input[type=submit]{
    border:0;
    margin:0;
    padding:0;
    background:url("../imagenes/contacto/btn-enviar.png") no-repeat;
    height:35px;
    width:160px;
    display:block;
    margin-top:2px;
    
}
#contacto p{
    margin:5px 0px 0px 0px;
}

/* fin CONTACTO */


/* css-galeria
                  _                 _         
   __ _    __ _  | |   ___   _ __  (_)   __ _ 
  / _` |  / _` | | |  / _ \ | '__| | |  / _` |
 | (_| | | (_| | | | |  __/ | |    | | | (_| |
  \__, |  \__,_| |_|  \___| |_|    |_|  \__,_|
  |___/                                       

*/

#galeria-galeria{
    margin-top:20px;
    width:640px;
    overflow: auto;
}
#galeria-galeria a.foto{
    width:150px;
    height:106px;
    display:block;
    float:left;
    margin:0px 10px 10px 0px;
    background-position:center center;
}
#galeria-galeria a.foto img{
    width:150px;
    height:106px;
    display:block;
}
/* fin GALERIA */


/* css-clientes 
         _   _                  _                
   ___  | | (_)   ___   _ __   | |_    ___   ___ 
  / __| | | | |  / _ \ | '_ \  | __|  / _ \ / __|
 | (__  | | | | |  __/ | | | | | |_  |  __/ \__ \
  \___| |_| |_|  \___| |_| |_|  \__|  \___| |___/
                                                 
*/
#clientes{
}


/* fin CLIENTES */


/* css-institucional 
  _                 _     _   _                    _                           _ 
 (_)  _ __    ___  | |_  (_) | |_   _   _    ___  (_)   ___    _ __     __ _  | |
 | | | '_ \  / __| | __| | | | __| | | | |  / __| | |  / _ \  | '_ \   / _` | | |
 | | | | | | \__ \ | |_  | | | |_  | |_| | | (__  | | | (_) | | | | | | (_| | | |
 |_| |_| |_| |___/  \__| |_|  \__|  \__,_|  \___| |_|  \___/  |_| |_|  \__,_| |_|
                                                                                 
*/


/* fin INSTITUCIONAL */
#institucional{
    font-family:Arial;
    font-size:14px;
    color:#2c2c2c;
    font-weight:normal;
}
#institucional h2{
    font-size:18px;
    font-weight:bold;
    text-transform:uppercase;
}
#institucional p{
    color:#494949;
    width:630px;
}
#institucional blockquote{
    margin:20px 0px 20px 31px;
    background-color:#f8c029;
    padding:38px 34px 36px 20px;
    font-style:italic;
    border:1px solid #f89829;
    border-left:none;
    border-right:none;
    width:515px; /* 569 -20 -34 */
}

/*  css-bolsa
  _               _               
 | |__     ___   | |  ___    __ _ 
 | '_ \   / _ \  | | / __|  / _` |
 | |_) | | (_) | | | \__ \ | (_| |
 |_.__/   \___/  |_| |___/  \__,_|
                                  
*/
#bolsa{
  overflow:auto;}
  
#bolsa .trabajo{
  margin-top: 20px;
  overflow:auto;
}
#bolsa .detalles{
    margin:0 10px 0 0;
    height:89px;
    width:730px;
    border:10px solid #1a5e03;
    font-family:Arial, Verdana;
    font-size:12px;
    font-weight:bold;
    color:#1a5e03;
    text-align:center;
    float: left;
}
#bolsa .peso{
    width:148px;
    height:89px;
    border-right:2px solid #3d3d3d;
    color:White;
    background:url(../imagenes/bolsa/bg-toneladas.png) repeat-x;
}
#bolsa .peso .numero{
    margin: 18px 0px 7px 0px;
    font-size:24px;
    color:White;
}


#bolsa .provincia{
    font-size:24px;
    margin-top:25px;
}
#bolsa .ciudad{
    font-size:11px;
    line-height: 5px;
}
#bolsa .origen{
    width:178px;
    height:89px;
    background:white;
}
#bolsa .origen .provincia{
    color:#1a5e03;
}
#bolsa .origen .ciudad{
    color:#231f20;
}

#bolsa .destino{
    width:178px;
    height:89px;
    border-right:2px solid #3d3d3d;
    background:#3bc60a;
}
#bolsa .destino .provincia{
    color:white;
}
#bolsa .destino .ciudad{
    color:#3d3d3d;
}

#bolsa .separador-recorrido{
    width:64px;
    height:89px;
    background:url(../imagenes/bolsa/bg-destino.png);
}
#bolsa .fecha{
    width:158px;
    height:89px;
    background:#e5e3e3;
    line-height:89px;
    font-size:24px;
    color:#3c3c3c;
}
#bolsa .reservado{
    display:block;
    float:left;
    width:150px;
    height:109px;
    background-image:url(../imagenes/bolsa/bt-reservar.png);
    background-repeat:no-repeat;
    background-position:0 0;
}
#bolsa .reservado:hover{
    background-position:-150px 0;
}





/* seleccionado */
#bolsa .detalles.res{
    border:10px solid #e94029;
}
#bolsa .peso.res{
    border-right:2px solid #868686;
    background:url(../imagenes/bolsa/bg-toneladas-res.png) repeat-x;
}
#bolsa .origen.res{
    background:white;
}
#bolsa .origen .provincia.res{
    color:#c53f2d;
}
#bolsa .origen .ciudad.res{
    color:#202020;
}

#bolsa .destino.res{
    border-right:2px solid #868686;
    background:#c53f2d;
}
#bolsa .destino .provincia.res{
    color:white;
}
#bolsa .destino .ciudad.res{
    color:#3d3d3d;
}

#bolsa .separador-recorrido.res{
    background:url(../imagenes/bolsa/bg-destino-res.png);
}
#bolsa .fecha.res{
    background:#e5e3e3;
    color:#3c3c3c;
}
#bolsa .reservado.res{
   background-position:-300px 0;
}
#bolsa .reservado.res:hover{
    background-position:-300px 0;
}
#paginacion {
    text-align:center;
    margin-top:10px;
    font-weight:bold;
}
#paginacion a{
    font-family: Arial, Verdana;
    font-size:12px;
    color:#000000;
    text-decoration:none;
}
#paginacion a.sel{
    font-size:15px;

}

.mas-info{
    padding:33px 26px;
    font-size:12px;
    font-weight:bold;
    font-family:Arial, Verdana;
    color:#3d3d3d;
    width:570px;
}
.mas-info p{
    margin:0;
    padding:0;
    padding-bottom:15px;
    margin-left:7px;
}
.mas-info h1{
    margin:0;
    padding:0;
    font-size:18px;
    height:48px;
    line-height:48px;
    border:1px solid #3d3d3d;
    border-left:none;
    border-right:none;
    padding-left:7px;
}
.mas-info .atributo{
    padding: 13px 7px;
    border-bottom:1px solid #e27c06;
}
.mas-info .atributo h2{
    margin:0;
    font-size:12px;
    display:inline;
    padding:2px 5px;
    color:White;
    background:#e27c06;
    height:19px;
    line-height:19px;
    
}
.mas-info .valor{
    margin-top:4px;
    font-weight:normal;
}
.naranja{ color:#e27c06; }
.gris { color:#3d3d3d; }
/* fin bolsa */



/* css-footer
   __                   _                 
  / _|   ___     ___   | |_    ___   _ __ 
 | |_   / _ \   / _ \  | __|  / _ \ | '__|
 |  _| | (_) | | (_) | | |_  |  __/ | |   
 |_|    \___/   \___/   \__|  \___| |_|   
                                          
*/
footer{
    background:url(../imagenes/footer/footer-center.png) repeat-x;
    height:50px;
    padding-top:10px;
}

footer span{
    font-size:11px;
    color:white;

    font-weight:bold;
}
footer span a{
    font-size:11px;
    color:#373737;
    font-weight:bold;
    text-decoration:none;
}

/* fin FOOTER */