@charset "utf-8";
/*  
* CASARIO SHOPPING
***********************************************
Agência: Ato interativo
Country: Brasil
Diretor: Felipe Gazolla
Design by: Henrique Alves
XHTML+CSS: Aline Tinoco + Areta do Bem
Programação: Rennan Toniolo + Jean
Country: Brasil
Last CSS update: 01/2009
Notes: Folha padrão
***********************************************
Copy something of someone is WRONG, 
but copy from lot's of places is RESEARCH!
Don't let the puppies sad!
***********************************************
*/
@import "admin.css";
*{
padding:			0px;
margin:				0px;
}
body{
padding:			0px;
margin:				0px;
text-align:			center;
font-family:    	"Trebuchet MS",Arial, Helvetica, sans-serif; 
font-size:			13px;
color:				#333333;
background:			#F8EBDB url(../imgs/bg_body.jpg) left top repeat-x;
}
#site{
width:				970px;
height:				auto;
text-align:			left;
margin:				auto;
}
#col_left{
width:				19px;
height:				261px;
background:			url(../imgs/bg_colleft.gif) left top no-repeat;
float:				left;
}
#col_right{
width:				21px;
height:				261px;
background:			url(../imgs/bg_colright.gif) right top no-repeat;
float:				right; 
}
/*****************************************TOPO**************************/
#topo{
width:				930px;
height:				165px;
_height:			140px;
background:			#C14748 url(../imgs/topos/topo.jpg) left bottom no-repeat;
float:				left;
}
#topo object{
width:				340px;
height:				170px;
border:				none;
padding-top:		5px;
margin-left:		295px;
}
/*****************************************MENU**************************/
#menu ul{
width:				890px;
height:				20px;
margin:				0px;
_margin-top:			-25px;
background:			#C14748 url(../imgs/bg_menu.jpg) left top repeat-x;
padding:			20px;
float:				left;
}
#menu ul li{
list-style:			none;
display:			inline;
color:				#FFF;
font:				13px  "Trebuchet MS",Arial, Helvetica, sans-serif; 
margin:				25px 10px 0 15px;
}
#menu ul li a{
list-style:			none;
display:			inline;
color:				#FFF;
font:				13px  "Trebuchet MS",Arial, Helvetica, sans-serif; 
text-decoration:	none;
}
#menu ul li a:hover{
text-decoration:	none;
color:				#E2C694;
}
/*****************************************CONTEUDO************************/
#conteudo{
width:				870px;
height:				auto;
padding:			20px 30px 30px 30px;
background:			#FFF;
float:				left;
_margin-left:		10px;
_margin-top:		-38px;
}
.box_645{
width:				645px;
height:				auto;
float:				left;
position:			relative;
}
.box_200{
width:				200px;
height:				170px;
float:				left;
cursor:				pointer;
}
.box_200 img{
width:				200px;
height:				80px;
}
.box_200 p{
height:				50px;
font:				11px  "Trebuchet MS",Arial, Helvetica, sans-serif; 
color:				#333333;
margin:				5px 10px;
overflow:			hidden;
cursor:				pointer;
}
.box_lojas{
width:				860px;
height:				107px;
background:			#CE9EA1;
margin:				10px 0;
}
.box_lojas img{
width:				160px;
height:				96px;
float:				left;
margin:				5px;
}
.loja_left{
float:				left;
width:				400px;
}
.loja_right{
float:				right;
width:				400px;
}
.box_laranja{
width:				860px;
height:				31px;
background:			#EBC3AB;
border-top:			5px solid #CD692E;
margin:				0 0 30px 0;
padding:			5px;
font-size:			10px;
}
#galeria img{
margin:				17px 17px 0 0;
border:				2px solid #478475;
width:				120px;
}
.left{
float:				left;
margin-top:			20px;
width:				auto;
}
.left_interno{
float:				left;
margin-top:			20px;
width:				auto;
}
.left_interno img{
width:				200px;
height:				auto;
}
.right{
float:				right;
margin: 			20px 30px 0 0;
_margin: 			20px 20px 0 0;
width:				600px;
}
span{
color:             #CD692E;
font-size:         14px;
font-weight:       bold;
}
/*******************************cores boxes ******************************/
.laranja{
color:				#CD692E;
background:			#EBC3AB;
}
.laranja img{
border-bottom:		5px solid #CD692E;
}
.mostarda{
color:				#D1A656;
background:			#F3E8D4;
}
.mostarda img{
border-bottom:		5px solid #D1A656;
}
.vinho{
color:				#840D13;
background:			#CE9EA1;
}
.vinho img{
border-bottom:		5px solid #840D13;
}
.verde{
color:				#478475;
background:			#B5CEC8;
}
.verde img{
border-bottom:		5px solid #478475;
}
/******************************* TITULOS************************/
h3{
font:				15px  "Trebuchet MS",Arial, Helvetica, sans-serif; 
text-transform:		uppercase;
background:			#FFF;
font-weight:		550;
}
h2{
font:				15px  "Trebuchet MS",Arial, Helvetica, sans-serif; 
font-weight:		550;
}
h4{
padding:			5px 0;
font-weight: 		bold;
}
.laranja_titulo{
color:				#CD692E;
}
.mostarda_titulo{
color:				#D1A656;
}
.vinho_titulo{
color:				#840D13;
}
.vinho_titulo a{
color:				#840D13;
}
.verde_titulo{
color:				#478475;
}
/*****************************************FOMRULÁRIO************************/
form{
margin:				30px 0;
}
label{
width:				60px;
height:				auto;
padding:			5px;
margin:				0;
float:				left;
text-align:			right;
}
input, select, textarea{
width:				290px;
height:				auto;
padding:			5px;
margin:				5px 3px;
background:			#CE9EA1;
font:				11px "Trebuchet MS" Arial, Helvetica, sans-serif;
color:				#000;
border:				1px solid #840D13;
}
input:focus , select:focus, textarea:focus{
color:				#F7F7F7;
border:				1px solid #CE9EA1;
}
.ok{
width:				auto;
height:				auto;
background:			#554647 url(../imgs/bg_ok.jpg) right repeat-x;
font:				11px "Trebuchet MS" Arial, Helvetica, sans-serif;
font-weight:		600;
color:				#F7F7F7;
cursor:				pointer;
border:				1px solid #840D13;
}
.news{
width:				290px;
height:				auto;
padding:			5px;
margin:				5px 3px;
background:			#B5CEC8;
font:				11px "Tahoma" Arial, Helvetica, sans-serif;
color:				#888;
border:				1px solid #478475;
}
.newsok{
width:				auto;
height:				auto;
background:			#554647 url(../imgs/bg_ok.jpg) right repeat-x;
font:				11px "Trebuchet MS" Arial, Helvetica, sans-serif;
font-weight:		600;
color:				#F7F7F7;
cursor:				pointer;
border:				1px solid #478475;
}
.busca{
width:				200px;
margin:				0;
float:				left;
}
.busca form{
margin-top:			0;
}
.buscar{
width:				200px;
height:				25px;
background:			#E2C694;
cursor:				pointer;
padding:			0;
margin:				0;
border:				1px solid #E2C694;
float:				left;
}
/*****************************************LISTA AGENDA********************************/
ul.lista_agenda{
width:				auto;
height:				auto;
padding:			0px;
margin:				20px 0 0 0;
}
ul.lista_agenda span{
color:				#840D13;
font-weight:		bolder;
}
ul.lista_agenda li{
width:				auto;
height:				20px;
padding:			10px 5px;
margin:				0px 0px 1px 0px;
background:			#B5CEC8;
border-bottom:		1px solid #478475;
font-weight:		normal;
color:				#478475;
list-style:			none;
cursor:				pointer;
overflow:			hidden;
}
ul.lista_agenda li:hover {
background:			#F3E8D4;
}
ul.lista_agenda li a, ul.lista_agenda li a:visited {

text-decoration: 	none;
color:				#478475;
}
ul.lista_agenda li a:active, ul.lista_agenda li a:hover {
text-decoration: 	none;
color:				#478475;
}
/*****************************************LISTA HORARIO ESPECIAL********************************/
ul.lista_especial{
width:				auto;
height:				auto;
padding:			0px;
margin:				20px 0 0 0;
}
ul.lista_especial span{
color:				#840D13;
font-weight:		bolder;
}
ul.lista_especial li{
width:				auto;
height:				20px;
padding:			10px 5px;
margin:				0px 0px 1px 0px;
background:			#D68587;
border-bottom:		1px solid #A8393D;
font-weight:		normal;
color:				#A8393D;
list-style:			none;
cursor:				pointer;
overflow:			hidden;
}
ul.lista_especial li:hover {
background:			#F3E8D4;
}
ul.lista_especial li a, ul.lista_agenda li a:visited {

text-decoration: 	none;
color:				#478475;
}
ul.lista_especial li a:active, ul.lista_agenda li a:hover {
text-decoration: 	none;
color:				#478475;
}


/*****************************************LISTA FOTOS DESTAQUE************************/
ul.lista_destaque {
width:				auto;
height:				auto;
padding:			0px;
margin:				0px;
}
ul.lista_destaque span{
width:				120px;
height:				15px;
padding:			0;
margin:				2px;
color:				#478475;
display:			block;
overflow:			hidden;
}
.data{
font-weight:		bolder;
}
ul.lista_destaque li {
list-style:			none;
padding:			2px;
margin:				6px;
background:			#B5CEC8;
border:				1px solid  #B5CEC8;
float:				left;
}
ul.lista_destaque li a img {
width:				150px;
height:				100px;
opacity:			.9;
}
ul.lista_destaque li a:hover img{
opacity:			.99;
}
ul.lista_destaque li img {
padding:			2px;
margin:				0px;
background:			#478475;
border:				1px solid #478475;
}
/*****************************************LISTA FOTOS************************/
ul.lista_fotos {
width:				auto;
height:				auto;
padding:			0px;
margin:				0px;
}
ul.lista_fotos li {
list-style:			none;
width:				120px;
height:				90px;
float:				left;
margin:				10px;
}
ul.lista_fotos li img{
width:				120px;
height:				90px;
}
ul.lista_fotos li a img {
opacity:			.9;
}
ul.lista_fotos li a:hover img{
opacity:			.99;
}
ul.lista_fotos li img {
padding:			1px;
margin:				0px;
border:				1px solid #478475;
padding:			3px;
background:			#B5CEC8;
}
/*****************************************RODAPÉ************************/
#rodape{
background:			#E2C694;
width:				930px;
height:				63px;
float:				left;
margin-left:		19px;
_margin-left:		10px;
}
#rodape p{
background:			#C14748;
font:				11px  "Trebuchet MS",Arial, Helvetica, sans-serif; 
color:				#FFFFFF;
padding:			5px 30px;
}
#rodape h4{
width:				165px;
height:				15px;
margin:				6px 0 6px 20px;
padding:			5px 0 5px 35px;
font:				11px  "Trebuchet MS",Arial, Helvetica, sans-serif; 
float:				left;
}
.horario a{
text-decoration:	none;
color:				#CD692E;
}
.horario{
background:			url(../imgs/bg_horario.gif) left no-repeat;
color:				#CD692E;
}
.mapa{
background:			url(../imgs/bg_mapa.gif) left no-repeat;
color:				#755720;
}
.mapa a{
text-decoration:	none;
color:				#755720;
}
.programacao{
background:			url(../imgs/bg_v.gif) left no-repeat;
color:				#840D13;
}
.programacao a{
text-decoration:	none;
color:				#840D13;
}
#ato{
width:				auto;
height:				auto;
float:				right;
margin:				3px 40px 6px 0px;
_margin-right:		20px;
}
/***************************************links*************************/
a{
text-decoration:	none;
color:				#000;
}
a:hover{
text-decoration:	none;
}
/*****************************************OUTROS************************/
.valores{
background:			url(../imgs/bg_valores.gif) left no-repeat;
padding-left:		40px;
float:				left;
}
.quadrado{
background:			url(../imgs/bg_quadrado.gif) left no-repeat;
margin-left:		20px;
padding-left:		30px;
float:				left;
vertical-align:		middle;
}
h5{
background:			url(../imgs/bg_filme.gif) left top no-repeat;
padding-left:		30px;
margin:				10px 0;
font-weight:		900;
font-size:			11px;
}
.ultimo{
padding:			8px 0  8px 30px;
}
.cinema_box{
width:				810px;
}
.cinema{
width:				400px;
height:				auto;
float:				left;
/*
height:				500px;
overflow: 			auto;
*/
cursor:				pointer;
padding:			5px 0 5px 0;
}
.cinema p{
height:				100px;
_height:			100px;
overflow:			hidden;
}
.cinema img{
width:				83px;
height:				124px;
border:				1px solid #CCC;
margin:				0 5px 0 10px;
padding:			2px;
float:				left;
}
.sinopse{
width:				auto;
height:				auto;
background:			#CD692E;
color:				#FFF;
float:				left;
padding:			2px 4px;
}
.sinopse a{
color:				#FFF;
}
.erro {
width:				auto;
height:				auto;
padding:			10px;
margin:				5px 0px 5px 0px;
background:			#FAEFEF;
border:				1px solid #990000;
color:				#990000;
}
.sucesso {
width:				auto;
height:				auto;
padding:			10px;
margin:				5px 0px 5px 0px;
background:			#F9F9F7;
border:				1px solid #006600;
color:				#006600;
}
hr{
color:				#CCCCCC;
margin:				10px 0;
*margin:			0 0 20px 0;
}
.col_separa{
width:				23px;
height:				auto;
float:				left;
}
.clear{
height:             1pt;
width:              1pt;
clear:				both;
font-size:			1pt;
background:			transparent;
}
img{
border:				none;
}
.separador_laranja{
width:				auto;
height:				5px;
background:			#CD692E;
margin-bottom:		10px;
}
.separador_mostarda{
width:				auto;
height:				5px;
background:			#D1A656;
margin-bottom:		10px;
}
.separador_vinho{
width:				auto;
height:				5px;
background:			#840D13;
margin-bottom:		10px;
}
.separador_verde{
width:				auto;
height:				5px;
background:			#478475;
margin-bottom:		10px;
}
.como{
width:				auto;
height:				auto;
margin:				30px 100px;
}