/* reset */
html, body {margin:0; padding:0; height:100%;}
h1,h2,h3,h4,h5,h6,ul,ol,li,form,dl,dt,dd,p,fieldset,body {margin:0; padding:0;}
h1,h2,h3,h4,h5,h6 {font-size:1.3em;}
ul,li {list-style-type:none;}
fieldset,
a img {border:0;}
a:focus{outline: none;}
select,input,textarea {font-family: "Lucida Grande",Arial,Verdana,sans-serif,Geneva; font-size:1.1em;}
input, select, textarea {background:#fff; padding:2px; border:0;}
select {background:transparent url(../img/bg-select.jpg) no-repeat top left; width:190px; height:23px;}
button {margin:0; padding:0; border:0; background:none;}

/* comunes y clases */
a {text-decoration:none; color:#666;}
	a:hover {text-decoration:underline;}
	
.top {margin-top:10px;}
.right {float:right;}
.left {float:left;}
.overflow {overflow:hidden;}
.error {color:#f00; font-weight:bold;}
.errorForm {border:2px solid red !important;}
.clear {clear:both;}

@font-face {
	font-family: 'OratorStdMedium';
	src: url('../img/fonts/OratorStd.eot');
	src: local('Orator Std'), local('OratorStd'), url('../img/fonts/OratorStd.woff') format('woff'), url('../img/fonts/OratorStd.ttf') format('truetype');
}

/* estructura */
body {background:#8fc400; font-family:'OratorStdMedium',"Lucida Grande",Arial,Verdana,sans-serif,Geneva; font-size:13px; color:#666;}

#wrapper {background:#fff url(../img/bg-container.gif) repeat-y top center; width:948px; overflow:hidden; margin:0 auto 0; min-height:100%; position:relative; height:auto !important;}

#container {width:940px; margin:0 auto; padding-bottom:7em; overflow:hidden; background:transparent url(../img/designed-by.jpg) no-repeat 920px 55px; position:relative;}
#pageinfo {text-align:center; font-size:16px; color:#9c901d; font-weight:normal; padding-bottom:10px; margin-top:25px;}
#content {background:#e3e3e3 url(../img/bg-lines.gif) repeat-y 295px 55px; width:825px; overflow:hidden; margin:0 auto; border:1px solid #ccc; padding:30px 30px 0 30px;}

#header {position:relative; background:transparent url(../img/bg-header.jpg) no-repeat top center; height:255px; overflow:hidden;}
	#header h1 {text-indent:-10000px; width:470px; height:250px; float:left;}
	#header ul#idiomas {overflow:hidden; padding-bottom:65px;}
	#header ul#idiomas li {float:left;}
	#header ul#idiomas li a {display:block; text-indent:-10000px; width:71px; height:26px;}
	#header ul#idiomas li.spa a {background:transparent url(../img/bt-spa.jpg) no-repeat top left;}
	#header ul#idiomas li.eng a {background:transparent url(../img/bt-eng.jpg) no-repeat top left;}
		#header ul#idiomas li a:hover, #header ul#idiomas li a.select {background-position:0 -26px;}
	#header a {display:block; font-size:14px; color:#a0a0a0;}
		#header h1 a {display:block; height:200px; text-indent:-10000px;}
	
	#header form {overflow:hidden; width:350px;}
		#header form legend {display:none;}
		#header form span {float:left; width:125px; font-size:18px; color:#9c901d; padding:0;}
		#header form select {display:block; margin-bottom:8px; float:right; cursor:pointer;}
		#header form p {float:right; clear:both;}
		#header form input {background:transparent url(../img/btn-send.jpg) no-repeat top left; font-size:12px; text-align:center; width:72px; height:23px; cursor:pointer;}
		
#footer {position:absolute; bottom:20px; left:32px; /*border-top:solid 1px #8fc400;*/ width:885px; padding-top:15px; color:#9a901d; background:transparent url(../img/bg-footer.gif) repeat-x top left;}
	#footer a {color:#9a901d;}

#content div {background:#fff; width:227px; margin:0 50px 30px 0; float:left; padding:7px;}
	#content div.last {margin-right:0;}
	#content div img {display:block; margin:0 auto; width:227px; height:227px; padding-bottom:10px;}
	#content div h3, .label h3 {font-weight:normal; color:#000;}
	#content div h4, .label h4 {font-weight:normal; font-size:13px;}
	#content div p, .label p {color:#517727;}
		#content div p span, .label p span {color:#99901d;}

#cboxLoadedContent .label img {margin-bottom:5px; display:block;}
	#cboxLoadedContent p.labdesc {color:#000; margin-top:10px;}
	
#pageselector {position:absolute; overflow:hidden; top:27px; left:680px; line-height: 1em; }
	#pageselector li {display:block; float:left; padding-top:2px;}
	#pageselector #prev a, #pageselector #next a, #pageselector #last a, #pageselector #first a {display:block; text-indent:-10000px; width:23px; height:15px;}
 	#pageselector #first {background:transparent url(../img/first.jpg) no-repeat top left; margin-right:10px;}
	#pageselector #prev {background:transparent url(../img/prev.jpg) no-repeat top left; margin-right:10px;}
	#pageselector #next {background:transparent url(../img/next.jpg) no-repeat top left; margin-left:10px;}
	#pageselector #last {background:transparent url(../img/last.jpg) no-repeat top left; margin-left:10px;}
	
	
/* pagina de contacto */

#content.contact {background:url("../img/map.jpg") no-repeat scroll left top #E3E3E3; height:281px; padding:20px 0 0 355px; width:530px;}
#content.contact p {margin-bottom:25px;}

/* pagina de beerlabelcollector */
#content.labelcollector {background-image:none; padding:30px;}
	#content.labelcollector .label {margin-bottom:200px;}