/* css reset http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/  */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}:focus{outline:0}body{line-height:1;color:black;background:white}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:"" ""}

.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.clearfix{display:inline-block}html[xmlns].clearfix{display:block}* html .clearfix{height:1%}

/* classes reutilizaveis */
.imgrpl{display:block;font-size:1px;text-indent:-9000px;}
.show{display:block !important;}
.hide{display:none;}
.hidden{visibility:hidden;}
.nb{border:none;background:transparent !important;}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.cb{clear: both;}
.selfix{vertical-align: 0 !important;vertical-align: -2px;}
.radfix{width:13px !important;height:13px !important;vertical-align: -2px;border:none;background:none;padding:0;margin:0;}


body {
	background: #719FB7;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
}

#container {
    position:relative;
    margin:0 auto;
    width:1000px;
    background: #31689B; 
}

#content {position: relative; width:1000px;}

/* side bar */
#sidebar_left {
    float: left;
    height: 528px;
    width: 690px;
}

#sidebar_left div.header, #sidebar_left div.footer {
    position: absolute;
    width: 690px;
    opacity: .75;
    filter:alpha(opacity=75);
    -khtml-opacity: 0.75;
}

#sidebar_left div.header {
    background: #1E5171;
    height:74px;
    z-index:4;
}


#sidebar_left div.footer {
    bottom: 0;
    left:0;
    height:125px;
    background: #31689B !important;
    z-index:90;
}

#sidebar_left #logo {
    position: absolute;
    background: url(../img/bg-logo-small.png) no-repeat;
	height:66px;
    left:0;
    margin:5px 0 0 20px;
    top:0;
    width:109px;
    z-index:5;
}

* html #sidebar_left #logo {
		background: none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bg-logo-small.png','scale')
	}


#sidebar_left div.innerdiv {
    position: absolute;
    width: 660px;
    height: 60px;
    left: 20px;
    bottom: 40px;
    z-index: 100;
}

#sidebar_left div.innerdiv h1 {
    color: #fff;
    font-size: 40px;
    margin: 0;
    padding: 0;
    font-weight: bold
}

#sidebar_left div.innerdiv p {
    color: #000;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    line-height: 20px
 }

/* sidebar right */
#sidebar_right {
    float: right;
    background: #31689B;
    width:310px;
}

#sidebar_right a.link {
    display: block;
    color: #fff;
    text-decoration: none;
    text-align: right;
    padding: 20px 25px 35px 0;
    height: 19px;
}

#sidebar_right .loginCon {
    background-color:#fff;
    height:414px;
    padding:20px;
}

.loginCon h3, .senhaEsquecida h3 {
    color:#DC7732;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:18px;
    font-weight:normal;
    margin:0;
    padding:0 0 7px;
}

.sign {
    color:#666666;
    display:block;
    line-height: 17px;
    font-size:14px;
    padding-left:10px !important;
}

fieldset.login {padding: 5px 0 20px 30px}

fieldset.login div {position: relative;}

fieldset.login div input.radio { position: absolute; top: 3px; _position: inherit;  }

fieldset.login div label.radio {
    display:block;
    font-size:8pt !important;
    font-weight:normal !important;
    margin-left:25px;
    _margin-left:0px;
    position:absolute;
    top:6px 
}

fieldset.login div label.tit {
    display: block;
    padding: 6px 0 1px;
    color:#000000;
    font-size:13px;
    font-weight:bold;
}

fieldset.login div input.text {
    background: #F0EEE5;
    border: 0;
    color: #666;
    font-family:Arial,Tahoma,sans-serif;
    font-weight:normal;
    margin:0;
    padding:5px;
    width:220px;
    font-size: 14px;
}

fieldset.login div span#rev_email, fieldset.login div span.error {
    position: absolute;
    top: 7px;
    right: 10px;
    text-align: right;
    font-size:8pt;
    width: 150px;
}

a.esqueci_senha, a.login_nos {
    display: block;
    color: #847D61;
    text-align: right;
    font-size:11px;
    margin:5px 10px 8px 0;
    padding:0;
    text-decoration:none;
}

.senhaEsquecida {display: none}
.show_login, .senhaEsquecida { min-height: 186px}

/* bt enviar */
input.bt_enviar {
  background: url(../img/bt_enviar.gif) no-repeat;
  width: 65px;
  height: 25px;
  text-indent: -9999px;
  border: 0;
  vertical-align: top;
  cursor: pointer;
}

a.btnMeu {
    background:#C3BE9F none repeat scroll 0 0;
    color:#FFFFFF;
    font-size:12px;
    font-weight:bold;
    margin:0;
    padding:6px 15px;
    text-decoration:none;
}

a.algbt {
    float:right;
    position:absolute;
    right:10px;
    top:0;
}

/* msg */
div.msg {
    position: absolute;
    bottom: 5px;
    right: 130px;
 }
 
/* box_work */
.box_work {
    border-bottom:1px solid #E5E6DE;
    border-top:1px solid #E5E6DE;
    /*margin-top:15px;*/
    padding:15px 0;
}

.box_work a {
    display: block;
    color: #DC7732;
    font-size: 13px;
    padding-left: 10px;
    font-weight: bold;
    text-decoration: none
}

.box_work a:hover {color:#F0C3A4;text-decoration:none;}

/* box email */
.box_email { margin-top: 15px}

.box_email fieldset { padding: 0 !important}

.box_email fieldset div { padding: 10px 0 0 0}

/* margin */
.mr10 {margin-right: 10px}

/* footer */
div#footer  {
    background: #31689B !important; 
    height: 60px; 
    margin: 0 auto; 
    width: 1000px;
    padding: 0;
}

/* MODAL */
.load { position: absolute; top: 50%; left: 50%; width: 88px; height: 78px; margin: -39px 0 0 -44px; z-index: 99999;}
.bg_modal { position: absolute; top: 0; left: 0; z-index: 99998; }
.view_modal { position: absolute; left: 50%; top: 50%; text-align: left; z-index: 99998; }
.modal { visibility: hidden; cursor:pointer; }

div.main_modal { 
	background: transparent url(../img/bg_modal_message.png) no-repeat;
	padding: 90px 0 0 0;
	width: 481px;
	height: 190px;
	position: relative;	
}

div.main_modal a.bt_modal_close {
    position: absolute;
    top: 10px;
    right: 40px;
    display: block;
    background:url(../img/bt_modal_message_close.gif) no-repeat;
    width: 12px;
    height: 12px;
    text-indent: -9999px
}

div.main_modal p  {
    display: block;
    width: 394px;
    margin: 0 auto;
    color: #666; 
    font: normal 14px 'Arial'
 }

div.main_modal a.bt {
    display: block;
    text-indent: -9999px;
}

a.bt_visitar_natura {
    background:url(../img/bt_visitar_natura.png) no-repeat; 
    width: 307px;
    height: 66px;
    margin: 50px auto 43px
}

a.bt_continuar_navegando {
    background:url(../img/bt_continuar_navegando.png) no-repeat; 
    width: 112px;
    height: 10px;
}