@charset "utf-8";
/* CSS Document */

body{
	margin:0;
	color:#232323;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	background-attachment: scroll;
	background-image: url(../images/web/bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #f7fcf8;
}
div, h1, h2, h4, p, form, label, input, textarea, img, span{
	margin:0; padding:0;
}
a
{
 text-decoration:none;
 color:black;
}
h3{
 margin-bottom: 5px;
 color: rgb(255,34,0);
 font-family: kozuka Gothic Pr6N R;
}


ul{
	margin:50 0 0 0; 
	padding: 30 0 0 0; 
	list-style-type: disc;
	font-size:15px;
	line-height:150%;
}


.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}


/*------------------------------------------------hlavicka--------------------*/
#top_bar{
	width:900px;
	height:70px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 0px;
	float: none;
	background-image: url(../images/web/menu_area.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
.menu_area {
	float: left;
	height: 70px;
	width: 520px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-left: 380px;
}

.menu_text {
	font-family: tahoma;
	font-size: 12px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
	margin: 0px;
	float: left;
	height: 70px;
	width: 130px;
	padding-top: 40px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.menu_text:HOVER {
	font-family: tahoma;
	font-size: 12px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
	margin: 0px;
	float: left;
	height: 70px;
	width: 130px;
	padding-top: 40px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(../images/web/top_menu_over.jpg);
}
/*----------------------------header-------------------*/
#header{
  width:900px;
	height:270px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	float: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
  }
#container{
  margin: 0px;
	float: left;
  width: 580px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
  height:270px;
}
/*---------------------------segmenty-----------------------*/
.segmenty{
  float: left;
	height: 270px;
	width: 320px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.greenseg {
  margin: 0px;
	float: left;
	height: 90px;
	width: 320px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(../images/web/green_up.jpg);
}
.greenseg:HOVER {
  margin: 0px;
	float: left;
	height: 90px;
	width: 320px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(../images/web/green_over.jpg);
}
.redseg {
  margin: 0px;
	float: left;
	height: 90px;
	width: 320px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(../images/web/red_up.jpg);
}
.redseg:HOVER {
  margin: 0px;
	float: left;
	height: 90px;
	width: 320px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(../images/web/red_over.jpg);
}
.blueseg {
  margin: 0px;
	float: left;
	height: 90px;
	width: 320px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(../images/web/blue_up.jpg);
}
.blueseg:HOVER {
  margin: 0px;
	float: left;
	height: 90px;
	width: 320px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(../images/web/blue_over.jpg);
}

/*------------------------ Kapitoly ---------------------*/
#chapter_bar{
	width: 900px;
	height: 45px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	float: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
  
}
#chapter_area{
  float: left;
	height: 45px;
	width: 900px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(../images/web/red_area.jpg);
  /*margin-top:-5px;*/

}

.chapter_text {
	font-family: tahoma;
	font-size: 11px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #ffffff;
	text-decoration: none;
	margin: 0px;
	float: left;
	height: 40px;
	width: 180px;
	text-align: center;
	padding-top: 12px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.chapter_text:HOVER {
	font-family: tahoma;
	font-size: 10px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
	margin: 0px;
	float: left;
	height: 40px;
	width: 180px;
	padding-top: 12px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(../images/web/chapter_hover.png);
}

/*------------------------------------------------body_area--------------------*/
#body_area{
	width:900px;
	height:750px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	float: none;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-color: #e2e2e2;
}
.left {
	margin: 0px;
	margin-left: 45px;
	float: left;
	height: 560px;
	width: 220px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
	overflow:hidden;
  font-size: 15px;
}
.left_menu_area {
	margin: 0px;
	padding: 0px;
	float: right;
	height: 320px;
	width: 220px;
  letter-spacing: 1.5px;
  font-size: 15px;
}
.left_menu_top {
  font-size: 20px;
  font-family: Kozuka Gothic Pr6N R;
  font-style: normal;
  color: rgb(255,34,0);
	margin: 0px;
	margin-bottom: 0px;
  margin-left: 35px;
	padding: 0px;
	float: left;
	height: 40px;
	width: 200px;
  
}
.left_menu_sub {
	font-family: Arial;
	font-size: 15px;
	font-variant: normal;
	color: rgb(204,0,0);
	text-decoration: none;
  background-image: url(../images/web/left_red_up.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	height: 20px;
	width: 225px;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 30px;
}
.left_menu_sub:HOVER {
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	font-variant: normal;
	color: rgb(255,0,0);
	text-decoration: none;
	background-image: url(../images/web/left_red_over.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	height: 20px;
	width: 220px;
	padding-top: 8px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 30px;
}
.current
{
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	font-variant: normal;
	color: rgb(255,0,0);
	text-decoration: none;
	background-image: url(../images/web/left_red_over.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	height: 20px;
	width: 225px;
	padding-top: 8px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 30px;
}

.mid_area {
	margin: 0px;
	float: left;                       
	width: 550px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 40px;
}
.nadpis {
	font-family: Kozuka Gothic Pr6N R;
	font-style: italic;
	font-size: 30px;
	font-weight: normal;
	color: rgb(204,0,0);
	text-decoration: none;
	margin: 0px;
	width: 540px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
  text-align: justify;
}
.mid_text {
	font-family: tahoma;
	font-size: 15px;
	font-weight: normal;
	color: #474747;
	text-decoration: none;
	margin: 0px;
	margin-bottom: 20px;
	float: left;
	width: 500px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background: url(../images/body_text_bg.png) repeat-y;
	
}

#justify {
  text-align: justify;

}

/*------------------------------------------------fotter--------------------*/
#fotter{
	width:900px;
	height: 100px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 0px;
	background-image: url(../images/web/fo.jpg);
	
}
.fotter_copyrights {
	font-family: tahoma;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	margin: 0px;
	width: 900px;
	color: #818181;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
	text-align: center;
}

/*----------------------Nastavení jednostlivých témat--------------------------*/

#vocabulary {
  width:500px;
  height:400px;
  overflow:auto;
}

.tasks1{
font-family: tahoma;
font-size: 15px;
font-weight: bold;
color: red;
text-decoration: none;
padding-bottom: 10px;}

/*----------------------Obrázky--------------------------*/
.img_cpu
{
  float:left;
  /*border-bottom: px solid #e2e2e2;
  padding: 0 50 10 10;
  margin: 0 0 0 0;
  */
  margin-left: 0px;
  margin-right: 20px;
}

.img_main_memory{
float: left;
margin-left: 0px;
margin-right: 20px;
border: 2px #d3d3d3 solid;
}

.obrazky_tasks
{
  padding-top:15px;
  text-align: center;
}