﻿html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border-style: none;
	border-color: inherit;
	border-width: 0;
	padding: 0;
	outline: 0;
	font-weight: inherit;
		font-style: inherit;
		font-size: 100%;
		font-family: inherit;
		vertical-align: baseline;
	margin:0;

}

body
{
    background-color: #FFFFDD;
    font: 13px arial, helvetica, sans-serif;
}

p
{
    font-size:13px;
    line-height:1.4em;
    margin-top:4px;
    font-weight:normal;
    color:#000;
}

:focus {
	outline: 0;
}

h1 {
  color:#000;
  font-size:30px;
  font-weight:bold;
  margin-bottom:0;
}

.footerPush 
{
    display:block;
    height:80px;
}

h2 
{
    font-size:22px;
    margin-bottom:10px;
}

h3
{
    font-size:16px;
    margin-bottom:10px;
}

h6{color: #aaaaaa; font-size: 11px; top:-10px; position:relative}

strong 
{
    font-weight:bold;
}

#topNav
{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0 5px 0 5px;
    color: #800000;
    z-index: 5000;
    height: 25px;
    background-color: #FFA953;
}

.topLeftNav 
{
    float:left;
    overflow:hidden;
}

.italic 
{
    font-style:italic;
}

.topLeftNav li
{
    float:left;
    margin-right:10px;
    padding:5px 0 0 0;
    
}

.topRightNav 
{
 float:right; 
 list-style-type:none;  
}

.topRightNav li
{
    float: left;
    padding: 2px 30px 2px 10px;
    margin: 0 1px 0 1px;
    font-size:18px;
    letter-spacing:2px
}

#header
{
    background-image: url(assets/images/kardamena.png);
    background-position: bottom;
    background-repeat: no-repeat;
    height: 90px;
    width: 980px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 55px;
    overflow:hidden;
}

#mainNav {
    background-color:#FFA953;
    width:100%;
    height:20px;
    padding:10px 0 15px 0;
    margin-top:5px
}

#wrapper 
{
    width:980px;
    margin:0 auto 0 auto;
    background:#fff;
    border-left:1px solid #aaa;
    border-right:1px solid #aaa;
    padding:10px;
    overflow:hidden;

}

       
.topRightNav 
{
 float:right; 
 list-style-type:none;  
}

ol, ul {
	list-style: none;
}


     #MainContentHolders .main
        {
            text-align:justify;
            margin-top:10px;
            padding:5px;
            float: left;
            width: 965px;
            background: #FFFFCC;
            border: 1px solid #bbb;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            -khtml-border-radius: 3px;
            border-radius: 3px;
            margin-right: 10px;
        }
      
      
     #MainContentHolders .boxes
        {
            float: left;
            width: 235px;
            height: 360px;
            background: #FFFFCC;
            border: 1px solid #ddd;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            -khtml-border-radius: 3px;
            border-radius: 3px;
            margin-right: 10px;
        }
        
             #MainContentHolders .boxes a
        {
                text-decoration:none;
                color:black
        }
        
             #MainContentHolders .boxes a:hover
        {
                text-decoration:underline;
                color:Teal
        }
        
        
      
        #MainContentHolders div div
        {
            padding: 2px 5px 2px 5px;
            border-width: 0px;
            width: auto;
            background-color: transparent;
            line-height: 1.3em;
        }
        
        #MainContentHolders div h2
        {
            font-size: 16px;
            font-weight: bold;
            background: #333;
            padding: 6px;
            color: #fff;
            margin-bottom: 5px;
        }
        
    

.callBackUk
{
    float: right;
    border: 0;
    font-size:22px;
    font-weight:bold;
    background-image: url(/assets/images/callus.png);
    width:211px;
    height:52px;
    color: #000000;
}

.footerPush 
{
    display:block;
    height:110px;
}

#wrapper 
{
    width:980px;
    margin:0 auto 0 auto;
    background:#fff;
    border-left:1px solid #eee;
    border-right:1px solid #eee;
    padding:10px;
overflow:hidden;
-webkit-box-shadow:  0px 0px 8px 0px rgba(0, 0, 0, 0.1);
box-shadow:  0px 0px 8px 0px rgba(0, 0, 0, 0.1);
}


.floatLeft 
{
    float:left;
}



.breadcrumb
{
    z-index: 1;
    display:block;
}

.breadcrumb a
{
    color: #0099FF;
    z-index: 1;
}

.breadcrumb a:hover
{
    color: #33CCFF;
}

.overflow 
{
    width:100%;
    overflow:hidden;
}

#footer
{
    width: 100%;
    background: #FFA953;
    color: #000000;
    padding:10px 0
    
}

.mainMenu 
{
    font-size:17px;
    padding-top:2px
}

.mainMenu li 
{
    float:left;
    margin-right:22px;
}


.boxlink:visited {text-decoration:none}

#nav li a.top_link {display:block; float:left; height:35px; line-height:25px; font-size:14px; color:Black; text-decoration:none;  }

ul,li{
	margin:0;
	padding:0;
}

 li{
	list-style:none;
	float:left;
	display:inline;
	margin-right:10px;
	cursor:default;
}

.faq_q { text-align: left; margin-left: 10; margin-right: 10; font-family:Tahoma; font-size:12pt: display:inline; color:#000080; font-weight:bold; padding-right:5px; padding-top:5px; padding-bottom:5px}
.faq_a {text-align: left; margin-left: 10; margin-right: 10; font-family:Tahoma; font-size:12pt: display:inline; color:#660066; font-style:italic; padding-bottom:20px}

.hotelcon { border-width: 1px; float:right; padding: 5px 4px 5px 4px; margin: 0 10px 20px 0; border-top-style: solid; border-top-color: #E0E0E0; 
            border-right-style: solid; border-right-color: #E0E0E0; border-bottom-style: solid; border-bottom-color: #E0E0E0; 
            border-left-style: solid; border-left-color: #E0E0E0; width: 690px; }

.hotel_title {padding:5px; font-size: 15pt; font-family: Tahoma; width: 457px; line-height:19px; height: 19px; background-color: #ffCCFF; text-align:left; margin-left: 10px}
.hotel_footer {vertical-align: middle; width: 96%; height: 26px; line-height:26px; padding-left:10px; padding-right:10px; clear:both; font-family:Verdana; font-size:12pt; font-weight:bold; background-color:#FFFF99}
.hotel_info { width: 600px; float:left; text-align:justify; font-family:arial; font-size:12pt; color:#000000; padding-left:20px; padding-right:0; padding-top:10px; padding-bottom:10px; }
.hotel_info ul {margin-bottom: -20px; padding-left: 3px; padding-right: 0px; padding-top: 0; padding-bottom: 20px; list-style-image:url('/assets/images/orange_arrow.gif'); font-family:Arial; font-size:12pt; font-weight:bold;}
.hotel_info li {padding-left: 10px;}
.hotel_picture {width: 328px; height: 249px; float: right; vertical-align: middle; padding-left:0; padding-right:10px}
            
.hotelcon .title { background: #3399FF; margin-bottom:3px; float:left; height: 20px; padding: 3px; color:#ffffff; 
                   letter-spacing:1px; font-size:18px; font-weight:bold; line-height:20px; width:340px }
.hotelcon .title a {color:White; }  

.hotelcon .tag { background: #3399FF; float:right; height: 20px; padding: 3px; color:#ffffff; 
                 text-align:right; font-style:italic; letter-spacing:1px; font-size:13px; line-height:20px; width:338px }
                 
.hotelcon .mainimg {width:220px; height:170px; padding-bottom:5px}

.hotelcon .desc {margin-top:3px; height:135px; overflow:hidden; padding-bottom:5px; text-align:justifed; width:440px; 
                padding:0 10px 3px 0; font-size:0.90em; font-family: Arial, sans-serif; line-height:1.2em; }
                
.hotelcon .prices {color:#0000ff; font-size:0.95em; float:right; padding-top:10px; font-weight:bold}
.hotelcon .facil {margin-top:3px; font-style:italic; font-weight:bold; color:Blue}
.hotelcon .thumbimg {margin-right:5px;}
.hotelcon .left { border-width: 1px; border-color: #E0E0E0; width:225px; float:left; border-right-style: solid; }
.hotelcon .right {width:460px; float:right; }

.hotelcon .bottom { border-width: 1px; border-color: #E0E0E0; width: 700px; border-top-style: solid; }
.hotelcon .images {float:left; margin-top: 5px; width:360px; font-size:10px; font-family:Verdana; border-right-style: solid; border-right-width: 1px; border-right-color: #E0E0E0; }
.hotelcon .br {width:320px; float:right; margin-top: 5px; text-align:right; padding-right:5px}
.hotelcon .smalltxt {font-size:x-small; color:#444444; height:30px; text-align:left}

#preview { position: absolute; border: 1px solid #6699FF; background: #DDDDFF; padding: 5px 5px 0px 5px; display: none; color: #000000; }

.hotelpics {text-align: left; margin-top:10px}
.hotelpics img
{
    border: 1px solid #cccccc;
    width: 304px;
    height: 270px;
    float: left;
    padding: 3px;
    margin:5px;
    }
    
.mainimg{float:left; height:170px; width:220px}

.hoteldisplay{border: 1px solid #dddddd; margin-top:15px; padding:3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px;  border-radius: 3px;}

.hoteldisplay .info {padding: 0 10px; float: right; width: 730px; font-size: 14px}
.clear{clear:both}