/**
 * Main stylesheet
 * @author Rodrigo Henrique Paiva - rhpaiva[at]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: logo, banner and main menu
 *     - content-wrapper: content and other main stuff
 *   4. Global classes used (or not) everywhere
 */

/* # 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;
}
body {
	line-height: 1;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	background:#000;
}
ol, ul {
	list-style:inside disc;
}
/* 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:#fff; text-decoration:underline}
fieldset {border:1px solid #ccc; padding:10px; margin-bottom:20px}
legend {padding:5px; font-weight:bold; text-transform:uppercase; background:#ccc}
button {border:0; background:transparent; cursor:pointer; border:none; overflow:visible; /* fix IE weird padding */}
input, textarea {color:#000; border:1px solid #999; background:#FFF; padding:3px 5px 3px 5px}
input:focus, textarea:focus {background:#FF9; padding:3px 5px 3px 5px; color:#000}
select {font-size:11px; background:#f5f5f5; border:1px solid #CCC}
strong {font:inherit; font-weight:bold}
small {font-size:10px}
cite,em{font-style:italic}

/* # index: 3 - IDentifiers */
#mainContainer {margin:auto; width:770px}

/* accessibility */
#accessibility {float:right; margin-top:10px}
#accessibility li {display:inline; margin-right:20px}
#accessibility li a {color:#999; text-transform:uppercase; font-weight:bold}
#accessibility li a:hover {color:#fff}


/* top */
#top {float:left; width:100%; position:relative}
#top #logo a {float:left; width:100%; height:76px; margin-top:-40px; background:url(images/logo.png) no-repeat; display:block;text-indent:-999em;overflow:hidden;}
#top #banner {float:left; width:100%}
#top #banner span {color:#000; font-size:18px; font-weight:bold; width:48%; float:left; margin:10px 15px; line-height:25px}

/* main menu */
#topMenu {float:left; width:100%; padding-left:1px; margin-top:10px }
#topMenu li {display:inline; float:left; margin-right:1px}
#topMenu li a {float:left; width:109px; height:58px; color:#000; padding:15px 0px 5px 0px; font-weight:bold; font-size:8px; text-transform:uppercase; text-align:center; background:url(images/bg/bg.menu.png) no-repeat; text-decoration:none}
#topMenu li a:hover, 
#topMenu li a:focus {background:url(images/bg/bg.menu.png) -108px 0px no-repeat}
#topMenu li a.adjustPadding {padding-top:8px !important}

/* content wrapper */
#middle {float:left; width:100%; background:url(images/bg/bg.content.gif) repeat-x; padding-top:30px}

/* left menu */
#leftMenu {float:left; width:200px; background:#BFD94F; padding-top:10px;font-size:11px;}
#leftMenu li {list-style:none; color:#000; font-weight:bold;}
#leftMenu li.category {font-size:11px;border-bottom:2px solid #eee; float:left; width:180px; padding:10px; text-transform:uppercase;}
#leftMenu li ul.items {font-size:11px;text-transform:none; border-top:10px; float:left; width:100%; margin-left:10px}
#leftMenu li ul.items li {font-size:11px;;margin-top:10px; float:left; width:100%}
#leftMenu a {font-size:11px;color:#000; text-decoration:none}
#leftMenu a:hover {font-size:inherit;text-decoration:underline}

/* content */
#content {float:right; width:550px; line-height:20px;text-align:justify;}
#content .text-heading {font-size:14px; font-weight:bold; text-transform:uppercase; padding:10px; width:530px; margin:20px 0 10px 0; border-bottom:1px solid #ccc}
#content .text-heading span { font-size:inherit;text-transform:none !important}
#content h3 {font-weight:bold; font-size:12px; margin-bottom:10px}
#content p {margin-bottom:10px}
#content .leftPhoto {float:left; margin-right:10px}
#content .rightPhoto {float:right; margin-left:10px}
#content .textSource {margin-top:30px; font-size:10px;}


/* footer */
#footer {float:left; border-top:1px solid #ccc; padding:20px 0; margin-top:20px;}
#footer #telephone, #footer #copyright {float:left; margin:0 20px;font-size:11px;}
#footer #telephone {width:150px; }
#footer #copyright {width:470px; }
#footer #developer {margin-top:-8px; float:right; width:80px; height:25px;}
#footer #developer a {width:80px; height:25px; display:block; overflow:hidden; font-size:1px; text-decoration:none; line-height:0px; background:url(images/logo.masterbiz.png) no-repeat}

/* page: home */
p#empresa, p#parcerias {float:left; width:209px; padding-top:150px; margin-right:60px}
p#empresa {background:url(images/home.photos.png) no-repeat}
p#parcerias {background:url(images/home.photos.png) -208px 0px no-repeat}
p#filosofia {float:left; width:400px; border-top:1px solid #ccc; padding-top:20px; padding-left:150px; margin-top:20px; background:url(images/home.photos.png) -420px 20px no-repeat}

/* page: contact form */
#frmContact p {float:left; width:100%; padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid #ccc}
#frmContact p label{float:left; width:100px}
#contact dt{margin:10px 0}
#contact dd {margin:0 10px}
#contact ol {list-style:inside decimal}
#contact li {margin:5px}
#msgValidacao {padding:10px; display:none; color:#FC0; border:1px solid #C90;}
#msgValidacao h3 {margin-bottom:10px; font-size:16px}
#msgValidacao ul li {margin-bottom:0px}

/* page: mapa do site */
#mapaSite {float:left; width:300px; padding-top:5px;font-size:11px;}
#mapaSite li {list-style:none; color:#fff; font-weight:bold;}
#mapaSite li.category {font-size:11px;border-bottom:2px solid #eee; float:left; width:280px; padding:5px; text-transform:uppercase;}
#mapaSite li ul.items {font-size:11px;text-transform:none; border-top:10px; float:left; width:100%; margin-left:10px}
#mapaSite li ul.items li {font-size:11px;;margin-top:10px; float:left; width:100%}
#mapaSite a {font-size:11px;color:#fff; text-decoration:none}
#mapaSite a:hover {font-size:inherit;text-decoration:underline}


/* # index: 4 - Global classes */
.right {float:right}
.left {float:left}
.hidden {display:none !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}
.pageContent {margin:20px}
.contentTitle {color:#B24271; font-size:26px; font-weight:bold; margin:15px 0; padding-bottom:5px; border-bottom:1px dotted #B24271}
.paragraph {margin:20px auto}
.bigMarginBottom{margin-bottom:30px}
.bigMarginTop, .bigMarginTop li {margin-top:20px}
.bigMarginTop2{margin-top:50px !important}

a.external{
	padding-right:12px;
	background:url(images/ico_external.gif) no-repeat 100% 50%;
}div#nyroModalFull {
	font-size: 14px;
	color: #000;
	line-height:20px;
}
div#nyroModalFull div#nyroModalLoading {
	border: 4px solid #999;
	width: 150px;
	height: 150	px;
	text-indent: -9999em;
	background: #fff url(../images/nyro/ajaxLoader.gif) no-repeat;
	background-position: center;
}
div#nyroModalFull div#nyroModalLoading.error {
	border: 4px solid #999;
	line-height: 15px;
	padding: 10px;
	width: 300px;
	height: 150px;
	text-indent: 0;
	background: #fff;
}
div#nyroModalFull div#nyroModalWrapper {
	background: #fff;
	border: 4px solid #999;
}
div#nyroModalFull div#nyroModalWrapper a#closeBut {
	position: absolute;
	display: block;
	top: -13px;
	right: -13px;
	width: 12px;
	height: 12px;
	text-indent: -9999em;
	background: url(../images/nyro/close.gif) no-repeat;
	outline: 0;
}
div#nyroModalFull div#nyroModalWrapper div.wrapper div#nyroModalContent {
	padding: 20px;
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent {
	position: relative;
	overflow: hidden;
	text-align: center;
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent div {
	position: absolute;
	bottom: 0;
	left: 0;
	background: black;
	padding: 10px;
	margin: 10px;
	border: 1px white dotted;
	overflow: hidden;
	opacity: 0.2;
	filter: alpha(opacity=20);
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent div:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	cursor: help;
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent a {
	outline: none;
	position: absolute;
	top: 0;
	height: 100%;
	cursor: pointer;
	text-indent: -9999em;
	background-image: url(data:image/gif;base64,AAAA); /* Trick IE6 */
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent a.nyroModalPrev {
	left: 0;
	width: 40%;
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent a.nyroModalPrev:hover {
	background: url(../images/nyro/prev.gif) left 20% no-repeat;
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent a.nyroModalNext {
	right: 0;
	width: 40%;
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent a.nyroModalNext:hover {
	background: url(../images/nyro/next.gif) right 20% no-repeat;
}