/*
Theme Name: Ilha de Eventos 2008
Theme URI: http://www.ilhadeeventos.com.br/
Description: Theme do site 2008
Version: 1.0
Author: Raphael Nikson
Author URI: www.raphaelnikson.com.br
*/

@import url(reset.css);
@import url(contato.css);
@import url(servicos.css);
@import url(clientes.css);
@import url(portfolio.css);
/**********************
	ALINHAMENTO
***********************/
	#site{
		width:970px;
		margin:0 auto;
	}
	
	#ramo001 {
		position:absolute;
		width:213px;
		height:316px;
		right:5%;
		top:145px;
		background:url(../img/ramo-detalhe-01.gif) no-repeat;
	}
	
	#ramo002 {
		position:absolute;
		width:199px;
		height:185px;
		left:43%;
		margin-right:-100px;
		top:145px;
		background:url(../img/ramo-detalhe-02.gif) no-repeat;
	}
	
	
	
	#tracos {
		position:absolute;
		width:180px;
		height:138px;
		top:44px;
		left:35%;
		background:url(../img/tracos.jpg);	
	}
	#tracos2 {
		position:absolute;
		width:180px;
		height:138px;
		top:44px;
		left:35%;
		background:url(../img/tracos.jpg) no-repeat;	
	}
/**********************
	MENU TOPO
***********************/
	#menu-rapido {
		background:url(../img/menu-rapido-bg.jpg) no-repeat;
		float:right;
		margin-top:13px;
		padding-top:7px;
		width:120px;
		height:24px;
		padding-left:10px;
	}
	
	#menu-rapido ul li {
		display:inline;
		margin-right:7px;
	}
	
	#menu-rapido ul li a {
		font:11px tahoma;
		color:#C82F00;
		text-decoration:none;
	}
	
	#menu-rapido ul li a:hover {
		color:#333333;
	}
/**********************
	TOPO
***********************/
	#topo {
		clear:right;
		width:970px;
		height:138px;
	}
	
	#topo #logomarca {
		padding-top:30px;
		float:left;
		margin-left:30px;
		_margin-left:13px;
	}	
	
	#topo #logomarca h1 a{
		width:234px;
		height:85px;
		display:block;
		background:url(../img/ilha-de-eventos-logo.gif) no-repeat;
		text-indent:-999999px;
	}
	
	#topo #frase {
		margin-top:50px;
		float:right;
		
		width:400px;
		font:italic 17px Georgia, "Verdana";
		color:#CC3300;
		text-align:right;
	}
	
	#topo #frase span{
		font:italic 17px Georgia, "Verdana";
		color:#666;
	}

/**********************
	CONTEÚDO
***********************/

	#conteudo {
		clear:both;
		margin-top:20px;
	}
	
	#conteudo #lado-conteudo {
		width:575px;
		float:left;
		line-height:18px;
	}
	
	#banners h2{
		margin-left:30px;
	}
	
	#flash {
		width:535px;
		height:200px;
		position:relative;
		z-index:10000;
	}
	
	#apresentacao {
		margin-top:5px;
		padding-left:30px;
		padding-right:53px;
		text-align:justify;	
	}
	
	#conteudo #lado-menu{
		width:395px;
		float:right;
	}
	
	#menu {
		width:380px;
		background:#C82F00;
		padding:8px;
		height:20px;
		margin-top:-21px;
		_position:absolute;
		_height:15px;
	}
	
	#menu ul li {
		height:35px;
		float:left;
		margin-right:6px;
	}
	
	#menu ul li a{
		font:17px Georgia, serif;
		color:#fff;
		text-decoration:none;
	}
	
	#menu ul li a:hover, #menu ul li a.pagAtual{
		font:17px Georgia, serif;
		color:#FFCC00;
	}
	
	#box {
		clear:both;
		margin-top:60px;
	}
	
	#box #detalhe-left{
		width:46px;
		height:380px;
		background: url(../img/detalhe-box.gif);
		float:left;
	}
	#box #detalhe-right{
		width:46px;
		height:380px;
		background:url(../img/detalhe-r-box.gif);
		float:right;
	}
	
	#box-conteudo {
		width:293px;
		float:right;
		padding:10px 5px 10px 5px;
		height:360px;
		font-size:11px;
		background:url(../img/box-bg.gif);
	}
	
	#box-conteudo h3 {
		margin-bottom:10px;
		color:#FF9900;
	}
	.thumbServico {
		float:left;
		margin-right:5px;
		margin-bottom:10px;
		background-color:#fff;
	}
	
	.nomeServico {
		font:bold 11px;
		color:#FF9900;
	}
	
	.infoServico {
		float:right;
		width:190px;
	}
	
	#box-conteudo ul li{
		clear:both;
		display:block;
		margin-bottom:10px;
		line-height:18px;
	}

/**/


#box2 {
		clear:both;
		margin-top:30px;
		_margin-top:60px;
		
	}
	
	#box2 #detalhe-left2{
		width:46px;
		height:185px;
		background:url(../img/detalhe-box2.gif);
		float:left;
	}
	#box2 #detalhe-right2{
		width:46px;
		height:185px;
		background:url(../img/detalhe-r-box2.gif);
		float:right;
	}
	
	#box-conteudo2 {
		width:293px;
		float:left;
		padding:10px 5px 10px 5px;
		height:165px;
		font-size:11px;
		background:url(../img/box-bg.gif);
	}
	
	#box-conteudo2 h3 {
		margin-bottom:10px;
		color:#FF9900;
	}
	
	
	#box-conteudo2 ul li{
		clear:both;
		display:block;
		margin-bottom:10px;
		line-height:18px;
	}











	
	.mais {
		margin-left:50px;
		display:block;
		width:15px;
		height:15px;
		padding:5px;
		background:#EB3A00;
		text-align:center;
		font-size:11px;
		text-decoration:none;
		color:#FFFFFF;
	}
	
	.mais:hover{

		background:#333;

	}
	

/**********************
	RODAPÉ
***********************/
	#rodape {
		padding-left:30px;
		clear:both;
		margin-top:40px;
		position:relative;
		top:40px;
		height:100px;
		font-size:11px;
		line-height:20px;
	}
	
	#atendimento {
		width:130px;
		float:left;
		margin-right:20px;
	}
	
	#endereco {
		width:500px;
		float:left;
		margin-right:20px;
	}
	
	.razao-social {
		font:bold 11px;
		color:#CC3300;
	}
	
	.tel {
		font:bold 16px georgia;
		color:#666;
	}
	
	#credito {
		float:right;
	}
	
	#credito .charles {
		font-size:10px;
		color:#CC3300;
		text-decoration:none;
	}
	
	#credito .peixoto {
		
		color:#FF9900;

	}
	
	#credito a {
		text-decoration:none;
	}
	
	.texto-laranja {
		font-size:11px;
		color:#CA3100;
	}
	

	#quemSomos {
		margin-left:30px;
		margin-top:20px;
		color:#666;
	}
	
	#quemSomos ul li{
		margin-bottom:20px;
		font-size:11px;
		line-height:15px;

		
	}
	
	.quem-somos-cargo{

		font-size:12px;
		
		margin-bottom:5px;
	}