@charset "UTF-8";
/* CSS Document */

@import url("/wp-content/themes/bridge-child/style.css");

html
{
	min-height: 100%;
	min-width: 100%;
	-ms-text-size-adjust: none;
}

body,div,dl,dt,dd,ul,ol,li,nav,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,a
{
	margin: 0px;
	padding: 0px;
	border-width: 0px;
	border-style: solid;
	border-color: transparent;
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	-o-transform-origin: left top;
	transform-origin: left top;
	background-repeat: no-repeat;
}


body
{
	background:#000;
	font-family:'GothamPro-Medium';
	font-weight:normal;
	font-size:14px;
	line-height:19px;
	min-width:360px;
	color:#FFF;
	text-align:left;
	
}
pre {font-family:inherit; font-size:inherit; line-height:inherit}
div{-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
h1,h2,h3,h4,h5,h6{font-family:'GothamPro-Bold';}
h1,h2,h3,h4,h5,h6, p {padding:10px 0; clear:both}
h2 {font-size:22px;line-height:28px;}h3 {font-size:20px;}h4 {font-size:18px;}
a, a:link {color:#f8f8f8; text-decoration:none}
a:hover {color:#FFF; font-weight:bold}
button.toggle {
	padding: 8px;
	background: #111;
	color: #fff;
	border-radius: 10px;
	border: 1px solid #fff;
	font-size:13px;
	margin: 0 5px;
	white-space: nowrap;
}
.clear {clear:both; width:100%; height:1px;}
center, .center {text-align:center}
section {padding:60px; width:auto; margin:0 auto; clear:both; background:center center fixed}
.spacer {width:100%; clear:both; height:80px; margin:0;}

.container {max-width:1024px; margin:0 auto; padding:0}
.dark {max-width:1044px;padding:20px; background-color:rgb(0,0,0,.4)}
img.responsive {max-width:100%; height:auto;}
.half {padding:20px;display:block; float:left; width:45%; margin-right:5%; background-color:rgb(255,255,255,.2)}
.select {padding-top:25px; display:block}

div.storelinks {
	display: block;
	margin: 0 auto 60px;
	padding: 0;
	max-width: 1024px;
}
ul.storelinks {list-style-type:none; display:block; margin:0 auto; padding:0 0 10px; width:100%;}
ul.storelinks li {list-style-type:none; display:block; width:20%; text-align:center; float:left; padding:0 2% 0}

img.fl {float:left}
.carro {display:block; z-index:100; position:fixed; top:100px; right:15px; width:auto; height:30px}
p.precio {font-size:22px; font-weight:bold;}

.menu {width:100%; height:auto; position:fixed; top:0; left:0; padding:15px 0 20px; margin:0 auto; background:#000; font-size:16px; font-weight:400; overflow:hidden}
.cont { width:95%; margin:0 auto;}
.logo {width:80px; height:55px; float:left; text-align:center;}
ul.nav {
	list-style-type: none;
	display: block;
	margin: 0 auto;
	padding-top: 22px;
	width: 430px;
}
ul.nav li {
	list-style-type: none;
	display: block;
	width: 25%;
	text-align: center;
	float: left;
}
.iconos {display:block; float:right; width:120px; margin-top:-5px;}
.img {width:33.333%; height:30px; padding:0; margin:0; text-align:center; display:block; float:left}
ul.navmob {display:none; list-style-type:none; width:100%; clear:both; height:40px; line-height:40px; background:#555;}
ul.navmob li {
	list-style-type: none;
	display: block;
	width: 25%;
	text-align: center;
	float: left;
}

.item {width:100%; margin:0; display:block; clear:both;}
.foto {width:40%; display:block; float:left; margin-right:5%;}
.desc {width:55%; float:left; padding:20px 0; display:block; }
.boton {display:block; margin-top:40px; text-align:left; width:100px; height:30px;}
.success {padding:150px 0; text-align:center}
.politicas {background-image:url(img/bg_mapa.jpg)}
.ventas, .success {background-image:url(img/bg_tequilas.jpg)}
.productos {background-image:url(img/bg_tequilas2.jpg)}
.uppercase {text-transform:uppercase}
#politicas{display:none}

hr, hr.hr {width:100%; height:2px; background-color:#333; clear:both; margin:40px 0;}

@media screen and (max-width: 767px) {
ul.nav {display:none; visibility:hidden}
ul.navmob {display:block; z-index:99; position:fixed; top:80px; left:0; height:40px}
.carro {top:15px; left:50%; margin-left:-63px;}	
.iconos {margin-top:10px;}
.spacer {
	height: 100px;
}
.half {width:100%; margin:0 auto; float:none;}
ul.storelinks {margin:20px auto 30px; padding-bottom:20px; font-size:12px;}

}
@media screen and (max-width: 640px) {
.foto {width:100%; margin-right:0;}
.desc {width:100%;}
section {padding:30px;}
}

/********** BLOG ************/
ul.navblog {list-style-type:none; display:block; margin:0 auto; padding-top:22px; width:430px; font-size:14px;}
ul.navblog li {list-style-type:none; display:block; width:20%; text-align:center; float:left;}
ul.navmobblog {display:none; list-style-type:none; width:100%; clear:both; height:40px; line-height:40px; background:#555;}
ul.navmobblog li {list-style-type:none; display:block; width:20%; text-align:center; float:left;}

@media screen and (max-width: 767px) {
ul.navblog {display:none; visibility:hidden}
ul.navmobblog {display:block; z-index:99; position:fixed; top:80px; left:0; height:40px}
}