/* STANDARD STYLABLES */

html {
    margin: 0px;
    padding:: 0px;
}

body {
    margin: 0px;
    padding:: 0px;
    background: #242424; /* fundo da página */
    font-family: verdana, arial, sans;
    /* Trebuchet MS */
	}

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

h1 { font-size: 18px; margin-top: 0; color:#ffd500;}

h2, h3, h4 { color: #ccc; }

a {
    text-decoration: none;
    background: transparent;
    color: #ffd500;  /* amarelo */
	}

a:hover {
    background: #ffd500;  /* amarelo */
    color: #333;
	}

em { background: black;	}

img { border: none; text-decoration:none; background:#ffffff; }

.warning { background-color:#990000; }

div.clear {clear: both;}



/* PÁGINAS INTERNAS */

#container {
	min-height: 400px;
	text-align: center;
	background-color: #242424; 
	}

#home #container{
	background-color: #141414; 
	}


#header{
	width: 100%;
	height: 200px;
	background-color: #141414; 
	margin-left: auto;
	margin-right: auto;
	}


#home #header{
    height: 393px;
	background-color:#242424;
	}


/* PARA FAZER AS LINHAS TRANSPARENTES */


#menu1 {
	width: 100%;
	height: 20px;
	opacity:0.75; /* para Mozilla */
	filter:alpha(opacity:75); /* para IE */
	background-color: #333333;
	position: absolute;
	top: 135px;	
	}



#menu2 {
	width: 100%;
	height: 45px;
	opacity:0.95; /* para Mozilla */
	filter:alpha(opacity:95); /* para IE */
	background-color: #333333;
	position: absolute;
	top: 155px;	
	}









/* CONTEÚDOS */
#content{
	text-align: left;
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	background-color:#e5e5e5;
	background-image:url(../img/fundocontent.gif);
	background-repeat: repeat-y;
	background-position: left top;
	}


#content-rightinterna{ /* conteúdo lado direito */
  	float: right;
    width: 670px;
    font-size: 11px;
    color: #666;
    line-height: 20px;
	padding: 20px 10px 30px 10px;
	background-color:#e5e5e5;
	}
#content-rightinterna ul{
	list-style:none;
}
#content-rightinterna ul li{
	width:360px;
	margin:0 auto;
	padding-bottom:20px;
}		

#content-left{
    float: left;
    width: 210px;
    font-size: 12px;
    color: #fafafa;
    text-align: right;
	}



#subnavigation{ /* MENU LATERAL */
    text-align: right;
    padding-top:20px;
	padding-right: 20px;
	line-height:20px;
	}

#subnavigation{
    list-style-type: none;
	}

#subnavigation .spacer{
    margin-top: 20px;
	}

#subnavigation .feature{
    font-weight: bold;
	}

#subnavigation .footer{
    font-style: italic;
	}





#content:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}


/* Hides from IE-mac \*/
* html #content {height: 1%;}
/* End hide from IE-mac */

#footer {
	clear: both;
	width: 900px;
	min-height: 120px;
	margin-left: auto;
	margin-right: auto;
	font-size: 9px;
	color: #4a4a4a;
	background-color:#141414;
	border-top: 2px solid #f19d1e;
	}

#footer:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}

#footer {display: inline-table;}

/* Hides from IE-mac \*/
* html #footer {height: 1%;}
#footer {display: block;}
/* End hide from IE-mac */

#footer a{
    color: #898989;
	}

#footer a:hover{
    color: #f19d1e;
    background: transparent;
	}

#footer-left{
    padding-left: 33px;
    float:left;
	}

#footer-right{
    padding-right: 33px;
    text-align: right;
	}


/* FORMULÁRIO DE CONTATO */



form {
	margin: 0px;
	padding: 0px;
}

.estilo {
	padding:5px;
	width: 65%;
	text-align: left;
	background-image: url(../img/bg_input.jpg);
	background-repeat: repeat-x;
	background-position: center 1px;
	color:#CC0033;
}

/* FESTAS */

.letras {
	color:#FFFFFF;
	text-align:center;
}


/* MATÉRIAS */

.pop {
	display: none;
	line-height: 20px;
	margin-left: 10px;
	padding: 5px;
}

/* PROFISSIONAIS ONLINE */

.tabela {
	background-color:#FFFFFF;
	border:0;
}

.titulo {
	font-size: 12px;
    color: #f19d1e;  /* amarelo */
    text-align: center;
}

.titulo2 {
	font-size: 16px;
	text-align:center;
	font-weight: bold;
	color:#000000; /* preto */
	text-transform: uppercase;
}


.logo {
	text-align:center;
	background-color:#FFFFFF;

}

.texto {
	padding:0 5px;
	text-align:justify;
}

.endereco{
	background-color:#242424;
	color:#FFFFFF;
	padding:0 5px;

}

.info {
	background-color:#242424;
	text-align:center;
}

.site {
	font-size: 14px;
	font-weight: bold;
}

.seta {
	text-align:center;
	}

.banner_interno {
	padding: 15px;
}


/*-------------- GALERIAS DE IMAGENS --------------*/

#content-rightinterna ul.galeria {width: 650px; margin: 0; padding: 0; text-align: center;}
#content-rightinterna ul.galeria li {width: 650px; height: 200px; margin: 0; padding: 20px 0 0 0; text-align: center; border-bottom: solid 1px #cccccc; border-top: solid 1px #ffffff; display: block;}
#content-rightinterna ul.galeria li.primeira {border-top: none; width: 650px; padding-top: 0;}
#content-rightinterna ul.galeria li.ultima {border-bottom: none; width: 650px;}
#content-rightinterna ul.galeria li.fotos {width: 650px; height: 160px; padding: 0; border: none; display: block;}
#content-rightinterna ul.galeria li div.item-galeria {height: 200px; width: 186px; float: left; margin: 0 15px; font: 12px Arial;}
#content-rightinterna ul.galeria li div.item-galeria strong {font-size: 14px; display: block; width: auto; padding: 7px;}
#content-rightinterna ul.galeria li div.item-galeria a {text-decoration: none; border: 0; color: #666666;}
#content-rightinterna ul.galeria li div.item-galeria a:hover, #content-rightinterna ul.galeria li div.foto-galeria a:hover {text-decoration: underline; background: none;}
#content-rightinterna ul.galeria li div.foto-galeria {height: 150px; width: 186px; float: left; margin: 0 15px;}
#content-rightinterna ul.galeria li div.foto-galeria img:hover {border-color: #f19d1e;}
#content-rightinterna ul.galeria li div.right {float: right;}
#content-rightinterna ul.galeria li img {padding: 1px; background: #fff; border: solid 2px #cccccc;}
#content-rightinterna div.ficha-tecnica {color: #6b6b6b; background: #fff url(../img/festas-online/fundo.jpg) repeat-y; width: 622px; line-height: 19px; padding: 10px 0 10px 28px; margin-bottom: 26px;}
#content-rightinterna span.ficha-bullet {color: #ffffff; font-size: 17px;}
