/*<!-------------------------------------------------
@@@ 2008 - Todos os direitos reservados a FATEC-JP.
----------------------------------------------------->*/

															

body{
background-image:url(../images/bg.png);
}

	html, body,
	*, .x {
	margin: 0;
	padding: 0;
	color:#3A578B;
	font-family: "Arial", "Helvetica", sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	line-height: 1em;
	text-decoration: none;
	text-align: left;
	vertical-align: baseline;
	line-height: 1.50em;
	border: 0;
	outline: 0;
	}

/** MEUS CONTAINERS **/

															
div#container {
	background:#fff;
	width: 767px;
	margin: 0 auto;
	text-align: left;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	}
	
	div#header  {
		width: 767px;
		}
		
		div#logo {   /********** imagem logomarca *******/
			float:left;
			margin: 5px 10px 5px 15px;
		}
		
		div#banner1 {  /********** banner 1 ao lado da logo *******/
			float:right;
			margin: 15px 3px 5px 0;
		}
		
		div#topo {    /********** imagem acima do menu horizontal *******/
			width:767px;
		}
		
		div#menu_top {   /********** menu horizontal *******/
			margin:-4px 0 0 0;
			width:767px;
			}
			
	div#content-wrap {  /********** content-wrap  *******/
		width: 767px;
		padding:5px 0 0 0;
		background-image:url(../images/linha_top.gif);
		background-repeat:repeat-x;
		/*background-color:fff;*/
		}
		
		div#content {    /********** content  *******/
			margin: 0 150px;
			padding: 0 0 0 0;
			}
			
			div#content-in {        /********** content-in  *******/
				margin: 5px 0 0 0;
				padding: 0 0 0 0;
				}
				
				div#noticia1{       /********** abaixo do menu horizontal  *******/
				width:450px;
				right:200px;
				margin: 0 auto;
				padding: 0 0 0 0;

				}
				
				div#img_left{   /********** imagens que flotuam a esquerda  *******/
				float:left;
				width:210px;
				margin: 0 0 0 5px;
				}
				
				div#titulo_manchete{    /********** titulo da noticia 1  *******/
				margin: 5px 0 5px 0;
				float:left;
				width:220px;
				}
				
				div#img_noticia1{    /********** imagem da noticia 1  *******/
				float:left;
				margin: 2px 5px 0 3px;
				}
				
				div#noticia1 p {       /********** paragrafo noticia 1  *******/
				padding: 0 0 5px 0;
				text-indent:0px;
				text-align:justify;
				color:#3A578B;
				}
				
				div#noticia1 a:link{
				color:#3A578B;
				}
				
				div#noticia1 a:visited{
				color:#3A578B;
				}
				
				div#noticia1 a:active{
				color:#F3A578B;
				}
				
				div#noticia1 a:hover{
				color:#3A578B;
				}
				
				div#banner2{  /********** banner 2 abaixo de noticia 1  *******/
				
				width:450px;
				margin: 0 auto;
				padding: 8px 0 5px 0;
                border-top:1px solid #ccc;
				}
				
				div#noticia2{   /********** abaixo do banner 2  *******/
				float:none;
				margin: 0 auto;
				width:450px;
				}
				
				div#cursos{     /********** menu imagem  *******/
				padding:0 0 6px 0;
				float:left;
				width:220px;
				border-right: 1px solid #ccc;
				}
				
				div#eventos{     /********** ao lado de menu imagem  *******/
				float:left;
				width:222px;
				padding: 0px 0px 0px 5px;
				/* border:1px solid #ff0000; */
				}
				
				div#eventos p{
				text-align:left;
				color:##3A578B;
				}
				
				div#eventos a:link{
				color:#3A578B;
				}
				
				div#eventos a:visited{
				color:#3A578B;
				}
				
				div#eventos a:active{
				color:#F3A578B;
				}
				
				div#eventos a:hover{
				color:#0066CC;
				}
		
		div.column {     /********** column   *******/
			width: 150px;
			padding: 3px 0 0 0;
			}
			
			div.column-in {    /********** column-in   *******/
				width:150px;
				margin:0;
				padding: 0px 0px 1px 0px;
				}
				
				.img_login{   /********** imagem do formulario de login alunos   *******/
				float:left;
				margin:0 0 0 0;
				}

				div#form {   /**********  formulario de login alunos   *******/
				width:140px;
				background:#fff;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				margin:0 auto;
				padding:0 0 0 0 ;
				}
				
				.cubo {    /********** cubo do formulario de login alunos   *******/
				border:1px solid  #ccc;
				background:#fff;
				width:124px;
				margin: 0 0 0 5px;
				}
				
				label {    /********** label do formulario de login alunos   *******/
				margin: 0 auto;
				padding:2px;
				margin-bottom: 5px;
				text-align:left;
				width:130px;
				float:left;
				color:#3A578B;
				  }
				
				input{
          background-color:#F2F5F6;
          border:1px solid #bebebe;
        
        }
				
				select{
          background-color:#F2F5F6;
          border:1px solid #bebebe;
        
        }
        textarea{
          background-color:#F2F5F6;
          border:1px solid #bebebe;
        
        }
				
				.esqueceu_senha{   /********** esqueceu a senha do formulario de login alunos   *******/
				float:right;
				font-size:10px;
				margin:-20px 0 0 0;
				color:#999;
				}
				
				.submit{      /********** botao submit do formulario de login alunos   *******/
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:11px;
				margin:0 0 0 3px;
				width:30px;
				height:18px;
				border:1px solid  #ccc;
				background:#fff;
				text-align:center;
				color:#999;
				 }
				
				/* .bto{
        text-align:center;
        }
				*/
				.img_public_alunos{  /********** imagem publicações alunos   *******/
				float:left;
				margin:0 0 0 0;
				}
				
				div#alunos{     /********** publicações alunos   *******/
				margin:0px 4px 4px 4px;
				width:140px;
				}
				
				div#alunos p {   /********** conteudo publicações alunos   *******/
				
				padding: 2px ;
				text-align:left;
				color:##3A578B;
				}
				
				div#alunos a:link{
				color:#3A578B;
				}
				
				div#alunos a:visited{
				color:#3A578B;
				}
				
				div#alunos a:active{
				color::#3A578B;
				}
				
				div#alunos a:hover{
				color:#0066CC;
				}
				
	div#footer {    /********** footer   *******/
		background-image:url(../images/bg_rodape.jpg);
		background-repeat:repeat-x;
		padding:2px 0px 0px 0px;
		}
		
		div#footer-in {     /********** footer-in   *******/
			text-align:center;
			margin: 0 auto;
			padding: 20px 0px 26px 0px;
			/*border:1px solid #003366;*/
			}
			
			div#rodape {     /********** rodape   *******/
			margin: 0 auto;
			width:700px;
			}

				#navPyra {      /********** menu rodape   *******/
				margin: 0;
				padding: 0 0 20px 23px;
				border-bottom: 1px solid #9FB1BC;
				}
		
				#navPyra li {
				margin: 0;
				padding: 0;
				display: inline;
				list-style-type: none;
				}
		
				#navPyra a:link, #navPyra a:visited {
				margin: 0 auto;
				float: left;
				font-size: 10px;
				line-height: 14px;
				font-weight: bold;
				padding: 0 12px 6px 12px;
				text-decoration: none;
				color:#ccc;
				}
		
				#navPyra a:link.active, #navPyra a:visited.active, #navPyra a:hover {
				color:#FFCC00;
				background: url(../images/pyramid.gif) no-repeat bottom center;
				}
				
				.hosanarte a:link{ /*************design www.hosanarte.com*************/
				color:#ccc;
				}
				.hosanarte a:visited{
				color:#ccc;
				}
				.hosanarte a:active{
				color:#ccc;
				}
				.hosanarte a:hover{
				color:#CEEBF7;
				}


	h3 {         /*********** h3 h4 h5 h6    ************/
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight:600;
	font-size:1.30em;
	color:#3A578B; 	
	}
	
	h4 { 
	margin-left: 20px; 
	font-size: 1.20em;
	color:#3A578B;
	font-weight:600;	
	}
	
	h5 {  font-size: 1.10em;
  color:#3A578B;
  font-weight:bold;
  }
  
	h6 {  font-size: 10px; 	
	text-align:center;
	color:#ccc;
	}
	
	strong{      /*********** strongs  ***************/
	font-weight: bold;		
	font-size:11px;
	color:#3A578B;
	}
	
	.hide	{ display: none;}/************* comandos de class **/
	.inline	{ display: inline;}
	.block	{ display: block;}
	.nfloat	{ float: none;}
	.lfloat	{ float: left;
	border-right: 1px solid #ccc;
	}
	.rfloat	{ 
	float: right;	
	width:150px;
	height:508px;
	border-left: 1px solid #ccc;
    background:url(../images/bg_colun_right.gif);
	background-repeat:no-repeat;
	}
	.clear	{ clear: both; border: 1px solid #fff;}
	.lclear	{ clear: left;}
	.rclear	{ clear: right;}
	
	/************* sub páginas **/
	
	div#central{
/*border:1px solid #ff0000; */
	float:left;
	margin: 5px 0 0 15px;
	width:590px;
	}
	
	div#centralform{
	float:left;
	margin: 5px 0 0 15px;
	width:594px;
	}
	
	.h3_central {
	padding:5px 15px 15px 5px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight:600;
	font-size:1.30em;
	color:#3A578B; 	
	}
	
	.img_left{
	float:left;
	padding: 5px 30px 10px 5px;
	}
	/* Alinhamento dos paragrafos*/
	div#central p {
	margin: 15px 0 0 0;
	text-indent:0px;
  text-align:left;
	color:#3A578B;
	}

div#central a {
	color:#3A578B;
}

div#central a:hover{
	color:#3A578B;
	font-weight: bold;
}

div#central p strong{
	font-size: 13px;
	}											

.lolo{

color:#ff0000;
}															/** END **/