/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
body {
    line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}
nav ul {
    list-style:none;
}
blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
	outline:none;
}
/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
input, select {
    vertical-align:middle;
}

/* VAR'S
---------------*/
@base-url: '../img/layout/';
@font-url: '../font/';

@base-width: 1000px;

/* MIXING
---------------*/
.left { float:left;}
.right { float:right;}
.clear { clear:both;}

.hide { display:none;}
.show { display:block;}

.rounded(@radius: 5px) {
	-moz-border-radius: @radius;
	webkit-border-radius: @radius;
	border-radius: @radius;
}

.roundedTop(@radius: 5px) {
	-moz-border-radius-topleft: @radius;
	-moz-border-radius-topright: @radius;
	webkit-border-top-left-radius: @radius;
	webkit-border-top-right-radius: @radius;
	border-top-left-radius: @radius;
	border-top-right-radius: @radius;
}

.roundedBottom(@radius: 5px) {
	-moz-border-radius-bottomleft: @radius;
	-moz-border-radius-bottomright: @radius;
	webkit-border-bottom-left-radius: @radius;
	webkit-border-bottom-right-radius: @radius;
	border-bottom-left-radius: @radius;
	border-bottom-right-radius: @radius;
}

.inlineBlock {
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
}

.boxShadow(@val: 1px 1px 1px, @color: #000) {
	-moz-box-shadow: @val @color;
	-webkit-box-shadow: @val @color;
	box-shadow: @val @color;
}

.btn {
	.rounded();
	.inlineBlock();
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	font-weight:bold;
	margin-top:20px;

	&:hover { text-decoration: none;}

	&:active {
		position: relative;
		top: 1px;
	}
}

.btnColor(@from, @to, @color, @borderColor) {
	color: @color;
	border: solid 1px @borderColor;
	background: @to;
	background: -webkit-gradient(linear, left top, left bottom, from(@from), to(@to));
	background: -moz-linear-gradient(top,  @from,  @to);

	&:hover {
		background: @from;
		background: -webkit-gradient(linear, left top, left bottom, from(darken(@from, 3%)), to(darken(@to, 3%)));
		background: -moz-linear-gradient(top,  darken(@from, 3%),  darken(@to, 3%));
	}
	&:active {
		background: -webkit-gradient(linear, left top, left bottom, from(@to), to(@from));
		background: -moz-linear-gradient(top,  @to,  @from);
	}
}

.darkRed { .btnColor(#752224, #600103, #FFF, #600103);}
.darkGreen { .btnColor(#138428, #0c5419, #FFF, #0c5419);}

/* FONT'S
---------------*/
@font-face {
    font-family: 'Helvetica Condensed Roman';
    src: url('@{font-url}helvetica-condensed-webfont.eot');
    src: url('@{font-url}helvetica-condensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('@{font-url}helvetica-condensed-webfont.woff') format('woff'),
         url('@{font-url}helvetica-condensed-webfont.ttf') format('truetype'),
         url('@{font-url}helvetica-condensed-webfont.svg#Helvetica57CondensedRoman') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* DEFAULT
---------------*/
body {
	background:url('@{base-url}bgBody.jpg') repeat #280102;
	text-shadow:0 0 1px transparent;
}

body, select, input, textarea, button {
	font:12px/1.231 Arial, Helvetica,sans-serif;
	color: #000;
}

#container {
	margin:79px auto 0;
	width:@base-width;
}
a {
	color:#000;
	text-decoration: none;

	&:hover { text-decoration:underline;}
}

/* HEADER
---------------*/
#boxValid {
	position: absolute;
	text-align: center;
	top: 0;
	width:@base-width;
	z-index:9999;
	
	#msg {
		background: none repeat scroll 0 0 #FFF1A8;
		border: 1px solid #000000;
		border-style: none solid solid;
		border-width: medium 1px 1px;
		.roundedBottom();
		color: #000000;
		display:-moz-inline-stack;
		display:inline-block;
		zoom:1;
		*display:inline;
		font-size: 12px;
		font-weight: bold;
		padding: 10px 10px 0;
	}
}


#container > header {
	background:url('@{base-url}bgHeader.jpg') repeat-y;
	height:216px;
	margin-bottom:11px;
	position:relative;

	h1 {
		color:#ccb36e;
		font-family: 'Helvetica Condensed Roman';
		font-size: 24px;
		font-weight: normal;
		left: 52px;
		position: absolute;
		top: 45px;
		z-index:99;
	}

	#logo {
		left: 335px;
		position: absolute;
		top: -60px;
		z-index:99;
	}
	
	#paginaInicial {
		width:26%;
		left: 74%;
		position: absolute;
		top: -74px;
		z-index:99;
		

		ul {
			list-style:none;
			.left;

			li {
				.left;
				padding: 0px 6px;
				border-right:1px solid #D6BB73;
				
			}
			a {
				color:#D6BB73;
				font-size:12px/1.231 Arial, Helvetica,sans-serif;
			}
		}
		
		li.last-child{border:none;}
		li:last-child{border:none;}
}	


  	#festivalMorango{
		position:absolute;
		right: 36px	;
		top: 14px;
		z-index:99;
		
	}
	form {
		position:absolute;
		right: 46px;
		top: 63px;
		z-index:99;

		fieldset {
			background:url('@{base-url}inputBusca.png') no-repeat;
			height: 29px;
			width: 218px;

			input {
				background:none;
				border:none;
				color:#ab8657;
				font-weight:bold;
				.left;
				height: 19px;
				padding: 5px 1px 5px 15px;
				width: 168px;
			}

			button {
				background:none;
				border:none;
				cursor:pointer;
				.left;
				height: 29px;
				padding: 0 7.5px;
				text-indent: -9999px;
				width: 34px;
			}
		}
	}

	nav {
		padding-top: 142px;
		position:relative;

		div.navLeft {
			background:url('@{base-url}bgNavLeft.png') no-repeat;
			height: 65px;
			left: -50px;
			position: absolute;
			width: 50px;
		}

		ul {
			background:url('@{base-url}bgNav.png') repeat-x;
			.left;
			height:64px;

			li {
				.left;
				padding: 9px 18px;
			}

			a {
				color:#370405;
				.left;
				font-family: 'Helvetica Condensed Roman';
				font-size:17px;
				line-height: 21px;

				padding: 11px 0 13px;

				&.active { text-decoration:underline;}
			}
		}
		li:first-child{padding:9px 18px 9px 30px;}
		li:last-child{padding:9px 30px 9px 18px;}

		div.navRight {
			background:url('@{base-url}bgNavRight.png') no-repeat;
			.left;
			height:64px;
			width: 35px;
		}
	}
}

.ie7 #container > header form fieldset input { padding:7px 1px 3px 15px;}
.ie8 #container > header form fieldset input { padding:7px 1px 3px 15px;}

.ie7 #container > header nav a { padding: 13px 0 11px;}
.ie8 #container > header nav a { padding: 13px 0 11px;}

/* MAIN
---------------*/
#slider {
	.left;
	position:relative;
	margin: 0 14px 11px 0;

	#runTitle {
		.roundedBottom(14px);
		background:url('@{base-url}bgSlideTitle.png') repeat;
		bottom: 2px;
		display:none;
		left: 2px;
		padding: 10px 15px;
		position: absolute;
		width: 629px;
		z-index: 99;

		a { color:#fff;}

		h1 {
			font-size:18px;
			margin-bottom:10px;
		}

		p {
			
		}
	}

	#runCycle {
		height: 304px;
		width: 663px;

		img {
			.rounded(14px);
			border: 2px solid #BE9663;
			display:block;
		}
	}

	#navSlider {
		position:absolute;
		right: 8px;
		bottom: 10px;
		z-index: 99;

		a {
			background:url('@{base-url}slideNav.png') no-repeat 0 8px;
			float: left;
			display: block;
			height: 23px;
			text-indent: -9999px;
			width: 20px;

			&.activeSlide {
				background-position:0 -19px;
			}
		}
	}
}

.boxModel {
	h2 {
		color:#c09969;
		font-family: 'Helvetica Condensed Roman';
		font-size:18px;
		font-weight: normal;
	}

	img {
		background:#cca97d;
		border:1px solid #987a55;
		display: block;
		margin: 0 auto 7px;
		padding:8px;

		&:hover {
			background:#940608;
		}
	}

	p {
		line-height: 18px;
		padding: 0 25px;
		width: 270px;
	}

	a.saibaMais {
		background:url('@{base-url}bgButton.png') repeat-x;
		border: 1px solid #600103;
		color: #F5DDBE;
		float: right;
		font-size: 11px;
		font-weight: bold;
		height: 15px;
		margin: 10.5px 21px;
		padding: 4px 8px;
	}
}

.boxModel.seuEvento {
	.rounded(14px);
	background:#c09b6d;
	.left;
	width: 320px;
	height:303px;
	margin-bottom:11px;

	h2 {
		background:url('@{base-url}titleBoxRight.png') no-repeat 3px 0;
		
		height: 33px;
		margin: 8px 0 15px;
		padding: 10px 18px 0;
		text-align: right;
	}
}

#servicos {
	.rounded(14px);
	background:#c09b6d;
	.left;
	margin:10px  0;
	width:100%;

	.boxModel.kits { 	
		.left;
		width: 323px;

		h2 {
			background:url('@{base-url}titleBoxLeft.png') no-repeat;
			color:#370405;
			height: 33px;
			margin: 8px 0 15px;
			padding: 10px 18px 0;
			text-align: left;
		}
		span {
			
			font-weight:bold;
		
		}
	}

	.boxModel.entrega {
		.left;
		margin: 0 17px;
		width: 323px;
		a{color: #F5DDBE;}
		h2 {
			background:url('@{base-url}titleBoxCenter.png') no-repeat 0 4px;
			height: 33px;
			margin: 8px 0 15px;
			padding: 10px 18px 0;
			text-align: center;
		}
		

	}

	.boxModel.orcamento {
		.right;
		width: 320px;

		h2 {
			background:url('@{base-url}titleBoxRight.png') no-repeat 3px 0;
			height: 33px;
			margin: 8px 0 15px;
			padding: 10px 18px 0;
			text-align: right;
		}
	}
}

#main.innerPage {
	.rounded(14px);
	background:#C09B6D;
	line-height: 18px;
	margin-bottom:11px;
	padding: 20px;
	color:#202020;

	h1 {
		border-bottom: 1px solid #370405;
		color: #370405;
		font-family: 'Helvetica Condensed Roman';
		font-size: 24px;
		margin-bottom: 15px;
		padding-bottom: 10px;
	}

	h2 {
		font-size:14px;
		margin-bottom:10px;
	}

	p {
		margin-bottom:15px;
	}

	input, textarea {
		.rounded();
		background:#B28F65;
		border:1px solid #7A6244;
		color:#370405;
		padding:8px 0 8px 8px;

		&:focus {
			border:1px solid #860304;
		}
	}

	textarea {
		padding:8px 0 0 8px;
	}
}
/* A MULTIMIDIA/GALERIA/VIDEO
---------------*/
#multimidia {	

	
	width:100%;
	display: -moz-box;
	position:relative;
	height:67px;

	
	.galeria{
	
		.rounded(14px);
		border:1px solid #7A6244;
		.left;
		width:326px;
		margin-right: 11px;
		background:#C09B6D;
		
		
		h2 {
			background:url('@{base-url}titleBoxLeft2.png') no-repeat left;
			color:#C09B6D;
			height: 33px;
			margin: 8px 0 15px -1px;
			padding: 10px 18px 0;
			text-align: left;
			font-size: 18px;
			font-family: 'Helvetica Condensed Roman';
			font-weight:normal;
		
		}
		p {
			margin: 0 0 0 11px;
			line-height: 18px;
			width: 315px;
			
			
			em {
				font-size:11px;
				
				span {
					color:#72080A;
					font-weight:bold;
				}
			}

			img {
				border: 3px solid #987A55;
			}
		}
	}
	
	.boxModel.video{
		.rounded(14px);
		border:1px solid #7A6244;
		.left;
		background:#C09B6D;
		width:322px;
		height:365px;
		margin-right: 11px;
		
		
		
		iframe{
	    background: none repeat scroll 0 0 #CCA97D;
	    border: 1px solid #987A55;
	    display: inline-block;
	    margin: 0 auto 7px;
	    padding: 8px;
		margin: 0 11px;
		&:hover { background:#940608; }
		}
		
		h2 {
			background:url('@{base-url}titleBoxLeft.png') no-repeat left;
			color:#370405;
			height: 33px;
			margin: 8px 0 15px;
			padding: 10px 18px 0;
			text-align: left;
		}
		p {
			padding: 2px 0 0 22px;
			width: 280px;			
			font-size:12px;
		}
	}
	
	.boxModel.facebook{
		.rounded(14px);
		border:1px solid #7A6244;
		.left;
		background:#C09B6D;
		width:322px;
		height:365px;
		h2 {
			background:url('@{base-url}titleBoxLeft.png') no-repeat left;
			color:#370405;
			height: 33px;
			margin: 8px 0 15px;
			padding: 10px 18px 0;
			text-align: left;
		}
	}
	#fundoFace{
		background: #F1F1F1;
		border-bottom: 1px solid #AAAAAA;
		height: 234.4px;
		margin: 0 11px;
		width: 300px;

	}
		a {
	    background: none repeat scroll 0 0 #CCA97D;
	    border: 1px solid #987A55;
	    display: inline-block;
	    margin: 0 auto 7px;
	    padding: 4px 4px 0;
		margin: 0 6px 8px 0;
		&:hover { background:#940608; }


	}
	a.saibaMais {
		background:url('@{base-url}bgButton.png') repeat-x;
		border: 1px solid #600103;
		color: #F5DDBE;
		float: right;
		font-size: 11px;
		font-weight: bold;
		height: 15px;
		margin: 3.5px 20px 10.5px 20px;
		padding: 4px 8px;
	}
	
}


/* A PANIFICADORA
---------------*/
#main.panificadora {
	overflow:hidden;

	p {
		width:522px;
	}

	section { .left;}
	.showImg {
		.right;
		margin-right:12px;

		.view {
			background:url('@{base-url}loading.gif') no-repeat center center;
			height:272px;
			width:392px;

			img {
				background:#FFF;
				border:1px solid #977953;
				height:254px;
				padding:5px;
				width:380px;
			}
		}

		a {
			.left;
			padding:0 1.6px;

			img {
				background:#FFF;
				border:1px solid #977953;
				display:block;
				height:57px;
				padding:4px;
				width:85px;
			}

			&:hover img,
			&.active img {
				background:#940608;
			}
		}
	}
}

.ie7 #main.panificadora .showImg a { padding:0 2px;}

	#main.delivery{ 
	a{color:#202020;}
	 	.deliveryFoto {
			display:inline-block;
			.right;
			margin: 0 0 0 20px;
			width:300px
			border: 3px solid;
			img {
				display:inline-block;
				background:#FEFAC8;
				height:254px;
				padding:5px;
				width:380px;
			}
		}
	}

/* CARDÁPIO
---------------*/
#main.cardapio {
	h1 { margin-bottom:25px;}

	section { overflow:hidden;}

	.grid { width:554px;}

	.boxgrid {
		border: 6px solid #fefac8;
		float: left;
		height: 165px;
		margin:0 11px 11px 0;
		overflow: hidden;
		position: relative;
		width: 165px;

		&.noMargin { margin-right:0;}
		
		&.current { border-color:#940608;}

		.caption {
			background:#370405;
			color:#FFF;
			display: block;
			height:76px;
			text-align:center;

			.title {
				display: block;
				font-size: 15px;
				padding: 7px 0;

				&:hover { text-decoration:none;}
			}

			span {
				display: block;
				font-size: 12px;

				&:hover { text-decoration:underline;}
			}

			&:hover { text-decoration:none;}
		}

		img{
			position: absolute;
			top: 0;
			left: 0;
			border: 0;
		}
	}

	.details {
		margin-right: 10px;
		text-align: right;
		width: 340px;

		.intro { margin: 262px 0;}

		h1 {
			border:none;
			font-size: 25px;
			margin-bottom: 10px;
			padding-top: 1px;
		}

		ul {
			color:#370405;
			list-style:none;

			li {
				background:url('@{base-url}bullet-list.png') no-repeat right 6px;
				margin-bottom: 10px;
				padding-right: 10px;
			}
		}
	}
}

.ie7, .ie8 {
	#main.cardapio .details h1 {
		padding-top:3px;
	}
}
/* DELIVERY
---------------*/
#main.delivery {
	section { overflow:hidden;}

	.left { width:522px;}

	.right {
		width:400px;

		a {
			width:394px;
			float:left;
			margin:16px 5px 5px 0;

			img {
				background: none repeat scroll 0 0 #CCA97D;
			    border: 1px solid #987A55;
			    display: block;
			    margin: 0 auto 7px;
			    padding: 8px;		
				display:block;}
		}
	}
}
/* CESTAS
---------------*/
#main.cestas {
	section { 
		width:1000px;	
		overflow:hidden;
	}

	.left { width:310px;}

	ul{ margin:10px 0 10px 16px; list-style:circle; }
	
}


/* FAÇA SEU EVENTO
---------------*/
#main.evento {
	section { overflow:hidden;}

	.left { 
		width:522px;
		a {
			color:#202020;
		}
	}

	.right {
		width:350px;
		margin-left:30px;

		a {
			border:4px solid #FEFAC8;
			width:90px;
			float:left;
			margin:0 5px 5px 0;
			

			img { display:block;}
		}
	}
}

/* ORÇAMENTO
---------------*/
#steps {
	list-style:none;
	margin: 0 auto 30px;
	overflow: hidden;
	position:relative;
    width: 99%;

	.step {
		background-color:#C09B6D !important;
		background-repeat:no-repeat !important;
		.left;
		font-family: 'Helvetica Condensed Roman';
		font-size:18px;
		margin-right: 205px;
		padding:22px 0;
		position:relative;
		z-index:9999;
	}

	.step1 {
		background:url('@{base-url}icon-dados-pessoais.png');
		background-position:left 10px;
		padding-left:40px;
	}
	.step2 {
		background:url('@{base-url}icon-escolha-produtos.png');
		background-position:left 4px;
		padding-left:60px;
	}
	.step3 {
		background:url('@{base-url}icon-confirmacao.png');
		background-position:left 14px;
		margin-right:0;
		padding-left:58px;
	}

	.line {
		background: #AB8A61;
		height: 1px;
		left:0;
		position: absolute;
		top: 30px;
		width: 100%;
		z-index:1;
	}
}

#main.orcamento {
	overflow:hidden;

	fieldset, .content {
		.rounded(14px);
		background:#b69367;
		//margin-bottom:20px;
		padding:25px 32px;
	}

	p.aviso {
		color:#614e36;
	}
}

#main.orcamento form.step1 {
	label.step1 {
		color:#3d0000;
		display:block;
		font-weight:bold;
		margin-bottom: 5px;
	}

	input.step1, textarea.step1 {
		width:404px;
	}

	div {
		.left;
		margin-bottom: 6px;
	}

	div.left {
		margin-right:30px;
		width:414px;
	}

	#foneOrcamento {
		margin-right:9px;

		label, input { width:270px;}
	}

	#qtdeOrcamento {
		label, input { width:115px;}
	}

	#msgOrcamento {
		height:146px;
	}
}

.ie7 {
	#foneOrcamento {
		margin-right:9px !important;

		label, input { width:260px !important;}
	}
}

#main.orcamento form.step2 {
	fieldset { min-height: 180px;}

	.tabs {
		.hd, .bd {
			.left;
			width:100%;
		}

		.tabControl {
			list-style:none;

			li {
				.left;
			}

			a {
				.roundedTop(10px);
				background:#a07346 url('@{base-url}bgTab.png') repeat-x;
				border: 1px solid #94734A;
				color: #FFFFFF;
				.left;
				font-weight: bold;
				height: 38px;
				margin-right: 7px;
				padding: 6px 12px 0;
				position: relative;
				top: 12px;
			}
		}

		.bd {
			fieldset {
				position: relative;
			}
		}
	}

	ul { list-style:none;}

	fieldset li {
		color:#463825;
		.left;
		margin-bottom: 5px;
		width: 350px;

		input {
			background:none;
			border:none;
			.left;
			margin:3px;
			padding:0;
		}

		label {
			cursor:pointer;
			.left;
			width: 320px;
		}
	}
}

#main.orcamento .step3 {
	color:#3d0000;
	.content { overflow:hidden;}

	.dados {
		width:255px;
	}

	.produtos {
		margin-left:50px;

		ul {
			list-style:none;
			margin-bottom:15px;
		}

		h2 { margin-bottom:15px;}

		h3 { margin-bottom:5px;}
	}

	h2 {
		margin-bottom:5px;
	}
}

/* CONTATO
---------------*/
#main.contato {
	section {
		overflow: hidden;

		p {
			margin-bottom: 15px;

			em {
				font-size:11px;

				span {
					color:#72080A;
					font-weight:bold;
				}
			}
		}

		form {
  			border-right: 1px solid #96754c;
			padding-right:50px;
			.left;
			margin:0;
			width:500px;

			div {
				.left;
				margin-bottom: 10px;
				width:100%;
			}

			label {
				color: #370405;
				cursor:pointer;
				.left;
				font-weight: bold;
				padding: 9px 0;
				width: 100px;

				span {
					color:#72080A;
					font-weight:bold;
				}
			}

			input, textarea {
				.left;
				width: 390px;
			}

			button {
				background: none;
				border: none;
				color: #370405;
				cursor: pointer;
				float: right;
				font-family: 'Helvetica Condensed Roman';
				font-size: 20px;
				padding: 0;

				&:hover {
					text-decoration:underline;
				}
			}
		}

		div.description {
			.right;
			line-height: 18px;
			width:360px;
			margin-top:12px;


			h2 {
				color: #370405;
				font-family: 'Helvetica Condensed Roman';
				font-size:20px;
				margin-bottom:10px;
			}

			address {
				font-style:normal;
			}
		}
	}
}

#main.trabalhe {
	section form {
		border-right:none;
		margin-right:0;
		padding-right:0;
	}
}

/* FESTIVAL DO MORANGO
---------------*/
#main.festival {
	section { overflow:hidden;}
	.left { 
		width:959px;

		a {
			border:6px solid #FEFAC8;
			width:170px;
			float:left;
			margin:0 9px 9px 0;

			img {display:block;}
		}
		h3 {
				display:inline-block;
				border-bottom: 1px solid #370405;
				color: #370405;
				font-family: 'Helvetica Condensed Roman';
				font-size: 24px;
				margin:15px auto;
				padding-bottom: 10px;
		}
	}
}

/* FOOTER
---------------*/
#container > footer {
	background:url('@{base-url}bgFooter.jpg') no-repeat;
	color:#c09b6d;
	clear:both;
    height: 149px;
    padding: 28px 33px 0 43px;

	a {
		color:#c09b6d;
	}

	div.yama {
		float: left;
		padding: 25px 0 20px;
		text-align: center;
		width: 100%;

		a { color:#019473;}
	}
}

.boxFooter {
	h1, h2 {
		font-size:14px;
		margin-bottom: 14px;
	}

	section { font-size: 11px;}
}

.ie8 .boxFooter { margin:0 3px;}

.boxFooter.formosa {
	.left;
	width:258px;
	height:148px;
	display:inline-block;
	
	.right{
		.left;
		margin-left:16px;
		display:inline-block;	
	}
	ul {
		line-height: 18px;
		list-style:none;

	}
	
}

.boxFooter.newsletter {
	.left;
	width:220px;
	margin: 0 95px;
	height:148px;

	p, div {
		margin-bottom:5px;
	}

	input {
		.rounded();
		background:#2e0203;
		border:1px solid #72080a;
		color:#AB8657;
		font-weight:bold;
		padding: 5px 1px 5px 5px;
		width: 212px;
	}

	button {
		background: none;
		border: none;
		color: #C09B6D;
		cursor:pointer;
		.right;
		font-family: 'Helvetica Condensed Roman';
		font-size: 14px;

		&:hover { text-decoration:underline;}
	}
}

.boxFooter.social {
	.left;
	width:234px;

	ul {
		list-style:none;

		li {
			.left;
			margin-bottom:8px;
		}

		a {
			.left;
			font-size: 12px;
			font-weight: bold;
			height: 20px;
			padding: 5px 0 0 40px;
			width: 75px;
		}

		a.twitter { background:url('@{base-url}icon-twitter.png') no-repeat;}
		a.facebook { background:url('@{base-url}icon-facebook.png') no-repeat;}
		a.blog { background:url('@{base-url}icon-blog.png') no-repeat;}
		a.orkut { background:url('@{base-url}icon-orkut.png') no-repeat;}
		a.youTube { background:url('@{base-url}icon-youtube.png') no-repeat;}
		a.flickr { background:url('@{base-url}icon-flickr.png') no-repeat;}
	}
}

/*	FACEBOX
-----------*/
#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}


#facebox .popup{
  position:relative;
  border:3px solid rgba(0,0,0,0);
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  -webkit-box-shadow:0 0 18px rgba(0,0,0,0.4);
  -moz-box-shadow:0 0 18px rgba(0,0,0,0.4);
  box-shadow:0 0 18px rgba(0,0,0,0.4);
}

#facebox .content {
  display:table;
  width: 370px;
  padding: 10px;
  background: #fff;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
}

#facebox .content > p:first-child{
  margin-top:0;
}
#facebox .content > p:last-child{
  margin-bottom:0;
}

#facebox .close{
  position:absolute;
  top:5px;
  right:5px;
  padding:2px;
  background:#fff;
}
#facebox .close img{
  opacity:0.3;
}
#facebox .close:hover img{
  opacity:1.0;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}