/* #######    default   ########  */

* { padding: 0;
	margin: 0;
	outline: 0; 
	}

IMG {border: 0px; vertical-align: middle;}	

html {
	text-align: center;
	font-family:  Arial;
	color: #000;
	min-height: 101%;
	}

h1, h2, h3, h4, h5 { font-size: 1em;}	
	
#container {
	text-align: left;
	width: 960px;
	margin: 0px auto;
	}

/* -------------- cabeca ------------- */ 
	
#cabeca {
	width: 960px;
	}

#cabeca h1 {
	float: left;
	margin-top: 10px;
	margin-left: 5px;
		width: 183px;
		height: 50px;
	}	

	#cabeca h1 a{
		display: block;
		width: 183px;
		height: 50px;
		background: transparent url('../img/logo.png') no-repeat;
		cursor: hand;
		cursor: pointer;
		}		
		
	#cabeca h1  span{
		display: none;
		}		
	
	#menu-topo{
		float: right;
		text-align: right;
		width: 750px;
		text-transform: lowercase;
		margin-top: 18px;
		margin-bottom: 50px;
		}		

	#menu-topo li  {
		display: inline;
		list-style-type: none;
		padding-right: 10px;

		}
		
	#menu-topo li.redes  {
		display: inline;
		list-style-type: none;
		padding: 0 1px 0 1px;
		}
		
	#menu-topo li.separador-left  {
		color: #fff;
		padding: 0 14px 0 4px;
		}
	#menu-topo li.separador-right  {
		color: #fff;
		padding: 0 14px 0 14px;
		}


	#menu-topo li a {
		text-decoration: none;
		font-size: .7em;
		font-weight: bold;
		color: #666699;
		}	

	#menu-topo li  a:hover {
		color: #FFF;
		}	

	#menu-topo ul li.band-pt a { background: url('../img/pt.png') right top; width: 16px; height: 16px; display:block;  }
	#menu-topo ul li.band-en a { background: url('../img/en.png') right top; width: 16px; height: 16px; display:block;  }

	#menu-topo ul li.band-pt a:hover,
	#menu-topo ul li.band-en a:hover { background-position: right bottom;}

	#menu-topo ul li.band-pt a span,
	#menu-topo ul li.band-en a span { display: none;}	

#menu-principal  {
		float: right;
		padding:0px;
		margin: 0px;
		}
	
#menu-principal ul {
	*width: 628px;
	}		

	#menu-principal ul li  {
		align: right;
		display: inline;
		list-style-type: none;
			padding:0px;
			margin: 0px;
		}

#menu-principal ul li a span{
		margin-left: 10px;
		margin-bottom: 5px;
		}			
		
	#menu-principal ul li a {
		text-decoration: none;
		font-weight: bold;
		font-size: .6em;
		display:block;
		float: left;
		margin: 0px 0px 0px 5px;
		}	

	#menu-principal ul li  a:hover {
		color: #999;
		}	
		
/* -------------- MENU SUB ------------- */ 

#corpo {
	}

	#menu-sub {
		float: left;
		width: 185px;
		position: relative;
		padding-bottom: 10px;
		*padding-top: 0px;
		}

	#menu-sub h2 {
			padding: 0px;
		}	

		#menu-sub h2 a{
			display: block;
			width: 185px;
			height: 60px;
			cursor: hand;
			cursor: pointer;
			}		
			
		#menu-sub h2 span{
			display: none;
			}				
	
	#menu-sub h3 {
		padding: 0px 0px 0px 15px;
		font-size: .8em;
		line-height: 1.2em;
		}				

	#menu-sub h3 a {
		display: block;
		text-decoration: none;
		}
	
	#menu-sub h4{
		padding: 0px 0px 0px 15px;
		font-size: .7em;
		line-height: 1.2em;
		font-weight: normal;
		color: #ea6f2d;
		}
		
	
	#menu-sub ul {
		padding: 0px 0px 10px 15px;
		font-size: .75em;
		line-height: 1.3em;
		}
			
	#menu-sub LI{
		list-style-type: none;
		}

	#menu-sub LI a{
		text-decoration: none;
		color: #CCF;
		}		

	#menu-sub LI a:hover{
		color: #FFF;
		}
		
#menu-sub .login {
	padding: 12px 0px 5px 0px;
	*padding: 12px 0px 0px 0px;
	width: 100%; 
	background-repeat: repeat-y;
	background-position: top right;
	margin-bottom: 0px;
	}

	#menu-sub .login ul {
		font-size: 1em;
		line-height: 1em;
		}	
	
#menu-sub .login h3 {
	padding-right: 20px;
	padding-left: 0px;
	font-size: 1em;
	}		
	
#menu-sub .login legend{
	text-transform: uppercase;
	font-size: .6em;
	font-weight: bold;
	}	
	
#menu-sub .login  a {
		font-size: .6em;
		margin: 0px;
		padding: 0px;
		display: block;
		text-decoration: none;
		}
	
#menu-sub .login fieldset,
#menu-sub .login div{
	margin-left: 15px;
	margin-bottom: 5px;
	border:0px;
	}	
	
#menu-sub .campolog {
		border: #cc6600 1px solid;
		padding: 2px 3px;
		font-family: verdana;
		font-weight: bold;
		font-size: .6em;
		}	
		
	.w150 { width: 145px;}
	.w120 { width: 125px;}

	
	#lateral .botaosubmit,
	#menu-sub .botaosubmit {
		cursor: hand;
		cursor: pointer; /* hand-shaped cursor */
		vertical-align:top;
		font-size: 0px;
		line-height: 8px;
		width: 15px;
		height: 20px;
		margin-top: 4px;
		background-position: bottom center;
		border: 0px;
		}


#busca {
	width: 164px;
	background: transparent url('../img/lateral_direita/bg_busca.png') no-repeat;
	height: 89px;
	padding-top: 10px;
}
#busca img {
	padding: 0 0 0 18px;
}
#busca input.campolog {
			background-color: #d7efeb;
			border: #235957 1px solid;
			margin: 0 0 4px 16px;
			padding: 2px 3px;
			font-family: verdana;
			font-weight: bold;
			font-size: .6em;
			}
#busca select.campolog {
			background-color: #d7efeb;
			border: #235957 1px solid;
			margin: 0 0 4px 16px;
			padding: 2px 3px;
			font-family: verdana;
			font-weight: bold;
			font-size: .6em;
			}
		
	.w130 { width: 130px;
			margin-left: 10px;}
	.w100 { width: 100px;
			margin-left: 16px;}
	


/* --- Destaques HOME ---------------------------------- */
		
		DIV#destaques {
			margin: 15px 0px;
			width: 960px;
		}
		
        div.destaque {
        	position: relative;
			padding: 0 0 12px 0px;
			cursor: pointer;
			float:left;
			display: block;
			width: 230px;
			height: 130px;
			color: #fff;
			margin-right: 13px;			
        }
        div.destaque h3 {
			font-weight: bold;
			font-size: 11px;
			height: 22px;
			margin: 0px;
			text-transform: uppercase;
			padding: 14px 0 0 48px;
			color: #fff;
        }	
        div.destaque h4 {
			font-weight: bold;
			font-size: 16px;
			margin: 0px;
			padding: 0 0 0 16px;
        }
        div.destaque h4 a.destaque-home {
			color: #fff;
			text-decoration:none;
        }	
        div.destaque a.destaque-home:hover {
        }
        div.destaque p {
			font-family: Verdana, Arial;
			padding: 6px 15px 6px 15px;
			font-size: 10px;
			line-height: 1.4em;
			color: #fff;
        }
        div.destaque a.destaque-texto {
			text-decoration:none;
        }
        div.destaque a.destaque-texto p {
			font-family: Verdana, Arial;
			padding: 6px 15px 6px 15px;
			font-size: 10px;
			line-height: 1.4em;
			color: #fff;
        }	

        div.destaque a.botao {
        position: absolute;
        top: 114px;
        right: 10px;
			-moz-border-radius: 6px;
			border-radius: 6px;
			float: left;
			padding: 0px;
			font-size: 10px;
			text-align: center;
			color: #666;
			line-height: 14px;
			padding: 0px 10px 0 10px;
			text-decoration: none;
			display: block;
			height: 14px;
			background-color: #fff;
			filter:opacity(alpha=80); /* para o IE */
     		-moz-opacity:0.8; /* para o FireFox */
     		opacity:0.8; /* para o outros Navegadores */
        }	
        div.destaque a:hover {
        	filter:opacity(alpha=60); /* para o IE */
     		-moz-opacity:0.6; /* para o FireFox */
     		opacity:0.6; /* para o outros Navegadores */
        }
	    div.d-ultimo {
			margin-right: 0px;
        }	
        
        div.festival h3 { background: transparent url('../img/bg_icone_fest_home.png') no-repeat; }	
        div.festival { background: transparent url('../img/bg_destaque_fest.png') repeat-x; }
        div.festival:hover h4 { color: #a6a6ca; }         
        div.festival:hover {background: transparent url('../img/bg_destaque_fest.png') repeat-x bottom; cursor:default;}
        div.festival a:hover p { color: #a6a6ca; }
        	
        div.web-cel h3 {background: transparent url('../img/bg_icone_webcel_home.png') no-repeat; }	
        div.web-cel { background: transparent url('../img/bg_destaque_webcel.png') repeat-x; } 
        div.web-cel:hover h4 { color: #f8be97; }        
        div.web-cel:hover { background: transparent url('../img/bg_destaque_webcel.png') repeat-x bottom;cursor:default; }	
        div.web-cel a:hover p { color: #f8be97; }
        
        div.agua h3 {background: transparent url('../img/bg_icone_agua_home.png') no-repeat; }	
        div.agua { background: transparent url('../img/bg_destaque_agua.png') repeat-x; }      
        div.agua:hover h4 { color: #91dddf; }   
        div.agua:hover { background: transparent url('../img/bg_destaque_agua.png') repeat-x bottom; cursor:default;}
        div.agua a:hover p { color: #91dddf; }	

        div.forum h3 {background: transparent url('../img/bg_icone_forum_home.png') no-repeat; }	
        div.forum { background: transparent url('../img/bg_destaque_forum.png') repeat-x; }
        div.forum:hover h4 { color: #4fb9cf; }         
        div.forum:hover { background: transparent url('../img/bg_destaque_forum.png') repeat-x bottom;cursor:default; }	
        div.forum a:hover p { color: #4fb9cf; }	
        
        div.itinerante h3 {background: transparent url('../img/bg_icone_itinerante_home.png') no-repeat; }	
        div.itinerante { background: transparent url('../img/bg_destaque_itinerante.png') repeat-x; }  
        div.itinerante:hover h4 { color: #c7a6f4; }       
        div.itinerante:hover { background: transparent url('../img/bg_destaque_itinerante.png') repeat-x bottom; cursor:default;}	
        div.itinerante a:hover p { color: #c7a6f4; }

        div.cursos h3 {background: transparent url('../img/bg_icone_cursos_home.png') no-repeat; }	
        div.cursos { background: transparent url('../img/bg_destaque_cursos.png') repeat-x; }  
        div.cursos:hover h4 { color: #d9e782; }       
        div.cursos:hover { background: transparent url('../img/bg_destaque_cursos.png') repeat-x bottom;cursor:default; }
        div.cursos a:hover p { color: #d9e782; }

        div.escola h3 {background: transparent url('../img/bg_icone_escola_home.png') no-repeat; }	
        div.escola { background: transparent url('../img/bg_destaque_escola.png') repeat-x; } 
        div.escola:hover h4 { color: #f79494; }        
        div.escola:hover { background: transparent url('../img/bg_destaque_escola.png') repeat-x bottom; cursor:default;}	
        div.escola a:hover p { color: #f79494; }
               
        div.loja h3 {background: transparent url('../img/bg_icone_loja_home.png') no-repeat; }	
        div.loja { background: transparent url('../img/bg_destaque_loja.png') repeat-x; }   
        div.loja:hover h4 { color: #ec6f6f; }     
        div.loja:hover { background: transparent url('../img/bg_destaque_loja.png') repeat-x bottom; cursor:default;}
        div.loja a:hover p { color: #ec6f6f; }	
        
/* -------------- CONTEUDO ------------- */ 
	
	#conteudo {
		background: #FFF;
		float: right;
		width:775px;
		padding: 30px 0px;
		}
		
		#principal {
			padding-left: 30px;
			float: left;
			width: 550px;
			font-size: .8em;
			}

			#principal .breadcrumb a{
				font-size: .9em;
				font-style: italic;
				text-decoration: none;
				}	

			#principal .breadcrumb,
			#principal .breadcrumb a	{
				color: #999;
				font-weight: normal;
				text-decoration: none;
				}

			#principal .breadcrumb a:hover	{
				color: #000;
				text-decoration: none;
				}					
			
		#principal h1 {
			color: #ea6f2d;
			font-size: 2.3em;
			font-family: DroidSansBold, Arial;
			margin: 0px 0px 25px 0px;
			}

		#principal h2 {
			font-family: DroidSansBold, Arial;
			font-size: 1.8em;
			margin: 0px 0px 12px 0px;
			}

		#principal h3 {
			font-size: 1.2em;
			margin-top: 30px;
			margin-bottom: 10px;
			}

		#principal h3.testeira,			
		#principal form h3 {
			font-size: 1.2em;
			background-color: #cccccc;
			color: #ffffff;
			margin-top: 10px;
			margin-bottom: 20px;
			padding-top: 2px;
			padding-right: 8px;
			padding-bottom: 2px;
			padding-left: 8px;
			width: 500px;
			}
		
		#principal ul,
		#principal ol,
		#principal p {
			margin-bottom: 12px;
			}	

		#principal li {
			margin-left: 25px;
			}

		#principal a{
			font-weight: bold;
			text-decoration: none;
			color: #ea6f2d;
			}					

		#principal a:hover {
			text-decoration: underline;
			}				
			
		div.erro { background: red; 
			color: #FFF; 
			padding: 10px; 
			text-align: center; 
			margin: 0px 50px 20px 50px;
			font-weight: bold;
			}
		#erro_email { color: red; 
			padding: 8px; 
			text-align: center; 
		
			font-weight: bold;
			}
			
			
#lateral {
	padding-right: 40px;
	float: right;
	width: 140px;
	}

#lateral p {
	font-size: .7em;
	}
	
#lateral h5 {
	font-size: .9em;
	margin-top: 70px;
	margin-bottom: 12px;
	}
	
#navegacao {
	width:775px;
	float: right;
	font-size:.65em;
	padding: 10px 0px;
}

	#navegacao ul {
		float: left;
		width: 106px;
	}
	
	#navegacao ul  H4{
		font-size:1.25em;
		color: #900;
	}
	
	#navegacao ul li {
		list-style-type: none;

		color: #FFF;
	}


#navegacao-indent {
	padding: 5px 20px 5px 28px;
}

#navegacao-indent a{
	margin-right: 6px;
	text-decoration: none;
}

#navegacao-indent H3{
	text-transform: uppercase;
	margin-bottom: 4px;
}

/* -------------- item ------------- */ 

#conteudo .item {
	width: 520px;
	margin-bottom: 20px;
}
		
#conteudo .item-thumb {
	width: 170px;
	float: left;
	
}

#conteudo .item-txt {
	float: right;
	width: 320px;
	
}
		
		
/* -------------- RODAPE ------------- */ 	
	
#rodape {
	width:775px;
	float: right;
	text-align: right;
	padding-top:10px;
	}

#rodape p {
	margin-right: 15px;
	}

#rodape p.cred2 {
	font-size: .6em;
	}	

#rodape p.cred2 a{
	text-decoration: none;
	}
	
/* ############ PATCH ############# */ 	
	
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}	

* html img,
* html .png{
position:relative;
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "http://martinho:81/animaCMS/img/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}

/* ################ ADMIN ################   */

.tabela-filmes {
	width: 520px;
	border-collapse:collapse;
	margin-bottom: 30px;
	}

.tabela-filmes a{
	color: #000;
	text-decoration: none;
	font-weight: bold;
	}

.tabela-filmes a:hover{
	color: #ea6f2d;
	}
	
.tabela-filmes th{
	font-size: .8em;
	font-weight: bold;
	}

.tabela-filmes tr{
	border-bottom: #CCC 1px solid;
	}	

.tabela-filmes tr.topo{
	border-bottom: #000 1px solid;
	}
	
.tabela-filmes td{
	padding: 2px 0px;
	}

	a.btn-del {
		color: #900;
		font-weight: bold;
		cursor: hand;
		cursor: pointer;
	}
	a.btn-add {
		color: #999;
		text-decoration: none;
	}
	a.btn-add:hover {
		color: #900;
	}		

	input.btn-form {
		padding: 0px 5px;
	}	

	input.btn-form-bold  {
		font-weight: bold;
		padding: 0px 5px;
	}		
	
/* ------------------ BOTOES REDONDOS --------------------------*/

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('../img/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('../img/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 	
	
a.button:hover {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:hover span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
} 

/* -------------- Novo Filme ------------- */ 

#principal label.categ_insc {
	
} 
#principal input.categ_insc {
	margin: 0 4px 0 0;
} 
#principal span.bloco {
	text-transform: lowercase;
} 
		
/* -------------- Novo Filme ------------- */