/* CSS Document */
body
{
background-color: #000000;
margin: 0px;
padding: 0px;
font-family: Verdana, Times New Roman, Fixedsys, Helvetica, Sans-serif;


}
#kontejner {
position: relative;

width: 1024px;
margin-top: 10px;
margin-bottom: 10px;
padding: 0 0 0 0;

background-color: #000000;
color: white;
}

#zahlavi {
width: 1024px;
height: 200px;
border-bottom: 0px solid white;
}

#navigace {
float: left;
width: 150px;

margin-top: 10px;
margin-left: 7px;
margin-bottom: 10px;
border: 0px solid white;
padding: 0 0 0 0;
color: white;
background-color: #000000;
}



#obsah {
float: left;
width: 650px;

margin-top: 30px;
margin-right: 7px;
margin-left: 30px;
margin-bottom: 10px;
border: 0px solid #ffcc00;
background-color: #000000;
color: white;
font-size: 14px;
}

#vpravo {
float: right;
width: 150px;
margin-top: 10px;
margin-right: 10px;
border: 0px solid #ffffff;
background-color: #000000;
padding: 0px;
}

#zapati {
clear: both;
width: 1024px;
border-top: 0px solid #ffcc00;
color: white;
font-size: 11px;
background-color: #000000;
}

#zapati a {
color: white;

}

#obsah a {
color: white;
}

.logo-text {
position: relative;
top: -200px;
left: 180px;
color: white;
font-size: 23px;

}

li {
color: white;
font-weight: bold;
}

li a {
color: white;

}

li a:hover {
color: black;
}

.seznam {
font-size: 17px;
list-style: none;
background-color: #000000;
margin-top: 5px;

}

.seznam li {
border-top: 2px solid #ffcc33;
list-style: none;
padding: 5 0 5 0;
margin: 0 0 0 0;
}

.seznam a:hover {
text-decoration: none;
color: black;
display: block;
background-color: #ff9999;

}

.seznam a {
border-top: 2px solid #ff6600;
color: black;
display: block;
border-left: 2px solid #ff6600;
border-right: 2px solid #ff6600;
text-decoration: none;
padding: 5 0 5 10;
margin: 0 0 0 0;
background: #ff9900;
border-bottom: 2px solid #ff6600;
}

.box {
margin: 1em;
padding: 1em;
border: 1px solid #000;
width: 20em;
}

.right {
float: right;
margin-left: 0.2em;
margin-bottom: 0.2em;
padding: 0.2em;
border: 1px solid #000;
width: 8em;
}


.pornovideos {
font-size: 15px;

}

.pornovideos a {
color: black;
}

.pornovideos a:hover {
color: #cc6600;
}

#obsah h1 {
font-size: 16px;
}

/* first example */

 /* set background images for corners */
.rbroundbox { background: url(simple_background.gif) repeat; }
.rbtop div  { background: url(simple_top_left.gif) no-repeat top left; }
.rbtop      { background: url(simple_top_right.gif) no-repeat top right; }
.rbbot div  { background: url(simple_bottom_left.gif) no-repeat bottom left; }
.rbbot      { background: url(simple_bottom_right.gif) no-repeat bottom right; }

 /* height and width details */
.rbtop div, .rbtop, .rbbot div, .rbbot {
	width: 100%;
	height: 14px;
	font-size: 1px;
}
.rbcontent  { margin: 0 14px; }
.rbroundbox { width: 20em; margin: auto; }


/* second example */

 /* set background images for corners */
#secondexample .rbroundbox    { background: url(corners_bg.gif) repeat; }

#secondexample .rbtop         { background: url(corners_top.gif) repeat-x; }
#secondexample .rbtop div     { background: url(corners_top_left.gif) no-repeat top left; }
#secondexample .rbtop div div { background: url(corners_top_right.gif) no-repeat top right; }

#secondexample .rbbot         { background: url(corners_bottom.gif) repeat-x; }
#secondexample .rbbot div     { background: url(corners_bottom_left.gif) no-repeat top left; }
#secondexample .rbbot div div { background: url(corners_bottom_right.gif) no-repeat top right; }

#secondexample .rbcontentwrap { background: url(corners_left.gif) repeat-y; }
#secondexample .rbcontent     { background: url(corners_right.gif) repeat-y right; }

 
 /* height and width details */
#secondexample .rbtop div, #secondexample .rbtop, #secondexample .rbbot div, #secondexample .rbbot {
	width: 100%;
	height: 26px;
	font-size: 1px;
}
#secondexample .rbcontent  { padding: 1px 2em; margin: 0;  }
#secondexample .rbroundbox { width: 300px;  }




/* other CSS rules */

pre { overflow: auto; width: 90%; }
body { font-family : Verdana, Arial, Helvetica, sans-serif; font-size: 90%; }
h2 { font-size: 1em; font-weight: bold; font-family : Arial, sans-serif; }
p  { font-size: 0.8em; } 
h2 { padding: 0; margin: 0 0 1em 0; }
.rbroundbox p, #realcontent .rbroundbox p { padding: 0; margin: 1em 0 0 0; }

/* tstme code */
body, html { padding: 0; margin: 0 40px 0 0; background: url(../images/fillheaderbg.gif) repeat-x; }
p { padding-bottom: 1em!important; }
#realcontent { padding: 1em; margin: 0 300px 0 20px; }
#realcontent p { padding: 1em; margin: 0; }
#realcontent h1 { padding: 0em; margin: 0; }
pre { background: #f5f5f5; padding: 1em; }
#secondexample {
	position: absolute;
	top: 100px;
	right: 0px;
	width: 300px;
	padding: 0;
	margin: 0;
}
img {border:0}



.table-2 {
font-size: 12px;
color: black;
background-color: #ff6600;
}

.table-2 a {
color: black;
}

.table-2 a:hover {
color: white;
}

.odkazy-vlevo li {
font-size: 11px;
text-decoration: none;
list-style: none;
}

.odkazy-vlevo li a {
color: black;
text-decoration: none;
list-style: none;
margin-left: 5px;
}

.odkazy-vlevo li a:hover {
color: white;
text-decoration: none;
list-style: none;
}


.mobility {

display: block;
width:649px;
height: 900px;


border: 0px solid #e0e0e0;

}

.mobility a:hover {
color: #ffcc33;
}

.java {
position: relative;
	margin-left: 5px;
	margin-bottom: 5px;
	float: left;
	width: 150px;
	height: 160px;
	
	font-size: 80%;
	border: 1px solid #e0e0e0;
}

.java_1 {
position: absolute;
top: 0px;
left:0px;
width: 150px;
height: 30px;
text-align: center;
border: 0px solid orange;
}

.java_2 {
position: absolute;
left: 0px;
top: 31px;
width: 150px;
height: 125px;
}

.java_3 {
position: absolute;
top: 140px;
left:0px;
width: 125px;
height: 25px;
text-align: center;
border: 0px solid orange;
}