/* CSS Document */
/* sitewide */
html, body { font-family: Verdana, Helvetica, sans-serif; font-size: 12px; color: #000000; background: #7eb4ff url(pics/back.png) top center no-repeat; }
h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; }
a { font-family: Verdana, Helvetica, sans-serif; color: #006699; }
a:hover { color: #ff6600; }
.websitecontainer { position: relative; margin: auto; width: 915px; overflow: hidden; z-index: 1; text-align: left; background: url(pics/background.jpg) no-repeat; }
.language { position: absolute; left: 765px; top: 1px; padding-left: 25px; font-size: 11px; z-index: 1; }
.language a { color: #FFFFFF; text-decoration: none; }
.language a:hover { text-decoration: underline; }
.top { height: 209px; padding-left: 10px; }
.topimage { float: left; width: 450px; }
.logo { margin-left: 490px; padding-top: 30px; }
.left { clear: both; float: left; padding-top: 26px; width: 243px; }
.left .menu { background: url(pics/back-menu.png) repeat-y; padding-left: 30px; padding-right: 20px; padding-bottom: 10px; border-top: 1px solid #FFFFFF; }
.left .menu h3 { height: 20px; background: url(pics/back-menuh3.png) no-repeat; font-size: 11px; padding-left: 20px; padding-top: 5px; }
.left .menu h3 a { color: #003333; text-decoration: none; }
.left .menu h3 a:hover { color: #006699; text-decoration: underline; }
.left .menu h3 a.active { color: #FF9900; }
.left .search { padding-top: 40px; margin-left: 35px; }
.left .search h2 { color: #FFFFFF; font-size: 14px; margin-bottom: 5px; }
.left .search input,
.left .search select { margin-top: 10px; }
.left .search .searchfield { background-color: #a9d8ff; font-size: 11px; width: 150px; border: 0; padding: 1px; color: #000000; margin-bottom: 10px; }
.left .search .searchbutton { background-color: #FF6600; color: #FFFFFF; padding: 2px; border: 0; }
.content,
.content-index { float: left; width: 450px; }
.content { min-height: 400px; }
.content h1,
.content-index h1 { font-size: 18px; color: #FF6600; background: url(pics/back-h1.png) no-repeat; padding-left: 32px; margin-left: 38px; margin-right: 30px; padding-bottom: 20px; }
.content-index { background: url(pics/back-content-index.png) no-repeat; padding-bottom: 1px; }
.content-index .article { padding-left: 35px; padding-bottom: 20px; width: 170px; float: left; }
.content-index .article .texts { height: 267px; overflow: hidden; }
.content-index .article .foto { border: 4px solid #FFFFFF; width: 128px; max-height: 85px; overflow: hidden; }
.content-index .article .date { background: url(pics/arrow-content-index.png) no-repeat; padding-left: 18px; margin-top: 10px; font-size: 11px; color: #2b82be; }
.content-index .article .date a { color: #2b82be; text-decoration: none; }
.content-index .article .category { background-color: #FFFFFF; padding: 2px; display: inline; color: #FF6600; font-size: 11px; font-style: italic; }
.content-index .article .category a { color: #FF6600; text-decoration: none; }
.content-index .article h2 { color: #2b82be; font-size: 12px; padding-top: 10px; }
.content-index .article h2 a { color: #2b82be; text-decoration: none; }
.content-index .article .text { padding-top: 10px; font-size: 11px; }
.content-index .article .text a { color: #000000; text-decoration: none; }
.content-index .article .button { margin-top: 21px; background: url(pics/button-vermas.png) top right no-repeat; text-align: right; padding-right: 5px; padding-top: 3px; height: 18px; font-size: 10px; color: #FFFFFF; }
.content-index .article .button a { color: #FFFFFF; text-decoration: none; }
.content table { color: #005566; font-size: 11px; }
.content .route { padding-bottom: 10px; padding-left: 38px; padding-right: 20px; font-size: 10px; color: #006699; }
.content .route a { color: #006699; }
.content .icons { text-align: right; padding-right: 20px; }
.content .text { padding-left: 38px; padding-right: 30px; color: #005566; font-size: 11px; padding-top: 25px; padding-bottom: 20px; }
.content .text h1 { font-size: 16px; color: #005566; background: none; padding-left: 0px; margin-left: 0px; margin-right: 0px; padding-bottom: 5px; }
.content .text h2 { font-size: 14px; padding-bottom: 5px; }
.content .text h3 { font-size: 12px; padding-bottom: 5px; }
.content .text .date { text-align: right; padding-bottom: 10px; font-size: 11px; color: #FF6600; font-weight: bold; }
.content .data { padding-left: 38px; padding-right: 30px; color: #005566, font-size: 11px; padding-bottom: 20px; }
.content .data li { padding-bottom: 10px; }
.content .data li a { text-decoration: none; }
.content .filter { margin-left: 38px; padding-bottom: 20px; }
.content .filter .filterfield { background-color: #FFFFFF; border: 1px solid #005566; font-size: 11px; width: 150px; padding: 1px; color: #005566; }
.content .filter .filterbutton { background-color: #FF6600; color: #FFFFFF; padding: 1px; border: 0; }
.content .articlelist { clear: both; margin-bottom: 5px; background: #FFFFFF url(pics/back-articlelist.png) top left no-repeat; padding-left: 25px; padding-right: 20px; padding-top: 10px; padding-bottom: 10px; height: 70px; overflow: hidden; }
.content .articlelist .picture { width: 96px; height: 70px; float: left; overflow: hidden; }
.content .articlelist .title { margin-left: 115px; }
.content .articlelist .date { font-size: 11px; padding-bottom: 10px; }
.content .articlelist .date a { color: #FF6600; text-decoration: none; }
.content .articlelist h2 { font-size: 12px; padding-bottom: 10px; }
.content .articlelist h2 a { color: #005566; text-decoration: none; }
.content .articlelist .vermas { padding-left: 14px; background: url(pics/back-vermas.png) no-repeat; }
.content .articlelist .vermas a { color: #bbbbbb; text-decoration: none; }
.content .paging { margin-top: 30px; background-color: #FFFFFF; }
.content .paging .pages { padding-left: 40px; padding-top: 5px; padding-bottom: 5px; color: #336699; font-weight: bold; font-size: 11px; border-bottom: 1px dashed #999999; }
.content .paging .pagenumbers { padding-left: 40px; padding-top: 5px; padding-bottom: 5px; color: #000000; }
.content .paging .pagenumbers a { color: #000000; }
.content .paging .pagenumbers a.active { color: #FF6600; text-decoration: none; }
.content .formcampo { padding: 2px; background-color: #FFFFFF; width: 300px; border: 1px solid #005566; color: #005566; font-size: 11px; }
.content .formboton { background-color: #FF6600; color: #FFFFFF; font-weight: bold; font-size: 11px; padding: 2px; border: 0; }
.right { width: 222px; float: left; }
.right h1 { color: #FFFFFF; font-size: 14px; padding-left: 25px; padding-top: 50px; }
.right h2 { background: url(pics/tit-eventos.png) no-repeat; width: 150px; height: 30px; padding-left: 50px; padding-top: 11px; color: #FFFFFF; font-size: 14px; font-weight: normal; }
.right h3 { color: #FF6600; background: url(pics/back-menuh2.png) no-repeat; margin-left: 10px; padding-left: 25px; font-size: 14px; margin-bottom: 15px; }
.right h2 a { color: #FFFFFF; text-decoration: none; }
.right h3 a { color: #006699; text-decoration: none; }
.right .menu { border: 8px solid #FFFFFF; background: url(pics/back-rightmenu.jpg) center left repeat-x; padding-bottom: 10px; margin-bottom: 20px; }
.right .menu .news { padding-left: 15px; padding-right: 50px; border-bottom: 1px dashed #666699; padding-bottom: 15px; padding-top: 15px;}
.right .menu h4 { font-size: 11px; font-weight: normal; }
.right .menu h5 { font-size: 11px; padding-bottom: 10px; font-weight: normal; }
.right .menu h6 { background: url(pics/back-menuh6.png) bottom left no-repeat; margin-left: 5px; margin-top: 10px; margin-right: 10px; padding-bottom: 10px; padding-left: 15px; font-weight: normal; font-size: 12px; }
.right .menu ul { margin-left: 20px; margin-top: 0;margin-right: 10px; padding-top: 0; padding-left: 0; font-size: 11px; padding-bottom: 10px; border-bottom: 1px dashed #3399cc; }
.right .menu li { margin-left: 15px; padding-left: 0; }
.right .menu h4 a { color: #669999; }
.right .menu h5 a,
.right .menu h6 a,
.right .menu li a { color: #000000; text-decoration: none; }
.right .menu h6 a.active { color: #FF6600; }
.right .menu li a.active { color: #FF6600; }
.right .relations { padding-left: 10px; }
.right .relations h4 { padding-top: 15px; padding-left: 30px; padding-bottom: 10px; font-size: 11px; padding-right: 15px; }
.right .relations h4 a { color: #005566; text-decoration: none; }
.right .relations h4 a:hover { color: #FF6600; }
.right .relations .vermas { text-align: right; font-weight: bold; font-size: 11px; padding-bottom: 10px; border-bottom: 1px dashed #FFFFFF; }
.right .relations .vermas a { color: #FFFFFF; }
.right .banner { padding-top: 50px; padding-left: 35px; font-size: 10px; }
.right .text { padding-left: 25px; font-size: 11px; padding-top: 10px; padding-bottom: 20px; }
.bottom { clear: both; text-align: center; padding-top: 25px; padding-bottom: 25px; font-size: 10px; color: #FFFFFF; background-color: #7eb4ff; }
.bottom a { color: #000000; text-decoration: none; }
.bottom a:hover { text-decoration: underline; }
/* start floating images */
.floatingimage { text-align: center; padding: 5px; }
.floatingimage img { border: none; }
.floatingimage img#CTRLInline, .floatingimage img#CTRLOutlineI { border: 0; padding: 0px; }
.floatingdesc { font-size:9px; color:#666666; text-align: center; width: 128px; }
/* end floating images */