/* Main styles */
*{
  outline: 0px none white
  outline-style: none;
  outline-width: 0px;
}

body{
  margin:0px;
  font-size:12px;
  font-family: 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;
  background-color:#f0f0f0;
  text-align: center;
}

#div_header{
  float:left;
  width:100%;
  height:137px;
  background-image:url('../../images/homepage/bg_header.png');  
  background-color:#809d2f;
}
#div_header.dotest{
  background-image:url('../../images/homepage/bg_header_dotest.png');  
  background-color:#b61e1e;
}


a{
  text-decoration: none;
}

#div_middle_stripe{
  float:left;
  width:100%;
  background-color:#3a383a;
  background-image:url('../../images/homepage/bg_shadow_middle.png');
  background-repeat: no-repeat;
  background-position: center center;  
  border-bottom:1px white solid;
}

#div_middle_stripe_pattern{
  float:left;
  width:100%;
  background-image:url('../../images/homepage/bg_pattern_edubase.png');
}

#div_middle_stripe_pattern.dotest{
  background-image:url('../../images/homepage/bg_pattern_dotest.png');
}

#div_middle_shadow_t{
  float:left;
  width:100%;
  background-image:url('../../images/homepage/bg_shadow_t.png');
  background-repeat: repeat-x;
  background-position: center top;
}

#div_middle_shadow_b{
  float:left;
  width:100%;
  min-height:396px;
  padding-bottom:10px;      
  background-image:url('../../images/homepage/bg_shadow_b.png');
  background-repeat: repeat-x;
  background-position: center bottom;
}

#div_new_version{
  float:left;
  width:100%;
  height:52px;
  background-color:white;
  margin-top:20px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-image:url('../../images/homepage/bg_star_b.png');
  background-position: 10px center;
  background-repeat: no-repeat;  
}

#div_new_version span{
  float:left;
  margin:17px 0 0 58px;
  color:#2f2d2f; 
  font-size:19px;
}

#div_new_version:hover{
  background-color: white;
}

.div_center{
  margin:0 auto;
  width:960px;
  text-align: left;
}

#div_logo_header{
  float:left;
  width:386px;
  height:137px;
  background-color:white;
  background-image:url('../../images/homepage/bg_logo_header.png');
  background-repeat: no-repeat;
  background-position: center center;  
}

#div_logo_header.dotest{
  background-image:url('../../images/homepage/bg_logo_header_dotest.png');
}

#div_header_title{
  float:right;
  width:433px;
  height:101px;
  background-image:url('../../images/homepage/bg_title_header.png');
  background-repeat: no-repeat;
  margin:22px 0px 0 0;
}

#div_header_title.dotest{
  float:right;
  width:450px;
  height:105px;
  background-image:url('../../images/homepage/bg_title_header_dotest.png');
  background-position: center center;
  background-repeat: no-repeat;
  margin:22px 15px 0 0;
}

#div_middle_ul{
  float:left;  
  list-style-image: url('../../images/homepage/bg_ul_middle_stripe.png');
  padding-left:0px;  
  font-size:18px;
  margin-top:22px;
  margin-bottom:10px;
  line-height:28px;
  color:#b5e900;
  list-style-position:outside;
  width:500px;
}

#div_middle_ul li{
  padding-left:0px;
  padding-top:17px;
}

#div_middle_ul li a{
  color:#b5e900;
}

#div_middle_ul.dotest li a{
  color:white;
}

#div_middle_ul li a:hover{
  color:white;
  text-decoration: underline;
}

#div_main_scheme{
  float:right;
  width:543px;
  height:444px;
  position:absolute;
  right:-20px;
  top:-15px;
  /*top:7px;*/
  background-image: url('../../images/homepage/bg_main_scheme.png');
}

#div_main_scheme.dotest{
  background-image: url('../../images/homepage/bg_main_scheme_2.png');
}

#div_support_logo{
  float:left;
  width:100%;
  height:39px;
  background-image: url('../../images/homepage/bg_logos_sm.png');
  background-repeat: no-repeat;
  background-position: left center;
  margin-top:0px;
}

#div_main_left_new{
  float:left;
  width:670px; 
  margin-top:20px;
}

#div_main_right{
  float:right;
  width:290px;
  margin-top:20px;
  background-image: url('../../images/homepage/bg_right.png');
  background-repeat: repeat-y;
  padding-bottom:25px;
}

.btn_big_top{
  float:left;
  width:250px;
  height:66px;
  -moz-border-radius: 4px;
  border-radius: 4px;    
  margin-top:50px;  
  margin-left:53px;


  -webkit-box-shadow: 0 1px 0 #c6c6c6,inset 0 1px 0 rgba(255,255,255,0.2);
  box-shadow: 0 1px 0 #c6c6c6,inset 1px 2px 1px rgba(255,255,255,0.2);
  text-shadow: rgba(0,0,0,0.25) 0 1px 0;
  -webkit-text-shadow: rgba(0,0,0,0.2) 0 1px 0;
  -moz-text-shadow: rgba(0,0,0,0.2) 0 1px 0;
  background-image:url('../../images/bg_grad_2.png');
  background-repeat: repeat-x;
  background-position: left bottom;  
}

.btn_big_top .div_image{
  float:left;
  width:90px;
  height:100%;
  background-repeat: no-repeat;
  background-position: center center;
}


.btn_big_top_info{
  float:left;
  width:180px;
  height:77px;
  -moz-border-radius: 4px;
  border-radius: 4px;    
  margin-top:0px;  
  margin-left:0px;
  background-color:#80a90c;
  border:1px #6b8e08 solid;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
  box-shadow: inset 1px 2px 1px rgba(255,255,255,0.2);
  text-shadow: rgba(0,0,0,0.25) 0 1px 0;
  -webkit-text-shadow: rgba(0,0,0,0.2) 0 1px 0;
  -moz-text-shadow: rgba(0,0,0,0.2) 0 1px 0;
  background-image:url('../../images/bg_grad_2.png');
  background-repeat: repeat-x;
  background-position: left bottom;  
}

.btn_big_top_info .desc{
  float:left;
  color:white;
  margin:10px 0 0 10px;
  font-size:13px;
  text-transform: uppercase;
}

.btn_big_top_info .div_b{
  float:left;
  width:100%;
  margin-top:5px;
}

.btn_big_top_info .div_image{
  float:left;
  width:60px;
  height:40px;
  margin-left:10px;
  background-repeat: no-repeat;
  background-position: center center;
}

.btn_big_top_info .div_image.school{
  background-image:url('../../images/bg_school_icon.png');
}

.btn_big_top_info .div_image.company{
  background-image:url('../../images/bg_compay_icon.png');
}

.btn_big_top_info .div_title{
  float:left;
  text-transform: uppercase;
  color:white;
  font-size:22px;
  margin:9px 0 0 15px;
}

.btn_big_top_info:hover{
  background-color:#92c500;
  border:1px #6b8e08 solid;
}


.btn_big_top.grey{
  background-color:#00ade4;
  border:1px #0083ad solid;
}

.btn_big_top.orange{
  background-color:#e44600;
  border:1px #ad3100 solid;
}

.btn_big_top.orange:hover{
  background-color:#80a90c;
  border:1px #6b8e08 solid;
}

.btn_big_top.grey:hover{
  background-color:#80a90c;
  border:1px #6b8e08 solid;
}






.btn_big_top.red:hover{
  background-color:#a90c0c;
  border:1px #8e0808 solid;
}



.btn_big_top.eb_white .div_image{
  background-image: url('../../images/homepage/bg_edubase_white.png');
}
.btn_big_top.eb_dotest .div_image{
  background-image: url('../../images/homepage/bg_dotest_white.png');
}
.btn_big_top.buy .div_image{
  background-image: url('../../images/homepage/bg_buy.png');
}

.btn_big_top span{
  float:left;
  color:white;
  text-transform: uppercase;
  font-size:15px;
  margin:26px 0 0 0px;
}

.btn_big_top.facebook{
  width:350px;
  margin-left:142px;
  margin-top:15px;
}

.btn_big_top.facebook .div_image{
  background-image: url('../../images/homepage/facebook.png');
}

.btn_big_top.facebook:hover{
  background-color:#3d5b99;
  border:1px #1f3b75 solid;
}

h1{
  float:left;
  width:100%;
  font-weight:normal;
  margin:55px 0 0 0;
  padding:0px;
  text-transform: uppercase;
  font-size:25px;
  color:#343233;
}

#ul_main{
  float:left;
  width:100%;
  margin-top:22px;
  padding:0px;
  font-size:13px;
  width:640px;
  list-style:none;
  line-height:23px;
}

#ul_main li{  
  color:#393939;  
  background-image: url('../../images/homepage/bg_arrow_ul_main.png');
  background-repeat: no-repeat;
  background-position: left 4px;
  padding: 3px 0px 18px 25px;  
  font-size:14px;
}


#ul_main.red li{  
  background-image: url('../../images/homepage/bg_arrow_ul_main_red.png');
}

#ul_main .span_title{
  font-weight:bold;
  text-transform: uppercase;
  color:#343233;
  font-size:14px;
}

.div_btn_show{
  float:left;
  width:150px;
  height:29px;
  background-color:#dfdfdf;
  -moz-border-radius: 4px;
  border-radius: 4px;  
  text-align: center;
  line-height:29px;
  color:#454545;
  border:1px #efefef solid;
  margin:20px 0 0 48px;
}

.div_btn_show:hover{
  text-decoration: underline;
  background-color:white;
}

.a_right{
  float:left;
  width:230px;
  margin-left:30px;  
  height:52px;
}

.a_right .div_icon{
  float:left;
  width:47px;
  height:47px;
  background-repeat: no-repeat;
  background-position: center center;
}

.a_right span{
  float:left;
  font-size:16px;  
  text-transform: uppercase;
  color:#656565;
  margin:15px 0 0 14px;
}

.a_right:hover span{
  text-decoration: underline;
}

.a_right .div_icon.download{
  background-image: url('../../images/homepage/ico_right_download.png');
}
.a_right .div_icon.star{
  background-image: url('../../images/homepage/ico_right_star.png');
}
.a_right .div_icon.buy{
  background-image: url('../../images/homepage/ico_right_buy.png');
}
.a_right .div_icon.tutor{
  background-image: url('../../images/homepage/ico_right_tutor.png');
}
.a_right .div_icon.demo{
  background-image: url('../../images/homepage/ico_right_demo.png');
}




.a_right_small{
  float:left;
  width:230px;
  margin-left:30px;  
  margin-top:0px;
}

.a_right_small .div_icon{
  float:left;
  width:35px;
  height:35px;
  background-repeat: no-repeat;
  background-position: center center;
}

.a_right_small span{
  float:left;
  font-size:15px;  
  color:#656565;
  margin:10px 0 0 13px;
}

.a_right_small:hover span{
  text-decoration: underline;
}

.a_right_small .div_icon.eu_money{
  background-image: url('../../images/homepage/ico_small_eu.png');
}
.a_right_small .div_icon.school{
  background-image: url('../../images/homepage/ico_small_school.png');
}
.a_right_small .div_icon.price{
  background-image: url('../../images/homepage/ico_small_price.png');
}
.a_right_small .div_icon.book{
  background-image: url('../../images/homepage/ico_small_book.png');
}
.a_right_small .div_icon.help{
  background-image: url('../../images/homepage/ico_small_help.png');
}
.a_right_small .div_icon.specif{
  background-image: url('../../images/homepage/ico_small_specif.png');
}
.a_right_small .div_icon.users{
  background-image: url('../../images/homepage/ico_small_users.png');
}
.a_right_small .div_icon.href{
  background-image: url('../../images/big_icons/bg_href.png');
}

.a_right_banner{
  float:left;
  width:253px;                                                      
  height:115px;
  margin-left:20px;
  margin-top:20px;
}

.a_right_banner.dotest{
  background-image: url('../../images/homepage/bg_banner_dotest.png');
}

.a_right_banner.edubase{
  background-image: url('../../images/homepage/bg_banner_edubase.png');
}

.span_top{
  float:left;
  width:100%;
  text-align: center;
  font-size:14px;
  color:white;
  margin-top:10px;
}

.span_bottom{
  float:left;
  width:100%;
  text-align: center;
  font-size:13px;
  color:#323232;
  margin-top:65px;
}

.div_right_box{
  float:left;
  margin-left:22px;
  margin-top:25px;
  width:249px;
  border:1px #3c3c3c solid;
  background-color:#5d5d5d;
  padding-bottom:15px;
  -moz-border-radius: 4px;
  border-radius: 4px;    
}


.div_right_box_title{
  float:left;  
}

.div_right_box_title{
  float:left;
  margin:8px 0 0 8px;
}

.div_right_box_title .div_image{
  float:left;
  width:25px;
  height:25px;
  background-repeat: no-repeat;
  background-position: center center;
}

.div_right_box_title .div_image.exchange{
  background-image:url('http://www.edubase.cz/files/images/big_icons/small_exchange.png');
}

.div_right_box_title .div_text{
  float:left;
  font-size:13px;
  color:white;
  margin:5px 0 0 8px;
}

.div_exchange_line{
  float:left;
  width:220px;
  margin:8px 0 0 12px;
  font-size:12px;
  color: #dcdcdc;
}
.div_exchange_line b{
  color:white;
}


.div_half_line_ex{
  float:left;
  width:100px;
  margin:8px 0 0 13px;
}

.div_half_line_ex .div_icon{
  float:left;
  width:16px;
  height:16px;
  background-repeat: no-repeat;
  background-position: left center;
}

.div_half_line_ex .div_icon.text{
  background-image:url('http://www.edubase.cz/files/images/big_icons/text.png');
}
.div_half_line_ex .div_icon.open_question{
  background-image:url('http://www.edubase.cz/files/images/big_icons/pisemka.png');
}
.div_half_line_ex .div_icon.test_question{
  background-image:url('http://www.edubase.cz/files/images/big_icons/test.png');
}
.div_half_line_ex .div_icon.files{
  background-image:url('http://www.edubase.cz/files/images/big_icons/soubor.png');
}

.div_half_line_ex .div_label{
  float:left;
  color:white;
  margin:0px 0 0 8px;
}

.a_btn_more{
  float:left;
  width:160px;
  height:36px;
  background-color:#ebebeb;
  border:1px white solid;  
  -moz-border-radius: 3px;
  border-radius: 3px;  
  background-image: url('../../images/homepage/bg_arrow_black.png');
  background-repeat: no-repeat;
  background-position: 7px 12px;     
}

.a_btn_more:hover{
  background-color: white;
}

.a_btn_more span{
  float:left;
  font-size:14px;
  margin:11px 0 0 30px;
  color:#373537;
}
.a_btn_more:hover span{
  text-decoration: underline;
  color:#212121;
}

.div_popup_animation_home{
  float:left;
  position:fixed;
  left:120px;
  top:150px;
  width:710px;
  height:362px;
  background-color: white;
  z-index:100;
  -moz-border-radius: 5px;
  border-radius: 5px;    
  display:none;
}

.div_close_flash_popup{
  float:left;
  width:29px;
  height:29px;
  position:absolute;
  right:-28px;
  top:-28px;
  background-color:#eaeaea;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-image: url('../../images/homepage/bg_close_popup.png');
  background-repeat: no-repeat;
  background-position: center center;      
}

.div_close_flash_popup:hover{
  background-color: white;
}

.div_anim_popup_title{
  position:absolute;
  left:0px;
  top:-20px;
  color:white;
  text-transform: uppercase;
  font-size:15px;
}

.btn_play_home_video{
  float:left;
  width:175px;
  height:89px;
  background-image: url('../../images/homepage/bg_play_home_video.png');
  position:absolute;
  right:210px;
  top:120px;
}

.btn_play_home_video:hover{
  background-position: left bottom;
}