/*---------------------------------------------------------------
CSS SECURITIZAÇÃO
versao: 1.0
autor: Marcelo JK
email: contatojk@gmail.com
---------------------------------------------------------------*/

html, body {height:100%;} /**/
body {
margin:0; 
padding:0;
background:#006699 url(../imagens/fundo.jpg) center no-repeat fixed;
font-family:"Trebuchet MS", sans-serif;
font-size:100%;
color:#333333;
}
#tudo { 
width:100%;
position:relative;  /*Contexto de posicionamento */
margin:0 auto;
min-height:100%;/**/
}
 * html #tudo {height: 100%;}/**/
#conteudo {padding-bottom:75px;}/**/
a:link {text-decoration:none; color:#FFF; outline:none;}
a:visited {text-decoration:none; color:#FFF; outline:none;}
a:hover {text-decoration:none; color:#FFF; outline:none;}
#site {
width:950px;
margin:0 auto;
}
#topo {
width:950px;
height:140px;
margin-bottom:25px;
}
#topo img {border:none;}
#menu {
width:200px;
float:left;
margin-left:-15px;
}
#nav{list-style:none; margin-left:-30px; margin-top:-10px;}
#nav li{width:197px; height:57px; }
#nav li a{width:197px; height:57px; display:block; background:url(../imagens/menu_bg.png); text-indent:-1000px; outline:none;}
#nav li a.sobre{background-position:0px 0px;}
#nav li a.sobre:hover{background-position:-206px 0px;}

#nav li a.materias{background-position:0px -57px;}
#nav li a.materias:hover{background-position:-206px -57px;}

#nav li a.cursos{background-position:0px -114px;}
#nav li a.cursos:hover{background-position:-206px -114px;}

#nav li a.links{background-position:0px -171px;}
#nav li a.links:hover{background-position:-206px -171px;}

#nav li a.contato{background-position:0px -228px; height:54px;}
#nav li a.contato:hover{background-position:-206px -228px; height:54px;}

#principal {
width:750px;
float:right;
text-align:justify;
}

.topo{width:750px; height:40px; background:url(../imagens/conteudo_topo.png) center; }
.meio{width:750px; height:100%; background:url(../imagens/conteudo_corpo.png) center;}
.meio2 {padding-bottom:1px;}
.fundo{width:750px; height:40px; background:url(../imagens/conteudo_fundo.png) center;}
.fundo2{margin-top:-28px;}

.chamada_index {margin-left:25px; margin-top:-40px;}

.separador {
float:right;
width:740px;
height:50px;
background:url(../imagens/separador.png) repeat-x center;
}
#news {
float:left;
width:670px;
height:130px;
margin-left:205px;
}
.texto1 {
font-style:italic;
color:#FFFFFF;
padding-left:15px;
font-size:120%;
}
.informativo {
border:solid 1px #FFF;
width:175px;
height:22px;
margin-top:15px;
margin-left:5px;
margin-bottom:8px;
padding-left:5px;
padding-top:2px;
color:#999999;
}
.buttonnews{
background:url(../imagens/enviar_news.png);
width:51px;
height:26px;
border:none;
}
.texto2 {
width:670px;
margin-left:19px;
padding-left:21px;
text-align:justify;
font-size:80%;
line-height:170%;
}

.materia{
list-style-image:url(../imagens/marcador.jpg);
margin-left:-20px;
}
.materia li{
border-bottom:dotted 1px #CCC;
padding:10px 0px 10px 0px;
}
.materia li a{
font-size:14px;
font-weight:bold;
color:#005984;
text-decoration:none;
}
.materia li a:hover{
font-size:14px;
font-weight:bold;
color:#005984;
text-decoration:underline;
}
#formulario {margin-bottom:35px;}
#formulario ul {list-style:none; margin-left:-40px;}
#formulario ul li{margin:10px;}
#formulario .campo {height:19px; border:solid 1px #B9D5E3; background-color:#F7FAFC;}
#formulario input, textarea {font-family:"Trebuchet MS", sans-serif; font-size:12px; padding:2px;}

.button{
width:100px;
height:30px;
float:left;
background-image:url(../imagens/button.jpg);
background:url(../imagens/button.jpg);
border:none;
text-transform:uppercase;
font-weight:bold;
color:#FFF;
}
.button:hover{
width:100px;
height:30px;
float:left;
background:url(../imagens/button_hover.jpg);
border:none;
text-transform:uppercase;
font-weight:bold;
color:#FFF;
}

#rodape {
background:url(../imagens/rodape.jpg) #0099CC repeat-x;
width:100%;
height:73px;
position: absolute;
bottom: 0; /**/
font-size:12px;
}
#rodape p {
margin-top:10px;/**/
padding-left:10px;
padding-right:10px;
color:#FFFFFF;
}
#rodape img {border:none;}

.clear {clear:both; height:35px;}
.position {margin-top:-15px;}
.curso {margin:25px 0px 25px 0px;}
.curso img {border:none;}
.legenda{font-weight:bold;}
.form{margin-bottom:-10px;}
.cursosecuritizacao {margin-top:25px; margin-left:208px}
.cursosecuritizacao img{border:none;}