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

/* Global Content Formatting and Styles */

/* css reset - http://meyerweb.com/eric/tools/css/reset/ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent; border: 0; margin: 0; padding: 0; vertical-align: baseline; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
ol, ul {  }
blockquote { quotes: none; }
blockquote:before, blockquote:after { content: ''; content: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
a img { border: none; }


/*LINKS*/

#content a:link { color:#e1b000;  text-decoration:underline; }
#content a:visited  { color:#e1b000; text-decoration:underline; }
#content a:hover { color:#000; text-decoration:none; }
#content a:active { color:#000; text-decoration:none; }

#nav a:link { color:#fff; text-decoration:none; }
#nav a:visited  { color:#fff; text-decoration:none; }
#nav a:hover { color:#000;  text-decoration:underline; }
#nav a:active { color:#000; text-decoration:underline; }

/*GENERAL STUFF*/
body { font-family: 'CicleGordita', Arial, sans-serif; background-color:#fff; color:#000; background-image:none; font-size:1.125em;  }
#clear { clear: both; }

/*STRUCTURE*/
#nav { width:100%; background-color:#e1b000; color:#000; text-align:right; }
#content { margin:0 10%; padding:20px 0 0 0 ; }
#GlassBottle { width:90%;  margin:10px 5%; }
#ColA { width:50%; margin:5% ; float:right; }
#ColB { width:40%; margin:0 ; float:right; }
#footer { width:100%; background-color:#000; color:#fff; text-align:center; clear:both; padding:5px 0 ;}



#TwoCol { width:46%; float:left; margin:1%; }
#ThreeCol { width:31%; float:left; margin:1%; }

@media (max-width: 1310px) {
#ThreeCol { width:48%; float:left; margin:1%;  } }
@media (max-width: 700px) {
#TwoCol { width:96%; float:none; margin:1%; } } 
@media (max-width: 550px) {
#ThreeCol {width:98%; margin:1%; float:none;  } }



@media (max-width: 1500px) {
#content { margin:0 5%; padding:20px 0 0 0 ; } }
@media (max-width: 1100px) {
#content { margin:0 5%; padding:20px 0 0 0 ; }}
@media (max-width: 1000px) {
#nav { width:99%; padding-right:1%; background-color:#e1b000; color:#000; text-align:center; }
#ColA { width:90%; margin:10px 5% ; float:none; }
#ColB { width:90%; margin:0 5% ; float:none; } }

/*TEXT*/
em { font-style:normal; font-family: 'CicleGorditaItalic'; }
strong { color:#e1b000; }
address { font-style:normal; padding:0 20px 10px 20px;font-size:1.25em; line-height:1.5; text-transform:uppercase; }
#footer  address { font-style:normal; width:100%; background-color:#e1b000; padding:3px 0; }
p { font-size:1.25em; line-height:1.5; padding:0 20px 15px 20px; font-family: 'CicleSemi'; }
ul { font-size:1.25em; line-height:1.5; padding:0 20px 10px 70px; font-family: 'CicleSemi';}
h1 { font-size:4em; margin:0 0 10px 0; text-align:right; text-transform:uppercase; }
h2 { font-size:2em; margin:0 0 10px 0; padding:3px 10px; border-bottom:2px solid #e1b000; clear:both; }
h3 { font-size:1.5em; color:#e1b000; padding:0 20px; font-family: 'CicleGorditaItalic'; clear:both; }
h4 { font-size:1.25em; margin:0 0 10px 0; padding:3px; border-bottom:2px dashed #0249D9; border-top:2px dashed #0249D9; clear:both; }
#GlassBottle h3 { font-size:1.75em; color:#000; padding:0 10px 5px 10px; font-family: 'CicleGorditaItalic'; border-bottom:2px dashed #e1b000; }
#GlassBottle p { font-size:1.25em; line-height:1.5;  padding:20px; font-family: 'CicleSemiItalic'; background-color:#fff; background-image: linear-gradient(to bottom, #ccc, #fff);}
@media (max-width: 500px) {
	h1 { font-size:3em; }
	h2 { font-size:1.75em; } }	
	
/*IMAGES*/
#ColA img { display:block; width:100%; margin-bottom:20px; }
#ColB img { display:block; width:100%; margin-bottom:20px; }
#GlassBottle img { float:right; width:40%; margin:0 1% 5% 1%; }

#TwoCol img { display:block; width:100%; margin-bottom:20px; }
#ThreeCol img { display:block; width:100%; margin-bottom:20px; }