/* Remove margin, padding and border from everything
-----------------------------------------------------------------------------*/
* 
	{
	margin: 0;
	padding: 0;
	border: 0;
}

/* Set up the document
-----------------------------------------------------------------------------*/
body
	{
    font-family: Georgia, "Times New Roman", Times, serif;
	background-color: #c0655b;
}
#wrapper
	{ 
	width: 100%;
	height:100%;
	text-align:left;
	position:fixed;
	top:0px;
	bottom:0px;
}

/* Header and Navigation
-----------------------------------------------------------------------------*/
#header
	{
	width: 100%;
	height: 90px; 
	vertical-align:top;
	position:absolute;
	top:-54px;
	z-index:10;
	}
	
#headespace
	{
	width: 100%;
	height: 27px; 
	}
	
	
#headercontent{
	width:146px;
	background-image:url(../image/top_red.png);
	background-repeat:no-repeat;
	padding: 6px 0px 5px 0px;
	color:#fff;
	}
		#headercontent p a {
		text-align: center;
		font-size: 13px;
		color:#fff;
		text-decoration:none;
		}
		
		#headercontent p a:hover {
			text-decoration:underline;
		}
		
		#colors {
			
			width:449px;
			height:43px;
			padding-top:11px;
			background-image:url(../image/colors_bg.png);
			background-repeat:no-repeat;
			
		}
		
		.cor {
			
			margin-left:7px;
			
			width:33px;
			
			height:33px;
			
			float:left;
			
		}

/* Body
-----------------------------------------------------------------------------*/
#body
	{
	clear: both;
	vertical-align:middle;
	position:fixed;
	width:100%;
	height:100%;
}

#bodycontent
	{
	height:480px;
	width: 991px;
	background-image:url(../image/center.png);
	background-repeat:no-repeat;
	}

	
	#rightcontent
	{
	float:right;
	width:781px;
	height:463px;
	padding-top:17px;
	}
	
	#right
	{
	float:left;
	width:503px;
	height:463px;
	padding-top:3px;
	}
	
	#center
	{
	float:left;
	width:219px;
	padding-top:16px;
	padding-left:5px;
	}
	
	.topselector a {
	color:#a89c98;
	font-size:18px;
	padding-right:10px;
	font-style:italic;
	border-bottom:none;
	text-decoration: none;
	}
	.topselector a:hover{
	text-decoration:underline;
	}
	
	.address{
	color:#243f8d;
	font-size: 20px;
	padding-right:70px;
	}
	
	#left{
	float:left;
	width:186px;
	height:480px;
	padding-top:50px;
	color:#8f372e;
	font-size:24px;
	font-weight:lighter;
	}
	
	#left p a
	{
	color:#b4a9a6;
	text-decoration: none;
	border-bottom: none;
	font-weight:lighter;
	}
	#left p a:hover
	{
	text-decoration:underline;
	}
	.red{
	padding-top:22px;
	color:#8f372e;
	font-size:24px;
	}
	.yellow{
	padding-top:22px;
	color:#b92a21;
	font-size:20px;
	}
	.blue{
	color:#b4a9a6;
	padding-bottom:10px;
	font-size:18px;
	}
	.dark{
	color:#b4a9a6;
	font-size:16px;
	padding-bottom:5px;
	padding-right:20px;
	padding-left:20px;
	}
	.dark2{
	color:#333;
	font-size:14px;
	font-weight:bold;
	padding-left:20px;
	padding-right:20px;
	}
	.grey{
	color:#b4a9a6;
	font-size:14px;
	font-style:italic;
	padding-bottom:15px;
	padding-right:20px;
	padding-left:20px;
	}
	.darkblue{
	color:#b4a9a6;
	font-size:14px;
	padding-bottom:10px;
	}
	.greyblue{
	color:#757575;
	font-size:14px;
	padding-bottom:20px;
	text-align: justify;
	padding-right:20px;
	}
	.greyblue a{
	color:#757575;
	text-decoration:none;
	}
	.greyblue a:hover {
	text-decoration:underline;
	}
	
	.grey a{
	text-decoration:underline;
	vertical-align:bottom;
	color:#777;
	}
	
	#box
	{
    background-color: #f4e7bf;
	height:362px;
	padding-top:50px;
	padding-right:10px;
	padding-left:10px;
	padding-bottom:30px;
	}
	#box2
	{
    background-color: #f4e7bf;
	height: 382px;
	padding-top:30px;
	padding-right:30px;
	padding-left:35px;
	padding-bottom:30px;
	}
	
	.scroll2 img {
	border:0;
	padding-right:10px; 
	padding-bottom:10px;
	width:87px;
	height: 83px;
	}
	
	
	#flashvideo {
		background: none;
		width:726px;
		height: 447px;
		float:left;
		}
		
	#movievideo {
		width:726px;
		height: 452px;
		float:left;
		}
		
	#flashvideo2 {
		background: none;
		width:499px;
		height: 443px;
		float:left;
		}
		
	#movievideo2 {
		width:499px;
		height: 443px;
		float:right;
		margin:0;
		padding:0;
		background-color:#FFFFFF;
		}
		
	#rFlash {
		
		float:right;
		height:447px;
		
		width:45px;
		
		margin-right:7px;
		
		}
		
	#wodu {
		
		height:347px;
		margin-left:12px;
		
		}
		
	#wodua {
		
		height:347px;
		margin-left:6px;
		
		}
		
	.trofeu {
		
		width:45px;
		}
	
	
	

/* Footer
-----------------------------------------------------------------------------*/
#footer
	{
	clear: both;
	position: fixed;
    bottom: 0px;
    left: 0px;
	right:0px;
    width: 100%;
    height: 28px;
	}
	
#footercontent 
	{
	width: 572px;
	background-image:url(../image/bottom_red.png);
	background-repeat:no-repeat;
	background-position:top center;
	padding: 6px 0px 5px 0px;
	}
		
		#footercontent p {
		font-size: 13px;
		color:#e6e6e6;
		}
		#footercontent p a{
		padding-left:7px;
		color: #fff;
		text-decoration: none;
		border-bottom: none;
		font-style:italic;
		}
		#footercontent p a:hover{
		color:#fff;
		text-decoration:underline;
		}

/* Typography
-----------------------------------------------------------------------------*/

p
	{
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 3px;
}


/* Glide
-----------------------------------------------------------------------------*/

.glidecontentwrapper{
position: relative; /* Do not change this value */
width: 100%;
height: 100%; /* Set height to be able to contain height of largest content shown*/
border: none;
overflow: hidden;
}

.glidecontent{ /*style for each glide content DIV within wrapper.*/
position: absolute; /* Do not change this value */
background: none;
visibility: hidden;
width: 499px;
height:441px;

}

.glidecontent_cakes{ /*style for each glide content DIV within wrapper.*/
position: absolute; /* Do not change this value */
background: none;
width: 499px;
height:441px;

}

.cssbuttonstoggler, .cssbuttonstoggler_cakes{ /*style for DIV used to contain toggler links. */
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
outline:none;
margin-top: 5px;
margin-right: 10px;
text-align: left; /*How to align pagination links: "left", "center", or "right"
background: white; /*always declare an explicit background color for fade effect to properly render in IE*/
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
}

.cssbuttonstoggler a, p.cssbuttonstoggler a{ /*style for every navigational link within toggler */
background: none;
color: #a89c98;
font-size:14px;
display: block;
float: left;
margin-right: 5px;
margin-left: 1px;
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
text-decoration: none;
}

.cssbuttonstoggler_cakes a { /*style for every navigational link within toggler */
background: none;
color: #a89c98;
font-size:14px;
display: block;
margin-right: 5px;
margin-left: 1px;
line-height: 1.5em; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
text-decoration: none;
}

.cssbuttonstoggler a span{
background: none;
display: block;
}
.cssbuttonstoggler a.selected span, .cssbuttonstoggler a:hover span, .cssbuttonstoggler_cakes a:hover span{ /*style for selected and hover page's toggler link. ".selected" class auto generated! */
background-position: bottom right;
text-decoration:underline;
}



/* Scrollbar
-----------------------------------------------------------------------------*/



div.scrollholder
{
    position: relative;
    width: 100%;
  	height: 100%;
    overflow: auto;
    z-index: 1;
    background-color: #f4e7bf;
}

div.scroll, div.scroll2
{
    position: absolute;
    left: 0; top: 0;
    width: 100%;
    z-index: 2;
}

div.scrollholder2
{
    position: relative;
    width: 434px; 
		height: 382px;
		
    overflow: auto;
    z-index: 1;
    background-color: #f4e7bf;
}

div.scrollholder3
{
    position: relative;
    width: 479px; 
		height: 305px;
    overflow: auto;
    z-index: 1;
    background-color: #f4e7bf;
}

div.scroll3
{
    position: absolute;
    left: 0; top: 0;
    width: 100%;
    z-index: 2;
}

div.track
{
    position: relative;
    float:right;
    top: 0; 
    width: 15px; 
		height: 100%;
    font-size: 0;
    z-index: 3;
    background: white;
}

div.drag_bar
{
    position: absolute;
    width: 100%; 
	  height: 5px;
    cursor: pointer;
    z-index: 4;
    background: #cdbebc;
} 


/* icons */

.mail {	

	background-image:url(../image/letter_tored.png);
	
	background-repeat:no-repeat;
	
}

.home {	

	background-image:url(../image/home.png);
	
	background-repeat:no-repeat;
	
	background-position:right;
	
}

.color {
	
	font-size:24px;
	color:#8f372e;
	font-style:italic;
	
}

.white {
	
	font-size:24px;
	color:#ddcecc;
	font-style:italic;
	
}



/* highslide
-----------------------------------------------------------------------------*/

.highslide-wrapper div {
    font-family: Verdana, Helvetica;
    font-size: 10pt;
}
.highslide-html {
    background-color: #ffffff;

		
}
.highslide-html-blur {
}
.highslide-html-content, .highslide-html-contentdois {
	position: absolute;
	
    display: none;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;

    padding-left: 22px;
    background-image: url(../js/highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: #ffffff;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: #ffffff;
    background-color: #ffffff;
}


/* Styles for the popup */
.highslide-wrapper, .rounded-white {

	background-color: white;
}
.highslide-wrapper .highslide-html-content {
    width: 550px;
    padding: 0 5px 5px 5px;
}

.highslide-wrapper .highslide-html-contentdois {
    width: 800px;
	height:500px;
    padding: 0 5px 5px 5px;
}

.highslide-wrapper .highslide-header {
	padding-bottom: 5px;
}
.highslide-wrapper .highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;
}
.highslide-wrapper .highslide-header ul li {
	display: inline;
	padding-left: 1em;
}
.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next {
	display: none;
}
.highslide-wrapper .highslide-header a {
	font-weight: bold;
	color: gray;
	text-transform: uppercase;
	text-decoration: none;
}
.highslide-wrapper .highslide-header a:hover {
	color: black;
}
.highslide-wrapper .highslide-header .highslide-move a {
	cursor: move;
}
.highslide-wrapper .highslide-footer {
	height: 15px;
}
.highslide-wrapper .highslide-footer .highslide-resize {
	float: right;
	margin-top: 4px;
	height: 11px;
	width: 11px;
	background: url(../js/highslide/graphics/resize.gif);
}
.highslide-wrapper .highslide-body {
}
.highslide-move {
    cursor: move;
}
.highslide-resize {
    cursor: nw-resize;
}

/* Controls. See http://www.google.com/search?q=css+sprites */
.highslide-controls {
	width: 195px;
	height: 40px;
	background: url(../js/highslide/graphics/controlbar-white.gif) 0 -90px no-repeat;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-top: 20px;
}
.highslide-controls ul {
	position: relative;
	left: 15px;
	height: 40px;
	list-style: none;
	margin: 0;
	padding: 0;
	background: url(../js/highslide/graphics/controlbar-white.gif) right -90px no-repeat;
}
.highslide-controls li {
	float: left;
	padding: 5px 0;
}
.highslide-controls a {
	background-image: url(../js/highslide/graphics/controlbar-white.gif);
	display: block;
	float: left;
	height: 30px;
	width: 30px;
	outline: none;
}
.highslide-controls a.disabled {
	cursor: default;
}
.highslide-controls a span {
	/* hide the text for these graphic buttons */
	display: none;
}
.highslide-move a {
	cursor: move;
}

.highslide {
	cursor: url(../js/highslide/graphics/zoomin.png), pointer;
	outline: none;
	text-decoration: none;
}

/* The CSS sprites for the controlbar */
.highslide-controls .highslide-previous a {
	background-position: 0 0;
}
.highslide-controls .highslide-previous a:hover {
	background-position: 0 -30px;
}
.highslide-controls .highslide-previous a.disabled {
	background-position: 0 -60px !important;
}
.highslide-controls .highslide-play a {
	background-position: -30px 0;
}
.highslide-controls .highslide-play a:hover {
	background-position: -30px -30px;
}
.highslide-controls .highslide-play a.disabled {
	background-position: -30px -60px !important;
}
.highslide-controls .highslide-pause a {
	background-position: -60px 0;
}
.highslide-controls .highslide-pause a:hover {
	background-position: -60px -30px;
}
.highslide-controls .highslide-next a {
	background-position: -90px 0;
}
.highslide-controls .highslide-next a:hover {
	background-position: -90px -30px;
}
.highslide-controls .highslide-next a.disabled {
	background-position: -90px -60px !important;
}
.highslide-controls .highslide-move a {
	background-position: -120px 0;
}
.highslide-controls .highslide-move a:hover {
	background-position: -120px -30px;
}
.highslide-controls .highslide-full-expand a {
	background-position: -150px 0;
}
.highslide-controls .highslide-full-expand a:hover {
	background-position: -150px -30px;
}
.highslide-controls .highslide-full-expand a.disabled {
	background-position: -150px -60px !important;
}
.highslide-controls .highslide-close a {
	background-position: -180px 0;
}
.highslide-controls .highslide-close a:hover {
	background-position: -180px -30px;
}

/* contact */

#contactForm input{
width:188px;
height:35px;
border: none;
padding:5px 8px 5px 8px;
margin:10px;
font-size:14px;
font-family: Georgia, "Times New Roman", Times, serif;
background-color: #FFFFFF;
color:#3e7583;
}

#contactForm textarea{
clear:both;
padding: 10px 8px 10px 8px;
margin:10px;
border: none;
font-size:14px;
font-family: Georgia, "Times New Roman", Times, serif;
width: 398px;
height: 177px;
background-color: #FFFFFF;
color:#3e7583;
}

#contactForm .button{
border:none;	
background-color: #3e7583;
color: #FFFFFF;
width: 69px;
height:35px;
cursor:pointer;
padding:0;
margin-left:340px;
}

#contactForm .inactive{
color: #3e7583;
}	 
#contactForm .active{
color: #3e7583;
}	 		
#contactForm .focused{
color: #3e7583;
}