@charset "utf-8";


html, body { margin: 0px; padding: 0px; background-color: #d7dbe0; font-family: "Lucida Grande", "Helvetica", "Arial", sans-serif; font-size: 65%; }
a:link, a:visited, a:active { text-decoration: none; color: #111; }
a:hover { color: #0066CC; }
ul { list-style: none; margin: 0; padding: 0; }
img { border: none; }
h2 { color: #2A6E98; font-size: 2.1em; font-weight: bold; text-transform: uppercase; text-align: left; margin-top: 35px; }
h3 { color: #2A6E98; font-size: 2.4em; font-family:Georgia, "Times New Roman", Times, serif; font-style: italic; margin: 0;  }
h3 a:link, h3 a:visited, h3 a:active { color: #2A6E98; }
h4 { font-size: 1.6em; font-weight: bold; color: #627197; text-transform: uppercase; }
h5 { color: #2A6E98; font-size: 1.5em; font-family:Arial, Helvetica, sans-serif; margin: 0; }
p { color: #3A4956; font-size: 1.9em; line-height: 2.1em; letter-spacing: 1px; text-align: justify; font-weight: normal; }


/* 
------------------------------------------------------------------------------
	STRUCTURE
------------------------------------------------------------------------------
*/
#container { background: #d7dbe0; width: 100%; }

#header, #menu, #content, #footer { width: 950px; margin: auto; }
#header { background: url(../layout/web/people.png) no-repeat top right; height: 199px; }
#header-bckg { width: 100%; height: 199px; background: url(../layout/web/header.png) repeat-x; }
#logo { float: left; width: 240px; height: 160px; padding-top: 20px; }
#monoSlideshow { float: right; margin-right: 200px; margin-top: 20px; padding: 10px; background-color: #FFF; border: 1px solid #AAA; }

#menu-bckg { width: 100%; height: 52px; background: url(../layout/web/menu-bar.png) repeat-x; }

#menu { text-align: center; padding-top: 1.7em; color: #C4CFEF; }
#menu ul { text-align: center; }
#menu li { display: inline; font-size: 1.9em; }
#menu li a { margin: 0; color: #FFF1DA; text-decoration: none; font-weight: bold; }
#menu li a:link, #menu li a:visited { color: #FFF1DA; }
#menu li a:hover { color: #46586C; }

#content-bckg { width: 100%; background-color: #f0f3f7; min-height: 600px; }
#breadcrumbs { padding-top: 20px; font-size: 2em; color: #999; }

#sidebar { float: left; width: 25%; margin-top: 25px; }
#sidebar ul { text-align: left; }
#sidebar li { display: block; font-size: 2em; font-weight: bold; border-bottom: 1px dotted #CCC; padding: 10px 0 10px 0;  }
#sidebar li a { margin: 0; color: #2A6E98; text-decoration: none; }
#sidebar li a:link, #sidebar li a:visited { color: #2A6E98; text-transform: uppercase; }
#sidebar li a:hover { color: #333; }

#sidebar img { padding: 2px; background-color: #FFF; border: 1px solid #CCC; margin-bottom: 5px; }
#main-content img { padding: 2px; background-color: #FFF; border: 1px solid #CCC; margin-bottom: 5px; margin-right: 5px; }

#contacts { float: left; width: 25%; margin-top: 25px; }
#contacts p { margin: 0; line-height: 1.3em; font-size: 1.8em; }
.contact_item { background-color: #FFF; border: 1px solid #CCC; padding: 10px; margin-bottom: 25px; }

#main-content { float: right; width: 70%; }
#main-content ul { text-align: left; }
#main-content li { display: block; font-size: 1.9em; line-height: 1.2em; letter-spacing: 1px; text-align: justify; font-weight: normal; padding: 10px 0 10px 0; color: #3A4956; }


#single_news { float: left; width: 43%; }
img.floatleft { float: left; padding: 4px; background-color: #FFF; border: 1px solid #CCC; margin-right: 1em; }
#single_event { float: right; width: 45%; }

#ads{ width: 100%; margin: 0; padding: 0; }
#newsletter { width: 335px; height: 198px; background: url(../layout/web/newsletter.png) no-repeat; margin-top: 75px; float: left; margin-left: 50px; }
#newsletter form { background-color: transparent; border: none; margin: 0; padding: 0; }
#newsletter input { margin-top: 145px; padding-top: 5px; margin-left: 20px; height: 1.6em; background-color: #FFF; display: inline; width: 250px; }
#newsletter button { display: inline; height: 2.2em; }

#ad_complexo { width: 335px; height: 198px; margin-top: 75px; float: right; margin-right: 50px; }
#goTop { clear: both; margin: auto; text-align: center; background-color: #f0f3f7; font-size: 2em; padding-top: 50px; } 
 
#footer-bckg { width: 100%; background: url(../layout/web/footer.png) top repeat-x; height: 100px; }
#footer { padding-top: 10px; }
#footer table { font-size: 1.7em; }

#map { margin: 20px 80px 20px 20px; background-color: #FFF; border: 1px solid #CCC; width: 562px; height: 350px; font-size: 2.2em; }


/* 
------------------------------------------------------------------------------
	ACCORDION
------------------------------------------------------------------------------
*/
.toggler { cursor: pointer; font-weight: bold; margin: 0; padding: 5px; color: #3A4956; font-size: 1.9em; line-height: 2.1em; letter-spacing: 1px; }
.toggler:hover { background: #B1DCF6; }
.element { padding: 0 5px; color: #3A4956; font-size: 1.8em; line-height: 2.1em; letter-spacing: 1px; }


/* 
------------------------------------------------------------------------------
	FORM ELEMNTS
------------------------------------------------------------------------------
*/
form { margin: 20px 80px 20px 20px; padding-left: 20px; background-color: #FFF; border: 1px solid #CCC; }
label { display: block;	margin-top: 15px; margin-bottom: 10px; font-size: 1.7em; font-weight: bold; color: #333; }
input { background-color: #E8F1F9; border: 1px solid #AAA; width: 500px; height: 2.3em; padding-top: 10px; font-size: 1.7em; font-family: Geneva, Arial, Helvetica, sans-serif; }
textarea { background-color: #E8F1F9; border: 1px solid #AAA; width: 500px; height: 150px; padding-top: 10px; font-size: 1.7em; font-family: Geneva, Arial, Helvetica, sans-serif; }
input:focus, textarea:focus { border: 1px solid #4274B9; background-color: #F5F5F3; }
button { margin-top: 25px; cursor: pointer; color: #FFF; font-size: 1.8em; font-weight: bold; padding: 6px; background: #2B719A; border: none; margin-bottom: 15px; }


/* 
------------------------------------------------------------------------------
	ALERT MESSAGES 
------------------------------------------------------------------------------
*/
#alert-msg { text-align: center; width: 75%; margin:auto; }
.alert { background: #fff6bf url(../layout/alert-messages.png) center no-repeat; background-position: 15px 50%; text-align: left; padding: 5px 20px 5px 45px; border-top: 2px solid #ffd324; border-bottom: 2px solid #ffd324; line-height: 18px; font-size: 1.3em; }