/**
 * Main stylesheet
 * @author Quake - quakeyo@gmail.com
 *
 * List of contents (search by "index: x" where x is the index number):
 *   1. Erick Meyer's Reset a little bit modified
 *   2. My own reset and tag rules
 *   3. Rules related to IDentifiers
 *     - mainContainer: wraps the whole planet in!
 *     - top
 *     - content: content and other main stuff
 *   4. Global classes used (or not) everywhere
 */

@media screen {

/* # index: 1 */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, button
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 12px;
	font-family: inherit;
	vertical-align: baseline
}
/* remember to define focus styles! */
:focus {
	outline: 0
}
html {background:#fff url(../img/bg/bg.site.jpg) 0px -70px repeat-x}
body {
	line-height: 1;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	margin:auto; 
	width:680px
}
ul {
	list-style:disc inside
}
ol {
	list-style:decimal inside
}
/* tables still need 'cellspacing="0"' in the markup */
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:none
}

/* # index: 2 - Own reset */
acronym, abbr {border-bottom:1px dotted; cursor:help}
a:link, a:visited {color:#369; text-decoration:underline}
a:hover {color:#000}
button {background:url(../img/spr/spt.buttons.gif) no-repeat; height:24px; cursor:pointer; border:none; text-transform:uppercase; color:#666; font:bold 12px 'Arial Narrow', Arial, Helvetica, sans-serif; overflow:visible; /* fix IE weird padding */}
input, textarea {color:#000; font-size:12px; border:1px solid #ccc; background:#FFF; padding:3px 5px 3px 5px; font-family:Arial, Helvetica, sans-serif}
input:focus, textarea:focus {background:#E9F1FA; padding:3px 5px 3px 5px; color:#000; border:1px solid #9CC}
select {background:#f5f5f5; border:1px solid #CCC; font:12px Arial, Helvetica, sans-serif}
select option {padding:2px 0;}
strong {font:inherit; font-weight:bold}
small {font-size:10px}
cite,
em {font-style:italic}

/* # index: 3 - IDentifiers */

/* top */
#top {float:left; width:100%}
#top #logo a {margin-top:30px; width:260px; height:45px; float:left; margin-left:30px; background:url(../img/spr/spt.sbgg_logotipo.gif) no-repeat; text-indent:-9999px}
#top #logo a:hover {background:url(../img/spr/spt.sbgg_logotipo.gif) 0px -46px no-repeat; height:63px}
#top #login {float:right; text-align:right; font-weight:bold; margin-top:15px}
#top #login p {margin:5px 0}

#accessibility {display:none}

#content {float:left; width:100%}

#header {background:url(../img/bg/bg.header.gif) no-repeat; height:170px; float:left; width:100%; margin-top:10px}
#header-home {background:url(../img/bg/bg.header_home.jpg) no-repeat; height:310px; float:left; width:100%; margin-top:10px}
#menu {margin:10px 20px; float:left; z-index:100}
#menu li {list-style:disc inside !important; display:inline; text-transform:uppercase; margin-right:10px}
#menu li a {font:12px 'Arial Narrow', Arial, Helvetica, sans-serif; text-decoration:none; color:#fff}
#menu li a:hover {text-decoration:underline}
#pageName {float:left; width:400px; margin:90px 0 0 15px; font:bold 20px 'Arial Narrow', Arial, Helvetica, sans-serif; text-transform:uppercase; color:#fff; z-index:1}
#pageName span {margin-right:10px; height:23px; float:left}

#footer {float:left; width:100%; border-top:20px solid #f5f5f5; padding:10px 0; margin-top:20px}
#footer * {font-size:11px}
#footer #company {float:left; width:300px; background:url(../img/spr/spt.sbgg_logotipo.gif) 0px -117px no-repeat; padding-left:55px; height:35px; line-height:15px}
#footer #poweredBy {float:right; width:80px; height:25px}
#footer #poweredBy a {width:80px; height:25px; display:block; overflow:hidden; font-size:1px; color:#FFF; text-decoration:none; line-height:0px; background:url(../img/bg/bg.logo_masterbiz.gif) no-repeat}
#footer #copyright {float:left; margin:10px 0 0 180px; clear:both; width:400px}

#msgValidacao {padding:10px; display:none; width:90%; color:#930; background:#f5f5f5; border:1px solid #930}
#msgValidacao h3 {margin:0px !important; margin-bottom:10px !important; font-size:16px !important; font-weight:bold; color:#930; width:100%; padding-bottom:0px !important; background:none}
#msgValidacao ul li {margin:5px 0}

/* # index: 4 - Global classes */
.full {width:100%}
.justify {text-align:justify}
.noClearing {clear:none !important}
.center {text-align:center}
.block {display:block}
.right {float:right !important}
.textRight {text-align:right}
.left {float:left !important}
.hidden {display:none !important}
.shown {visibility:visible !important}
.nomargin {margin:0px}
.help {cursor:help}
.clickable {cursor:pointer}
.underline {text-decoration:underline !important}
.external {/*background:url(../img/icon.external.blue.gif) no-repeat right; padding-right:15px*/}
.button-ok {background:url(../images/buttons/button.ok.png) no-repeat; width:34px; height:24px}
.nogrito {font-weight:normal !important}
.fieldset {border:1px solid #E9F1FA; padding:10px; margin-bottom:20px}
.fieldset legend {padding:5px; font-weight:bold; background:#E9F1FA; color:#036}

.text h1 {font-size:24px; color:#036}
.text h2 {font-size:18px; color:#036; margin:30px 0 20px 0}
.text h3 {font-size:14px; font-weight:bold; margin-bottom:10px}
.text p,
.text ul,
.text ol,
.text address {margin-bottom:16px}
.text p,
.text li {line-height:18px}

.standardForm p {float:left; margin:5px 0; width:100%}
.standardForm label {font-weight:bold; float:left; margin:5px 10px 0 0; cursor:pointer; text-align:right}
.inlineFormItem {float:none !important; margin-left:10px !important}

.smallButton {background-position:0px -50px; width:66px}
.mediumButton {background-position:0px -48px; width:66px}
.bigButton {width:114px}

} 
/* end media screen and main css */

@media Print {

.hidden,
#accessibility,
#menu,
#banner,
#login,
#footer-menu {display:none}

a img {border:0}
h1 {font-size:18pt}
}
/* page: filie-se à sbgg-sp */
@media screen {

#jehsBigIcon {background:url(../img/spr/spt.header_icons.png) -150px 0px no-repeat; width:170px; height:200px; float:right; margin:-30px 20px 0 0}
#pageName span {background:url(../img/spr/spt.icons.png) -98px 0px no-repeat; width:23px}

.text * {line-height:20px}

#content {padding-top:20px}
#cmbEspecialidade {width:100%; margin-top:10px}

#resultados {margin-top:20px; border:1px solid #ccc; float:left; width:99%; padding:5px}
#resultados th {padding:5px 5px 5px 0; background:#f5f5f5}
#resultados td {padding:5px 5px 5px 0; border-top:1px solid #ccc; font-size:11px}
}