/* 
MÁRIO HENRIQUE - CAIXA 
CSS - CRIASOL.COM
*/


/*
GERAL
*/
html{ background: url(../img/bg.jpg); height: 100%; width: 100%; }
body{ margin:0px; height: auto; width: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:13px; background: url(../img/sombra.png) repeat-y; background-position: top center; color: #000000; }
img{ border:0px }
.conteudo_centralizado{ width:999px; margin:0 auto; }
.laranja { color: #FE8600; }
.center { text-align: center; }

a { color: #000000; text-decoration: none; font-weight: bold; }
a:hover { color: gray; text-decoration: underline; }

#resultado { width: 95%; margin: 0 auto; }
#resultado .titulo{ font-weight: bold;}
#resultado .categoria{ float: left; margin-top: 20px; width: 30%; margin-right: 3%; margin-bottom: 20px; background: #E6E6E6; height: auto; }
#resultado .categoria .box { width: 80%; margin: 0 auto; padding-left: 8%; background: url(../img/soundgray.gif) no-repeat; margin-top: 10px; }
#resultado .top { padding: 10px; font-weight: bold; font-size: 14px; }

#voltar { width: 90%; height: 20px; margin: 0 auto; display: table; text-align: right; }
#voltar a{ font-size: 14px; text-decoration: underline; color: #000000; }
#voltar a:hover{text-decoration: none; }

#pergunta { text-align: left; width: 300px; position:relative; right:10px }
#pergunta .pergunta{ text-align: left; width: 100%; padding-top:5px; padding-bottom:5px; padding-left: 2%;}
#pergunta .resposta{ width: 100%; padding-left: 2%; }

/*
MENU
*/
#menu { width: 100%; height: 51px; background: #FFFFFF; margin: 0; padding: 0; }
#menu a{ margin: 0; padding: 0; }

/*
SUBMENU
*/
#submenu { position: absolute; top: 290px; left: 210px; z-index: 100; }
#submenu div{ position: absolute; background: url(../img/bg_submenu.jpg) no-repeat; width: 102px; height: 105px; display: none; }
#submenu div ul{ list-style-type: none; padding: 0; margin: 0; }
#submenu div ul li{ text-align: center; width: 95%; margin: 0 auto; padding-top: 8px; height: 20px; font-size: 10px; font-weight: bold;}
#submenu div ul li a{ text-decoration: none; color: #B1B1B1; }
#submenu div ul li a:hover{ text-decoration: underline; }
#submenu div ul .peq{ letter-spacing: -0.8px; font-size: 10px;}
#submenu #sub_audio { left: 0; }
#submenu #sub_galera { left: 0;}

/*
CONTEÚDO
*/
#conteudo{ width: 999px; margin:0 auto; background: #FFFFFF; position: relative; display: table; clear:both; padding-bottom:25px; height: auto; margin-top: 15px; }

.direita { float: right; width: 61%; padding-bottom: 30px; }
.esquerda { float: left; margin-left:23px; _margin-left:0; border-right: 2px solid #DDDDDD; height: auto; padding-bottom: 25px; width: 35%; text-align: center; }

.esquerda .menuCadastro { margin-top: 5px; padding-bottom: 5px; }
.esquerda .menuOucaGols { padding-bottom: 5px; }

.menuCadastro, .menuOucaGols, .menuDeixeSeuAlo{
	position:relative; 
	right:20px;
	width:322px;
}

#linha { width: 2px; padding-right: 40px; float: left; padding-top: 40px; }

#destaques { width: 100%; height: 338px; background-position: top center; margin: 0 auto; }
#destaques .bottom{ margin-top:50px !important; }
#destaques .imgVideo { padding-left: 90px; padding-top: 74px; width: 285px; float: left; }
#destaques .descVideo { padding-top: 100px; padding-left: 10px; float:left; width: 165px; }
#destaques .legendaVideo { padding-top: 4px; padding-left: 90px; clear: both; }

.banner { width: 99%; height: 65px; display: table; clear:both; display:block;margin-top:70px;margin-left:5px;}
#banner1 { width: 49%; float: left; text-align: center; }
#banner2 { width: 49%; float: right; text-align: center; }

#imagens { width: 100%; height: 50px; margin-bottom:20px; }
#imagens .box{ float: right; height: 100%; width: auto; padding-left: 50px; padding-right: 10px; margin-left: 10px; border-right: 2px solid silver; }
#imagens .cadastre{ background: url(../img/ico_cadastro.png) no-repeat; }
#imagens .gols{ background: url(../img/ico_ouca_gols.png) no-repeat; }
#imagens .alo{ background: url(../img/ico_deixe_seu_alo.png) no-repeat; padding-left: 70px; border-right: 0; }

/*
RODAPE
*/
#rodape { height: 80px; background: #E3E3E5;  }
#rodape .rss { float: right; padding-right: 72px; padding-top: 8px; }


/*
CADASTRO
*/
.cadastro_esq { float: left; position: relative; width: 44%; padding-left: 23px; height: auto; margin-bottom: 25px; margin-top: 20px; text-align: right; }
.cadastro_dir { float: right; position: relative; width: 48%; height: auto; margin-bottom: 25px; margin-top: 20px; }
.cadastro_dir2 {width: 50%; height: auto; margin-bottom: 25px; margin-top: 20px; }

.cadastro { width: 90%; color: #000000; font-weight: bold; text-transform: uppercase; }
.cadastro input { width: 100%; background: #E3E3E5; border: none; }
.cadastro textarea { width: 100%; background: #E3E3E5; border: none; }
.cadastro select { width: 100%; background: #E3E3E5; border: none; }
.cadastro .radios { margin-top: 6px; }
.cadastro .radios label { margin-right: 12px; }

/*
AGENDA	
*/
.agenda_esq { float: left; position: relative; width: 40%; padding-left: 23px; height: auto; border-right: 2px solid #FE8600; margin-bottom: 100px;}
.agenda_dir { float: right; position: relative; width: 44%; padding-left: 3%; padding-right: 7%; height: auto; margin-bottom: 100px; }

.agenda .box, .direita .box { width: 80%; margin-left: 5%; background: 0 20px url(../img/clip.gif) no-repeat; padding-bottom: 20px; padding-top: 20px; padding-left: 20px; }
.agenda .box, .direita .box b{ font-size: 14px; }


/*
AUDIOS	
*/
.audio_esq { float: left; position: relative; width: 33%; margin-left: 2%; height: 300px; margin-bottom: 20px; background: url(../img/bg_box_audio.jpg) no-repeat; padding-top: 25px;}
.audio_dir { float: right; position: relative; width: 60%; margin-left: 2%; height: auto; margin-bottom: 20px;}

.audio_dir td {/* float: left;*/ width: 28%; padding-left: 5%; background: 0 20px url(../img/sound.gif) no-repeat; padding-bottom: 20px; padding-top: 20px; }
.audio_dir .box img{ margin-top: 10px; }
.audio_dir .box { padding-right:10px; }

.audio_esq .box { width: 70%; margin-left: 15%; background-position: center right; padding-bottom: 15px; padding-top: 15px; }
.audio_esq .box .text{ width: 76%; float: left; }
.audio_esq .box .ico{ width: 20%; float: left; padding:2%}


/*
ALO PARA o CAIXA	
*/
.alo_esq { float: left; position: relative; width: 30%; margin-left: 15%; height: 250px; margin-bottom: 20px; margin-top: 25px; border-right: 2px solid #DDDDDD;}
.alo_dir { float: right; position: relative; width: 50%; margin-left: 2%; height: 250px; margin-bottom: 20px; margin-top: 25px; background: url(../img/bg_box_alo.jpg) no-repeat;}

.alo_dir .box { width: 90%; margin-left: 5%; padding-left: 8%; background: 0 20px url(../img/ico_comentario.gif) no-repeat; padding-bottom: 8px; padding-top: 20px; background-position: center left; }

/*
CLASSES
*/
.margin5{margin-left:5px}
.padtop15{padding-top:15px}
.fontP{font-size:10px}
.imgTitulo{clear:both;padding:20px;}

/*
FOTOS
*/

#contTituloInterno{clear:both}
#contTituloInterno #envieFoto{ float: right; margin-right: 3%; margin-top:0px; }
#tituloInternoIco{float:left;margin-left:25px;margin-right:15px;}
#tituloInternoTxt img{margin-top:15px;}


#listaFotos{width: 95%;margin-left:0%;clear:both;color:#000000;font-size:11px;}
.fotos .foto{text-align:center; width: 165px; height: 195px; float:left; padding: 10px; font-size: 10px; background: #ECECEC; margin: 10px 20px; margin-bottom: 40px;}
.fotos .foto img{border:1px solid #C1CFBB;margin-bottom:3px}

.foto_esq { float: left; position: relative; width: 20%; height: 250px; margin-bottom: 20px; margin-top: 25px; font-size: 12px; margin-left: 3%; }
.foto_esq .title{ font-size: 14px; font-weight: bold; }
.foto_dir { float: right; position: relative; width: 70%; height: 320px; margin-bottom: 20px; background: url(../img/borda_fotos.jpg) no-repeat; }
.foto_dir .foto{ width: 165px; float:left; padding: 9px; font-size: 10px; background: none; margin: 0;}
.foto_dir .foto img{ border:1px solid #C1CFBB;margin-bottom:3px}
.foto_dir .first{border-left: 0;}


/*
VIDEOS
*/

.txtCinza{color:#CCC;letter-spacing: -1px;}
.videoComent{width:290px;clear:both;line-height:1.4;font-weight:bold}
.videoComent .remetente{color:#9E9E9E;clear:both}
.videoComent .msg{color:#FE9416;clear:both}
#videoComentBox #cBoxBordae,#videoComentBox #cBoxBordad,#videoComentBox #cBoxConteudo{height:45px;float:left}
#videoComentBox #cBoxBordae{width:5px;background:url('img/borda_e_box_comentario.png')}
#videoComentBox #cBoxBordad{width:6px;background:url('img/borda_d_box_comentario.png')}
#videoComentBox #cBoxConteudo{width:255px;background:#C5C5C5}
#btComentEnviar {font-size:11px;border:0;background:#FFF;text-decoration:underline;float:right;margin-top:45px}
#listaVideos .video,.video .videoLbl{float:left;}
#listaVideos .video{margin:7px;margin-bottom:18px;}
.video Img{margin-right:10px;float:left}
.video .videoLbl{font-size:10px;}
.video {width:190px;}
.categorias-radio label{margin-right:15px;}
.categorias-radio input{margin:5px;}
#relatedVideos{
	margin-top:20px;
	width: 420px;
}

#relatedVideos li{
	width:25%;
	float:left;
	display:inline;
	list-style-type:none;
}
/*
#listaVideos{width:610px;display:table}
#blocoE,#blocoD{float:left;display:table}
#blocoE{padding-left:70px}
*/
#blocoD{float:right; width: 62%; padding-left: 3%; height: auto; padding-bottom: 30px; }
#blocoE{float:left; width: 30%; padding-left: 3%; height: auto; padding-bottom: 30px; }
#blocoE .barra{ width: 100%; text-align: center; display: block; height: 15px; background: url(../img/barra2.gif) repeat-x; margin-top: 10px; }

#blocoE .box{ width: 100%;display: table; }
#blocoE .box .title{ font-weight: bold; text-transform: uppercase; }

#MensagemComentarioV { width: 425px; float: left; height: auto; padding-bottom: 25px; margin-left:80px; }
#VideoD { width: 50%; float: right; height: auto; background: url(../img/bg_box_alo.jpg) no-repeat; padding-bottom: 25px; }
#VideoD .box { width: 350px; margin-left: 5%; padding-left: 8%; background: 0 20px url(../img/ico_comentario.gif) no-repeat; padding-bottom: 8px; padding-top: 20px; background-position: center left; }
#VideoE { width: 40%; margin-left: 3%; float: left; height: auto; padding-bottom: 25px; }

#VideoE .title{ font-size: 15px; font-weight: bold; }
#VideoE .video{ width: 285px; height: 200px; margin-left: 3px; background: #E9E9E9; color: #FE9E10; text-align: center; padding-top: 4px; padding-bottom: 4px; }
#VideoE .box{ width: 90%; margin-left: 5%; padding-left: 8%; background: 0 20px url(../img/sound.gif) no-repeat; padding-bottom: 8px; padding-top: 10px; background-position: center left; }


#MensagemComentarioA { width: 460px; float: right; height: auto; padding-bottom: 25px; }
#AudioD { width: 460px; float: right; height: auto; background: url(../img/bg_box_alo.jpg) no-repeat; padding-bottom: 25px; }
#AudioD .box { width: 350px; margin-left: 20px; padding-left: 36px; background: 0 20px url(../img/ico_comentario.gif) no-repeat; padding-bottom: 8px; padding-top: 20px; background-position: center left; }
#AudioE { width: 40%; margin-left: 2%; float: left; height: auto; padding-bottom: 25px; }

#AudioE .title{ font-size: 15px; font-weight: bold; }
#AudioE .nome{ width: 285px; margin-left: 3px; background: #E9E9E9; color: #FE9E10; text-align: center; padding-top: 4px; padding-bottom: 4px; }
#AudioE .box{ width: 90%; margin-left: 5%; padding-left: 8%; background: 0 20px url(../img/sound.gif) no-repeat; padding-bottom: 8px; padding-top: 10px; background-position: center left; }

/*
BUSCA
*/
#busca { width: 100%; height: 25px; margin-top:10px;}
#busca label { font-weight: bold; }
#busca input { width: 150px; background: #E3E3E5; border: none;  height: 13px; font-size: 10px; }
#busca input.radio { background:none !important; }
#busca .submit { margin-left: 5px; }
#busca div { float: left; }


/*
DE SEU ALO
*/
#AloE { width: 50%; margin-left: 23px; float: left; height: auto; background: url(../img/bg_box_alo.jpg) no-repeat; padding-bottom: 25px; }
#AloE .box { width: 360px !important; margin-left: 10px; padding-left: 8%; background: 0 20px url(../img/ico_comentario.gif) no-repeat; padding-bottom: 8px; padding-top: 20px; background-position: center left; }
#AloE .border{ padding-bottom: 10px; border-bottom: 2px solid #ECECEC; }

#AloD { width: 30%; float: left; height: auto; padding-bottom: 25px; border-left: 2px solid #ECECEC; padding-left: 15px; }
#AloD .box{ width: 90%; margin-left: 5%; padding-left: 8%; background: 0 20px url(../img/sound.gif) no-repeat; padding-bottom: 8px; padding-top: 10px; background-position: center left; }

#AloE .box{width:88%}
/*
GALERA
*/
#GaleraCaixa { width: 95%; margin: 0 auto; padding: 20px; }
#part1 { float: left; width: 48%; height: 140px; /*background: url(../img/ico_cadastro.jpg) no-repeat;*/ padding: 10px 0 0 0px; }
#part2 { float: left; width: 48%; border-left: 1px solid silver; height: 140px; /*background: url(../img/ico_foto.jpg) 10px 10px no-repeat;*/ padding: 10px 0 0 0px; }
#part3 { float: left; width: 48%; border-top: 1px solid silver; height: 140px; /*background: url(../img/ico_promocao.jpg) 10px 10px no-repeat;*/ padding: 10px 0 0 0px; }
#part4 { float: left; width: 48%; border-top: 1px solid silver;border-left: 1px solid silver; height: 140px; /*background: url(../img/ico_fotos_enviadas.jpg) 10px 10px no-repeat;*/ padding: 10px 0 0 00px; }
.part-texto{ display: table;clear:both}
#part1 .part-texto{margin-left:50px}
#part2 .part-texto{margin-left:40px}
#part3 .part-texto{margin-left:55px}
#part4 .part-texto{margin-left:65px}


.promo { text-align: left; }

.msg_promo { padding-top: 10px; padding-bottom:10px; }

/*
NOTICIAS
*/
#NoticiaE { float: left; height: auto; width: 40%; margin-left: 4%; margin-top: 15px; margin-bottom: 3%; }
#NoticiaE .titulo{ width: 80%; font-size: 16px; font-weight: bold; text-transform: uppercase; padding-top: 3px;}
#NoticiaE .titulo a{ color: #FE8E16;}
#NoticiaE .subtitulo{ width: 80%; padding-top: 10px; padding-bottom: 10px; }
#NoticiaE .btn{ width: 70%; text-align: right; padding: 10px; }
#NoticiaE .img{ border-right: 2px solid #FE8E16; }

/*#NoticiaD { float: right; height: auto; width: 450px; display:table; }
#NoticiaD .noticias { width: 400px; margin: 0 auto; }
#NoticiaD .box { margin-top: 15px; padding-bottom: 8px; border-bottom: 1px solid #FE8E16; height: auto; display: table; }
#NoticiaD .img { float: left; width: 70px; }
#NoticiaD .txt { float: right; width: 330px; }
#NoticiaD .txt .titulo{ text-transform: uppercase; }*/

#NoticiaT { width: 80%; margin-left: 10%; }
#NoticiaT .titulo{ font-size: 16px; color: #FE8E16; font-weight: bold; text-transform: uppercase; padding-top: 3px; }

#Noticia { width: 80%; margin-left: 10%; margin-top: 20px; margin-bottom: 3%; }
#Noticia p{ text-align: justify; }

/*
NA RADIO
*/
#NaRadio { width: 85%; margin: 15px auto; margin-left: 3%; }
#NaRadioE { float: left; width: 50%; text-align: justify; }
#NaRadioD { float: left; width: 48%; margin-left: 1%; text-align: justify; }

/*
PERFIL
*/
#Perfil { width: 95%; margin: 0 auto; text-align: justify;  }
#PerfilE { float: left; width: 66%; margin-bottom: 3%; }
#PerfilE p{ width: 85%; margin: 10px; }
/*#PerfilD { float: left; width: 30%; margin-left: 1%; background: url(../img/bg_curiosidades.jpg) 5px 100px no-repeat; height: 280px; padding-top: 130px; padding-left: 20px; }*/
#PerfilD .box{ margin-top: 5px; padding-top: 5px; border-top: 1px solid #FE8E16; width: 100%; }
#PerfilD .first{ border: 0; }
#PerfilD { float: left; width: 30%; margin-left: 1%; padding-top: 130px; padding-left: 20px; margin-bottom:40px; }
#PerfilD #top{ background: url(../img/bg_curiosidades.jpg) no-repeat top center; width:100%; height:25px; }
#PerfilD #bottom{ background: url(../img/bg_curiosidades.jpg) no-repeat bottom center; width:100%; height:25px; }
#PerfilD #center{ background: #EEEEEE ; width:242px; margin-left:10px; padding: 12px; }

/*
GALERA - ENVIE
*/
#EnvieE { float: left; width: 60%; margin-left: 3%; background: #ECECEC; height: 300px; margin-top: 15px; margin-bottom: 15px; }
#EnvieE .box{ margin: 4%; }
#EnvieE .postado{ font-size: 12px; font-weight: bold; }
#EnvieE .nome{ text-transform: uppercase; font-weight: bold; }
#EnvieE .proxima{ width: 100%; margin: 10px; text-align: right; }
#EnvieD { float: right; width: 30%; margin-left: 3%; height: auto; margin-top: 15px; }


/* ERRO */
.error-message, #flashMessage{ color:#B10505; }

/* DESTAQUES */
#destaque1 {
	width: 100%;
}

#destaque1 .foto {
	width: 45%;
	margin-left: 2.5%;
	float: left;
	margin-top: 20px;
}

#destaque2 {
	width: 500px;
	margin: 0 auto;
}

#destaque2 .foto {
	margin-top: 20px;
}

#destaque3 {
	width: 100%;
	text-align: center;
	margin: 0 auto;
}

#destaque3 .foto {
	margin-top: 20px;
	float: left;
	margin-left: 7%;
}

#destaque4 {
	width: 100%;
	text-align: center;
	margin: 0 auto;
}

#destaque4 .foto {
	margin-top: 20px;
	float: left;
	margin-left: 7%;
}

#destaque5 {
	width: 100%;
	text-align: center;
	margin: 0 auto;
}

#destaque5 .foto {
	margin-top: 20px;
	float: left;
	margin-left: 4%;
}

#destaque6 {
	width: 100%;
}

#destaque6 .layout_esquerdo {
	float: left;
	width: 50%;
}

#destaque6 .layout_esquerdo img {
	margin-left: 20px;
}

#destaque6 .layout_direito {
	float: right;
	width: 50%;
}

#destaque6 img{
	margin-top: 20px;
}

#destaque7 {
	width: 100%;
}

#destaque7 .foto {
	width: 500px;
	margin: 0 auto;
}

#destaque8 {
	width: 100%;
}

#destaque8 .foto {
	width: 45%;
	margin-left: 2.5%;
	float: left;
}
.subtitulo_alo{
	position:relative;
	left:10px;
}
#index_fotos{
	margin-bottom:20px;
}


#rodape #desenvolvedor{
	float:left;
	left:12px;
	position:relative;
	top:6px;
}