/*.....................................................................................

Mi di Federico

[Propriedades Gerais]

Desenvolvido por: João Luiz Vicente Junior
Outubro de 2009

.....................................................................................*/

/*.........................................
External Arquives
.........................................*/

@import url("reset.css");

/*.........................................
Elementos
.........................................*/

body{
	background:url(../images/bg-master.gif) transparent;
	color:#666;
	font-family:Tahoma, Arial, Verdana;
	font-size:12px;
}

a{
	background:transparent;
	color:#666;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

/*.........................................
	Typografia
.........................................*/

h1{
	color: #4a2725;
	font-size:36px;
	padding:0 0 25px 0;
}

h2{
	color: #999999;
	font-size:24px;
}

p{
	line-height: 24px;
	padding: 10px 0;
}


/*.........................................
	Propriedades Gerais
.........................................*/

#wrapper{
	margin:0 auto;
	padding:10px;
	position:relative;
	width:940px;
}

.clear{
	clear:both;
}

/*.........................................
	Header
.........................................*/

#header {
	height:180px;
}

#header #logo{
	float:left;
	padding:15px 0;
	text-align:center;
}

#header ul{
	float:right;
	padding-top:50px;
}

#header li{
	background:transparent;
	float:left;
	font-size:20px;
}

#header li a{
	background:transparent;
	display:block;
	color:#4a2725;
	float:left;
	padding:25px;
}

/*.........................................
	Footer
.........................................*/
#footer{
	border-top:#e0e0e0 1px solid;
	font-size: 11px;
	line-height: 20px;
	margin-top:25px;
	padding:15px;
	text-align:center;
}

/*.........................................
	Home
.........................................*/


/*
 *Richmedia
*/

#richmedia{
	height:350px;
	margin:15px 0;
	position:relative;
	width:940px;
}

#banner{
	height:350px;
	overflow:none;
	width:940px;
}

#richmedia #next,
#richmedia #prev{
	cursor:pointer;
	position:absolute;
	top:150px;
	z-index:10;
}

#richmedia #next{
	right:0;
}

#richmedia #prev{
	left:0;
}

/*
 * Estacionamento Grátis
*/

#estacionamento{
	background:url(../images/home-estacionamento.jpg) no-repeat 140px 10px transparent;
	float:left;
	font-size: 11px;
	height:200px;
	padding:10px 140px 10px 0;
	position:relative;
	width:150px;
}

#estacionamento h3{
	background:transparent;
	color:#6906b5;
	font-size:24px;
}

#estacionamento h3 img{
	padding-bottom:5px;
}

#estacionamento a{
	background:#6906b5;
	color:#fff;
	display:block;
	float:left;
	font-weight:bold;
	padding:5px 10px;
}

/*
 * Aula Experimental
*/

#aula-experimental{
	background:url(../images/home-aula.jpg) no-repeat 10px top;
	border-left:#e0e0e0 1px solid;
	border-right:#e0e0e0 1px solid;
	float:left;
	font-size: 11px;
	height:240px;
	padding:10px 25px 10px 130px;
	position:relative;
	width:150px;
}

#aula-experimental h3{
	background:transparent;
	color:#ff6600;
	font-size:24px;
}

#aula-experimental h3 img{
	padding-bottom:5px;
}

#aula-experimental a{
	background:#ff6600;
	color:#fff;
	display:block;
	font-weight:bold;
	float:left;
	padding:5px 10px;
}

/*
 * FLICKR Images
*/

#flickr{
	float:left;
	padding-top:15px;
	text-align:center;
	width:335px;
}

#flickr ul{
	height:150px;
	padding:10px 0 0 20px;
}

#flickr li{
	background:url(../images/home-shadow-flickr.gif) no-repeat center;
	display:inline;
	float:left;
	height:58px;
	padding:8px;
	width:58px;
}

#flickr li img{
	height:58px;
	width:58px;
}

#flickr p{
	padding:10px 0 0 130px;
}

#flickr p a{
	background:#ff0084;
	color:#fff;
	display:block;
	font-weight:bold;
	float:left;
	padding:5px 10px;
}

#flickr p a:hover{
	background:#0063dc;
}

/*.........................................
	Studio
.........................................*/

#studio{
	background: url(../images/studio/studio-imagem.jpg) no-repeat -5px 0;
	margin-top: 15px;
	padding: 0 0 0 300px;
}

#studio #destaque{
	padding: 15px 0;
	text-align: center;
}

#flickr-studio ul{
	padding:10px 0 0 20px;
}

#flickr-studio li{
	background:url(../images/studio-shadow-thumbs.jpg) no-repeat center;
	display:inline;
	float:left;
	height:144px;
	padding:17px 5px 10px 13px;
	width:180px;
}

#flickr-studio li img{
	height:140px;
	width:175px;
}

/*.........................................
	Método
.........................................*/
#metodo{
	background: url(../images/metodo-imagem.jpg) no-repeat 35px 0;
	padding: 0 0 60px 380px;
}

#metodo li{
	list-style: inside circle;
	margin: 0 10px 10px 15px;
}

#historia{
	border-top: #e0e0df 1px solid;
	padding: 40px 400px 0 0;
	position: relative;
}

#historia dl{
	font-size: 11px;
	position: absolute;
	right: 50px;
	text-align: center;
	top: 100px;
	width: 300px;
}

/*.........................................
	Localização
.........................................*/

#localizacao{
	background: url(../images/localizacao-imagem.jpg) no-repeat top right;
	margin-top: 15px;
}

#localizacao p img{
	margin: 60px 0 0 -15px;
}

/*.........................................
	Contato
.........................................*/
#contato{
	background: url(../images/contato-imagem.jpg) no-repeat 15px 50px;
	padding: 0 0 20px 380px;
}

#contato dt{
	color: #999;
	font-size: 14px;
	padding: 15px 0 5px 0;
}

#contato input,
#contato textarea {
	background: #fff;
	border: #eee 1px solid;
	color: #666;
	font-family: Tahoma, Arial, Verdana;
	font-size: 16px;
	padding: 5px 8px;
	width: 400px;
}

#contato textarea {
	height: 200px;
}

#contato button{
	background: #4a2725;
	color: #fff;
	font-size:14px;
	padding: 10px 0;
	width: 150px;
}


#contato #resposta .success,
#contato #resposta .error{
	color: #fff;
	font-style: italic;
	padding: 15px;
	width: 390px;

}

#contato #resposta .error{
	background: #ff9900;
}

#contato #resposta .success{
	background: #339900;
}