@charset "utf-8";
/**************************************************
 * Global layout 
 **************************************************/
#page {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
/**************************************************
 * Main areas 
 **************************************************/
#header {
	height: 80px;
	clear: both;
}
#middle {
	height: 448px;
	padding: 21px 25px; /* top-bottom left-right */
	clear: both;
}
#footer {
	height: 30px;
	clear: both;
}
/**************************************************
 * Header area 
 **************************************************/
#header #logo {
	height: 56px;
	width: 300px;
}
#header #logo .link {
	height: 56px;
	width: 100%;
}
#header #top-menu {
	width: 100%;
}
#header #top-menu .menu {
	float: right;
}
/**************************************************
 * Footer area
 **************************************************/
#footer #credit {
	float: right;
	padding-top: 15px;
	padding-right: 2px;
}
/**************************************************
 * Menu layout 
 **************************************************/
/* Gereral layout */
.menu {
}
.menu-h {
}
.menu-h .menu-item {
	float: left;
}
.menu-v {
}
.menu-v .menu-item {
}
.menu-v .menu-item .menu-label {
}
.menu-v .menu-item .menu-open {
}
.menu-v .menu-cascade {
	display: none;
}
.menu-v .menu-cascade.selected {
	display: block;
}
/* Specific layout */
.menu-h {
	padding-left: 12px;
	padding-right: 12px;
}
.menu-v {
	padding-top: 6px;
	padding-bottom: 6px;
}
.menu-label {
	padding-left: 12px;
	padding-right: 12px;
	height: 20px;
}
/* Top-menu layout */
#top-menu .menu-label {
	padding-top: 2px;
	padding-bottom: 2px;
}
/* Bottom-menu layout */
#bottom-menu .menu-label {
	padding-top: 5px;
	padding-bottom: 5px;
}
/* Sub-menu layout */
#sub-menu {
	padding-top: 10px;
	padding-bottom: 2px;
	width: 170px; 
	float: left;
}
.papelartesanal #sub-menu {
	width: 190px;
}
#sub-menu #sub-menu-header {
	padding-left: 12px;
	padding-right: 12px;
}
#sub-menu .menu-label {
	padding-top: 2px;
	padding-bottom: 2px;
}
#sub-menu .menu-cascade .menu-label {
	padding-left: 24px;
	height: 18px;
}
/**************************************************
 * Thumbnails layout 
 **************************************************/
#thumbs {
	margin-top: 21px;
	padding-bottom: 10px;
	padding-right: 10px;
	float: right;
}
.home #thumbs {
	margin-top: 0;
	width: 578px;
}
#thumbs[width='3'] {
	width: 375px; 
}
#thumbs, 
#thumbs[width='4'] {
	width: 500px; 
}
#thumbs[width='5'] {
	width: 625px; 
}
#thumbs[width='6'] {
	width: 750px; 
}
#thumbs .thumb {
	float: left;
	margin-top: 10px;
	margin-left: 10px;
}
#thumbs .thumb img {
	float: left;
}
#thumbs #convites {
	margin-top: -30px;
}
/**************************************************
 * Content layout 
 **************************************************/
#content {
	padding: 10px;
	width: 650px;
	float: right;
	max-height: 428px;
	overflow: auto;
}
.home #content {
	float: left;
	width: 300px;
}
.portfolio #content {
	width: 365px;
	margin-left: 100px;
}
/**************************************************
 * Slideshow layout 
 **************************************************/
#modal-area {
	display: none;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#modal-frame {
	margin: auto;
}
#modal-frame .frame {
	display: none;
}
#modal-frame.photo {	
	margin-top: 34px;
	text-align: center;
}
#modal-frame.photo img {
/*	height: 520px; */
}
#modal-frame.photo #slides {
	margin-top: -22px;
}
#modal-frame.photo #controls {
	z-index: 2;
	width: 100px;
	height: 22px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
#modal-frame.photo #controls .close {
	float: none;
	text-align: center;
	position: relative;
	top: 5px;
}
#modal-frame.photo #controls .navigator {
	margin-left: 3px;
	margin-right: 3px;
}
#modal-frame.photo #controls .previous {
	float: left;
}
#modal-frame.photo #controls .next {
	float: right;
}