html { background: #fff; height: 100%; overflow: hidden; }
body { margin: 0 auto; padding: 0; height: 100%; font: 75%/150% Helvetica, Arial, sans-serif; color: #04599c; background: #fff; position: relative; overflow: hidden; }
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address, form { margin: 1.4em 0; padding: 0; }
dd, blockquote { margin-left: 1em; }

ul { list-style: disc; }
ul, ol { margin-left: 20px; }
ul ul, ol ul, ol ul, ul ol { margin-top: 0; }
li {  }


/*FORMS*/
form label { cursor: pointer; }
fieldset, img { border: none; margin: 0; padding: 0; vertical-align: middle; }
input, select, textarea { font-size: 100%; }
input[type=text], input[type=password]{ padding: 2px; }
input.input_text, textarea { padding: 2px; }
input[type=submit] { padding: 2px 10px; overflow: visible; }
input.submit { padding: 2px 10px; overflow: visible; }


form label { float: left; width: 70px; padding-right: 5px; text-align: right; line-height: 2.1em; }
form .label, .csc-mailform-submit { margin-left: 75px; }
form p { margin: 0 0 0.6em 0; clear: both; }
form legend { display: none; }
.csc-mailform-field { clear: both; margin-bottom: 5px; }


h1 { font-weight: bold; font-size: 1.35em; line-height: 1.4em; margin: 0; }
h2 { font-size: 1.3em; }
h3 { font-size: 1.2em; }
h4, h5, h6 { font-size: 1em; }

a { color: #04599c; text-decoration: underline; overflow: hidden; }
a:hover, a:focus { color: #0b304d; text-decoration: underline; }
a:active, a:visited { #aaddbc; } 

/*WRAP*/
#wrap { width: 795px; height: 439px; position: absolute; bottom: 55px; right: 55px; overflow: hidden; z-index: 100; background: url(../images/background.png) no-repeat bottom right; }
#bg { display: block; position: absolute; top: 8px; left: 257px; width: 525px; height: 405px; background: #fff; border: 1px solid #6c7997; border-left: 0; }


/*LOGO*/
#logo { position: absolute; top: 0; left: -9px; width: 266px; height: 424px; margin: 0; font-size: 1.3em; line-height: 1.6em; text-align: right; }
#logo img { width: 266px; height: 424px; }

/*CONTENT*/
#content { float: right; display: block; border: 2px solid #1d6ca7; margin-right: 16px; width: 470px; height: 332px; padding: 30px 20px 5px 20px; overflow: auto; overflow-x: hidden; overflow-y: auto;  position: fixed; z-index: 20; margin-left: 262px; margin-top: 36px;}


/*NAV*/
#nav { float: right; display: inline; width: 525px; margin-top: 14px; margin-bottom: 3px; color: #015a9c; position: relative; z-index: 230; }
#nav li { float: left; list-style: none; padding: 3px 20px 0 0; position: relative; }
#nav a { text-decoration: none; background: url(../images/bullet.gif) no-repeat 15px center; padding-left: 25px; color: #91bedf; }
#nav a:hover, #nav .active a { color: #015a9c; background: url(../images/bullet_active.gif) no-repeat 15px center; }
#nav strong a { padding: 0; background: none !important; }


#nav li.hover ul { left: 0px; }
#nav li ul { position: absolute; left: -9999em; top: 1.7em; background: #fff; border: 1px solid #015a9c; margin: 0; padding: 4px 0; overflow: hidden; }
#nav li ul li { float: none; display: block; }
#nav li ul li a { display: inline; background: none !important; color: #91bedf !important; padding-left: 6px; }
#nav li ul li a:hover { color: #015a9c !important; }

#nav .contactLink ul { width: 9.5em; }
#nav .long ul { width: 11em; }


/*BREADCRUMBS*/
.breathcrumbs { text-align: right; position: absolute; font-size: .916em; right: 5px; top: 5px; z-index: 100; }
.breathcrumbs .text { color: #04599c; }
.breathcrumbs a { text-decoration: none; }

/*Projects*/
#projects { margin-left: 0; display: inline-block; }
#projects { display: block; }
#projects:after { display: block; clear: both; content: '.'; height: 0; visibility: hidden; }
#projects li { float: left; text-align:center; list-style: none; width: 220px; display: inline; overflow: hidden; margin-bottom: 1em; height: 15.5em; }
#projects li.odd { margin-right: 12px; }
#projects li p { margin: 0; text-align:left;  }

/*TABLE*/
table { width: 100%; text-align: left; }
table thead { font-weight: bold; background: #98c396; color: #fff; }
table thead td{ font-weight: bold; background: #98c396 url(../images/separator.gif) repeat-x left bottom; padding-bottom: 8px; color: #fff; }
table .titlu { text-align: left; }
table td { padding: 5px 6px; }
table .odd { background: #e9e9e9; }
table tbody tr:hover, table tbody tr.hover { background: #d7d7d7; }

/*BOX*/
.box { background: #fff url(../images/box_border.png) repeat-y top right; padding: 5px; color: #015A9C; }
.box div { background: #fff url(../images/box_background.png) repeat-y top left; padding: 5px 10px }
.box h2 { color: #015A9C; margin: 0.5em 0; font:bold 1.1em Helvetica, Arial, sans-serif; }
.box p { margin: 0.5em 0; }
.box a { color: #015A9C !important; font-style: italic; }


/*RESIZE*/
#resizer { position: absolute; top: 0; left: 0; margin: 0; padding: 0; height: 100%; width: 100%; z-index: 0; }



/*BLUE*/
#blue { color: #fff; }
#blue #content { border: 2px solid #fff; }
#blue div div a { color: #e6e6e6; }
#blue div div a:hover { color: #fff; }
#blue #wrap #bg { background: #015a9c; height: 404px; }
#blue #nav  { color: #fff; }
#blue #nav li { border-color: #015A9C; }
#blue #nav li.submenu:hover { border-color: #fff; }
#blue #nav li ul { border-color: #fff; background: #015A9C; }
#blue #nav a { background-image: url(../images/blue_bullet.gif); color: #91bedf; }
#blue #nav a:hover, #blue #nav .active a { color: #fff; background-image: url(../images/blue_bullet_active.gif); }
#blue #nav li ul li a:hover { color: #fff !important; }

.gmapTextBox {  float: left; clear: both; }

dd.csc-textpic-caption { display: block;}