@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:#eec532;  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; font-size:1.125em;  }
/*body { font-family: 'CicleGordita', Arial, sans-serif; background-color:#6c3f26; color:#fff; background-image:url(../images/bkgd-page.jpg); background-position:top center; background-repeat:no-repeat; background-attachment:fixed !important; background-size:cover !important; 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 ; }
#TwoCol { width:50%; float:left; }
#TwoCol.text { width:46%; padding:7% 2% 0 2%; float:left; }
.callbacks_container {  padding:0; }
#footer { width:100%; background-color:#000; color:#fff; text-align:center; clear:both; padding:5px 0 ;}

@media (max-width: 1500px) {
	.callbacks_container {  padding:0 0 50px 0; }
#content { margin:0 5%; padding:20px 0 0 0 ; } }
@media (max-width: 1375px) {
#TwoCol.text { width:50%; padding:5% 0 0 0; float:left; } }
@media (max-width: 1200px) {
#TwoCol.text { width:50%; padding:2% 0; float:left; } }
@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; } 
#TwoCol { width:100%; float:none; } 
#TwoCol.text { width:98%; float:none; padding:2%;  } }

/*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 10px 20px; 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.75em; color:#e1b000; padding:0 20px; font-family: 'CicleGorditaItalic'; }
@media (max-width: 500px) {
	h1 { font-size:3em; }
	h2 { font-size:1.75em; } }	
	
/*IMAGES*/
img.pallets { display:block; width:100%; }
@media (max-width: 1000px) {
	img.pallets { display:block; width:80%; padding:0 10%; } }