/*
Gris oscuro :rgb(10,10,10)
Gris claro: #f2f2f2; 
rojo botón comprar:#EE3D6E
azul Texto: #00b0b9;
Gris separador: #ebebeb;
Gris Medio: #666666

Colores círculos móvil:

Gris: #666666
Azul: cadetblue
Naranja: darkgoldenrod; 


Icono:
Calendario
<span class="icon-calendar"></span>

Facebook:
<span class="icon-facebook"></span>

Pinterest:
<span class="icon-pinterest"></span>

Youtube:
<span class="icon-youtube"></span>

Twitter:
<span class="icon-twitter"></span>

Instagram:
<span class="icon-instagram"></span>

Corazón:
<span class="icon-heart"></span>

Estrella:
<span class="icon-star-full"></span>

Brújula:
<span class="icon-compass2"></span>

Música:
<span class="icon-music"></span>

Agua:
<span class="icon-droplet"></span>

Menú:
<span class="icon-menu"></span>

*/
*{
   font-family: 'Open Sans', sans-serif;
    margin:0;
    padding:0;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    color:rgb(98,97,97);
}

html{
    font-size:14px;
}
p{
    line-height:1.5;
}
.container{
   width:100%;
    max-width:1200px; 
    margin:0 auto;   
}

.container_redux{
   width:100%; 
    margin:0 auto;  
    max-width: 940px;  
}


ul{
    list-style-position: inside;
    margin:0;
    padding:0;
}

img{
   
}



.img_resp{
     width:100%;
    height:auto;
    display: block;
}

.img_resp2{
     width:90%;
    height:auto;
    display: block;
}
/*VARIOS*/

.noPadLados{
    padding:0;
}

.backoscuro{
    background-color:#002a3a; 
}


.pad_in{
    padding:60px 25px;
}

@media (min-width:1024px){
    .pad_in{
        padding:50px 0;
    }
}

.circulo{
    margin:0 15px;
    padding:12px;
    border-radius: 50%;
    display: inline-block;
}
.back_gris{
    background-color:#666;
}
.back_naranja{
    background-color:darkgoldenrod;
}
.back_azul{
    background-color: cadetblue; 
}

.fondogris{
    background-color:#ebebeb;
    padding-top: 50px;
}

.fondogris2{
    background-color:#ebebeb;
}
.back_gris_claro{
    background-color:#f2f2f2;
}

.li_sup{
    border-top: 1px solid #ebebeb;
}
/*HEADER*/

 

nav{
    padding:10px 0;
}

.logo_fit img{
    height:auto;
    width:100px; 
}

.menuprincipal{
    list-style: none; 
}
.menuprincipal li{
    text-align: center;
    border-bottom: 1px solid rgb(10, 10, 10);
}


.menuprincipal a{
    text-transform: uppercase;
    font-size: 0.8rem;
    text-decoration: none;
     padding:5px  20px; 
    -webkit-transition: all 0.3s; 
    transition: all 0.3s;
    display: inline-block;
}
.menuprincipal a:hover{
    color:darkorange;
}


.bot_menu{
    text-decoration: none;
    position: absolute;
    right:10px;
    top:20px;
}




@media (min-width:768px){
    
   .menuprincipal li{
        display: inline-block;
        border-left:1px solid rgb(10,10,10);
       border-bottom: 0;
   
    } 
    .menuprincipal li:first-child{
        border:0;
    }
    .menuprincipal a{
        padding:0 20px; 
    }
    
    nav{
        display: flex;
        flex-wrap:wrap;
        justify-content: space-between;
        align-items: center;
    }
    
}



/*MENU SEC*/

.menu_sec{
    list-style: none;
 
}

.menu_sec a{
    font-weight: 700;
    color:white; 
    font-size: 0.9rem;
    padding:20px 15px  ;
    display: inline-block;
    text-decoration: none;
}

/*BACK H1*/

.img_back{
    background-image:url('../img/img_h1.jpg');
    background-size:cover;
    padding:30px 0;
}
.img_back h1{
    font-weight: 300;
    color:white;
    margin:0;
    margin-bottom:20px;
    font-size:6rem;
    
}
.img_back h2{
    font-weight: 300;
    margin:0; 
    color:white;
    font-size: 1.9rem;
}

/*TABLA*/


.tabla1{
    margin-top:20px;
}

.tabla1 th, tabla1 td{
    padding:10px 0;
     border-bottom:1px solid #E2E2E2;;
}
.tabla1 th{
    text-align: left;
    padding-right:20px;
     border-bottom:1px solid #999;;
}
.talla{
    display: inline-block;
    padding:0 12px;
    border-right:1px solid #ddd;
}
.precio{
    color:#00B0B9;
    font-weight: 400;
    width:100%;
    text-align: center;
    margin:30px 0;
    font-size: 1.2rem;
}
.bot_aniadir{
    
    border-radius: 100px;
    background-color:#EE3D6E;
    display: block;
    padding:10px;
    text-transform: uppercase;
    margin-top:15px;
    font-weight: 700;
    font-size: 0.9rem;
    color:white;
    text-decoration: none;
    text-align: center;
}

.img_flyer{
 
     margin-top:none; 
}
.infoflyer{  
    font-size: 1.50rem;
    padding: 10px;
    padding-left: 90px;
    padding-right: 90ppx;
    
}
@media (min-width:480px){
    .info_flyer{
        padding:0 20px;
    }
}

/*FEATURES*/

.item_feat{
    margin-bottom:35px;
    padding:0 30px;
}

.item_feat p{
   font-weight: 400;
    font-size: 0.8rem;
}
.item_feat h3{
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: 15px;
    color:#00b0b9;
}
.icono_feat{
    position: relative;
    margin-left:-25px;
    margin-right: 10px;
   color:#00b0b9;
}


/*FOTOS*/


/*FOTOS*/

.back_feat{
    background-position: center;
    background-size: cover;
}

.alt_min{
    min-height: 300px;
}

.fon_img{
    background-image:url('../img/doble_color.jpg'); 
}

.fon_img2{
   background-image:url('../img/correa_transpi.jpg');  
}

.infocaja{
    padding:125px 25px;
    color:#00b0b9;
    font-size: 1.5rem;
    line-height: 1.5;
}


@media (min-width:768px){
    .infocaja{
        padding:125px  50px;
    }
}

.padding0{
    padding: 0;
}


/*CONDICIONES*/
.item_condis img{
    padding:0 50px 50px 50px;
}
.tipo{
    text-align: center;
    font-weight: 600;
    margin-bottom: 60px;
    padding-right: 20px;
}
@media (min-width:480px){
    .tipo{
        margin-bottom: 0;
    }
    .item_condis img{
        padding:0 25px 25px 25px;
    }
}
@media (min-width:768px){
    .item_condis img{
        padding:0 50px 50px 50px;
    }
}

/*SOCIALES*/

.menu_sociales{
    text-align: center;
}
.menu_sociales li a{
    color:white;
    text-decoration: none;
    display: inline-block;
    padding:15px 15px;
}
.menu_sociales span{
    color:white;
    font-size: 1.5rem;
}
.menu_sociales li{
    display: inline-block;
}
@media (min-width:768px){
    .sec_md{
        order:-1;
    }
}