@import url("jquery.fancybox.css");
html { background: #002d46;}
body { margin: 20px; padding: 0; font: 65%/116% Arial, Helvetica, sans-serif; color: #ccd5da; width: 940px; position: relative; }
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address { margin: 0 0 1.4em 0; padding: 0; }
dd, blockquote { margin-left: 1em; }
li { list-style: none; background: url(../images/bullet.gif) no-repeat 0 0.5em; padding-left: 14px; }

form label { cursor: pointer; }
fieldset, img { border: none; margin: 0; padding: 0; vertical-align: middle; }
input, select, textarea { font-size: 100%; }

a { color: #0cf; text-decoration: none; overflow: hidden; }
a:hover, a:focus { text-decoration: underline; }

/* Clearing floats */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix { 
	display: inline-block;
}

/* Hides from IE-mac \*/ 
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

h1 { font: normal 1.8em/1.6em Arial, Helvetica, sans-serif; color: #0cf; width: 176px; height: 138px; padding: 14px 22px;  text-transform: uppercase; position: absolute; top: 0; left: 0; margin: 0; background: #1a4259; letter-spacing: -1px; }
h1 span { font: normal 0.7em/1.4em Arial, Helvetica, sans-serif; text-transform: lowercase; display: block; letter-spacing: 0; }

h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a { font: normal 1em/1.4em Arial, Helvetica, sans-serif; color: #0cf; margin-bottom: 0; }

#content { margin-left: 240px; float: left; display: inline; width: 700px; overflow: hidden; }
/*ARTICOL NORMAL*/
#text { margin: 186px 0 0 0; width: 220px; padding-right: 20px; position: relative; z-index: 100; }
.imageList { width: 720px; height: 166px; overflow: hidden; position: absolute; top: 0; left: 240px; margin: 0; z-index: 10; }
.imageList li { list-style: none; float: left; display: inline; width: 220px; height: 166px; overflow: hidden; margin-right: 20px; padding: 0; background: none; }
.imageList img { cursor: pointer; } 

.imageLarge { position: relative; top: 186px; right: 0; width: 460px; overflow: hidden; padding-bottom: 186px; padding-left: 240px;}
.imageLarge ul { padding-top: 5px; }
.imageLarge li { background: none; padding: 0; }
.imageLarge .temp { position: absolute; left: 240px; top: 0; }

/*3 COL*/
.col3 { display: inline-block; width: 720px; overflow: visible; }
.col3 { display: block; }
.col3:after { content: '.'; display: block; clear: both; visibility: hidden; height: 0; }
.col3 > li { background: none; padding: 0; } 
li.noStyle { background: none; padding: 0; }
.col3 li { float: left; width: 220px; margin-right: 20px; display: inline; } 
.col3 li li { width: auto; float: none; display: block; } 
.col3 .img { float: none; margin: 0 0 20px 0; } 
.col3 a { color:#8D8D8D; }

.img { margin: 0 20px 20px 0; width: 220px; height: 166px; overflow: hidden; }

/*NEWS*/
.news { clear: both; height: 166px; overflow: hidden; margin-bottom: 20px; }
.news h2 { text-align: right; color: #CCD5DA; line-height: 1.8em; height: 1.8em; } 
.news h2 span { float: left; color: #0cf; font-size: 1.2em; } 
.news .img { float: left; } 


/*LIST GENERAL IMAGE*/
.list { width: 720px; display: inline-block; m/argin-top: -186px; }
.list { display: block; }
.list:after { content: '.'; display: block; clear: both; visibility: hidden; height: 0; }
.list li { float: left; width: 220px; display: inline; margin: 0 20px 20px 0; height: 166px; background: none; padding: 0; font-size: 2em; }
.list li a { display: block; width: 176px; height: 138px; padding: 14px 22px; background: #1a4259; font: normal 0.7em/1.4em Arial, Helvetica, sans-serif; }
.list li a:hover { background: #0cf; color: #1a4259; text-decoration: none; }

#imgList a { padding: 0; width: 220px; overflow: visible; color: #fff; font-size: 0.45em; background: none !important; }
#imgList span { display: block; width: 220px; height: 166px; overflow: hidden; cursor: pointer; }

/*ADDITIONAL*/
.additional { position: absolute; bottom: -15px; left: 0px;}
.additional dt { color: #0cf; }
.additional dd { color: #fff; margin: 0; }

#content #text { position: absolute; height:352px;}


/*MENU*/
#menu { float: left; width: 240px; margin-left: -940px; display: inline; margin-top: 200px; font-size: 1.55em; line-height: 2em; }
#menu li { list-style: none; display: inline-block; background: none; padding: 0; }
#menu li { display: block; }
#menu a { color: #b3c0c8; }
#menu a:hover, #menu .active a { color: #fff; text-decoration: none; }

#menu li ul { font-size: 0.78em; line-height: 1.27em; margin-bottom: 0; margin-left: 2em; }
#menu .active ul a { color: #b3c0c8; }
#menu .active ul a:hover, #menu .active .active a { color: #0cf; }


/*HOME*/
#home h1 { width: 440px; text-indent: -9999em; padding: 0; height: 166px; background: none; } 
#home h1 a { background: url(../images/logo.gif) no-repeat 0 0; width: auto; display: block; height: 138px; padding: 14px 22px; }
#home #content { margin-left: 440px; width: 510px; }
#home #content .list { width: 480px; margin-top: 0; }
#home #content .list a { background: none; color: #fff; }
#home #content .list a:hover { background: #0cf; color: #1a4259; }
#home #footer { background: none; } 

/*CONTACT*/
#mailform { margin-top: 186px; }
.csc-mailform-field { clear: both; margin-bottom: 5px; } 
.csc-mailform input[type="text"], .csc-mailform input[type="password"] { border: 1px solid #ccc; } 
.csc-mailform textarea { border: 1px solid #ccc; overflow: auto; } 
.csc-mailform label { float: left; width: 120px; text-align: right; padding-right: 10px; }
.csc-mailform-submit { margin-left: 130px; color: #666; }

/*footer*/
#footer { clear: both; margin: 0; /*top: -20px;*/ font-size: 0.9em; color: #8096a3; padding-top: 60px; display: inline-block; position: relative; }
#footer { display: block; }
#footer a { color: #8096a3; text-decoration: none; }
#homeLdink { position: absolute; top: -5px; left: -5px; display: block; width: 26px; height: 26px; background: #fff; filter:alpha(opacity=01); -moz-opacity:0.01; opacity: 0.01;}
#homeLink { position: absolute; top: 522px; left: 0px; display: block; width: 16px; height: 16px; background: url(../images/miniLogo.gif) no-repeat; z-index: 99; }



.imageLinks { float: left; width: 460px; margin-left: 240px; display: inline; position: relative; z-index: 100; }
.imageLinks li { background: none; padding: 0; }
.bottombox2 { padding-left: 9px; }

a.mede {color: #8d8d8d;}

dl.additional {width: 220px;}

#STUDIES {background: #002d46;}

/* News */
.news-list-item {
	background-color: #1a4259;
	border: 1px solid #25536c;
	margin-bottom: 19px;
	font-size: 12px;
	line-height: 18px;
	padding: 16px 8px 2px 77px;
	position: relative;
}

.news-list-item p {
	margin-bottom: 0;
}

.news-list-item h2 {
	padding-bottom: 13px;
	font-size: 14px;
}

.news-list-item h2, .news-list-item h2 strong {
	font-weight: normal;
}

.news-latest-morelink {
	text-align: right;
	text-transform: uppercase;
}

.news-date {
	position: absolute;
	left: 18px;
	top: 27px;
	background-color: #042f3d;
	width: 39px;
	text-align: center;
	color: #bdc6cb;
	float: left;
	display: block;
	text-transform: uppercase;
}

.month, .day {
	display: block;
}

.day {
	color: #1a4259;
	font-size: 24px;
	font-weight: bold;
	background-color: #bdc6cb;
	padding: 4px 0;
}

.tx-ttnews-browsebox {
	text-align: center;
}

.tx-ttnews-browsebox p {
	margin-bottom: 0;
}

.news-single-browsebox {
	position: relative;
	height: 24px;
	text-align: center;
	background-color: #1a4259;
	border: 1px solid #24526b;
	text-transform: uppercase;
}

.news-single-prevlink {
	position: absolute;
	left: 8px;
	top: 6px;
	font-size: 10px;
}

.news-single-nextlink {
	position: absolute;
	top: 6px;
	right: 8px;
	font-size: 10px;
}

.commentColumnLeft, .commentColumnRight {
	float: left;
	display: block;
	width: 228px;
}

.commentTextarea {
	float: left;
	display: block;
	width: 485px;
}

.commentSubmit {
	float: left;
	display: block;
	width: 90px;
}

.commentFirstLine {
	padding-bottom: 7px;
}

.commentFirstLine label {
	font-size: 12px;
	line-height: 18px;
	display: block;
	padding-bottom: 3px;
}

.commentFirstLine input[type=text], .commentFirstLine textarea {
	background-color: #7d94a1;
	border: 1px solid #cae8ef;
	padding: 2px 2px 3px 2px;
	font-size: 12px;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
}

.commentFirstLine input[type=text] {
	width: 195px;
}

.commentFirstLine textarea {
	width: 423px;
}

.commentFirstLine input[type=submit] {
	color: #00ccff;
	text-transform: uppercase;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #1a4259;
	border: 1px solid #23516a;
	width: 79px;
	padding: 2px 0;
	cursor: pointer;
	margin-top: 85px;
}

.commentLine {
	background-color: #043049;
	border: 1px solid #24526b;
	font-size: 12px;
	line-height: 18px;
	padding: 25px 26px;
}

.tx-veguestbook-pi1 h2.tx-guestbook-header {
	background-color: transparent;
	color: #00ccff;
	font-size: 14px;
	width: auto;
	font-weight: normal;
	padding: 0 0 7px 0;
	margin: 0;
}

.commentLine p {
	margin: 0;
	padding-bottom: 4px;
}

.tx-veguestbook-pi1 .tx-guestbook-pagination {
	float: right;
	font-size: 12px;
	line-height: 18px;
	padding-top: 18px;
}

.news-single-item {
	font-size: 12px;
	line-height: 18px;
}

.news-single-item h1 {
	font: 20px/24px Arial, Helvetica, sans-serif !important;
	font-weight: normal !important;
	position: relative;
	left: auto;
	top: auto;
	color: #fff;
	padding: 0;
	margin: 0;
	background: transparent;
	width: auto;
	height: auto;
	text-transform: none;
	letter-spacing: normal;
	padding-bottom: 16px;
}

.news-single-item h1 font {
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif !important;
}

.news-single-item h1 strong {
	font-weight: normal;
}

.news-single-item span.subTitle {
	background-color: #1a4259;
	border: 1px solid #24526b;
	position: relative;
	display: block;
	padding: 19px 0 4px 75px;
	margin-bottom: 18px;
}

.tx-veguestbook-pi1 .tx-guestbook-result {
	clear: both;
	font-size: 20px;
	line-height: 24px;
	display: block;
	float: none;
	font-weight: normal;
	padding: 13px 0 10px 0;
}

.subTitle .news-date {
	left: 19px;
	top: 15px;
}

.newsImage {
	text-align: center;
	padding-bottom: 18px;
}

#textNews {
	margin-bottom: 250px;
}

#textNews #text {
	width: 700px;
	min-height: 30px;
	font-size: 12px;
}

#textNews #text h2 {
	color: #fff;
	font-size: 20px;
	line-height: 18px;
	margin-bottom: 12px;
}

#newsSingle #text h2 {
	display: none;
	margin-bottom: 0px;
}

#newsSingle #textNews {
	margin-bottom: 184px;
}

h2.tx-guestbook-header {display: none;}
div.tx-guestbook-right {display: none !important;}

.newsImage font {display: block;}
.news-list-container {*margin-top: 249px;}