/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 26-feb-2018, 9:50:17
    Author     : Isabel
*/

/*@font-face{
    font-family: "'Open Sans'";
    src: url("../fonts/OpenSans-Regular.ttf");
   
    font-weight: normal;
}*/
@import url("https://fonts.googleapis.com/css?family=Open+Sans");

header{
    padding-top:10px;
    padding-bottom: 25px;
    font-family:'Open Sans';
}

#contact_wrap{
    padding-right: 0;
    padding-top: 23px;
}

#logo img{
        margin-left: 0;
        margin-right: auto;
        height: 90px;
    padding-left: 0;
}

#contact_wrap a{
    color:#3e3e3e;
	/*margin-top: 20px;*/
    padding-right: 15px;
    font-size: 12px;
    padding-left: 5px;
	padding-top: 23px;
}

#contact_wrap a:hover{
    color:black;
    text-decoration: none;
}

#contact div, #contact div img{
    display: inline-block;
}

#contact > div:last-child{
    padding-left: 10px;
}

#top_menu{
    background-color: #3e3e3e;
    text-align: center;
    color:#b7b7b7;
    margin-top: 20px;
    font-family:'Open Sans';
    padding:5px;
    padding-top: 9px;
    font-size: 13px;
}

nav{
    margin-bottom: 40px;
}

#menu_mobile,#btnMenu,.closebtn{
    display: none;
}

#left_menu{
    padding-right: 30px;
    padding-left: 0;

}

#left_menu ul li{
    font-size: 12px;
    margin-bottom: 5px;
    border-bottom: #CCCCCC solid thin;
    text-transform: uppercase;
    text-align: left;
    padding: 5px;
}

#left_menu ul li:first-child{
    border-top: #CCCCCC solid thin;
}
#plus_sizes th{
    text-align: center !important;
}
#left_menu ul li a{
    color:#3e3e3e;
    font-weight: bold;
    font-family: 'Open Sans';
    margin-bottom: 5px;
    margin-top: 5px;
    padding-top: 0;
    padding-bottom: 0;
    text-align: left;
    padding-left: 0;
}

#left_menu ul li a:hover{
    text-decoration: none;
    color:#cc0000;
    background-color:white;
}

/*IMAGENES DEL PRODUCTO*/

#principal_picture{
    text-align: center;
    height: 100%;
    padding-left: 0;
    padding-right: 0;
    
}

#preview_picture{
    border: thin solid #ddd;
    padding-bottom: 60px;
    
}

#principal_picture > div > a > div:first-child > img{ 
    margin-left: auto;
    margin-right: auto;
    /*max-height: 478px;
    min-height: 478px;*/
    padding: 20px;
}
#thumbnail_pictures{
    padding-right: 0;
    padding-left: 0;
}

.product_thumbnail{
    padding: 3px;
    text-align: center;
    cursor: pointer;
}

.thumb_wrap{
    padding: 0;
    margin:20px 0 0 0;
    
}

.product_thumbnail {
    padding:0;
    margin: 0 5px 0 0;
}

.product_thumbnail_picture{
    margin-left: auto;
    margin-right: auto;
    /*max-width: 100px;*/
}

.product_thumbnail_picture img{
	margin-left: auto;
	margin-right: auto;
    /*max-width: 100px;*/
	display:block;
	max-width:100%;
	height:auto;
}

[id*="#view_picture_"] img{
	display:block;
	max-width:100%;
	height:auto;
	
}

[class*="thumb_wrap"] img{
   display:block;max-width:100%;height:auto
}
/*FIN DE IMAGENES DEL PRODUCTO*/

/*MODAL*/
.dialogo{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    opacity: 0;
    display: none;
    background-color: rgba(0,0,0,.5);
    transition: all 0s;
}
.m_modal{
    margin-top: 1em;
    position: relative;
    margin: 2% auto;
    float: none;
}

.dialogo:target{
    opacity: 1;
    display: block;
    pointer-events: auto;
}

.complete_picture{
    max-width: 100%;
    margin: 0 auto;
    display: block;
    max-height: 82vh;
}

.previews{
    display:none;
    height: 100%;
    width: 100%;
    background-color: white;
}

#preview_image_1{
    float:left;
    display: block;
}

#preview_image_1:target{
    display: block;
    /*position: absolute;*/
}

#preview_image_2:target,#preview_image_3:target,#preview_image_4:target,#preview_image_5:target,#preview_image_6:target{    display: block;
                                                                                                                            position: absolute;
}
.imagen-central{
    left: 8%;
    min-height: 60px;
}

.imagen-central img{
    max-width: 100%;
}

.flecha-derecha{
    position: absolute;
    top: 50%;
    right: 2%;    
}

.flecha-derecha a{
    float: right;
}

.flecha-izquierda{
    position: absolute;
    top: 50%;
    left: 2%;
}


.cerrar{
    color:black;
    font-weight: bold;
    font-size: 20px;
}

.cerrar:hover{
    color:black;
    text-decoration: none;
}
.bar1, .bar3 {
    width: 27px;
    height: 5px;
    background-color: #333;
    margin: 6px 0;
    transition: 0.4s;
}

.bar1 {
    -webkit-transform: rotate(-45deg) translate(0px, 6px) ;
    transform: rotate(-45deg) translate(0px, 6px) ;
}

.bar3 {
    -webkit-transform: rotate(45deg) translate(-1px, -8px) ;
    transform: rotate(45deg) translate(-1px, -8px) ;
}
/*FIN DE MODAL*/

#product_title,#brand,#price{
    text-align: center;
}
/*#product_title{
    font-size: 16px;
    font-family: 'Open Sans';
    color:#757676;
}*/

/*#brand{
    font-size: 25px;
    font-family: 'Open Sans';
}*/

#product_title{
    font-size: 25px;
    font-family: 'Open Sans';
}

#price{
    font-size: 24px;
    font-family: 'Open Sans';
}

#price span{
    font-size: 16px;
    font-family: 'Open Sans';
}

.previews > a > img{
    margin-left: auto;
    margin-right: auto;
 /*   width: 30%; */
    margin-top: 20px;
}

.zoom img, .zoom p{
    display: inline-block;
}
.zoom img{
    margin-right: 10px;
}
.zoom{
    margin-top: 20px;
    font-size: 12px;
    color:#333333;
    font-family: 'Open Sans';
}

footer{
    color:white;
    font-size: 14px;
    font-family: 'Open Sans';
    background-color: #3e3e3e;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 30px;
}
#general_information{
    font-family: 'Open Sans';
    color:#757676;
    padding-right: 0;
    padding-left: 0;
    padding-top: 20px;
}

#general_information h4{
    color:#333333;
    font-size: 14px;
    font-weight: bold;
}

#product_description{
    font-size: 13px;
}

#product_information{
    border:#e4e6e6 solid thin;
    padding:25px;
 /*   padding-bottom:10px; */
    margin-bottom:20px;
}

#product_characteristics{
    width:40%;
    font-size:12px;
    margin-bottom:0;
}

#product_characteristics td:first-child{
    font-weight: bold;
    width: 10%;
    padding-left: 0;
}
#product_characteristics td{
    border:none;
}

.politica{
    font-family: 'Open Sans';
    border:#e4e6e6 solid thin;
    color:#757676;
    font-size: 13px;
    /*padding: 20px;*/
    min-height: 211px;
    margin-bottom: 15px;
    background-color: #fcfcfc;
}

.politica h4{
    font-size: 14px;
    font-weight: bold;
    color:#333333;
    padding-bottom: 15px;
}

.politica img{
    padding-right: 10px;
}

#shop_policies,#sizes_guides{
    padding-left: 0;
    padding-right: 0;
}

/*#shop_policies > div:first-child,#shop_policies > div:nth-child(3){
    padding-left: 0;
    padding-right: 5px;
}
#shop_policies > div:last-child,#shop_policies > div:nth-child(2){
    padding-right: 0;
    padding-left: 5px;
}*/

/*#shop_policies > div{
	padding: 0;
}*/
#sizes_guides > h4{
    color:white;
    background-color: #3e3e3e;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 25px;
    font-size:14px;
}
#sizes_guides{
    font-family: 'Open Sans';
    color:#616161;
    font-size: 13px;
    padding-bottom: 50px;
}
#sizes_guides td:first-child{
    text-align: center;
    font-weight: bold;
    color:black;
}

#sizes_guides td{
    text-align: center;
    font-size: 13px;
}

#sizes_guides > div , #plus_sizes{
    padding-left: 0;
    padding-right: 0;
}

@media(min-width:767px){

	.alinear-derecha{
		float: right!important;
		/*margin-bottom: 20px;*/
		}
}

@media(max-width:767px){
    #shop_policies > div{
        padding: 0 !important;
        margin:0;
    }
    table{
        overflow-wrap: break-word;
    }
    .flecha-derecha img, .flecha-izquierda img{
        width: 55px;/*40px*/
    }
    #logo img{
        margin-left: auto;
        margin-right: auto;
    }
    #contact{
        padding-top: 15px;
        text-align: center !important;
    }
}

@media (min-width: 1024px){
	#shop_policies > div:first-child,#shop_policies > div:nth-child(3){
		padding-left: 0;
		padding-right: 5px !important;
	}
	#shop_policies > div:last-child,#shop_policies > div:nth-child(2){
		padding-right: 0;
		padding-left: 5px ;
	}
}
@media(max-width:1092px){
	#shop_policies .col-sm-6{
		width:100% !important;
	}
	#shop_policies > div{
		padding: 0;
	}
}
@media(min-width:767px){
    #shop_policies > div{
        padding: 0 !important;
        margin:0;
    }
    table{
        overflow-wrap: break-word;
    }
    .flecha-derecha img, .flecha-izquierda img{
        width: 69px;
    }
/*    #logo img{
        margin-left: auto;
        margin-right: auto;
    } */
    #contact{
        padding-top: 15px;
        text-align: center !important;
    }
	
/*	#logo img {
		margin-left: auto;
		margin-right: auto;
	} */
}

@media(max-width:500px){

    #sizes_guides td {
        text-align: center;
        font-size: 8px;
        padding-left: 0;
        padding-right: 0;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .flecha-derecha img, .flecha-izquierda img{
        width: 40px;/*20*/
    }
    #product_characteristics {
        width: 100%;
    }
}