/*
Theme Name: GAPPE: Grupo de Apoio Psicologico para Pais e Educadores
Author theme: Eric Simmelhag
Author uri: www.splashdigital.com.br
Developed by: Bruna Morato
Developers uri: www.brunamorato.com
Description: Website do GAPPE: Grupo de Apoio Psicologico para Pais e Educadores
*/

@import url("reset.css");

html {
	background: #fffef8 url('../img/bg_html.jpg') repeat-x;
	;
	height: 100%;
	width: 100%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 75%;
	}

body {
	height: 100%;
	margin: 60px auto 20px auto;
	width: 720px;	
	}
	
strong {font-weight: bold;}
em {font-style: italic;}
.al_center {text-align: center;}

h1, h1 a {font-size: 175%; color: #7030a0; font-weight: bold; margin-left: 22px; line-height: 26px; text-decoration: none; float: left;}
h1 a {margin-left: 0 !important;}
h1 a:hover {color: #883bc1;}
h1 span {
	font-size: 60%;
	color: #666666;
	margin-top: 10px;
}

.letra {
	font-family:Tahoma, Geneva, sans-serif !important;
	font-weight: normal;
}

ul#links_top {text-align: right; margin: 41px 22px 12px 0; padding-top: 41px;}
ul#links_top li {display: inline; margin-left: 8px;}

div#img_flash {width: 720px; height: 200px; margin-bottom: 16px;}

#dv_menu #dv_l_menu {background: url('../img/menu_l_bg.gif') left no-repeat; width: 20px; height: 40px; float: left;}
ul#menu {background: url('../img/menu_bg.gif') repeat-x; width: 676px; height: 28px; padding: 12px 0 0 2px; margin-bottom: 20px; float: left}
ul.menu_mg_bt {margin-bottom: 5px !important;}
ul#menu li {display: inline; }
ul#menu li a {
	text-decoration: none;
	color: #666;
	font-size: 110%;
	line-height:110%;
	font-weight: bold;
	margin-right: 27px;
}
ul#menu li#li_fale_conosco a {margin-right: 0;}
ul#menu li.active_gappe a , ul#menu li#li_gappe a:hover  {color: #70309f;}
ul#menu li.active_tdah a , ul#menu li#li_tdah a:hover {color: #f00;}
ul#menu li.active_apoio_pais a , ul#menu li#li_apoio_pais a:hover {color: #39f;}
ul#menu li.active_gats a , ul#menu li#li_gats a:hover, .middle h2#h2_gats_middle {color: #ffb139;}
ul#menu li.active_palestras a , ul#menu li#li_palestras a:hover, .middle h2#h2_palestras_middle {color: #0c0;}
ul#menu li.active_perguntas a , ul#menu li#li_perguntas a:hover, .middle h2#h2_perguntas_middle {color: #f00;}
ul#menu li.active_fale_conosco a , ul#menu li#li_fale_conosco a:hover, .middle h2#h2_fale_conosco_middle {color: #f90;}
#dv_menu #dv_r_menu {background: url('../img/menu_r_bg.gif') right no-repeat; width: 22px; height: 40px; float: left;}

.item_home {width: 221px; color:#333; margin-bottom: 40px; float: left;}
.i_h_gappe, .i_h_tdah {margin-right: 28px;}
.item_home .item_l_home {background: url('../img/item_home_l_bg.gif') no-repeat left; width: 15px; height: 324px; float: left;}
.item_home .item_bg_home {background: url('../img/item_home_bg.png') repeat-x; height: 324px; width: 190px; padding-top: 15px; float: left;}
.item_home .item_r_home {background: url('../img/item_home_r_bg.gif') no-repeat right; width: 15px; height: 324px; float: left;}
.item_home h2#h2_gappe, .item_home h2#h2_tdah, .item_home h2#h2_apoio_pais, h2#h2_gappe_middle, h2#h2_tdah_middle, h2#h2_apoio_middle, h2#h2_gats_middle, h2#h2_palestras_middle, .middle h2#h2_perguntas_middle, .middle h2#h2_fale_conosco_middle {font-size: 190%; font-weight: bold; padding-bottom: 5px;}
#h2_tdah2 {font-size: 120%; padding-bottom: 5px; color: #f00;}
.i_h_gappe a, .i_h_tdah a, .i_h_apoio a {text-decoration: none; text-align: right; font-weight: bold;}
.item_home h2#h2_gappe, .i_h_gappe a, h2#h2_gappe_middle, h2#h2_gappe_middle a  {color: #70309f; text-decoration: none;}
h2#h2_gappe_middle a:hover {text-decoration: underline;}
.item_home h2#h2_tdah, .i_h_tdah a, h2#h2_tdah_middle {color: #f00;}
.item_home h2#h2_apoio_pais, .i_h_apoio a, h2#h2_apoio_middle {color: #39f;}
.item_home p {padding-bottom: 7px; padding-top: 5px; line-height: 110%;}
.item_home p.p_mais, .item_home p.p_mais a {text-align: right;}
.item_home p.p_mais a:hover {text-decoration: underline;}
.item_home p.p_mais_gappe {
	margin-top: -6px;
}
.item_home p.p_mais_tdah {
	margin-top: 3px;
}
.item_home p.p_mais_apoio {
	margin-top: -6px;
}

#p_fale a {
	color: #70309F;
}

.font_size {text-align: right; margin: 0 25px 5px 0;}
.font_size img {margin-left: 5px;}

.middle {margin-bottom: 40px; padding:10px 22px 0 22px;; color: #333;}
.middle h2 {margin-bottom: 22px;}
.middle h2#h2_gappe_middle span, .middle h2#h2_gats_middle span, .middle h2#h2_palestras_middle span {font-size: 85%;}
.middle h2#h2_tdah_middle span.sp_01 {font-size: 90%;}
.middle h2#h2_tdah_middle span.sp_02 {font-size: 65%;}
.middle p, .middle ol {margin-bottom: 19px; line-height: 120%;}
.middle a{color: #333; font-weight: bold; text-decoration: none;}
.middle a:hover {text-decoration: underline;}
p.p_mais a {text-align: right;}
.middle ol {padding-left: 40px;}
.middle ol li {line-height: 120%; list-style: decimal;}
.middle h3 {font-size: 125%; margin-bottom: 20px; font-weight: bold; color: #F00;}
.middle ul#palestras {margin-bottom: 20px;}
.middle ul#palestras li {background: url('../img/bullet_palestras.gif') no-repeat left; line-height: 110%; padding-left: 10px; margin-bottom: 5px;}
.middle div#div_fale_normal {width: 330px; float: left;}
.middle div#div_fale_normal dl {
	margin-bottom: 35px;
	margin-top: 20px;
}
.middle div#div_fale_normal dl dt {width: 70px; float: left;}
.middle div#div_fale_normal dl dd {padding-left: 70px; margin-bottom: 20px; line-height: 140%;}
.middle div#div_fale_normal dl dd a:hover {text-decoration: underline;}
.middle #div_fale_normal li {
	margin-bottom: 5px;
}

.middle div#div_form {
	border-left: 1px dashed #898989;
	width: 320px;
	padding-left: 20px;
	margin-bottom: 40px;
	float: left;
}
.middle div#div_form label span {float:left;}
.middle div#div_form form input, .middle div#div_form form textarea {width: 275px; margin-bottom:12px; border: none; background-color: #ddd;}
.middle div#div_form form input {height: 25px;}
.middle div#div_form form input#nome, .middle div#div_form form input#email {margin-left: 2px;}
.middle div#div_form form input#telefone {
	margin-left: 11px;
}
.middle div#div_form form textarea {height: 85px; margin-left: 2px;}
.middle div#div_form form input.btn_form_contato {font-family: "Trebuchet MS", Arial, Verdana, sans-serif; font-size: 90%; background: url('../img/bg_btn.gif') no-repeat; width: 55px; cursor: pointer; margin: 16px 0 0 19px; padding-bottom: 15px; float: right;}
.middle div#div_form form input.btn_form_limpar {margin-right: 19px;}

#info_gappe p, #info_deficit p, #info_diversos p {line-height: 130%; margin-bottom: 15px;}

/* Bordas Arredondadas */
#blocks {width: 720px; height: auto; float: left;}

#b1, #b2, #b3, #b4, #b1b, #b2b, #b3b, #b4b {display:block; overflow:hidden; font-size:1px}
#b1, #b2, #b3, #b1b, #b2b, #b3b {height:1px;}
#b1, #b1b {margin:0 5px;}
#b2, #b2b {margin:0 3px;}
#b3, #b3b {margin:0 2px;}
#b4, #b4b {height:2px; margin:0 1px;}

#b1, #b2, #b3, #b4, #b1b, #b2b, #b3b, #b4b, #middle_all {background-color:#fff;}
/*********************/

p#frase_fim {
	text-align: center;
	font-size: 140%;
	color: #333;
	margin-bottom: 12px;
	font-weight: bold;
}
p#frase_fim span {color: #70309f;}

#footer {height:40px;}
#footer #footer_l {background: url('../img/menu_l_bg.gif') left no-repeat; width: 15px; height: 40px; float: left;}
#footer #footer_bg {background: url('../img/menu_bg.gif') repeat-x; width: 690px; height: 40px; padding-top: 17px; float: left;}
#footer #footer_r {background: url('../img/menu_r_bg.gif') right no-repeat; width: 15px; height: 40px; float: left;}
#footer p {font-size: 11px; color: #333; padding: 0 195px 0 267px; float: left;}
#footer a {color: #999; text-decoration: none;}
#footer a:hover {text-decoration: underline;}