html, body{
	width:100%;
	padding:0px;
	margin:0px;
	height:100%;
	color:#403D40;
	font-size:16px;
}

*{font-family:Tahoma, Geneva, sans-serif;margin:0px}

h1{color: #FFF;margin:0px;font-size:1.6em;}
h2{color:#403D40;margin-bottom:21px;}
h2.centered{text-align:center}
h3{margin:0px; color:#403D40}
h4{margin:0px}

h1 a{color: #FFF !important;text-decoration:none}
h1 a:hover{color: #30A0C1 !important;text-decoration:none}
h1 img{margin-right:8px}
a{color:#30A0C1;text-decoration:none}
a:hover{color:#C13830}
ul{list-style:none}

img{border:0;}
table{border:0}

.buttons_lane{padding:13px 21px;}
.btn{background-color:#373938;color:#FFF;border:0;border-radius:5px;font-size:1.2em;cursor:pointer;padding:3px 8px}
.btn:hover{background-color:#C13830}
.btn_ok:hover{background-color:#6EB16B}
.txt{border:solid 1px #A5A5A5;border-radius:5px;resize:none;padding:3px}
.asterix{color:#C13830}
.dclr{clear:both}

.com_soon{color:#30A0C1;padding:21px}

#container{min-height:100%;position:relative;max-width:1280px;margin:0px auto}

/*top*/
#top_panel{background-color:#444444;padding:8px 13px 5px 13px;border-bottom:solid 3px #F0F0F2;text-align:right;}
#img_logo{vertical-align:top}
#top_panel h1{float:left;display:block}
.tml{font-size:1.4em;}
#lang{float:right}
#top_menu{display:block;margin-top:11px;white-space: nowrap;float:right}
#top_menu a{color:#949897;font-weight:bold;}
#top_menu a:hover{color:#FFF}
#top_menu li{display:inline;margin-left:13px}

#top_undermenu{padding:5px 13px;margin:0px auto;position:relative}

#breadcrumbs{font-size:0.9em;float:left}
#breadcrumbs a span{color:#30A0C1}
#breadcrumbs a:hover span{color:#C13830}

/*action icons*/
.p_actions{position:absolute;right:13px}
.p_actions a{display:block;float:left;width:32px;height:32px;margin-left:5px;cursor:pointer}
a.p_link{background:url(../img/ic_link.png) no-repeat}
a.p_link:hover{background:url(../img/ic_link_hov.png) no-repeat}
a.p_print{background:url(../img/ic_print.png) no-repeat}
a.p_print:hover{background:url(../img/ic_print_hov.png) no-repeat}
a.p_fb{background:url(../img/ic_facebook.png) no-repeat}
a.p_fb:hover{background:url(../img/ic_facebook_hov.png) no-repeat}
a.p_gp{background:url(../img/ic_google_plus.png) no-repeat}
a.p_gp:hover{background:url(../img/ic_google_plus_hov.png) no-repeat}
a.p_tw{background:url(../img/ic_twitter.png) no-repeat}
a.p_tw:hover{background:url(../img/ic_twitter_hov.png) no-repeat}
/*get_link*/
#glink{display:none; z-index:505;background-color:#E3F5FF;border-radius:5px;border:solid 1px #A8CAEF;box-shadow: 5px 5px 3px #888888;padding:5px;position:absolute;left:-320px}
#glnk_inp{width:300px}
#glink p{margin-top:3px;font-size:0.9em;text-align:center}

#content{margin:0px auto;margin-top:21px;padding:0px 13px 13px 13px;position:relative}
*#content{padding-bottom:68px}

.levels{border:solid 2px #D8D8D9;border-radius:5px;padding:3px 0px 6px 8px;font-weight:bold;background-color:#F0F0F2;float:right;}
.levels h3{display:inline;margin:0px;padding:13px 13px 8px 0px;color:#C13830;font-size:1.5em}
.levels ul {display:inline;margin:0px;text-indent:0px;padding:0px}
.levels ul li{display:inline;text-indent:0px;cursor:pointer;margin-right:3px;padding:3px 5px 3px 5px;font-size:1.2em}
.levels .l_on{color:#C13830;border-top:solid 1px #C8C8CA;border-left:solid 1px #C8C8CA;border-bottom:solid 1px #FFF;border-right:solid 1px #FFF;border-radius:3px;padding:3px 4px 3px 4px;}

/*bottom*/
#footer{position:absolute;bottom:0;width:100%;height:55px;background:#FBFBFC;border-top:solid 1px #D8D8DA}
#footer_cont{width:89%;margin:0px auto;}
#bottom_menu{display:block;text-align:center;font-size:0.9em;padding:0px;margin-top:5px}
#bottom_menu li{margin:0px 5px;display:inline}
#bottom_menu a{color:#403D40}
#bottom_menu a:hover{color:#C13830}
#copyright{color:#C13830;text-align:center;margin-top:8px;font-size:0.8em}

/*hint*/
#hint{width:200;position:absolute;left:0;top:0;z-index:505;background-color:#E3F5FF;border-radius:5px;border:solid 1px #A8CAEF;box-shadow: 5px 5px 3px #888888;padding:5px;display:none}
.hint a{text-decoration:underline;color:#F7941F}
.hint pre {white-space: pre-wrap;/* css-3 */white-space:-moz-pre-wrap !important;/* Mozilla, since 1999 */white-space:-pre-wrap;/* Opera4-6 */white-space:-o-pre-wrap;/* Opera 7 */word-wrap: break-word;/* Internet Explorer 5.5+ */}
.hint_in{border:solid 1px #DEDEDE;width:100%;height:100%;background-color:#FFF}
.hint_expl{padding:0px;margin:0px}

/*404*/
#d404{color:#C13830;text-align:center;margin-top:36px}
#d404 p {margin-bottom:13px}
#d404_srf{margin-bottom:13px}
#d404_srf #i_search{width:300px}

/*index and blocks*/
.exli{text-ident:0px;padding:0px;cursor:pointer}
.exli li {border-radius:5px;display:block;width:330px;float:left;margin:0px 13px 13px 0px}

.exli li h3{padding:8px 13px 0px 13px;color:#FFF;border-radius:3px;font-size:1.15em;margin-bottom:0px}
.exli li img{display:block;float:left;margin:5px 13px 0px 0px}
.exli li p{padding: 13px 13px 8px 13px;margin:0px;text-align:justify}
.exlis{background-color:#949897;border:solid 3px #D8D8D9;}
.exlis *{color:#FFF}
.exlis a:hover{color:#fff}

.exlil{height:180px;border:solid 3px #D8D8D9;}
.exlil *{color:#fff}
.exlil a:hover{color:#fff}
.exlib{background-color:#30A0C1;}
.exliy{background-color:#FFB937;}
.exlir{background-color:#C13830;}

.exlit{background-color:#DFDFDF;}
.exlit li *{color:#403D40 !important}

/*all*/
.iv_info a{ margin-left: 3px}
.img_act{cursor:pointer}
.img_mn{cursor:pointer;vertical-align:top;margin-top:4px}

/*exercises*/
.score{font-weight:bold;background-color:#DFDFDF;color:#30a0c1;padding:5px 8px;border-radius:5px;margin:5px 0px;width:320px}

/*search btn*/
#btn_search{border:0px;background-color:#EDEDED;background:url("../img/ic_search.png") no-repeat 2px 2px; width:21px;height:21px;padding:3px;cursor:pointer}
#btn_search:hover{background:url("../img/ic_search_hov.png") no-repeat 2px 2px;}



@media print {
#top_menu{display:none}
#top_undermenu{display:none}
#top_panel{display:none}
#footer{display:none}
#bottom_menu{display:none}
.buttons_lane{display:none}
.levels{display:none}
.crw_cl_i img{display:none}
.crw_clue, .crw_clue span{color:#403D40 !important}
.crw_c, .crw_c input, .crw_c span{background-color:#FFF !important; color:#403D40 !important}
.crw_c input{border:0 !important}
.crw_c {border:solid 1px #403D40 !important}
#crw_score{display:none}
.img_act{display:none}
.img_mn{display:none}
.fmf_w{color:#403D40 !important;background-color:#FFF !important}
.fmf_i{border:solid 1px #403D40 !important} 
.iv_info{display:none}
#iv_i_foot{display:none}

}


/*-- HTC --*/
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) {
.exlil{height:240px;}
}

/* ----------- Galaxy S3 ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2) {
.exlil{height:260px;}
.exli li{width:300px}
}

/* ----------- Galaxy S4 ----------- */

@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) {
.exlil{height:260px;}
.exli li{width:200px}
}

/* ----------- Galaxy S5 ----------- */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) {
.exlil{height:200px;}
}
/* ----------- iPhone 4 and 4S ----------- */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {
.exli li{width:290px}
.exlil{height:200px;}
}
/* ----------- iPhone 5 and 5S ----------- */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {
.exlil{height:210px;}
.exli li{width:290px}
}
/* ----------- iPhone 6 ----------- */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
.exli li{width:340px}
.exlil{height:200px;}
}

/* ----------- iPhone 6+ ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
.exli li{width:340px}
.exlil{height:200px;}
}