body {
background: #eaeaea url(../img/web-bg.gif) repeat-x;
font-family:arial, tahoma, verdana, sans-serif;
font-weight:normal;
font-size:80%;
color:#000000;
text-align:center;
line-height:1.5em;
}
html, body { 
height: 100%; 
margin: 0;
padding: 0;
}
form {
padding:0px;
margin:0px;
}
div {
padding:0px;
margin:0px;
}
ol, ul {
margin-top:5px;
text-align:left;
}
table, input, select, textarea {
font-size:100%;
font-family:arial, tahoma, verdana, sans-serif;
}
.left{
float:left;
}
.right{
float:right;
}
.clear:after {
clear:both;
content:".";
display:block;
height:0px;
visibility:hidden;
}
.clear {
display:block;
}
/* skryt pred IE-mac \*/
* html .clear {height:1%;}
.clear {display:block;}
/* konec skryti pred IE-mac */


.justify{
text-align:justify;
}
hr{
height:0px;
color:#cccccc;
border:0px;
border-top:1px solid #cccccc;
}
a img {
border-color:#cccccc;
}
.text{
font-size:100%;
}
a:link, a:visited, a:hover {
font-size: 100%;
font-weight:normal;
color: #c6281d;
text-decoration:underline;
outline:none;
}
a:hover {
text-decoration: none;
}


h1 {
color:#c6281d;
font-size:190%;
font-weight:normal;
padding:0px;
margin:0px 0px 0px 0px;
}
h1 a:link, h1 a:visited, h1 a:hover {
color:#fe0000;
text-decoration:none;
}
h1 a:hover{
color:#000000;
}
h2 {
color:#86827d;
font-size:140%;
font-weight:bold;
padding:0px;
margin:0px 0px 0px 0px;
}
h2 a:link, h2 a:visited, h2 a:hover {
color:#fe0000;
text-decoration:none;
}
h2 a:hover{
color:#000000;
}
h3, h4, h5{
color: #343434;
font-size:130%;
font-weight:bold;
margin:0px 0px 0px 0px;
padding:0px;
}
/******************************************************************
	SAMOTNA STRANKA
*/
#body{
margin:0px auto 0px;
width:944px;
background: white url(../img/background-top-repeat.gif) repeat-y;
text-align:left;
position:relative;
}
#page{
background: url(../img/background-top.gif) no-repeat;
padding:15px 0px 0px 0px;
}
#footerBG{
background: url(../img/footer-bg.gif) bottom center no-repeat;
}
/******************************************************************
	ZAHLAVI WEBU
*/
a.h1:link,
a.h1:visited,
a.h1:hover{
position:relative;
width:315px;
height:28px;
display:block;
margin:0px 0px 0px 5px;
z-index:10;
}
a.h1 span{
position:absolute;
width:315px;
height:28px;
background: url(../img/header-h1-bg.gif) no-repeat;
left:0px;
top:0px;
display:block;
}
span.language{
font-size:110%;
float:right;
z-index:10;
position:relative;
}

img.header{
position:absolute;
top:0px;
left:15px;
z-index:1;
}
/******************************************************************
	TELO WEBU
*/
#content{
margin:290px 15px 0px 15px;
min-height:500px;
}
#content #rightcol {
float:right;
width:646px;
}
#content #rightcol #text{
padding:40px 30px 15px 30px;
font-size:110%;
}
#content #rightcol #text h1{
font-size:240%;
color:#c6281d;
font-weight:bold;
margin:0px 0px 0px 0px;
padding:0px;
line-height:1.0em;
}
#content #rightcol #text div{
line-height:2.0em;
margin:15px 0px 0px 0px;
}
#content #rightcol #text div img.right{
margin:10px 0px 10px 10px;
}
#content #rightcol #text div strong{
color:#c6281d;
}
#content #rightcol #text div ul{
margin:0px 0px 0px 15px;
padding:0px;
}
#content #rightcol #text div ul li{
margin:0px;
padding:1px 0px 1px 15px;
background: url(../img/bod.gif) 0px 11px no-repeat;
list-style-type:none;
}



#content #rightcol #text a.more:link,
#content #rightcol #text a.more:visited,
#content #rightcol #text a.more:hover{
float:right;
display:block;
padding:0px 0px 0px 17px;
background: url(../img/bod.gif) 0px 9px no-repeat;
}
#content #rightcol #box-bottom{
background: url(../img/box-bottom-bg.jpg) no-repeat;
width:646px;
height:347px;
}
#content #rightcol #box-bottom #in_box-bottom {
padding:30px 35px;
}
#content #rightcol #box-bottom #in_box-bottom #news{
width:240px;
float:left;
}
#content #rightcol #box-bottom #in_box-bottom #news h3{
padding:0px;
margin:0px;
color:#c6281d;
font-size:160%;
}
#content #rightcol #box-bottom #in_box-bottom #news ul{
margin:0px;
padding:0px;
}
#content #rightcol #box-bottom #in_box-bottom #news ul li{
margin:0px;
padding:15px 0px 0px 0px;
_margin:0px 0px -20px 0px;
line-height:1.8em;
list-style-type:none;
font-size:110%;
}
#content #rightcol #box-bottom #in_box-bottom #news ul li span{
display:block;
padding:0px 0px 0px 17px;
}
#content #rightcol #box-bottom #in_box-bottom #news ul li span.orange{
display:block;
padding:0px 0px 0px 17px;
color:#C6281D;
}
#content #rightcol #box-bottom #in_box-bottom #news ul li a:link,
#content #rightcol #box-bottom #in_box-bottom #news ul li a:visited,
#content #rightcol #box-bottom #in_box-bottom #news ul li a:hover{
display:block;
padding:0px 0px 0px 17px;
background: url(../img/bod.gif) 2px 12px no-repeat;
}

#content #rightcol #box-bottom #in_box-bottom #info{
width:310px;
float:right;
}
#content #rightcol #box-bottom #in_box-bottom #info h3{
padding:0px;
margin:0px;
color:#c6281d;
font-size:160%;
}
#content #rightcol #box-bottom #in_box-bottom #info ul{
margin:0px;
padding:0px;
}
#content #rightcol #box-bottom #in_box-bottom #info ul li{
margin:0px;
padding:10px 0px 0px 25px;
line-height:1.8em;
list-style-type:none;
font-size:110%;
}
#content #rightcol #box-bottom #in_box-bottom #info ul li.first{
background: url(../img/first-li.gif) 0px 14px no-repeat;
}
#content #rightcol #box-bottom #in_box-bottom #info ul li.second{
background: url(../img/second-li.gif) 0px 14px no-repeat;
}
#content #rightcol #box-bottom #in_box-bottom #info ul li.third{
background: url(../img/third-li.gif) 0px 14px no-repeat;
}







#content #leftcol{
width:250px;
float:left;
}
#content #leftcol #menu{
width:250px;
height:260px;
background: url(../img/menu-bg.gif) no-repeat;
margin:0px 0px 15px 0px;
}
#content #leftcol #menu ul{
margin:0px;
padding:40px 0px 0px 0px;
width:220px;
}
#content #leftcol #menu ul li{
margin:0px 0px 0px 25px;
padding:9px 0px 9px 20px;
list-style-type:none;
border-bottom:1px solid #f3cbbd;
background: url(../img/bod.gif) 6px 15px no-repeat;
}
#content #leftcol #menu ul li.last{
border-bottom:0px;
}
#content #leftcol #menu ul li a:link,
#content #leftcol #menu ul li a:visited,
#content #leftcol #menu ul li a:hover {
font-size:120%;
text-decoration:none;
}
#content #leftcol #menu ul li.act a:link,
#content #leftcol #menu ul li.act a:visited,
#content #leftcol #menu ul li.act a:hover {
font-size:160%;
text-decoration:none;
background-position: 6px 14px; 
}

#content #leftcol #menu ul li a:hover, #content #leftcol #menu ul li.act a:hover {
text-decoration:underline;
}

#content #leftcol #box-first{
background: url(../img/box-first-bg.gif) no-repeat;
width:250px;
height:172px;
margin:0px 0px 15px 0px;
}
#content #leftcol #box-first #in_box-first{
padding:20px;
}
#content #leftcol #box-first #in_box-first h3{
font-size:140%;
color:#fddaa7;
margin:0px;
padding:0px;
}
#content #leftcol #box-first #in_box-first table{
line-height:2.0em;
color:white;
margin:12px 0px 0px 0px;
}
#content #leftcol #box-first #in_box-first table tr{
vertical-align:top;
}
#content #leftcol #box-first #in_box-first table tr th{
font-size:70%;
padding:0px 5px 0px 0px;
text-align:right;
}
#content #leftcol #box-first #in_box-first table tr td{
font-size:120%;
}
#content #leftcol #box-first #in_box-first table tr td a:link,
#content #leftcol #box-first #in_box-first table tr td a:visited,
#content #leftcol #box-first #in_box-first table tr td a:hover{
color:#fdd9a7;
}



#content #leftcol #box-second{
background: url(../img/box-second-bg.gif) no-repeat;
width:250px;
height:227px;
text-align:center;
margin:0px 0px 18px 0px;
}
#content #leftcol #box-second #in_box-second{
padding:20px 0px 0px 0px;
}
#content #leftcol #box-second a.webprogress:link,
#content #leftcol #box-second a.webprogress:visited,
#content #leftcol #box-second a.webprogress:hover{
display:block;
width:169px;
height:40px;
margin:0px auto 20px;
background: url(../img/webprogress-ico.gif) no-repeat;
}
#content #leftcol #box-second a.webprogress:hover{
background: url(../img/webprogress-ico-act.gif) no-repeat;
}
#content #leftcol #box-second a.jic:link,
#content #leftcol #box-second a.jic:visited,
#content #leftcol #box-second a.jic:hover{
display:block;
width:126px;
height:86px;
margin:0px auto 20px;
background: url(../img/jic-ico.gif) no-repeat;
}
#content #leftcol #box-second a.jic:hover{
background: url(../img/jic-ico-act.gif) no-repeat;
}
#content #leftcol #box-second a.microsoft:link,
#content #leftcol #box-second a.microsoft:visited,
#content #leftcol #box-second a.microsoft:hover{
display:block;
width:122px;
height:20px;
margin:0px auto 0px;
background: url(../img/microsoft-ico.gif) no-repeat;
}
#content #leftcol #box-second a.microsoft:hover{
background: url(../img/microsoft-ico-act.gif) no-repeat;
}


/******************************************************************
	ZAPATI WEBU
*/

#footer{
margin:0px auto 0px;
width:940px;
text-align:center;
padding:10px 5px 35px 5px;
}
#footer a:link, #footer a:visited, #footer a:hover {
color:black;
text-decoration:none;
font-size:110%;
}
#footer a:hover {
text-decoration:underline;
}






#more{
width:577px;
height:109px;
background: url(../img/more-bg.jpg) no-repeat;
margin:0px 0px 15px 30px;
}
#more #in_more{
padding:15px 20px 10px 135px;
line-height:2em;
}
#more #in_more h3 { 
padding:0px;
margin:0px;
color:#c6281d;
}

.error{
color:#C6281D;
padding:10px 15px;
border:1px solid #C6281D;
margin:10px 0px;
}
.succes{
color:#2ca344;
padding:10px 15px;
border:1px solid #2ca344;
}


#contactform{
display:none;
position:absolute;
z-index:20;
width:650px;
height:500px;
background:white;
border:2px solid #C6281D;
top:100px;
}
#close{
position:absolute;
right:0px;
top:0px;
cursor:pointer;
background:#C6281D;
color:white;
font-weight:bold;
font-family:verdana;
width:22px;
height:22px;
float:right;
text-align:center;
margin:0px;
padding:0px;
z-index:30;
}

#recommendBG{
background:black;
width:100%;
display:none;
position:absolute;
top:0px;
left:0px;
opacity:0.5;
filter: alpha(opacity=50);
z-index:10;
}

#in_form{
float:left;
width:620px;
margin:0px 15px 15px 15px;
text-align:left;
}
#in_form h3{
color:#C6281D;
font-size:190%;
font-weight:normal;
line-height:1em;
margin:0;
padding:0;
}
#in_form label{
display:block;
float:left;
font-weight:normal;
margin-bottom:5px;
position:relative;
width:100%;
}
#in_form label input{
width:100%;
}
#in_form input, #in_form textarea{
width:100%;
border:1px solid #F3CBBD;
margin:0px 0px 10px 0px;
}
#in_form textarea{
height:80px;
}
#in_form button{
float:right;
margin:0px 0px 0px 20px;
background: url(../img/button.gif) no-repeat;
font-weight:bold;
color:white;
width:80px;
height:23px;
text-align:center;
border:0px;
cursor:pointer;
font-size:80%;
}



#flash{
text-align:center;
}
#preview, #preview2{
margin:15px auto 0px !important;
width:320px !important;
}