@charset "utf-8";
/* CSS Document */


.itxt {
  overflow:hidden;
  text-indent:-9999px; 
}
.clear {
  height:0px;
  clear:both;
  visibility:hidden;
  margin:0;
}
.abs_right {
  position:absolute;
  right:0;
}
.dn,
.ui-tabs .ui-tabs-hide,
.hidden {
  display:none;
}


strong {
  font-weight:900;
}
body {
  background-color:#244a71;
  font-family:Verdana, Geneva, sans-serif;
  font-size:11px;
  text-align:center;
}



/*____ font definition _________________________*/
/*@font-face {*/
/*  font-family: 'HelveticaNeueLTPro95Black';*/
/*  src: url('fonts/HelveticaNeueLTPro-Blk/HelveticaNeueLTPro-Blk.eot');*/
/*  src: local('Helvetica Neue LT Pro'), local('HelveticaNeueLTPro-Blk'), url('fonts/HelveticaNeueLTPro-Blk/HelveticaNeueLTPro-Blk.woff') format('woff'), url('fonts/HelveticaNeueLTPro-Blk/HelveticaNeueLTPro-Blk.otf') format('opentype'), url('fonts/HelveticaNeueLTPro-Blk/HelveticaNeueLTPro-Blk.svg#HelveticaNeueLTPro-Blk') format('svg');*/
/*}*/
/*____ font definition _________________________*/



/*____ core structure __________________________*/
#page {
  background-image:url('interface/bg-1.gif');
  background-repeat:repeat-y;
  border-bottom:20px solid #244a71;
  margin:0 auto;
  text-align:left;
  padding-left:10px;
  width:980px;
}
#page_i {
  background-image:url('interface/bg-1.gif');
  background-position:100% 0;
  background-repeat:repeat-y;
  padding-right:10px;
}
#main {
  background-color:#505f72;
  border-bottom:6px solid #a3abb7;
  border-left:6px solid #a3abb7;
  border-right:6px solid #a3abb7;
}


#head {
  background-image:url('interface/bg-3.gif');
  background-repeat:repeat-x;
  height:95px;
}
#head h1 {
  background-image:url('interface/bg-4.gif');
  background-position:100% 0;
  background-repeat:no-repeat;
  height:67px;
}
#head h1 a,
#head h1 span {
  background-image:url('interface/logo-parosweb-208x59.gif');
  background-position:50% 50%;
  background-repeat:no-repeat;
  display:block;
  height:67px;
  width:220px;
}


#menu {
  background-image:url('interface/bg-3.gif');
  background-position:0 -67px;
  background-repeat:repeat-x;
  margin:0 -6px;
  height:28px;
  position:relative;
}
#menu ul.main {
  margin-left:6px;
}
#menu ul.main li {
  float:left;
  padding-top:1px;
}
#menu ul.main li a {
  background-repeat:no-repeat;
  display:block;
  height:26px;
  overflow:hidden;
  text-indent:-999px;
}
#menu div.right {
  float:right;
  height:26px;
  position:relative;
  text-align:right;
}


#submenu {
  font-family:Arial,Helvetica,sans-serif;
  height:24px;
  left:0;
  overflow:hidden;
  position:absolute;
  top:28px;
  width:100%;
}
#submenu ul {
  background-image:url('interface/bg-3.gif');
  background-position:0 -95px;
  height:24px;
  margin:0 6px;
  padding-left:15px;
}
#submenu li, 
#submenu li a {
  background-image:url('interface/bg-6.gif');
  background-repeat:no-repeat;
}
#submenu li {
  background-position:0 0;
  float:left;
  height:24px;
  margin-top:5px;
  overflow:hidden;
}
#submenu li a {
  background-position:100% -38px;
  color:#9aa1a7;
  display:block;
  font-size:11px;
  height:19px;
  line-height:20px;
  padding:0 10px;
  text-decoration:none;
  white-space:nowrap;
}
#submenu li a:hover {
  color:#ece8dd;
}
#submenu li:hover, 
#submenu li.sel {
  background-position:0 -19px;
}
#submenu li:hover a,
#submenu li.sel a {
  background-position:100% -57px;
  color:#fff;
}


#breadcrumb {
  color:#c8c4bb;
  font-family:Tahoma, Geneva, sans-serif;
  font-size:11px;
  font-weight:900;
  left:20px;
  position:absolute;
  top:42px;
}
body.directory #breadcrumb {
  top:66px; 
}
body.static #breadcrumb {
  top:42px; 
}
#breadcrumb a,
#breadcrumb em {
  float:left;
  margin-right:3px;
}
#breadcrumb a {
  color:#c8c4bb;
  display:block;
  text-decoration:none;
}
#breadcrumb a:hover {
  color:#fff;
  text-decoration:underline;
}
#breadcrumb a.last {
  color:#e4dcdc;
  cursor:default;
}
#breadcrumb a.last:hover {
  color:#e4dcdc;
  text-decoration:none;
}
#breadcrumb em {
  color:#9ba6b3;
  display:block;
}


#content {
  background-color:#e5e3d6;
  border-bottom:14px solid #505F72;
  min-height:400px;
  margin:22px 210px 0 15px;
  position:relative;
}
body.directory #content {
  margin-top:55px; 
}
body.static #content {
  margin-top:31px; 
}


div.main {
  float:left;
  position:relative;
  width:100%;
}
div#sidebar {
  float:right;
  margin:0 -195px -12px 15px;
  min-height:500px;
  width:180px;
}


#foot {
  background-color:#244a71;
  background-image:url('interface/bg-2.gif');
  background-position:0 -60px;
  background-repeat:repeat-x;
  color:#c6c3b9;
  height:30px;
  margin:0 -10px;
  position:relative;
}
#foot a {
  color:#c6c3b9;
  text-decoration:none;
}
#foot a:hover {
  text-decoration:underline;
}
#foot .left, #foot .right {
  background-image:url('interface/bg-2.gif');
  background-repeat:no-repeat;
  height:23px;
  padding-top:7px;
  position:absolute;
  width:45%;
}
#foot .left {
  background-position:0 0;
  padding-left:8px;
}
#foot .right {
  background-position:100% -30px;
  padding-right:9px;
  text-align:right;
  right:0;
}
/*____ core structure __________________________*/






/*____ language ________________________________*/



#language {
  background-image:url(interface/bg-4.png);
  height:28px;
  text-align:left;
  position:absolute;
  right:0;
  top:0;
  width:97px;
  z-index:1;
}
#language li {
  display:block;
  float:left;
  height:26px;
  margin:1px 0 0 1px;
  position:relative;
  width:44px;
}
#language li a {
  background-image:url(interface/ic-languages-1.png);
  background-repeat:no-repeat;
  display:block;
  height:26px;
  text-indent:-9999px;
  overflow:hidden;
}
#language li.en a {
  background-position:0 0;
}
#language li.en a:hover {
  background-position:0 -26px;
}
#language li.en a.active,
#language li.en a.active:hover {
  background-position:0 -52px;
  cursor:default;
}
#language li.el a {
  background-position:-44px 0;
}
#language li.el a:hover {
  background-position:-44px -26px;
}
#language li.el a.active,
#language li.el a.active:hover {
  background-position:-44px -52px;
  cursor:default;
}

/*#language ul#menu_language {*/
/*  background-color:#6e7880;*/
/*}*/
/*#language ul#menu_language li.menu_item,*/
/*#language ul#menu_language li.menu_item_dropdown {*/
/*  display:inline;*/
/*  float:left;*/
/*  position:relative;*/
/*}*/
/*#language ul#menu_language li.menu_item {*/
/*  background-color:#6e7880;*/
/*  height:20px;*/
/*  width:100px;*/
/*}*/
/*#language ul#menu_language ul.menu_dropdown {*/
/*  background-color:#bcc1c8;*/
/*  border-bottom:1px solid #6e7880;*/
/*  border-left:1px solid #bcc1c8;*/
/*  border-right:1px solid #bcc1c8;*/
/*  display:none;*/
/*  left:0;*/
/*  position:absolute;*/
/*  top:20px;*/
/*  width:98px;*/
/*}*/
/*#language ul#menu_language ul.menu_dropdown:after {*/
/*  clear:both;*/
/*  display:block;*/
/*  font:1px/0px serif;*/
/*  content:".";*/
/*  height:0;*/
/*  visibility:hidden;*/
/*}*/
/*#language ul#menu_language ul.menu_dropdown li {*/
/*  float:left;*/
/*  display:block !important;*/
/*  display:inline;*/
/*}*/
/*#language ul#menu_language a {*/
/*  display:block;*/
/*  float:none !important;*/
/*  float:left;*/
/*  font-family:Arial, Helvetica, sans-serif;*/
/*  font-size:11px;*/
/*  font-weight:100;*/
/*  height:18px;*/
/*  line-height:18px;*/
/*  padding-left:5px;*/
/*  text-decoration:none;*/
/*  white-space:nowrap;*/
/*}*/
/*#language ul#menu_language a.menu_item {*/
/*  background-image:url(interface/ic-dot-5.gif);*/
/*  background-position:100% 50%;*/
/*  background-repeat:no-repeat;*/
/*  border:1px solid #b0b4b8;*/
/*  color:#cdd2d7;*/
/*  width:93px;*/
/*}*/
/*#language ul#menu_language a.menu_item:hover {*/
/*  border:1px solid #fff;*/
/*}*/
/*#language ul#menu_language a.dropdown_item {*/
/*  color:#52595f;*/
/*  height:18px;*/
/*  line-height:18px;*/
/*  width:93px;*/
/*}*/
/*#language ul#menu_language a.dropdown_item:hover {*/
/*  background-color:#52595f;*/
/*  color:#fff;*/
/*}*/
/*#language ul#menu_language li:hover li a,*/
/*#language ul#menu_language li.iehover li a {*/
/*  float:none;*/
/*}*/
/*#language ul#menu_language li:hover ul {*/
/*  display:block;*/
/*}*/
/*#language ul#menu_language li.iehover ul {*/
/*  display: block;*/
/*}*/
/*____ language ________________________________*/





/*____ sidebar _________________________________*/
#sidebar>div {
  background-color:#9ba6b3;
  background-image:url(interface/bg-7.gif);
  margin-bottom:10px;
}
#sidebar>div, #sidebar>div h3 {
  background-repeat:no-repeat;
}
#sidebar>div h3 {
  height:22px;
  overflow:hidden;
  text-indent:-999px;
}

#sidebar>div.spotlight {
  min-height:250px;
}
#sidebar>h3.spotlight,
#sidebar>h3.ad {
  background-repeat:no-repeat;
  height:32px;
  overflow:hidden;
  text-indent:9999px;
}
#sidebar>h3.ad {
  margin-top:15px;
}

#sidebar div.feature {
  background-image:url(interface/bg-8.gif);
  background-repeat:repeat-x;
  background-position:0 100%;
  text-align:left;
  padding:16px 0 13px;
  margin:0 10px;
}
#sidebar div.feature img {
  border:1px solid #5c626a;
  margin-bottom:7px;
}
#sidebar div.feature h4 {
  color:#d7e1ed;
  font-size:16px;
  line-height:15px;
  margin:8px 0 6px;
}
#sidebar div.feature h4 a {
  color:#d7e1ed;
  letter-spacing:-0.053em;
  text-shadow:1px 1px #7b838c;
  text-decoration:none;
}
#sidebar div.feature h4 a:hover {
  color:#fff;
  text-decoration:underline;
}
#sidebar div.feature p {
  color:#fff;
  font-family:Verdana,Arial,sans-serif;
  font-size:11px;
  line-height:16px;
}

#sidebar>div.search {
  margin-top:10px;
  min-height:59px;
  text-align:left;
}
#sidebar>div.search h3 {
  background-position:0 -22px;
}
#sidebar>div.search form {
  padding:5px 10px 32px;
  position:relative;
}
#sidebar>div.search div.input {
  background-color:#89939e;
  border-bottom:1px solid #b0b4b8;
  border-left:1px solid #97a0ab;
  border-right:1px solid #b0b4b8;
  border-top:1px solid #97a0ab;
  height:17px;
  margin:2px 0 0;
  overflow:hidden;
  padding:1px 2px 0;
}
#sidebar>div.search input.txt {
  background-color:#89939e;
  border:none;
  color:#fff;
  display:block;
  font-size:11px;
  line-height:18px;
  width:154px;
}

#sidebar>div.search p.advanced {
  bottom:3px;
  color:#1e3349;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  height:20px;
  left:10px;
  line-height:11px;
  position:absolute;
}
#sidebar>div.search p.advanced a {
  color:#2f4f71;
  text-decoration:underline;
}
#sidebar>div.search p.advanced a:hover {
  color:#fff;
}

#sidebar>div.search p.submit {
  bottom:7px;
  height:20px;
  position:absolute;
  right:10px;
  width:57px;
}
#sidebar>div.search p.submit a {
  background-image:url(interface/button-1.png);
  background-position:0 0;
  background-repeat:no-repeat;
  color:#bdc8d6;
  display:block;
  font-size:11px;
  height:20px;
  line-height:20px;
  text-align:center;
  text-decoration:none;
}
#sidebar>div.search p.submit a:hover {
  background-position:0 -20px;
  color:#fff;
}


#sidebar>div.ad {
  border-left:2px solid #9ba6b3;
  border-right:2px solid #9ba6b3;
  border-bottom:2px solid #9ba6b3;
  background-color:#fff;
  background-image:none;
  min-height:146px;
}


#sidebar div.last {
  background:none !important;
}
/*____ sidebar _________________________________*/







/*____ content structure _______________________*/
#content .main .head {
  background-image:url(interface/bg-5.gif);
  background-repeat:repeat-x;
  background-position:0 85px;
  height:114px;
  position:relative;
}
#content .main .headsmall {
  height:85px;
}
#content .main .head h2,
#content .main .head .mask {
  height:85px;
  left:0;
  position:absolute;
  top:0;
  width:100%;
}
#content .main .head h2 {
  background-position:32px 9px;
  background-repeat:no-repeat;
  z-index:100;
}
#content .main .head .mask .left,
#content .main .head .mask .right {
  background-image:url(interface/header-mask-1.png);
  background-repeat:no-repeat;
  height:85px;
  overflow:hidden;
  position:absolute;
}
#content .main .head .mask .left {
  width:50%;
  z-index:98;
}
#content .main .head .mask .right {
  background-position:100% 0;
  right:0;
  width:50.5%;
  z-index:97;
}
#content .main .head .mask .bg1 {
  background-image:url(interface/header-bg-1.jpg);
  background-repeat:no-repeat;
  height:85px;
  position:absolute;
  width:100%;
}
#static_content #guide_head,
#static_content #webcams_head,
#static_content #events_head,
#static_content #weather_head,
#static_content #newsletter_head,
#static_content #travel_head,
#static_content #videos_head {
  height:86px !important;
  background-color:#FFF;
  margin:-15px -20px 30px;
}
#static_content #guide_head .mask .bg1 {
  background-image:url(interface/guide-header-bg-1.jpg);
}
#static_content #webcams_head .mask .bg1 {
  background-image:url(interface/webcams-header-bg-1.jpg);
}
#static_content #events_head .mask .bg1 {
  background-image:url(interface/events-header-bg-1.jpg);
}
#static_content #weather_head .mask .bg1 {
  background-image:url(interface/weather-header-bg-1.jpg);
}
#static_content #newsletter_head .mask .bg1 {
  background-image:url(interface/newsletter-header-bg-1.jpg);
}
#static_content #travel_head .mask .bg1 {
  background-image:url(interface/travel-header-bg-1.jpg);
}
#static_content #videos_head .mask .bg1 {
  background-image:url(interface/videos-header-bg-1.jpg);
}


#content .main .C1,
#content .main .C2 {
  padding:0 22px;
}
#content .main .C1 .col {
  width:100%;
  position:relative;
}
#content .main .C2 .col {
  float:left;
  width:50%;
}
/*____ content structure _______________________*/




/*____ adverts _______________________*/
div.ad div.txt:first-child {
  border-top:none;
}
div.ad div.txt {
  border-top:1px dotted #555;
  color:#000;
  font-family:Arial,Helvetica,sans-serif;
  font-size:12px;
  line-height:16px;
  padding:20px 8px;
}
div.ad div.txt hr {
  display:none;
}
div.ad div.txt a {
  color:#2F4F71;
  display:block;
  font-size:12px;
  font-weight:900;
  text-decoration:underline;
}
div.ad div.txt p {
  margin-top:3px;
}
/*____ adverts _______________________*/