/*
Cliente: Porto Seguro
Projeto: Lp - Iphone
*/

/*
--------------
ORDEM DOS ATRIBUTOS
--------------

{ position:; top:; left:; float:; clear:; display:; width:; height:; margin:; padding:; border:; background:; font:; text:; color:; }

*/

/*
--------------
ELEMENTOS e CLASSES
--------------
*/

/* ------- GERAL ------- */
* { margin: 0; padding: 0; z-index: 1; } /* reseta todas as margens, paddings e define o nivel das camadas do site */

html { font-size: 100%; }
body { background-color: #144261; font: .87em "Trebuchet MS", sans-serif; color: #1a3550; }

.direita { float: right; }
.esquerda { float: left; }
p.direita, p.esquerda { float: none; }
p.direita { text-align: right; }
p.esquerda { text-align: left; }
.centro { text-align: center; }

/* contendo float */
.contemfloat:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.contemfloat { display: inline-block; }
/* Hides from IE-mac \*/
* .contemfloat { height: 1%; }
.contemfloat { display: block; }
/* End hide from IE-mac */




.limites { width: 985px; margin: 0 auto; }


/* -------- TOPO -------- */
#topo { height: 112px; padding-top: 15px; background: #fff url(../imagens/bg_nuvens.png) center 0 no-repeat; overflow: hidden; }
#topo h2 { float: left; width: 256px; height: 97px; background: url(../imagens/logomarca_porto_seguro.png) no-repeat; text-indent: -999em; overflow: hidden; }
#topo h2 a { display: block; width: 256px; height: 97px; }
#topo h1 { font-weight: normal; font-size: 3em; color: #00aeef; }
#topo h1 strong { color: #c0e22f; }
#topo h1 strong sup { font-size: .38em; }
#topo h3 { font-size: 1.14em; color: #00aeef; }

/* -------- CONTEUDO -------- */
#conteudo { background: #fff url(../imagens/bg_conteudo_degrade.jpg) 0 bottom repeat-x; }
#conteudo .limites { padding: 65px 0 30px; background: url(../imagens/bg_conteudo_imagem.png) center 10px no-repeat; }

/* -------- COLUNA1 -------- */
#coluna1 { float: left; width: 220px; }
#coluna1 p { line-height: 30px; }
#coluna1 p strong { color: #00aeef; }
#coluna1 p.descricao { margin-bottom: 40px; }
#coluna1 p.descricao strong { display: block; padding-bottom: 10px; font-weight: normal; font-size: 1.92em; color: #00aeef; }
#coluna1 .email { font-size: .78em; }

/* -------- FLASH -------- */
#flash { width: 740px; height: 600px; margin-left: 235px; }
#flash object { outline: 0; }


/* -------- COLUNA2 -------- */
#coluna2 { position: relative; left: -10px; float: right; width: 225px; margin-top: -321px; }
#coluna2 h3 { font-size: 1.71em; color: #00aeef; }
#coluna2 .app { display: block; width: 225px; height: 50px; margin-bottom: 34px; background: url(../imagens/botao_app_store.png) no-repeat; text-indent: -999em; overflow: hidden; }
#coluna2 h4 { width: 222px; height: 40px; font-size: 1.42em; }
#coluna2 h4 a { display: block; width: 157px; height: 30px; padding: 10px 0 0 65px; background: url(../imagens/bg_icone_titulo_twitter.png) no-repeat; text-decoration: none; color: #00aeef; }
#coluna2 p { font-size: .92em; color: #1a3550; }
#coluna2 ul { font-size: .92em; list-style: none; color: #1a3550; }
#coluna2 ul a { color: #1a3550; }
#coluna2 ul li { padding: 10px 0; border-top: 1px solid #fff; }
#coluna2 ul li.primeiro { border: 0; }

/* -------- RODAPE -------- */
#rodape { padding: 10px 0; font-size: .92em; text-align: center; list-style: none; }
#rodape li { display: inline; padding: 0 5px 0 10px; background: url(../imagens/rodape_separacao_menu.gif) 0 center no-repeat; }
#rodape li.primeiro { background: none; }
#rodape li a { text-decoration: none; color: #fff; }
#rodape li a:hover { text-decoration: underline; }


A.social {
	display: -moz-inline-box;
	display: inline-block;
	width: 23px;
	height: 24px;
	margin-right: 2px;
	background: url(../imagens/icon-social.png) top left no-repeat;
	text-indent: -5000px;
}

A.social.twitter {
	background-position: top center;
}

A.social.facebook {
	background-position: top right;
}

#navita_main {
	width: 100% !important;
	display: block !important;
}

#iphone {
	width: 100% !important;
	display: block !important;
	float: none !important;
}