/*

Título: Jovem Cidadão - Meu primeiro trabalho
Desenvolvedor: Simone Fachinelli
Site: http://www.meuprimeirotrabalho.sp.gov.br

*/

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800);


* { margin:0;}

html, body { background:url(../images/bg.jpg) repeat; }

li { list-style:none;}

#geral { width:1000px; height:1010px; margin:0 auto;}
#geral-paginas #dicas { margin:-200px 0 0 220px; width:780px; font-family: 'Open Sans', sans-serif; font-size:14px; color:#585858; float:right; }
#geral-paginas #dicas li { list-style:inside; line-height:25px; margin:0;}
#geral-paginas #dicas h1.paginas { color:#585858; font-size:20px; margin:0; font-family: 'Open Sans', sans-serif; text-transform:uppercase; }
#geral-paginas #dicas p { color:#585858; text-align:justify; line-height:25px; font-family: 'Open Sans', sans-serif; font-size:14px; }
#geral-paginas #dicas #time { float:left; margin: 0 15px 0 0;}

#geral-paginas { width:1000px; height:400px; margin:100px auto;}
#geral-paginas h1.paginas { color:#585858; float:left; font-size:20px; font-family: 'Open Sans', sans-serif; text-transform:uppercase; }
#geral-paginas p.paginas { float:right; color:#585858; text-align:justify; line-height:25px; margin:20px 0; font-family: 'Open Sans', sans-serif; font-size:14px;}
#geral-paginas img#conheca { float:right; margin:30px 20px 0 20px;}
#geral-paginas img#aluno { float:right; margin:30px 20px 0 20px;}
#geral-paginas img#faleconosco { margin:40px 20px 0 -60px;}
#geral-paginas a { color:#585858;}
#geral-paginas a:hover { color:#989898; }
#geral-paginas #creditos { margin:0 0 0 100px; width:800px; font-family: 'Open Sans', sans-serif; font-size:14px; color:#585858; }
#geral-paginas #creditos p.c {color:#585858; text-align:center; line-height:25px; font-family: 'Open Sans', sans-serif; font-size:14px;}
#geral-paginas #creditos h1.paginas2 { color:#585858; font-size:20px; margin:0 0 -20px 0; font-family: 'Open Sans', sans-serif; text-transform:uppercase; text-align:center; }

#geral-paginas #palavra {margin:0px; font-family: 'Open Sans', sans-serif; font-size:14px; color:#585858; }
#geral-paginas #palavra h1.paginas { color:#585858; float:left; font-size:20px; font-family: 'Open Sans', sans-serif; text-transform:uppercase; }
#geral-paginas #palavra p.paginas { color:#585858; text-align:justify; line-height:25px; margin:20px 0; font-family: 'Open Sans', sans-serif; font-size:14px; }
#geral-paginas #palavra img#secretario { float:right; margin:40px 0 0 20px;}


#geral-paginas #barra-left {  padding:10px; font-family: 'Open Sans', sans-serif; font-size:12px; font-weight:bold; color:#fff; float:left; width:180px; height:170px; margin:0 20px 20px -10px;  }
#geral-paginas #barra-left #titulo { background:#fff; border: 1px solid #00406d; color:#00406d; height:30px; font-size:14px; padding:10px 0 0 10px; font-family: 'Open Sans', sans-serif; }
#geral-paginas #barra-left li { background:#00406d; padding:10px 10px 10px 10px; text-transform:uppercase;}
#geral-paginas #barra-left li a { color:#fff; text-decoration:none; padding:5px 5px 5px 0;}
#geral-paginas #barra-left li:hover { background:#04375a; }

#geral-paginas #conheca-conteudo { position:absolute; margin:0 0 0 210px; width:800px; font-family: 'Open Sans', sans-serif; font-size:14px; color:#585858; float:right; }
#geral-paginas #conheca-conteudo h1.paginas { color:#585858; float:left; font-size:20px; font-family: 'Open Sans', sans-serif; text-transform:uppercase; }
#geral-paginas #conheca-conteudo p.paginas { color:#585858; text-align:justify; line-height:25px; margin:20px 0; font-family: 'Open Sans', sans-serif; font-size:14px; }
#geral-paginas #conheca-conteudo img#conheca { float:right; margin:0 0 0 20px;}
#geral-paginas #pergunta img#tabela { margin:20px 0 0 40px;}

#geral-paginas #modelos { margin:-30px 0 0 210px; width:500px; font-family: 'Open Sans', sans-serif; font-size:14px; color:#585858; }
#geral-paginas #modelos h1.paginas { color:#585858; float:left; font-size:20px; font-family: 'Open Sans', sans-serif; text-transform:uppercase; }
#geral-paginas #modelos p.paginas { color:#585858; text-align:justify; line-height:25px; margin:20px 0; float:left; font-family: 'Open Sans', sans-serif; font-size:14px; }


#geral2 { width:1000px; height:1600px; margin:0 auto;}
#geral2 a { color:#585858;}
#geral2 a:hover { color:#989898; }
#geral2 #barra-left {  padding:10px; font-family: 'Open Sans', sans-serif; font-size:12px; font-weight:bold; color:#fff; float:left; width:180px; height:170px; margin:0 20px 20px -10px;  }
#geral2 #barra-left #titulo { background:#fff; border: 1px solid #00406d; color:#00406d; height:30px; font-size:14px; padding:10px 0 0 10px; font-family: 'Open Sans', sans-serif; }
#geral2 #barra-left li { background:#00406d; padding:10px 10px 10px 10px; text-transform:uppercase;}
#geral2 #barra-left li a { color:#fff; text-decoration:none; padding:5px 5px 5px 0;}
#geral2 #barra-left li:hover { background:#04375a; }
#geral2 #conheca-conteudo img#empresa { float:right; margin:0 0 0 20px;}
#geral2 #conheca-conteudo { position:absolute; margin:0 0 0 210px; width:800px; font-family: 'Open Sans', sans-serif; font-size:14px; color:#585858; }
#geral2 #conheca-conteudo h1.paginas { color:#585858; float:left; font-size:20px; font-family: 'Open Sans', sans-serif; text-transform:uppercase; }
#geral2 #conheca-conteudo p.paginas { color:#585858; text-align:justify; line-height:25px; margin:20px 0; font-family: 'Open Sans', sans-serif; font-size:14px; }
#geral2 #conheca-conteudo img#conheca { float:right; margin:0 0 0 20px;}

#geral-paginas #pergunta { margin:-210px 0 0 210px; width:750px; font-family: 'Open Sans', sans-serif; font-size:14px; color:#585858; float:left;}
#geral-paginas #pergunta h1.paginas { color:#585858; float:left; font-size:20px; font-family: 'Open Sans', sans-serif; text-transform:uppercase; }
#geral-paginas #pergunta p.paginas { color:#585858; text-align:justify; line-height:20px; margin:0; font-family: 'Open Sans', sans-serif; font-size:14px; margin-bottom:20px; }

#geral3 #coluna2 { margin:20px 0px 0; width:350px; font-family: 'Open Sans', sans-serif; font-size:14px; color:#585858; float:right; }
#geral3 #coluna2 h1.paginas { color:#585858; float:left; font-size:20px; font-family: 'Open Sans', sans-serif; text-transform:uppercase; }
#geral3 #coluna2 p.paginas { color:#585858; text-align:justify; line-height:20px; margin:-10px 0; font-family: 'Open Sans', sans-serif; font-size:14px; }

#geral3 { width:1000px; height:2800px; margin:0 auto;}
#geral3 a { color:#585858;}
#geral3 a:hover { color:#989898; }
#geral3 #barra-left {  padding:10px; font-family: 'Open Sans', sans-serif; font-size:12px; font-weight:bold; color:#fff; float:left; width:180px; height:170px; margin:0 20px 20px -10px;  }
#geral3 #barra-left #titulo { background:#fff; border: 1px solid #00406d; color:#00406d; height:30px; font-size:14px; padding:10px 0 0 10px; font-family: 'Open Sans', sans-serif; }
#geral3 #barra-left li { background:#00406d; padding:10px 10px 10px 10px; text-transform:uppercase;}
#geral3 #barra-left li a { color:#fff; text-decoration:none; padding:5px 5px 5px 0;}
#geral3 #barra-left li:hover { background:#04375a; }
#geral3 #conheca-conteudo img#empresa { float:right; margin:0 0 0 20px;}
#geral3 #conheca-conteudo { position:absolute; margin:0 0 0 210px; width:800px; font-family: 'Open Sans', sans-serif; font-size:14px; color:#585858; float:right; }
#geral3 #conheca-conteudo h1.paginas { color:#585858; float:left; font-size:20px; font-family: 'Open Sans', sans-serif; text-transform:uppercase; }
#geral3 #conheca-conteudo p.paginas { width:420px; color:#585858; text-align:justify; line-height:20px; margin:20px 0; font-family: 'Open Sans', sans-serif; font-size:14px; }
#geral3 #conheca-conteudo img#conheca { float:right; margin:0 0 0 20px;}

#geral4 { width:1000px; height:2400px; margin:0 auto;}
#geral4 a { color:#585858;}
#geral4 a:hover { color:#989898; }
#geral4 #barra-left {  padding:10px; font-family: 'Open Sans', sans-serif; font-size:12px; font-weight:bold; color:#fff; float:left; width:180px; height:170px; margin:0 20px 20px -10px;  }
#geral4 #barra-left #titulo { background:#fff; border: 1px solid #00406d; color:#00406d; height:30px; font-size:14px; padding:10px 0 0 10px; font-family: 'Open Sans', sans-serif; }
#geral4 #barra-left li { background:#00406d; padding:10px 10px 10px 10px; text-transform:uppercase;}
#geral4 #barra-left li a { color:#fff; text-decoration:none; padding:5px 5px 5px 0;}
#geral4 #barra-left li:hover { background:#04375a; }
#geral4 #conheca-conteudo img#empresa { float:right; margin:0 0 0 20px;}
#geral4 #conheca-conteudo { position:absolute; margin:0 0 0 210px; width:800px; font-family: 'Open Sans', sans-serif; font-size:14px; color:#585858; float:right; }
#geral4 #conheca-conteudo h1.paginas { color:#585858; float:left; font-size:20px; font-family: 'Open Sans', sans-serif; text-transform:uppercase; }
#geral4 #conheca-conteudo p.paginas { color:#585858; text-align:justify; line-height:20px; margin:20px 0; font-family: 'Open Sans', sans-serif; font-size:14px; }
#geral4 #conheca-conteudo img#conheca { float:right; margin:0 0 0 20px;}

#geral a { color:#585858;}
#geral a:hover { color:#989898; }

#geral #barra-left {  padding:10px; font-family: 'Open Sans', sans-serif; font-size:12px; font-weight:bold; color:#fff; float:left; width:180px; height:170px; margin:0 20px 20px -10px;  }
#geral #barra-left #titulo { background:#fff; border: 1px solid #00406d; color:#00406d; height:30px; font-size:14px; padding:10px 0 0 10px; font-family: 'Open Sans', sans-serif; }
#geral #barra-left li { background:#00406d; padding:10px 10px 10px 10px; text-transform:uppercase;}
#geral #barra-left li a { color:#fff; text-decoration:none; padding:5px 5px 5px 0;}
#geral #barra-left li:hover { background:#04375a; }

#geral #conheca-conteudo img#empresa { float:right; margin:0 0 0 20px;}


#left-slide { float:left }
#right-inscricoes { float:right; }

#menu { background:url(../images/bg-menu.jpg) repeat-x; height:40px; margin:50px auto; }
#menu #margin #logo { position:absolute; margin:-20px 0 0 385px;}
#menu #margin { width:1000px; margin:0 auto;}
#menu #margin ul.left { width:400px; margin:0 auto auto -40px; float:left;}
#menu #margin ul.left li { float:left; list-style:none; color:#fff; text-transform:uppercase; margin: 10px 30px 0 0; font-family: 'Open Sans', sans-serif; font-size:14px;}
#menu #margin ul.left li a { color:#fff; text-decoration:none;}
#menu #margin ul.left li a:hover { color:#B5B5B5;}

#menu #margin ul.right { width:500px; margin:0 -130px auto; float:right;}
#menu #margin ul.right li { list-style:none; float:left; color:#fff; text-transform:uppercase; margin: 10px 25px 0 0; font-family: 'Open Sans', sans-serif; font-size:14px;}
#menu #margin ul.right li a { color:#fff; text-decoration:none;}
#menu #margin ul.right li a:hover { color:#B5B5B5;}

#geral #depoimentos { float:left; background: url(../images/t-depoimentos.png) no-repeat; height:260px; width:333px; margin:20px auto; }
#geral #depoimentos h1 { color:#fff; text-transform:uppercase; font-family: 'Open Sans', sans-serif; font-size:16px; margin:10px 0 0 25px;}
#geral #depoimentos ul li { font-family: 'Open Sans', sans-serif; text-align:justify; font-size:13px; list-style:none; width:290px; margin:20px 0 0 -20px; line-height:18px; color:#585858; }
#geral #depoimentos ul li h3 { font-size: 13px; text-align:right; margin: 5px 5px 0 0; }
#geral #depoimentos #bt-enviar { color:#fff; font-weight:bold; font-size:14px; width:80px; font-family: 'Open Sans', sans-serif; float:right; margin:8px 7px 0 0; text-align:center; padding:3px; 
	background: #243f8f; /* Old browsers */
background: -moz-linear-gradient(top, #243f8f 0%, #1a2c61 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #243f8f 0%,#1a2c61 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #243f8f 0%,#1a2c61 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#243f8f', endColorstr='#1a2c61',GradientType=0 ); /* IE6-9 */
copy}

#geral #depoimentos #bt-enviar a { color:#fff; text-decoration:none;}
#geral #depoimentos #bt-enviar a:hover { color:#D8D8D8;}

#geral5 { width:1000px; margin:0 auto;}
#geral5 #depoimento-conteudo { margin:0 0 50px 0; width:1000px; font-family: 'Open Sans', sans-serif; font-size:14px; color:#585858; }
#geral5 #depoimento-conteudo h1.paginas { color:#585858; float:left; font-size:20px; font-family: 'Open Sans', sans-serif; text-transform:uppercase; }
#geral5 #depoimento-conteudo p.paginas { color:#585858; text-align:justify; line-height:25px; margin:20px 0; font-family: 'Open Sans', sans-serif; font-size:14px; }
#geral5 #depoimento-conteudo img#conheca { float:right; margin:45px 0 0 20px;}

#geral #anuncio { float:right; margin:-13px auto;}
#geral #secretario {margin:32px 0 0 17px; float:left;}
#geral #sistema {margin:32px 0; float:right;}
#geral #conheca-conteudo { position:absolute; margin:0 0 0 210px; width:800px; font-family: 'Open Sans', sans-serif; font-size:14px; color:#585858; }
#geral #conheca-conteudo h1.paginas { color:#585858; float:left; font-size:20px; font-family: 'Open Sans', sans-serif; text-transform:uppercase; }
#geral #conheca-conteudo p.paginas { color:#585858; text-align:justify; line-height:25px; margin:20px 0; font-family: 'Open Sans', sans-serif; font-size:14px; }
#geral #conheca-conteudo img#conheca { float:right; margin:45px 0 0 20px;}

#geral #servicos {margin:0 auto; width:1000px; float:left; font-family: 'Open Sans', sans-serif; }
#geral #servicos ul li { color:#585858; font-size:14px; line-height:24px; text-align:justify;}
#geral #servicos ul li a { color:#585858; font-weight:bold; text-decoration:none;}
#geral #servicos ul li a:hover { color:#7F7F7F;}
#geral #servicos ul li h1 { margin:130px 0 5px 10px; color:#585858; font-size:16px; font-weight:bold; text-transform:uppercase;}
#geral #servicos ul li.img-1 { float:left; background: #fff url(../images/servicos-1.jpg) no-repeat; width:313px; height:275px; margin-left:-45px;}
#geral #servicos ul li p { padding:10px;}
#geral #servicos ul li.img-2 { float:left; background:url(../images/servicos-2.jpg) no-repeat; width:313px; height:270px; margin-left:33px;}
#geral #servicos ul li.img-3 { float:left; background:url(../images/servicos-3.jpg) no-repeat; width:313px; height:270px; margin-left:33px;}

#servicos-2 { background:url(../images/bg-servicos.png) no-repeat top center; width:100%; height:360px; margin:0 auto; z-index:99999; position:absolute;}
#servicos-2 #margin2 { width:1000px; margin: 0 auto;}
#servicos-2 #margin2 ul { margin:20px 0 0 0; float:left; font-family: 'Open Sans', sans-serif; color:#fff; font-size:14px; line-height:24px; text-align:justify;}
#servicos-2 #margin2 ul a { color:#fff;}
#servicos-2 #margin2 ul a:hover { color:#666;}
#servicos-2 #margin2 ul img { margin:10px 0 20px 0;}
#servicos-2 #margin2 ul li { float:left; width:430px;}
#servicos-2 #margin2 ul li h1 { font-size:16px; color:#fff; text-align:center;  }
#servicos-2 #margin2 ul li.servicos2-img1 { margin:0; float:left; }
#servicos-2 #margin2 ul li.servicos2-img2 { margin:0 0 0 50px; }

#parceiros { width:100%; height:250px; clear:both; bottom:0; margin:335px 0 -20px 0; background:url(../images/parceiros.png) no-repeat top center; }
#parceiros #margin3 { width:1000px; margin:0 auto; }
#parceiros #margin3 h1 {color: #585858; font-size:16px; font-family: 'Open Sans', sans-serif; margin: 10px 0 0 60px; float:left; }

#endereco {width:100%; height:75px; margin:0; background:#333333; clear:both; bottom:0; margin-bottom:-20px; }
#endereco #margin4 { width:1000px; margin:0 auto; padding:10px 0; color:#fff; font-family: 'Open Sans', sans-serif; font-size:14px;}
#endereco #margin4 #left { float:left;}
#endereco #margin4 #right { float:right; margin:10px 0;}

/* TOPO GOVERNO */

.topo { width:100%; background:#243f90; margin: 0;}

.topo #container { width:1000px; margin:0 auto; background:#243f90; }
.topo #header { width:960px; height:60px; background:#243f90; }
.topo #bandeira { float:left; }
.topo #logoGov { float:right; margin:17px 10px 0 0; }

.topo #header #contHeader { height:25px; float:left; margin:0 0 0 20px; color:#000100; font-size:14px; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; }
.topo #header #contHeader ul { list-style:none; margin:22px 0 0 0; }
.topo #header #contHeader ul li { display:inline; color:#fff; }
.topo #header #contHeader ul li a { text-decoration:none; color:#fff; }
.topo #header #contHeader ul li a:hover { text-decoration:underline; color:#ccc; }

.topo #linksGoverno { border:0; width:176px; padding:5px 3px; *height:36px; *line-height:-36px; color:#fff; font-weight:bold; font-size:12px; text-align:left; float:left; margin:17px 0 0 380px; background:#5B5A5A url(images/bg-select-gov.jpg) repeat-x; }

input#log { width:245px; height:34px; background:#f4f4f4; text-transform:uppercase; color:#888888; font-size:12px; margin-bottom:10px; border:0; font-weight:700; padding-left:10px; margin-left:10px; border:1px solid #BFBFBF;

}

input#pwd { width:245px; height:34px; background:#f4f4f4; text-transform:uppercase; color:#888888; font-size:12px; margin-bottom:10px; border:0; font-weight:700; padding-left:10px; margin-left:5px; border:1px solid #BFBFBF;

}
.button { padding:10px; border:0; color:#fff; font-weight:bold; margin-left:262px; position:absolute; margin-top:-35px;

background: rgba(180,27,27,1);
background: -moz-linear-gradient(top, rgba(180,27,27,1) 0%, rgba(148,2,2,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(180,27,27,1)), color-stop(100%, rgba(148,2,2,1)));
background: -webkit-linear-gradient(top, rgba(180,27,27,1) 0%, rgba(148,2,2,1) 100%);
background: -o-linear-gradient(top, rgba(180,27,27,1) 0%, rgba(148,2,2,1) 100%);
background: -ms-linear-gradient(top, rgba(180,27,27,1) 0%, rgba(148,2,2,1) 100%);
background: linear-gradient(to bottom, rgba(180,27,27,1) 0%, rgba(148,2,2,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b41b1b', endColorstr='#940202', GradientType=0 );

}


/* FOOTER GOVERNO */

#footer { width:100%; background: url(../images/bg-footer.png) repeat-x; height:61px;}
#footer #margin5 { width:1000px; margin: 0 auto; }