/*GENERAL*/
* { padding:0; margin:0; }
form, fieldset, img { border:0; }
a {cursor:pointer; text-decoration:none; outline:none; }
li { list-style:none; }
html  { background:#fff url(../images/html_bg.gif) repeat-x 0 0; height:100%; }
body { font:75%/140% Verdana, Arial, Helvetica, Sans-serif; height:100%; }
a  { color:#0067c5; }
h1 { font:18px Verdana, Arial, Helvetica; color:#0067c5; }
h2 { font:bold 1.333em Verdana, Arial, Helvetica; color:#0067c5; }
h3 { font-size:1.333em; color:#0067c5; }

.home #left { width:453px; padding:0 33px 0 9px; } 
.home #right { width:334px; margin-left:0; }
.home #right p { padding-bottom:0; }
#right .homelist li { background:none; padding: 0 0 10px 0; }
.homelist li a { background:url(../images/home_list.gif) no-repeat 0 0; display:block; width:335px; height:30px; color:#fff; font-size:1.833em; text-align:center; padding-top:12px; }
.homelist li a:HOVER { background:url(../images/home_list_over.gif) no-repeat 0 0; }


/*REPEAT*/
.header-top:after, .header-bottom:after, #menu:after, .project_content:after, #breadcrumbs:after, #thelist li:after { content:'.'; display:block; clear:both; height:0; visibility:hidden; }
.header-top, .header-bottom, #menu, .project_content, #breadcrumbs, #thelist li { display:inline-block; }
.header-top, .header-bottom, #menu, .project_content, #breadcrumbs, #thelist li { display:block; }

#container { width:847px; margin:0 auto ; min-height:100%; height: auto !important; height: 100%;  margin-bottom:-60px;  }
.empty { height:60px; clear:both; }

/*HEADER TOP*/
#logo { margin-bottom:-45px; padding:57px 20px 0 0; }
#logo a { background:url(../images/logo.png) no-repeat 0 0; width:137px; height:105px; text-indent:-9000px; display:block; }
.header-top { padding-bottom:5px; }
.header-top h1 { width:137px; height:105px; float:left; }
#menu { background:url(../images/right_corner.gif) no-repeat right top; float:left; margin:70px 0 0 8px; padding-right:68px; }
#menu li { background:url(../images/menu.gif) repeat-x 0 0; float:left; }
#menu li a { background:url(../images/delimit.gif) no-repeat right 2px; display:block; padding:5px 16px 10px 17px; color:#fff; font-size:1.166em; }
#menu li.active a, #menu li a:hover { color:#000; }

/*HEADER BOTTOM*/
.header-bottom { clear:both; position:relative;  margin-top:5px; }
.banner { width:493px; height:184px; overflow:hidden; }
.header-bottom .text { position:absolute; left:0; top:0;  }
.header-bottom .texto { background:url(../images/header.png) no-repeat 0 0; width:837px; height:196px; }
.header-bottom .inner_text { position:absolute; right:0; top:0; color:#666666; font-size:0.916em; width:315px; height:186px; padding:10px  20px 0; }
.header-bottom .text a  { position:relative; }
.header-bottom .text h2  { border-bottom:1px solid #e2e2e2; }
.header-bottom .text span { color:#666666; font-size:0.818em; }
.header-bottom .text a { font-weight:bold; color:#036bb2; }
.header-bottom .text a:hover { text-decoration:underline; }
.header-bottom .text ul li { padding-bottom:12px; }
.header-bottom .text .more { background:url(../images/more.gif) no-repeat left center; padding-left:26px; }

/*CONTENT*/
.content  { clear:both; padding-top:16px; color:#666666; }
/*LEFT*/
#left { float:left; width:273px; }
#left p { padding-bottom:15px; }
#left .project { background:url(../images/left_project.gif) no-repeat 0 0; width:256px; height:82px; padding:9px; }
#left .project .textside { width:196px }
#left .project .textside p { padding-bottom:0; }

/*SUBMENU*/
#submenu { background:#ebebeb; padding:6px 9px; margin-bottom:15px; }
#submenu li { margin-bottom:2px; display:inline-block; }
#submenu li { display:block; }
#submenu li a { background:#f3f3f3 url(../images/dbl_arrow.gif) no-repeat 2px 8px; padding:2px 13px; font-weight:bold; display:inline-block; font-size:0.916em;}
#submenu li a { display:block; }
#submenu li a:hover { background-color:#fff; color:#000; }
#submenu li.active a { color:#000; }
#submenu h2 { padding-bottom:3px; margin-bottom:3px; border-bottom:1px solid #e2e2e2; }

/*BREADCRUMBS*/
#breadcrumbs { padding-bottom:9px; margin-left:-5px; }
#right #breadcrumbs li { background:none; float:left; font-size:0.916em; color:#000; padding-left:5px; }
#breadcrumbs li a { background:url(../images/dot.gif) no-repeat right bottom; padding-right:5px; }

/*RIGHT*/
#right { float:left; margin-left:17px; width:542px; }
#right .project { background:url(../images/project.gif) no-repeat 0 0; width:317px; height:81px; padding:9px; }
#right .textside { width:252px; }
#right p { padding-bottom:12px; }
#right ul li { background:url(../images/bullet.gif) no-repeat scroll left 6px; padding-left:16px; list-style-image: none;}

.project h2 { border-bottom:1px solid #e0e0e0; padding-bottom:4px; margin-bottom:3px; }
.imgside, .textside  { float:left; }
.imgside { width:50px; margin-top:4px;}
.textside { padding-left:10px; font-size:0.916em; line-height:14px; color:#000; }
.textside a { font-weight:bold; }
 .onright { float:right; }
 
 /*THELIST*/
#right #thelist li { background:none; padding: 0 0 10px 0; position:relative; }
#thelist li:hover .textbox, #thelist li .over  { background:url(../images/textbox_active_bg.gif) repeat-x 0 0!important; border:1px solid #ccc!important; }
#thelist h2 { font-weight:normal; margin-top:-5px; }
#thelist a  { position:absolute; left:0; top:0; display:block; width:542px; height:58px; background:#fff; filter:alpha(opacity=.1); opacity:.01; -moz-opacity:.01; }
#thelist .imagebox { width:58px; float:left; }
#thelist .imagebox img { width:58px; height: 55px; }
#thelist .textbox { background:#fcfcfc url(../images/textbox_bg.gif) repeat 0 0; border:1px solid #f0f0f0; width:464px; float:left; height:48px; overflow:hidden; padding:8px 8px 0 10px; line-height:14px; }
#thelist .textbox strong { float:right; }
#thelist p  { padding-bottom:0; }
 
 /*FOOTER*/
 #footer { background:url(../images/body_bg.gif) repeat-x left bottom; font-size:0.916em; color:#999; clear:both; text-align:center; height:20px; padding-top:40px; }
 #footer a { color:#999; }
 
 /*CONTACT*/
.csc-mailform-field, .contact_table div { clear: both; margin-bottom: 5px; } 
.csc-mailform input, .contact_table input { background:#fff!important; border: 1px solid #ccc; width: 350px; padding: 1px 4px; } 
.csc-mailform textarea, .contact_table textarea { border: 1px solid #ccc; overflow: auto; padding: 1px 4px; width: 350px; } 
.csc-mailform label, .contact_table label { float: left; width: 160px; text-align: right; padding:3px 10px 0 0; }
.csc-mailform-submit, .contact_table .submit input { margin-left: 170px; color: #666; cursor:pointer; width:auto!important; }

/*SITEMAP*/
.csc-sitemap li { background-position:left 6px!important; }

.SingleProjects .SingleProjectsImg img { float:right; }

.links .back { float:left; }
.links .archive { float:right; }

#right img {border-bottom:3px solid #006dbe;}