/*

Theme Name: Casa Centuria
Theme URI: http://dsdisenoweb.com
Original Theme URI: http://dsdisenoweb.com
Description:Tema creado  por http://dsdisenoweb.com 
Author URI: http://dsdisenoweb.com/
Traductor: alexander mendoza
Traductor URI: http://dsdisenoweb.com 
*/

img{max-width:100%}

*{-webkit-transition: all 250ms linear;

-moz-transition: all 250ms linear;

-o-transition: all 250ms linear;

transition: all 250ms linear;

}

h4{    font-size: 1.6em;
    letter-spacing: 0.2em;
    text-transform: uppercase;}

.comprar{width:100%}
.comprar{}
.tutorial{display: inline-block;
   width: 49%;}
a{text-decoration:none}


* {}
ul{list-style:none;margin:0;padding:0}

body{margin:0;    font-family: 'Open Sans', sans-serif;background:#fff url(img/thunder_bg.jpg) no-repeat;background-size: cover;}

body{margin:0;padding:0;font-size:1em}

.body{max-width:1024px;width:100%;margin:0 auto;margin-top:30px}

.body img{max-width:100%;height:auto}

.body  a{color: rgb(5, 110, 140);}



/* menu */


header{width: 100%;
   background-color: rgb(252, 250, 238);text-align: center;     margin:0 auto}

header nav {    
    max-width: 100%;
    margin: 0 auto;
    background-color: #e3013b ;
    border: 0px #ff9691 solid;
    border-bottom-width: 5px;
    box-sizing: border-box;
margin:0 auto
}


header nav > ul {max-width: 80%;
    width: 100%;
    text-align: center;margin: 0 auto;}

header nav ul > div > ul > li{    display: inline-block;}

header nav ul > div > ul > li:hover{;}

header nav ul  div  ul li > a{
text-decoration: none;
    text-transform: uppercase;
    font-weight: 800;
    color: #ffe3de;
    padding: 16px 13px 14px 13px;
    display: block;
    letter-spacing: 6px;
}

header nav ul  div  ul li a span{width: 0;
    height: 0;
    margin-bottom: 2px;
    vertical-align: middle;
    content: "";
    border-style: solid solid none;
    border-width: 4px 4px 0;
    border-color: #3c3b3c transparent transparent;
    display: inline-block;}

header nav ul div ul li:hover > a{color:#fff}

header nav ul div ul li ul{position: absolute;
    text-align: left;
    padding: 25px 5px 5px 5px;
    background-color:;    min-width: 250px;display:none}

header nav ul div ul li ul li{border: 0px #f8f8f8 dashed;border-bottom-width: 1px;padding: 5px 0;}
header nav ul div ul li ul li a{padding: 5px 13px 5px 13px;}
header nav ul div ul li ul li:hover a{color:#000!important}
header nav ul div ul li:hover ul{display:block}


/* logo */

.logo,.accesos,.descripcion,.moneda{max-width: 100%;
    
    display: inline-block;
vertical-align: top;text-align: left;}
.logo,.descripcion{width: 60%;}
.accesos,.moneda{width: 20%;}

header .logo{}
header .accesos{}
header .descripcion{ color: rgb(64, 64, 64);
    margin-bottom: 19px;
    font-size: 1.2em;
    font-weight: bolder;
}

header .moneda{}

.sliderhome .textwidget{}
/* menu */

header .moneda ul{text-align:center}
header .moneda ul li{ vertical-align: top;
    background-color: #2f2f2f;
    padding: 8px;
    box-sizing: border-box;
    text-align: left;
    margin: 1px;}

header .moneda ul li a{    color: #f072ab;}
header .moneda{}
header .moneda{}


Header h1{margin: 0;
    padding: 0;
    font-size: 1em;
    color: #000;}


/* contacto*/

.contacto input{    padding: 5px;
    box-sizing: border-box;
    margin: 2px;
    width: 80%;
    text-align: left;}

/* contenido */

section.content{text-align:center;text-align: center;
    max-width: 80%;
    margin: 0 auto;
    width: 100%;    margin-bottom: 3%;
    padding: 5px;
    box-sizing: border-box;}
section.content sidebar{display:inline-block;display: inline-block;
    max-width: 30%;
    width: 30%;text-align:left;vertical-align: top;}


section.content article{display:inline-block;    display: inline-block;
    max-width: 100%;
    width: 100%;vertical-align: top;}

section.content article a{    color: #023c44;}
 article input, article button{
padding: 5px;
    font-size: 2em;
    border: 1px #e0e0e0 solid;max-width:100%}

/* pie de pagina*/

.footer{max-width: 80%;
    margin: 0 auto;}
.footer article{   display: inline-block;
    max-width: 22%;
    margin: 0px 1%;}
.footer article > div{
    text-align: center;
   
    padding: 13% 0;
    box-sizing: border-box;
   }
.footer article > div div{ background-color: #505050;
    max-width: 40%;
    padding: 5% 0 0 0;
    box-sizing: border-box;
    color: #fff;
    margin: 0 auto;font-size: 0.8em;}
.footer article > div div .precio{display: block;
    color: #febb00;
    font-size: 1.5em;
    font-weight: 600;}
.footer article > div div .reservar{display: block;
    background-color: #00b5b3;}
.footer article  h4{background-color: #FEBB00;
    color: #fff;
   padding: 3% 1%;
    box-sizing: border-box;
    font-weight: 600;
margin:0;background-image: url(https://cdn2.iconfinder.com/data/icons/seo-flat-6/128/15_Place_Optimization-128.png);
    background-position: 100% 50%;
    background-repeat: no-repeat;
    background-size: contain;}
.footer article  h4 img{max-width:4%;height:auto;}
.footer article  h4 span{display:block}

.footer article  p{       margin-bottom: 15%;
    font-size: 0.9em;
}
.footer article  > span{    background-color: #4d91bb;
    color: #fff;
    display: block;
    width: 100%;
    padding: 2% 1%;
    text-align: center;
    box-sizing: border-box;
}


.direccionup{margin:0;padding:0}
.direccionupp{margin: 0;
    padding: 0;
    font-size: 0.8em;}


footer{width:100%;}
footer h3{width: 100%;
    text-align: center;
    background-color: #cf118c;
    color: #fff;
    padding: 0.5%;margin: 0;}


.terminos{text-align: center;
    font-size: 1em;}
.terminos img{display: inline-block;
    max-width: 20%;
    width: 100%;
    vertical-align: middle;}
.terminos > div{    display: inline-block;
    max-width: 50%;
    width: 100%;
    vertical-align: middle;
text-align:right}
.terminos div a{text-decoration: none;
    color: #565656;
    font-weight: 600;
    font-size: 0.8em;}
.terminos  ul{}
.terminos ul li{display: inline-block;
    margin: 5px;}

.pp_pic_holder{display: none;
    position: fixed!important;
    width: 100px;
    z-index: 10000;
    top: 20%!important;}





/* tienda  portada */

article > h1, article > p, article > form{    display: inline-block;
   
    width: 100%;
    vertical-align: middle;
    
    text-align: center;}



article .products a{    color: #af460f;}
article .products li{
max-width: 23%;
    width: 100%;
    vertical-align: top;
    position: relative;
    display: inline-block!important;
    margin: 10px!important;
    text-align: center;
    background-color: #ffe3de;
    float: none!important;
	border-radius: 7px;
}

article .products li h3{margin: 0;
    padding: 0;background-color: #fff;}
article .products li .price{  

position: absolute;
    top: 0;
    right: 0;
    background-color: #0383a6;
    padding: 5px 20px;
    font-size: 1em!important;
    color: #fff!important;
    font-weight: 800!important;
    border-radius: 0px 0px 0px 5px;

}

article .products li img{    max-height: 300px;
    height: 100%;
    width: 100%;}

.added_to_cart{    position: absolute;
    top: 0;
    right: 0;
    background-color: #b70b0b;
    color: #fff;
    padding: 5px;}
.added_to_cart a{color#fff}


article .products li .add_to_cart_button{background-color: #fe8761;
    display: block;
    width: 60%;
    color: #fff;
    font-weight: 700;
    padding: 5px;
    border-radius: 4px;
    margin: 10px auto;
}

article .products li  img{}

/* tienda  interna */


.product-type-simple .images {width: 45%;
    display: inline-block;vertical-align: top;}

.product-type-simple .woocommerce-main-image img{width: 100%;
    height: auto;}

.product-type-simple .images .thumbnails img{width:33.2%;height:auto}

.product-type-simple  .summary{width: 50%;
    display: inline-block;
    vertical-align: top;
    padding: 0 20px;
    box-sizing: border-box;font-size: 1.2em;}

/*widget shoing cart*/
.widget_shopping_cart_content .cart_list li{background-color: #ffcdfb;
    color: #000;
    padding: 2px;
    margin: 1px 0;
    width: 100%;
    height: auto;}
.widget_shopping_cart_content .cart_list img{    width: 12%;
    height: auto;
    vertical-align: middle;
    margin: 5px;}
.widget_shopping_cart_content .cart_list .remove{font-size: 2em;
    vertical-align: middle;
    color: #c10000;
}
.widget_shopping_cart_content{width: 90%;}


/* list widget */

.product_list_widget{}
.product_list_widget li{display: inline-block;
    width: 32.4%;
    overflow: hidden;
    height: 100px;}
.product_list_widget li img{width:100%;height:auto}
.product_list_widget{}

/* buscar */
.woocommerce-product-search .screen-reader-text{display:block}
.woocommerce-product-search input{padding: 10px;}
.woocommerce-product-search{}


/* Categorias de producto */

.product-categories {    background-color: #fff;
    overflow: hidden;
    border: 1px solid #f8f8f8;width: 100%;}
.product-categories li{}
.product-categories li a{font-size: 14px;
    padding: 0 20px;
    line-height: 49px;
    color: #1b1b1b;
    border-bottom: 1px solid #ebebeb;
    display: block;
    width: 100%;
font-weight:800}
.product-categories {}

.product-categories > ul > li{}
.children > li {
    padding-left:5%
}
.children > li a{
    color:#615f5f
}

/* clase de formularios carrito */



.woocommerce-product-gallery{display:inline-block;max-width:35%}

.woocommerce-checkout input,.woocommerce-checkout  textarea,.woocommerce-checkout select, .select2-billing_country-container {
border: 1px #bbbbbb solid!important;
    padding: 10px;
    font-size: 1.2em;
    font-family: sans-serif;
    color: #000000;
    background-color: #f7f6f7;
    border-radius: 3px;
}
.notas,.color,.woocommerce-additional-fields__field-wrapper{background-color: antiquewhite;}
#billing_email_field, #billing_first_name_field,#billing_phone_field,#billing_country_field,#billing__field{display:inline-block;width:49%!important}

.woocommerce form .form-row input, .woocommerce form .form-row textarea, .woocommerce form .form-row select{width: 100%!important;}

.woocommerce form .form-row{width:99%!important}

.woocommerce-tabs {display:none}
.woocommerce-tabs ul{}
.woocommerce-tabs ul li{    display: inline-block;
    margin: 0px;
    background-color: rgb(239, 149, 149);
    padding: 11px;
    box-sizing: border-box;
    border-radius: 3px 3px 0px 0px;}

.woocommerce-tabs ul li a{color: #000;
    font-weight: 800;}
.woocommerce-tabs .woocommerce-Tabs-panel{display: block;
    background-color: #ffe3e3;
    padding: 5px;
    box-sizing: border-box;}


.woocommerce-tabs .woocommerce-Tabs-panel input, .woocommerce-tabs .woocommerce-Tabs-panel textarea{
width: 100%;
    padding: 5px;
    box-sizing: border-box;
    font-size: 1.2em;
    color: #565656;
}







.stars span a{    background-color: #b93838;
    display: inline-block;
    padding: 5px 5px;
    box-sizing: border-box;
    width: 4%;
    text-align: center;
    color: white;
    margin: 5px;}

.commentlist {list-style: none;padding: 0;}

.commentlist li {    background-color: #ffeeee;}

.commentlist li img{    float: left; margin: 5px;}

.commentlist li p{margin:0}

.woocommerce-MyAccount-navigation ul{}

.woocommerce-MyAccount-navigation ul li{   background-color: #fff;
    padding: 3px;
    box-sizing: border-box;
    border-radius: 3px;
    border: 1px #dad1d1 solid;    display: inline-block;}

.woocommerce-MyAccount-navigation{}


.punta{
       background-image: url(img/punta.png);
    position: absolute;
    z-index: 999999;
    bottom: 0%;
    min-height: 200px;
    width: 100%;
    background-size: 100%;
    background-position: 0% 100%;
    background-repeat: no-repeat;
    display:none

}

.sliderhome{position:relative}

.comunicado{text-align:center}

.comunicado .derecha{display:inline-block;    margin: 1em 0 ;}

.wps_img a{width: 100%;
    display: block;
    overflow: hidden;
    max-height: 200px;
}
.wps_img a img{max-width: 100%!important;}

.page-numbers{    text-align: center;
    margin: 30px;}
.page-numbers li{    display: inline-block;}
.page-numbers li a{background-color: #000;
 background-color: #000;
    color: #fff!important;
    padding: 10px;
    display: inline-block;}

.woocommerce-billing-fields input, .woocommerce-billing-fields select, woocommerce-billing-fields textarea, .order_comments{    border-color: #69bf29;}
.woocommerce-billing-fields label{text-align:left;font-weight:800}

.woocommerce-product-gallery__wrapper div:nth-child(3n + 1){width:100%;max-width:100%;height:auto}
.woocommerce-product-gallery__image{    max-width: 50%;display:inline-block}
.woocommerce-product-gallery__image img{width:100%;height:auto}

/* menu movil*/


.menumovil{display:none}
.menumovil ul li ul{display:none;    position: inherit;
    text-align: center;}
.menumovil ul li:hover ul{display:none}
.cerrar{display:none;    background-color: #000;
    color: #fff;
    padding: 3%;
    box-sizing: border-box;
    cursor: pointer;}
header nav ul div ul li a img {
    display: inline-block;
    vertical-align: middle;
    width: 10%;
    height: auto;
    margin-right: 2%;
}



/* Menu */


nav.menu {background-color: #fff;
    width: 100%;
    border: 0px solid #d9f5ff;
    border-bottom-width: 1px;
    position: fixed;
    bottom: 0;z-index: 3;padding: 0.2% 0;left:0}

nav.menu > .logo,nav.menu .menu-principal-container,nav.menu .contacto{display: inline-block;    vertical-align: middle;}
nav.menu > .logo{width: 15%;float:right}
nav.menu > .logo img{width: 50%;height: auto;}

nav.menu .menu-principal-container{width: 59%;}
nav.menu .menu-principal-container ul{    margin: 0;}
nav.menu .menu-principal-container ul li{display: inline-block;    padding: 0 1%;}
nav.menu .menu-principal-container ul li a{display: block;
    color: #2f2f2f;
    font-weight: 600;
    text-transform: capitalize;padding: 0.1em 0.4em;}

nav.menu .menu-principal-container ul li:hover a{color:#000}

nav.menu .contacto{width: 25%;padding: 0;float:left;text-align: center;}
nav.menu .contacto .botonverde, .llamar,.botonverde{display: inline-block;
    background: #189d0e  url(../img/cursor.png) no-repeat 95% 50%;background-size: inicial;
    color: #fff;
    padding: 2% 7%;
    border-radius: 3px;
    vertical-align: middle;
    font-weight: 600;}

nav.menu .contacto .botonazul{display: inline-block;
    background-color: #0061d5;
    color: #fff;
    padding: 2% 7%;
    border-radius: 3px;
    vertical-align: middle;
    font-weight: 600;}

nav.menu .contacto .numero{padding: 1% 3%;
    box-sizing: border-box;}





@media only screen and (max-width : 480px)
{
nav.menu{padding: 1% 0;bottom: 0}
nav.menu > .logo img{float:right;    width: 75%;}
nav.menu .menu-principal-container{display:none}
nav.menu .contacto{width: 100%;font-size: 70%;text-align: center;padding: 0% 0;}
nav.menu .contacto .botonazul{padding: 5% 7%;}
nav.menu .contacto .botonverde{padding:5% 10%!important;}


.pop{width:90%!important}
article > h1, article > p, article > form{max-width:100%}
.sliderhome{display:none!important}
#billing_email_field, #billing_first_name_field,#billing_phone_field,#billing_country_field,#billing__field{width:100%!important}

.wps_image_carousel {display:none}


   header .logo, header .accesos, header .descripcion, header .moneda
   {
   width: 100%!important;
   text-align-last: center;
   }


.wk-slideshow{display:none}
.content{max-width: 100%!important;width:100%}
.content sidebar,.content article{max-width:95%!important;width:100%!important} 
article .products li{    max-width: 100%!important;    width: 100%!important;}

.content .images {width:100%!important}
.content .summary {width:100%!important;font-size:85%}
.wc-tabs li{width:32%!important;}
.wc-tabs li a{width:32%!important;font-size: 0.7em;width: 16%!important;font-size: 0.7em;}
.menupc{display:none!important}
.menumovil{display:block!important}
.woocommerce-product-gallery{    max-width: 100%;}
}



@media only screen and (max-width : 768px) and (min-width: 481px)

{
#olark-wrapper{display:none}

.menupc{display:none!important}
.menumovil{display:block!important}

.sliderhome,.thisnone{display:none!important}
.content img,article .products li img{height:auto!important}
.tutorial{display: inline-block;
   width: 100%;}
.woocommerce-product-gallery{max-width:50%;width:100%}
article .products li {
    max-width: 45%;}
}


@media only screen and (max-width : 1024px) and (min-width: 769px){
article .products li {
    max-width: 30%;}
article .products li img{    height: auto;}

}



.product > .onsale{display:none}
.single_add_to_cart_button{background-color: #FF9800;
    border-radius: 5px;
    margin: 5% 0;
    width: 100%;
    padding: 7% 0;}

ul.products{width: 80%;
    margin: 0 auto;}
.products{margin:0 auto!important}
.woocommerce-info{display:none!important}

.woocommerce-account-fields{display:none}