@charset "UTF-8";
/* START CSS DROPDOWN */
ul{
  list-style-type: none;
}
ul li{
  list-style-type: none;
}
th, td{
  padding: 0;
  border: 0;
}
a{
  /*color: #7EB1DF;*/
  color: #0073ea;
}
a:hover{
  color: red;
}

ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}
ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
}
ul.dropdown li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
 zoom: 1;
}
ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}
ul.dropdown li ul li.hover{
  background: url(/images/dropdown/grad2.png) 0 100% repeat-x;
}
ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
}
ul.dropdown ul li {
 float: none;
}
ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}
ul.dropdown li:hover > ul {
 visibility: visible;
}
ul.dropdown li.rtl ul {
 top: 100%;
 right: 0;
 left: auto;
}
ul.dropdown li.rtl ul ul {
 top: 1px;
 right: 99%;
 left: auto;
}


/* start helper.css */
/*
* {
 margin: 0;
 padding: 0;
}
body {
 padding: 50px;
 border-top: solid 1px #fff;
 background: #fff url(/images/dropdown/pattern1.png) 0 0 repeat-x;
 font: 14px/normal Tahoma, Arial, Helvetica, sans-serif;
}
p { margin-bottom: 1em; }
ul.classic {
 list-style: disc;
 margin-bottom: 1em;
 padding-left: 2em;
}
h1,h2,h3 {
 margin-bottom: .5em;
 font-family: Arial, Helvetica, sans-serif;
 line-height: normal;
}
h1 {
 border-bottom: solid 1px #d9d9d9;
 font-weight: normal;
 font-size: 180%;
 text-indent: 5px;
 letter-spacing: -1px;
}
.dropdown-upward {
 margin-top: 400px !important;
}*/
/* end helper.css */

/* start default.css */

/*ul.dropdown {
 font-weight: bold;
}*/


	ul.dropdown li ul li {
	 /*padding: 7px 10px;
	 border-style: solid;
	 border-width: 1px 1px 1px 0;
	 border-color: #fff #d9d9d9 #d9d9d9;*/
	 background-color: #f6f6f6;
	 color: #000;
	}
	ul.dropdown li:hover {
	 color: red;
	}
	ul.dropdown a:link,
	ul.dropdown a:visited	{ color: #000; text-decoration: none; }
	ul.dropdown a:hover		{ color: #000; }
	ul.dropdown a:active	{ color: red; }
	/* -- level mark -- */
	ul.dropdown ul {
	 width: 150px;
	 margin-top: 1px;
	}

		ul.dropdown ul li {
		 font-weight: normal;
		}
/*-------------------------------------------------/
 * @section		Support Class `dir`
 * @level sep	ul, .class
 */
ul.dropdown *.dir {
 padding-right: 20px;
 background-image: url(/images/dropdown/nav-arrow-down.png);
 background-position: 100% 50%;
 background-repeat: no-repeat;
}
/* -- Components override -- */
ul.dropdown-horizontal ul *.dir {
 padding-right: 15px;
 background-image: url(/images/dropdown/nav-arrow-right.png);
 background-position: 100% 50%;
 background-repeat: no-repeat;
}
ul.dropdown-upward *.dir {
 background-image: url(/images/dropdown/nav-arrow-top.png);
}
ul.dropdown-vertical *.dir,
ul.dropdown-upward ul *.dir {
 background-image: url(/images/dropdown/nav-arrow-right.png);
}
ul.dropdown-vertical-rtl *.dir {
 padding-right: 10px;
 padding-left: 15px;
 background-image: url(/images/dropdown/nav-arrow-left.png);
 background-position: 0 50%;
}
/* end default.css */


/* start default.ultimate.css */
ul.dropdown a,
ul.dropdown span {
 display: block;
 padding: 7px 10px;
}
/*-------------------------------------------------/
 * @section		Base Style Override
 */
ul.dropdown li {
 padding: 0;
 border: none;
}
ul.dropdown ul a,
ul.dropdown ul span {
 padding: 8px;
}
/*-------------------------------------------------/
 * @section		Base Style Reinitiate: post-override activities
 */
 
/*-------------------------------------------------/
 *	@section	Custom Styles
 */
ul.dropdown li {
}
ul.dropdown li ul li:hover {
 background: url(/images/dropdown/grad2.png) 0 100% repeat-x;
 color: #000;
}
ul.dropdown li a:active {
 background: url(/images/dropdown/grad1.png) repeat-x;
}
/* Non-first level */
ul.dropdown li ul {
 margin-top: 0;
 padding-top: 5px;
}
ul.dropdown li ul li ul{
  margin-top: 0;
  padding-top: 0;
}
/* Mixed */
ul.dropdown li ul li a,
ul.dropdown li ul *.dir {
 border-style: solid;
 border-width: 1px 1px 1px 0;
 border-color: #fff #d9d9d9 #d9d9d9;
}
/*-------------------------------------------------/
 * @section		Support Class `open` Usage
 * @source		js, artificial
 *
 */
ul.dropdown li ul li.hover *.open {
 border-style: solid;
 border-width: 1px 1px 1px 0;
 border-color: red #d9d9d9 #d9d9d9;
 background-color: #fff; 
 color: #000;
}
ul.dropdown ul li.hover *.open,
ul.dropdown-vertical li.hover *.open {
 padding-left: 15px;
 border-top-color: #fff;
 border-left: solid 1px red;
}
ul.dropdown-vertical-rtl li.hover *.open {
 padding-right: 15px;
 border-right-color: red;
 border-left: none;
}
ul.dropdown-upward li.hover *.open {
 border-top-color: #fff;
 border-bottom-color: red;
}
ul.dropdown-upward ul li.hover *.open {
 border-bottom-color: #d9d9d9;
}
	/* CSS2 clone */
	ul.dropdown li ul li:hover > *.dir {
	 border-style: solid;
	 border-width: 1px 1px 1px 0;
	 border-color: red #d9d9d9 #d9d9d9;
	 background-color: #fff; 
	 color: #000;
	}
	ul.dropdown ul li:hover > *.dir,
	ul.dropdown-vertical li:hover > *.dir {
	 padding-left: 15px;
	 border-top-color: #fff;
	 border-left: solid 1px red;
	}
	ul.dropdown-vertical-rtl li:hover > *.dir {
	 padding-right: 15px;
	 border-right-color: red;
	 border-left: none;
	}
	ul.dropdown-upward li:hover > *.dir {
	 border-top-color: #fff;
	 border-bottom-color: red;
	}
	ul.dropdown-upward ul li:hover > *.dir {
	 border-bottom-color: #d9d9d9;
	}
/* end default.ultimate.css */




/* END START CSS DROPDOWN */

html{
  background: transparent url('/images/interface/header-bg.png') repeat-x top left;
}
body{
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;  
	text-align: center;
	margin:0;
}

body div{
  text-align: left;
}

#header-container-ro{
  height: 100px;
  width: 970px;
  margin: 0 auto;
  background: transparent url('/images/interface/logo-ro.png') no-repeat top left;
}
#header-container-en{
  height: 100px;
  width: 970px;
  margin: 0 auto;
  background: transparent url('/images/interface/logo-en.png') no-repeat top left;
}
#header-title-container{
  padding: 25px 0 0 160px;
  line-height: 12px;
  float: left;
  font-size: 10px;
}
#header-title-container h1{
  color: white;
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 10px 0;
}
#times-language{
  width: 181px;
  float: right;
}
#times-container{
  background: transparent url('/images/interface/times-bg.png') no-repeat top left;
  height: 50px;
  text-align: center;
  padding: 10px;
  margin: 10px 0 0 0;
}
#times-container ul{
  margin: 0;
  padding: 0;
  text-align: right;
}
#times-container ul li strong{
  color: #45627d;
  font-weight: bold;
  margin: 0 10px 0 0;
}
#times-container ul li {
  color: white;
  font-size: 10px;
}
#language-container{
  text-align: right;
  position:absolute;
  top: 75px;
  width: 181px;
  padding: 0 5px 0 0;
}
#top-nav-container{
  position:relative;
  height: 40px;
  width: 970px;
  margin: 0 auto;
  z-index:500;
}

#nav{
  margin-top: 7px;
  font-size: 11px;
}
#login-container{
  float: right;
  clear: right;
  width: 71px;
  height: 35px;
  background: transparent url('/images/interface/log-in.png') no-repeat top right;
}
	#login-container a{
   text-decoration: none;
   padding: 13px 14px;
   position: absolute;
   color: white;
   font-weight: bold;
   line-height: 13px;
   font-size: 10px;
	}
	#login-container a:hover{
	 color: black;
	}
.notification-container{
  width: 970px;
  margin: 0 auto;
  color: white;
  background: transparent url('/images/interface/notification-red-bg.png') repeat-x bottom left;
}
.notification-content{
  padding: 5px 10px 0 10px;
  font-size: 10px;
  line-height: 14px;
}
.notification-content h2{
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 5px 0;
}
.notification-container-corners{
  background: transparent url('/images/interface/notification-red-lc.png') no-repeat bottom left;
}
.notification-container-corners div{
  background: transparent url('/images/interface/notification-red-rc.png') no-repeat bottom right;
  text-align: right;
  padding: 0 0 5px 0;
}
.notification-container-corners a{
  margin: 0 20px 10px 0;
  color: yellow;
  text-decoration: none;
}
.notification-container-corners a:hover{
  color: orange;
}
#body-container{
  width: 970px;
  margin: 0 auto;
  padding: 20px 0;
}

#left-col{
  float: left;
  clear: left;
  width: 326px;
}
#left-col h1{
  margin: 0;
  font-size: 110%;
}
#content.homePageContent{
  float:  left;
  padding: 0 0 0 20px;
  width: 622px;
}
.static-page-container #content{
  text-align: center;
}
.static-page-container #content p{
  line-height: 1.3em;
  font-size: 1.1em;
  text-align: justify;
  text-indent: 1em;	
}

#content h1,#content h2,#content h3,#content h4,#content h5,#content h6{
  /*color: #0073ea !important;*/
  color: #2F98ff !important;
  font-weight: normal;
}
#content h1{
  font-size: 2em;
  line-height: 1.5em;
	margin: 0 0 0.2em 0;
}
.static-page-container #content h1{
  border-bottom: 1px solid #f8f8f8;
  line-height: 2em;
  margin: 0.2em 0 0.5em 0;
}
.static-page-container #content *{
  color: #666;
  font-family: Sans-Serif;
  text-align: left;
}
.static-page-container #content em{
  color: #222;
  font-style: normal;
}

.static-page-container #content ul {
  background-color: #f6f6f6;
  border: 1px solid #efefef;
  padding: 20px;
  margin: 10px 0;
}
.static-page-container #content ul li{
  list-style-type: square;
  list-style-position: inside;
  font-size: 1em;
  line-height: 1.2em;
}

#left-col div img{
  border: 7px solid black;
  border-width: 7px 2px 7px 2px;
}

#left-col div{
  margin: 0 0 20px 0;
  padding: 0 0 5px 0;
  text-align: center;
  background: #f6f6f6 url('/images/interface/left-column-item-content-bottom.png') no-repeat bottom center;
}
#left-col div *{
  text-align: left;
}

#left-col div h1{
  padding: 10px 5px 5px 5px;
  color: #737373;
  font-weight: bold;
  background: #f1f1f1 url('/images/interface/left-column-item-title-top.png') no-repeat top center;
  /*background: #f1f1f1 url('/images/interface/left-column-item-title-bottom.png') no-repeat bottom center;*/
}

#left-col div p{
  padding: 5px 8px 0 8px;
  line-height: 1.2em;
  color: #737373;
  margin: 5px 0 0 0;
  background-color: #f6f6f6;
  /*background: #f6f6f6 url('/images/interface/left-column-item-content-top.png') no-repeat top center;*/
}
#left-col div a{
  /*color: #7eb1df;*/
  display: block;
  padding: 3px 8px 8px 8px;
  text-align: right;
  text-decoration: none;
}
#left-col div a:hover{
  color: red;
}
#left-col div.front-ipcam p{
  line-height: 14px;
  padding: 0px 8px 5px 8px;
}
#ipcam-container{
  padding: 0 !important;
  margin: 0 !important;
}
#left-col div.front-ipcam img{
  margin: 5px 0 0 0;
}
#gmap-container{
  margin: 0 0 20px 0;
}
.table-style-1{
  width: 100%;
}
.table-style-1 a{
  text-decoration: none;
}
.table-style-1 thead tr th{
  background: transparent url('/images/interface/tabtop.gif') repeat-x top left;
  padding: 10px 5px;
}
.table-style-1 td, .event-table th{
  text-align: center;
}
.table-style-1 tbody tr td{
	padding: 3px 2px;
}
.table-style-1 tbody tr.odd td{
  background-color: #efefef;
}
.table-style-1 tbody tr.day-end td{
  border-top: 1px solid silver;
}
.table-style-1 tbody tr.answerable td{
  background-color: #F8FF8C;	
}
.table-style-1 tbody tr.selected td{
  background-color: #ccc;
  border: 0;
}
.table-style-1 span{
  font-weight: normal;
  color: #888;
}
.table-style-1 th{
  vertical-align: top;
}
ul.thumbs{
  border: 0 !important;
  background-color: transparent !important;
}
ul.thumbs li{
  float: left !important;
  list-style-type: none !important;
}
div.slideshow{
  text-align: center !important;
}
div.caption{
  text-align: center !important;
  padding: 10px !important;
  font-size: 14px !important;
}
a.thumb{
  margin: 10px 10px 0 0;
}
a.thumb img{
  height: 100px;
}
div#gallery{
  clear:both;
}

/* START PAGER CSS */
.pagination_desc
{
  font-style: italic;
  color: #828f95;
  text-align: left;
  font-size: 60%;
  font-weight: normal;
}
.pagination
{
  color: #1d8dc8;
  font-size: 150%;
  font-weight: bold;
  text-align: left;
  margin: 0 0 0.4em 0;
}
.pagination a
{
  margin: 0 1px;
  text-decoration: none;
  color: #828f95;
  font-size: 75%;
  vertical-align: 1px;
  font-weight: normal;
}
.pagination a:hover
{
  text-decoration: underline;
}
.pagination img
{
  vertical-align: -2px;
}
.pagination div.unit{
  float: right;
}
.pager-container{
  width: 100%;
  margin: 0 0 10px 0;
}
/* END PAGER CSS */
.event-list-nav{
  width: 100%;
}
.event-list-nav td{
  vertical-align: top;
}
.event-list-nav .zone-container{
  width: 50%;
  text-align: left;
}
.event-list-nav a{
  text-decoration: none;
  color: #999;
}
.event-list-nav a.sel{
  font-weight: bold;
}
.event-list-nav .zone-container ul{
  display: inline;
  margin: 0;
  padding: 0;
}
.event-list-nav .zone-container ul li{
  display: inline;
  margin: 0 20px 0 0;
}
.search-form-container{
  margin: 0 0 10px 0;
  padding: 7px;
  background-color: #ffedcf;
  color: black;
  border: 1px solid #ffdc9f;
}
.search-form-container td{
  padding: 0 20px 10px 0;
}
.search-form-container input{
  border: 1px solid #ffdc9f;
  padding: 3px;
  border: 
}
.search-form{
  width: auto;
  margin:0;
  padding: 0;
}
.event-show-data-container div{
  background-color: #f8f8f8;
  border: 1px solid #f4f4f4;
  padding: 10px;
}
.event-show-data-container ul{
  text-align: left;
  margin-left: 0;
}
.event-show-data-container ul li{
  text-align: left;
  margin: 0 20px 10px 0;
}
.event-show-data-container p{
  margin: 8px 0 0 0;
}
.event-archive-selection{
  margin: 0;
  background-color: #f8f8f8;
  padding: 7px 5px;
  margin: 0 0 6px 0;
}
.event-archive-selection li{
  display: inline;
  margin: 0 20px 0 0;
}
.event-archive-selection li a{
  text-decoration: none;
}
.sel-local .li-local a,.sel-global .li-global a,.sel-custom .li-custom a{
  font-weight: bold;
}
.contact-details-table-outer td{
  vertical-align: top;
}
.contact-details-table{
  margin: 0 0 10px 0;
  font-size: 16px;
  border: 1px solid #efefef;
}
.contact-details-table td,.contact-details-table th{
  vertical-align: top;
  border-bottom: 1px solid #fff;
  padding: 5px 10px 5px 10px;
}
.contact-details-table th{ 
	text-align: right;
	color: #888;
	width: 150px;
	background-color: #f8f8f8;
}
.contact-details-table td{
  background-color: #fafafa;
}
.contact-details-table ul{
  margin: 0;
}
.contact-page-container h2{
  background-color: #f5f5f5;
  padding: 10px 5px;
  margin: 0 0 5px 0;
  border: 1px solid #efefef;
}
.figure-description{
  background-color: #efefef;
  border: 1px solid #e0e0e0;
  padding: 10px;
  margin: 10px 0;
  font-size: 12px !important;
  text-indent: 0px !important;
}
table.compact-table tbody td{
  font-size: 10px !important;
}
.simple-notification{
  margin: 0 0 10px 0;
  padding: 7px;
  background-color: #ffedcf;
  color: #555351;
  border: 1px solid #ffdc9f;
}
.did-you-feel-it{
  padding: 10px;
  border: 2px solid #eee;
  font-size: large;
}
.did-you-feel-it a{
  text-decoration: none;
  font-size: 14px;
  font-weight: bold;
  color: #F1DE19;
  padding: 5px;
  background-color: #B61414;
}
.did-you-feel-it a:hover{
  color: #F1DE19;
  background-color: #C41212;
}
.answerOK{
  border: 1px solid #ffe6cc;
  background: #ffffcc;
  padding: 10px;
  font-size: large;
  margin: 0 0 10px 0;
}
.hp-didyoufeelit-link{
  color: red;
  font-weight: bold;
}
#map-tabs{
	margin: 8px 0 0 0;
  width: 600px;
  border: 0;
}

#indice-table{
	margin-top: 20px;
  font-size: 12px;
  width: 100%;
}
#indice-table th, #indice-table td{
  text-align: center;
  padding: 0 10px;
}
#indice-table th{
  padding-bottom: 10px;
  vertical-align: top;
  background:none;
}
#indice-table th div{
  color: silver;
  text-align: center;
  font-weight: x-light;
}