html,body{height:100%}
body {padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666; background-color:#fff;}
img {border:0}
a{ color:#990000; font-weight:bold; text-decoration:underline}
a:hover{text-decoration:none}
.holder {border:1px solid #dadada; width:896px; margin:auto; margin-top:10px; position:relative}
.logo {height:60px; border-bottom: 4px solid #dadada; background:url(../images/logo.gif) left center no-repeat; position:relative}
.langs { position:absolute; right:0; margin-right:24px; margin-top:10px}
.langs img {border:0; margin-left:10px}
.slogan{float:right; margin-top:30px; margin-right:24px; color:#333; font-size:11px; width:540px; text-align:right; font-style:italic}

.menu {height:32px; background-image:url(../images/bgmenu.gif)}
.menu ul{position: relative; padding: 4px 0 0 10px; margin: 0 auto 0 auto; height: 32px;list-style: none;}
.menu li {float:left; padding-right:7px; background:url(../images/mdiv.gif) left center no-repeat}
.menu li a{float: left;display: block;color:#fff;text-decoration: none;	padding:0 0 0 15px; height: 32px;line-height: 27px;text-align: center;cursor: pointer; font-size:11px;}
.menu li a span{float: left;display: block;padding: 0 20px 0 8px;}
.menu li.current a, .menu li a:hover{color: #7f2020; background: url(../images/menu_hover_left.gif) no-repeat left;line-height: 32px;}
.menu li.current a span, .menu li a:hover span{color: #7f2020; background: url(../images/menu_hover_right.gif) no-repeat right;}

.banner{height:194px; margin-top:12px; margin-bottom:15px}
.banner_image {float:left}
.banner_menu {float:right; width:200px; margin-right:20px}
.banner_menu ul{list-style: none; padding:0; margin:0; vertical-align:middle}
.banner_menu li{ border:1px solid #b7b9bc;cursor:pointer; margin-bottom:9px; min-height:24px; vertical-align:middle; padding:1px; line-height:14px}
.banner_menu li:hover{ background:url(../images/bgbannermenu.gif) repeat-x top left #e7e6e5; }
.banner_menu a{color:#494a4b; text-decoration:none; font-size:11px; vertical-align:middle; font-weight:normal }
.banner_menu img {vertical-align:middle; margin-bottom:10px; float:left}
.clear {clear:both; height:0}
.content {margin-left:10px; margin-bottom:10px}
.c01{ float:left; width:655px; background-color:#f4f5f3; border:1px solid #e1e1e1}
.c02 {margin:10px; padding-left:15px;padding-right:25px; margin-right:0; float:left; width:275px; text-align:justify; color:#939493; border-right:1px solid #ccc; line-height:15px}
.noborder {border:0}
.c02 h1{color:#4c7883; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; background:url(../images/h1bg.gif) bottom left no-repeat; padding-bottom:14px; margin-bottom:40px}
.newsbox{ float:right; margin-right:20px; width:198px; height:304px; background:url(../images/bgnews.gif) no-repeat}
.newsbox .title{color:#4c7883; margin:8px; padding-left:35px; font-weight:bold;}
.ic_lupa {background:url(../images/lupa.gif) top right no-repeat}
.ic_mundo {background:url(../images/mundo.gif) top right no-repeat}
.c02 a{color:#939493; text-decoration:none; font-weight:bold; background:url(../images/arrow1.gif) left center no-repeat; padding-left:16px}
.c02 a:hover{color:#4c7883;}

.footer{background-color:#d7d7d7; height:26px; color:#585555; padding-top:10px; font-size:10px}
.footer .copyright{float:left; margin-left:10px}
.footer .footlinks{float:right; margin-right:10px}
.footer a{text-decoration:none;color:#585555; font-weight:normal}
.footer a:hover{color:#358799;}

.inner_banner{width:896px; height:175px; background-image:url(../images/bgbanner.jpg)}
.location{ font-size:11px; background-color:#333333; height:38px; color:#fff; line-height:38px; text-align:right; padding-right:24px}
.cont01{position:relative; min-height:300px; }
.navmenu {width:200px; background:url(../images/bgnavmenu.gif) repeat-y; border-right:1px solid #d5d5d5; height:100%; position:absolute}
.navmenu strong {color:#CC0000}
.navmenu ul{ margin:0; padding:0; list-style:none; width:180px; margin-left:10px; margin-top:10px}
.navmenu li{border-bottom:1px solid #d5d5d5; padding:5px}
.navmenu img{vertical-align:middle}
.navmenu a{color:#666666; font-weight:normal; text-decoration:none}
.navmenu a:hover, .navmenu .current {color:#CC0000}


.portmenu li{border-top:1px solid #d5d5d5; padding:5px; border-bottom:0; width:155px}
.portmenu img{vertical-align:middle}
.portmenu a{color:#666666; font-weight:normal; text-decoration:none}
.portmenu a:hover, .portmenu .current {color:#0066CC}

.text_port{float:right; width:535px; padding-right:10px; padding-top:15px; text-align:justify; line-height:18px; padding-bottom:30px; margin-right:135px}
.text_port ul li {list-style-image:url(../images/arrow3.gif)}
* html .text_port{float:right; width:535px; padding-right:10px; padding-top:15px; text-align:justify; line-height:18px; padding-bottom:30px; margin-right:65px; position:relative}


.text{float:right; width:661px; padding-right:24px; padding-top:15px; text-align:justify; line-height:18px; padding-bottom:30px}
.text ul li {list-style-image:url(../images/arrow3.gif)}
.text_home{float:right; width:600px; padding-right:24px; padding-top:15px; text-align:justify; line-height:18px; padding-bottom:30px}
h1{ font-size:18px; color:#990000; font-weight:normal; margin:0; padding:0px 0px 7px; line-height:normal}
h2{ font-size:12px;color:#003366; margin:0; padding:0}
h3{ font-size:21px; color:#003366; font-weight:normal; margin:0; padding:7px 0px 7px}
h4{ font-size:14px; font-weight:bold; color:#ccc; margin:0; padding:7px 0px 7px}
h5 { font-size:21px; font-weight:normal; color:#003366; margin:0; padding:7px 0px 7px}

.recent_thumb{width:65px; hight:65px;margin-right: 10px;margin-bottom: 10px; float:left}
.recent_thumb a img{border:5px solid #ccc;}
.recent_thumb a:hover img{border:5px solid #9c1a1a;}

.web_thumb{width:65px; hight:65px; float:left;margin-left:30px; margin-top:5px; margin-bottom:5px}
.web_thumb a img{border:5px solid #ccc;}
.web_thumb a:hover img, .web_thumb .current{border:5px solid #9c1a1a;}

.template {background:url(../images/bgtemp.gif) repeat-x; background-color:#fff; width:100%}
.temp_title {background:url(../images/ic_monitor.png) no-repeat; padding-left:40px; color:#666666; font-weight:bold; height:35px; margin-top:3px; line-height:35px; margin-bottom:20px} 
.temp_text {margin-left:40px; line-height:16px}
.temp_text img {margin:8px; border:2px #ccc solid}

#large-screenshots { margin-top:10px;padding-right: 0px; padding-left: 7px; background: url(../images/bgscreenshot.gif) no-repeat 0px 0px; padding-bottom: 9px; padding-top: 7px;}

.slideshow{ height:340px !important;}

.frm {width:520px; margin-bottom:20px; margin-top:5px}
.frm p { margin:0; padding:0;padding-left:120px; min-height:12px; padding-bottom:3px}
* html .frm p {height:12px}
.frm label {float: left; width: 115px;  margin-left:-120px}

.frmsmall {width:270px; margin-bottom:20px; margin-top:5px}
.frmsmall p { margin:0; padding:0;padding-left:80px; min-height:12px; padding-bottom:3px}
.frmsmall h2 {margin-bottom:10px}
* html .frmsmall p {height:12px}
.frmsmall label {float: left; width: 75px;  margin-left:-80px}

input, textarea, select {background-color:#fff; border:1px solid #ccc; font-size:11px; font-family:Arial, Helvetica, sans-serif}
.btn {background-color:#990000; font-weight:bold; color:#fff; border:0}
.asterisk {color:#FF3300; font-size:16px; vertical-align:middle}
.chkbox{ background-color:transparent; border-width:0px;width:20px; vertical-align:middle}

.news {width:250px; border:1px solid #fff; position:absolute; margin-top:250px; margin-left:10px; background-color:#fff; background:url(../images/bgnews.gif) top left  repeat-x; z-index:1000}
.news h1 { border:1px solid #fff; margin:4px; background-image:url(../images/bgmenu.gif); color:#fff; padding-left:10px;line-height:25px; padding-top:0; padding-bottom:0; font-size:13px; font-weight:bold}
.newbox {padding-top:5px; padding-bottom:10px}
.newbox  img {vertical-align:middle}
.newsholder {margin-left:4px; margin-right:4px; margin-top:5px; margin-bottom:5px; background-color:#fff; background:url(../images/bgnews2.gif) top left  repeat-x; padding-left:15px; padding-right:15px; min-height:250px}
.nobold {font-weight:normal}

.news_archive {padding-right:24px; padding-top:15px; text-align:justify; line-height:18px; padding-bottom:30px; margin-left:10px}
.news_archive  p { margin:0; padding:0;padding-left:120px; min-height:12px; padding-bottom:20px}
* html .news_archive  p {height:12px}
.news_archive label {float: left; width: 115px;  margin-left:-120px; border-right:1px dashed #ccc; margin-right:40px; font-size:12px}
.news_archive a{ font-size:13px;}

.home_box {width:275px; float:left; margin:10px 15px 10px 0px;}
.home_box h1 {background-color:#eee;font-size:11px; font-weight:bold; color:#666; border-top:2px solid #990000; padding-left:5px; margin-bottom:10px}
.home_box .thumb {margin:5px; float:left; text-align:center; font-weight:bold}
.home_box .thumb img {border:1px solid #ccc}
.home_box .thumb a { font-weight:normal; color:#0066CC; text-decoration:none}

.sol {font-size:12px}
.sol strong {color:#333333}
.sol a{ font-weight:normal; color:#336699; text-decoration:none}
.sol a:hover{text-decoration:underline}
.sol img {vertical-align:middle}

.demobox {margin:10px; width:500px;}
.demobox  .thumb { margin:5px; padding:2px; border:1px solid #ccc}