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

body {
	height:100%;
	background-color:#f5ffff;
	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;
    font-size:17px;
    font-weight: normal;
    color:#262626;
    font-family:Tahoma;
}

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

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

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

h3 a:hover {
    margin:0;
    font-size:19px;
    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;
}

.att {
    width:96%;
    padding:7px 2%;
    background:#eb1d1d url(../img/bg3.png) bottom;
    font-size:19px;
    color:#fff;
    text-shadow: 1px 0px 0px rgba(9,109,127,1);
    height:35px;
    font-weight: normal;
    display:none;
}

.att div {
    float:left;
    margin-right:10px;
}

.att .closeatt {
    float:right;
    margin-right:15px;
    margin-top:10px;
}    

.att div span {
    font-size:11px;   
}    

.att div a {    
    font-size:17px;
    color:#fff;    
    text-decoration:underline;
}   

.attt {
    margin-top:3px;
}
/* -------------------------- top */
.top {
    width:96%;
    padding:7px 2%;
    background:#0abede url(../img/bg1.png);
    font-size:15px;
    color:#a9edf9;
    text-shadow: 1px 0px 0px rgba(9,109,127,1);
}

.top a {   
    color:#f3eb1f;  
    font-size:19px;
}  

.top a b {   
    margin-left:30px;
    font-size:13px;
} 

.top .exit {
    float:right;
    /*color:#f3eb1f;*/
    font-size:12px
}

.top .exit a {
    background:#f3eb1f;
    font-size:13px;
    color:#a29c0a;    
    padding:2px 7px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 10px;
    text-decoration:none;
    font-weight: normal;
    margin-top:-3px;
}   


.top_goo {
    background:url(/cp/img/bg_topgoo.png) bottom center no-repeat;
    text-shadow: none;
    font-size: 13px;
    float:right;
    padding:0 20px;
    margin-top:-6px;
    height:33px;
}



.navig {
    width:96%;
    padding:0 2%;
    background:#1fc7f7 url(../img/bg2.png) repeat-x;
    margin-bottom:10px;
}

.navig .li {
    max-width:90px;
    margin:5px;
    padding:2px;
    margin:5px;
    float:left;
    text-align:center;line-height:13px;
    height:106px;
}

.navig .li a {
    font-size:13px;
    color:#fff;
    text-decoration:none;
}    

.navig .li img {
    margin:auto;   
    margin-bottom:6px;
    max-width:57px;
}    

.navig .li:hover {
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 10px;
    background:#63dcff;
}

.closenavig {
    width:100%;
    height:37px;
    margin-top:0px;
}

.closenavig img {
    float:right;
}    

.li.ActiveLi {
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 10px;
    background:#63dcff;
}

.addpage img {
    display:inline-block;
    height:16px;
}

.addpage a {
    font-size:13px;
    color:#17afe8;
}    

.tree_links a {
    font-size:12px;
    color:#a6b7b7;
} 

.lvl1 {
    background:#e3f8ec;
    padding:10px;
    overflow:hidden;
}

.lvl2 {
    background:#f3eefd;
    padding:10px;
    overflow:hidden;
}

.lvl3 {
    background:#e3f6fd;
    padding:10px;
    overflow:hidden;
}

.body {
    width:96%;
    padding:10px 2%;
}

.page_tr {
    height:35px;
    clear:both;
    max-width:100%;
}

.page_tr_name {
    float:left;
    max-width:300px;
}

.page_edits {
    float:left;
    max-width:300px;
    display:none;
}

.page_edits img {
    float:left;
    margin:0 10px;
    height:16px;
}

.editform_tr {
    clear:both;
    overflow:hidden;
    margin-bottom:25px;
}

.ef_L {
    float:left;
    width:200px;
    color:#869b9b;
}

.ef_L_a a {
    text-decoration:none;
    border-bottom:1px dashed #000;
}

.ef_R {
    float:left;
    /*max-width:60%;*/
}









.ef_R input {
    width:100%;
    font-size: 15px;
    padding:3px 6px;
}

.ef_att {
    float:left;
    margin-left:30px;
    border-left:2px solid #fb780f;
    padding-left:5px;
}

.ef_R_ch {
    width: 200px;
    float:left;
    margin:10px;
    height:20px;
    line-height: 15px;
}

.ef_R_ch input {
    width:20px;   
}    

.ef_R_photos  #forIMG .tns {
    float:left;
    margin:0 5px; 
    max-width: 120px;      
}

.ef_R_photos   #forIMG .tns  input {
    max-width: 90px;
    font-size:12px;
    padding:0;   
}

.ef_R_photos   #forIMG .tns  img {
    float:left;
    margin:0 5px; 
    max-height: 53px;    
}

.ef_R_photos   #forIMG .tns a {
    font-size:11px;    
}

.ef_R_td {
    float:left;
    max-width:200px;
}

.roomstr img {
    display:inline; 
    margin-left:20px;
    height:16px;
}

.roomstr p {
    margin:0;
}

#forIMG {
    float:left;
  
}

.uplphotobutton {
    float:left;
  
}
/* -------------------------------- comments */
.c_item {
    min-width:600px;
    margin:auto;
    overflow: hidden;  
    margin-top:30px;
}

.c_item_title {
    width:100%;
}

.c_item_title i {
    font-size:11px;
}

.c_item_text_arrow {
    margin-top:5px;
    height:10px;
    background: url("../img/arrc.png") no-repeat 8% bottom;
}

.c_item_text {
    width:98.4%;
    overflow:hidden;
    padding:0.8%;
    border-radius:6px; 
    -webkit-border-radius:6px; 
    -moz-border-radius:5px; 
    -khtml-border-radius:10px;   
    background:#dcebee;
}

.c_item_text_points {
    margin-top:20px;
    clear:both;
}

.c_item_text_points div {
    float:left;
    margin-right:10px;
}

.c_item_text_points div img {
    display: inline;
}

.comm_edits {
    width:100%;
    margin:auto;
}

.comm_edits a {
    float:right;
}

.comm_edits img {
    width:16px;
    margin-top:3px;
    margin-left:50px;
}
/* ----------------------- login */
.loginform {
    margin-top:15%;
    width:100%;
    text-align:center;
}

.loginform input {
    
    max-width:110px;
    font-size: 21px;
    padding:3px 6px;
}

.loginform .t {
    font-size: 19px;
    font-family: Georgia;
    color: #a6dff4;
    text-shadow: 1px 0px 0px rgba(110,136,146,1);
}

.loginform .f {
    width:300px;
    margin:auto;
    padding:15px;
    border: 1px solid #c6dae1;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 10px;
    
}

.footer {
    position: fixed;
    z-index:60;
    width:96%;
    padding:10px 2%;    
    color:#0c87aa;
    bottom:0;
    background:#0c87aa;
}

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

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





/* ----------------------- calendar ver 2 BRON */


.cal2_tr {
    clear:both;
    width:100%;
}

.cal2_td1 {
    width:200px;
    background: #d6e5e5;
    padding:3px;
    border: 1px solid #d6e5e5;
    float:left;
    height:20px;
    border-top: 1px solid #bbc7c7;

}

.cal2_td2 {
    float:left;
    width:15px;
    padding:3px;
    border: 1px solid #d6e5e5;
    height:20px;
    text-align:center;
}

.cal2_td2.disableday {
    background-color:#d6e5e5;
}   


.cal2_td3 {
    float:left;
    width:110px;    
    padding:3px;
    border: 1px solid #d6e5e5;
    height:20px;
    text-align:center;
}


.cal2_reserved {
    background:#f0244a;
}



.bron_calendar2 {
    margin-bottom:30px;
    display:none;
}






.allbron_calwievs {
    padding:20px;
}

.allbron_calwievs a {
    text-decoration:none;
    font-size:13px;
     border-bottom:1px dashed gray;
}

.allbron_calwievs .ON {     
    padding:3px;
    background:#d6e5e5;   
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 5px;
     border:0;
   
}





.linkDate {
    width: 20px;
    height:15px;
}








/* ----------------------- calendar ver 3 BRON */

.cal_3 {
    width:100%;
}


.cal3_1 {
    float:left;
    width:30%;
    
}

.cal3_2 {
    margin-left:10px;
    float:left;
    width: 68%;
    position:relative;
    overflow-x:auto;
    height:432px;
    
    
}

.cal3_2_scroll {
    position:absolute;
    width:2300px;
    
}

 



.cal3_tr {
    clear:both;
    background: #d6e5e5;
    padding: 3px;
    border: 1px solid #d6e5e5;
    height: 20px;
    border-top: 1px solid #bbc7c7;
    float:left;
    width:100%;
}


.cal3_tr .cal3_tr_td1 {
    width:200px;
    float:left;
}
.cal3_tr .cal3_tr_td2 {
    width:98px;
    float:right;
}

.cal3_tr_days {
    clear:both;
    height: 24px;
}


.cal3_day {
    float: left;
    width: 15px;
    padding: 3px;
    border: 1px solid #d6e5e5;
    height: 20px;
    text-align: center;    
}

.cal3_tr_month {
    float:left;
}



.changethe {
    border-top: 1px solid #bbc7c7;
    background: #d6e5e5;
    font-size:11px;
}





























/* ----------------------- calroom */


.calroom {
    width:330px;
    background:#fff;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 10px;  
    padding:1px;
    margin:2px;
    float:left;  
}

.cr_title {
    width:100%;
    text-align:center;
}

.cr_cal {
    width:48%;
    float:left;
    margin:2px;
}

.cr_year {
    width:100%;
    height:25px;
    text-align:center;
    background:#d6e5e5;
    height: 20px;
}

.cr_month {
    width:100%;
    height:25px;
    text-align:center;
    background:#d6e5e5;
    height: 20px;
}

.cr_days div {
    float:left;
    width:20px;
    height:20px;
    text-align:center;
    border:1px solid #d6e5e5;
}

.cr_days .t {
    color:#a3b5b5;
    border:1px solid #fff;
}

.schet {
    border:1px solid #dd8e12;
}

.creditka {
    border:1px solid #2380d7; 
}

.nal {
    border:1px solid #1ca712; 
}

.cr_day.schet {
    border:1px solid #dd8e12;
}

.cr_day.creditka {
    border:1px solid #2380d7; 
}

.cr_day.nal {
    border:1px solid #1ca712; 
}

.oplacheno {
    color:#ee1f63;
}

.oplacheno a{
    color:#ee1f63;
}


.reserved1 {
    background:url(/cp/img/reserved1.png);
}
.reserved2 {
    background:url(/cp/img/reserved2.png) top left no-repeat;
    
}
.reserved3 {
    background:url(/cp/img/reserved3.png);
}


.reserved1.reserved2 {
    background:url(/cp/img/reserved3.png);
}





.tf_reserved1 {
    background:url(/cp/img/tf_reserved1.png) top right no-repeat;
    color:#000;
}
.tf_reserved2 {
    background:url(/cp/img/tf_reserved2.png) top left no-repeat;
    color:#000;
    
}
.tf_reserved3 {
    background:url(/cp/img/tf_reserved3.png);
    color:#000;
}


.tf_reserved1.tf_reserved2 {
    background:url(/cp/img/tf_reserved3.png);
}



.disableday {
    color:#c2d2d2;
}



.notreserved:hover {
    background:#63f347;
}  


.greentd {
    background:#63f347;
}  




.reservedmes_1 {
    background:url(/cp/img/reserved1.png) top right no-repeat;
}
.reservedmes_2 {
    background:url(/cp/img/reserved2.png) top left no-repeat;
    
}
.reservedmes_3 {
    background:url(/cp/img/reserved3.png);
}


.reservedmes_1.reservedmes_2 {
    background:url(/cp/img/reserved3.png);
}






/* comments */

.comments {
    margin-bottom: 10px;
}


.dateComments {
    font-size:11px;
}

.textComments {
    background: #d6e5e5;
    padding:2px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 10px;
}


.newcomment {
    border: #d6e5e5 1px dashed;
    margin:2px;
    padding:4px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 10px;
}


/*
.oplacheno {
    background:#ee1e4f;
    color:#fff;
}
*/

/* all room */

.zn_tr div {
    float:left;    
}

.zn_td1 {
    width:60px;
}
.zn_td2 {
    width:200px;
}
.zn_td3 {
    width:200px;
}
.zn_td4 {
    width:150px;
}
.zn_td5 {
    width:120px;
}
.zn_td6 {
    width:40px;
}
.zn_td7 {
    width:90px;
}

.zn_tr.t div{
    background: #d6e5e5;

}

.zn_tr{
    border-bottom:1px solid #d6e5e5;

}








.myTable td {
    padding:5px;
    vertical-align: top;
    border:0;
}








.att1 {     
    padding:3px;
    background:#fdd724;   
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 10px;
     border:0;
}










/* datebasket */

.datebasket {
    padding:10px;
    position:fixed;
    right:0;
    top:200px;
    background:#e71717;   
    color:#fff;
    font-size:12px;
    line-height:12px;
    box-shadow: 0 0 20px #93a2a7;
}


.db_tr {
    margin-top:10px;
}


.db_tr span {
    color:#f8a3a3;
    font-size:11px;
}

.db_tr img {
    display:inline-block;
    height:10px;
    margin-left:30px;
}



.datebasket a {
    color:#f8bd2f;
}








.itsdayistoday {
    border-left:1px solid #0a2d4a;
}





.longmonth {
    width:2700px;
}

/*
.daybefortoday {
    background: #d6e5e5;
}
*/




.phoneprint1 {
    display:none;
}






/*         brontoggle           */

.brontoggle {
    background:#fff;
    padding:6px;
    border:1px solid #dbebeb;
    width:800px;
}


.bt_0 {
    width:150px;
    float:left;
}
.bt_1 {
    width:300px;
    float:left;
    margin-right:50px;
}
.bt_2 {
    width:270px;
    float:left;
}


.bt_t {
    float:left;
}

.bt_tumbler {
    float: right;
    background:#aabbbb;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 5px;
    border-right: 1px solid #deefef;
    border-bottom: 1px solid #deefef;
}
.bt_tumbler .ON {
    padding:2px 7px;
    float: left;
    background:#62cf40;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 5px;
    border-right: 1px solid #439928;
    border-bottom: 1px solid #439928;
    border-top: 1px solid #b0f999;
    border-left: 1px solid #b0f999; 
}
.bt_tumbler .OFF {
    padding:2px 7px;
    float: left;
    
    
}

.bt_tumbler .OFF:hover {
    cursor:pointer;
    text-shadow: 1px 0px 0px rgba(98,207,64,1);
}

.bt_t {
    padding-top: 3px;
}



.bt_tumbler .OFF  a {
    color:#414949;
    text-shadow: 1px 0px 0px rgba(217,233,233,1);
    text-decoration:none;
    font-size:12px;
}

.bt_tumbler .OFF a:hover {
    cursor:pointer;
    text-shadow: 1px 0px 0px rgba(98,207,64,1);
}


.bt_tumbler .ON  a {
    color:#fff;
    text-shadow: 0px 0px 0px rgba(255,255,255,50);
    text-decoration:none;
    font-size:12px;
}









.support_questions a {
    font-size: 17px;
    text-decoration: none;
    border-bottom:1px dashed;
}

.support_questions p {
    margin-top: 0px;
    margin-left:30px;
}



.cal3_hideday {
    display:none;
}




@media screen and (max-width: 1024px) {
   
.cal3_1 {
    width:40%;
    
}

.cal3_2 {
    width: 58%;
}    

.navig .li {
    margin:0;
} 

.navig .li a {
    font-size:12px;
}

.navig .li img {
    width:30px;
}  
    
    
}   



@media screen and (min-width: 1600px) {
   
.cal3_1 {
    width:20%;
    
}

.cal3_2 {
    width: 78%;
}    
    
    
}