/* ----------------------------------------------------------------------

	site.css
	* Define o estilo de todas as áreas do site

---------------------------	
	Topo:	
------------------------ */
@import 'blueprint/screen.css';

#logo{
	height:250px;
}

#logo a{
	display:block;
	background:url(images/logo.png) no-repeat;
	width:360px;
	height:291px;
	position: relative;
	bottom: 20px;
}

#logo a span{
	display:none;
}

#logo_antiga a{
	display:block;
	background:url(images/ejcm-logo.gif) no-repeat;
	width:360px;
	height:113px;
	margin-top:20px;
}

#logo_antiga a span{
	display:none;
}

#menu{
	margin-top:0;
	list-style-type:none;
	list-style-position:outside
}

#menu li{
	line-height:130%;
	text-transform:lowercase;
	font-size:18px;
	font-style:italic;
}

#menu li a:link,
#menu li a:hover,
#menu li a:active,
#menu li a:visited
{
	color:#404040;
}	

#menu li a:hover{
	color:#0072BC;
}


#menu.inicio li.inicio a,
#menu.servicos li.servicos a,
#menu.portfolio li.portfolio a,
#menu.ps li.ps a,
#menu.blog li.blog a,
#menu.quem-somos li.quem-somos a,
#menu.parceiros li.parceiros a,
#menu.contato li.contato a{color:#0072BC;}


/* ------------------------
	Principal:	
------------------------ */

#portfolio li div{margin-right: 7px; float: left;}

/* ------------------------
	Quem-Somos:	
------------------------ */

#quem-somos p{font-size:16px;}
#quem-somos #equipe img{ margin:0;}
#quem-somos h4{font-size:14px; padding: 1px; font-weight: bold; display: inline;}
/*#quem-somos h4.pres{background-color: #e40000; color: white;}
#quem-somos h4.rh{background-color: #84e100; color: white;}
#quem-somos h4.mkt{background-color: #ffc231;}
#quem-somos h4.proj{background-color: #007eff; color: white;}
#quem-somos h4.fin{background-color: #f4e000;}
#quem-somos h4.cons{background-color: #900044; color:white;}*/

#equipe img{ border: 1px solid #dcdcdc; }
#equipe small{ color: #444; font-style: italic; font-weight: normal;}

/* ------------------------
	Portfolio:	
------------------------ */

a img{
	border:1px solid #ccc;
}

div#portfolio-home{
}

/* ------------------------
	Blog:	
------------------------ */
#coluna-lateral img{ border: 0; }
#coluna-lateral h3{ background-color: #f8f8f8; padding: 10px; }

#principal #texto img{ display: none; }

#principal ,#secundario {  }

#principal h3 a,#secundario h3{
	width:90%;
	font-size:25px;
	color:#0072bc;	
	margin-bottom:12px;
}

#principal p{
	margin-top:8px;
	font-size:16px;
}

#secundario p{
	margin-top:8px;
}

#secundario h3{
	font-size:20px;
}

#principal small,#secundario small{
	font-size:11px;
	background-color:#0072BC;
	padding:3px 5px;
	color:#fff;	
}

#blog h3{
	font-size:26px;
}

#tag-cloud{}

#tag-cloud ul li{ display:inline;}

#tag-cloud a{ line-height:60%; }

#tag-cloud a:hover{
	text-decoration:underline;	
}

a.tamanho0	{font-size:12px;}
a.tamanho1	{font-size:20px;}
a.tamanho2	{font-size:25px;}
a.tamanho3	{font-size:30px;}
a.tamanho4	{font-size:35px;}
a.tamanho5	{font-size:40px;}

span.fonte{font-style:italic;}

/* ------------------------
	Comentários:	
------------------------ */

#comentarios{}

#comentarios .nome{ font-weight:bold; font-size:18px; letter-spacing:-1px; color:#404040; margin-right: 3px;}
#comentarios .data{ font-size: 12px; }
#comentarios .url{ font-size: 12px; }
#comentarios p{ font-size: 12px; }
#comentarios textarea{ width:300px !important; height: 160px;}
#comentarios input{ width:240px !important; }
#comentarios input.botao{ width:auto !important; }
#comentarios small{ background-color: white; color: #777; font-style: italic;}
#comentarios small.erro{color:red;font-style:normal;}

/* ------------------------
	Parceiros:	
------------------------ */

div#parceiros div{text-align: center;}


/* ------------------------
	Contato:	
------------------------ */

#erroContato{
	background: #dc6880;
}

#contatenosMenu{
	width: 157px;
	height: 130px;
	position: relative;
	float: right;
	top: -23px;
	background: url(./images/areaContrate.jpg) no-repeat;
	display: block;
}


#contatenosMenu span{
	display: none;
}

#contato fieldset{
	margin:0;
	margin-bottom:16px;
}

#contato textarea{	
	height:70px !important;
}
/* ------------------------
	Parceiros:	
------------------------ */
#parceiros a img{
	border:none;
}


/* ------------------------
	Rodapé:	
------------------------ */

#ir-topo{
	font-size:27px;	
}

#ir-topo a{
	color:#fff;	
	background-color:#1f94bf;	
	padding:7px;
	margin:0;
}

#copyright{
	margin:0;
	padding-right:0;
}

#borda-rodape{
	background:#1f94bf none repeat scroll 0 0;	
	height:17px;
	width:100%;	
}

#texto-ps{
	text-align: justify;
}

#texto-ps h3{
	text-align: center;
	line-height: 20px;
}

#texto-ps input{
	width: 100% !important;
}

/* -------------------------------------------------------------- 
   
   base.css
   * Define estilos em comum para todas as páginas   
  
-------------------------------------------------------------- */

.showgrid{background:transparent url(blueprint/lib/grid.png) repeat scroll 0;}

.debug-borda{border:1px solid red;}
.debug-fundo{background-color:red;}

*{font-family:Georgia,Helvetica,serif !important;}

body {
    border-top: 12px solid #1F94BF;
    margin: 0;
    padding-top: 23px;
}

div{ position:relative; }

h1,h2,h3,h4,h5,h6{color:#404040;}

h2{
	font-size:36px;
	line-height:100%;	
	font-weight:bold;	
}

h3{margin-bottom:10px;}

h3.maior{font-size:25px;}

hr{height:1px;}

p{
	font-size:14px;
	line-height:150%;
}

p.maior{font-size:16px;}

a:link,
a:hover,
a:active,
a:visited{
	color:#0072bc;
	text-decoration:none;
}

a.setinha{
	margin-bottom:8px;
	padding: 1px 23px 1px 0;
	background: url(images/ir.gif) no-repeat right;
}

fieldset{
	padding: 15px;
	margin-top: -5px;
	border-top:1px solid #efefef;
	border-left:1px solid #efefef;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}

legend{
	
}

label{
	color:#404040;
	font-size:14px;
	font-weight:normal;
	text-transform:none;
	font-style:italic;
	cursor:pointer;
}

input,select,textarea{
	padding:4px;
	margin:4px 0;
	padding:4px;	
	border:0;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-bottom:1px solid #efefef;
	border-right:1px solid #efefef;	
	border-right:1px solid #efefef;
	width:100%;
}

textarea{
	height:100px;
}

#principal ul{
	margin-bottom: 20px;
}
#principal ul li{
	margin: -10px 0 -20px 30px;
}

input.botao{
	width:auto;
	margin:10px 0;
	cursor:pointer;
	color:#fff;
	background-color:#0072bc;
	font-weight:bold;
}
input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus{
	border-top: 1px solid #0072BC;
	border-left: 1px solid #0072BC;
	border-bottom: 1px solid #009AFE;
	border-right: 1px solid #009AFE;
}

div.info, div.sucesso, div.erro {
	background-repeat: repeat-x;
	margin-top: 10px;	
	padding:4px;
	margin-bottom: 20px;
}

div.sucesso	{background-color:#E6EFC2;border:2px solid #C6D880;color:#8A1F11;}
div.erro	{background-color:#FBE3E4;border:2px solid #FBC2C4;color:#514721;}
div.info	{background-color:#FFF6BF;border:2px solid #FFD324;color:#264409;}


small.erro{
	color:red;
}

.centralizado{ text-align: center;}
div{
}