
* {
	padding: 0;
	margin: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}

body {
	background: #000;
	margin: 20px 10px;
	font-size: 14px;
	color: #FFF;}

.clear {clear:both;}
ul {list-style: none;}

a {
	text-decoration: none;
	color: #FFF;}

h1 {
	font-size: 16px;
	margin: 0 0 10px 0;}

/*---ESTRUTURA---*/
#container {
	width: 960px;
	min-height: 400px;
	margin: 0 auto;
	padding: 0 0 10px 0;
	border-radius: 10px;
	background: #94917A;}

/*---TOPO---*/
#topo .logo {
	width: 315px;
	height: 90px;
	display: block;
	margin: 85px 0 0 630px;
	position: absolute;
	z-index: 5;}

#topo #imgTopo {
	width: 960px;
	height: 300px;
	border-radius: 10px 10px 0 0;}


#topo #menu {
	width: 920px;
	height: 105px;
	padding: 0 20px;
	background: url(http://www.ambientedefesta.com.br/site/images/bkg_menu.png) no-repeat center top;
	margin: -80px 0 0 0;
	position: relative;
	z-index: 5;}

#topo #menu li {display: inline;}

#topo #menu a {
	display: block;
	height: 95px;
	text-indent: -2000px;
	float: left;
	margin: 10px 0 0 0;
	background-image: url(http://www.ambientedefesta.com.br/site/images/bt_menu.png);
	background-repeat: no-repeat;}

#topo #menu .home { width: 115px; background-position: left top; }
#topo #menu .home:hover { background-position: left bottom; }

#topo #menu .quemsomos { width: 161px; background-position: -115px top; }
#topo #menu .quemsomos:hover { background-position: -115px bottom; }

#topo #menu .produtos { width: 146px; background-position: -276px top; }
#topo #menu .produtos:hover { background-position: -276px bottom; }

#topo #menu .saloes { width: 218px; background-position: -422px top; }
#topo #menu .saloes:hover { background-position: -422px bottom; }

#topo #menu .portfolio { width: 148px; background-position: -640px top; }
#topo #menu .portfolio:hover { background-position: -640px bottom; }

#topo #menu .contato { width: 132px; background-position: -788px top; }
#topo #menu .contato:hover { background-position: -788px bottom; }

/*---CONTEÚDO---*/
#content {padding: 15px 20px;}



/*---Quem Somos---*/
#quemsomosImg {
	float: left;
	width: 405px;}

#quemsomosImg img {
	width: 180px;
	border: 5px solid #FFF;
	border-radius: 5px;
	float: left;
	margin: 0 10px 10px 0;}

#quemsomosImg img:hover {border: 5px solid #712B2C;}



/*---Portfolio---*/
.portfolio_list li {float: left;}
.portfolio_list li a {
	display: block;
	width: 295px;
	height: 103px;
	line-height: 103px;
	margin: 0 5px 15px 5px;
	float: left;
	font-weight: bold;}

.portfolio_list li a:hover {color: #712B2C !important;}

.portfolio_list li a:hover img,
.portfolio_view a:hover img {border: 3px solid #712B2C;}

.portfolio_list li a img {
	width: 100px;
	border: 3px solid #FFF;
	border-radius: 5px;
	margin: 0 10px 0 0;
	float: left;}

.portfolio_view {
	display: table;
	margin: 0 0 10px 0;}

.portfolio_view li {float: left;}

.portfolio_view img {
	width: 110px;
	border: 3px solid #FFF;
	border-radius: 5px;
	margin: 7px;
	float: left;}

.voltar {font-size: 12px; font-weight: bold;}
.voltar:hover {color: #712B2C !important;}


/*---Produtos---*/
.produtoList li {
	display: block;
	width: 295px;
	height: 96px;
	line-height: 106px;
	margin: 0 5px 15px 5px;
	float: left;
	font-weight: bold;}

.produtoList li span {
	display: block;
	line-height: 16px;
	margin: 30px 0 0 0;}

.produtoList li img {
	height: 90px;
	border: 3px solid #FFF;
	border-radius: 5px;
	margin: 7px;
	float: left;}


/*---Salões---*/
.colLeft {
	width: 450px;
	padding: 0 10px 0 0;
	float: left;}

.saloes {
	display: block;
	margin: 15px 0 0 0;}

.saloes img {
	width: 440px;
	margin: 0 0 5px 0;
	border: 5px solid #FFF;
	border-radius: 5px;}

.saloes:hover {color: #712B2C !important;}
.saloes:hover img {border: 5px solid #712B2C;}

.saloes span {font-size: 12px; font-weight: bold;}


/*---BASE---*/
#base {
	font-size: 12px;
	padding: 15px 0 0 0;
	margin: 15px 20px;
	border-top: 1px solid #FFF;}

#base a:hover {text-decoration: underline;}





/*----------FORMULARIOS----------*/
#formContato {
	float: left;
	width: 500px;}

.form{
	float:left;
	margin-bottom: 15px;
	width: 100%;
}

.form * {border-radius: 5px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; }

.field_name{display:block; margin-bottom: 5px;}

.field_input{
	margin:2px 0 0 0;
	display:block;}

.field_input input[type=text],
.field_input input[type=password] {
	height: 28px;
	line-height: 28px;
	border: none;
	width: 100%;
	padding: 0 5px;}

.field_input textarea {
	border:none;
	width: 100%;
	padding: 10px;
}

.field_input select {
	border:none;
	width:100%;
	height: 23px;
	line-height: 20px;
}

.input_bt {
	padding:4px;
	float: right;
	font-weight: bold;
	font-size: 12px;
	margin:8px 0 0 0;
	background: #000;
	border: none;
	color: #FFF;
	cursor: pointer;
	border-radius:5px;
	border:1px solid #000;
}

.input_bt:hover {
	background: #FFF;
	color: #000;
}
/*----------FORMULARIOS----------*/
