@CHARSET "UTF8";

@import url("https://fonts.googleapis.com/css?family=Open+Sans");

@media (min-width: 768px) {
  	.col-sm-5ths {
	    width: 20%;
	    float: left;
    }
}
@media (min-width: 992px) {
  .col-md-5ths {
	    width: 20%;
	    float: left;
    }
}
@media (min-width: 1200px) {
  .col-lg-5ths {
	    width: 20%;
	    float: left;
    }
}
header{
    padding-top:10px;
    padding-bottom: 25px;
    font-family:'Open Sans';
}
nav.container-fluid {
    padding-right: 0px;
    padding-left: 0px;
}
.borde {
	border: 1px solid #ccc;
}

#contact_wrap a{
    color:#3e3e3e;
    padding-right: 15px;
    font-size: 12px;
    padding-left: 5px;
}

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

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

#contact > div:last-child{
    padding-left: 10px;
}
#logo img{
    max-height: 70px;
}
#top_menu{
    background-color: #000064 ;
    text-align: center;
    color:#ffffff;
    margin-top: 20px;
    font-family:'Open Sans';
    padding:5px;
    padding-top: 9px;
    font-size: 13px;
}
#top_menu > p{
	margin: 0 0 6px;
}
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;
}

#left_menu ul li a{
    color:#000064 ;
    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: #0d76bd;
    background-color: white;
}
#product_information ul {
	font-family: 'Open Sans';
	font-size: 13px;
    text-align: justify;
}
/*IMAGENES DEL PRODUCTO*/

#principal_picture{
    text-align: center;
    height: 100%;
    padding-left: 0;
    padding-right: 0;
    max-height:100%;
}
#preview_picture{
    border: thin solid #ddd;
    padding-bottom: 60px;
}

#principal_picture > div > a > img{ 
    margin-left: auto;
    margin-right: auto;
    max-height: 500px;
    width: auto;
    padding: 20px;
}
#principal_picture > div > img{ 
    margin-left: auto;
    margin-right: auto;
    max-height: 500px;
    width: auto;
    padding: 20px;
}
#thumbnail_pictures{
    padding-right: 0;
    padding-left: 0;
	padding-top: 40px;
}

.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-height: 104px;
    width: auto;
}
.product_thumbnail > a > img {
	margin-left: auto;
    margin-right: auto;
    max-height: 104px;
    width: auto;
}
.product_thumbnail > img {
	margin-left: auto;
    margin-right: auto;
    max-height: 104px;
    width: 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 img, .flecha-izquierda img{
        width: 50px;
}
.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;
    padding-top: 30px;
    padding-bottom: 10px;
}

#brand{
    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: 67%;
    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: #000064 ;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 30px;
    margin-top: 30px;
}
#general_information{
    font-family: 'Open Sans';
    color:#757676;
    padding-right: 0;
    padding-left: 0;
    padding-top: 20px;
}
#general_information h4{
    font-size: 14px;
    font-weight: bold;
    margin-top: 15px;
    margin-bottom: 15px;
}
#general_information h3{
    font-size: 12px;
    font-weight: bold;
    margin-top: 15px;
    margin-bottom: 15px;
}

#product_description{
    font-size: 13px;
    text-align: justify;
}
#product_information{
    border:#e4e6e6 solid thin;
    padding:25px;
    padding-bottom:10px;
    margin-bottom:20px;
}
#product_characteristics{
	table-layout: auto;
    width:100%;
    font-size:13px;
    text-align: justify;
    margin-bottom: 15px;
    margin-top: 15px;
}
#product_characteristics td:first-child{
    font-weight: bold;
    padding-left: 0;
}
#product_characteristics td{
    border:none;
}
.politica{
    font-family: 'Open Sans';
    border:#e4e6e6 solid thin;
    color:#757676;
    font-size: 13px;
    padding: 20px 20px 25px 20px;
    margin-bottom: 10px;
    background-color: #fcfcfc;
}
.politica p {
	text-align: justify;
}
.politica h4{
    font-size: 14px;
    font-weight: bold;
    color:#333333;
    padding-bottom: 15px;
}
.politica hr{
	margin-top: 30px;
    padding-bottom: 10px;
}
.politica img{
    padding-right: 10px;
}
#shop_policies, #sizes_guides{
    padding-left: 0;
    padding-right: 0;
}
#shop_policies > div > div {
	min-height: 100px;
}
#shop_policies > div {
    padding-left: 0;
    padding-right: 0;
}
#sizes_guides > h4{
    color:white;
    background-color: #000064;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-size:14px;
}
#sizes_guides > div > h4 {
	padding-top: 5px;
	padding-bottom: 3px;
}
#sizes_guides{
    font-family: 'Open Sans';
    font-size: 13px;
    padding-bottom: 10px;
}
#sizes_guides td{
    text-align: center;
    font-size: 13px;
}
#sizes_guides th{
    text-align: center;
    font-size: 13px;
}
#sizes_guides > div , #plus_sizes{
    padding-left: 0;
    padding-right: 0;
}
.tpoliticaee-columns th, .three-columns td{
	width: 33.33%
}
.four-columns th, .four-columns td{
	width: 25%
}
.five-columns th, .five-columns td{
	width: 20%
}
.six-columns th, .six-columns td{
	width: 16.66%
}
.seven-columns th, .seven-columns td{
	width: 14.286%
}
.eight-columns th, .eight-columns td{
	width: 12.5%
}
#plus_sizes td:first-child{
	font-weight: bold;
}
.table {
    margin-bottom: 7px;
}
.measure {
	display: block;
	text-align: right;
	font-size: 11px;	
}
@media(max-width:767px){
    #shop_policies > div{
        padding: 0 !important;
        margin:0;
    }
    table{
        overflow-wrap: break-word;
    }
    .flecha-derecha img, .flecha-izquierda img{
        width: 40px;
    }
    #logo img{
        margin-left: auto;
        margin-right: auto;
    }
    #contact{
        padding-top: 15px;
        text-align: center !important;
    }
    #left_menu ul li a {
    	text-align: center;
	}
	#left_menu ul li:first-child {
    	border-top: none;
	}
    #principal_picture > div > a > img{ 
	    margin-left: auto;
	    margin-right: auto;
	    max-height: 500px;
	    min-height: 500px;
	    width: auto;
	    padding: 20px;
	    max-width: 100%;
	}
	#left_menu {
    	padding-right: 0;
	}
	.product_thumbnail a img {
		max-height:85px;
	}
	#product_characteristics > ol, #product_characteristics > ul {
	    margin-top: 0;
	    margin-bottom: 10px;
	    padding-left: 25px;
	}
	#sizes_guides td, #sizes_guides th {
        text-align: center;
        font-size: 11px;
        padding-left: 0;
        padding-right: 0;
        padding-top: 6px;
        padding-bottom: 6px;
    }
    .measure {
		font-size: 9px;	
	}
    .flecha-derecha img, .flecha-izquierda img{
        width: 25px;
    }
	.flecha-derecha{
		right: 0;    
	}

	.flecha-izquierda{
		left: 0;
	}
	.first_row {
		display: block;
	}
	.second_row {
		display: block;
	}
	#contact_wrap > .pull-right {
        float: none !important;
    }
}
@media(max-width:467px){
	#principal_picture > div > a > img{ 
	    margin-left: auto;
	    margin-right: auto;
	    max-height: 400px;
	    min-height: 200px;
	    width: auto;
	    padding: 20px;
	}
	#sizes_guides td, #sizes_guides th {
        text-align: center;
        font-size: 8px;
        padding-left: 0;
        padding-right: 0;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .measure {
		font-size: 8px;	
	}
}