*{
padding: 0;
margin: 0;
}

p{margin-bottom: 10px;}

h2{margin-bottom: 10px;}

h3{margin: 12px 0 5px 0;}

body{
background: url(../imagens/fundo.jpg) repeat-x top center;
color: #555;
font: 12px Arial, Helvetica, sans-serif;
}

a:link{color: #3f7298; font-weight: bold;}
a:visited{color: #3f7298;  font-weight: bold;}
a:active{color: #3f7298; font-weight: bold;}
a:hover{color: #3f7298; text-decoration:none;}

/* CONTÉM TODO O CONTEUDO ABAIXO DO MENU E ACIMA DO RODAPÉ */
#pagina{
margin: 0 auto;
position: relative;
width: 990px;
height: 100%;
}

/* CONTÉM O LOGO E O BANNER */
#topo{
float: left;
width: 990px;
height: 289px;
}

/* LOGO */
#topo h1{
float: left;
margin: 2px 0 0 -20px;
background:url(../imagens/logo2_cloudsummit.png) no-repeat center;
text-indent: -9999px;
width: 397px;
height: 282px;
}

/* BANNER FLASH */
#topo #banner{
float: right;
width: 468px;
height:60px;
margin: 80px 40px 0 0;
background-color: #999999;
}

#topo #cloudcamp{
float: right;
width: 350px;
height:60px;
margin: 30px 40px 0 0;
}

/* CONTÉM AS TRES NUVENS GRANDES DA HOME */
#nuvens{
float: left;
width: 990px;
height: 262px;
}

/* CONTÉM A NUVEM DA ESQUERDA */
#nuvens #programa{float: left; width:336px; height: 266px; background:url(../imagens/fundo_programa.jpg) no-repeat center top; text-align:right; padding: 15px 10px 0 0;}

#nuvens #programa .logos{
float:right;
width: 250px;
margin-left: 30px;
text-align: center;
}

#nuvens #programa .logos img{
margin: 3px;
vertical-align:middle;
}

/* CONTÉM A NUVEM DO MEIO */
#nuvens #sobre{font-size: 12px; float: left; width:271px; height: 248px; background: url(../imagens/fundo_sobre.jpg) no-repeat top center; margin: 0 3px 0 3px;}

/* CONTÉM A NUVEM DA DIREITA */
#nuvens #novidades{float: left; width:326px; height: 266px; background:url(../imagens/fundo_novidades.jpg) no-repeat center top;}

#nuvens #novidades ul{
margin-left: 7px;
}

#nuvens #novidades ul li{
margin: 5px;
}


/*
#nuvens #novidades li{ list-style-type: none; margin-bottom: 10px;}
#nuvens #novidades li img{vertical-align:middle;}
*/

#novidades, #sobre{
padding: 15px 10px 0 10px;
}

/* ITENS QUE APARECEM EMBAIXO DAS NUVENS */
#chamadas{
float: left;
width: 980px;
height: 230px;
margin-top: 20px;
text-align:center;
}

#linktecla{
float: left;
width: 980px;
height: 10px;
margin-top: 20px;
text-align:center;
}

#linktecla a:link, #linktecla a:visited{
color: #FF9900;
text-decoration: none;
}

#linktecla a:hover{
text-decoration: underline;
}


/*#chamadas .esquerda, #chamadas #direita{padding: 20px 10px 0 10px;}*/
#chamadas .esquerda, #chamadas #direita{padding: 20px 5px 0 5px;}

/* CONTÉM A REALIZAÇÃO */
#chamadas .esquerda{
float: left;
width: 305px;
height: 210px;
}

#chamadas .esquerda #hotel {
float: left;
		padding: 10px 0 0 0;
		width: 305px;
		margin-bottom: 10px;
	}

#chamadas .esquerda #hotel img {
		border: 5px solid #dbdbdb;
		margin-right: 13px;
			}
#chamadas .esquerda #hotel a:hover img {
		border: 5px solid #fff;
		color: #fff;
	}
#chamadas .esquerda #hotel a:hover { color: #fff; }

#chamadas .logo{
margin: 10px 20px 0 0;
vertical-align:middle;
}

#chamadas .divide{
float: left;
width: 2px;
height: 200px;
background-color: #f2f0f0;
margin: 30px 6px;
}

/* CONTÉM O FORMULÁRIO */
#chamadas #direita{
float: left;
width: 595px;
height: 207px;
}

#chamadas #direita #cadastre{
float: left;
width: 240px;
height: 207px;
text-align: right;
}

#chamadas #direita #form{
float: left;
margin-left: 40px;
width: 302px;
height: 212px;
}

#chamadas #direita .colunas p, #chamadas #direita .colunas h2{text-align: right;}

/* IFRAME QUE EXIBE A PÁGINA DO FORMULÁRIO */
iframe{
width: 302px;
height: 212px;
margin: 0;
border:0;
}

#rodape{
float: left;
clear:both;
width: 100%;
height: 60px;
margin: 20px 0 30px 0;
padding-top: 10px;
text-align: center;
background: url(../imagens/fundo_rodape.gif) repeat-x bottom;
}


#rodape img{
margin-bottom: 15px;
}

#rodape .logos{
margin: 15px;
}
