html {
    height:100%;
    margin:0;
    padding:0;
}

body {
	height:100%;
    background:#154e84 url(../img/bg1.png) repeat-x;  
	font-family:Tahoma;
    color:#585a5a;
	overflow:auto;
    font-size:13px;
    line-height:1.7em;
    margin:0;
    padding:0;
	}


    
	
img {
	display:block;
	border:0;
    max-width: 100%;
}	
	


table{
	border:0;
}





h1 {
    margin:0 0 10px 0;
    font-size:19px;
    font-weight: normal;
    color:#262626;
    font-family:Georgia;
}


h3 {
    margin:0;
    font-size:17px;
    font-weight: normal;
    color:#262626;
    font-family:Georgia;
}

h3 a:link {
    margin:0;
    font-size:17px;
    font-weight: normal;
    color:#23133d;
    text-decoration: underline;
    font-family:Georgia;

}



h3 a:visited {
    margin:0;
    font-size:17px;
    font-weight: normal;
    color:#23133d;
    text-decoration: underline;
    font-family:Georgia;

    
}


h3 a:hover {
    margin:0;
    font-size:17px;
    font-weight: normal;
    color:#23133d;
    text-decoration: underline;
    font-family:Georgia;

    
}









a:link {
    font-size:14px;
    font-family:Tahoma;
    text-decoration: underline;
    color:#414141;
}



a:visited {
    font-size:14px;
    font-family:Tahoma;
    text-decoration: underline;
    color:#414141;
    
}


a:hover {
    font-size:14px;
    font-family:Tahoma;
    text-decoration: underline;
    color:#eb1d1d;
    
}



.clear {
    clear:both;
}









.bg1 {
    width:99.8%;
    background:url(../img/bg2.png) top center no-repeat;    
}









                                                                                        /* -------------------------- top */


.top {
    width:940px;
    margin:auto;
    font-size:15px;
    color:#fff;
    margin-top:10px;
}


.top div {
    width:33.3%;
    float:left;
    line-height:15px;
}



.top img {
    float:left;
    margin:0 10px 10px 0;
}


.top span {
    font-size:12px;
    color:#7cb8f0;
}







                                                                                    /* -------------------------- topmenu */


.topmenu {
    width:960px;
    margin:auto;
    padding:0 10px;
    background:#cebb9f url(../img/bgmenu.jpg) repeat-x;
    height:39px;
}

.topmenu_links {
    float:right;
}

.topmenu_links div {
    float:left;
}

.topmenu .tm_line {
    width:2px;
    background:url(../img/tm_line.jpg);
    height:37px;
}


.topmenu .tm_a {
    margin:7px 10px 0 10px;
    height:29px;
}


.tm_a a {
    font-size:15px;
    color:#482e09;
    text-decoration:underline;
    font-family:Georgia;
}   


.tm_a a:hover {
    text-decoration:none;
}   


.topmenu img {
    float:left;
    margin:5px 0 0 5px;
}



                                                                                /* cap */

.cap {
    width:960px;
    margin:auto;
    padding:0 10px;
    height:293px;
    background:#fff url(../img/capbg.jpg) no-repeat 150px 0;
    position:relative;
}


.logo {
    position:absolute;
    z-index:10;
    top:30px;
    left:12px;
}

.pic1 {
    position:absolute;
    z-index:12;
    top:115px;
    left:12px;
}


div#rotator ul li {float:left; position:absolute; list-style: none;}
div#rotator ul li.show {z-index:500;}





                                                                /* maxbron */

.maxbron {
    width:292px;
    float:right;  
    font-size:11px; 
    color:#909090;
    font-weight: normal;
    line-height:12px;  
    margin-top:10px;  
    
}

.maxbron h3 { 
    font-size:19px; 
    color:#4f3924;   
    margin-top:10px;
    
}




#cat, #type_t {
    width:100px;
    margin-right:10px;
    border-radius:2px; 
    -webkit-border-radius:2px; 
    -moz-border-radius:2px; 
    -khtml-border-radius:3px;   
    border:0;
    margin-top:6px;   
    background: #86603c;
    color:#f9e1a3;
} 


#col_persone, #col_chidren {
    width: 50px;
    margin-right:10px;
    border-radius:2px; 
    -webkit-border-radius:2px; 
    -moz-border-radius:2px; 
    -khtml-border-radius:3px;   
    border:0;
    margin-top:6px;
    padding:1px;   
    background: #86603c;
    color:#f9e1a3;
}  



#from, #to {
    width:60px;
    margin-right:10px;
    border-radius:2px; 
    -webkit-border-radius:2px; 
    -moz-border-radius:2px; 
    -khtml-border-radius:3px;   
    border:0;
    margin-top:6px; 
    padding:1px;  
    margin-top:6px;   
    background: #86603c;
    color:#f9e1a3;
    font-size:11px;
} 
 


.maxbron_tr1 {
    clear:both;
    overflow:hidden;
    padding-top:22px;
}

.maxbron_tr1_td1 {
    float:left;
    padding-right:20px;
}
.maxbron_tr1_td2 {
    float:left;
    padding-right:20px;
}
.maxbron_tr1_td3 {
    float:left;
    padding-right:20px;
}



  
  
.editdate {
    border-radius:2px; 
    -webkit-border-radius:2px; 
    -moz-border-radius:2px; 
    -khtml-border-radius:3px;  
    background:#fff;
    padding:3px 5px;
    width:60px;
    float:right;
    margin-top:15px;
    
}  

.editdate a {
    text-decoration:none;
    color:#e71c1c;
    
} 

.maxbron input {
    background: #86603c;
}


.maxbron_tr2 {
    clear:both;
    overflow:hidden;
    margin-top:27px;
}

.maxbron_tr2_td1 {
    float:left;
    width: 120px;
}
.maxbron_tr2_td2 {
    float:left;
}

.maxbron_tr2_td2 input {
    width:20px;   
    padding:1px;
}    

.maxbron_tr2_td3 {
    float:left;
    padding-right:20px;
    padding-top: 10px;
    font-size:15px;
}

.maxbron_tr2_td3 img {
    display:inline-block;
    margin-top:5px;
}


.bronOK {
    font-size:19px;
    font-family: Georgia;
}


.maxbron_tr3 {
    clear:both;
    overflow:hidden;
    margin-top:7px;
}


.maxbron_tr3 input {
    width:110px;
    float:left;
    margin-right:10px;    
    padding:1px;
    border:0;
    color:#f9e1a3;
}    


.maxbron_tr3 select {
    width:80px;
    float:left;
    margin-right:10px;  
    padding:1px;  
}    


.tropl {
    padding-top:10px;
}


.maxbron_tr4 {
    clear:both;
    overflow:hidden;
    margin-top:7px;
    padding-top:6px;
}

.maxbron_tr5 {
    clear:both;
    overflow:hidden;
    margin-top:7px;
    padding-top:6px;
}

.maxbron_tr5 input {
    float:right;
    margin-right:20px;
    margin-top:10px;
    margin-bottom:8px;
}

.bronprice {
    margin-left: 20px;
    width: 53px;
    height:55px;
    padding:0 5px 0 5px;
    color: #917a41;
    font-size:12px;
    float:left;
    margin-top:6px;
    background: url(../img/pricebg.jpg) no-repeat;
    text-align:center;
    line-height:16px;
}

.bronbutt {
    float:right;
    width:170px;
}

.otelpluslogo {
    clear:both;
    width:220px;
    margin-left:25px;
    margin-top:10px;
}

.otelpluslogo img {
    display:inline-block;
}

.otelpluslogo a {
    font-size: 11px;
    color:gray;
}



#price {
    color: #fff;
    text-shadow: 1px 0px 0px rgba(145,122,65,1);
    font-size:19px;
}


#errorMessage {
    margin-top:10px;
    color:#e70d0d;
}


#age_chidren_1, #age_chidren_2 {
    width:80px;
}


                                                            /* body */

.body {
    width:940px;
    margin:auto;
    padding:30px 20px;
    background:#fdfaf4 url(../img/bgbody.jpg) repeat-x;
}
 
 
.mainpage_L {
    width:600px;
    float:left;
} 
 
 .mainpage_R {
    width:280px;
    float:right;
} 
 
 
 
.bestroom {
    background: url(../img/bestroom.png) no-repeat 0 25px;
} 
 
.mainpage_R  i {
    font-size:12px;
    line-height: 8px;    
  }
 
 
.bestroom_price {
    margin-top:115px;
    margin-right:20px;
    float:right;
    font-size:11px;
    color:#eeb315;
    width:80px;
} 
 
 
.bestroom_price span {
    font-size:15px;
    
} 


.mainphotos {
    margin-top:40px;
}


.mainphotos img {
    float:left;
    border:4px solid #d1c7b3;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 10px;
    margin:10px;
}

.mainphotos img:hover {
    border:4px solid #afa694;
}




.informers {
    width:980px; 
    margin:auto;
    margin-top:20px;
}

.informers div {
    float:left;
    margin-right: 20px;
}

                                                                                                /* footer */



.footer {
    width:980px; 
    color:#fff;
    background:#1c578e url(../img/footerbg.jpg) repeat-x;
    margin:auto;
    height:52px;
}

.footer a {
    float:right;
    font-size:13px;
    color:#fff;
    text-decoration:underline;
    margin-right:10px;
} 

.footer a:hover {
    color:#fff;
} 


.footer div {
    margin-top:10px;
    line-height:14px;
}


.f_1 {
    width:33%;
    margin-left:20px;
    float:left;
}

.f_2 {
    width:25%;
    text-align:center;
    float:left;
}

.f_3 {
    width:33%;
    float:right;
    margin-right:20px;
    text-align:right;
}



#orderInfo {
    color:#000;
}









/* страница номера и цены */

.bgrooms {
    background:#fff;
    overflow:hidden;
    padding:12px;
    margin-top:25px;
    border-radius:6px; 
    -webkit-border-radius:6px; 
    -moz-border-radius:6px; 
    -khtml-border-radius:10px;    
    border:1px solid #edeee0; 
}

.h3bronbutton {
    float:right;
    width:165px;
    margin:-10px -20px 0 0;
    
}

.roomsphotos {
    overflow:hidden;
    margin-top:25px;
}

.roomsphotos div {
    float:left;
    margin: 3px 5px;     
}

.roomsphotos img {
    padding:2px;
    border:1px solid gray;
    border-radius:6px; 
    -webkit-border-radius:6px; 
    -moz-border-radius:6px; 
    -khtml-border-radius:10px;   
}

.roomsphotos img:hover {
    padding:2px;
    border:1px solid #000;
    border-radius:6px; 
    -webkit-border-radius:6px; 
    -moz-border-radius:6px; 
    -khtml-border-radius:10px;   
}

.roomabout {
    display: none;
}


.othersmens {
    display: none;
}


/* таблица цен в номерах */

.roomabout table {
    width:100%;
}

.roomabout .date {
    background:#e9eada;
}



.roomabout td {
    border-bottom:1px solid #e9eada;
}



.roominfo {
    /*background:#fee794; */
    
}








/* фотогалерея */

.photos {
    clear:both;
}

.photos div {
    float:left;margin: 20px;
    width:110px;
    height:100px;
    text-align:center;
}

.photos div img {
    margin:auto;
    border: 4px solid #d1c7b3;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 5px; 
    max-height:75px;
}


.photos div img:hover {
    margin:auto;
    border: 4px solid #afa694;
}



















/* bankschet */


.bankschet {
    top:0;
    left:0;
    position:absolute;
    z-index:98;
    height:1000px;
    width:100%;
    background: url('/image/bgform.png');
}


.bankschetclose {
    width:40px;
    height:40px;
    top:5px;
    right:5px;
    position:absolute;
    z-index:99;
}