/*
Theme Name: TinacosyCisternas.com
*/

html body {font-family: 'Lato', sans-serif;}
.block {padding: 50px 0}
p, li {font-size: 16px}
.price {color: #ff0101}
.price .discount {color: #bebebe; text-decoration: line-through}
.clear {clear: both}

.button {font-size: 17px; text-align: center; display: inline-block; background: #fff; border: solid 1px #666; transition: all 0.2s ease}
.button:hover {; transition: all 0.2s ease; background: #e1e1e1}
.button a {color: #000; text-decoration: none; padding: 0 50px; height: 46px; line-height: 44px}
.button a:hover {color: #000; text-decoration: none}
#button {font-size: 17px; text-align: center; display: inline-block; background: #fff; border: solid 1px #666; transition: all 0.2s ease}
.button .show-hide {color: #000; text-decoration: none; padding: 0 50px; height: 46px; line-height: 44px; cursor: pointer}
.button:hover {color: #000; text-decoration: none}

.mobile {display: none; visibility: hidden}
.desktop {display: block; visibility: visible}

/*header*/
h1#logo {width: 225px; height: auto}
#top-menu {text-align: center}
#top-menu ul li {list-style: none; display: inline-block; margin: 0 10px}
.top-logo-block {text-align: center}
.top-logo-block h1 {display: inline-block; margin-bottom: 50px}
.top-cart-block {text-align: right}
.top-cart-block, .top-phone-block {padding-top: 30px; font-size: 14px}
.top-cart-block span, .top-phone-block span {color: #0071b9}
#form-pop .show-hide {position: absolute; top: -15px; right: -15px; background: #fff; border-radius: 100px; display: block; width: 30px; height: 30px; line-height: 28px; text-align: center; font-weight: bold; cursor: pointer; font-size: 20px; box-shadow: 0 0 3px #000}
#showLeft {position: absolute; top: 115px; right: 30px; color: #666; background: 0; border: 0 none; font-size: 22px; z-index: 999999}

/*contact*/
#contact-form {position: fixed; z-index: 9999; background: rgba(255,255,255,0.70); width: 100%; height: 100%; display: none}
#form-pop {position: absolute; top: 50%; left: 50%; width: 360px; margin-left: -180px; margin-top: -350px; background: #b0dcf7; box-sizing: border-box; padding: 30px}
#form-pop p .wpcf7-form-control {max-width: 100%; width: 100%; height: 36px; line-height: 36px; background: #fff; box-sizing: border-box; padding: 0 10px; margin-bottom: 10px; border: 0 none}
#form-pop .ajax-loader {display: none; visibility: hidden}
#form-pop p .wpcf7-form-control.wpcf7-submit {margin-bottom: 0}
#form-pop h2 {margin-top: 0; color: #0079ff; font-size: 20px; text-transform: uppercase; text-align: center}
#wpcf7-form p {margin-bottom: 0}
#form-pop p .wpcf7-form-control.wpcf7-submit {background: #0079ff; color: #fff; font-size: 13px; text-transform: uppercase}

/*home*/
#home-top-product {background: url(images/top-banner-bg.jpg) repeat-x center center; background-size: auto 100%}
.top-banner-img {text-align: center}
#home-top-product h2 {font-size: 42px; font-weight: 300}
#home-top-product h2 span {font-weight: 400}

#home-products div {text-align: center; padding-bottom: 0}
.home-product {margin-bottom: 50px}
.home-product h3 {font-size: 16px; font-weight: 700}

#home-bottom-banner {min-height: 550px; background: url(images/home-bottom-banner.jpg) no-repeat center center; background-size: cover}
#home-bottom-banner h2 {padding-top: 215px; color: #fff; font-size: 64px; font-weight: 700; text-align: center; text-shadow: 0 0 5px #666; margin-top: 0}

/*category*/
.category-product {text-align: center; padding-bottom: 50px; padding-top: 50px}
.category-product h3 {font-size: 16px; font-weight: 700; color: #000}
.category-product h3 a, .category-product h3 a:hover {color: #000}
.product-thumb img {max-height: 270px; width: auto}

.single .post {padding: 50px 0}
.single .post .button {margin-top: 50px}
#postThumb {height: 560px; width: 100%; background-size: contain; background-position: center; background-repeat: no-repeat}
.single .post .price {float: left; width: 50%; font-size: 32px; line-height: 28px}
.single .post .price span {font-size: 20px}
.single .post .product-rating {float: right; text-align: right; padding-top: 35px}
.single .post .product-desc {margin-top: 50px; padding-top: 50px; border-top: solid 1px #ccc}
.single .post h2 {font-size: 42px; font-weight: 300}
/*related*/
#realated-products h2 {color: #0071b9; text-align: center; margin-top: 50px}
.related {text-align: center; margin: 50px 0}
.related-thumb {width: 100%; height: 250px; background-size: contain; background-repeat: no-repeat; background-position: center}
.related-thumb a {display: block; width: 100%; height: 100%}
.related h3 a {font-size: 16px; color: #000}

/*footer*/
#marcas-foot {background: #39b1fb; padding: 30px 0; text-align: center}
#marcas-foot h2 {font-size: 24px; color: #fff; text-align: center; margin-top: 0; margin-bottom: 20px; font-weight: 300}
#marcas-foot a {display: inline-block; margin: 0 12px}
#footer {background: #0079ff; color: #fff; padding: 20px}
#foot-logo {text-align: center; padding-bottom: 20px; margin-bottom: 20px; border-bottom: solid 1px #fff; margin-top: 0}
#foot-logo img {max-width: 175px; height: auto}
#footer ul {list-style: none; padding: 0}
#footer p, #footer li {font-size: 15px}

#homeContact {padding:80px 0 15px; background:#fff url(images/foot-contact-bg.jpg) no-repeat right bottom}
#homeContact input[type="text"], #homeContact input[type="email"] {height:42px; width:500px; border-bottom-right-radius:2px; border-top-right-radius:3px; border:0 none; position:relative; color:#999; padding:0 10px; box-sizing:border-box; margin-left:41px; border:solid 1px #ccc}
#homeContact input[type="submit"] {height:42px; border-radius:2px; border:0 none; padding:0 15px; background:#0079b7; font:16px Helvetica, Arial, sans-serif; font-weight:bold; font-style:italic; color:#fff}
#homeContact textarea {height:102px; width:500px; border-bottom-right-radius:2px; border-bottom-left-radius:3px; border-top-right-radius:3px; border:0 none; position:relative; color:#999; padding:10px; box-sizing:border-box; margin-left:41px; border:solid 1px #ccc}
#homeContact label {display:none}
#homeContact form p {position:relative; margin-bottom:10px}
#homeContact form p span.your-name:before {background:url(images/nameICN.png) no-repeat left top; width:41px; height:42px; position:absolute; top:0; left:0; content:''; display:block}
#homeContact form p span.your-email:before {background:url(images/mailICN.png) no-repeat left top; width:41px; height:42px; position:absolute; top:0; left:0; content:''; display:block}
#homeContact form p span.your-phone:before {background:url(images/phoneICN.png) no-repeat left top; width:41px; height:42px; position:absolute; top:0; left:0; content:''; display:block}
#homeContact form p span.your-subject:before {background:url(images/officeICN.png) no-repeat left top; width:41px; height:42px; position:absolute; top:0; left:0; content:''; display:block}
#homeContact form p span.your-message:before {background:url(images/commentICN.png) no-repeat left top; width:41px; height:42px; position:absolute; top:0; left:0; content:''; display:block}
#homeContact form p span {display:block; position:relative}
#homeContact input[type="submit"] {margin-left:463px}
#homeContact h2 {color:#0079b7; font-size:34px; margin-bottom:60px}

@media (max-width: 991px) {
	#home-top-product .col-xs-6 {display: block; width: 100%; float: none}
}

@media (max-width: 800px) {
	.col-xs-6.top-cart-block {display: none; visibility: hidden}
	.col-xs-6.top-phone-block {float: none; width: 100%; text-align: center; padding: 15px 0 0}
	.col-xs-6.top-logo-block {display: block; width: 100%; float: none}
	.desktop {display: none; visibility: hidden}
	.mobile {display: block; visibility: visible}
}

@media (max-width: 600px) {
	#footer .col-xs-6.col-sm-3, .related.col-xs-6, .col-xs-6.category-product {display: block; float: none; width: 100%}
	.col-xs-6.top-banner-img img {max-width: 90%; height: auto; margin: 0 auto 20px}
	#home-bottom-banner {min-height: inherit; padding: 30px}
	#home-bottom-banner h2 {font-size: 24px; padding: 0; margin: 0}
	#marcas-foot a {display: block; float: none; width: 100%; text-align: center}
	#marcas-foot a img {max-width: 90%; height: auto}
	.product-detail-page .col-xs-6 {float: none; width: 100%}
	#postThumb {height: 300px}
}