.box { float: left; }
div.ui-datepicker {
font-size: 13px; 
}

#root { max-width: 1024px; margin: 0 auto; }
#header { width: 100%; height:30px; background:#0094d4; margin:0 auto; } 
#menu { width: 100%; height:115px; background:white; margin:0 auto; box-shadow: 0 1px 2px #888; margin-bottom:15px;}
#map { display:block;}
#map-hide{ display:block;}
#map-show{ display:none;}
#map-details{ width:100%; height:40px; background:#18659d; position:absolute; z-index:123213; top:217px; border-top:3px solid #0094d4; opacity:0.9;}

.bg-img{ background-image:url('../images/bg.jpg'); 
background-repeat:no-repeat;
background-size:100%;
background-position:center;
}

#menu-center { max-width: 1024px; margin:0 auto;}
#logo { height:115px; width:11.11%; margin-top:4px;}
#top-menu{	max-width: 1024px; height:auto; margin: 0 auto; background:#0094d4;}
#left-menu { width:50%; height:30px;}
#left-menu ul{ list-style-type:none; margin:0; padding:5px 0 0 0;}
#left-menu  li{ list-style:none; display:inline; color:white; font-family: 'Arimo', sans-serif; font-size:12px; padding:7px 10px 7px 10px; }
#left-menu  li:hover{ background:#18659d; padding:9px 10px 7px 10px; cursor:pointer; }

#right-details {float:right; color:white; font-family: 'Arimo', sans-serif; font-size:12px; padding:0px 10px 0px 10px;  height:30px; }
#top-map { background-image:url('../images/map.png'); background-repeat:no-repeat; background-position:left; height:23px; padding-top:7px;}
#top-phone { background-image:url('../images/phone.png'); background-repeat:no-repeat; background-position:left; height:23px; padding-top:7px; }


#res_r_box { display:block;}
#content { width: 100%; height:auto; font-family: sans-serif;}
#left-content{ width: 710px; background:white; padding:0 15px 15px 15px; border-right:2px solid #0094d4;}





.classicFont{ font-size:15px; color:#5C5C5C;}
#tesis-ozellikleri{ width:97%; height:auto; background:white; margin-top:15px; padding:15px; border-right:2px solid #0094d4;}

#tesis-ozellikleri  ul { list-style:none; width:200px;}
#tesis-ozellikleri  li { margin:5px 0 5px 0;}


#oda-ozellikleri{ width:97%; height:auto; background:white; margin-top:15px; padding:15px; border-right:2px solid #0094d4;}
#oda-ozellikleri  ul { list-style:none; width:200px;}
#oda-ozellikleri  li { margin:5px 0 5px 0;}

.okey { background:url('../images/okey.png') no-repeat left; padding-left:20px; margin-left:-10px;}
.plus { background:url('../images/plus.png') no-repeat left; color:red; padding-left:20px; margin-left:-10px;}
.yok { color:#a6a6a6; padding-left:20px; margin-left:-10px;}

.dateInput { width:225px; margin:3px 0 10px 0; height:30px; padding-left:5px; font-size:14px; background-color:transparent; border: 1px solid #9DC9F5; color:#999999}


#footer { width: 100%; height:30px; background:#0094d4; margin:0 auto; margin-top:15px;  bottom:0;}
#sidebar { width: 250px; margin-right:10px; height:310px; background:white; padding:10px; border-right:2px solid #0094d4;}
#features { width: 100%; }
#a { width: 33.33%; }
#b { width: 33.33%; }
#c { width: 33.33%; }


#left-content p { width: 255px; float:left; margin:10px 5px 5px 5px;}
#left-content h2 { font-family: sans-serif; font-size:21px; margin-bottom:-5px; color:#18659d;}
#tesis-ozellikleri h2 { font-family: sans-serif; font-size:21px; margin-top:-5px; color:#18659d;}
#oda-ozellikleri h2 { font-family: sans-serif; font-size:21px; margin-top:-5px; color:#18659d;}
#top-reservation span { font-family: sans-serif; font-size:15px; color:#18659d;}

#reservation-btn-lng { width:96%; height:40px; color:white; background:#008a00; border:2px solid #006e00; margin-top:15px;} 
#reservation-btn-lng:hover { width:96%; height:40px; color:white; background:#00a600; border:2px solid #008400;}

#sidebar ul { list-style:none; margin-left:0px; margin-top:-10px;}
#sidebar li { margin:10px 0 10px 0;}
#sidebar h3 { font-family: sans-serif; font-size:16px; margin-bottom:-5px; color:#18659d;}

.sliderImg {
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

.inputText{ background-color:transparent;
border: 0px solid;
height:20px;
width:160px;
color:#CCC;

}

/* Laptop/Tablet (1050px) */
@media only screen and (min-width: 485px) and (max-width: 1050px) and (orientation: landscape) {
	#header { width: 100%; }
	#content { width: 100%; }
	#left-content{ width:97%;}
	#left-content p { width:50%;}
	#footer { width: 100%; }
	#sidebar { width: 98%; height:150px; margin-bottom:15px;}
	#features { width: 100%; }
	#a { width: 100%; }
	#b { width: 100%; }
	#c { width: 100%; }
	
}

/* Tablet Portrait (768px) */
@media only screen and (min-width: 321px) and (max-width: 1024px) and (orientation: portrait) {
	#header { width: 100%; }
	#content { width: 100%; }
	#left-content{ width: 100%;}
	#footer { width: 100%; }
	#sidebar { width: 100%; }
	#features { width: 100%; }
	#a { width: 100%; }
	#b { width: 100%; }
	#c { width: 100%; }
}

/* Phone Landscape (480px) */
@media only screen and (min-width: 321px) and (max-width: 480px) and (orientation: landscape) {
	#header { width: 100%; }
	#content { width: 100%; }
	#footer { width: 100%; }
	#sidebar { width: 100%; }
	#features { width: 100%; }
	#a { width: 100%; }
	#b { width: 100%; }
	#c { width: 100%; }
	
	#left-menu { display:none;}
	#right-details { display:none;}
}

/* Phone Portrait (320px) */
@media only screen and (max-width: 320px) {
	#header { width: 100%; }
	#content { width: 100%; }
	#footer { width: 100%; }
	#sidebar { width: 100%; }
	#features { width: 100%; }
	#a { width: 100%; }
	#b { width: 100%; }
	#c { width: 100%; }
	
	#right-details { display:none;}
}