/* DIVS GLOBAIS  ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
html, body { height: 100%; /*Hack para forçar o rodape para baixo*/ }
* html .main-global { height: 100%; /*Hack para IE7*/ }
body { background-color: #FFF; margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: Arial, Helvetica, sans-serif; }
:focus, :focus img { outline:0; }
.position { width: 100%; background-image: url(images/bg-rodape.jpg); background-repeat: repeat-x; background-position: left bottom; position: relative; min-height:100% }
.main-global { background-color: #FFF; background-image: url(images/bg-topo.jpg); background-repeat: repeat-x; background-position: left top; width: 100%; padding: 0px; float:left; margin-top: 0px; margin-right: 0px; margin-bottom: 110px; margin-left: 0px; }
#wrapper { width: 950px; margin-right: auto; margin-left: auto; margin-top: 0px; margin-bottom: 0px; display: table; padding-top: 0px; margin-bottom: 30px; clear: both; }
img { border: none; }
img a:link { border: none; }
a:link, a:visited { text-decoration: none; color: #AB1D08; border: 0px; }
a:hover, a:active { text-decoration: none; color: #424242; border: 0px; }


/* CABEÇALHO ============================================================================*/
h1.logo { float: left; width: 250px; display: block; height: 70px; margin: 0px; padding: 0px; position: relative; left: 0px; top: 0px; }
h1.logo img { vertical-align: middle; margin-top: auto; margin-bottom: auto; position: absolute; left: 0px; bottom: 0px; }
h2.titlemessages { font-size: 22px; font-weight: normal; color: #AB1D08; display: block; padding: 0px 50px 0px 0px; float: right; width: 630px; margin: 30px 0px 0px; text-transform: uppercase; letter-spacing: -0.03em; }


/* CONTEUDO ============================================================================*/
.content { width: 494px; margin-top: 24px; clear: both; margin-right: auto; margin-left: auto; }


/* RODAPE ============================================================================*/
.rodape { background-image: url(images/bg-rodape.jpg); background-repeat: repeat-x; background-position: center top; width: 100%; position: absolute; bottom: 0px; padding-top: 5px; height: 101px; left: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 30px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
.rodape-inner { width:950px; margin-left:auto; margin-right: auto; }
.contacts { float:right; width: 320px; color: #FFF; margin-top: 28px; }
.contacts p.tfirst { font-size: 18px; line-height: 20px; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; }
.contacts p.tlast { font-size: 12px; line-height: 12px; margin: 0px; padding: 0px; }
.contacts span.tred { color:#AC1F08; }


/* LOGIN INFO   
============================================================================*/
#login-info { width: 260px; float: right; padding: 10px 10px 5px 0px; color: #000; text-align: left; height: 35px; margin-top: 10px; font-size: .9em; }
#login-info a { font-weight: bold; }
#login-info img#profile { float: left; margin-right: 15px; }
#login-info span#message-count { background-color: #CC3300; padding: 2px 5px; color: #fff; }
#login-info p#top { margin: 2px 0 0 0; padding: 0; line-height: 1.2em; }
span#name { text-shadow: 1px 1px 1px #fff; font-size: 1.2em; color: #555; font-weight: bold; }
#login-info a#power { background: url('../images/icons/power.png') no-repeat; position: absolute; right: 15px; top: 12px; width: 25px; height: 25px; text-indent: 999px; overflow: hidden; opacity: 0.3; }
#login-info a#power:hover { opacity: .7; }
#login-info a#power:active { opacity: 1; }
span#links a { font-size: .9em; color: #777; font-family: Arial, sans-serif; font-weight: bold; }
span#links a:hover { color: #333; }

div#login { width: 494px; height: auto; font-size: .8em; padding-bottom: 10px; margin: -20px auto 0px; background-repeat: no-repeat; background-position: center top; background-image: url(images/login.png); display: block; }


div#login form { margin:0; padding:0; }

div#validation-summary { width: 470px; margin: 30px auto 0 auto; font-size: .75em; line-height: 1em; }
div#login fieldset { margin: 0 10px; padding: 10px 30px 0 100px; background-image:url(images/user-login.png); background-repeat:no-repeat; background-position: 10px 0px; clear:both; width: 344px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; }
div#login legend { font-size: 14px; padding: 0px 0px 10px; color: #AB1D08; margin: 15px 0 5px; border: 0; }
div#login label { font-size: .95em; margin-right: 0; margin-left: 0; }
div#login input[type=text], input[type=password], .forminput { width: 280px; padding: 4px 8px; margin-bottom: 8px; font-weight: bold; color: #777; }
div#login img { clear: left; float: left; margin: 45px 0px 0 0; padding-left: 30px; width: 80px; }


/* FORM LAYOUT ELEMENTS   
============================================================================*/
fieldset.compact { margin:0; padding:0; }
fieldset legend { border-bottom: 1px #C0C0C0 solid; padding: 5px 0px; font-size: 1.6em; text-shadow: #fff 1px 1px 0px; font-weight: bold; display: block; width: 100%; -moz-box-shadow: 0px 1px 1px #fff; /* FF3.5+ */ ; -webkit-box-shadow: 0px 1px 1px #fff; /* Saf3.0+, Chrome */ ; box-shadow: 0px 1px 1px #fff; /* Opera 10.5, IE 9.0 */ }
fieldset p { margin: 2px 12px 10px 10px; }
label { display: block; font-weight: bold; margin-top: 10px; font-size: 1em; text-shadow: 1px 1px 0px #fff; color: #666; margin-bottom: 5px; width: 260px; }
.select-group { margin-top:15px; }
.select-group label { display:inline; }
.validation { display: inline; color: #888; margin: 0 2px; padding: 0 2px; display: block; text-shadow: 1px 1px 0px #fff; }
.error { color: #990000; font-weight: bold; text-shadow: 1px 1px 0px #fff; }
input[type=text] { width: 260px; }
input[type=password] { padding: 4px; width: 260px; border: 1px solid #CCC; }
textarea { width: 300px; }
input[type=text], input[type=password], textarea, .forminput { border: 1px double #CCC; padding: 3px 6px; outline: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-box-shadow: -1px 1px 0px #fff; /* FF3.5+ */ ; -webkit-box-shadow: -1px 1px 0px #fff; /* Saf3.0+, Chrome */ ; box-shadow: -1px 1px 0px #fff; /* Opera 10.5, IE 9.0 */ ; color: #555; background-color: #ededed; moz-transition: all 0.3s ease-out; /* FF3.7+ */ ; -o-transition: all 0.3s ease-out; /* Opera 10.5 */ ; -webkit-transition: all 0.3s ease-out; /* Saf3.2+, Chrome */ ; font-family: "Arial Black", Gadget, sans-serif; color: #444; }
input:focus, textarea:focus { background-color: #fff; }
input.medium { width: 260px; }
input.long { width: 260px; }
input.full-width { width: 98%; }
textarea.large { width: 260px; }
.display-none { display: none; }


.button { font-weight: bold; text-shadow: 0px -1px 1px #fff; margin: 5px; color: #555; -moz-border-radius: 4px; /* FF1+ */ ; -webkit-border-radius: 4px; /* Saf3-4 */ ; border-radius: 4px; /* Opera 10.5, IE 9, Saf5, Chrome */ ; padding: 4px 10px; -moz-box-shadow: 0px 2px 3px #fff inset; /* FF3.5+ */ ; -webkit-box-shadow: 0px 2px 3px #fff inset; /* Saf3.0+, Chrome */ ; box-shadow: 0px 2px 3px #fff inset; /* Opera 10.5, IE 9.0 */ cursor: pointer; border: 1px #ccc solid; font-size: .9em; background-color: #fff; /* FF3.6 */ ; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#cccccc')"; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #cccccc));/* Saf4+, Chrome */ }



.button:hover { color: #555; background-color: #eee; /* FF3.6 */ ; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#aaaaaa')"; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #aaaaaa));/* Saf4+, Chrome */ }
.button:active { -moz-box-shadow: 0px -1px 1px #8a8a8a; /* FF3.5+ */ ; -webkit-box-shadow: 0px -1px 1px #8a8a8a; /* Saf3.0+, Chrome */ ; box-shadow: 0px -1px 1px #8a8a8a; /* Opera 10.5, IE 9.0 */ ; border-color: #fff; }


/* TABS   
============================================================================*/
div#tab { float: right; width: 48%; }
ul.tabs { list-style: none; float: right; display: block; padding: 0; width: 350px; margin: 13px 0px 10px; }
ul.tabs li { float: left; }
ul.tabs li a { font-weight: bold; font-size: 0.9em; -moz-box-shadow: -3px 3px 8px #ccc; /* FF3.5+ */ ; -webkit-box-shadow: -3px 3px 8px #ccc; /* Saf3.0+, Chrome */ ; box-shadow: -3px 3px 8px #ccc; /* Opera 10.5, IE 9.0 */ ; color: #333; padding: 5px 12px; float: left; text-shadow: #fff 1px 1px 1px; /*--top left rounded corner--*/ ; -moz-border-radius-bottomright: 3px; -khtml-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; /*--Bottom left rounded corner--*/ ; -moz-border-radius-bottomleft: 3px; -khtml-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; margin-left: 10px; /*shadow animation*/ ; -moz-transition: all 0.3s ease-out; /* FF3.7+ */ ; -o-transition: all 0.3s ease-out; /* Opera 10.5 */ ; -webkit-transition: all 0.3s ease-out; /* Saf3.2+, Chrome */ ; background-color: #f5f5f5; /* FF3.6 */ ; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5f5f5', EndColorStr='#ffffff')"; background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, from(whiteSmoke), to(white)); }
ul.tabs li a:hover { -webkit-box-shadow: -3px 3px 10px #888; }

ul.tabs li a.current { background-color: #CCC; text-shadow: 1px 1px 1px #FFF; -moz-box-shadow: -1px 1px 0px #fff; /* FF3.5+ */ ; -webkit-box-shadow: -1px 1px 0px #fff; /* Saf3.0+, Chrome */ ; box-shadow: -1px 1px 0px #fff; /* Opera 10.5, IE 9.0 */ ; color: #666; /* FF3.6 */ ; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#dddddd', EndColorStr='#eeeeee')"; background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#ddd), to(#eee)); }

h2.head { font-weight: bold; -moz-box-shadow: -6px 6px 12px #ddd; /* FF3.5+ */ ; -webkit-box-shadow: -6px 6px 12px #ddd; /* Saf3.0+, Chrome */ ; box-shadow: -6px 6px 12px #ddd; /* Opera 10.5, IE 9.0 */ ; padding: 12px 30px 10px 20px; font-size: 1.5em; float: left; -moz-border-radius-bottomleft: 12px; -khtml-border-radius-bottomleft: 12px; -webkit-border-bottom-left-radius: 12px; border-bottom-left-radius: 12px; margin-right: 10px; text-shadow: 1px 1px 0px #fff; color: #304B66; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; }
h2.head-alt { font-weight: bold; padding: 12px 30px 10px 20px; background-color: #f5f5f5; /* FF3.6 */ ; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5f5f5', EndColorStr='#ffffff')"; font-size: 1.6em; float: left; margin-right: 10px; text-shadow: 1px 1px 0px #fff; -moz-box-shadow: 3px 6px 6px #ddd; -webkit-box-shadow: 3px 6px 6px #ddd; box-shadow: 3px 6px 6px #ddd; -webkit-border-bottom-right-radius: 12px; border-bottom-right-radius: 12px; -moz-border-radius-bottomright: 12px; background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, from(whiteSmoke), to(white)); }
h2.head-alt { background-color: #3C6880; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#8AD4E6', EndColorStr='#1D3245')"; color: #fff; text-shadow: 1px 0px 1px #333; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #8AD4E6), color-stop(1, #1D3245));/* Saf4+, Chrome */ margin: 0px; padding: 8px 12px; }
h2.head-alt-white { font-weight: bold; padding: 12px 30px 10px 20px; background-color: #f5f5f5; /* FF3.6 */ ; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5f5f5', EndColorStr='#ffffff')"; font-size: 17px; float: left; margin-right: 10px; text-shadow: 1px 1px 0px #fff; -moz-box-shadow: 3px 6px 6px #ddd; -webkit-box-shadow: 3px 6px 6px #ddd; box-shadow: 3px 6px 6px #ddd; -webkit-border-bottom-right-radius: 12px; border-bottom-right-radius: 12px; -moz-border-radius-bottomright: 12px; background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, from(whiteSmoke), to(white)); }


/* Styles for validation helpers
============================================================================*/
.validation-summary-errors { width: 470px; margin-right: auto; margin-left: auto; position: relative; }
.validation-summary-errors ul { margin: 0px; padding: 0px; width:  470px; position: absolute; display: block; top: 400px; }
.validation-summary-errors ul li { font-size: 12px; color: #CC0000; padding-left: 25px; width: 440px; height: auto; font-size: .8em; padding-bottom: 5px; overflow: hidden; background-color: #FFD2D2; margin-right: auto; margin-bottom: 10; margin-left: auto; border: thin solid #CC0000; position: relative; z-index: 300; margin-top: 10px; padding-top: 5px; padding-right: 5px; clear: both; }
.validation-summary-errors ul li { font-size: 12px; color: #CC0000; background-image: url(images/no.png); background-repeat: no-repeat; background-position: 5px center;}