/* CSS Document */

body {
	margin:0px;
	font-family:Arial;
	font-size:11px;
	color: #8B5538;
	background-color: #ffffff/*#fff3d3*/;
	width:100%;
	height: 100%;
	position:absolute;
	}

html {
	width:100%;
	margin:0px;
	padding:0px;
	position:absolute;
	height: 100%;
	}
	
.container {
	background-image:url(../images/fundo.jpg);
	background-repeat:repeat;
	}

.menu_item {
	font-family:Arial;
	text-align:left;
	font-size:11px;
	font-weight:bold;
	vertical-align:middle;
	color:#FFFFFF;
	line-height:20px;
	padding-left:15px;
	background: #7c8386;
	}

.menu_holder{
	font-family:Arial;
	font-size:11px;
	width:175px;
	height:100%;
	}
/*
.menu{
	background-color:#7c8386;
	padding-left:15px;
	font-family:Arial;
	text-align:left;
	font-size:11px;
	font-weight:bold;
	vertical-align:middle;
	color:#FFFFFF;
	line-height:20px;
	}
*/

.ops_topo {
	font-family:Arial;
	font-size:11px;
	color:#8B5538;
	padding-right:0px;
	height:30px;
	vertical-align:middle;
	}
	
.ops_band{
	font-family:Arial;
	font-size:11px;
	color:#808080;
	padding-left:0px;
	height:30px;
	vertical-align:middle;
	}	
	
a.ops_topo,a.ops_topo:link,a.ops_topo:visited,a.ops_topo:active {
	font-family:Arial;
	font-size:11px;
	color:#8B5538;
	font-weight:normal;
	padding:0px;
	text-decoration:none;
	}

a.ops_topo:hover {
	font-family:Arial;
	font-size:11px;
	color:#8B5538;
	font-weight:normal;
	text-decoration:underline;
	}	

a.menu_item,a.menu_item:link,a.menu_item:visited,a.menu_item:active {
	padding-left:0px;
	text-decoration:none;
	}

a.menu_item:hover {
	text-decoration:underline;
	}	

.submenu{
	background-color:#bec1c3;
	padding-left:15px;
	font-family:Arial;
	text-align:left;
	font-size:11px;
	font-weight:bold;
	vertical-align:middle;
	color:#FFFFFF;
	height:20px;
	}

.footer {
	background-color:#808080;
	padding-left:20px;
	font-family:Arial;
	text-align:left;
	font-size:10px;
	font-weight:bold;
	color:#FFFFFF;
	height: 30px;
	vertical-align:middle;
	}

.logos {
	background-color:#808080;
	padding-right:20px;
	text-align:right;
	height: 30px;
	vertical-align:middle;
	}
	
a.footer,a.footer:link,a.footer:visited,a.footer:active {
	font-family:Arial;
	font-size:10px;
	color:#ffffff;
	font-weight:normal;
	padding-left:0px;
	text-decoration:underline;
	}

a.footer:hover {
	font-family:Arial;
	font-size:10px;
	color:#ffffff;
	font-weight:normal;
	text-decoration:none;
	}	


/* ------------------------------------------------------ */

.suckerdiv ul{
margin: 9px 0px 0px 0px;
padding: 0px;
list-style-type: none;
width: 216px; /* Width of Menu Items */
border-bottom: 0px solid #ccc;
}
	
.suckerdiv ul li{
position: relative;
}
	
/*Sub level menu items */
.suckerdiv ul li ul{
position: absolute;
width: 180px; /*sub menu width*/
top: 0;
visibility: hidden;
margin:0;
}

/* Sub level menu links style */
.suckerdiv ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: #ffffff;;
text-decoration: none;
background: #808080;
padding-top: 3px;
padding-left:20px;
padding-right:0px;
padding-bottom:3px;
border: 0px solid #ccc;
border-bottom: 0;
}

.suckerdiv ul li a:visited{
color: #ffffff;
}

.suckerdiv ul li a:hover{
background-color: #8b5538;
}

.suckerdiv .subfolderstyle{
background: #808080;
color: #ffffff;
}

	
/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */


/* ------------------------------------------------------ */


#space{
	margin-left:75px;
	margin-right:8px;
	text-align:justify;
	}
	
.bgc{
	background-color:#efefef;
	width:80px;
	height:15px;
	}
	
#icons{
	width:16px;
	height:16px;
	float:right;
	margin-right:5px;
	margin-top:10px;
}
#icons2{
	width:16px;
	height:16px;
	float:right;
	margin-right:5px;
	margin-top:10px;
}
#icons3{
	width:16px;
	height:16px;
	float:right;
	margin-right:7px;
	margin-top:10px;
}

/*formatação de texto*/
#imagem{
	text-align:center;
}

#texto{
	text-align:justify;
	line-height: 14px;
	font-family:arial;
	font-size:12px;
}

#titulos{
	text-align:justify;
	line-height: 14px;
	font-family:arial;
	font-size:18px;
	color:#8B5538;
	font-weight:bold;
}

/* formatação dos formularios
Reservas
*/

.texto_reservas {
	color: #8B5538;
}
.input_text{
	height:10px;
	font-size:10px;
	color: #8B5538;
}

/*Recomendar*/
#enviar{
	height:20px;
	width:50px;
	font-size:10px;
}
#nome1{
	height:10px;
	width:150px;
	font-size:10px;
}
#mail1{
	height:10px;
	width:150px;
	font-size:10px;
}
#nome2{
	height:10px;
	width:150px;
	font-size:10px;
}
#mail2{
	height:10px;
	width:150px;
	font-size:10px;
}
#mensagem{
	width:255px;
	font-size:10px;
}
/*---------------------------------------*/
#reservas{
	height:215px;
}


#exemplo{
font-size:10px;
}
