/* CSS Document */

html {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;

    background: #c6c6c8 url('../img/background_html.jpg') repeat-x;
}

body {
    margin: 0;
    padding: 0;
    font: 12px Arial, Helvetica, sans-serif;
}

h1 {
    text-indent: -999999px;
}

h2 {
    font-family: 'TradeGothicbold';
    font-size: 36px;
    color: #FFF;
    text-shadow: 0 -2px 0 #6D0F11;
}

h3 {
    font-family: 'TradeGothicbold';
    font-size: 28px;
    color: #FFF;
    text-shadow: 0 -2px 0 #1A171B;
}

h4 {
    font-family: 'TradeGothicbold';
    font-size: 18px;
    color: #FFF;
}

h5 {
    color: #FFF;
    font-size: 12px;
    font-weight: bold;
    background: url('../img/background_submenu_off.jpg') no-repeat top right;
    height: 20px;
    line-height: 20px;
    padding-left: 5px;
    padding-bottom: 10px;
    cursor: pointer;
}

h6 {
    color: #3D3D3F;
    font-size: 10px;
    font-weight: bold;
    margin: 5px 0 5px 5px;
    cursor: pointer;
    text-transform: uppercase;
}

@font-face {
    font-family: 'TradeGothic';
    src: url('tradegothicltstd-webfont.eot');
    src: url('tradegothicltstd-webfont.eot?#iefix') format('embedded-opentype'),
         url('tradegothicltstd-webfont.woff') format('woff'),
         url('tradegothicltstd-webfont.ttf') format('truetype'),
         url('tradegothicltstd-webfont.svg#tradegothicltstd-webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TradeGothicbold';
    src: url('tradegothicltstd-bold-webfont.eot');
    src: url('tradegothicltstd-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('tradegothicltstd-bold-webfont.woff') format('woff'),
         url('tradegothicltstd-bold-webfont.ttf') format('truetype'),
         url('tradegothicltstd-bold-webfont.svg#tradegothicltstd-bold-webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}



/* LAYOUT INDEX.html
--------------------------------------------------------- */

.wrapper {
    width: 100%;
    height: 100%;
}

.wrapper_header {
    width: 100%;
    height: 145px;
    background: url('../img/background_header.png') repeat-x;
}

#header {
    width: 970px;
    height: 145px;
    margin: 0 auto;
}

#brand-DIS-NET {
    width: 434px;
    height: 99px;
    float: left;
    margin-top: 35px;
}
#brand-DIS-AUTO {
    width: 434px;
    float: left;
    margin-top: 28px;
}
#brand-DIS-AUTO h1 {
    height: 0;
}
#brand-DIS-AUTO p {
    font-family: 'TradeGothicbold';
    font-size: 15px;
    color: #CCC;
    margin-left: 6px;
}
#brand-PASO-A-PASO {
    width: 434px;
    height: 99px;
    float: left;
    margin-top: 35px;
}
#brand-PASO-A-PASO h1 {
    height: 0;
}
#brand-PASO-A-PASO p {
    font-family: 'TradeGothicbold';
    font-size: 15px;
    color: #CCC;
    margin-left: 6px;
}

#user {
    width: 500px;
    height: 145px;
    float: right;
}

#guia a {
    text-decoration: none;
    background: url('../img/btn_lubricante.png') no-repeat;
    color: #262427;
    display: block;
    height: 25px;
    font-family: 'TradeGothicbold';
    font-size: 14px;
    padding: 0 0 0 31px;
    line-height: 25px;
}

#guia a:hover {
    background-position: 0 -25px;
    color: #666;
}

#access_one {
    font-family: 'TradeGothic';
    font-size: 14px;
    color: #FFF;
    float: right;
    /*margin-top: -10px;*/
    width: 500px;
    text-align: right;
}

#access_two {
    width: 150px;
    height: 25px;
    float: right;
    margin-top: 3px;
}

#access_two a {
    width: 150px;
    height: 25px;
    display: block;
    color: #3d3d3f;
    text-decoration: none;
    font-family: 'TradeGothic';
    text-align: center;
    line-height: 25px;
    background: url('../img/btn_cerrar.png') no-repeat;
    padding-left: 10px;
}

#access a:hover {
    background-position: 0 -25px;
}

.wrapper_content {
    width: 100%;
}

#content {
    width: 970px;
    margin: 0 auto;
}

/* LAYOUT LOGIN.html
--------------------------------------------------------- */

#content_login {
    width: 970px;
    height: 700px;
    background: #F5F5F6;
    padding-bottom: 20px;
    margin-bottom: 100px;
    margin-top: 15px;

    -webkit-border-radius: 10px;
    border-radius: 10px;

    -webkit-box-shadow: 1px 1px 8.5px 0px #000;
    box-shadow: 1px 1px 8.5px 0px #000;
}

#title_login {
    width: 943px;
    color: #15317B;
    padding: 15px 0 0 27px;
    font-family: 'TradeGothicbold';
    font-size: 36px;
}

#txt_login {
    width: 916px;
    color: #1B171B;
    padding: 10px 0 0 27px;
    font-size: 14px;
}

#user_login {
    margin: 25px 15px 0 27px;
    float: left;
}

#user_login label {
    font-family: 'TradeGothicbold';
    font-size: 16px;
}

#pass_login {
    margin: 25px 15px 0 15px;
    float: left;
}

#pass_login label {
    font-family: 'TradeGothicbold';
    font-size: 16px;
}

#recordar_pass {
    margin: 80px 0 0 367px;
}

#pass {
    margin-top: 5px;
}

#pass a {
    color: #000;
}

#pass a:hover {
    color: #666;
}

#message_alert {
    width: 816px;
    height: 296px;
    background: url('../img/background_login.jpg') no-repeat;
    padding-left: 100px;
    margin: 20px 0 0 27px;
}

#btn_accede {
    width: 108px;
    height: 37px;
    float: right;
    margin: 41px 150px 0 0;
}

#btn_accede a {
    width: 108px;
    height: 37px;
    background: url('../img/btn_accede.png') no-repeat;
    text-decoration: none;
    color: #FFF;
    text-shadow: 0 -1px 0 #0D3082;
    font-family: 'TradeGothicbold';
    font-size: 18px;
    display: block;
    line-height: 37px;
    text-align: center;
}

#btn_accede a:hover {
    background: url('../img/btn_accede_press.png') no-repeat;
}

#logo_alert {
    width: 81px;
    height: 83px;
    background: url('../img/alerta.png') no-repeat;
    float: left;
    margin: 95px 0 0 30px;
}

#txt_alert {
    color: #F00;
    float: left;
    margin: 115px 0 0 30px;
    font-size: 14px;
}

#txt_alert a {
    color: #172559;
}

#txt_alert a:hover {
    color: #00F;
}

#cargaando_img {
    width: 30px;
    height: 30px;
    margin: 0 auto;
    padding-top: 250px;
}

#cargaando_txt {
    width: 220px;
    height: 30px;
    font-family: 'TradeGothicbold';
    font-size: 16px;
    color: #15317B;
    margin: 0 auto;
    text-align: center;
    padding-top: 20px;
}

#logos_navegadores {
    width: 970px;
    height: 181px;
    margin-top: 50px;
}

#logos_navegadores a {
    text-decoration: none;
}

#chrome {
    width: 194px;
    /*height: 181px;*/
    float: left;
}

.logo_img {
    width: 194px;
    height: 181px;
    float: left;
}

.logo_text {
    font-family: 'TradeGothicbold';
    font-size: 18px;
    color: #15317B;
    text-align: center;
}

.normaltext {
    color: #1A171B;
    font: 12px Arial, Helvetica, sans-serif;
}

#firefox {
    width: 194px;
    height: 181px;
    float: left;
}

#safari {
    width: 194px;
    height: 181px;
    float: left;
}

#ie {
    width: 194px;
    height: 181px;
    float: left;
}

#android {
    width: 194px;
    height: 181px;
    float: left;
}

#breadcrumbs ul {
    margin-left: 15px;
    line-height: 30px;
}

#breadcrumbs li {
    display: inline;
    color: #3D3D3F;
}

#breadcrumbs li .arrow {
    color: #15307B;
}

#breadcrumbs li a {
    text-decoration: none;
    color: #3D3D3F;
}

#breadcrumbs li a:hover {
    color: #999;
}

#fletxa {
    width: 48px;
    height: 30px;
    float: left;
}

#fletxa a {
    width: 48px;
    height: 30px;
    display: block;
    text-decoration: none;
    background: url('../img/atras.png') no-repeat;
}

#fletxa a:hover {
    background-position: 0 -30px;
}

#migita {
    height: 30px;
    float: left;
}

#btn_codigo {
    width: 150px;
    height: 25px;
    float: right;
    margin-top: -42px;
}

#btn_codigo a {
    width: 150px;
    height: 25px;
    display: block;
    text-decoration: none;
    background: url('../img/codigo.png') no-repeat;
    font-family: 'TradeGothicbold';
    font-size: 14px;
    color: #262427;
    text-align: center;
    line-height: 25px;
}

#btn_codigo a:hover {
    background-position: 0 -25px;
    color: #FFF;
}

.navigation {
    width: 970px;
    /*float: left;*/
}

.navigation ul {
    margin-left: 10px;
}

.navigation .menu {
    display: inline;
    float: left;
}

.navigation #botonera ul li {
    display: inline;
    float: left;
    margin-top: 5px;
}

.navigation #botonera .btns a {
    text-decoration: none;
    color: #FFF;
    width: 297px;
    height: 55px;
    display: block;
    line-height: 55px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-shadow: 0 -1px 0 #1A171B;
    text-align: center;
    cursor: pointer;
    margin: 0 10px;
    font-weight: bold;
}

.navigation #botonera .btns a p {
    text-align: center;
    width: 242px;
    float: right;
}

.navigation #botonera .btns a:hover {
    text-decoration: none;
    color: #FFF;
    text-shadow: 0 -1px 0 #13235B;
}

.navigation #botonera .btnsnobutton a {
    text-decoration: none;
    color: #9B9C9E;
    width: 297px;
    height: 55px;
    display: block;
    line-height: 55px;
    cursor: inherit;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    margin: 0 10px;
    display: inline;
    float: left;
    font-weight: bold;
}

.navigation #botonera .btnsnobutton a p {
    text-align: center;
    width: 242px;
    float: right;
    font-weight: bold;
}

.navigation #botonera .btns1 a {
	background: url('../img/identificacion.png') no-repeat;
	background-position: 0 -55px;
}

.navigation #botonera .btns1 a:hover {
    background-position: 0 -110px;
}

.navigation #botonera .btns1nobutton a {
    background: url('../img/identificacion.png') no-repeat;
	background-position: 0 0;
}

.navigation #botonera .btns2 a {
	background: url('../img/arranque.png') no-repeat;
    background-position: 0 -55px;
}

.navigation #botonera .btns2 a:hover {
    background-position: 0 -110px;
}

.navigation #botonera .btns2nobutton a {
    background: url('../img/arranque.png') no-repeat;
    background-position: 0 0;
}

.navigation #botonera .btns3 a {
	background: url('../img/frenos.png') no-repeat;
	background-position: 0 -55px;
}

.navigation #botonera .btns3 a:hover {
    background-position: 0 -110px;
}

.navigation #botonera .btns3nobutton a {
    background: url('../img/frenos.png') no-repeat;
	background-position: 0 0;
}

.navigation #botonera .btns4 a {
	background: url('../img/ubicacion.png') no-repeat;
	background-position: 0 -55px;
}

.navigation #botonera .btns4 a:hover {
    background-position: 0 -110px;
}

.navigation #botonera .btns4nobutton a {
    background: url('../img/ubicacion.png') no-repeat;
	background-position: 0 0;
}

.navigation #botonera .btns5 a {
	background: url('../img/ajustes.png') no-repeat;
    background-position: 0 -55px;
}

.navigation #botonera .btns5 a:hover {
    background-position: 0 -110px;
}

.navigation #botonera .btns5nobutton a {
    background: url('../img/ajustes.png') no-repeat;
    background-position: 0 0;
}

.navigation #botonera .btns6 a {
	background: url('../img/aire_acondicionado.png') no-repeat;
    background-position: 0 -55px;
}

.navigation #botonera .btns6 a:hover {
    background-position: 0 -110px;
}

.navigation #botonera .btns6nobutton a {
	background: url('../img/aire_acondicionado.png') no-repeat;
    background-position: 0 0;
}

.navigation #botonera .btns7 a {
	background: url('../img/inyeccion.png') no-repeat;
	background-position: 0 -55px;
}

.navigation #botonera .btns7 a:hover {
    background-position: 0 -110px;
}

.navigation #botonera .btns7nobutton a {
    background: url('../img/inyeccion.png') no-repeat;
	background-position: 0 0;
}

.navigation #botonera .btns8 a {
	background: url('../img/configuracion.png') no-repeat;
	background-position: 0 -55px;
}

.navigation #botonera .btns8 a:hover {
    background-position: 0 -110px;
}

.navigation #botonera .btns8nobutton a {
    background: url('../img/configuracion.png') no-repeat;
	background-position: 0 0;
}

.navigation #botonera .btns9 a {
	background: url('../img/sistema_encendido.png') no-repeat;
	background-position: 0 -55px;
}

.navigation #botonera .btns9 a:hover {
    background-position: 0 -110px;
}

.navigation #botonera .btns9nobutton a {
    background: url('../img/sistema_encendido.png') no-repeat;
	background-position: 0 0;
}

.navigation #botonera .btns10 a {
	background: url('../img/electrica.png') no-repeat;
	background-position: 0 -55px;
}

.navigation #botonera .btns10 a:hover {
    background-position: 0 -110px;
}

.navigation #botonera .btns10nobutton a {
    background: url('../img/electrica.png') no-repeat;
	background-position: 0 0;
}

.navigation #botonera .btns11 a {
	background: url('../img/lubricantes.png') no-repeat;
	background-position: 0 -55px;
}

.navigation #botonera .btns11 a:hover {
    background-position: 0 -110px;
}

.navigation #botonera .btns11nobutton a {
    background: url('../img/lubricantes.png') no-repeat;
	background-position: 0 0;
}

.navigation #botonera .btns12 a {
    background: url('../img/bujias_encendido.png') no-repeat;
	background-position: 0 -55px;
}

.navigation #botonera .btns12 a:hover {
    background-position: 0 -110px;
}

.navigation #botonera .btns12nobutton a {
    background: url('../img/bujias_encendido.png') no-repeat;
	background-position: 0 0;
}

.navigation #botonera .btns13 a {
	background: url('../img/emisiones.png') no-repeat;
	background-position: 0 -55px;
}

.navigation #botonera .btns13 a:hover {
    background-position: 0 -110px;
}

.navigation #botonera .btns13nobutton a {
    background: url('../img/emisiones.png') no-repeat;
	background-position: 0 0;
}

.navigation #botonera .btns14 a {
	background: url('../img/apriete.png') no-repeat;
    background-position: 0 -55px;
}

.navigation #botonera .btns14 a:hover {
    background-position: 0 -110px;
}

.navigation #botonera .btns14nobutton a {
    background: url('../img/apriete.png') no-repeat;
    background-position: 0 0;
}

.navigation #botonera .btns15 a {
	background: url('../img/alimentacion_cambustible.png') no-repeat;
    background-position: 0 -55px;
}

.navigation #botonera .btns15 a:hover {
    background-position: 0 -110px;
}

.navigation #botonera .btns15nobutton a {
    background: url('../img/alimentacion_cambustible.png') no-repeat;
    background-position: 0 0;
}

.navigation #botonera .btns16 a {
	background: url('../img/tiempos.png') no-repeat;
	background-position: 0 -55px;
}

.navigation #botonera .btns16 a:hover {
    background-position: 0 -110px;
}

.navigation #botonera .btns16nobutton a {
    background: url('../img/tiempos.png') no-repeat;
	background-position: 0 0;
}

.navigation #botonera .btns17 a {
	background: url('../img/comprobaciones.png') no-repeat;
	background-position: 0 -55px;
}

.navigation #botonera .btns17 a:hover {
    background-position: 0 -110px;
}

.navigation #botonera .btns17nobutton a {
    background: url('../img/comprobaciones.png') no-repeat;
	background-position: 0 0;
}

.navigation #botonera .btns18 a {
	background: url('../img/correas.png') no-repeat;
	background-position: 0 -55px;
}

.navigation #botonera .btns18 a:hover {
    background-position: 0 -110px;
}

.navigation #botonera .btns18nobutton a {
    background: url('../img/correas.png') no-repeat;
	background-position: 0 0;
}

.navigation #botonera .btns19 a {
	background: url('../img/planes.png') no-repeat;
	background-position: 0 -55px;
}

.navigation #botonera .btns19 a:hover {
    background-position: 0 -110px;
}

.navigation #botonera .btns19nobutton a {
    background: url('../img/planes.png') no-repeat;
	background-position: 0 0;
}

.navigation #botonera .btns20 a {
	background: url('../img/notas.png') no-repeat;
	background-position: 0 -55px;
}

.navigation #botonera .btns20 a:hover {
    background-position: 0 -110px;
}

.navigation #botonera .btns20nobutton a {
    background: url('../img/notas.png') no-repeat;
	background-position: 0 0;
}

.navigation #botonera .btns21 a {
	background: url('../img/logica_diagnosis.png') no-repeat;
	background-position: 0 -55px;
}

.navigation #botonera .btns21 a:hover {
    background-position: 0 -110px;
}

.navigation #botonera .btns21nobutton a {
    background: url('../img/logica_diagnosis.png') no-repeat;
	background-position: 0 0;
}

.navigation #botonera .btns22 a {
	background: url('../img/correasAuxiliares.png') no-repeat;
	background-position: 0 -55px;
}

.navigation #botonera .btns22 a:hover {
    background-position: 0 -110px;
}

.navigation #botonera .btns22nobutton a {
    background: url('../img/correasAuxiliares.png') no-repeat;
	background-position: 0 0;
}

.navigation #botonera .btns23 a {
	background: url('../img/conexion.png') no-repeat;
	background-position: 0 -55px;
}

.navigation #botonera .btns23 a:hover {
    background-position: 0 -110px;
}

.navigation #botonera .btns23nobutton a {
    background: url('../img/conexion.png') no-repeat;
	background-position: 0 0;
}

.navigation #botonera .btns24 a {
	background: url('../img/programacionLlaves.png') no-repeat;
	background-position: 0 -55px;
}

.navigation #botonera .btns24 a:hover {
    background-position: 0 -110px;
}

.navigation #botonera .btns24nobutton a {
    background: url('../img/programacionLlaves.png') no-repeat;
	background-position: 0 0;
}

.navigation #botonera .btns25 a {
	background: url('../img/esquemasElecClima.png') no-repeat;
	background-position: 0 -55px;
}

.navigation #botonera .btns25 a:hover {
    background-position: 0 -110px;
}

.navigation #botonera .btns25nobutton a {
    background: url('../img/esquemasElecClima.png') no-repeat;
	background-position: 0 0;
}

.navigation #botonera .btns26 a {
	background: url('../img/esquemasElecAbs.png') no-repeat;
	background-position: 0 -55px;
}

.navigation #botonera .btns26 a:hover {
    background-position: 0 -110px;
}

.navigation #botonera .btns26nobutton a {
    background: url('../img/esquemasElecAbs.png') no-repeat;
	background-position: 0 0;
}

.navigation #botonera .btns27 a {
	background: url('../img/esquemasElecAirbag.png') no-repeat;
	background-position: 0 -55px;
}

.navigation #botonera .btns27 a:hover {
    background-position: 0 -110px;
}

.navigation #botonera .btns27nobutton a {
    background: url('../img/esquemasElecAirbag.png') no-repeat;
	background-position: 0 0;
}

.navigation #botonera .btns28 a {
	background: url('../img/esquemasElecElevalunas.png') no-repeat;
	background-position: 0 -55px;
}

.navigation #botonera .btns28 a:hover {
    background-position: 0 -110px;
}

.navigation #botonera .btns28nobutton a {
    background: url('../img/esquemasElecElevalunas.png') no-repeat;
	background-position: 0 0;
}

.navigation #botonera .btns29 a {
	background: url('../img/esquemasElecCierre.png') no-repeat;
	background-position: 0 -55px;
}

.navigation #botonera .btns29 a:hover {
    background-position: 0 -110px;
}

.navigation #botonera .btns29nobutton a {
    background: url('../img/esquemasElecCierre.png') no-repeat;
	background-position: 0 0;
}

.navigation #botonera .btns30 a {
	background: url('../img/codigoAverias.png') no-repeat;
	background-position: 0 -55px;
}

.navigation #botonera .btns30 a:hover {
    background-position: 0 -110px;
}

.navigation #botonera .btns30nobutton a {
    background: url('../img/codigoAverias.png') no-repeat;
	background-position: 0 0;
}

.soon {
    width: 96%;
    font-size: 30px;
    color: #F00;
    font-family: "TradeGothicbold";
    border-bottom: 1px solid #F00;
    margin: 15px 0 10px 15px !important;
}

.navigation #select {
    width: 970px;
    height: 80px;
    background: url('../img/background_marca.png') no-repeat;
    margin: 0;
}

.navigation #select #box_marca {
    width: 250px;
    height: 65px;
    float: left;
    margin-top: 18px;
    margin-left: 15px;
}

.navigation #select #box_marca label {
    color: #FFF;
    font-family: 'TradeGothicbold';
    font-size: 18px;
    float: left;
}

.navigation #select #box_marca #marca {
    width: 250px;
    float: left;
}

.navigation #select #box_modelo {
    width: 250px;
    height: 65px;
    float: left;
    margin: 18px 95px 0 95px;
}

.navigation #select #box_modelo label {
    color: #FFF;
    font-family: 'TradeGothicbold';
    font-size: 18px;
    float: left;
}

.navigation #select #box_modelo #modelo {
    width: 250px;
    float: left;
}

.navigation #select #box_gama {
    width: 250px;
    height: 65px;
    float: left;
    margin-top: 18px;
}

.navigation #select #box_gama label {
    color: #FFF;
    font-family: 'TradeGothicbold';
    font-size: 18px;
    float: left;
}

.navigation #select #box_gama #gama {
    width: 250px;
    float: left;
}

select {
    width: 250px;
    height: 25px;
    font-size: 14px;
}


.wrapper_footer {
    width: 100%;
    height: 30px;
    /*margin-top: 10px;*/
    background: url('../img/background_footer.png') repeat-x;
    /*position: relative;
    margin-bottom: 0;*/
    /*top: 101%;*/
}

.footer {
    width: 970px;
    height: 30px;
    margin: 0 auto;
    color: #FFF;
    text-align: center;
    line-height: 30px;
}

.footer li {
    display: inline;
    margin-right: 15px;
}

.footer li.last {
    color: #999;
}

.footer li a {
    text-decoration: none;
    color: #FFF;
}

.footer li a:hover {
    color: #999;
}



/* LAYOUT MODELO.html
--------------------------------------------------------- */

#box_content_model {
    width: 970px;
    background: #F5F5F6 url('../img/background_content.png') no-repeat top left;
    padding-bottom: 10px;

    -webkit-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;

    -webkit-box-shadow: 1px 1px 8.5px 0px #000;
    box-shadow: 1px 1px 8.5px 0px #000;
}

#header_box {
    width: 760px;
    height: 1895px;
    float: left;
}

#header_box #title_dis {
    width: 655px;
    height: 54px;
    float: left;
    line-height: 54px;
    margin-left: 15px;
    overflow: hidden;
}

#header_box #title_select_model {
    width: 655px;
    float: left;
    font-family: 'TradeGothic';
    font-size: 24px;
    color: #E10000;
    margin: 5px 0 0 15px;
}

#header_box #logo_dis {
    width: 67px;
    height: 60px;
    float: right;
    margin: -40px 15px 0 0;
}

#header_box .navigation_model {
    width: 735px;
    margin: 5px 0 0 15px;
    float: left;
}

.navigation_model #title_table {
    width: 735px;
    height: 25px;
    background: url('../img/title_table.png') no-repeat;
    color: #FFF;

}

#title_table .marca {
    width: 75px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    float: left;
}

#title_table .modelo {
    width: 130px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    float: left;
}

#title_table .gama {
    width: 330px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    float: left;
}

#title_table .codigo {
    width: 147px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    float: left;
}

#title_table .ano {
    width: 52px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    float: left;
}

.navigation_model #table {
    width: 735px;
    font-size: 11px;
    margin-top: 10px;
}

#table .row_model {
    color: #000;
    height: 25px;
    width: 735px;
}

#table .row_model:hover {
    background: url('../img/background_select.png') repeat-x;
    color: #FFF;
    cursor: pointer;
}

#table .marca {
    width: 75px;
    height: 20px;
    text-align: center;
    line-height: 25px;
    float: left;
}

#table .modelo {
    width: 130px;
    height: 20px;
    text-align: center;
    line-height: 25px;
    float: left;
}

#table .gama {
    width: 330px;
    height: 20px;
    text-align: center;
    line-height: 25px;
    float: left;
}

#table .codigo {
    width: 147px;
    height: 20px;
    text-align: center;
    line-height: 25px;
    float: left;
}

#table .ano {
    width: 52px;
    height: 20px;
    text-align: center;
    line-height: 25px;
    float: left;
}


/* LAYOUT COCHE.html
--------------------------------------------------------- */

#box_content_car {
    width: 970px;
    min-height: 700px;
    background: #F5F5F6 url('../img/background_title_select.png') no-repeat top left;
    padding-bottom: 20px;
    margin-bottom: 70px;

    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;

    -webkit-box-shadow: 1px 1px 8.5px 0px #000;
    box-shadow: 1px 1px 8.5px 0px #000;
}

#header_box_car {
    width: 970px;
    float: left;
}

#header_box_car #title_dis {
    width: 890px;
    height: 60px;
    float: left;
    line-height: 60px;
    margin-left: 15px;
    overflow: hidden;
}

#header_box_car #logo_dis {
    width: 50px;
    height: 45px;
    float: right;
    margin: 7px 7px 0 0;
}

#submenu {
    width: 970px;
    height: 35px;
    float: left;
    background: url('../img/background_submenu.png') no-repeat;
    font-size: 11px;
    font-family: 'TradeGothicbold';
    color: #FFF;
}

#submenu .comprobaciones {
    width: 105px;
    height: 35px;
    float: left;
    line-height: 36px;
    text-align: center;
}

#submenu .sistemas {
    width: 91px;
    height: 35px;
    float: left;
    line-height: 36px;
    text-align: center;
}

#submenu .datos {
    width: 87px;
    height: 35px;
    float: left;
    line-height: 36px;
    text-align: center;
}

#submenu .instalacion {
    width: 114px;
    height: 35px;
    float: left;
    line-height: 36px;
    text-align: center;
}

#submenu .correa {
    width: 107px;
    height: 35px;
    float: left;
    line-height: 36px;
    text-align: center;
}

#submenu .ubicacion {
    width: 63px;
    height: 35px;
    float: left;
    line-height: 36px;
    text-align: center;
}

#submenu .logica {
    width: 97px;
    height: 35px;
    float: left;
    line-height: 36px;
    text-align: center;
}

#submenu .averia {
    width: 82px;
    height: 35px;
    float: left;
    line-height: 36px;
    text-align: center;
}

#submenu .servicios {
    width: 127px;
    height: 35px;
    float: left;
    line-height: 36px;
    text-align: center;
}

#submenu .notas {
    width: 97px;
    height: 35px;
    float: left;
    line-height: 36px;
    text-align: center;
}

#submenu a {
    text-decoration: none;
    color: #FFF;
    cursor: pointer;
    display: block;
}

#submenu a:hover {
    text-decoration: none;
    color: #3D3D3F;
    background: #ffffff; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiMGIyYjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #ffffff 0%, #b0b2b3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#b0b2b3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#b0b2b3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#b0b2b3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#b0b2b3 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#b0b2b3 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b0b2b3',GradientType=0 ); /* IE6-8 */
}

#content_car {
    width: 970px;
    height: 650px;
    float: left;
    background: url('../img/background_content_car.png') no-repeat;
}



/* LAYOUT COMPROBACIONES.html
--------------------------------------------------------- */

#content_comprobaciones {
    width: 970px;
    float: left;
}

#content_codigo {
    width: 970px;
    height: 650px;
    float: left;
    /*background: url('../img/background_content_car.png') no-repeat;*/
}

#accordion {
    width: 280px;
    float: left;
    margin: 10px 0 0 10px;
    background: #D8D9DA;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#accordion li {
    font-size: 10px;
    color: #3D3D3F;
    cursor: pointer;
}

#accordion li a {
    cursor: pointer;
    text-decoration: none;
    color: #3D3D3F;
    padding: 0 10px;
    display: block;
}

#accordion li a:hover {
    cursor: pointer;
    background: #15307B;
    display: block;
    color: #FFF;
}

#content_info {
    width: 647px;
    /*height: 755px;*/
    float: right;
    margin: 10px 10px 0 0;
}

#title_info {
    width: 647px;
    height: 30px;
    /*float: left;*/
    background: url('../img/background_title_info.png') no-repeat;
    line-height: 30px;
    text-align: center;
}

#scheme {
    width: 647px;
    /*height: 439px;*/
    /*float: left;*/
    margin-top: 5px;
    position: relative;
}

#scheme_info {
    width: 647px;
    height: 260px;
    /*float: left;*/
    margin-top: 5px;
}

#scheme_info_row {
    width: 647px;
    height: 182px;
    float: left;
}

#scheme_info_col {
    width: 191px;
    height: 182px;
    float: left;
}

#scheme_info_conector {
    width: 191px;
    height: 47px;
    float: left;
    background: #D8D9DA;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#scheme_info_conector .title {
    float: left;
    font-size: 12px;
    color: #3D3D3F;
    font-weight: bold;
    margin: 5px 0 0 10px;
}

#scheme_info_conector .txt {
    float: left;
    font-size: 11px;
    color: #3D3D3F;
    margin: 5px 0 0 10px;
    clear: both;
}

#scheme_info_condiciones {
    width: 191px;
    height: 80px;
    float: left;
    background: #D8D9DA;
    margin: 4px 0;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#scheme_info_condiciones .title {
    float: left;
    font-size: 12px;
    color: #3D3D3F;
    font-weight: bold;
    margin: 5px 0 0 10px;
}

#scheme_info_condiciones .txt {
    float: left;
    font-size: 11px;
    color: #3D3D3F;
    margin: 5px 0 0 10px;
    clear: both;
}

#scheme_info_rango {
    width: 191px;
    height: 47px;
    float: left;
    background: #D8D9DA;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#scheme_info_rango .title {
    float: left;
    font-size: 12px;
    color: #3D3D3F;
    font-weight: bold;
    margin: 5px 0 0 10px;
}

#scheme_info_rango .txt {
    float: left;
    font-size: 11px;
    color: #3D3D3F;
    margin: 5px 0 0 10px;
    clear: both;
}

#scheme_info_datos {
    width: 278px;
    height: 182px;
    float: left;
    background: #D8D9DA;
    margin: 0 4px;

    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#scheme_info_datos .title {
    float: left;
    font-size: 12px;
    color: #3D3D3F;
    font-weight: bold;
    margin: 5px 0 0 10px;
}

#scheme_info_datos .txt {
    float: left;
    font-size: 11px;
    color: #3D3D3F;
    margin: 5px 0 0 10px;
    clear: both;
}

#scheme_info_oscilograma {
    width: 278px;
    height: 182px;
    float: left;
    background: #D8D9DA;
    margin: 0 4px;
    cursor: pointer;

    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#scheme_info_oscilograma .title {
    float: left;
    font-size: 12px;
    color: #3D3D3F;
    font-weight: bold;
    margin: 5px 0 0 10px;
}

#scheme_info_oscilograma .txt {
    float: left;
    font-size: 11px;
    color: #3D3D3F;
    margin: 5px 0 0 10px;
    clear: both;
}

#scheme_info_componente {
    width: 170px;
    height: 182px;
    float: left;
    background: #D8D9DA;
    cursor: pointer;

    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#scheme_info_componente .title {
    float: left;
    font-size: 12px;
    color: #3D3D3F;
    font-weight: bold;
    margin: 5px 0 0 10px;
}

#scheme_info_componente .txt {
    float: left;
    font-size: 11px;
    color: #3D3D3F;
    margin: 5px 0 0 10px;
}

#scheme_info_consideraciones {
    width: 647px;
    /*height: 90px;*/
    float: left;
    background: #D8D9DA;
    margin-top: 4px;
    padding-bottom: 4px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#scheme_info_consideraciones .title {
    float: left;
    font-size: 12px;
    color: #3D3D3F;
    font-weight: bold;
    margin: 5px 0 0 10px;
}

#scheme_info_consideraciones .txt {
    float: left;
    font-size: 11px;
    color: #3D3D3F;
    margin: 5px 0 0 10px;
}


/* LAYOUT GESTION SISTEMA.html
--------------------------------------------------------- */

#content_info_gestion {
    width: 647px;
    float: right;
    margin: 10px 10px 0 0;
}

#title_info_gestion {
    width: 647px;
    height: 30px;
    float: left;
    background: url('../img/background_title_info.png') no-repeat;
    font-family: 'TradeGothicbold';
    font-size: 20px;
    color: #FFF;
    line-height: 30px;
    text-align: center;
}

#scheme_gestion {
    width: 647px;
    height: 439px;
    float: left;
    margin-top: 5px;
}

#scheme_info_row_gestion {
    width: 647px;
    height: 265px;
    float: left;
    margin-top: 5px;
}

#scheme_info_img {
    width: 256px;
    height: 255px;
    float: left;
    background: #FFF;
    padding: 5px;

    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#scheme_info_mision {
    width: 376px;
    height: 265px;
    float: right;
    background: #D8D9DA;

    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#scheme_info_mision .title {
    float: left;
    font-size: 12px;
    color: #3D3D3F;
    font-weight: bold;
    margin: 5px 0 0 10px;
}

#scheme_info_mision .txt {
    float: left;
    font-size: 12px;
    color: #3D3D3F;
    margin: 5px 0 0 10px;
}

#scheme_info_aplicacion {
    width: 647px;
    height: 130px;
    float: left;
    margin-top: 5px;
    background: #D8D9DA;

    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#scheme_info_aplicacion .title {
    float: left;
    font-size: 12px;
    color: #3D3D3F;
    font-weight: bold;
    margin: 5px 0 0 10px;
}

#scheme_info_aplicacion .txt {
    float: left;
    font-size: 12px;
    color: #3D3D3F;
    margin: 5px 0 0 10px;
}

#scheme_info_funcion {
    width: 647px;
    height: 100px;
    float: left;
    margin-top: 5px;
    background: #D8D9DA;

    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#scheme_info_funcion .title {
    float: left;
    font-size: 12px;
    color: #3D3D3F;
    font-weight: bold;
    margin: 5px 0 0 10px;
}

#scheme_info_funcion .txt {
    float: left;
    font-size: 12px;
    color: #3D3D3F;
    margin: 5px 0 0 10px;
}


#accordion_gestion {
    width: 185px;
    float: left;
    margin: 10px 0 0 10px;
    background: #D8D9DA;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#accordion_gestion li {
    font-size: 10px;
    color: #3D3D3F;
    cursor: pointer;
}

#accordion_gestion li a {
    cursor: pointer;
    text-decoration: none;
    color: #3D3D3F;
    padding: 0 10px;
    display: block;
}

#accordion_gestion li a:hover {
    cursor: pointer;
    background: #15307B;
    display: block;
    color: #FFF;
}

#content_info_gestion2 {
    width: 755px;
    float: right;
    margin: 10px 10px 0 0;
}

#title_info_gestion2 {
    width: 755px;
    height: 30px;
    float: left;
    background: url('../img/background_title_info2.png') no-repeat;
    font-family: 'TradeGothicbold';
    font-size: 20px;
    color: #FFF;
    line-height: 35px;
    text-align: center;
}

#scheme_info_gestion2 {
    width: 755px;
    height: 440px;
    float: left;
}

#txt_info_gestion2 {
    color: #3D3D3F;
    float: left;
    margin-top: 5px;
    background: #D8D9DA;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 735px;
    padding: 10px;
}


#accordion_gestion3 {
    width: 280px;
    float: left;
    margin: 10px 0 0 10px;
    background: #D8D9DA;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#accordion_gestion3 li {
    font-size: 10px;
    color: #3D3D3F;
    cursor: pointer;
}

#accordion_gestion3 li a {
    cursor: pointer;
    text-decoration: none;
    color: #3D3D3F;
    padding: 0 10px;
    display: block;
}

#accordion_gestion3 li a:hover {
    cursor: pointer;
    background: #15307B;
    display: block;
    color: #FFF;
}

#content_info_gestion3 {
    width: 652px;
    float: right;
    margin: 10px 10px 0 0;
}

#title_info_gestion3 {
    width: 652px;
    height: 30px;
    float: left;
    background: url('../img/background_title_info3.png') no-repeat;
    font-family: 'TradeGothicbold';
    font-size: 20px;
    color: #FFF;
    line-height: 35px;
    text-align: center;
}

#scheme_info_gestion3 {
    width: 652px;
    float: left;
}



/* LAYOUT DATOS	.html
--------------------------------------------------------- */

#content_imgonly {
    width: 689px;
    float: left;
    margin: 20px 0 0 120px;
    background: #D8D9DA;
    padding: 20px;

    -webkit-border-radius: 5px;
    border-radius: 5px;

    -webkit-box-shadow: 1px 1px 8.5px 0px #000;
    box-shadow: 1px 1px 8.5px 0px #000;
}

/* LAYOUT INSTALACION ELECTRICA.html
--------------------------------------------------------- */

#content_imgonly_instalacion {
    width: 652px;
    float: left;
    margin: 20px 0 0 139px;
    background: #D8D9DA;
    padding: 20px;

    -webkit-border-radius: 5px;
    border-radius: 5px;

    -webkit-box-shadow: 1px 1px 8.5px 0px #000;
    box-shadow: 1px 1px 8.5px 0px #000;
}

/* LAYOUT CORREA.html
--------------------------------------------------------- */

#content_pdf {
    width: 950px;
    float: left;
    margin: 10px 0 0 10px;
    background: #D8D9DA;
}

/* LAYOUT ubicacion.html
--------------------------------------------------------- */

#accordion_ubicacion {
    width: 210px;
    float: left;
    margin: 10px 0 0 10px;
    background: #D8D9DA;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#accordion_ubicacion li {
    font-size: 10px;
    color: #3D3D3F;
    margin-left: 5px;
    /*height: 300px;*/
}

#accordion_ubicacion li a {
    text-decoration: none;
}

#content_info_ubicacion {
    width: 730px;
    /*height: 755px;*/
    float: right;
    margin: 10px 10px 0 0;
}

#title_info_ubicacion {
    width: 730px;
    height: 30px;
    float: left;
    background: url('../img/background_title_info_b.png') no-repeat;
    line-height: 30px;
    text-align: center;
}

#scheme_ubicacion {
    width: 730px;
    float: left;
    margin-top: 5px;
}

/* LAYOUT LOGICA.html
--------------------------------------------------------- */

#content_info_logica {
    width: 950px;
    float: right;
    margin: 10px 10px;
}

#box_logica_left {
    width: 270px;
    height: 350px;
    float: left;
    background: #D8D9DA;

    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.title_box_logica {
    width: 270px;
    height: 20px;
    float: left;
    line-height: 20px;
    text-align: center;
    font-weight: bold;
    background: #6F7072;
    color: #FFF;

    -webkit-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
}

.content_box_logica {
    width: 270px;
    height: 330px;
    float: left;
    color: #3D3D3F;
    font-size: 10px;
    overflow-y: auto;
}

.content_box_logica ul {
    padding: 5px 10px 5px 0;
}

.content_box_logica li {
    margin-bottom: 5px;
}

.content_box_logica li a {
    text-decoration: none;
    color: #3D3D3F;
    display: block;
    padding-left: 10px;
    width: 270px;
}

.content_box_logica li a:hover {
    color: #FFF;
    background: #15307B;
    width: 270px;
    display: block;
}

#box_logica_centre {
    width: 270px;
    height: 350px;
    float: left;

    background: #D8D9DA;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#box_logica_right {
    width: 270px;
    height: 350px;
    float: left;

    background: #D8D9DA;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.title_box_logica_b {
    width: 270px;
    height: 30px;
    float: left;
    line-height: 30px;
    text-align: center;
    background: url('../img/background_sintomas.png') no-repeat;
}

.content_box_logica_b {
    width: 270px;
    height: 320px;
    float: left;
    color: #3D3D3F;
    font-size: 10px;
}

.content_box_logica_b ul {
    padding: 5px 10px 5px 0;
}

.content_box_logica_b li {
    margin: 0 0 5px 10px;
}

.content_box_logica_b li a {
    text-decoration: none;
    color: #3D3D3F;
    display: block;
    padding-left: 10px;
}

.content_box_logica_b li a:hover {
    color: #FFF;
    background: #15307B;
}

#box_logica_result {
    width: 950px;
    height: 150px;
    float: left;
    margin-top: 20px;

    background: #D8D9DA;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.title_box_logica_c {
    width: 950px;
    height: 30px;
    float: left;
    line-height: 30px;
    text-align: center;
    background: url('../img/background_consideraciones.png') no-repeat;
}

.content_box_logica_c {
    width: 940px;
    height: 110px;
    float: left;
    color: #3D3D3F;
    padding: 5px 10px;
}

.box_logica_arrow{
    width: 70px;
    height: 350px;
    float: left;
    background: url('../img/arrow.png') no-repeat center center;
}


/* LAYOUT LOGICA.html
--------------------------------------------------------- */

#content_info_logica {
    width: 950px;
    /*float: right;*/
    margin: 10px 10px;
}

#box_codigo_left {
    width: 470px;
    height: 150px;
    float: left;
    background: #D8D9DA;

    -webkit-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
}

.title_box_codigo {
    width: 470px;
    height: 20px;
    /*float: left;*/
    line-height: 20px;
    text-align: center;
    font-weight: bold;
    background: #6F7072;
    color: #FFF;

    -webkit-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
}

.content_box_codigo {
    width: 440px;
    height: 450px;
    /*float: left;	*/
    color: #3D3D3F;
    font-size: 20px;
    font-weight: bold;
    overflow-y: auto;
    margin-left: 15px;
    text-align: center;
    background: #d8d9da; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q4ZDlkYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkOGQ5ZGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #d8d9da 0%, #f5f5f6 50%, #d8d9da 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d8d9da), color-stop(50%,#f5f5f6), color-stop(100%,#d8d9da)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #d8d9da 0%,#f5f5f6 50%,#d8d9da 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #d8d9da 0%,#f5f5f6 50%,#d8d9da 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #d8d9da 0%,#f5f5f6 50%,#d8d9da 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #d8d9da 0%,#f5f5f6 50%,#d8d9da 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8d9da', endColorstr='#d8d9da',GradientType=0 ); /* IE6-8 */

    -webkit-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;

    -webkit-box-shadow: 1px 1px 8.5px 0px #000;
    box-shadow: 1px 1px 8.5px 0px #000;
}

.content_box_codigo ul {
    padding: 5px 10px;
}

.content_box_codigo li {
    margin-bottom: 5px;
}

#box_codigo_right {
    width: 470px;
    height: 150px;
    float: right;

    background: #D8D9DA;
    -webkit-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
}

.title_box_codigo_b {
    width: 470px;
    height: 30px;
    /*float: left;*/
    line-height: 33px;
    text-align: center;
    background: url('../img/background_codigo.png') no-repeat;
}

.content_box_codigo_b {
    width: 450px;
    height: 310px;
    /*float: left;*/
    color: #3D3D3F;
    padding: 5px 10px;
}

.btn_codigo {
    width: 450px;
    height: 105px;
    text-align: center;
    margin: 12px 0 0 10px;

    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.btn_codigo label {
    text-decoration: none;
    color: #3D3D3F;
    font-size: 24px;
    font-weight: bold;
    line-height: 105px;
    background: url('../img/btn_codigo.png') no-repeat;
    width: 450px;
    height: 105px;
    display: block;
}

.btn_codigo a:hover {
    width: 450px;
    height: 105px;
    display: block;
    background-position: 0 -105px;
    color: #999;
}

.content_box_codigo ul li:hover{
    background: #15307B;
    color: #FFF;
}



.nobtn {
    color: #FFF;
    font-size: 12px;
    font-weight: bold;
    background: url('../img/background_submenu_off.jpg') no-repeat top right;
    height: 20px;
    line-height: 20px;
    padding-left: 5px;
    padding-bottom: 10px;
}



/* LAYOUT IDENTIFICACION.html
--------------------------------------------------------- */

#title_page {
    width: 955px;
    height: 40px;
    font-family: 'TradeGothic';
    font-size: 25px;
    color: #000;
    margin: 10px 0 0 15px;
    float: left;
}

#table {
    width: 940px;
    color: #000;
    margin: 0 0 0 15px;
    float: left;
    border: 1px solid #6F7072;
    font: 12px Arial, Helvetica, sans-serif;
}

.row {
    width: 930px;
    height: 20px;
    background: #FFF;
    line-height: 20px;
    padding-left: 10px;
}

.rowtwo {
    width: 930px;
    height: 20px;
    background: #D8D9DA;
    line-height: 20px;
    padding-left: 10px;
}

.col {
    width: 625px;
    height: 20px;
    color: #000;
    float: left;
}

.coltwo {
    width: 265px;
    height: 20px;
    color: #000;
    float: right;
}

/* LAYOUT NOTAS TECNICAS ADSERVICE.html
--------------------------------------------------------- */

#functions {
    width: 955px;
    /*height: 40px;*/
    font-family: 'TradeGothic';
    color: #000;
    margin: 10px 0 0 15px;
    float: left;
}

#title_pagenotas {
    width: 830px;
    height: 40px;
    font-family: 'TradeGothic';
    font-size: 25px;
    color: #000;
    /*margin: 10px 0 0 15px;*/
	margin-top: 20px !important;
    float: left;
}

#btn_imprimir {
    width: 110px;
    height: 25px;
    float: right;
    text-align: center;
    line-height: 25px;
    margin-top: 2px;
    cursor: pointer;
}

#btn_imprimir a {
    background: url('../img/btn_imprimir.png') no-repeat;
    text-decoration: none;
    width: 85px;
    height: 25px;
    display: block;
    font-family: 'TradeGothic';
    font-size: 12px;
    color: #3D3D3F;
    padding-left: 20px;
}

#btn_imprimir a:hover {
    background-position: 0 -25px;
    text-decoration: none;
}

#sistema {
    width: 940px;
    height: 50px;
    float: left;
    margin: 0 0 0 15px;
}

#mostrar {
    width: 400px;
    /*height: 45px;*/
    float: left;
    margin-top: 30px;
}

#mostrar a {
    text-decoration: none;
    color: #000;
    display: block;
    /*background: url('../img/btn_mostrar_on.png') no-repeat;*/
    padding-left: 20px;
}

/*#mostrar a:hover {
        background: url('../img/btn_mostrar_off.png') no-repeat;
}*/

#subsistema {
    width: 540px;
    height: 45px;
    float: right;
}

#subsistema1 {
    width: 250px;
    /*height: 45px;*/
    float: left;
}

#subsistema1 label {
    color: #6F7072;
    font-family: 'TradeGothicbold';
    font-size: 18px;
    float: left;
}

#subsistema2 {
    width: 250px;
    /*height: 45px;*/
    float: right;
}

#subsistema2 label {
    color: #6F7072;
    font-family: 'TradeGothicbold';
    font-size: 18px;
    float: left;
}

#sintomas {
    width: 940px;
    height: 190px;
    float: left;
    margin: 10px 0 0 15px;
    background: #D8D9DA;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#sintomas .title_sintomas {
    width: 930px;
    height: 20px;
    float: left;
    background: #6F7072;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    font-weight: bold;
    color: #FFF;
    padding-left: 10px;
    line-height: 20px;
}

#sintomas .content_sintomas2 {
    width: 940px;
    height: 170px;
    float: left;
    color: #3D3D3F;
}

#sintomas .content_sintomas2 ul {
    padding: 8px 10px 5px 0;
}

#sintomas .content_sintomas2 li {
    margin-bottom: 5px;
    cursor: pointer;
}

#sintomas .content_sintomas2 li a {
    text-decoration: none;
    color: #3D3D3F;
    padding-left: 10px;
    display: block;
    width: 930px;
}

#sintomas .content_sintomas2 li a:hover {
    background: #15307B;
    color: #FFF;
    display: block;
    width: 930px;
}

#sintomasdos {
    width: 940px;
    /*height: 350px;*/
    float: left;
    margin: 10px 0 0 15px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#sintomasdos #col1 {
    width: 680px;
    /*height: 350px;*/
    float: left;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#col1 #row1 {
    width: 680px;
    height: 110px;
    float: left;
    background: #D8D9DA;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#row1 .title_sintomas {
    width: 670px;
    height: 20px;
    float: left;
    background: url('../img/background_solution.png') no-repeat;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    font-weight: bold;
    color: #FFF;
    padding-left: 10px;
    line-height: 20px;
}

#row1 .content_sintomas {
    width: 670px;
    height: 90px;
    float: left;
    color: #3D3D3F;
    padding-left: 10px;
}

#row1 .content_sintomas ul {
    padding: 8px 10px 5px 0;
}

#row1 .content_sintomas li {
    margin-bottom: 5px;
}

#col1 #row2 {
    width: 680px;
    height: 110px;
    float: left;
    background: #D8D9DA;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin: 10px 0;
}

#row2 .title_sintomas {
    width: 670px;
    height: 20px;
    float: left;
    background: url('../img/background_solution.png') no-repeat;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    font-weight: bold;
    color: #FFF;
    padding-left: 10px;
    line-height: 20px;
}

#row2 .content_sintomas {
    width: 670px;
    height: 90px;
    float: left;
    color: #3D3D3F;
    padding-left: 10px;
}

#row2 .content_sintomas ul {
    padding: 8px 10px 5px 0;
}

#row2 .content_sintomas li {
    margin-bottom: 5px;
}

#col1 #row3 {
    width: 680px;
    /*height: 110px;*/
    float: left;
    background: #D8D9DA;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#row3 .title_sintomas {
    width: 670px;
    height: 20px;
    float: left;
    background: url('../img/background_solution.png') no-repeat;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    font-weight: bold;
    color: #FFF;
    padding-left: 10px;
    line-height: 20px;
}

#row3 .content_sintomas {
    width: 670px;
    height: 90px;
    float: left;
    color: #3D3D3F;
    padding-left: 10px;
}

#row3 .content_sintomas ul {
    padding: 8px 10px 5px 0;
}

#row3 .content_sintomas li {
    margin-bottom: 5px;
}

#sintomasdos #col2 {
    width: 250px;
    height: 350px;
    float: right;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#col2 #row11 {
    width: 250px;
    height: 180px;
    float: left;
    background: #D8D9DA;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

#row11 .title_sintomas {
    width: 240px;
    height: 20px;
    float: left;
    background: #6F7072;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    font-weight: bold;
    color: #FFF;
    padding-left: 10px;
    line-height: 20px;
}

#row11 .content_sintomas {
    width: 250px;
    /*height: 90px;*/
    float: left;
    color: #3D3D3F;
    padding-left: 10px;
}

#col2 #row22 {
    width: 240px;
    height: 160px;
    float: left;
    background: #D8D9DA;
    margin: 10px 0;
    padding-left: 10px;
}



/* LAYOUT PLANES DE REVISION.html
--------------------------------------------------------- */

#half_page_left {
    width: 460px;
    height: 600px;
    float: left;
    margin-left: 15px;
    background: #D8D9DA;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#half_page_left .title_planes {
    width: 450px;
    height: 20px;
    float: left;
    background: #6F7072;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    font-weight: bold;
    color: #FFF;
    padding-left: 10px;
    line-height: 20px;
}

#half_page_left .content_planes {
    width: 460px;
    height: 580px;
    float: left;
    color: #3D3D3F;
}

#half_page_left .content_planes ul {
    padding: 8px 10px 5px 0;
}

#half_page_left .content_planes li {
    margin-bottom: 5px;
    cursor: pointer;
}

#half_page_left .content_planes li a {
    text-decoration: none;
    color: #3D3D3F;
    padding-left: 10px;
    display: block;
    width: 460px;
}

#half_page_left .content_planes li a:hover {
    background: #15307B;
    color: #FFF;
    display: block;
    width: 460px;
}

#half_page_right {
    width: 460px;
    min-height: 600px;
    float: right;
    margin-right: 15px;
    background: #D8D9DA;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#half_page_right .title_planes {
    width: 450px;
    height: 30px;
    float: left;
    background: url('../img/background_planes.png') no-repeat;
    padding-left: 10px;
    line-height: 30px;
    color: #FFF;
    font-family: 'TradeGothicbold';
    font-size: 20px;
    text-align: center;
}

#half_page_right .content_planes {
    width: 460px;
    min-height: 570px;
    float: left;
    color: #3D3D3F;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#half_page_right .content_planes ul {
    padding: 0 10px 5px 15px;
}

#half_page_right .content_planes li {
    margin-bottom: 5px;
}

#half_page_right .content_planes li a {
    text-decoration: none;
    color: #3D3D3F;
    padding-left: 10px;
}

#half_page_right .content_planes li a:hover {
    background: #15307B;
    color: #FFF;
    display: block;
    width: 460px;
}

.black {font-weight: bold; margin-top: 10px;}


/* LAYOUT TIEMPOS DE REPARACION.html
--------------------------------------------------------- */

#half_time_left {
    width: 460px;
    height: 170px;
    float: left;
    margin-left: 15px;
    background: #D8D9DA;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#half_time_left .title_time {
    width: 450px;
    height: 20px;
    float: left;
    background: #6F7072;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    font-weight: bold;
    color: #FFF;
    padding-left: 10px;
    line-height: 20px;
}

#half_time_left .content_time {
    width: 460px;
    height: 150px;
    float: left;
    color: #3D3D3F;
}

#half_time_left .content_time ul {
    padding: 8px 10px 5px 0;
}

#half_time_left .content_time li {
    margin-bottom: 5px;
    cursor: pointer;
}

#half_time_left .content_time li a {
    text-decoration: none;
    color: #3D3D3F;
    padding-left: 10px;
    display: block;
    width: 460px;
}

#half_time_left .content_time li a:hover {
    background: #15307B;
    color: #FFF;
    display: block;
    width: 460px;
    cursor: pointer;
}

#half_time_right {
    width: 460px;
    height: 170px;
    float: right;
    margin-right: 15px;
    background: #D8D9DA;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#half_time_right .title_time {
    width: 450px;
    height: 20px;
    float: left;
    background: #6F7072;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    padding-left: 10px;
    line-height: 20px;
    color: #FFF;
    font-weight: bold;
}

#half_time_right .content_time {
    width: 460px;
    height: 150px;
    float: left;
    color: #3D3D3F;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#half_time_right .content_time ul {
    padding: 8px 10px 5px 0;
}

#half_time_right .content_time li {
    margin-bottom: 5px;
    cursor: pointer;
}

#half_time_right .content_time li a {
    text-decoration: none;
    color: #3D3D3F;
    padding-left: 10px;
    display: block;
    width: 460px;
}

#half_time_right .content_time li a:hover {
    background: #15307B;
    color: #FFF;
    display: block;
    width: 460px;
}

#time_centre {
    width: 940px;
    min-height: 270px;
    float: left;
    margin: 15px 0 0 15px;
    background: #D8D9DA;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#time_centre .title_time {
    width: 930px;
    height: 30px;
    float: left;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    padding-left: 10px;
    background: url('../img/background_time.png') no-repeat;
    color: #FFF;
    font-family: 'TradeGothicbold';
    font-size: 20px;
    text-align: center;
    line-height: 30px;
}

#time_centre .content_time {
    width: 940px;
    min-height: 240px;
    float: left;
    color: #3D3D3F;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#time_centre .content_time ul {
    padding: 8px 10px 5px 15px;
}

#time_centre .content_time li {
    margin-bottom: 5px;
}

#time_centre .content_time li a {
    text-decoration: none;
    color: #3D3D3F;
    padding-left: 10px;
    display: block;
}

#time_centre .content_time li a:hover {
    background: #15307B;
    color: #FFF;
    display: block;
    width: 460px;
}

.left{float: left; width: 650px;}
.right{float: right; width: 200px;}

/* MODAL
--------------------------------------------------------- */

/*STYLES FOR THE MODAL POP UPS*/


#pop_componente {
    width: 700px;
    padding: 10px;
    background: #F5F5F6
}

#pop_componente_info {
    margin-top: 10px;
}

#pop_componente_img {
    width: 256px;
    height: 255px;
    float: left;
    padding: 10px;
    background: #D8D9DA;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#pop_componente_txt1{
    width: 399px;
    min-height: 255px;
    background: #D8D9DA;
    padding: 10px;
    float: right;

    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#pop_componente_txt2 {
    width: 680px;
    background: #D8D9DA;
    padding: 10px;
    float: left;
    margin-top: 5px;

    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#pop_componente_txt3 {
    width: 680px;
    background: #D8D9DA;
    padding: 10px;
    float: left;
    margin-top: 5px;

    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.title {
    color: #3D3D3F;
    font-size: 12px;
    font-weight: bold;
    /*margin-top: 5px;*/
}

.txt {
    color: #3D3D3F;
    font-size: 11px;
    margin-top: 5px;
}

#pop_oscilograma {
    width: 550px;
    padding: 15px;
    background: #F5F5F6;
}

#pop_oscilograma_img {
    width: 458px;
    height: 263px;
    float: left;
    margin-top: 10px;
    padding: 10px;
    background: #D8D9DA;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#pop_acerca {
    width: 550px;
    height: 200px;
    padding: 15px;
    font-size: 11px;
    background: #ececec; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VjZWNlYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc2JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkOWQ5ZGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #CCC 0%, #ffffff 25%, #ffffff 76%, #CCC 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#CCC), color-stop(25%,#ffffff), color-stop(76%,#ffffff), color-stop(100%,#CCC)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #CCC 0%,#ffffff 25%,#ffffff 76%,#CCC 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #CCC 0%,#ffffff 25%,#ffffff 76%,#CCC 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #CCC 0%,#ffffff 25%,#ffffff 76%,#CCC 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #CCC 0%,#ffffff 25%,#ffffff 76%,#CCC 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CCC', endColorstr='#CCC',GradientType=0 ); /* IE6-8 */
}

#pop_condiciones, #pop_privacidad {
    width: 550px;
    height: 550px;
    padding: 15px;
    font-size: 11px;
    background: #ececec; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VjZWNlYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc2JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkOWQ5ZGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #CCC 0%, #ffffff 25%, #ffffff 76%, #CCC 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#CCC), color-stop(25%,#ffffff), color-stop(76%,#ffffff), color-stop(100%,#CCC)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #CCC 0%,#ffffff 25%,#ffffff 76%,#CCC 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #CCC 0%,#ffffff 25%,#ffffff 76%,#CCC 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #CCC 0%,#ffffff 25%,#ffffff 76%,#CCC 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #CCC 0%,#ffffff 25%,#ffffff 76%,#CCC 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CCC', endColorstr='#CCC',GradientType=0 ); /* IE6-8 */
}

#pop_contacto {
    width: 311px;
    height: 550px;
    padding: 15px;
    background: #ececec; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VjZWNlYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc2JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkOWQ5ZGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #CCC 0%, #ffffff 25%, #ffffff 76%, #CCC 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#CCC), color-stop(25%,#ffffff), color-stop(76%,#ffffff), color-stop(100%,#CCC)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #CCC 0%,#ffffff 25%,#ffffff 76%,#CCC 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #CCC 0%,#ffffff 25%,#ffffff 76%,#CCC 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #CCC 0%,#ffffff 25%,#ffffff 76%,#CCC 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #CCC 0%,#ffffff 25%,#ffffff 76%,#CCC 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CCC', endColorstr='#CCC',GradientType=0 ); /* IE6-8 */
}

#pop_accede, #pop_registro {
    width: 311px;
    height: 185px;
    padding: 15px;
    background: #3D3D3F;
}

#pop_acerca p {margin-top:15px;}
#pop_condiciones p {margin-top:15px;}
#pop_privacidad p {margin-top:15px;}
#pop_contacto{}
#pop_registro{}

#pop_accede li {}
#pop_accede li p {}
#pop_accede li label {}
#pop_accede li input {}
#pop_accede li textarea {}

#pop_accede #submit_contacto {float: right; margin-right: 120px;}

.pop_close{font-size: 20px;font-weight: bold;position: absolute;right: 15px;top: 13px;cursor:pointer;}

.titular{color: #3E3D40;font-size: 18px;}
.txt_gris{color: #707173;}
.frase{display: block; padding: 10px 0; color: #3E3D40;}
.labels{margin: 15px 0;}
.bold_type{font-weight: bold;}
.italics{font-weight: bold; font-style: italic;}

.btn_enviar {
    width: 100px;
    height: 25px;
    font: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #707173;
    text-align: center;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #87888A;
    background: #ffffff; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYjFiM2I0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top,  #ffffff 50%, #b1b3b4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#ffffff), color-stop(100%,#b1b3b4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 50%,#b1b3b4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 50%,#b1b3b4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 50%,#b1b3b4 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 50%,#b1b3b4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b1b3b4',GradientType=0 ); /* IE6-8 */
}

.btn_entrar {
    width: 100px;
    height: 25px;
    font: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #707173;
    text-align: center;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #87888A;
    background: #ffffff; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYjFiM2I0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top,  #ffffff 50%, #b1b3b4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#ffffff), color-stop(100%,#b1b3b4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 50%,#b1b3b4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 50%,#b1b3b4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 50%,#b1b3b4 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 50%,#b1b3b4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b1b3b4',GradientType=0 ); /* IE6-8 */
}

.btn_entrar_login {
    width: 100px;
    height: 29px;
    line-height: 29px;
    font-family: 'TradeGothicbold';
    font-size: 16px;
    color: #000;
    float: left;
    margin: 45px 0 0 10px;
    text-align: center;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 0;
    cursor: pointer;
    background: #39A9DC; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYjFiM2I0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top,  #39A9DC 10%, #15317B 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,#39A9DC), color-stop(100%,#15317B)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #39A9DC 10%,#15317B 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #39A9DC 10%,#15317B 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #39A9DC 10%,#15317B 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #39A9DC 10%,#15317B 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#39A9DC', endColorstr='#15317B',GradientType=0 ); /* IE6-8 */
}

.btn_entrar_login:hover{
    color: #FFF;
    background: #15317B; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYjFiM2I0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top,  #15317B 10%, #39A9DC 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,#15317B), color-stop(100%,#39A9DC)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #15317B 10%,#39A9DC 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #15317B 10%,#39A9DC 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #15317B 10%,#39A9DC 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #15317B 10%,#39A9DC 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#15317B', endColorstr='#39A9DC',GradientType=0 ); /* IE6-8 */
}

#cont_text {
    width: 305px;
    height: 25px;
    font: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000;
    text-align: left;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #87888A;
}

#cont_text_login {
    width: 305px;
    height: 25px;
    font: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000;
    text-align: left;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #87888A;
	padding-left: 5px;
}

#cont_text_area {
    width: 305px;
    height: 100px;
    font: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000;
    text-align: left;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #87888A;
}

#btn_accede {
    width: 108px;
    height: 37px;
    float: right;
    margin: 41px 150px 0 0;
}

#btn_accede a {
    width: 108px;
    height: 37px;
    background: url('../img/btn_accede.png') no-repeat;
    text-decoration: none;
    color: #FFF;
    text-shadow: 0 -1px 0 #0D3082;
    font-family: 'TradeGothicbold';
    font-size: 18px;
    display: block;
    line-height: 37px;
    text-align: center;
}

#btn_accede a:hover {
    background-position: 0 0;
}

#btn_volver_error {
    width: 108px;
    height: 37px;
    float: left;
    margin: 20px 0 0 0;
}

#btn_volver_error a {
    width: 108px;
    height: 37px;
    background: url('../img/btn_accede.png') no-repeat;
    text-decoration: none;
    color: #FFF;
    text-shadow: 0 -1px 0 #0D3082;
    font-family: 'TradeGothicbold';
    font-size: 18px;
    display: block;
    line-height: 37px;
    text-align: center;
}

#btn_volver_error a:hover {
    background: url('../img/btn_accede_press.png') no-repeat;
}


/*CLASES PARA LOS MENUS DE LA PAGINA DE COMPROBACIONES*/

/*#sensores ul li div ul li{padding-left: 20px;}
#actuadores ul li div ul li{padding-left: 20px;}
#componentes ul li div ul li{padding-left: 20px;}*/

/*---------------------------------------------------*/

.modal-open .modal .dropdown-menu {
    z-index: 2050;
}

.modal-open .modal .dropdown.open {
    *z-index: 2050;
}

.modal-open .modal .popover {
    z-index: 2060;
}

.modal-open .modal .tooltip {
    z-index: 2080;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000000;
}

.modal-backdrop.fade {
    opacity: 0;
}

.modal-backdrop,
.modal-backdrop.fade.in {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.modal {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1050;
    width: 560px;
    margin: -250px 0 0 -280px;
    overflow: auto;
    /*background-color: #ffffff;*/
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.3);
    *border: 1px solid #999;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
}

.modal.fade {
    top: -25%;
    -webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, top 0.3s ease-out;
    -o-transition: opacity 0.3s linear, top 0.3s ease-out;
    transition: opacity 0.3s linear, top 0.3s ease-out;
}

.modal.fade.in {
    top: 50%;
}

.modal-header {
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
}

.modal-header .close {
    margin-top: 2px;
}

.modal-header h3 {
    margin: 0;
    line-height: 30px;
}

.modal-body {
    max-height: 400px;
    padding: 15px;
    overflow-y: auto;
}

.modal-form {
    margin-bottom: 0;
}

.modal-footer {
    padding: 14px 15px 15px;
    margin-bottom: 0;
    text-align: right;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    *zoom: 1;
    -webkit-box-shadow: inset 0 1px 0 #ffffff;
    -moz-box-shadow: inset 0 1px 0 #ffffff;
    box-shadow: inset 0 1px 0 #ffffff;
}

.modal-footer:before,
.modal-footer:after {
    display: table;
    line-height: 0;
    content: "";
}

.modal-footer:after {
    clear: both;
}

.modal-footer .btn + .btn {
    margin-bottom: 0;
    margin-left: 5px;
}

.modal-footer .btn-group .btn + .btn {
    margin-left: -1px;
}

.fade {
    opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    -moz-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
}

.fade.in {
    opacity: 1;
}




/* CLEARFIX
--------------------------------------------------------- */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    line-height: 0;
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* End hide from IE-mac */

#functions2 {
    width: 955px;
    font-family: 'TradeGothic';
    color: #000;
    margin: 20px 0 0 15px;
    float: left;
}

#title_pagenotas {
    width: 830px;
    height: 40px;
    font-family: 'TradeGothic';
    font-size: 25px;
    color: #000;
    /*margin: 10px 0 0 15px;*/
    float: left;
}

#caixa_select {
    width: 715px;
    font-family: 'TradeGothicbold';
    font-size: 20px;
    color: #000;
    float: left;
}

#caixa_code {
    width: 310px;
    float: left;
}

#caixa_code label {
    color: #6F7072;
}

#caixa_code select {
    width: 300px;
    height: 25px;
    border: 1px solid #6F7072;
    font: Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 25px;
    margin-top: 5px;
    padding-left: 5px;
}

#caixa_trade {
    width: 370px;
    float: right;
}

#caixa_trade label {
    color: #6F7072;
}

#caixa_trade input {
    width: 350px;
    height: 21px;
    border: 1px solid #6F7072;
    font: Arial, Helvetica, sans-serif;
    font-size: 16px;
    margin-top: 5px;
    line-height: 21px;
    padding-left: 10px;
}

.veiw_table {
    width: 942px;
    height: 555px;
    margin: 100px 0 0 15px;
    clear: both;
}

.container {
    display: table;
    border: 1px solid #6F7072;
    behavior: url('display-table.min.htc');
    width: 940px;
    float: left;
}

.row2 {
    display: table-row;
    behavior: url('display-table.min.htc');
}

.cell {
    display: table-cell;
    padding: 10px;
    vertical-align: middle;
    behavior: url('display-table.min.htc');
}

.cell2 {
    display: table-cell;
    padding: 5px;
    vertical-align: middle;
    behavior: url('display-table.min.htc');
}

.border_cell {border-left: 1px solid #6F7072; border-right: 1px solid #6F7072;}
.align_centre {text-align: center; width: 220px;}
.not_align {text-align: left; width: 500px;}
.background_color {background: #D9D9DA;}
.border_cell2 {border-top: 1px solid #6F7072; border-bottom: 1px solid #6F7072;}
.border_cell3 {border-bottom: 1px solid #6F7072;}
.background_color2 {background: #6F7072; color: #FFF;}


#btn_imprimir2 {
    width: 110px;
    height: 25px;
    float: right;
    text-align: center;
    line-height: 25px;
    margin-top: -8px;
    cursor: pointer;
}

#btn_imprimir2 a {
    background: url('../img/btn_imprimir_off.png') no-repeat;
    text-decoration: none;
    width: 85px;
    height: 25px;
    display: block;
    font-family: 'TradeGothic';
    font-size: 12px;
    color: #3D3D3F;
    padding-left: 20px;
}

#btn_imprimir2 a:hover {
    background: url('../img/btn_imprimir_on.png') no-repeat;
    text-decoration: none;
}

#imgprueba{
    width: 647px;
    cursor: pointer;
}

#pop_esquema {
    margin-left: -485px;
    margin-top: -280px;
    width: 948px;
    padding: 10px;
    background: #F5F5F6;
}

#pop_esquema img {
    width: 938px;
}

.content_pop_esquema {
    margin-top: 25px;
    color: #3D3D3F;
    float: left;
    font-size: 10px;
    height: 500px;
    overflow-y: auto;
    width: 948px;
}

.popesquema{
    /*Fix para IE*/
    visibility: hidden;
}

/* CANVIS LAYOUT BTN - XARXES SOCIALS
--------------------------------------------------------- */

#breadcrumbs {
    width: 630px;
    height: 30px;
    background: #F5F5F6;
    margin: 15px 0;

    -webkit-border-radius: 10px;
    border-radius: 10px;

    -webkit-box-shadow: 1px 1px 8.5px 0px #000;
    box-shadow: 1px 1px 8.5px 0px #000;
}

.mr170 {margin-right: 170px;}

#guia {
    width: 150px;
    height: 25px;
    float: right;
    margin-top: -42px;
}

#box_content {
    width: 970px;
    background: #F5F5F6;
    padding-bottom: 20px;
    margin-bottom: 100px;

    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;

    -webkit-box-shadow: 1px 1px 8.5px 0px #000;
    box-shadow: 1px 1px 8.5px 0px #000;
}

/* SOCIAL NETWORKS
-------------------------------------------------------------*/

.socialnetworks {
    /*width: 500px;*/
    float: right;
}

    .socialnetworks ul {
        float: right;
        margin-top: 35px;
    }

    .socialnetworks ul li {
        display: inline;
        color: #FFF;
        font-family: 'TradeGothic';
        margin-left: 10px;
    }

.txt_socialnetworks {margin-top: 4px; float: left;}

#access {
    width: 500px;
    height: 50px;
    float: right;
    margin: 25px 0 0 150px;
}

#ad {
    width: 121px;
    height: 58px;
    text-align: right;
    float: left;
}

/* Pagina inicial
-------------------------------------------------------------*/

.pc-DIS-NET {
    width: 970px;
    height: 357px;
    margin: 20px auto;
    background: url('../img/pantalles_DIS-NET.png') no-repeat;
}
.pc-DIS-AUTO {
    width: 970px;
    height: 357px;
    margin: 20px auto;
    background: url('../img/pantalles_DIS-AUTO.png') no-repeat;
}
.pc-PASO-A-PASO {
    width: 970px;
    height: 357px;
    margin: 20px auto;
    background: url('../img/pantalles_PASO-A-PASO.png') no-repeat;
}

/* Opció post-it imatge pantalles preu, innauguracio, etc
-------------------------------------------------------------*/

    .pc_tablet {
        width: 430px;
        float: left;
        margin-top: 20px;
    }

        .pc_tablet .box {
            background: #FFDD15;
            width: 250px;
            margin: 150px auto;
            padding: 10px;
        }

        p.newprice {
            font-size: 24px;
            font-weight: bold;
            color: #56585B;
            line-height: 1;
        }

        .typemoney {
            font-size: 12px;
            font-weight: normal;
        }

/* End
-------------------------------------------------------------*/

    .pc_all {
        width: 530px;
        float: right;
        margin-top: 20px;
    }

        .pc_txt {
            font-family: 'TradeGothicbold';
            font-size: 36px;
            color: #15307B;
            line-height: 1;
            margin-top: 40px;
        }
        .pc_txt_PASO-A-PASO {
            margin-top: 0;
        }

        .pc_txt2 {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 14px;
            color: #58585A;
            margin-left: 70px;
            margin-top: 20px;
        }

        .pc_buttons {
            margin-left: 70px;
            margin-top: 20px;
        }

        .ml0 {margin-left: 0 !important;}
            .pc_buttons a {
                display: block;
                width: 130px;
                height: 37px;
                line-height: 37px;
                text-align: center;
                float: left;
                font-family: 'TradeGothicbold';
                font-size: 14px;
                text-decoration: none;
                color: #FFF;
                margin-right: 10px;
                background: url('../img/btn_access.png') no-repeat;
            }

                .pc_buttons a:hover {
                    background-position: 0 -37px;
                }

            .pc_buttons a.free {
                display: block;
                width: 260px;
                height: 37px;
                line-height: 37px;
                text-align: center;
                float: left;
                font-family: 'TradeGothicbold';
                font-size: 14px;
                text-decoration: none;
                color: #FFF;
                margin-right: 10px;
                background: url('../img/btn_access2.png') no-repeat;
            }

                .pc_buttons a.free:hover {
                    background-position: 0 -37px;
                }

.postit {
    width: 970px;
    height: 200px;
    margin: 0 auto;
}

    .postit01 {
        width: 320px;
        height: 200px;
        float: left;
        background: url('../img/postit01.png') no-repeat;
    }

        .title_postit01 {
            font-family: 'TradeGothicbold';
            font-size: 20px;
            color: #1A171B;
            width: 200px;
            margin: 30px 0 0 90px;
        }

        .txt_postit01 {
            font-size: 13px;
            font-family: Arial, Helvetica, sans-serif;
            color: #58585A;
            font-weight: bold;
            width: 200px;
            margin-left: 90px;
        }

        .txt2_postit01 {
            font-size: 10px;
            font-family: Arial, Helvetica, sans-serif;
            color: #58585A;
            width: 200px;
            margin-left: 90px;
        }

        .postit01 ul {
            list-style-image: url('../img/bullet_diagnosi.png');
            margin: 10px 0 0 105px;
            width: 200px;
        }

        .postit01 ul li {
            text-align: left;
            color: #000;
            font-weight: bold;
            font-size: 10px;
            line-height: 1.3;
        }

    .postit02 {
        width: 320px;
        height: 200px;
        float: left;
        margin: 0 5px;
        background: url('../img/postit02.png') no-repeat;
    }

        .title_postit02 {
            font-family: 'TradeGothicbold';
            font-size: 20px;
            color: #1A171B;
            width: 200px;
            margin: 30px 0 0 90px;
        }

        .txt_postit02 {
            font-size: 13px;
            font-family: Arial, Helvetica, sans-serif;
            color: #58585A;
            font-weight: bold;
            width: 200px;
            margin-left: 90px;
        }

        .txt2_postit02 {
            font-size: 10px;
            font-family: Arial, Helvetica, sans-serif;
            color: #58585A;
            width: 200px;
            margin: 5px 0 0 90px;
        }

    .postit03 {
        width: 320px;
        height: 200px;
        float: left;
        background: url('../img/postit03.png') no-repeat;
    }

        .title_postit03 {
            font-family: 'TradeGothicbold';
            font-size: 20px;
            color: #1A171B;
            width: 200px;
            margin: 30px 0 0 90px;
        }

        .txt_postit03 {
            font-size: 13px;
            font-family: Arial, Helvetica, sans-serif;
            color: #58585A;
            font-weight: bold;
            width: 200px;
            margin-left: 90px;
        }

        .postit03 ul {
            list-style-image: url('../img/bullet_xifres.png');
            margin: 10px 0 0 105px;
            width: 200px;
        }

        .postit03 ul li {
            text-align: left;
            color: #000;
            font-weight: bold;
            font-size: 10px;
            line-height: 1.3;
        }

        .specialtxt {color: #58585A; font-weight: normal;}



    /* products DIS-NET */
    .products-DIS-NET {
        width: 970px;
        height: 200px;
        margin: 0 auto;
        padding: 30px 10px 0 10px;
    }

    .products-DIS-NET .products00
        {
            width: 170px;
            height: 200px;
            margin-right: 30px;
            float: left;
        }

        .products-DIS-NET .title_products00 {
            width: 170px;
            font-family: 'TradeGothicbold';
            font-size: 15px;
            color: #004489;
        }

        .products-DIS-NET .img_products00 {
            margin: 20px 0;
        }

            .products-DIS-NET .img_products00 a {
                display: block;
            }

        .products-DIS-NET .txt_products00 {
            width: 170px;
            font-size: 10px;
            font-family: Arial, Helvetica, sans-serif;
            color: #58585A;
        }

    .products-DIS-NET .products01
        {
            width: 170px;
            height: 200px;
            margin-right: 30px;
            float: left;
        }

        .products-DIS-NET .title_products01 {
            width: 170px;
            font-family: 'TradeGothicbold';
            font-size: 15px;
            color: #004489;
        }

        .products-DIS-NET .img_products01 {
            margin: 12px 0;
        }

            .products-DIS-NET .img_products01 a {
                display: block;
            }

        .products-DIS-NET .txt_products01 {
            width: 170px;
            font-size: 10px;
            font-family: Arial, Helvetica, sans-serif;
            color: #58585A;
        }

    .products-DIS-NET .products02
        {
            width: 170px;
            height: 200px;
            margin-right: 30px;
            float: left;
        }

        .products-DIS-NET .title_products02 {
            width: 170px;
            font-family: 'TradeGothicbold';
            font-size: 15px;
            color: #58585A;
        }

        .products-DIS-NET .img_products02 {
            margin: 9.5px 0;
        }

            .products-DIS-NET .img_products02 a {
                display: block;
            }

        .products-DIS-NET .txt_products02 {
            width: 170px;
            font-size: 10px;
            font-family: Arial, Helvetica, sans-serif;
            color: #58585A;
        }

    .products-DIS-NET .products03
        {
            width: 170px;
            height: 200px;
            margin-right: 30px;
            float: left;
        }

        .products-DIS-NET .title_products03 {
            width: 170px;
            font-family: 'TradeGothicbold';
            font-size: 15px;
            color: #58585A;
        }

        .products-DIS-NET .img_products03 {
            margin: 12px 0;
        }

            .products-DIS-NET .img_products03 a {
                display: block;
            }

        .products-DIS-NET .txt_products03 {
            width: 170px;
            font-size: 10px;
            font-family: Arial, Helvetica, sans-serif;
            color: #58585A;
        }

    .products-DIS-NET .products04
        {
            width: 170px;
            height: 200px;
            float: left;
        }

        .products-DIS-NET .title_products04 {
            width: 170px;
            font-family: 'TradeGothicbold';
            font-size: 15px;
            color: #58585A;
        }

        .products-DIS-NET .img_products04 {
            margin: 10px 0;
        }

            .products-DIS-NET .img_products04 a {
                display: block;
            }

        .products-DIS-NET .txt_products04 {
            width: 170px;
            font-size: 10px;
            font-family: Arial, Helvetica, sans-serif;
            color: #58585A;
        }

    /* products DIS-AUTO */
    .products-DIS-AUTO {
        width: 970px;
        height: 200px;
        margin: 0 auto;
        padding-top: 30px;
    }

    .products-DIS-AUTO .products00
        {
            width: 170px;
            height: 200px;
            margin-right: 30px;
            float: left;
        }

        .title_products00 {
            width: 170px;
            font-family: 'TradeGothicbold';
            font-size: 15px;
            color: #004489;
        }

        .img_products00 {
            margin: 20px 0;
        }

            .img_products00 a {
                display: block;
            }

        .txt_products00 {
            width: 170px;
            font-size: 10px;
            font-family: Arial, Helvetica, sans-serif;
            color: #58585A;
        }

    .products-DIS-AUTO .products01
        {
            width: 235px;
            height: 200px;
            margin-right: 10px;
            float: left;
        }

        .products-DIS-AUTO .title_products01 {
            width: 235px;
            font-family: 'TradeGothicbold';
            font-size: 20px;
            color: #004489;
        }

        .products-DIS-AUTO .img_products01 {
            margin: 10px;
        }

        .products-DIS-AUTO .txt_products01 {
            width: 235px;
            font-size: 10px;
            font-family: Arial, Helvetica, sans-serif;
            color: #58585A;
        }

    .products-DIS-AUTO .products02
        {
            width: 235px;
            height: 200px;
            margin-right: 10px;
            float: left;
        }

        .products-DIS-AUTO .title_products02 {
            width: 235px;
            font-family: 'TradeGothicbold';
            font-size: 20px;
            color: #58585A;
        }

        .products-DIS-AUTO .img_products02 {
            margin-bottom: 10px;
        }

        .products-DIS-AUTO .txt_products02 {
            width: 235px;
            font-size: 10px;
            font-family: Arial, Helvetica, sans-serif;
            color: #58585A;
        }

    .products-DIS-AUTO .products03
        {
            width: 235px;
            height: 200px;
            margin-right: 10px;
            float: left;
        }

        .products-DIS-AUTO .title_products03 {
            width: 235px;
            font-family: 'TradeGothicbold';
            font-size: 20px;
            color: #58585A;
        }

        .products-DIS-AUTO .img_products03 {
            margin-bottom: 10px;
        }

        .products-DIS-AUTO .txt_products03 {
            width: 235px;
            font-size: 10px;
            font-family: Arial, Helvetica, sans-serif;
            color: #58585A;
        }

    .products-DIS-AUTO .products04
        {
            width: 235px;
            height: 200px;
            float: left;
        }

        .products-DIS-AUTO .title_products04 {
            width: 235px;
            font-family: 'TradeGothicbold';
            font-size: 20px;
            color: #58585A;
        }

        .products-DIS-AUTO .img_products04 {
            margin-bottom: 10px;
        }

        .products-DIS-AUTO .txt_products04 {
            width: 235px;
            font-size: 10px;
            font-family: Arial, Helvetica, sans-serif;
            color: #58585A;
        }

    /* products PASO-A-PASO */
    .products-PASO-A-PASO {
        width: 970px;
        height: 200px;
        margin: 0 auto;
        padding-top: 30px;
    }

    .products-PASO-A-PASO .products00
        {
            width: 170px;
            height: 200px;
            margin-right: 30px;
            float: left;
        }

        .title_products00 {
            width: 170px;
            font-family: 'TradeGothicbold';
            font-size: 15px;
            color: #004489;
        }

        .img_products00 {
            margin: 20px 0;
        }

            .img_products00 a {
                display: block;
            }

        .txt_products00 {
            width: 170px;
            font-size: 10px;
            font-family: Arial, Helvetica, sans-serif;
            color: #58585A;
        }

    .products-PASO-A-PASO .products01
        {
            width: 235px;
            height: 200px;
            margin-right: 10px;
            float: left;
        }

        .products-PASO-A-PASO .title_products01 {
            width: 235px;
            font-family: 'TradeGothicbold';
            font-size: 20px;
            color: #004489;
        }

        .products-PASO-A-PASO .img_products01 {
            margin: 10px;
        }

        .products-PASO-A-PASO .txt_products01 {
            width: 235px;
            font-size: 10px;
            font-family: Arial, Helvetica, sans-serif;
            color: #58585A;
        }

    .products-PASO-A-PASO .products02
        {
            width: 235px;
            height: 200px;
            margin-right: 10px;
            float: left;
        }

        .products-PASO-A-PASO .title_products02 {
            width: 235px;
            font-family: 'TradeGothicbold';
            font-size: 20px;
            color: #58585A;
        }

        .products-PASO-A-PASO .img_products02 {
            margin-bottom: 10px;
        }

        .products-PASO-A-PASO .txt_products02 {
            width: 235px;
            font-size: 10px;
            font-family: Arial, Helvetica, sans-serif;
            color: #58585A;
        }

    .products-PASO-A-PASO .products03
        {
            width: 235px;
            height: 200px;
            margin-right: 10px;
            float: left;
        }

        .products-PASO-A-PASO .title_products03 {
            width: 235px;
            font-family: 'TradeGothicbold';
            font-size: 20px;
            color: #58585A;
        }

        .products-PASO-A-PASO .img_products03 {
            margin-bottom: 10px;
        }

        .products-PASO-A-PASO .txt_products03 {
            width: 235px;
            font-size: 10px;
            font-family: Arial, Helvetica, sans-serif;
            color: #58585A;
        }

    .products-PASO-A-PASO .products04
        {
            width: 235px;
            height: 200px;
            float: left;
        }

        .products-PASO-A-PASO .title_products04 {
            width: 235px;
            font-family: 'TradeGothicbold';
            font-size: 20px;
            color: #58585A;
        }

        .products-PASO-A-PASO .img_products04 {
            margin-bottom: 10px;
        }

        .products-PASO-A-PASO .txt_products04 {
            width: 235px;
            font-size: 10px;
            font-family: Arial, Helvetica, sans-serif;
            color: #58585A;
        }


/* Més nou
-------------------------------------------------------------*/

.w970 {width: 970px !important;}

#registration_box {
    width: 970px;
    min-height: 700px;
    background: #F5F5F6 url('../img/background_title_select.png') no-repeat top left;
    padding-bottom: 20px;
    margin: 0 0 70px 0;

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;

    -webkit-box-shadow: 1px 1px 8.5px 0px #000;
    -moz-box-shadow: 1px 1px 8.5px 0px #000;
    box-shadow: 1px 1px 8.5px 0px #000;
}

    #header_registration_box {
        width: 970px;
        float: left;
    }

        #header_registration_box #registration_title {
            width: 890px;
            height: 60px;
            float: left;
            line-height: 60px;
            margin-left: 15px;
            overflow: hidden;
        }

#registration_functions {
    width: 955px;
    margin: 10px 0 0 15px;
    float: left;
}

    #registration_subtitle {
        width: 900px;
        /*height: 40px;*/
        font-family: 'TradeGothic';
        font-size: 25px;
        color: #000;
        margin-bottom: 20px;
    }

    .colorgreen {color: #090 !important;}
    .colorred { color: #900 !important;}

    .registration_subtitle_body {
        width: 830px;
        font-family: 'TradeGothic';
        font-size: 25px;
        color: #000;
        margin-bottom: 20px;
    }

.registration_left {
    width: 400px;
    float: left;
}

.registration_right {
    width: 400px;
    float: right;
    margin-right: 15px;
}

.h800 {height: 800px;}
.h649 {height: 694px;}
.h510 {height: 510px;}

.txt_form {
    width: 400px;
    float: left;
    margin-bottom: 10px;
}

    .txt_form label {
        color: #6F7072;
        font-family: 'TradeGothicbold';
        font-size: 16px;
    }

    .txt_form input {
        border: 1px solid #6F7072;
        font-size: 16px;
        height: 30px;
        line-height: 21px;
        margin-top: 5px;
        padding-left: 10px;
        width: 97%;
        float: right;
    }
    .txt_form img {
        float: left;
    }

    .w265 {width: 265px !important;}

    .txt_form .btn_send {
        display: block;
        width: 130px;
        height: 37px;
        line-height: 34px;
        text-align: center;
        float: right;
        font-family: 'TradeGothicbold';
        font-size: 14px;
        text-decoration: none;
        color: #FFF;
        margin-top: 10px;
        cursor: pointer;
        border: none;
        background: url('../img/btn_access.png') no-repeat;
    }
    .txt_form .btn_send2 {
        display: block;
        width: 130px;
        height: 38px;
        line-height: 38px;
        text-align: center;
        float: right;
        text-decoration: none;
        margin-top: 10px;
        margin-right: -10px;
        cursor: pointer;
        border: none;
        background: url('../img/btn_paypal.png') no-repeat;
    }

    .txt_form .btn_send:hover {
        background-position: 0 -37px;
    }

    .txt_form select {
        border: 1px solid #6F7072;
        font-size: 16px;
        height: 34px;
        line-height: 34px;
        margin-top: 5px;
        padding-left: 10px;
        width: 100%;
        float: right;
    }

    .errorMessage {
        width: 940px;
        font-family: 'TradeGothic';
        font-size: 25px;
        float: left;
    }

    .errorMessage span {
        color: #000;
        font-weight: bold;
    }

    .ok   { color: #090; }
    .ko   { color: #E1001A; }
    .mb20 { margin-bottom: 20px; }
    .mv20 { margin: 20px 0; }
    .tc   { text-align: center; }

/**** CORREAS (HAYNES PRO) *****/

    .belt-img {
        max-width: 50%;
        margin: 20px 0;
    }
    #belt-motores {
        float: right;
        margin-right: 15px;
    }
    .btn_motor {
        display: inline-block;
        padding: 5px;
        border: 1px solid #000;
        border-radius: 3px;
        background: #f6f6f6;
        background: -moz-linear-gradient(top,  #f6f6f6 0%, #b3b5b6 100%);
        background: -webkit-linear-gradient(top,  #f6f6f6 0%,#b3b5b6 100%);
        background: linear-gradient(to bottom,  #f6f6f6 0%,#b3b5b6 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#b3b5b6',GradientType=0 );
    }
    .btn_motor a {
        text-decoration: none;
        color: #333;
    }

    .belt-motor {
        display: inline-block;
        font-weight: bold;
        width: 100%;
        font-size: 20px;
        margin: 10px 0 15px 0;
    }
    .belt-title {
        display: inline-block;
        font-size: 20px;
        margin: 12px;
    }
    .belt-list {
        list-style: initial;
        font-size: 17px;
        margin: 0 0 5px 30px;
    }

/**** MENU PARA CLIMATIZACION *****/

#wrapper-menu {
  width: 280px;
  float: left;
  margin: 10px 0 0 10px;
  background: #D8D9DA;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding-bottom: 5em;
}

#wrapper-ml {       /* El contenidor del menú */
    margin: 0 20px 10px 20px;
    padding-top: 1px;

    /** Valors base del contingut */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #1a1716;
    line-height: 1em;
}

#wrapper-ml a {                 /* Enllaços */
    text-decoration: none!important;
    padding: 0!important;
}

#wrapper-ml a:hover {
    color: #15307b!important;             /* Blau */
    cursor: pointer;
    background: none!important;
}

#wrapper-ml .parent {           /** Els ítems que tenen descendents */
    text-indent: -0.85em;
}

#wrapper-ml .heading {          /** Títols */
    font-size: 1.2em;
    font-weight: bold;
    margin: 1.5em 0 1em 0;
    text-transform: uppercase;
}


/** Marges dels li *************************************************************/

#wrapper-ml li, #wrapper-ml li p {
    margin-bottom: 0.5em;
}

#wrapper-ml ul.level0 li {
    margin-left: 0;
}

#wrapper-ml ul.level1 li, #wrapper-ml ul.level2 li, #wrapper-ml ul.level3 li {
    margin-left: 2em;   /** Aquest valor s'anirà acumulant a cada nivell */
}


/** Colors de cada nivell ******************************************************/

#wrapper-ml .level0, #wrapper-ml .level0 a { color: #1a1716; }
#wrapper-ml .level1, #wrapper-ml .level1 a { color: #58585a; }
#wrapper-ml .level2, #wrapper-ml .level2 a { color: #868789; }
#wrapper-ml .level3, #wrapper-ml .level3 a { color: #9b9c9e; }