@import "css/reset.css";

html,body { padding:0px; margin:0px; position:relative; }
body {
    font-size:12px;
    font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
    background-color:#ffeffa;
    color:#5D354C;
}

body.theme {
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background: #fff no-repeat top center;
}

body.theme_summer {
    background-image: url(images/theme_bg_summer.jpg);
}
body.theme_nano {
    background-image: url(images/theme_bg_nano.jpg);
}
body.theme_winter {
    background-image: url(images/theme_bg_winter.jpg);
}
h1 { color:#a34783; }
h2, h3, h4, h5 { color: /*#e809e8*/#e363b7; }
p { margin: 5px 0px 20px 0px;  text-align: justify;}
p.title { color: #e363b7; font-size:16px; text-align:center; font-weight:bold;}
.onlinerec3 { font-size:13px; }
h1 { font-size: 1.8em; margin:10px 0px 25px 0px; }
h2 { font-size: 1.6em; margin:8px 0px 20px 0px; }
h3 { font-size: 1.3em; margin:6px 0px 15px 0px; padding-left: 10px;}
h4 { font-size: 1.0em; margin:4px 0px 5px 0px; }
h5 { font-size: 12px; margin:2px 0px 5px 0px; }

ul,ol {
    /*margin-left:30px;*/
    text-align:left;
}
li { padding-left:10px; }


/*a {color: #3301BA; outline: none;}*/
a {color: #453799; outline: none;}

/*a:hover {color: #e809e8; } */
a:hover {color: #91545C; }

tr { vertical-align:top; }
div.stub { clear:both; height:20px;}
div.stub2x { clear:both; height:40px;}
br.stub { display:block; clear:both; height:20px; }
div.clear,br.clear { display:block; clear:both; height:1px; }
div#arms {float:left;}
div#title { text-align:right; margin-bottom:15px;}
div#title  h1{ text-align:right; margin:0px 100px 0px 0px;}
div.alert {
    font-size: large;
}
dt {margin:2px 0px; font-weight:bold; padding:0px;}
dd {margin:0px 0px 15px 0px; padding:0px;}

a.phone { font-size:20px;font-weight:bold; }
a.phone:link,a.phone:hover,a.phone:visited { color: #e363b7; text-decoration:none; }
a.phone>span.phone {  }
a.phone>span.code { color:#5D354C; }


#page { width:100%; text-align:left; margin:0px; min-width: 1050px;max-width: 1300px;}
/*#header {height:97px; }*/
#headerbanner { margin-right:200px;}
#container { position:relative; display:block; background: url('/img/bgl1.jpg') repeat-y 0px 0px;border-left:solid 1px white;}
#wrapper { display:block; position:relative;
           /*	margin-left:-160px;
                   margin-right:-200px;*/
}

#leftbar { position: absolute; top: 0px; left: 0px; width: 160px; margin: 0px; padding: 0px;}
#leftbar ul {margin:0px; padding: 0px;}
#leftbar li {display:block; margin-top:4px; padding:2px 0px;}
#leftbar li.item1, #leftbar li.item2, #leftbar li.item3 {background:#ffeef0 url('/img/item_bg1.jpg') repeat-y left top;}
#leftbar li.item1 {font-weight:bold;font-size: 12px;font-family: Ms sans serif, Verdana, Tahoma, Arial Cyr;}
#leftbar li.item1>a { display:block; text-align:left; padding:0px 5px; text-decoration: none; }
#leftbar li.item2, #leftbar li.item3 { text-align:center; padding:5px 2px; margin-bottom:10px;}
#leftbar li.item2>a,#leftbar li.item3>a { display:block; text-align:center; padding:2px 5px; margin-top:3px; }
#leftbar li.item3>a { font-weight:bold;}

#rightbar { position: absolute; top: 0px; right: 0px; width: 200px; margin: 0px; padding: 0px; font-size:13px; }

.rightbarblock { margin: 7px 0 0 0; padding: 10px; background-color: #fff; border: 1px solid #e7e7e7;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px; }
.rightbarblock ul { margin-left:0px;padding-left: 1.5em;list-style-type:square;}
.rightbarblock ul>li { margin:5px 0px; padding:0px;}

.rightbarblock h6 { margin: 10px 0px 5px 0px;}
.rightbarblock dt {margin:5px 0px 2px 0px; font-weight:bold; padding:0px;  clear: both;font-size: 0.8em; }
.rightbarblock dd {margin:0px 0px 5px 0px; padding-left:10px;}
/*.rightbarblock p.title { font-weight:bold; }*/
#rightbar .phone { font-size:1em;font-weight:bold; }
#rightbar .phone a:link,#rightbar .phone a:hover,#rightbar .phone a:visited { color:black; text-decoration:none; }
#rightbar .phone a>span {  }
#rightbar .phone a>span.code { color:grey; }

#content { margin: 20px 210px 0px 160px; padding:0px 10px 0px 25px; font-size: 11pt;}
#footer {display:block;height:20px;background:#000;color:#fff;padding:3px 10px;font-size:10px;text-align:center;}

/* new layout */
#main {
    position: relative;
    width: 100%;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    background: url('/img/bgl1.jpg') repeat-y 0px 0px;
    min-height:850px !important;
}


#page.city1 { text-align:left; margin:0px; width: 1050px;}
#page.city1 #content { margin: 0px 0px 0px 160px; }
#page.city1 h1.header { font-size: 20pt; color: #e350b0; padding: 5px 0 0 0; margin:0; }

/* begin main index.php */
#page.index { width:776px; min-width: 776px; margin:0px auto;background-color: #FFEFfa; }
.theme #page.index { margin-top: 120px; background: none; padding: 0 0px;}
.theme #mycity { background-color: #fff; }

#header.index { /*height:175px;*/ background: url('img/mainpagelogo.png') no-repeat 0px 0px; padding:120px 0 30px 530px; min-width:246px;}
#header h1 { font-size: 20pt; color: #e350b0; padding: 5px 0 0 0; margin:0; }
#content.index { margin: 0px; padding:1em 0; font-size: 12pt;}
#content.index h1 { text-align: center; }

#content.chel { margin: 0px 0px 0px 160px; font-size:12px; }

#content.oldstyle { margin: 0px 50px 0px 160px; font-size:12px; }
#content h2 {text-align:left;}

#content.nnov { background-image: url(img/bg_nnov.jpg); font-size:14px;}
#content.nnov h2.new_h2 {
    font-style: italic;
    font-family: "Times New Roman";
    font-size: 32px;
    text-align: center;
    margin: 15px 0px 5px 0px;
}
#content.nnov h2.td_h2 {
    text-align: center;
}

#content.nnov h2 {
    color: #797102;
    font-size: 19px;
    font-family: Arial, Helvetica, sans-serif;
    margin: 25px 0px 5px 0px;
}
#content.nnov a {
    font-weight: bold;
}
#content.nnov a.large {
    font-size: 16px;
}
#counters, #contacts{ text-align:center; padding:30px 10px;}

#headermenu li { letter-spacing: 1px; display:block; text-align:left; margin-top:5px; padding: 0px;  font-size:14px;}
#headermenu a {
    color: #ccc;
    display:inline-block;
    line-height: 16px;
    background: url('img/menu_marker2.png') no-repeat 0px 2px; padding-left:12px;
    text-shadow: none;
    transition: color 0.5s ease;
    transition: text-shadow 0.5s ease;
    -webkit-transition: color 0.5s ease;
    -webkit-transition: text-shadow 0.5s ease;
    -moz-transition: color 0.5s ease;
    -moz-transition: text-shadow 0.5s ease;
    -o-transition: color 0.5s ease;
    -o-transition: text-shadow 0.5s ease;
    -ms-transition: color 0.5s ease;
    -ms-transition: text-shadow 0.5s ease;
}
/*#headermenu2 a:active, #headermenu2 a:visited {color: #ccc;}*/
#headermenu a:hover {
    color: #fff;
    background-image: url('img/menu_marker2_over.png');
    text-shadow: #eee 0px 0px 2px;
}


#maincitylist { width:95%; margin:0px auto; }
#maincitylist div{ padding:0px 0px 0px 10px; }
#maincitylist tr { vertical-align:top; }
#maincitylist li { list-style-type: none; }
#maincitylist li.info { margin-bottom:10px; }
/*#maincitylist a { color:#666; text-decoration:none;}
#maincitylist a:hover {color: #b62711; }*/
#maincitylist td {padding:0px 3px;}
/* end main index.php */

#citylist li { margin:5px 0px;}
#citylist li li { margin:0px 0px 0px 30px;}
#citylist .cn { font-weight:bold; font-size:1.1em; }
ul.listcity {
    margin:5px 0px;
}
ul.listcontacts {
    margin:5px 0px;
}
ul.listcity li {
    margin:5px 0px 20px 0px;
}
ul.listcontacts li {
    margin:5px 0px 0px 20px;
}

a.linkcity {
    font-weight:bold; font-size:1.15em;
}
a.linkmore {
    font-size:0.9em;
    margin-left:30px;
}
a.tel:link,a.tel:hover { color:#e363b7; text-decoration:none; }
a.tel>span.code { color:#5D354C; }

a.thumb, a.thumb:active, a.thumb:visited { width:100%; display:block; margin:0px auto; position:relative; border:2px solid #eee; /* background: transparent url('/images/play_button.png') center center no-repeat; */}
a.thumb:hover {-webkit-box-shadow: 0px 0px 4px #000; -moz-box-shadow: 0px 0px 4px #000; box-shadow: 0px 0px 4px #000;}
a.thumb>span { display:block; position:absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 100;background: transparent url('/images/play_button.png') center center no-repeat; filter: alpha(opacity = 60); opacity: .6;}
a.thumb>span:hover { filter: alpha(opacity = 90); opacity: .9;}
a.thumb>img { width: 100%; }
/*img.thumb { filter: alpha(opacity = 40); opacity: .4; }*/

/*
a>img {border:2px solid #eee; margin:3px}
a>img:hover {-webkit-box-shadow: 0px 0px 4px #000; -moz-box-shadow: 0px 0px 4px #000;}
*/

.countdowntext {color: #505050; font-size: 16px; text-decoration: none; font-family: Verdana, Tahoma, Arial Cyr; font-weight: normal;}
.countdownminutes {color: #e03050; font-size: 44px; text-decoration: none; font-family: Verdana, Tahoma, Arial Cyr; font-weight: bold;}
.countdowndayx {color: #e03050; font-size: 44px; text-decoration: none; font-family: Verdana, Tahoma, Arial Cyr; font-weight: bold;}
.countdowndiv { width: 100%; padding: 5px; border: dotted 1px; border-color: #e809e8; }
.countdowndiv p {font-size:16px; text-align:center;}
.countdowndiv ul { font-size:14px; margin:10px 0; padding-left: 40px; }

.staffbox { clear:both; }
.staffbox .item { display:-moz-inline-stack; margin:0 10px; width:120px; display:inline-block; *display:inline; vertical-align:top; padding: 5px 0px; text-align:center;}
.staffbox .item.first { margin-left:0; }
.staffbox .item.last { margin-right:0; }
.staffbox .photo { height:160px; width:120px; /*overflow: hidden;*/margin: 0 auto;}
.staffbox .photo img {
    margin: 0 auto;
    max-width: 120px;
    max-height: 160px;
    /*border: solid #fff 1px;*/
    color: #fff;
    -webkit-box-shadow: 0px 0px 5px #333;
    -moz-box-shadow: 0px 0px 5px #333;
    box-shadow: 0px 0px 5px #333;
}
.staffbox .desc { font-size:12px; margin-top: 5px; }
.staffbox .desc .name { font-weight:bold; }
.staffbox .desc .occup { font-weight:normal; }


.pricebox table { width:100%; border-collapse: separate; border-spacing: 4px; }
.pricebox th {font-weight: bold;  text-align:center; }
.pricebox td {  text-align:center }
.pricebox td.l { text-align:left;padding-left:5% }
.pricebox tr.odd { background-color: #fdf; }
.pricebox tr.even { background-color: #ddf; }

.cityinfo h3 { margin-top: 0px;clear: both;}
.cityinfo dt {margin:2px 0px; font-weight:bold; padding:0px; float: left; width: 70px; clear: both;font-size: 0.8em; }
.cityinfo dd {margin:0px 0px 0px 70px; padding:0px;}

#pagehelper { clear: both; margin: 0px; padding: 40px 0px;}
#pagehelper .totop {float:right; width: 200px; text-align: right; padding-right:20px; }
#pagehelper .email {float:left; width: 250px; text-align: left; padding-left:20px; }

#gallerybox { /*width:1028px; */zoom:1; }
#gallerybox .fancyImage { display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; position:relative; vertical-align:top; width:160px; margin:5px; padding:6px;	 border:solid 1px #b8b8b8; background-color:#f4f5f5; font-family:Trebuchet,Tahoma,Arial,sans-serif; font-size:11px; font-weight:normal; text-decoration:none; text-align:center; opacity:0.87; }
#gallerybox .fancyImage a{ margin:0; padding:0; border:none; }
#gallerybox .fancyImage:hover, #gallerybox .fancyImage a:hover{ opacity:1; }
#gallerybox .fancyImage img{ display:block; border:none; margin:0; width: 100%;}
#gallerybox .fancyImage div {display:none}

.gallerybox { width:1028px; zoom:1; text-align:center; margin:0 auto;}
.gallerybox .fancyImage { display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; position:relative; vertical-align:top; margin:5px; padding:6px; border:solid 1px #b8b8b8; background-color:#f4f5f5; font-family:Trebuchet,Tahoma,Arial,sans-serif; font-size:11px; font-weight:normal; text-decoration:none; text-align:center; opacity:0.87; }
.gallerybox .fancyImage a{ margin:0; padding:0; border:none; }
.gallerybox .fancyImage:hover, #gallerybox .fancyImage a:hover{ opacity:1; }
.gallerybox .fancyImage img{ display:block; border:none; margin:0; width: 100%; }
.gallerybox .fancyImage div {display:none}

.album { margin-bottom: 20px;}
.albumcover {  vertical-align:top; width:200px; display:inline-block;  margin:5px; padding:6px;	 border:solid 1px #b8b8b8; background-color:#f4f5f5; font-size:11px; text-decoration:none; text-align:center; }
.albumcover img { margin: 0px; width: 100%;}


.appboxWhite {
    /*width:450px;*/
    margin:0 auto;
    text-align:center;
    padding:10px 15px;
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    border-radius:15px;
    background: #fff;
    border: solid #666 1px;
    color: #666;
    -webkit-box-shadow: 0px 0px 10px #666;
    -moz-box-shadow: 0px 0px 10px #666;
    box-shadow: 0px 0px 10px #666;
}

.galleryboxsmart { width:100%; zoom:1; text-align:center; margin:0 auto;}
.galleryboxsmart .fancyImage { display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; position:relative; vertical-align:top; margin:5px; padding:6px; border:solid 1px #b8b8b8; background-color:#f4f5f5; font-family:Trebuchet,Tahoma,Arial,sans-serif; font-size:11px; font-weight:normal; text-decoration:none; text-align:center; opacity:0.87; }
.galleryboxsmart .fancyImage a{ margin:0; padding:0; border:none; }
.galleryboxsmart .fancyImage:hover, #galleryboxsmart .fancyImage a:hover{ opacity:1; }
.galleryboxsmart .fancyImage img{ display:block; border:none; margin:0; }
.galleryboxsmart .fancyImage div {display:none}

a.citylink { border-bottom: 1px dotted #e809e8; color: #e809e8; text-decoration:none;}
a.citylink:hover { border-bottom: 1px dotted #3301ba; }

#pagecontent {
    font-size: 12pt;
    vertical-align:top;
    padding:0px 20px 0px 20px;
}

#stafflist  { margin:15px 0px 25px 0px; }
#stafflist p { text-indent:0px; text-align: center; }

.onlinecalc table { border-collapse: separate; border-spacing: 2px; }
.onlinecalc td { padding:3px 10px; }
.onlinerec table { border-color: #e809e8; border-collapse: separate; border-spacing: 2px; border-style:solid; }
.onlinerec td { padding:10px; border-style:solid;  }
.onlinerec_container ul.nameinput { margin:5px 0px;}
.onlinerec_container  ul.nameinput>li { display:block; float:left; margin-right:5px; width:30%; }
.onlinerec_container label.error {display:block;}
.onlinerec_container ul.dateinput { margin:5px 0px;}
.onlinerec_container  ul.dateinput>li { display:block; float:left; margin-right:5px; }

div.citypriceshort table { width:100%;max-width:500px; border-collapse: separate; border-spacing: 2px; }
div.citypriceshort th {font-weight: bold; font-size:12px; text-align:center }
div.citypriceshort td { font-size:12px; text-align:center }
div.citypriceshort td.c { text-align:center; }
div.citypriceshort td.l { text-align:left;padding-left:5% }
div.citypriceshort td.r { text-align:right;padding-right:5% }
div.citypriceshort tr.odd { background-color: #fdf; }
div.citypriceshort tr.even { background-color: #ddf; }

div.online_color_pick {
    display: table-cell;
    width: 30px;
    height: 30px;
    border: 1px solid #cccccc;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}

div.service_pick {
    width: 90px;
    height: 90px;
    border: 1px solid #ccc;
    background-color: #FFeeFF;
}

.online_text {
    border: 1px solid #ccc;
    font-family: Calibri, Tahoma, Arial, serif;
    font-size: 1.4em;
    padding: 2px 5px;
    margin:0px 0px 5px 0px;
}

span.online_title {
    font-size: 1.2em;
    padding-left: 5px;
}

.online_button {
    font-family: Calibri, Tahoma, Arial, serif;
    font-size: 1.2em;
}

.req {
    color: #F00;
    font-weight: bold;
}
.hotrec {
    color: #E809E8;
    font-style: italic;
    font-size: large;
}


#hotrecemb { font-weight:bold; }
.promocode { font-size:14px;}
.promocode td { padding:5px 10px; }
/*.promocode #getCoupon h2 { font-size:20px; }*/
.promocode  { text-indent: 10px; max-width: 450px; }

.sendanswer { font-size:14px;}
.sendanswer td { padding:5px 10px; }
.sendanswer #getCoupon h2 { font-size:20px; }
.sendanswer  { text-indent: 10px; }

/* FAQ Definition Lists */

#faq dt{
    color:#8F9AA3;
    font-size:18px;
    margin-top:10px;
    padding-left:25px;
    position:relative;
    cursor:pointer;
    border:1px solid transparent;
}

#faq dt:hover{ color:#5f6a73;}
#faq dd:hover{ color:#5f6a73;}

#faq dt .icon{
    background:url('images/bullets.png') no-repeat;
    height:12px;
    left:0;
    position:absolute;
    top:6px;
    width:12px;
}

#faq dt.opened .icon{ background-position:left bottom;}

#faq dd{
    font-size:14px;
    color:#717f89;
    line-height:1.5;
    padding:4px 0 0 20px;
    display:none;
}


/*.popupForm  { width: 500px; }*/
.popupForm p { margin:3px 0px; }
.popupForm label {  display: inline-block; width: 110px; }
.popupForm input.submit { margin-left: 110px; }
.popupForm label.error { width: 250px; display: block; margin-left: 110px; color: red; font-size:10px; }

#hotrecord {
    width: 710px;
    padding: 5px;
    border: dotted 1px;
    border-color: #e809e8;
    margin:10px auto;
    text-align:center;
}
#hotrecord h1 { margin-top:15px; }
#hotrecord p { text-align:center;}
#hotrecord dl{
    margin-bottom:10px;
}
#hotrecord dl .row{
    border-top: solid 1px;
    border-color: #eee;
    clear:both;
}
#hotrecord dl dt{
    color:#666;
    font-size:14px;
    margin:0px 10px;
    padding:5px;
    width:450px;
    float:left;
}


#hotrecord dl dd{
    margin:2px 0;
    padding:5px 0;
}

#hotrecord .hotrecpoint { font-weight:bold; font-size:1.15em; }
#hotrecord .hotrecdate { color:#222; font-weight:bold; font-size:1.3em; }
#hotrecord .hotrectime { color:#111; font-weight:bold; font-size:1.3em; }
#hotrecord .hotrecdur { color:#111; font-weight:bold; font-size:1.3em; }
#hotrecord .hotrecnote { color:#e03050; font-weight:bold; font-size:1.4em; }

#contestInfo p,#contestAnswers p {
    color: #717F89;
}
#contestInfo p strong,#contestAnswers p strong {
    color:#5f6a73;
}

div.toggled { display:none; }
div.toggler { margin:0px 30px; text-align:center;}
p.answer {
    margin: 20px 25px;
    border-left: solid 1px grey;
    border-bottom: solid 1px grey;
    padding: 5px;
}


#wallpapers div#modern { float:left; width:50%; text-align:center; }
#wallpapers div#vintage { float:right; width:50%; text-align:center; }

#wallpapers ul {
    margin:0px;
    padding:0px;
    list-style:none;
    text-align:center;

}

#wallpapers ul li {
    margin: 10px 5px 5px 5px;
    padding:1px 2px;
    text-align:center;
    display:inline-block;

}
#wallpapers div.preview {  opacity:0.87;
                           transition: opacity 0.5s ease;
                           -webkit-transition: opacity 0.5s ease;
                           -moz-transition: opacity 0.5s ease;
                           -o-transition: opacity 0.5s ease;
                           -ms-transition: opacity 0.5s ease;

}
#wallpapers div.preview img { border: solid #fff 1px; color: #fff;-webkit-box-shadow: 0px 0px 5px #000; -moz-box-shadow: 0px 0px 5px #000; box-shadow: 0px 0px 5px #000; }
#wallpapers div.preview:hover, #wallpapers div.preview a:hover{ opacity:1; }

#wallpapers div.links {
    font-size:10px;
}

#wallpapers div.rating { text-align: center; margin:5px 0px 10px 0px; }
#wallpapers div.rating a { width:25px; height:25px; display: inline-block; margin-bottom: -7px; }
#wallpapers div.rating a.thumbup { background: url('/images/thumbup2.png') no-repeat top left; }
#wallpapers div.rating a.thumbdown { background: url('/images/thumbdown2.png') no-repeat top left;  }
#wallpapers div.rating span { font-weight:bold; }
#wallpapers div.rating span.votesdown { color: darkred; }
#wallpapers div.rating span.votesup { color: darkgreen; }


div.ny2015 {
    background: url(/images/cert_bg.jpg) center no-repeat ;
    background-size: cover;
    /*color: black;*/
}

.required label:after {
    content:" *";
    color: red;
    display:inline;
}


.social {
    font-weight: normal;
}
.social > i {
    padding: 5px;
    border-radius: 50%;
    color: #fff;
}
.viber {
    color: #7b519d;
}
.whatsapp {
    color: #20B038;
}
.socicon-viber {
    background: #7b519d;
}
.socicon-whatsapp {
    background: #20B038;
}