@CHARSET "ISO-8859-1";

body, html {
    margin:0;
    padding:0;
    height: 100%;
    background-color: #000;
    color: #858475;
}
body { padding:50px 0 0 50px; }
#page{
    z-index: 2;
    position: relative;
    height:100%;
}
/*
#site{
    z-index: 2;
    position: relative;
    background: url(../templates/images/bg.png) repeat-y;
    height: 100%;
    overflow: scroll;
    overflow-x: hidden; 
}*/

* { font-family:Arial; }

/*
light-blue : #CED5DC
dark-blue  : #082E4F 
other-blue : #4e6894;
*/

/* UI OVERRIDE*/

.ui-button-text-only .ui-button-text {
    padding:0.2em 0.5em;
    font-size: 12px;
}



/*
	Global Styles
*/
.left  { float:left!important; }
.right { float:right!important; }
.clear { clear:both!important; }
.border { border:1px solid #ff0000; }
.block { display: block;}
.nomargin { margin: 0 !important;}
.inline { display:inline !important; }
.gray { color:#666; }
.red { color:#ff0000; }
.green { color: #99cc00; }
.light-color { color: #999; }
.dark-color { color: #0484a7; }
.center { text-align:center; }
.boxgray{ font-size: 12px; margin: 15px 0 5px 0; background-color: #858475; color: #000;  padding: 6px; }
.back { font-size: 14px; text-decoration: none; margin-top: 30px;}
.back a { text-decoration: none; color:#858475;}
.back a:hover { text-decoration: underline;}

.no_results { font-size: 13px; color:#fff; line-height: 1.5em; }
.no_results b { color:#858475; padding: 10px 0 10px 0; }


.content_bg p{ font-size: 13px; line-height: 1.4em; }

.portfolio_nav { border-top: 1px solid #858475; }
.portfolio_nav h6 { font-size: 12px; border:1px solid #858475; padding: 4px 7px; margin-top: 8px; }
.portfolio_nav h6 a { text-decoration: none;}
.portfolio_nav h6 samp { font-weight: bold;}

/*
.w50 { background: url(../templates/images/w50.png) repeat; }
.w80 { background: url(../templates/images/w80.png) repeat; }
.b50 { background: url(../templates/images/b60.png) repeat; }
*/

input.error, textarea.error{ background-color: #fee2e2 !important; border:1px solid #ff0000!important;}

.box-red { background-color:#fee2e2; border:1px solid #fdb9b9; color:#ff0000; padding:10px;}

p.l { font-size:14px; line-height:1.3em; margin:10px; padding:10px; }
p.xxl { font-size:20px; line-height:1.4em; margin:10px; padding:10px; }

#user_activation { padding: 40px; text-align: center; }
#user_activation h4 { font-size: 16px; color:#666; font-weight: bold; line-height: 1.3em; }

#mainholder { width:800px;  margin:auto; }



/*    INDEX     */
#login_information { font-size: 10px; float:right; background-color: #ccc;  color:#000; padding: 3px 5px 5px;}


.separador_white { background: url(../templates/images/tri_white.gif) no-repeat; border-bottom: 1px solid #fff; height: 11px;  margin: 10px 20px 5px 20px; }
.separador_darkgray { border-bottom: 1px solid #666; height: 10px; margin: 10px 0 5px; }
.separador_gray { background: url(../templates/images/tri_gray.gif) no-repeat; border-top: 1px solid #a6a8ab; height: 11px; margin: 20px; }
.separador_red { /*background: url(../templates/images/tri_red.gif) no-repeat;*/ border-bottom: 1px solid #cc0033; height: 11px; margin: 10px 0 5px 0; }





#container_top { margin-bottom: 10px; width:900px; }
#container_footer { border-top:1px solid #656458; width: 900px; margin-top: 100px;}
.copyright { margin-top:10px;  font-size: 10px; color: #666; }


#container_menu { border-top:1px solid #858475; border-bottom:1px solid #858475;  width:900px;  padding: 5px 0 0 0;  overflow: hidden; height: 27px; margin-bottom: 15px; }

.main_menu { margin: 0px !important; padding: 0px !important; }
.main_menu ul { margin: 0px !important; padding: 0px !important; }
.main_menu a { margin: 0 7px 0 7px; text-transform: uppercase; color:#858475;
              text-decoration: none; font-size: 15px; cursor: pointer; float: left; height: 24px; padding: 3px 0 0 3px;  }
.main_menu ul li { float: left; }
.main_menu ul li:first-child a { margin-left:0px; padding-left: 0px; }
.main_menu ul li ul li { float: left }
.main_menu ul li ul { float: left; background-color: #646358; border: 2px solid #646358; color:#000; display:none; height: 18px; padding-right: 3px; }
.main_menu ul li ul li a { color:#000; font-size: 12px; margin: 0 3px 0 3px; }
.main_menu ul li ul li.selected { font-weight: bold; }
.main_menu ul li.selected a { color:#fff; }
.main_menu ul li ul li.selected a { color:#fff; }
.main_menu a:hover{ color:#ccc; }

/* CONTENT */

/*********************************   MAIN PAGE   ******************************/

#home_portfolio {  margin: 0px!important; padding: 0px !important; }
#home_portfolio li { width: 209px; height:210px; list-style-type: none!important; cursor: pointer; float: left; margin: 0 0 20px 20px; padding: 0 !important;}
.home_portfolio_thumb { width: 210px; height:210px; float: left; background-color: #646358; }

/* plugins */

        /* contact form*/

#error_container { font-size:12px; color:#ff0000; padding: 10px; position: relative; left:20px;}
.forms_success_messages { min-width:600px; min-height:150px; padding-top:150px; font-size:20px; color:#999; text-align:center;}
/*
#front_form { min-width:600px; margin-right:10px;}
#front_form div { margin-bottom:5px; float:none; }
#front_form div label { font-size:12px; display:block; margin:10px 0 5px 4px; }
#front_form div input { border:1px solid #999; padding:3px; }
#front_form .button { border:1px solid #ccc; background-color:#999; padding:3px 10px 3px 10px;}
#front_form div input.error { border-color:#f4c9c1; background-color:#999; }

#front_form #error_container { display:none; color:#ff0000; float:left;  font-size:12px; padding:7px; }

 }

.plugin_list_icons li { float:left; width:220px; _width:210px; height:80px; margin: 0 0 5px 5px; }
.plugin_list_icons li img { float: left; margin:0 5px 5px 0; }
.plugin_list_icons li .plugin_list_icons_name { font-size:12px; font-weight:bold; }
*/


#front_form { margin:auto; }
#front_form h2 { font-size:18px; color:#999; margin-bottom: 20px; }
#front_form div { margin-bottom:10px;  }
#front_form input { font-size:14px; padding:3px; border:1px solid #858475; background-color: #646358; width:100%; margin-top:5px; }
#front_form input.radio { padding:3px; width:auto; margin-top:10px; }
#front_form label { font-size:14px; margin-left: 4px; color:#858475; width:100%; display: block; }
#front_form .button { width:auto; background-color:#858475; border:1px solid #646358; color:#000; cursor:pointer; border:none; padding: 3px 10px 3px 10px; }
#front_form .button:hover { background-color:#999; }
#front_form select, #front_form textarea { padding: 3px;  border:1px solid #858475; background-color: #646358; margin-top:5px; }
input.small, textarea.small { width: 30% !important; }
input.medium, textarea.medium { width: 50% !important; }
input.large, textarea.large { width: 100% !important; }
#error_validate { font-size:11px; color:#ff0000; }

/* FRONT LOGIN*/
#dialog_login, #dialog_recpassword{ width: 300px; padding: 10px; display:none; margin-right:6px; }
#login_error_message,#recoverpassword_result { width: 230px; color: #FF9999; font-size: 10px; float:left;}

/* FRONT NEWSLETTER */
#dialog_newsletter { width: 300px; padding: 10px; display:none; margin-right:3px; }
#dialog_newsletter h2 { text-align: right; font-size: 20px;}
#dialog_newsletter p { margin: 5px auto 20px; font-size: 14px; }
#dialog_newsletter div  { margin-bottom:10px; padding-right: 6px;  }
#dialog_newsletter .submit { width: auto; padding: 3px 10px 3px 10px;}
#dialog_newsletter .submit:hover { cursor:pointer; background-color:#999; color:#fff; }
#newsletter_error { color: #FF9999; font-size: 10px; }

#newsletter_btn { width: 250px; margin-top: 10px; color:#999; text-align: right; }
#newsletter_btn a { text-decoration: none; font-size: 12px; }
#newsletter_btn a b { font-size: 14px; }
#newsletter_btn a:hover { color:#999; cursor: pointer; }

#newsletter_result { color: #FF9999; font-size: 10px;}


/* NOTICIAS */

#news_list { margin-top:40px; }
#news_list li {width: 280px; float: left; margin-left:15px; min-height: 260px; cursor:pointer; }
#news_list li:hover a { color:#ccc; }
#news_list .title { margin:6px 0 6px;}
#news_list .title a { font-size: 13px; color:#999; text-decoration: none;}
#news_list .short_comment p { font-size: 12px; }

.news_view {  }
.news_view .news_comment { margin-top: 10px; }
.news_view .news_comment p{ font-size: 12px;  }
.news_view_list { width: 280px; margin-left: 14px; }
.news_view_list ul li { margin: 0 5px 10px 5px; }
.news_view_list ul li:hover .title a { text-decoration: underline; }
.news_view_list ul li .title a { text-decoration: none; font-size: 12px; color:#999;   }
.news_view_list ul li .short_comment { font-size: 8px; color:#666;}
.news_view_list ul li .short_comment a { text-decoration: none; }

.sublist_right { margin-bottom: 40px;}
.sublist_right li { margin: 2px 0 4px; padding: 0 0 0 5px;}
.sublist_right li a { font-size: 13px; text-decoration: none; color:#666;}
.sublist_right li a:hover { text-decoration: underline; color: #999; }


/* PORTFOLIO */

#portfolio_categories_list { margin: 0!important; padding: 0; }
#portfolio_categories_list li { list-style-type: none !important;  float: left; margin: 0 0 20px 20px; padding: 0!important;  }
#portfolio_categories_list li .title a{ font-size: 13px; text-decoration: none !important; }




.portfolio_list { margin: 0 !important; padding: 0; }
.portfolio_list li { list-style-type: none !important;  float: left; margin: 0 20px 20px 0; padding: 0!important; width: 210px; height: 210px; cursor:pointer; }
.portfolio_list .breadcrumb_title { margin-top: 6px; font-size: 10px; color:#999; }
.portfolio_list .title { margin:5px 0 6px;}
.portfolio_list .title a { font-size: 13px; color:#666; text-decoration: none;}
.portfolio_list .short_comment p { font-size: 12px; color:#ccc; }
.portfolio_breadcrumb { margin:10px 0 20px; }
.short_comment a { text-decoration: none;}

#content { width: 900px; }
#content .view_portfolio_left { float: left; width: 540px;  margin-right: 10px; float: left; }
#content .view_portfolio_right { float: right; width: 350px; float: left; }
#content .view_portfolio_text { color:#858475; width: 330px; text-align: justify;}
#content .view_portfolio_files { margin: 0 0 10px 0; padding: 0px; }
#content .view_portfolio_files li { list-style-type: none; margin: 0; padding: 3px 0 3px 0;}
#content .view_portfolio_files li a { text-decoration: none; }
#content .view_portfolio_files li a:hover { text-decoration: underline; }
/*
#content .portfolio_sideimages { margin: 17px 0 0 0; padding: 0px; }
#content .portfolio_sideimages li { list-style-type: none !important; margin: 0 17px 10px 0; padding: 0px; float:left; }
#content .portfolio_sideimages .title { font-size: 12px; }
#content .portfolio_sideimages .desc { font-size: 11px; color: #ccc; }
#content .portfolio_sideimages .portfolio_thumb { width: 110px; height: 60px; margin-bottom: 5px;}

#portfolio_cat_list li { margin-bottom: 10px; }
#portfolio_cat_list li a { text-decoration: none; font-size: 13px; display: block;}
#portfolio_cat_list li { width: 266px; border:1px solid #ccc; background-color: #f2f2f2; float: left; margin-left: 15px; padding: 6px; cursor: pointer;  }
#portfolio_cat_list li:hover { background-color: #999;}
#portfolio_cat_list li:hover a { color:#fff}

#portfolio_cat_list li.active { background-color: #666;}
#portfolio_cat_list li.active a { color:#fff; }
*/
#portfolio_cat_list { }
#portfolio_cat_list li { list-style-type: none; font-size: 12px; padding:2px 5px 4px 5px; }
#portfolio_cat_list li a{ color:#666; text-decoration: none; display:block;}
#portfolio_cat_list li:hover a { color:#d2d2d2; text-decoration: underline;}
#portfolio_navigation_holder { padding:10px 5px 5px 10px; display:block; float: left; position:absolute;}
#portfolio_navigation_holder:hover { display: block; background-color: #f2f2f2; }
#portfolio_navigation_holder .title { background:url(../templates/images/categorias_icon.gif) no-repeat; padding: 3px 4px 4px 25px; font-size: 12px;}
#portfolio_navigation_holder ul { margin: 5px 0 0 0 !important; border-top:1px solid #d2d2d2; }
#portfolio_navigation_holder ul li { list-style-type: none !important; padding: 4px 0 4px!important; font-size: 12px; }



#manuals_list { margin-top: 30px;}
#manuals_list li { margin-left: 15px; width: 280px; float: left; }
#manuals_list li ul { margin: 10px; }
#manuals_list li ul li { float: none; width: 260px; padding: 2px; margin: 0; }
#manuals_list li ul li a { color:#666; text-decoration: none; font-size: 12px; display:block; }
#manuals_list li ul li:hover a {color:#000; text-decoration: underline; }

#search_results { margin: 30px 0 0 0!important; }
#search_results li { padding: 0!important; margin:0 0 10px 15px; width: 235px; float: left; min-height: 150px; list-style-type: none !important;   }
#search_results li h4 { margin-bottom: 6px; }
#search_results li h4 a { font-size: 14px; color:#666; font-weight: bold; }
#search_results li p { font-size: 13px; line-height: 1.3em; color:#999; }
#search_results li div { margin-top:5px; color: #666; font-size: 13px; }


.produtos_left { float:left; width: 200px; overflow: hidden; margin-right: 10px; }
.produtos_right { float:right; width: 570px; }
.list_aplicacoes li { float:left; width: 100px; font-size: 10px; margin: 0 10px 20px 0; text-align: center; }

.maisinfo_button { font-size: 12px; }
.maisinfo_button img { float: left; margin-right: 5px; position: relative; top:7px;  }
.produtos_menu_title { font-size: 12px; font-weight: bold; color:#cc3333; margin:10px 0 5px; }
.produtos_menu li a {text-decoration: none; font-size: 12px; }
.produtos_menu li a.sel { text-decoration: underline; color:#cc3333; }

#dialog_productinfo { width: 500px; margin: 20px;}
#productform_error { font-size: 10px; color:#ff0000; }
#productform_result { width: 500px; text-align: center; }








/**/

#content ul { margin: 10px; list-style-position: inside; }
#content ul li{ list-style-type: disc; padding: 7px; font-size: 13px; line-height: 1.3em; }
#content p { margin-bottom: 18px;}
#content table p { margin-bottom: 0px;}
#content strong { color:#999; }
#content h3 { font-weight: bold; }

.portfolio_tabs { width: 100%; border-bottom: 1px solid #858475; margin: 20px 0 20px; }
.portfolio_tabs h4 { font-size: 15px; padding: 5px 10px; float:left; border:1px solid #858475; margin-left: 5px; cursor: pointer; position: relative; top:1px; border-bottom:none; }
.portfolio_tabs h4.selected { border-bottom:1px solid #000; }


.share_link { float: right; background: url(../templates/images/share.gif) no-repeat; padding-left: 30px; height: 20px; display:inline-block; border:1px solid #858475; }
.share_link a { font-size:13px; text-decoration: none; position: relative; top:1px; left:-4px;}

.view_portfolio_thumbholder {}
.view_portfolio_thumbholder img { zoom: 1; filter: alpha(opacity=50); opacity: 0.5; }
.view_portfolio_thumbholder ul { margin: 0px !important; padding: 0px!important;}
.view_portfolio_thumbholder ul li { list-style-type: none !important; margin: 0 0 10px 10px; padding: 0px!important; float: left; }
.view_portfolio_thumbholder ul li a { padding: 0px; }
.view_portfolio_thumb { width: 120px; height: 80px; }
#loading { font-size:12px; padding: 8px; color:#666;}

.view_portfolio_file { background: url(../templates/images/file_icon.png) left no-repeat; height: 25px; padding:15px 5px 5px 28px; font-size: 12px; }
.view_portfolio_file a { text-decoration: none; }


.links { margin:0!important; padding: 0!important;}
.links li{ list-style-type: none !important; padding: 0!important; margin: 5px 0 0 0!important; }
.links li a { text-decoration: none!important; }
.links li a { text-decoration: underline; }