/*

    Document   : content.css
    Created on : 25/05/2010, 15:55:07
    Author     : @vagnermix - NacionalVOX
    Description: CSS - Celular Company

    TODO customize this sample style
    Syntax recommendation http://www.w3.org/TR/REC-CSS2/

*/

/* all */

body								{ font:12px Arial, Helvetica, sans-serif; padding:0; margin:0; background:url(background-body.jpg) no-repeat top center #F4F4F4; }
img									{ border:none; }
h1, h2, h3, h4, h5, h6				{ margin:0; padding:0; }
a									{ text-decoration:none; }
a:hover								{ text-decoration:underline; }
.none								{ display:none; }
.clear								{ clear:both; }
.linha_azul							{ height:2px; display:block; background:url(linha-azul.png) repeat-x; margin:10px 0; }
.linha_cinza						{ height:2px; display:block; background:url(linha-cinza.png) repeat-x; margin:10px 0; }
.linha_cinza_escuro					{ height:2px; display:block; background:url(linha-cinza-escuro.png) repeat-x; margin:10px 0; }
.linha_cinza_claro					{ height:2px; display:block; background:url(linha-cinza-claro.png) repeat-x; margin:10px 0; }
.linha_branca						{ height:5px; background:#FFF; margin:30px 0; display:block; }
.space								{ height:20px; }

/* titles */
.title_fff_upper					{ font-size:35px; font-family:Arial Narrow; text-transform:uppercase; font-weight:normal; color:#FFF; }
.title_bordo						{ font-size:35px; font-family:Arial Narrow; font-weight:normal; color:#4A0C09; }
.titles_bordo_menor					{ font-size:18px; margin-bottom:10px; letter-spacing:1px; font-family:Arial Narrow; font-weight:normal; color:#4A0C09; }
.title_internas						{ font-size:20px; font-family:Century Gothic; font-weight:normal; color:#666; border-bottom:1px solid #CCC; padding-bottom:5px; margin-bottom:20px; text-transform:uppercase; }
.titles_azul						{ font-size:11px; color:#001B46; margin-bottom:10px; text-transform:uppercase; }

/* colors */
.color_fff							{ color:#FFF; line-height:20px; }
.color_bordo						{ color:#4A0C09; line-height:20px; }
.color_666							{ color:#666; line-height:20px; }
.color_azul							{ color:#001B46; }

/* links */
.btn_mais							{ height:20px; line-height:20px; display:block; background:url(ico-mais-vermelho.png) no-repeat center left; color:#FFF; padding-left:25px; float:right; }
.links_666							{ color:#666; }
.links_666_decoration				{ color:#666; text-decoration:underline; }
.links_666_decoration:hover			{ text-decoration:none; }
.links_azul_escuro					{ color:#1E2D36; }
.links_vermelho						{ color:#FF0000; }
.btn_links_circular					{ height:30px; line-height:30px; background:url(ico-circular-cinza.png) no-repeat center left; display:block; padding-left:15px; color:#666; }
.btn_links_circular:hover			{ background:url(ico-circular-vermelha.png) no-repeat center left; }

/* estrutura */
.container							{ width:940px; margin:auto; }

/* header */
.header								{ position:relative; width:940px; height:375px; }
.menu								{ position:absolute; bottom:0; left:0; width:940px; height:40px; background:#001b46; }
.menu a								{ height:34px; display:block; color:#FFF; float:left; text-transform:uppercase; text-align:center; margin-top:6px; text-decoration:none; line-height:28px; }
.menu a:hover						{ color:#001B46; }
.menu_home							{ width:54px; margin-left:65px; }
.menu_home:hover					{ background:url(menu/hover-home.png) no-repeat; }
.menu_empresa						{ width:74px; margin-left:30px; }
.menu_empresa:hover					{ background:url(menu/hover-empresa.png) no-repeat; }
.menu_planos						{ width:66px; margin-left:30px; }
.menu_planos:hover					{ background:url(menu/hover-planos.png) no-repeat; }
.menu_produtos						{ width:85px; margin-left:30px; }
.menu_produtos:hover				{ background:url(menu/hover-produtos.png) no-repeat; }
.menu_assistencia					{ width:98px; margin-left:30px; }
.menu_assistencia:hover				{ background:url(menu/hover-assistencia.png) no-repeat; }
.menu_lojas							{ width:55px; margin-left:30px; }
.menu_lojas:hover					{ background:url(menu/hover-lojas.png) no-repeat; }
.menu_noticias						{ width:77px; margin-left:30px; }
.menu_noticias:hover				{ background:url(menu/hover-noticias.png) no-repeat; }
.menu_contato						{ width:77px; margin-left:30px; }
.menu_contato:hover					{ background:url(menu/hover-contato.png) no-repeat; }
.menu_localizacao					{ width:103px; margin-left:30px; }
.menu_localizacao:hover				{ background:url(menu/hover-localizacao.png) no-repeat; }

/* wrapper */
.wrapper							{ width:940px; margin:20px 0; }

/* destaques home */
.destaques_home						{ width:940px; text-align:right; margin-bottom:20px; }

/* box celular destaque e noticias */
.box_cel_destaque_noticias			{ width:940px; height:370px; background:url(background-box-cel-destaque-noticias.png) no-repeat; }

/* produtos home */
.produtos_home						{ width:410px; float:left; }
.bg_produtos						{ width:83px; height:116px; background:url(background-produtos-home.png) no-repeat; text-align:center; margin:auto; }

/* footer */
.container_footer					{ width:100%; height:208px; background:url(background-footer.png) repeat-x; }
.footer								{ width:940px; margin:auto; }
.efeito_footer						{ width:160px; height:45px; background:url(background-efeito-footer.jpg) no-repeat; display:block; margin:auto; margin-bottom:10px; }

.newsletter							{ width:850px; height:45px; background:url(background-newsletter.png) no-repeat; margin:auto;  }

/* navegacao superior */
.nav_superior						{ width:940px; height:30px; background:#FFF; line-height:30px; text-indent:10px; font-size:11px; margin-bottom:20px; }

/* planos */
.container_planos					{ width:940px; margin:20px 0; }
.bg_planos							{ width:200px; height:90px; background:url(background-planos.png) no-repeat; float:left; margin-left:20px; padding:10px 10px 0 10px; }
.bg_planos:first-child				{ margin-left:0; }
.bg_planos_plano_view				{ margin-left:0; margin-bottom:20px; }

/* produtos */
.marca_hp							{ width:100px; height:50px; display:block; background:url(produtos/hp.jpg) top left; margin-bottom:10px; }
.marca_hp:hover						{ background:url(produtos/hp.jpg) bottom left; }
.marca_apple						{ width:100px; height:50px; display:block; background:url(produtos/apple.jpg) top left; margin-bottom:10px; }
.marca_apple:hover					{ background:url(produtos/apple.jpg) bottom left; }
.marca_lg							{ width:100px; height:50px; display:block; background:url(produtos/lg.jpg) top left; margin-bottom:10px; }
.marca_lg:hover						{ background:url(produtos/lg.jpg) bottom left; }
.marca_motorola						{ width:100px; height:50px; display:block; background:url(produtos/motorola.jpg) top left; margin-bottom:10px; }
.marca_motorola:hover				{ background:url(produtos/motorola.jpg) bottom left; }
.marca_htc							{ width:100px; height:50px; display:block; background:url(produtos/htc.jpg) top left; margin-bottom:10px; }
.marca_htc:hover					{ background:url(produtos/htc.jpg) bottom left; }
.marca_samsung						{ width:100px; height:50px; display:block; background:url(produtos/samsung.jpg) top left; margin-bottom:10px; }
.marca_samsung:hover				{ background:url(produtos/samsung.jpg) bottom left; }

.marca_nokia						{ width:100px; height:50px; display:block; background:url(produtos/nokia.jpg) top left; margin-bottom:10px; }
.marca_nokia:hover					{ background:url(produtos/nokia.jpg) bottom left; }

.marca_blackberry					{ width:100px; height:50px; display:block; background:url(produtos/blackberry.jpg) top left; margin-bottom:10px; }
.marca_blackberry:hover				{ background:url(produtos/blackberry.jpg) bottom left; }
.marca_sony_ericsson				{ width:100px; height:50px; display:block; background:url(produtos/sony-ericsson.jpg) top left; margin-bottom:10px; }
.marca_sony_ericsson:hover			{ background:url(produtos/sony-ericsson.jpg) bottom left; }
.marca_zte							{ width:100px; height:50px; display:block; background:url(produtos/zte.jpg) top left; margin-bottom:10px; }
.marca_zte:hover					{ background:url(produtos/zte.jpg) bottom left; }
.marca_palm							{ width:100px; height:50px; display:block; background:url(produtos/palm.jpg) top left; margin-bottom:10px; }
.marca_palm:hover					{ background:url(produtos/palm.jpg) bottom left; }

/* produtos */
.container_produtos					{ width:180px; float:left; margin:0 80px 20px 0; }

/* assistencia */
.container_assistencia				{ width:920px; background:#FFF; padding:10px 10px 10px 10px; margin-bottom:5px; }

/* contato */
.input_txt							{ width:280px; background:url(background-planos.png) repeat-x; padding:8.5px 5px; border:1px solid #DCDCDC; margin-bottom:5px; font-size:11px; color:#001B46; }
.input_txt_telefone					{ width:190px; background:url(background-planos.png) repeat-x; }
.txt_area							{ width:280px; height:84px; font-family:Arial, Helvetica, sans-serif; background:url(background-planos.png) repeat-x; padding:8.5px 5px; border:1px solid #DCDCDC; margin-bottom:5px; font-size:11px; color:#001B46; }
.input_txt_captcha					{ width:40px; background:url(background-planos.png) repeat-x; float:left; }
.bg_select							{ width:290px; height:30px; background:url(background-planos.png) repeat-x; margin-bottom:5px; border:1px solid #DCDCDC; }
.select								{ width:280px; margin:7px 0 0 3px; background:none; border:none; font-size:12px; color:#001B46; }
.cod_seguranca						{ width:90px; height:30px; display:block; float:left; line-height:30px; color:#001B46; font-weight:bold; margin-left:10px; }

/* contato */

.form_contato						{ width:290px; float:left; }
.dados_contato						{ width:540px; float:left; margin-left:100px; }
.map_contato						{ width:540px; height:210px; background:#333; }

/* paginacao */
.paginacao a						{ color:#001B46; text-decoration:none	    }
.paginacao a:hover					{ color:#001B46; text-decoration:underline	}