@charset "utf-8";
/*
	Empresa: Webroom Soluções Interativas
	Site: http://www.webroom.com.br
	Endereço: Tel.: Rua Carmo Gifoni, 481 - Bairro Martins - CEP 38400-358 - Uberlândia - MG(34) 3237-1253
	Projeto: Martins ClubMais - Programa de Relacionamento
	Data: Julho de 2007
	Autor: Diego Franco Miguel
*/

/*...........  GENÉRICO ...............*/

/*..................... BASICS ..................*/
body { font:0.7em/1.5em Trebuchet MS; margin:0 auto; background:#F8EEDC url(../imagens/bg_body.jpg); }
p { margin:10px 0px; }
a { color:#333333; text-decoration:none;}
a:hover { color:#000000; text-decoration:underline;}
img { border:0;}
li { list-style-type:none; }
h1, h2, h3, h4, h5, h6 {padding:0px; margin:0;  }
h1 { background:url(../imagens/bg_h1.gif) no-repeat; color:#134072; font-size:21px; padding:0 180px 7px 20px; margin:0 0 3px 0; border-bottom:2px solid #006;}
ol, ul, dl { margin:0px; padding:0px; }
p { font-family:"Trebuchet MS"; font-size:12px;}
/*...................*/

#pg_home .pg_home a, #pg_cases .pg_cases a, #pg_oquee .pg_oquee a, #pg_objetivo .pg_objetivo a, #pg_faleconosco .pg_faleconosco #pg_rca .pg_rca a
{background:none;  cursor:default; }

.pg_rca {cursor: pointer;}

.bg_body_internas {background:#F8EEDC url(../imagens/bg_body_internas.jpg);}

/*..............COMPLET ESTRUCTURE................*/
.wrap { width:768px; padding:0; margin:0 auto; background:#E7E2D3 url(../imagens/bg_wrap.jpg) repeat-y;}
.header { width:558px; float:right; padding:0 10px 0 0;}
.header_content { width:558px; height:320px; background: url(../imagens/bg_content_header.jpg) no-repeat; float:right;}
.navigation { width:195px; float:left; text-align:center;}
.content { width:747px; clear:both; display:table; text-align:justify; padding:15px 10px 0 10px;}
.footer { width:758px; background:url(../imagens/bg_footer.gif) top no-repeat; display:block; height:25px; padding:15px 0 41px 10px; clear:both;}
/*................................................*/

.bt_voltar a { position:absolute; width:172px; height:26px; background:url(../imagens/bg_bt_voltar.gif) no-repeat; font-weight:bold; text-align:center; padding:5px 0 0 0; margin:330px 0 0 587px; color:#FFF; font-size:12px; display:block;}
.bt_voltar a:hover { color:#CCC; text-decoration:none;} 
/*.....................OVERLAY...................*/
.overlay { position:fixed; width:100%; top:0; left:0; overflow:hidden; margin:0 0 0 0 !important; background:#000; filter:alpha(opacity=70); -moz-opacity:0.7; opacity: 0.7; text-align:center; z-index:500;}
.overlay p { background:#F7F7F7; color:#000; padding:10px 0; font-weight:bold;}

.content_overlay { position:fixed; background:#FFF; border:8px solid #050953; padding:10px 0; width:300px; height:180px; top:50%; left:50%; margin-left:-150px; margin-top:-80px; z-index:505; color:#000; text-align:center;}
.content_overlay h1 { font-size:14px; text-align:left; margin-left:5px; padding:0 0 0 20px;}
.content_overlay p { color:#000;}
.content_overlay p .txtfield { cursor:pointer; font-weight:bold;}
.content_overlay p .txtfield:hover { background:#036; color:#FFF;}

* html .overlay  { position:absolute;}
* html .content_overlay {position:absolute; }

/*.....................HEADER...................*/
.header .login { width:138px; height:241px; padding:35px 0 0 0; float:right; margin-right:32px; text-align:center;}
.header .login .form { margin:0; padding:0;}
.header .login p a { color:#FC0; font-size:12px; padding:0; cursor:pointer; }
.header .login p a:hover { color:#FFF; text-decoration:none; }
.header .login h1 { background:none; border:none; color:#EEE9DA; font-size:14px; padding:5px 0 0 0;}
.header .login label { color:#FC0;}
.header .login .txtfield { width:104px;}
.header .login .message_error { width:108px; background:#F00; color:#FFF; text-align:center; }

/*.header .login .sou_rca { width:112px; border:2px solid #666; margin:10px 0 0 10px; padding:6px 0 6px 0; color:#FFF;}
.header .login .sou_rca h2 {color:#EEE9DA; font-size:14px;}
.header .login .sou_rca p { margin:0; padding:0 5px;}*/

.header .box_tit {color:#EEE9DA; font-size:12px; width:120px; margin-left:auto; margin-right:auto; margin-top:3px; cursor:pointer; line-height:14px;}
.header .box_tit2 {color:#EEE9DA; font-size:12px; width:120px; margin-left:auto; margin-right:auto; margin-top:3px; cursor:pointer; line-height:14px; text-decoration:underline;}
.header .box_login { width:113px; border:2px solid #666; margin-left:auto; margin-right:auto; color:#FFF;}
.header .box_login ul { margin-left:20px; text-align:left; list-style-image:url('/programarelacionamento/imagens/ico_seta_azul.gif');}
.header .box_login li { margin:0px; padding:0; line-height: 12px;}
.header .box_login li a { color:#FC0; font-size:10px; padding:0; cursor:pointer; }
.header .box_login li a:hover { color:#FFF; text-decoration:none; }


/*
.box_login ul li { margin:1px 0; text-align:left; list-style-image:url('/programarelacionamento/imagens/ico_seta_azul.gif');}
.box_login ul li a { width:120px; color:#134072; padding:3px 5px 3px 27px; font-weight:bold; font-size:13px; display:block; }
.box_login ul li a:hover { color:#000; text-decoration:none; }
*/
#acesso_gm_representantes .header .login {}
#acesso_gm_representantes .header .login .razao { color:#FC0;}
#acesso_gm_representantes .header .login p { color:#FFF; margin:10px; padding:0 5px;}
#acesso_gm_representantes .contato p { padding-top:20px;}
#acesso_gm_representantes .navigation { padding-top:100px;}
#acesso_gm_representantes .contato .bt { margin-top:30px;}

/*................................................*/

/*.....................CONTENT...................*/
.content_padding {padding:0 10px 0 10px; display:table;}
.content p { color:#333;}
.content img { padding:10px 15px 0 0;}
.content .destaque { padding:10px 10px 10px 30px; margin:0;}
.content .destaque p {color:#666;}
.content .destaque span { color:#134072; }
.content .destaque h1 { background:none; color:#134072; font-size:21px; padding:0 0 7px 0; margin:0 0 3px 0; border-bottom:2px solid #006;}
.content .destaque h1 a {color:#134072;}
.content .destaque h1 a:hover { color:#000;}
.content .destaque .cases { background:url(../imagens/bg_destaque_case.gif) no-repeat; width:208px; height:280px; padding:2px 12px 10px 12px; float:left; margin:0; text-align:left; }
.content .destaque .cases strong { color:#036;}
.content .destaque .cases .vejamais a {color:#050953; font-weight:bold;}
.content .destaque .cases .vejamais a:hover { color:#039;}

.bg_top_content { background:url(../imagens/bg_top_content.gif) top no-repeat;}
.bg_destaque {background:url(../imagens/bg_destaque.gif) no-repeat;}
.bg_destaque_cases { background:none; margin:-10px 0 0 50px !important; padding:0 !important;}
/*................................................*/

/*.....................NAVIGATION.................*/
.navigation .logo { margin:10px 0 15px 0;}
.navigation ul li { margin:1px 0; text-align:left;}
.navigation ul li a { width:165px; color:#134072; background:url(../imagens/bg_navigation.jpg) repeat-y; padding:3px 5px 3px 27px; font-weight:bold; font-size:13px; display:block; }
.navigation ul li a:hover { background:none; color:#000; text-decoration:none; }
/*................................................*/

/*...................... FORMS ...................*/
.contato { border:0; font-size:12px; line-height:normal; }
.contato #enviar { border:0; }
.contato legend { color:#000; font-size:1.0em; padding:4px 0; margin:5px 0 0px -7px; }
.contato span { color:#900; font-weight:bold; font-size:0.9em; margin-bottom:-15px; font-style:oblique; }
.contato label { display:block;  font-size:0.9em; color:#036; padding:10px 0 0 2px; }
.contato .float { float:left; margin:0 10px 0 0; }
.contato .display { text-indent:0x; display:block; overflow:hidden; }
.contato > .display { text-indent:0px; }
.contato .bt { background:#036; color:#FFF; padding:5px; margin:5px 0 5px 0; font-size:11px; border:none;}

.bt { clear:both; margin:4px 0 0 0; cursor:pointer;}

* .txtfield { background-color:#FFF; padding:2px; font-size:11px; border:2px solid #FC0;  }
* .txtfield:hover { border:2px solid #036; background:none #FFF; color:#000; padding:2px; }
* .txtfield:focus { border:2px solid #036; background:none #FFF; color:#036; padding:2px; }
* .txtarea { width:548px; }

.sucess { color:#036 !important; background:#F7F7F7;  border:2px solid #FFF !important; padding:2px !important; }
.error { color:#000; border:2px solid #F00 !important; background:#FFF; font-size:11px; padding:2px !important;  }

.form { border:0;}
.form p { margin:0; padding:0;}
/*................................................*/

/*.................... FOOTER ....................*/
.footer address { font-style:normal; color:#333; padding:0 0 20px 0;}
.selo_webroom { width:65px; height:16px; float:left; margin:-15px 5px 0 0; background: url(../imagens/selo.gif) left top no-repeat; display:block;}
.selo_webroom a {width:65px; height:16px; display:block; text-indent:-999999px; text-decoration:none; overflow:hidden;}
.selos_programas { width:307px; height:31px; float:right; margin:-28px 5px 25px 0; background: url(../imagens/selos_programas.gif) top no-repeat; display:block;}
/*................................................*/

/*.................... CASES ....................*/
.content .summary { font-size:14px !important; font-style:italic; font-weight:bold; line-height:normal; padding:0 5px 0 0; }

.content .case { clear:both; display:table; float:none; margin:4px 0; font-size:12px; }
.content .case dl a { text-decoration:none; }
.content .case dt { font-weight:bold; margin-top: 1.3em }
.content .case dt img { float:left; padding:7px; background-color:#FFF; border:1px solid #CCC; margin:0 10px 10px 0; }
.content .case dt img:hover { background-color:#036; }
.content .case dd { font-size:11px; }