body {
   margin:0; 
   padding:0; 
   background:#000;
    font-family: Arial;
 }


/* cavecera 
    position: -webkit-sticky;
  position: sticky;

*/

header {
  top: 0;
  z-index:100;
  background:   black;

  position: -webkit-sticky;
  position: sticky;

}

header #logo {
  margin-left:20px; 
  margin-top: 20px;
  margin-bottom: 20px

}

header  h1{
  font-size:40px;
  text-align: center;
  color:#ff7c12;

}

header #menu {
  
  position: fixed;
  z-index:60; 
  top: 30px; 
  right: 50px;
  cursor: pointer;

}

#leyenda {
  font-size:40px;
  text-align: center;
  color:#ff7c12;

}


/* menu */
#mopc {
  position:fixed; 
  z-index:60; 
  top: 90px; 
  right: 50px;  
  padding: 0px;
  color:#FFF;
  background: rgba(100,100,100,0.50);
  align-items: center;
  margin-left: 0;
  display: none;
}



#mopc table tr td{
  margin:0px;
  list-style-type: none;
  padding-right: 20px;
  padding-left: 20px;
  cursor:pointer;
  color: #ff7c12;  
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  font-family: Arial;

}

#mopc table tr td:hover{
  
  list-style-type: none;
  padding-right: 20px;
  padding-left: 20px;
  color: green;
  cursor:pointer;
  color: #fff;
  background-color: #000; 
  text-align: center; 
  font-weight: bold;  
  font-family: Arial;
  
}


/* baner */
.baner{
  position: relative;
  background: #fff;
  width: 100%;
  height: 500px;
  background: url("../img/banner1.jpg") no-repeat left top;
  background-size: cover;

}

.baner h1{
  font-size:50px;
  text-align: center;
  color:#ff7c12;

}

.baner #fondo{
  position:absolute;
  top:15%;
  left:40%;
  margin-left: -150px;

  margin-right:  0px;
  text-align: center;
  background: #0009;

  /*
  border-style: dotted;
  */
}

.baner form{
  margin:10px;
  padding: 10px;

}

.baner titulo{
  font-size: 30px;
  color:#ff7c12;
}


.baner ul li{
  display: inline-block;
  text-align: center;
  margin:0px;
  padding-right: 20px;  
  font-size: 20px;
  color:#ff7c12;
  /*
  font-weight: bold;
  */
}

 .baner select{

  width: 100%;
  padding: 5px 10px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 15px;
  background: #fff;

}

.baner .banerlista{
height: 125px;
overflow:auto;
background: #fff;
color: #000;
text-align: left;
min-width: 150px;

}

.baner .banerlista table {
  width: 100%;

}
.baner .banerlista table tr:hover{
  background:#ff7c12;
  color:#000;
}

.baner .banerlista table tr .selecionado{
  background:#ff7c12;
  color:#000;
}

.baner span a{
  color:#ff7c12;
  font-weight: bold;

}




/* Destacados */


.titdes1{
  color:#ff7c12;
  font-size: 60px;

}
.titdes2{
  color:#ff7c12;
  font-size: 60px;

}


.scrolly2  {
   
    height: 650px;
    overflow: auto;
    overflow-y: hidden;
    margin-left: 115px;
    margin-right: 115px;
    white-space: nowrap

    
}

.scrolly2 titulo {
  color: #FFFFff;
  font-size: 20px;
  font-weight: bold;
   font-family: Arial;
  margin-top: 20px;
  margin-left: 10px;
  margin-right:   10px;
 
  margin-bottom: 10px;

  
}


.scrolly2 .titulodes {
  color: #FFFFFF;
  font-size: 20px;
  font-weight: bold;
   font-family: Arial;
  margin-top: 20px;
  margin-left: 10px;
  margin-right:   10px;
  margin-bottom: -30px;
  height: 60px;
 white-space: normal;
 text-align:left;
 
}



.scrolly2 ul {
    
    padding-top:0px;
    padding-bottom:0px;
    padding-left:0px;
    padding-right:3px;
    margin: 0px;
    margin-right: 0px;

    
}

.scrolly2 li {
    display:inline-block;
    padding-top:20px;
    padding-bottom:20px;
    padding-left:20px;
    padding-right:20px;
    background-color:black;
    vertical-align: text-top;
    text-align : justify;
    width: 350px;
    
}

.scrolly2 li .sficha {
    max-width: 350px;
    margin: auto;
    background: #000;
    font-family: Arial;
    color:#fff;
    cursor:pointer;
    background-color: #ff7c12;

}

.scrolly2 li .sficha:hover {
    background-color: #FF0000;
}

.scrolly2 li .sficha .stitulodes {
    color: #FFF;
    margin-top: 20px;
    margin-left:  10px;
    margin-right:   10px;
    margin-bottom:   10px;
    

}

.scrolly2 li .sficha .imgdests{
    position:relative;

}

.scrolly2 li .sficha .imgdests .imgdestacadoss {
    position:absolute;
    z-index: 0;
    width: 350px;
  
}


.scrolly2 li .sficha .imgdests .cintais, .cintaiss {
    position:absolute;
    z-index: 1;
    width: 150px;
  
}

.scrolly2 li .sficha .imgdests  .ofertais {
    position:absolute;
    z-index: 2;
    width: 100px;
    margin-left: 245px;
    margin-top: 150px;
  
}


.localizacions {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 20px;
    height: 50px;
}


.nombreis{
    font-size: 25px;
    line-height: 0pt;
}
.ciudadis{
    font-size: 20px;
}
.importeis{
    font-size: 30px;
    text-align: left;
    margin-left:  10px;
    margin-right:   10px;
}
.importeios{
    font-size: 25px;
    text-decoration: line-through;
    color: #ff7c12;
    text-align: left;
    margin-left:  10px;
    margin-right:   10px;
} 

.descripcionis{
    margin-left:  10px;
    margin-right:   10px;
    height: 50px;     
    white-space: normal;


}

.importeios{
    font-size: 25px;
    text-decoration: line-through;
    color: #000000;
    text-align: left;
    margin-left:  10px;
    margin-right:   10px;
} 

.descripcionis{
    margin-left:  10px;
    margin-right:   10px;
    height: 50px;     
    white-space: normal;
}


.flechas{
    position: relative;
}

.fderecha{
    position:absolute; 
    right: 10px; 
    top: 200px; 
    z-index: 10;
    
    width: 100px;
    height:200px;

}

.fizquierda{
    position:absolute; 
    left: 10px; 
    top: 200px; 
    z-index: 10;
   
    width: 100px;
    height:200px;
    -webkit-transform:rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}



/* formulario en destadados */

#ldestacado input[type=text] select{

  width: 100%;
  padding: 5px 10px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 15px;
  background: #fff;

}

input[type=submit] {
  width: 100%;
  background-color:  #ff7c12;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 20px;
}

input[type=submit]:hover {
  background-color:  #ff7009;  
}


/* pie pagina */

footer{
       clear:both;
   float: bottom;
  background: #fff;
  height: 120px;

}
footer p{

  margin-left: 60px;
  font-size: 20px;
  vertical-align: middle;

}

footer p span{
  font-family: Arial;
  font-weight: bold;
   color: #ff7c12;
   font-size: 30px;
  
}

footer p img{
  width: 30px;
  margin-left: 20px;
  font-size: 20px;

}
footer img{
  width: 60px;
  background: #fff;

}
footer ul {
  margin-right: 10px;
  float: right;

}
footer ul li{
  width: 60px;
  display:inline-block;
     padding-left:20px;
     padding-right:20px;

}



/* carrito */

.dcarrito{
  
  height: 50px;
  width:50px;
  text-align:  center;
  cursor: pointer;
  position:absolute; 
  z-index:7; 
  top: 30px; 
  right: 150px;

    

}
.dcarrito img{
  height: 45px;
}

.dcarrito:hover{

  background-color:  #2a2a2a;
  height: 50px;
  width:50px;
  text-align:  center;
  cursor: pointer;
  position:absolute; 
  z-index:7; 
  top: 30px; 
  right: 150px;
  
}


#ecarrito{
  position: absolute;
  color:#FFF;
  font-size: 17px;
  top:7px;
  left: 25px;
  font-family: Arial;
  cursor: pointer;
}

.contactanos{
color: #fff; 
background-image: url('img/oficina4.jpg');
font-family: Arial;

}

.contactanos .tcontacto{

  color: #ff7c12;
  font-size: 30px;
}

.contactanos ul {
  list-style-type: none;
  font-size: 30px;
}


.contactanos input[type=text], .contactanos input[type=email], .contactanos select, .contactanos textarea,  .contactanos input[type=password]{

  width: 100%;
  padding: 5px 10px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 15px;
  background: #fff;

}

.contactanos input[type=button] {
  width: 100%;
  background-color:  #ff7c12;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 20px;
}

.contactanos input[type=button]:hover {
  background-color:  #ff7009;  
}





/*  resultado busqueda */


.resultado
 {
  float: right;
  margin: 0;
  width: 82%;
  height: 100%;
  box-sizing:border-box;
  background: #000;
  color:#000;
  /*
  text-align:center;

  */
}

.resultado ul li{
  display:inline-block;
    list-style-type: none;

}


.resultado ul li span{
   display: flex;
   align-items: center;

}

.resultado ul li span img{
   margin:8px;
   width: 20px;

}



.resultado table:hover{
   
  cursor:pointer;
  background-color: #2a2a2a;

}

.resultado table {
  max-width: 1000px;
  margin-top: 5px;
  width: 100%;
  color: #fff;
  background-color: #000; 

  
}
.resultado table td {
  position: relative;
  text-align:justify;
  vertical-align: top;   
  padding:  10px; 
  
}

.resultado table td a{
  position: absolute;
  right: 0;
  top: 0;
}
.resultado table td a img{
  width: 40px;
}


/* nuevo para slider busqueda */


.resultado table td ul.imagenes{
        margin-top: 0;
        padding: 0px;
        position: relative;

}


.resultado table td ul.imagenes li {
        position: absolute;
        left: 0px;
        top: 0px;

        margin: 0;
        padding: 0;
        border: 0;
        background-color: gray;
        opacity: 0;
        transition: opacity .5s;
       
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        font-weight: bold;
        font-size: calc( 1.5rem + 1vw );
        text-align: center;
        z-index: -1;

         width: 300px;
         height: 180px;
         overflow: hidden;
          display: flex;
justify-content: center;
                align-items: center;

        }



.resultado table td ul.imagenes li img {
        height: 200px;       
  
        }


.resultado table td ul.imagenes li input.atras {
        position: absolute;
        left: 0px;
        top: 125px;
              
        }        


.resultado table td ul.imagenes li input.adelante {
        position: absolute;
        right: 0px;
        top: 125px;
              
        }  

.resultado table td ul.imagenes li.mostrar {
            opacity: 1;
            z-index: 0;

        }


/* fin de lo nuevo slider busqueda */
.nombreb {
  color: #ff7c12; 
  font-family: Arial;
  font-size:  20px;
  white-space: normal;
  
  max-width:  485px;

}

.ciudadb {
  
  font-family: Arial;
  font-size:  20px;

}
.metrosb {
  font-family: Arial;
  font-size:  20px;

}
.descripcionb {
  font-family: Arial;
  font-size:  15px;

}

.importeb {
  font-family: Arial;
  font-size:  25px;

}

.imgtolltip {
   position: relative;
  

}


.imgtolltip .txttooltip{
   visibility: hidden;
    background-color: #ff7c12;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    position: absolute;
    z-index: 1;
    top:35px;
    

}
.imgtolltip .txttooltip::after{
    content: "";
    position: absolute;
    border-width: 5px;
   


}
.imgtolltip:hover .txttooltip{
   visibility: visible;
}







aside {
  float: left;
  margin:  0;
  width: 16%;
  height: 100%;
  box-sizing:border-box;
  background: #000;
  
}


#busquedap{
float: left;
font-size: 20px;
width: 200px;

}

#busquedap table{

width: 100%;

}

.alertaerr{

background-color:  #ff7c12;
font-size: 30px;

}

#busquedap input[type=text], select{

  width: 100%;
  padding: 5px 10px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 15px;

}

#busquedap input[type=number]{

  width:65px;
  padding: 5px 10px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 15px;

}

.dcarrito{
  
  height: 50px;
  width:50px;
  text-align:  center;
  cursor: pointer;
  position:absolute; 
  z-index:7; 
  top: 30px; 
  right: 150px;

    

}
.dcarrito img{
  height: 45px;
}

.dcarrito:hover{

  background-color:  #2a2a2a;
  height: 50px;
  width:50px;
  text-align:  center;
  cursor: pointer;
  position:absolute; 
  z-index:7; 
  top: 30px; 
  right: 150px;
  
}

.blupa{
  
  height: 50px;
  width:50px;
  text-align:  center;
  cursor: pointer;
  position:absolute; 
  z-index:7; 
  top: 30px; 
  right: 210px;

    

}
.blupa img{
  height: 45px;
}

.blupa:hover{

  background-color:  #2a2a2a;
  height: 50px;
  width:50px;
  text-align:  center;
  cursor: pointer;
  position:absolute; 
  z-index:7; 
  top: 30px; 
  right: 210px;
  
}


.cliente{
  
  height: 50px;
  width:50px;
  text-align:  center;
  cursor: pointer;
  position:absolute; 
  z-index:7; 
  top: 30px; 
  right: 270px;

    

}
.cliente img{
  height: 45px;
}

.cliente:hover{

  background-color:  #2a2a2a;
  height: 50px;
  width:50px;
  text-align:  center;
  cursor: pointer;
  position:absolute; 
  z-index:7; 
  top: 30px; 
  right: 270px;
  
}





#ecarrito{
  position: absolute;
  color:#FFF;
  font-size: 17px;
  top:7px;
  left: 25px;
  font-family: Arial;
  cursor: pointer;
}



.contactanos {

  color: #fff; 
  background-image: url('../img/oficina4.jpg');

}


/*ficha*/

#carrucelf  {
  width: 64%;
  background: #000;
  height: 600px;

}

#marcoimg{
  position:relative; 
  border:0px solid #ccc; 
  margin:0px auto;
  /*
  overflow:hidden;
*/
}


#marcoimg .tels{
  position:absolute; 
  z-index:4; 
  top:20;
  left: 20;
  width:200px; 
  height:50px;
  font-family: Arial;
  color:#fff;
  display: flex;
  align-items: center;
  font-weight: bold;
  margin-left:10px; 
}



#marcoimg .faces{
  position:absolute; 
  z-index:4; 
  top:380px;
  left: 30px;
  width:30px; 
  height:30px;
  font-family: Arial;
  color:#fff;
  display: flex;
  align-items: center;
  font-weight: bold;
  margin-right:10px; 
}


#marcoimg .insts{
  position:absolute; 
  z-index:4; 
  top:430px;
  left: 30px;
  width:30px; 
  height:30px;
  font-family: Arial;
  color:#fff;
  display: flex;
  align-items: center;
  font-weight: bold;
  right:0; 
  margin-right:10px; 
}

#info {
  position: absolute;
  top:200px; 
  right: 5px;
  z-index:20; 
  width: 35%;
  background: #000;
  color:#fff;


}



#info .carritoplus{
  position:absolute;
  top:10px;
  right: 0px;
  z-index:50;
  width: 40px;
}
#info .imprimirf{
  position:absolute;
  top:10px;
  right: 50px;
  z-index:50;
  width: 30px;
}

#info .compartir{
  position:absolute;
  top:10px;
  right: 100px;
  z-index:50;
  width: 30px;
}

#info .fichadescargar{
  position:absolute;
  top:10px;
  right: 140px;
  z-index:50;
  width: 30px;
}

#info #importe{
 font-size: 30px;


}



#info p{

  margin-left: 25px;
  margin-right: 25px;
  font-family: Arial;

}


#info ul li{
  display:inline-block;
    list-style-type: none;
     
    color: #fff;  
    text-align: center;
    font-size: 15px;
    align-items: center;
    font-family: Arial;
  
}

#info ul li span{
   display: flex;
   align-items: center;
   


}

#info ul li span .dps{
   width: 80px;
   text-align: left;
   


}
#info ul li span img{
   margin:8px;
   width: 20px;

}
#tituloi{
  margin-top: 5px;
   margin-bottom: 0px;
   font-size: 30px;
    

}
#tituloi img{
  margin-top: 0px;
  height: 50px;
  
   

}

#mts{
  margin-top: 0px;
   margin-bottom: 20px;
   font-size: 15px;

}
#desc{
  
   font-size: 15px;
   
   margin-bottom: 30px;
   text-align: justify;


}


#precio{
  position: absolute;
  top:170px;   
  right: 0px;
   margin-bottom: 10px;
   color: #fff; 
   background: #000;
   width: 25%;
   height: 60;
   
   float: right;
    display: flex;
   align-items: center;
   font-family: Arial;



}
#precio span{
  
   float: right;
  width: 100%;
  margin-top: 20px;
  margin-left: 20px;
  margin-right: 20px;
   margin-bottom: 20px;
   font-size: 20px;
   font-weight: bold;



}


        #marcoimg ul.slider li:first-child {
            opacity: 1;
        }

        #marcoimg ul.slider li:target {
            opacity: 1;
        }

        #marcoimg  ul.slider {
        list-style: none inside;    
        padding: 30px;
        position: relative;
        }

        #marcoimg ul.slider li {
        position: absolute;
        list-style: none inside;
        left: 0px;
        top: 0px;
        background: #fff;
        width: 100%;
        height: 550px;
        margin: 0;
        padding: 0;
        border: 0;
        background-color: black;
        opacity: 0;
        transition: opacity 1s;
        font-weight: bold;
        font-size: calc( 1.5rem + 1vw );
        text-align: center;
        
        }

        #marcoimg ul.slider li img{
          /*
            width: 100%;
*/
            height: 85%
        }

        nav {
       
        position: relative; 
        margin-top: 10px;
        margin-right: 50px;
        /*
        background: #000000;
        */
        float: right;
        width: 75px;
        padding-top: 10px;
        /*
        border: dotted;
        */
        }

        nav ul {
       
        flex-wrap: wrap;
        text-align: center;
        list-style: none inside;
        
        }

        nav ul li{
            
            list-style: none inside;
            padding-right: 10px;
        }
        nav a {
        text-decoration: none;
        font-weight: bold;
        color: #00324b;
        line-height: 0;
        flex-grow: 1;
        text-align: center;
        flex-wrap: wrap;
        position: relative;
        }

         nav li:last-child a {
        border-right: 0;
        }

        nav a:hover {
        background-color: #ffffff;
        color: #fff;
        border-top-color: #65bce8;
        }

         nav a:active {
        border-top-color: #f90;
        background: #f90;
        color: #00324b;
        }

        nav a img{  
            width: 60px;
        }





#busquedap{

font-size: 20px;
color:#fff;
font-family: Arial;

}

#busquedap table{

width: 100%;

}

.alertaerr{

background-color:  #ff7c12;
font-size: 30px;
font-family:Arial;
color:#FFF;

}

#busquedap input[type=text], select,  input[type=email] {

  width: 100%;
  padding: 5px 10px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 15px;

}

#busquedap input[type=number]{

  width:65px;
  padding: 5px 10px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 15px;

}

#busquedap  input[type=submit] {
  width: 100%;
  background-color:  #ff7c12;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 20px;
}

#busquedap  input[type=submit]:hover {
  background-color:  #ff7009;  
}

#share{
    position: absolute;
    background: rgba(255,255,255,0.50);
    width: 110px;
    height: 55px;
    top:50px;
    right: 20px;
    z-index:50;
    display:none;
    
}

#share ul{
        padding-top:5px;
    padding-bottom:5px;
    padding-left:0px;
    padding-right:0px;
    margin: 0px;
}

#share li{
    display:inline-block;
    margin-left: 5px;
  margin-right: 5px;

    
}





/*responsivo*/
@media screen and (max-width: 1100px) {

.baner{
  position: relative;
  background: #fff;
  width: 100%;
  height: 500px;
  background: url("../img/banner1.jpg") no-repeat left top;
  background-size: cover;
  

}

.baner #fondo{
  position:absolute;
  top:25%;
  left:30%;
  margin-left: -100px;
  margin-right:  0px;
  text-align: center;
  /*
  border-style: dotted;
  */


}

.baner ul li{
  
  text-align: center;
  margin:0px;
  padding-right: 20px;  

}

.resultado
 {
  float: right;
  margin: 0;
  width: 75%;
  height: 100%;
  box-sizing:border-box;
  background: #000;
  color:#000;
  /*
  text-align:center;
  */
}

.resultado table {
  max-width: 700px;
  
}


}


@media screen and (max-width: 940px) {

.baner{
  position: relative;
  background: #fff;
  width: 100%;
  height: 600px;
  background: url("../img/banner1.jpg") no-repeat left top;
  background-size: cover;

}

.baner #fondo{
  position:absolute;
  top:25%;
  left:30%;
  margin-left: -100px;

  margin-right:  0px;
  text-align: center;
  /*
  border-style: dotted;
  */
}

.resultado
 {
  float: right;
  margin: 0;
  width: 70%;
  height: 100%;
  box-sizing:border-box;
  background: #000;
  color:#000;
  /*
  text-align:center;
  */
}  




.resultado table {
  max-width: 600px;

  
}


}

@media screen and (max-width: 790px) {

.baner{
  position: relative;
  background: #fff;
  width: 100%;
  height: 600px;
  background: url("../img/banner1.jpg") no-repeat left top;
  background-size: cover;

}

.baner #fondo{
  position:absolute;
  top:25%;
  left:30%;
  margin-left: -150px;

  margin-right:  0px;
  text-align: center;
  /*
  border-style: dotted;
  */
}


}





@media print {
  /* Contenido del fichero print.css */
  
   @page {size: letter landscape;max-height:100%; max-width:100%}
   
   #marcoimg ul.slider li img{
          
            width: 100%;
            height: 100%;
            
        }


}