/*
**	CSS John Richard - Main
*/

.site{ width:944px; margin:0px auto; padding:0px 28px 20px 28px; display:table; background-color:#FFFFFF; }

.topo{  padding:0px; }

.barra{ background-color:#1271b7; width:100%; display:table; }
.barra .bloco-1{ float:left; height:29px; border-right:1px #0d5081 solid; width:471px; }
.barra .bloco-2{ float:left; height:29px; border-left:1px #669bc2 solid; width:471px; }

.barra .bloco-2 ul{ font-size:9px; float:left; margin-left:5px; width:225px; }
.barra .bloco-2 ul li{ font-size:12px; float:left; padding:8px 5px; }
.barra .bloco-2 ul li a{ padding-right:10px; border-right:2px #FFF solid; display:block; color:#FFF; text-decoration:none; text-transform:uppercase; }
.barra .bloco-2 ul li a:hover{ text-decoration:underline; }
.barra .bloco-2 ul li a.ultimo{ border-right:0px; }

.barra .bloco-2 span{ float:left; margin-top:8px; color:#ded8a9; font-weight:bold; }
.barra .bloco-2 input[type=text]{ border:2px #7f9db9 solid; font-size:10px; margin:5px 4px; display:block;width:90px; float:left;}
.barra .bloco-2 input[type=image]{ margin:5px 5px; display:block;float:left;}

.content{ width:944px; }
.content h1 { margin-bottom:10px; border-bottom:3px #88b8db solid; }
.content h1 span{ display:block; font-size:25px; text-transform:uppercase; }
.content h1 img { margin-bottom:5px; }
.content h2 { color:#1271b7; font-weight:bold; }
.content .alert, h2.alert { color:#FF0000; }
* strong{ font-size:13px; font-weight:bold; color:#000; }

.content { width:100%; margin:40px auto; }
.content hr { border:2px #88b8db solid; }
.content ul.btn { float:right; }
.content ul.btn li { float:left; margin:0 10px; }

.content span.al { text-transform:uppercase; color:#1271b7; font-weight:bold; font-size:12px; letter-spacing:-1px; }
.content span.titulo-1{ font:bold 26px sans-serif; color:#1271b7; text-transform:uppercase; letter-spacing:-1px; }
.content span.titulo-2{ font:bold 22px sans-serif; color:#000; letter-spacing:-1px; }
.content span.titulo-3{ font:bold 18px sans-serif; letter-spacing:-1px; }

.content .titulo-tipo { border-bottom:3px #88b8db solid; width:100%; display:table; }
.content .titulo-tipo img { display:block; float:left; }
.content .titulo-tipo .produto-area { display:block; float:left; color:#0160a7; text-transform:uppercase; font-weight:bold; font-size:24px; height:30px; padding-right:10px; letter-spacing:-2px; }
.content .titulo-tipo .produto-linha { display:block; float:left; color:#1271b7; text-transform:uppercase; font-weight:bold; font-size:22px; height:30px; padding-right:10px; }
.content .titulo-tipo .produto-tipo { display:block; float:left; color:#000000; font-weight:bold; font-size:18px; height:27px; padding-top:3px; }

.content .links { padding-top:20px; width:100%; text-align:center; }
.content .links ul li { font-size:10px; display:inline; padding:0 5px; border-right:1px #DDD solid; }
.content .links ul li.primeiro { border-left:1px #DDD solid; }

.rodape{ width:856px; border-top:3px #88b8db solid; margin:0 auto; display:table;}
.rodape img.logotipo{ margin:10px; float:left; }
.rodape ul{ float:left; margin-top:20px; }
.rodape ul li{ font-size:9px; line-height:13px; float:left; height:60px; vertical-align:bottom; border-right:1px #1271b7 solid; padding:0 10px; }
.rodape ul li.ultimo{ border-right:0px; }

.rodape img.cort{ float:right; margin:30px 20px; }
.rodape span.copyright{ width:100%; float:right; display:table; text-align:center; }