@import url(https://fonts.googleapis.com/css?family=Didact+Gothic);
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
* {
    padding: 0px;
    margin: 0px;
    font-size: 14px;
    font-family: 'Didact Gothic', sans-serif;
}

/* inicio --> adaptación para solbus*/
.topPage {
        background-size:120px!important; /*solo para solbus*/
        background-position-x:100px!important;
}
#ContentPlaceHolder1_PnPax, 
#ContentPlaceHolder1_pnHora, 
#ContentPlaceHolder1_pnDate, 
#pnDateBack, 
#pnHoraBack, 
#ContentPlaceHolder1_pnDeparture, 
#ContentPlaceHolder1_pnArrive, 
#bnBusqueda {
    border: 1px solid #B7C8DC!important;
}
/* final  --> adaptación solbus */

.topPage {
    text-align:right;
    background-repeat:no-repeat;
    background-position:left center;
    padding-top:10px;
    padding-bottom:10px;
    height: 30px;
    /* width:100%; */
    border-bottom: 1px solid #E6E6E6;
    }

 .box-principal table {border:0px!important}
 .box-principal .bullet {font-size:35px; text-align:center;vertical-align:central; width:65px; }
 .errorbox {border:1px solid darkred; color:darkred;background-color:mistyrose; margin-top:10px; margin-right:10px;}
 .box-origen {padding:9px 12px!important;border:1px solid whitesmoke; text-align:left}
 .box-origen a {text-decoration:none; 
                cursor:pointer; 
                background-image:url('../images/arrow-16.png'); 
                background-position:0px 2px;
                color:black; 
                padding-left:18px; padding-top:2px; padding-right:10px;
                padding-bottom:2px; background-repeat:no-repeat; 
                display:block;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                -webkit-transition: background-color 0.7s; /* For Safari 3.1 to 6.0 */
                transition: background-color 0.7s;
                }
 
 .cestaIM {
    
    height: 18px;
    width: 18px;
    float: right;
    text-align: center;
    vertical-align: middle;
    background-color: #E53827;
    border-radius: 100px;
    margin-right: 5px;
    margin-top: 6px;
    color: #f0f0f0 !important;
    font-size: 12px;      
      }

 #pnIdaVuelta a {text-decoration:none; font-size:12px;}

 .cestaTX {margin-right:105px;height:30px;float:right;font-weight:bold;padding-top:7px;}
 .topLink {    -webkit-transition:0.7s; /* For Safari 3.1 to 6.0 */
     transition: 0.7s;}
 .topLink:hover {opacity:0.7;}
  
 .box-general {
     background-color: white; 
     border: 0px; 
     width: 348px; 
     margin-right:10px; 
     margin-top:10px; 
     text-align:left; 
     overflow:hidden;}
 .box-inline { display:inline-block; }
 
 .decrement { width:10px!important; height:14px!important; background-repeat:no-repeat; background-image:url('../images/decrease.png'); border:0px; background-color:black; height:8px; transition: background-color 0.7s; -webkit-transition: background-color 0.3s;}
 .decrement img { visibility: hidden;}
 
 .increment { width:10px!important; background-repeat:no-repeat; background-image:url('../images/increase.png'); border:0px; background-color:black; height:8px; transition: background-color 0.7s; -webkit-transition: background-color 0.3s;}
 .increment img { visibility: hidden;}
 
 .button1 {
     border:0px; 
     background-image:url() !important; 
     -webkit-transition:0.7s; /* For Safari 3.1 to 6.0 */
     transition: 0.7s;
     background-repeat:no-repeat;
     overflow:hidden;
     background-position-x:-500px;
 }
 .button1:hover {background-color:green!important; color:white!important;}
 .buttonclose {
     border:0px; 
     background-image:url() !important; 
     -webkit-transition:0.7s; /* For Safari 3.1 to 6.0 */
     transition: 0.7s;
     background-repeat:no-repeat;
     overflow:hidden;
     background-position-x:-500px;
     background-color:indianred;
     color:white;
 }
 .buttonclose:hover {background-color:mistyrose!important; color:white!important;}

.button1_disabled {
    border: 0px;
    background-image:url() !important; 
    background-repeat:no-repeat;
    -webkit-transition: 0.7s; /* For Safari 3.1 to 6.0 */
    transition: 0.7s;
    overflow:hidden;
    background-position-x:-500px;
    background-color:silver!important;
    color:white!important;
    
}

 h2 {font-size:20px;}


.cursor { cursor:pointer}
.inputnovisible {display:none;}
.inputblock {display:block;}

.textarea {text-transform:uppercase; font-size:12px; font-weight:bold;padding-bottom:8px;}
.textarea-null {text-transform:lowercase!important;font-weight:normal; vertical-align:central;}
.textarea-null2 {text-transform:lowercase!important;font-weight:normal; vertical-align:central;}
.textarea-null textarea { min-height:20px!important; max-height:20px!important; padding-top:10px;padding-bottom:11px;}

.resumen1 {width:300px;border:1px solid silver;background-color:white;padding:10px;margin-left:10px; vertical-align:top;}
.resumen1 .titulo {padding-top:10px;font-weight:bold; font-size:16px;}
.resumen1 .contenido {padding-left:15px;}

 .onbutton:hover { background-color:forestgreen; border:0px!important;background-image:url(../images/ok-16-white.png);}
 .onbutton {background-color:white;  height:30px;transition:0.7s; cursor:pointer; border-radius:100px; margin-left:2px; margin-top:5px; vertical-align:top; background-image:url(../images/ok-16.png); background-repeat:no-repeat; background-position:center center }
 
 .presupuesto {display: block; border-top: 1px solid silver; padding: 10px; background-color:whitesmoke;}
 .seleccionllegada {display: block; padding: 10px;}

 .extras { vertical-align:top; text-align:left;background-color:white;padding:0px 0px 0px 0px;margin-bottom:10px; border:1px solid silver} 
 .extras table {width:452px; padding-bottom:5px; }
 .extras td {padding:5px 10px 5px 10px;vertical-align:central;text-align:right;} 

 .formato2 { vertical-align:top; text-align:left;background-color:white;padding:0px 0px 0px 0px;margin-bottom:10px; border:1px solid silver} 
 
 
  
 .cuadro {
    border: 1px solid silver;
    background-color: white;
    position: relative;
    height: 195px !important;
    margin-bottom: 10px;
}
 .cuadro .bottom {width:100%; position:absolute;left:0px; bottom:0px; height:2px;}
 .cuadro .mancha {width:148px; background-repeat:no-repeat; background-position:-1px -1px;  position:absolute; text-align:center!important;}
 .cuadro .manchaimg1 {  background-image:url(../images/mancha-trans.png);  }
 .cuadro .manchaimg2 {  background-image:url(../images/mancha-orange.png);  }

 .cuadro .imagen {
        text-align: left;
        height: 100%;
        border-right: 1px dotted silver;
        width: 250px; }

 .coche {width:452px;vertical-align:top; text-align:left;}
 .widthforzado {max-width:16px; overflow:hidden}

 .footer {text-align:justify; font-size:13px; padding-top:18px}
 .footer1 {text-align:justify; font-size:13px;}

 .precio_mancha {margin:0px; font-size:28px; text-align:left;}
 .precio_mancha2 {margin:0px; font-size:20px; text-align:left; width:200px; vertical-align:central}
 .texto1_mancha {margin-left:30px; font-size:10px;text-align:left}
 
 .Basket {border:1px solid silver; background-color:#ffffff}
 .Basket .cancel {width:25px;}
 .Basket a {color:black; text-decoration:none}
 .Basket a:hover {opacity:0.5}


/* GRUPO PIÑERO UPDATE ***********************************/
*:not(.fa){
    font-family: "Inter", sans-serif;
}

.bullet.color_secundario{
    font-family: "Inter", sans-serif;
    font-weight: 700;
}

.box-principal.color_principal{
    margin-top:24px;
}

/* TOP PAGE */
.topPage{
    height:50px!important;
    background-image: none!important;
}
.topPage::after{
    position:absolute;
    top:0;
    left:50%;
    transform: translate(-50%, 0);
    z-index:0;
    content:"";
    display:block;
    width: 100%;
    max-width:1090px;
    height:70px!important;
    background-image: url(../images/logos/0685/0.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 130px !important;
    background-position-x: 24px !important;
    pointer-events: none;
}

.topPage > a{
    display:block;
    position:absolute;
    top: 20px;
    left:50%;
    transform: translate(-50%, 0);
    width: 100%;
    max-width:1090px;
}



.topLink .cestaIM{
    height:32px;
    width:32px;
    line-height:32px;
    margin-right:12px;
    position:relative;
    top:-6px;
    font-weight:bold;
    font-size:14px;
}

.topLink .cestaTX{
    margin-right:24px;
}

.footer{
    font-size:14px!important;
}
.footer > a{
    color:#E53827!important;
}

.fore_color_1{
    padding-top:12px;
    font-size: 18px;
}

/* BTN */
.btn{
    font-size: 18px!important;
    margin-right:6px;
    margin-bottom:12px!important;
    background:none!important;
    border:none!important;
    color:red!important;
    padding:0!important;
    border-radius:8px!important;   
    color:gray!important;
}

.btn > i{
    padding:4px 3px 4px 4px!important;
    border: 2px solid gray;
    border-radius:50px;
}


.btn > i::before{
    font-size:24px!important;
}

.btn-select{
    color:#00408A!important;
    border:0!important;
}
.btn-select > i{
    border-color:#00408A!important;
}

.btn:not(.btn-select) > i::before{
    opacity:0;
}

.btn + .btn{
    margin-left:24px;
}

.button1,
.button1:hover{
    background-color:#E53827!important;
}
.button1 .dx-vam{
    font-size:18px;
    font-weight:500;
}


a.mancha{
    background-color:#E53827!important;
}

#ContentPlaceHolder1_bnVolver_CD{
    background:gray;
}

#ContentPlaceHolder1_bnVolver{
    border:0!important;
}

#ContentPlaceHolder1_bnVolver{
    background:none!important;
    border:1px solid #E53827!important;
}
#ContentPlaceHolder1_bnVolver_CD{
    background:white!important;
    color:#E53827!important;
}

.box-origen a{
    background-color:transparent!important;
    color:#E53827!important;
}
.box-origen a.asel{
   font-weight:900;
}