body {/*font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;*/font-family: 'Roboto', sans-serif; background:#fff;}
a { text-decoration: none; }
img { border: currentColor !important; }

.clear { clear: both; }
.main-div {	margin: auto; width: 100%; float: left; }
.outer-main {	overflow-x: hidden; }
.outer-div {	margin: auto;min-width:960px; width: 100%; border-bottom-color: rgb(30, 30, 30); border-bottom-width: 8px; border-bottom-style: solid;}

.header-outer {	margin: auto; width: 100%; position: fixed; z-index: 99999999999900000;min-width:960px;}
.header-inner {	background: #2a979f; margin: auto; height: 50px; padding:5px;color:#333;}
.header-inner .header-left img {float:left; display:inline-block;}
.header-inner .header-left span {float:left; display:inline-block; color:#fff; font-size:32px; padding:6px 0px 0px 10px;}
.header-left {float: left;}
.header-right {float: right;padding:15px;}

.container-left {left: 0; top:50px; position: fixed; z-index: 2; width:220px;}
.menu {padding:25px 0px 0px 15px;background:#fff;}
.menu ul{list-style-type: none;}
.menu ul li {margin-bottom: 6px;	list-style: none;}
.menu ul li ul {margin-left:10px;}
.menu ul li ul li{margin-bottom: 6px;list-style: none;border-left:2px solid #f4bc33;}
.menu ul li:hover { -moz-transition-property: all; -moz-transition-duration: 0.3s; -o-transition-property: all; -o-transition-duration: 0.3s; -webkit-transition-property: all; -webkit-transition-duration: 0.3s;transition-property: all; transition-duration: 0.3s:}
.menu ul li a {padding: 3px 10px;color:#2a979f; letter-spacing: -1px; overflow: auto; font-size: 16px; display: block;}
.menu ul li a:hover {background: rgb(21, 75, 79); color:#fff; -moz-transition-property: all; -moz-transition-duration: 0.3s; -o-transition-property: all; -o-transition-duration: 0.3s; -webkit-transition-property: all; -webkit-transition-duration: 0.3s; transition-property: all;  transition-duration: 0.3s;}
.menu ul li a.active {color: rgb(21, 75, 79);}
.menu ul li.selected {color: #333;}
.menu ul li a.select {background: #000; color: #fff;}

.cont-inner {padding-left:240px;margin:auto 0 ; width:70%; position: relative;overflow:hidden;}
.cont-inner h1{font-family: 'Roboto Slab', serif;color: #154b4f;  font-size: 30px; line-height:40px;}
.cont-inner h2{color: #2a979f;  font-size: 28px; line-height:28px;}
.cont-inner p{color: #333; font-size: 16px; line-height:24px;margin-bottom:10px;padding:3px; }
.cont-inner p span{display:inline;background:url('');}

.content1, .content2, .content3, .content4, .content5, .content6, .content7, .content8, .content9, .content10, .content11, .content12, .content13 { background: url("") #fff; background: url(""), url("") #fff no-repeat 50% 0;margin: auto; width: 100%; padding: 80px 0px 20px;border-bottom:20px solid #154b4f;}
/*.content2 { background: url("") #111; background: url(""), url("") #fff no-repeat 50% 0;margin: auto; width: 100%; padding: 80px 0px 20px;border-bottom:20px solid #154b4f;}
.content3 { background: url("") #222; background: url(""), url("") #fff no-repeat 50% 0;margin: auto; width: 100%; padding: 80px 0px 20px;border-bottom:20px solid #154b4f;}
.content4 {background: url("") #333; background: url(""), url("") #fff no-repeat 50% 0;margin: auto; width: 100%; padding: 80px 0px 20px;border-bottom:20px solid #154b4f;}
.content5 {background: url("") #444; background: url(""), url("") #fff no-repeat 50% 0;margin: auto; width: 100%; padding: 80px 0px 20px;border-bottom:20px solid #154b4f;}
.content6 {background: url("") #555; background: url(""), url("") #fff no-repeat 50% 0;margin: auto; width: 100%; padding: 80px 0px 20px;border-bottom:20px solid #154b4f;}
.content7 {background: url("") #666; background: url(""), url("") #fff no-repeat 50% 0;margin: auto; width: 100%; padding: 80px 0px 20px;border-bottom:20px solid #154b4f;}*/

.container-sx {	padding-left:220px;margin:auto 0 ; width:70%; position: relative;overflow:hidden;}
.number{font-family: 'Roboto Slab', serif;font-size:30px;color:#2a979f;}
.sannumber{font-family: 'Roboto Slab', serif;font-size:24px;color:#2a979f;}

.kouti{padding:5px;width:90%;overflow:hidden;background:#eee;}
.kouti img{float:left;margin-right:10px;}

.device {width: 100%;height: 465px;position: relative;margin-bottom:20px;}
.device .arrow-left {z-index:11;background: url('/specials/hobbit2/images/arrow-left.png') no-repeat left top;position: absolute;left:0px;top: 50%;margin-top: -25px;height:50px; width:50px;}
.device .arrow-right {z-index:11;background: url('/specials/hobbit2/images/arrow-right.png') no-repeat left bottom;position: absolute;right:0px;top: 50%;margin-top: -25px;height:50px; width:50px;}
.swiper-container {width:100%;height:465px;margin:0 auto;position:relative;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;	/* Fix of Webkit flickering */	z-index:1;}
.swiper-wrapper {position:relative;width:100%;-webkit-transition-property:-webkit-transform, left, top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0px,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform, left, top;-moz-transition-duration:0s;-moz-transform:translate3d(0px,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform, left, top;-o-transition-duration:0s;-o-transform:translate3d(0px,0,0);-o-transition-timing-function:ease;-o-transform:translate(0px,0px);-ms-transition-property:-ms-transform, left, top;-ms-transition-duration:0s;-ms-transform:translate3d(0px,0,0);-ms-transition-timing-function:ease;transition-property:transform, left, top;transition-duration:0s;transform:translate3d(0px,0,0);transition-timing-function:ease;}
.swiper-free-mode > .swiper-wrapper {-webkit-transition-timing-function: ease-out;-moz-transition-timing-function: ease-out;-ms-transition-timing-function: ease-out;-o-transition-timing-function: ease-out;transition-timing-function: ease-out;margin: 0 auto;}
.swiper-slide {float: left;}
.swiper-wp8-horizontal {-ms-touch-action: pan-y;} /* IE10 Windows Phone 8 Fixes */
.swiper-wp8-vertical {-ms-touch-action: pan-x;} /* IE10 Windows Phone 8 Fixes */
.content-slide {color: #333;position:relative;}
.content-slide img{border:0;}
.over{z-index:10;position:absolute;bottom:0px;left:0px;width:100%;background:url('http://www.athinorama.gr//images/bg_trans_black.png');/*background-color:#fff;filter:alpha(opacity=70);opacity:0.70;*/padding:10px;}
.over p{font-size:1em;line-height:16px;margin:0px;padding:0px !important;text-align:center;}
/* CAROUSEL IMAGES Restaurants & Hotels END */

.videowrapper {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 52%;
    padding-top: 25px;
    height: 0;
}
.videowrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.iframe img{vertical-align: text-bottom;margin-left:4px;border:0;}
.icon-img img{vertical-align: text-bottom;margin-left:4px;border:0;}
.icon-img-boxoff img{vertical-align: baseline;margin-left:4px;border:0;}


/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

div#main {}

div#content {
  margin: 0 auto;
  padding: 0 20px 300px 20px;
  color: white;
  font-size: 80%;
  min-height: 1000px;
}

div#content > div#browsers {
  margin-top: 25px;
  text-align: center;
  color: #2D3743;
}
div#content > div#browsers > em {
  margin: 0 5px;
}
div#content > div#browsers + h2 {
  margin-top: 40px;
}

div#content > h2 {
  font: italic bold 200% Georgia, serif;
  margin-top: 60px;
  margin-bottom: 30px;
  text-shadow: 0 -1px black, 0 -2px #222;
  text-shadow: rgba(0, 0, 0, 0.7) 0 -1px, rgba(0, 0, 0, 0.3) 0 -2px;
  padding-bottom: 10px;
  box-shadow: rgba(0, 0, 0, 0.1) 0 1px, rgba(0, 0, 0, 0.01) 0 2px;
}

div#content > p {
  margin-top: 5px;
  margin-bottom: 5px;
}

div#content pre {
  background: #111111;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  margin: 20px 0;
  padding: 20px;
  font: normal normal 90% sans-serif;
  position: relative;
}

div#content pre:before {
  position: absolute;
  content: attr(class);
  top: 5px;
  right: 10px;
}

div#content > ul > li {
  margin: 10px 0;
}

div#content > h3 {
  text-transform: uppercase;
}

div#content > dl {
  margin-bottom: 35px;
}
div#content > dl > dt {
  margin: 20px 0 5px;
  font-weight: bold;
}
div#content > dl > dt > i {
  font-weight: normal;
  border-radius: 3px;
  margin-left: 5px;
  padding: 0 3px 0px 3px;
  font-size: 85%;
  background: gray;
  background: rgba(255, 255, 255, 0.2);
}
div#content > dl > dt > i.required {
  background: red;
  background: rgba(255, 0, 0, 0.2);
}
div#content > dl > dt > i.opcional {
  background: green;
  background: rgba(0, 250, 0, 0.2);
}
div#content > dl > dt > i.default {
  background: #333333;
  background: rgba(0, 0, 0, 0.3);
}
div#content > dl > dd { 
  margin: 0; 
}

/* Demo */

div#content.demo > h2 {
  margin-bottom: 15px;
}
div#content.demo > pre {
  cursor: pointer;
}
div#content.demo > pre.show {
  background: none;
  display: inline-block;
  *dislay: inline;
  *zoom: 1;
  margin: 0 20px 0 0;
  padding: 0;
}
div#content.demo > pre.show:before {
  position: relative;
  right: 0; top: 0;
  font: normal normal 100% sans-serif;
}
div#content.demo > pre.show > code {
  display: none;
}


div#content.demo > div#placeHolder {
  margin-top: 50px;
}

div#content.demo > ul, div#content.demo > div > ul { 
  list-style: none; 
  margin: 10px -10px;
  padding: 0;z
}
div#content.demo > ul > li, div#content.demo > div > ul > li { 
  display: inline-block; 
  *display: inline; 
  *zoom: 1;
  background:#154b4f;
  /*background: rgba(0, 0, 0, 0.3);*/
  vertical-align: top;
  margin: 5px;
  padding: 5px;
  border-radius: 3px;
  max-width: 120px;
  font-size: 100% !important;
  text-align:center;
  cursor:pointer;
}

.selection li {
  display: block !important; 
  *display: block !important; 
  max-width: 100% !important;
}
div#content.demo > ul > li > a, div#content.demo > div > ul > li > a{
	background-color:#fff;
	color:#000;
	text-decoration:none;
	display:inline-block;
	padding:1px 3px;
	margin-left:5px;
}

div#content.demo > ul > li > img {
  width: 120px;
  height: 168px;
  margin: 5px 0px;
}
div#content.demo > ul > li > span {
  display: block;
  color: gray;
}
div#content.demo > ul > li > span + span {
  margin-top: 5px;
}
div#content.demo > ul > li > span > i{
  color: white;
  margin-left: 3px;
}

div#content.demo > div#legend {
  margin-top: 30px;
}
div#content.demo > div#legend > p > span {
  margin-right: 15px;
}
div#content.demo > div#legend > p > em {
  margin-right: 5px;
  color: #2D3743;
}

div#content.demo > div#triggers {
  margin-top: 30px;
}
div#content.demo > div#triggers > strong {
  font-style: italic;
  margin-right: 20px;
}
div#content.demo > div#triggers > span {
  margin-right: 30px;
  cursor: pointer;
}

div#content.demo > div#reset {
  margin-top: 30px;
}
div#content.demo > div#reset > span {
  cursor: pointer;
}

div#content.demo > p + pre {
  margin-top: 30px !important;
}


/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}


.fixed{position:fixed !important;top:0px !important;right:20% !important;*/box-shadow:0 12px 24px -2px rgba(0,0,0,0.35),0 1px 1px 0 rgba(0,0,0,0.1);z-index:999999999999999;background:#fff;width:100%;}




.example-right {
	position:relative;
	padding:15px 30px;
	margin:0;
	color:#fff;
	background:#154b4f; /* default background for browsers without gradient support */
	/* css3 */
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#2a979f), to(#154b4f));
	background:-moz-linear-gradient(#2a979f, #154b4f);
	background:-o-linear-gradient(#2a979f, #154b4f);
	background:linear-gradient(#2a979f, #154b4f);
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	font-size:18px;
	line-height:24px;
	display:inline-block !important;
}

/* display of quote author (alternatively use a class on the element following the blockquote) */
.example-right + p {margin:15px 0 2em 85px; font-style:italic;}

/* creates the triangle */
.example-right:after {
	content:"";
	position:absolute;
	bottom:-50px;
	left:50px;
	border-width:0 20px 50px 0px;
	border-style:solid;
	border-color:transparent #154b4f;
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
}

.thumbs-list{list-style-type: none;margin: 0;padding: 0;overflow:hidden;margin-top:10px;}
.thumbs-list li {float:left;margin: 3px;overflow:hidden;width:250px;height:420px;}
.thumbs-list li img{width:250px;height:370px;}
.thumbs-list li a {width:250px;display:block;padding:2px;color:#fff;text-decoration;none;}
.thumbs-list li a span{width:238px;display:block;padding:6px;color:#fff;text-decoration:none;background:#154b4f;}
.thumbs-list li a:hover {background-color: #154b4f;}

#cboxLoadedContent{overflow:hidden !important;}

.erminies-img{vertical-align:text-bottom;margin:0px 4px;}

#userinfo{color:#000;font-size:16px;font-weight:bold;}
#userinfo textarea, #userinfo input{border:1px solid #666;padding:2px;background-color:#fff;width:100%;}
#userinfo textarea:focus, #userinfo textarea:hover, #userinfo input:focus, #userinfo input:hover{border:1px solid #666;-webkit-box-shadow: 0px 0px 5px #c90; -moz-box-shadow: 0px 0px 5px #c90; box-shadow: 0px 0px 5px #c90;}

.button-link{background-color:#154b4f !important;color:#fff;text-decoration:none;border:none !important;}
.button-link:hover{background-color:#2a979f !important;color:#fff;text-decoration:none;-webkit-transition: .1s linear;-o-transition: .1s linear;-moz-transition: .1s linear;}