/*
Description: whitehat.gr
Author URI: http://www.whitehat.gr/
*/


/*--- colors---------
---------------------
blue: 2a5697 
--------------------- 
*/

body {padding:0; margin:0; text-align:center; background:#fff; font-size:62.5%; line-height:1.8em;}
body, input, div, p, span, ul, li, h1, h2, h3, h4, h5, h6, table, td, th, dl, dt, dd  {
	font-family: Verdana, Helvetica, Geneva, Arial, sans-serif;
	color:#5b5957; 
	}
	

/*----- GLOBAL -------- */
* {padding:0; margin:0;} img, img a {border:none;} a {outline:none;} 
.clear {clear:both;}
.indent {text-indent:-9999px;}
a, a:visited {color:#2a5697; text-decoration:none;}
a:hover, a:active {color:#5b5957;}

.left {float:left;}
.right {float:right;}
.centered {margin:0 auto;}

ul, li {list-style-type:none;}


/*----- STRUCTURE -------- */
#wrap {width:960px; margin:0 auto; text-align:left; background:#fff url(../images/bg.jpg) repeat-x top;}

#header {margin:0 auto; padding:20px 10px 0 10px}
#logo {float:left; width:261px; padding:8px 0 0 0;}
#logo a, #logo a:visited {display:block; width:261px; height:53px; background:url(../images/academy_greece_logo.jpg) no-repeat;}

#lang {margin:5px 0 12px 0; float:right; height:25px;}
#lang span {}
#en a, #en a:visited {float:left; width:34px; height:21px; display:block; background:url(../images/en_flag.jpg) no-repeat; margin:0 5px 0 0;}
#en a:hover, #en a:active, #sp a:hover, #sp a:active, #br a:hover, #br a:active {margin-top:1px !important;}

#sp a, #sp a:visited {float:left; width:34px; height:21px; display:block; background:url(../images/sp_flag.jpg) no-repeat; margin:0 5px 0 0;}
#br a, #br a:visited {float:left; width:34px; height:21px; display:block; background:url(../images/br_flag.jpg) no-repeat;}
#lang span.active a, #lang span.active a:visited {margin-top:0 !important; cursor:default !important; filter:alpha(opacity=5); -moz-opacity:.5; opacity:.5;}

#navigation {float:right; margin:0 0 0 0;}

#show_pkgs {margin:20px 0 0 0; padding:0 10px;}

#content {padding:20px 10px 30px 10px; text-align:left; float:left; width:709px; margin-left:11px;}
.full {width:auto !important; margin-left:0 !important;}
#main {float:left;}
#footer {clear:both; margin:10px 10px 10px 10px; padding:10px 0; text-align:left; border-top:1px solid #e8e8e8; background:#fff;}

/*----- TITLES & HEADINGS -------- */
.title {background:url(../images/title_bg.jpg) repeat-x bottom; font-size:2em; color:#5b5957; padding:0 0 20px 0; margin:0 0 20px 0; text-align:left;}
h1.title, .full h1.title {font-weight:normal; font-size:1.8em; color:#2a5697;}
h1.title span {line-height:1em; color:#999;}
.for_sidebar {margin-bottom:10px;}

/*---------- SIDEBAR ----------- */
#sidebar h3 {cursor:pointer; color:#2a5697; padding:0 0 5px 0; color:#333;}
#sidebar .title {margin-bottom:10px !important;}

#sidebar {width:200px; float:left; padding:20px 10px 10px 10px;}
#sidebar ul {text-align:left;}

.toggle_menu {clear:both; background:#ccd4e0; margin:20px 0 20px 0; padding:5px 10px 0 10px; border:1px solid #b8c0cb;}
.toggle_menu ul {padding:0 0 10px 0;}
.toggle_menu ul li a, .toggle_menu ul li a:visited {display:block; border-bottom:1px double #697991; padding:2px 0 3px 0; margin:0 1px 3px 0; line-height:1.4em; color:#333; font-size:1.1em;} 
.toggle_menu ul li a:hover, .toggle_menu ul li a:active {border-bottom:1px double #999; color:#333; background:#fff;} 

.grey_bg {background:#F3F3F3 !important; border:1px solid #d9d9d9;}
.grey_bg ul li a, .grey_bg ul li a:visited {border-bottom:1px double #697991; color:#2a5697;}

.active_ a, .active_ a:visited {padding-left:0px !important; color:#f37810 !important; border-bottom:1px double #999 !important; background:#fff;}


/*----- NAVIGATION -------- */
#navigation ul {float:left; margin:0 0 0 0;}
#navigation ul li {float:left; display:block; margin:0 0 0 30px; font:1.6em Georgia;}
#navigation ul li a, #navigation ul li a:visited {color:#7792bc;}
#navigation ul li a:hover, #navigation ul li a:active {color:#2a5697;}
#navigation ul li#active a, #navigation ul li#active a:visited {color:#2a5697 !important; border-bottom:1px double #7792bc;}

#hotels_nav {padding:0; margin:0;}
#hotels_nav li {border-bottom:1px solid #e8e8e8; padding:4px 0 4px 0; margin:0 5px 0 0; font-size:1.2em;}

/*------ HOME PAGE -------- */

.full-region {background: #4d75ad url(../images/region_blue.jpg) repeat-x top; width:940px; border:1px solid #1d4889;}
.small-region {background: #f18e3a url(../images/region_orange.jpg) repeat-x top; width:420px; border:1px solid #d96f14; padding:10px 20px 20px 20px; margin:20px 0 0 0;}
.small-region h2 {font-size:1.6em; color:#fff; margin:0 0 10px 0; font-weight:normal;}

#by-boat, #by-air {width:420px; margin:10px 20px;}
#by-boat h1, #by-air h1 {font-size:1.6em; color:#fff; margin:0 0 10px 0; font-weight:normal;}

.pck-block-b {display:block; height:45px; background:#fff url(../images/region_orange_green_sem.jpg) no-repeat right; border:1px solid #1d4889; margin:0 0 10px 0;}
.semi-orange {display:block; height:auto; background:#fff url(../images/region_blue_green_sem.jpg) no-repeat right bottom; border:1px solid #d96f14; margin:0 0 5px 0;}

.pck-block-b dl {padding:5px 10px 5px 10px; line-height:1.4em;}
.pck-block-b dt {font-size:1.4em; padding:0 0 3px 0;}
.pck-block-b dt a, .pck-block-b dt a:visited {color:#a63e3b;}
.pck-block-b dt a:hover, .pck-block-b dt a:active {color:#a63e3b; text-decoration:underline;}
.pck-block-b dd {font-size:1.2em; padding:2px 0 2px 0;}
.pck-block-b dd a {font-size:10px !important; padding:2px 0 2px 0; text-decoration:underline;}
.pck-block-b dd a:hover {color:#a63e3b;}
.pck-block-b dd.pck_det {width:120px; font-size:1.6em; color:#2a5697; text-align:right; margin:-10px 0 0 0; letter-spacing:-.05em;}
.pck-block-b dd.pck_det span {font-size:.7em; color:#fff; padding:5px 0 0 0;}
	.pck-block-b dd.pck_det_orange {width:150px; font-size:1.6em; color:#2a5697; text-align:right; margin:-19px 0 0 0;}
	.pck-block-b dd.pck_det_orange span {font-size:.8em; color:#fff; padding:2px 0 0 0;}


.about {}
.about h1 {font:2.6em Georgia; font-weight:normal;}
.about p {font-size:1.2em; font-weight:normal; padding:10px 0;}


/* -- SINGLE TRAVEL --- */
.travel-image {height:143px;}
.for_cat {height: auto !important; margin-bottom:30px;}
.the-image {position:relative; float:left; width:550px;}
.travel-details {float:left; width:158px; height:143px; background:#2f5995 url(../images/bg-details.jpg) no-repeat top; text-align:center;}
.on-image-info {position:absolute; bottom:10px; left:10px; width:400px; height:20px; color:#fff; font-size:1.4em;}

.more-information {position:relative; background:#ccc; top:-4px; margin-right:1px; padding:3px 10px; font-size:1.1em; color:#333;}
.more-information span {padding:0 0 0 10px;}

.days_nights {font:2em Georgia; color:#d2dbe6; padding:10px 0 0 0;}
.days_nights span {font-size:.7em; color:#8098b9;}
.price {color:#fff; font-size:3em; margin:30px 0 0 0;}
.u_r_in {}
.u_r_in a, .u_r_in a:visited {display:block; width:143px; height:26px; padding-top:7px; background:url(../images/r_u_inter_bt.jpg) no-repeat; margin:20px auto 0 auto; color:#fff; font-size:1.2em;}
.u_r_in a:hover, .u_r_in a:active {margin:21px auto 0 auto;}

#travel-program {clear:both; font-size:1.2em; text-align:left; padding:20px 20px 25px 20px; background:#f3f3f3;}
#travel-program h2 {font-weight:normal; font-size:1.2em; margin:0 0 10px 0; text-align:right; color:#999;}
#travel-program h3 {margin:0 0 10px 0; font-size:1.4em; color:#2f5995; font-weight:normal;}
#travel-program h3 span {color:#f29746;}
#travel-program h4, .prices-request h4 {margin:0 0 10px 0; font-size:1.3em; color:#2f5995; font-weight:normal;}
#travel-program h5 {margin:10px 0 10px 0; color:#b42524; font-size:1em; font-weight:normal; text-decoration:underline; cursor:pointer;}
#travel-program h5 a, #travel-program h5 a:visited {color:#b42524; text-decoration:underline;}


#travel-program dl {margin:0 0 20px 0;}
#travel-program dl dt {font-size:1.2em; color:#2f5995; margin:0 0 5px 0;}
#travel-program dl dt span {font-size:1.1em; display:block; color:#f29746; margin:0 0 5px 0;}
#travel-program dl dd, #travel-program dl dd p {color:#333;}

#travel-program table, .hotel-page table, .prices-request table {width:100%; background:#fff; border:1px solid #ccc;}
#travel-program table th, .hotel-page table th, .prices-request table th {padding:10px; border-bottom:1px solid #ccc; border-right:1px solid #ccc; background:#e4e4e4;}
#travel-program table td, .hotel-page table td, .prices-request table td {padding:10px; border-right:1px solid #d8d8d8; font-size:1.2em;}
.no-border {border-right:none !important}

.welcome_program {background:#fff; border:1px solid #ccc; margin:0 0 20px 0; padding:10px;}
.welcome_program ol {padding:5px 0 5px 20px;}
.welcome_program ol li {list-style-type:decimal; color:#333;}

.imp_notes {background:#fff; border:1px solid #ccc; margin:10px 0 20px 0; padding:10px;}
.imp_notes h6 {font-size:1.3em; font-weight:normal; margin:5px 0 10px 0; color:#999;}
.imp_notes ol {padding:5px 0 5px 20px;}
.imp_notes ol li {list-style-type:decimal; color:#333;}
.imp_notes ul {padding:5px 20px 5px 30px;}
.imp_notes ul li {list-style-type:circle; color:#5b5957; margin:0 0 5px 0;}

/* ---------- HOTELS ---------- */
dl.hotels {clear:both; margin:0 0 10px 0; padding:0 0 20px 0; border-bottom:1px solid #f3f3f3;}
dl.hotels dt {position:relative; margin:-10px 0 0 500px; top:15px; font-size:1.8em; color:#2a5697;}
dl.hotels dd.image {float:left; margin-right:0!important;}
dl.hotels dd.text {float:none !important; margin:20px 0 0 500px; font-size:1.1em;}
.more {margin-top:5px !important; font-size:1.2em;}
.more a, .more a:visited {text-decoration:underline;}
.more span a, .more span a:visited {text-decoration:none;}

.hotel-page {}
.hotel-page h4 {font-size:1.4em; font-weight:normal; margin:10px 0 5px 0; color:#2a5697;}
.hotel-page div.text {font-size:1.2em; padding:3px 0 10px 0;}
.hotel-page div.text ul {padding:0 0 10px 20px;}
.hotel-page div.text ul li {font-size:1em; padding:2px 0 2px 0; color:#666; margin:0 70% 0 0px; border-bottom:1px solid #ccc; list-style-type:circle; }
.note {padding:10px 0 0 5px; font-size:11px; color:#999;}
.hotel-map {clear:both; width:700px; height:300px; border:1px solid #ccc; padding:1px; margin:10px 0 0 0;}

/* ----------- PAGES ---------- */
.page div.text {font-size:1.2em; padding:10px 20px;}
.athens {font-size:1.2em; padding:0 20px 10px 330px !important; background:url(../images/photo_lg_athens.jpg) no-repeat left top;}

/* ----- REQUEST-FORM -------- */
#request-text {width:470px; float:left; margin:0 0 30px 0;}
#request-form {margin-left:480px; width:470px;}

.travel-pack {background:#f3f3f3; margin:10px 0 20px 0; padding:5px 10px 10px 10px;}
.travel-pack h2 {margin:2px 0 10px 0; font-weight:normal; font-size:1.4em; color:#2a5697;}
.travel-pack h2 span {color:#999; font-size:14px;}
.grey {color:#666 !important;}
.travel-pack div.text {margin:0 0 10px 0!important; padding:0 !important;}

.travel-pack-left {float:left; background:#f3f3f3; margin:10px 10px 20px 0; padding:5px 10px 10px 10px;}
.travel-pack-left h2 {margin:2px 0 10px 0; font-weight:normal; font-size:1.6em; color:#2a5697;}
.travel-pack-left h2 a, .travel-pack-left h2 a:visited {color:#2a5697;}
.travel-pack-left h2 a:hover, .travel-pack-left h2 a:active {color:#19417b;}
.travel-pack-left h2 span {color:#999; font-size:14px;}
.grey {color:#666 !important;}
.travel-pack-left div.text {font-size:1.1em; margin:0 0 10px 0!important; padding:0 !important; padding-top:10px !important;}
.travel-pack-left div.text span {color:#2a5697;}

#request-form fieldset {border:none; padding:10px 0 0 80px; text-align:left;}
#request-form fieldset label {display:block; font-size:1.2em; color:#2a5697; padding:0 0 4px 0;}
#request-form fieldset input {display:block; width:350px; font-size:1.4em; padding:3px 6px; color:#666; margin-bottom:10px;}
#request-form fieldset textarea {display:block; width:356px; padding:3px 6px; color:#666; margin-bottom:0;}
#request-form fieldset fieldset input {float:right !important; width:auto; margin:10px 0 0 0; font-size:1.2em;}
#request-form fieldset fieldset {padding:0 20px 0 0;}

.contact-details {clear:both; display:none;}

/* -------- CONTACT -------- */

.contact-map {float:left; width:400px; height:250px; border:1px solid #ccc; padding:1px;}
#contact .text {float:left; margin:0 0 0 20px; font-size:1.2em; width:514px;}
#contact .text h4 {margin:20px 0 5px 0; border-bottom:1px solid #f3f3f3; padding:0 0 8px 0; font-size:1.3em; font-weight:normal;}