@import "common.css";

#all {padding:30px 50px;background:url('../images/bg.gif') 0 0 repeat-x}

#header {margin-bottom:30px}
#header ul.menu {list-style:none;list-style-position:outside;margin:0 0 0 31%;padding:0 0 30px 0;font-size:125%;color:#cd59a1}
#header ul.menu li {float:left;margin:0 25px 0 0;padding:0;white-space:nowrap}
#header ul.menu li.l {margin-right:0}
#header div {float:left}
#header .logo {width:26%;margin-right:5%}
#header .logo img {display:block}
#header .clock {width:35%;margin-right:5%}
#header .clock a {font-size:125%;display:block;float:left;margin:2em 0 0 18px;text-decoration:none;border-bottom:1px dotted #4c81c1;_margin-left:9px;_margin-top:2.5em}
#header .clock a i {background:url('../images/ico_clock.gif') 0 50% no-repeat;display:block;width:14px;height:14px;position:absolute;margin:3px 0 0 -18px;font-size:5px;border:0}
#header .clock div {font-size:90%;text-align:center}
#header .clock div span {display:block;font-size:370%;font-family:Arial, Helvetica, sans-serif}
#header .info {width:29%;_width:28.5%}
#header .info ul {list-style:none;list-style-position:outside;margin:2.3em 0 0 0;padding:0;font-size:90%}
#header .info li {margin:0 0 .3em 0;padding:0}

#content {margin-bottom:30px}
#content .main {float:left;margin-right:-34%;width:100%} 
#content .main_pad{padding-right:34%}
#content .sidebar {float:right;width:29%}
#content .sidebar_pad{padding:0}
#content .sub_main {float:right;margin-left:-47%;width:100%} 
#content .sub_main_pad{padding-left:47%}
#content .sub_sidebar {float:left;width:39%}
#content .sub_sidebar_pad{padding:0}

.select_city {margin-bottom:2.5em}
.select_city ul {list-style:none;list-style-position:outside;padding:0 5% 10px 0;margin:0;font-size:110%;float:left;width:45%}
.select_city li {margin:0 0 .5em 0;padding:0;}

.correct_time .selector {margin-bottom:2em}
.correct_time .selector form {background:#e3eff9;padding:15px;float:left;width:55%;margin-right:10px}
.correct_time .selector label {display:block;font-size:90%;color:#7f8789;float:left;width:17%;padding:.5em 10px;background:url('../images/bullet_orange.gif') 0 .7em no-repeat}
.correct_time .selector form div {float:left;width:75%}
.correct_time .selector form input {width:60%}
.correct_time .selector span.tip {display:block;font-size:85%;color:#7f8789}
.correct_time .selector button * {background-image:url('../images/btn_e3eff9_l.gif')}
.correct_time .selector button * * {background-image:url('../images/btn_e3eff9_r.gif')}
.correct_time .selector button * * * {background-image:url('../images/btn_e3eff9_bg.gif')}
.correct_time .selector a {font-size:110%}
.correct_time .city h2 {margin:0}
.correct_time .city h2 span {font-size:65%;}
.correct_time .city .time {margin:0 0 2em 40px}
.correct_time .city .time div {float:left}
.correct_time .city .time .clock {font-size:665%;font-family:Arial, Helvetica, sans-serif;margin-right:20px}
.correct_time .city .time .info {font-size:90%;padding:2.7em 0;line-height:1.4em}
.correct_time .city .informer {margin-bottom:2em}
.correct_time .city .informer div {padding:.5em 0 0 40px;}
.correct_time .city .informer p {font-size:90%}
.correct_time .city .informer p a {margin-right:20px;background:url('../images/bullet_orange.gif') 0 .4em no-repeat;padding-left:10px}
.correct_time .city .bookmark {margin-bottom:2em}
.correct_time .city .bookmark strong {display:block;font-weight:normal;font-size:110%}
.correct_time .city .bookmark span {margin-left:40px;font-size:90%}
.correct_time .city .bookmark span a {background:url('../images/bullet_orange.gif') 0 .4em no-repeat;padding-left:10px}

.compare_time .selector {margin-bottom:2em;background:#edeff2;padding:15px;}
.compare_time .selector button * {background-image:url('../images/btn_edeff2_l.gif')}
.compare_time .selector button * * {background-image:url('../images/btn_edeff2_r.gif')}
.compare_time .selector button * * * {background-image:url('../images/btn_edeff2_bg.gif')}
.compare_time .selector fieldset {display:block;float:left;background:url('../images/bullet_orange.gif') 0 2.2em no-repeat;padding-left:10px;width:37%;margin-right:2%}
.compare_time .selector fieldset.submit {width:auto;margin:0;padding:1.2em 0 0 0;background:none}
.compare_time .selector input {width:90%}
.compare_time .selector label {display:block;font-size:90%;color:#7f8789;margin-bottom:.5em}
.compare_time .selector span.tip {display:block;font-size:85%;color:#7f8789}
.compare_time .compared {margin-bottom:2em;zoom:1}
.compare_time .compared .difference {clear:both;background:#edeff2;padding:10px;font-size:150%}
.compare_time .city {float:left;width:45%;margin:0 4% 1em 0}
.compare_time .city h2 {margin:0}
.compare_time .city h2 span {font-size:65%;display:block}
.compare_time .city .clock {font-size:535%;font-family:Arial, Helvetica, sans-serif;}
.compare_time .city .info {font-size:90%;line-height:1.4em}
.compare_time .informer {margin-bottom:2em}
.compare_time .informer div {padding:.5em 0 0 40px;}
.compare_time .informer p {font-size:90%}
.compare_time .informer p a {margin-right:20px;background:url('../images/bullet_orange.gif') 0 .4em no-repeat;padding-left:10px}

.informers h2 span {font-size:65%;}
.informers .selector {margin-bottom:2em}
.informers .selector form {background:#e3eff9;padding:15px;float:left;width:55%;margin-right:10px}
.informers .selector label {display:block;font-size:90%;color:#7f8789;float:left;width:17%;padding:.5em 10px;background:url('../images/bullet_orange.gif') 0 .7em no-repeat}
.informers .selector form div {float:left;width:75%}
.informers .selector form input {width:60%}
.informers .selector span.tip {display:block;font-size:85%;color:#7f8789}
.informers .selector button * {background-image:url('../images/btn_e3eff9_l.gif')}
.informers .selector button * * {background-image:url('../images/btn_e3eff9_r.gif')}
.informers .selector button * * * {background-image:url('../images/btn_e3eff9_bg.gif')}
.informers .selector a {font-size:110%}
.informers .informer {margin-bottom:1.5em}
.informers .informer span {display:block;font-size:90%;color:#8893b4;margin-bottom:.5em}
.informers .informer .example {float:left;width:200px}
.informers .informer .code {margin-left:210px;}
.informers .informer textarea {padding:2px;width:90%;}

.cities_catalog .fast_select {margin-bottom:1.5em}
.cities_catalog .fast_select h1, .cities_catalog .fast_select div {float:left;margin:0 40px 0 0}
.cities_catalog .fast_select div {padding-top:.7em;font-size:110%}
.cities_catalog .fast_select a {margin-right:10px}
.cities_catalog .alphabet {margin-bottom:1em}
.cities_catalog .alphabet * {display:block;float:left;font-size:110%;margin:0 10px 10px 0}
.cities_catalog .alphabet strong {font-weight:normal;color:#cd59a1}
.cities_catalog ul {list-style:none;list-style-position:outside;padding:0;margin:0 5% 0 0;float:left;font-size:110%;width:30%}
.cities_catalog ul.last {margin:0}

.ad ul {margin-bottom:1em}
.ad li {line-height:1.5em;}

.contacts {}
.contacts fieldset {display:block;background:url('../images/bullet_orange.gif') 0 2.2em no-repeat;padding:0 0 1.5em 15px}
.contacts label {display:block;font-size:90%;color:#7f8789;margin-bottom:.5em}
.contacts fieldset.submit {background:none}
.contacts input {width:70%}
.contacts textarea {width:70%}

ol.howto {font-size:90%;margin-bottom:2em;line-height:1.5em}
ol.howto li {margin-bottom:.8em}

.block {margin-bottom:2.5em}
.block h6 {border-bottom:1px solid #7baedd;font-size:90%;color:#fff;background:#fff;margin-bottom:1.2em}
.block h6 * {background:#7baedd url('../images/h/7baedd_r.gif') 100% 0 no-repeat;display:block;float:left;padding:2px 12px 3px 8px;}

.search_block {margin-bottom:1em}
.search_block h6 {margin:0}
.search_block form {background:#e3eff9;padding:15px}
.search_block input {padding:2px}
.search_block button * {background-image:url('../images/btn_e3eff9_l.gif')}
.search_block button * * {background-image:url('../images/btn_e3eff9_r.gif')}
.search_block button * * * {background-image:url('../images/btn_e3eff9_bg.gif')}
.time_compare_block h6 {border-bottom:1px solid #a4b1bc;margin:0}
.time_compare_block h6 span {background:#a4b1bc url('../images/h/a4b1bc_r.gif') 100% 0 no-repeat}
.time_compare_block form {background:#edeff2;padding:15px}
.time_compare_block fieldset {padding: 0 0 12px 10px;background:url('../images/bullet_orange.gif') 0 2.2em no-repeat}
.time_compare_block fieldset.submit {padding-bottom:0;background:none}
.time_compare_block label {display:block;font-size:90%;color:#7f8789;margin-bottom:.5em}
.time_compare_block button * {background-image:url('../images/btn_edeff2_l.gif')}
.time_compare_block button * * {background-image:url('../images/btn_edeff2_r.gif')}
.time_compare_block button * * * {background-image:url('../images/btn_edeff2_bg.gif')}
.time_difference_block h6 {border-bottom:1px solid #f59fbc}
.time_difference_block h6 span {background:#f59fbc url('../images/h/f59fbc_r.gif') 100% 0 no-repeat}
.time_difference_block ul {list-style:none;list-style-position:outside;padding:0;margin:0;font-size:110%;}
.time_difference_block li {padding-left:15px;background:url('../images/ico_clock_sm.gif') 0 .3em no-repeat}
.ad_block h6 {border-bottom:1px solid #f8a75e}
.ad_block h6 span {background:#f8a75e url('../images/h/f8a75e_r.gif') 100% 0 no-repeat}
.friends_block h6 {border-bottom:1px solid #8cccca}
.friends_block h6 span {background:#8cccca url('../images/h/8cccca_r.gif') 100% 0 no-repeat}
.informer_block h6 {border-bottom:1px solid #abd46e}
.informer_block h6 span {background:#abd46e url('../images/h/abd46e_r.gif') 100% 0 no-repeat}
.informer_block p {font-size:90%}
.informer_block p a {margin-right:20px}

#footer {}
#footer .additional {float:left;width:64%;font-size:110%}
#footer .additional strong {font-weight:normal;color:#cd59a1}
#footer .additional span {margin:0 10px}
#footer .copy {width:31%;font-size:90%;float:right;border-left:1px solid #a4b1bc;padding:5px 0 5px 15px}