a img{
text-decoration:none;
border:none;
}

body{
  margin: 0;
  padding: 0;
  background: #CBD3DE url(../../images/bgbody.jpg) repeat-x top center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color:#3F4652;
}

a{
  outline: 0;
  outline-style:none;
  outline-width:0px;
  outline-color: -moz-use-text-color;
}

ul li{
	color:#395279;
}

.contenedor{
  /*width: 919px;*/
    width: 897px;
  height: 1%;
  overflow: hidden;
  margin: 0 auto;
}
.content{
  width: 901px;
  height: 1%;
  overflow: hidden;
  margin: 0 auto;
}

.content .title{
  font-size: 24px;
  color: #FFFFFF;
}

 .content img.img_int{
    float: left;
    margin-right: 23px;
  }
  .content span.txt_int{
    color: #395279;
    float: left;
    display: block;
    width: 540px;
  }
  .content a, .linkbox{
    color: #F38424;
    text-decoration: underline;
    cursor: pointer;
  }

.cont2col_left, .cont3col_left{
  float: left;
  width: 210px;
}
    .cont2col_left ul.submenu, .cont3col_left ul.submenu{
      list-style: none;
      font-size: 14px;
      font-weight: bold;
      padding: 0px;
      margin: 0px;
    }

     
      .cont2col_left ul.submenu li a, .cont3col_left ul.submenu li a{
          color: #999999;
          padding-right: 16px;
          text-decoration: none;
      }
      .cont2col_left ul.submenu.home li a, .cont3col_left ul.submenu.home li a{
          /*color: #556D93;*/
          color: #546C92;
      }
      .cont2col_left ul.submenu li a:hover, .cont3col_left ul.submenu li a:hover{
          color: #24303F;         
      }



      .cont2col_left ul.submenu.interna li a, .cont3col_left ul.submenu.interna li a{
          /*color: #556D93;*/
          color: #999999;
      }

      .cont2col_left ul.submenu.interna li a:hover, .cont3col_left ul.submenu.interna li a:hover{
          color: #546C92;
       }

       .cont2col_left ul.submenu.interna li a, .cont3col_left ul.submenu.interna li a.subsection_selected{
            color: #24303F;
            background: url(../../images/flecha_menu.gif) no-repeat bottom right;

      }
     
    
     
  .cont2col_left ul.submenu li, .cont3col_left ul.submenu li{
          background: url(../../images/linea_menu.gif) no-repeat bottom left;
          padding-bottom: 8px;
          margin-bottom: 8px;
      }

      .cont2col_left ul.submenu li .submenu_act, .cont3col_left ul.submenu li .submenu_act{
          background: url(../../images/internas/li_submenu_act.jpg) no-repeat right 2px;
          padding-right: 16px;
          color: #24303F;
      }


.cont2col_ctr{
  float: left;
  width: 624px;
  margin-left: 14px;
}
    .cont2col_ctr p{
      color: #395279;
      display: block;
      margin-top: 0px;
    }

.cont3col_ctr{
  float: left;
  width: 340px;
  margin: 0 14px;
}
    .cont3col_ctr p{
      color: #395279;
      display: block;
      margin-top: 0px;
    }
.cont3col_right{
  float: left;
  width: 270px;
}



/* HEADER */

    .header{
      width: 100%;
      height: 117px;
    }

    .header .idioma{
      width: 901px;
      height: 50px;
      margin: 0 auto;
    }
    .header .idioma a, .header .idioma a:active, .header .idioma a:link, .header .idioma a:visited{
      color: #3F4652;
      text-decoration: none;
      float: right;
      margin: 21px 10px 0;
    }
    .header .idioma a:hover{
      text-decoration: underline;
    }


    /* MENU */

    .header .menu{
      width: 901px;
      height: 67px;
      margin: 0 auto;
      position: relative;
    }
    
    .header .menu li a{
      display: block;
      height: 100%;
      width: 100%;
    }
      .header .menu li.logo{
        width: 210px;
        background-position: 0px 0px;
      }
      .header .menu li.company{
        width: 152px;
        background-position: -210px 0px;
      }
          .header .menu li.company_act{
            width: 152px;
            background-position: -210px -67px;
          }
      .header .menu li.products{
        width: 163px;
        background-position: -362px 0px;
      }
          .header .menu li.products_act{
            width: 163px;
            background-position: -362px -67px;
          }
      .header .menu li.client{
        width: 196px;
        background-position: -525px 0px;
      }
          .header .menu li.client_act{
            width: 196px;
            background-position: -525px -67px;
          }
      .header .menu li.contact{
        width: 180px;
        background-position: -721px 0px;
      }
          .header .menu li.contact_act{
            width: 180px;
            background-position: -721px -67px;
          }

    /* /MENU */



    /* SUBMENU */

    
     


   
      .header .submenu li{
        background: none;
        padding: 0;
        margin: 0;
        height: 21px;
        width: 100%;
      }
        .header .contact .submenu li, .header .contact_act .submenu li{
          width: 123px;
        }

      .header .submenu li.title{
        clear: left;
        height: 44px;
        padding: 0px;
      }
      


    .header .submenu li a, .header .submenu li a:link, .header .submenu li a:active, .header .submenu li a:visited{
      font-size: 13px;
      color: #F29E52;
      text-decoration: none;
    }
      .header .submenu li a:hover{
        color: #FFF;
      }
    .header .submenu li a.act, .header .submenu li a.act:link, .header .submenu li a.act:active, .header .submenu li a.act:visited, .header .submenu li a.act:hover{
      color: #CCC;
      cursor: default;
    }

    /* /SUBMENU */



/* /HEADER */



.goto_form{
  width: 100%;
  height: 410px;
}

      .goto_form .help:hover{
        background-position: bottom center;
      }
   
      .goto_form .trip:hover{
        background-position: bottom center;
      }
   
      .goto_form .html:hover{
        background-position: bottom center;
      }

 
.destacados{
  width: 100%;
  height: 162px;
  /*padding: 0 9px;*/
}
.destacados a{
  display: block;
  width: 298px;
  height: 162px;
  float: left;
  /*margin-right: 4px !important;
  .margin-right: 1px;*/
}

    .destacados .prod:hover{
      background-position: bottom center;
    }
    
    .destacados .events:hover{
      background-position: bottom center;
    }

    .destacados .client:hover{
      background-position: bottom center;
    }
    
    .destacados .readconmigo:hover{
      background-position: bottom center;
    }

    .destacados .agent:hover{
      background-position: bottom center;
    }

.footer{
  width: 901px;
  height: 1%;
  overflow: hidden;
  margin: 0 auto;
}

.footer .map ul{
  padding: 10px 0 0 12px;
  margin: 0;
  float: left;
  width: 158px;
  height: 179px;
  color: #707884;
}

.footer .map ul li{
  list-style: none;
  margin-bottom: 6px;
  text-align: left;
}

.footer .map ul li a, .footer .map ul li a:link, .footer .map ul li a:visited, .footer .map ul li a:active{
  color: #707884;
  text-decoration: none;
}
.footer .map ul li a:hover{
  text-decoration: underline;
}
    .footer .map ul li a.act, .footer .map ul li a.act:link, .footer .map ul li a.act:visited, .footer .map ul li a.act:active, .footer .map ul li a.act:hover{
      color: #3F4652;
      text-decoration: none;
      cursor: text;
    }

.footer .map ul li.title{
  font-weight: bold;
}
.footer .map ul li.act{
  color: #3F4652;
}

.footer .map ul.links_rg a, .footer .map ul.links_rg a:link, .footer .map ul.links_rg a:visited, .footer .map ul.links_rg a:active{
  color: #395279;
  font-size: 13px;
  text-decoration: none;
}
.footer .map ul.links_rg a:hover{
  text-decoration: underline;
}

.footer .map ul.links_rg .bttm a img{
  border: 0;
  margin: 6px 6px 0 0;
}

.mid .lf{
  width: 490px;
  height:250px;
  font-size: 17px;
  color: #395279;
  float: left;
}
  .mid .lf img.title{
    margin: 0 5px;
  }

  .mid .lf .subtitle{
    width: 380px;
    display: block;
    margin: 20px 0 30px 5px;
  }

      .mid .lf .code select{
          border: 0;
          color: #395279;
          font-size: 19px !important;
          font-weight: normal;
          width: 165px;
          height: 29px !important;
          .height: 20px;
          .font-size: 20px;
          position: relative;
          left: 241px;
          top: 18px;
          background-color:#ffffff;
        }

        option{
          background-color:#ffffff;
          border: 0;
        }

.mid .rg{
  width: 340px;
  font-size: 12px;
  color: #707884;
  float: left;
}
  .mid .rg span, .mid .rg div{
    display: block;
    margin: 5px 0;
  }
  .mid .rg .inp_title{
    font-size: 16px;
  }

  .mid .rg .bginp input, .mid .rg .bginp_mdy input{
      width: 260px;
      height: 20px;
      .width: 250px;
      .height: 15px;
      border: 0;
      /*margin: 4px;
      .margin: 2px 0 0 4px;*/
       margin: 4px 0 0 4px;
      .margin: 4px 0 4px 4px;
      color: #395279;
      
    }
  .mid .rg .bginp_mdy span{
    /*float: right;
    .position: relative;
    .top: -20px;*/
  }

 .btn_send:hover{
    background-position: 0px -25px;
  }
.prev_drive{
 float:left;
 padding-bottom:25px;
}
.prev_drive a{
 color:#ffffff;
 font-weight:bold;
 text-decoration:none;
 
}

 .title_page .title{
  font-size: 24px;
  color: #3A5379;
 }
.content .mid_form .subtitle{
  font-size: 14px;
  color: #395279;
  font-weight: bold;
 }

 .content .mid_form ul.form{
  list-style-type: none;
  margin: 0;
  padding: 0;
 /* width: 650px;*/
 width: 530px;
  float: left;
 }
 .content .mid_form ul.form li{
  margin-bottom: 20px;
 }
 
 
 .content .mid_form .box_violations{
   width: 350px;
   height: 165px;
   border: 1px solid #ccc;
   float: left;
   margin-left:220px;
   margin-top:20px;
 }
 .content .mid_form .trigger{
  font-size: 12px;
  color: #636974;
  width: 210px;
  margin: 2px 10px 0 0;
  display: block;
  float: left;
 }

 .content .mid_form .divRate .trigger{
  font-size: 12px;
  color: #636974;
  width: 120px;
  margin: 2px 10px 0 0;
  display: block;
  float: left;
 }

 .content .mid_form .txt_rg{
  font-size: 12px;
  color: #707884;
  margin-right: 10px;
  float: left;
  margin-top: 3px;
 }
 .content .mid_form input[type="text"]{
  /*border: 1px solid #CCCCCC;*/
  border: none;
  color: #395279;
  font-size: 12px;
  
 }

 .content .mid_form .divRate input[type="text"]{
  /*border: 1px solid #CCCCCC;*/
  border: none;
  color: #395279;
  font-size: 12px;
  /*height: 18px;
  width: 118px;*/
 }

 /*.content .mid_form input[type="radio"], .content .mid_form input[type="checkbox"]{
  margin: 0 6px 0 0;
 }*/
 .content .mid_form select{
  /*border: 1px solid #CCCCCC;*/
  border: none;
  color: #395279;
  font-size: 12px;
  margin-bottom: 13px;
  /*height: 20px;*/
  /*width: 261px;*/
  /*.width: 263px;*/
 }

 .content .mid_form .divRate select{
 /* border: 1px solid #CCCCCC;*/
  color: #395279;
  font-size: 12px;
  /*height: 20px;*/
  width: 122px;
  .width: 122px;
 }

 .divRate .inputselect_class {
  background: url("../../images/forms/input_rate_bg.jpg") no-repeat scroll 0 0 transparent;
  /*height: 33px;*/
  width: 118px;
  padding: 6px 5px 6px 5px;
  .padding-top: 7px! important;
  .height: 22px! important;
  .width: 118px;
}

.divRate .inputselect_class.error_bg.divRate{
  background: url("../../images/forms/input_rate_bg_error.gif") no-repeat scroll 0 0 transparent;
}

 .inputselect_class{
  background: url("../../images/forms/input_bg.png") no-repeat scroll 0 0 transparent;
  /*height: 33px;*/
  width: 268px;
  padding: 6px 5px 6px 5px;
  .padding-top: 7px! important;
  .height: 22px! important;
  .width: 270px;
}

.inputselect_class.error_bg{
  background: url("../../images/forms/input_bg_error.gif") no-repeat scroll 0 0 transparent;
}

 #r2 li label, #r3 li label, #r4 li label{
     display: none;
}

  .btn_prev:hover{
    background-position: 0px -25px;
  }

  .btn_next:hover, .btn_addDriver:hover,.btn_addVehicle:hover, .btn_editViolations:hover, .btn_vin:hover, .btn_specialE:hover, .btn_add:hover{
    background-position: 0px -25px;
  }


.btn_removed{
  width: 249px;
  padding: 5px;
  height: 42px;
  display: block;  
  float: right;
}


.btn_remove:hover{
    background-position: 0px -25px;
  }

.btn_addViolation:hover, .btn_addSpecialEquipment:hover{
    background-position: 0px -25px;
  }


div.errorValidate {
    color:#FF5555;
    font-size:11px;
}
.mid .rg .bginp div, .mid .rg .bginp_mdy div, .mid .rg .errorValidate  {
     margin:0px;
}
.mid .lf .code div {
    position:relative;
    /*left:240px;*/
    top:25px;
    width:190px;
}
.mid .rg .formate {
  display: inline;
  margin-left: 15px;
 }
 .clear {
   clear:both;
   font-size:0;
   height:0;
   line-height:0;
}
.bubble{
   position: relative;
   width: 37px;  
 }

.popup {
   position: absolute;
   display: none; /* keeps the popup hidden if no JS available */
   z-index:1100;  
}


.breadcrumb_selected{
   color:#3A5379;
   font-weight:600;
}
.breadcrumb{   
   color: #ADB2BA;
   text-align:right;
   padding-top:23px;

}
.breadcrumb a{
   color: #ADB2BA;
   text-decoration:none;
 }
 .breadcrumb a:hover{
   color: #3F4652;
}
.linkDrivers, .linkVehicles {
   float:left;
   margin-left:50px;
   padding-top:6px;
   
 }
.linkDrivers a, .linkVehicles a{
   color:#ADB2BA;
   font-weight:600;
   text-decoration:none;
   margin-right:25px;
   cursor: pointer;
 }
.linkDrivers .driver_selected, .linkDrivers a:hover, .linkVehicles .vehicle_selected, .linkVehicles a:hover {
   color:#3A5379;
 }
.hide, .hidden {
   display:none;
}
.left{
    float:left;
}
.expanded, .mid .rg .expanded{
   display:none;
}
.mandatory {
   color:#FF6600;
}
.DropDown {
margin:0;
padding:0;
width:175px;
}
.mid .lf .DropDown .divState {
position:relative;
top:18px;
left:239px;
width:160px;
height:30px;
margin:0px;
padding:0px;
cursor:pointer;
font-size:19px;
}
.DropDownOpen {
margin:0;
position:absolute !important;
width:172px;
margin:0;
margin-left:238px;
margin-top:-30px;
z-index:1000;
}
.DropDownOpen ul {
margin:0;
padding:0;
padding-top:10px;
}
.DropDownOpen li{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:0 5px 0 7px;
height:30px;
color:#395279;
font-size:19px;
cursor:pointer;
}
.DropDownOpen li:hover {
color: #FF6600;
}
.OpenClose {
background-color:#fff;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom:1px solid #ccc;
z-index:5000;
}
.mid .rg .OpenClose {
margin:0px;
}
#prev_openclose_cont {
color:#5B322C;
float:left;
font-size:12px;
height:332px;
overflow:hidden;
padding:0 0 0 0px;
width:163px;
.position: absolute;
}
#prev_openclose {
position:relative;
width:163px;

}
#scroller {
background-color:#D6D6D6;
border-bottom:2px solid #395279;
border-top:2px solid #395279;
float:right;
height:327px;
overflow:hidden;
position:relative;
width:9px;
top:1px;
}

#StateDropDown input {
border:none;
width:137px;
font-size:19px;
color:#395279;
padding-left:7px;
}

#divSpecial{
    margin-left:220px;
    margin-top:30px;
}
#divSpecial ul{
    width:400px;
    float:none;
}
#divSpecial ul li{
    margin-bottom:5px;
    height:25px;
}
#divSpecial ul li .trigger{
    width:100px;
    font-size:11px;
}
#divSpecial ul li select{
    width:161px;
}
#divSpecial ul li input{
    width:148px;
}
.content .mid_form input[type="text"].wdate {
  /* width:auto;*/
}
.error{
    color:#FF6600;
   /* width:100px;*/
    position: relative;    
    left:220px;
    font-size:11px;
    background: transparent url(../../images/forms/error_icon.jpg) no-repeat scroll left center;
    padding-left: 20px;
    margin-top: 3px;
}

.inputtext_class{
  background: url("../../images/forms/input_bg.png") no-repeat scroll 0 0 transparent;
  height: 28px;
  width: 261px;
  padding: 0px 5px;
  .padding-top: 7px! important;
  .height: 22px! important;
}

.inputtext_class.error_bg{
  background: url("../../images/forms/input_bg_error.gif") no-repeat scroll 0 0 transparent;
}

.divRate .inputtext_class{
  background: url("../../images/forms/input_rate_bg.jpg") no-repeat scroll 0 0 transparent;
  height: 28px;
  width: 114px;
  padding: 0px 5px;
  .padding-top: 7px! important;
  .height: 22px! important;
}

.divRate .inputtext_class.error_bg{
  background: url("../../images/forms/input_rate_bg_error.gif") no-repeat scroll 0 0 transparent;
}

.inputdate_class{
  background: url("../../images/forms/inputdate_bg.gif") no-repeat scroll 0 0 transparent;
  height: 28px;
  width: 22px;
  padding: 0px 5px;
  .padding-top: 7px! important;
  .height: 22px! important;
}

.inputdate_class.error_bg{
  background: url("../../images/forms/inputdate_bg_error.gif") no-repeat scroll 0 0 transparent;
}

.inputdateyear_class{
  background: url("../../images/forms/inputdateyear_bg.gif") no-repeat scroll 0 0 transparent;
  height: 28px;
  width: 50px;
  padding: 0px 5px;
  .padding-top: 7px! important;
  .height: 22px! important;
}

.inputdateyear_class.error_bg{
  background: url("../../images/forms/inputdateyear_bg_error.gif") no-repeat scroll 0 0 transparent;
}




#divSpecial #added li{
    list-style:none;
    height:20px;
}
#divSpecial #added li:hover{
    color:#FF6600;
}
.icon_delete{
   vertical-align:middle;
   cursor:pointer;
   width:13px;
   margin-right:5px;
}

ul#added{
    padding-left:110px;
    padding-top:10px;
}

.marginLeft{
    margin-left: 220px;
}

#scroller_control {
background:transparent url(../../images/forms/scroller.gif) no-repeat scroll center center;
height:50px;
position:relative;
top:0;
width:9px;
}