/*********************
Media Queries
*********************/

@media handheld and (min-width: 481px),
       screen and (min-device-width: 481px),
       screen and (min-width: 601px) {
	html {
	width:100%;
	height:100%;
	overflow:hidden;
	}
}
@media 
				screen and (max-width: 780px) and (min-width: 601px) {


#left_col {
width:28%;
} 
 
#right_col{
   width:72%;
}  
#controls-wrapper { width:72%;  left:28%;}
#backgroundimg{
   width:100%;
} 
#comments {
display:none;
}
#face_icon{
width:80%;
padding:10%;
}

#lang_holder{
width:80%;
padding:10%;
}
#box{
}

}

@media 
				screen and (max-width: 1100px) and (min-width: 781px) {

#left_col {
   width:23%;
} 
 
#right_col{
   width:77%;
}  

#controls-wrapper { width:77%;  left:23%;}
#backgroundimg{
   width:100%;
} 
#comments {
display:none;
}
#face_icon{
width:80%;
padding:10%;
}

#lang_holder{
width:80%;
padding:10%;
}


}

@media handheld and (max-width: 480px),
       screen and (max-device-width: 480px),
       screen and (max-width: 600px) {
	html {
	height:auto;
	overflow:auto;
	}
	   
#top_col p {
   width:100%;
   float:right;
   padding:5px;
} 
#top_col a {
 display:none;
} 

#left_col {
   width:100%;
   float:right;
} 
 
#right_col{
   width:100%;
   height:100%;
}  


/***************
slideshow
***************/

#slideshow{
margin-top:100%;
padding-top:10px;
margin-bottom:20px;
height:100%;
}


#supersized { 
	position:absolute;
	top:60%;
	left:0;
	width:100%;
	height:100%;
	display:block;
 }
.slide{
background-image: url(../images/back.jpg);
background-repeat: repeat;
background-position: top right;
}
#controls-wrapper { 
width:100%;
 top:0;
 left:0;
 position:absolute; 
 }
 
#slidecaption{
display:none;
}

/***************
    menu
***************/
#nav ul     { 
display: none;
 }
#nav select { 
display:block;  
margin:30px auto;
width:70%;
text-align:center;
}

.logo{
width:60%;
}

#face_icon{
display:none;
}
#social_icons{
width: 70%;
margin:10px auto;
}
#social_icons ul li a img{
width: 13%;
}
#social_icons ul li img{
width: 16.6%;
}


#lang_holder{
display:none;
}

#lang_mobile{
display:block;
width:75%;
float:right;
padding:3%;
}

#lang_mobile a{
float:left;
width:15%;
}
#lang_mobile img{
width:80%;
}


#clopy{
position:static;
margin: 10px 10%;
width:80%;
text-align:center;
}
#clopy_in_slider{
position:static;
margin: 75px 10% 10px 10%;
width:80%;
text-align:center;
}
/***************
   index
***************/
#backgroundimg{
   width:100%;
   overflow:none;
} 

#box {
position:static;
width:80%;
margin:20px auto;
}

/***************
history
***************/

#slide_controls{
display:none;
}

#history_box {
position:static;
width:80%;
margin:20px auto;
}

.ls-s4{
}


/***************
   elounda
***************/
#elounda_boxes {
position:static;
margin:20px auto;
width:80%;
}
#elounda_boxes img{
width:100%;
}
#elounda_boxes:nth-child(2), #elounda_boxes:nth-child(3) , #elounda_boxes:nth-child(4) {
width:80%;
}


/***************
athina villas
***************/
.athina{
	position:static;
}
#room {
position:static;
margin:20px auto;
width:80%;
}
#room img{
width:30%;
float:left;
}
#room #type{
width:70%;
float:right;
height:100%;
}
#room #type h2, #room #type h1{
padding:10% ;
}

#room:nth-child(1), #room:nth-child(2) , #room:nth-child(3), #room:nth-child(4), #room:nth-child(5) {
width:80%;
}
 #room:nth-child(5) {
margin-bottom:50px;
}


/***************
athina villas rooms
***************/
#toggleText{
display:block;
}

#room_boxes {
position:static;
margin:20px auto;
width:80%;
}

#room_boxes:nth-child(1) {
display:none;
}

#room_boxes:nth-child(2) {
top:5%;
left:40%;
}

#room_boxes:nth-child(3) {
top:5%;
left:70%;
}

#room_boxes:nth-child(4) {
top:15%;
left:70%;
}


/***************
info
***************/

#info_box {
position:static;
width:80%;
margin:20px auto;
}
#info_box p{
text-align:center;
}


/***************
guestbook
***************/

#guest_boxes {
position:static;
width:100%;

}

#guest_boxes:nth-child(2) {
width:100%;
margin-bottom:20px;
}

#guest_boxes:nth-child(3) {
width:100%;
}

/***************
contact
***************/

#contact_boxes {
position:static;
margin:20px auto;
width:80%;
}

#contact_boxes:nth-child(2) {
width:80%;
}

#contact_boxes:nth-child(3) {
width:80%;
}

#contact_boxes:nth-child(4) {
width:80%;
}

#eot {
  position: static;
  width:100%;
}
#eot  a img { 
 margin:0 auto;
  display:block;
}

#guest_boxes a, #contact_boxes a{
font-size:25px;}
/***************
map
***************/
.backgroundmap{
	min-height:400px;
}
/***************
ajax form
***************/
.info_fieldset {
margin:10px auto;
font-size:20px;
width:60%;
}
.textbox {
padding:10px;
margin:10px auto;
width:100%;
}
label {
margin:0;
padding:10px 0;
text-align:center;
width:100%;
}

#fields{
width:100%;
max-width:100%;
}

.button{
width:60%;
padding:10px;
margin:0 auto;
font-size:20px;
}
select, .button {
    height: 50px;
	width:100%
}

}