html
{
  margin:0;
  padding:0;  
  font-family: arial;
  font-size:14px;
  background: #fff;
}


body
{
  margin:0;
  padding:0;  
  background: #4a4a4a url('../img/index_slider/bg.jpg') center 0px no-repeat;
  font-family: arial;
  font-size:13px;

}



#page
{
 width:960px;
 margin-left:auto;
 margin-right:auto;
 color:#000;
}


#header
{
position:relative;
width:960px;
height:198px;

float:left;
}




h1 {
  width:225px;
  height:80px;
	position: absolute;
	margin: 0 ;
	padding: 0;
	left: 0px;
	top:40px;
	
}



h1 a {
	position: absolute;
	display: block;
  width:225px;
  height:80px;
	left:0px;
	top:5px;
	overflow: hidden;
}

h1 a span {
	position: absolute;
	display: block;
  width:225px;
  height:80px;
	left:0px;
	top:0px;
	background: url('../img/home.jpg') 0 0 no-repeat;
}



.no_css{
  display: none;
}


h2 {
color:#D32B14;
font-size:17px;
font-family: Tahoma;
font-weight:normal;
}

h2.uvod {
color:#fff;
font-size:20px;
font-weight:bold;
font-family: arial;
margin-top:0px;
}

h3 {
color:#fff;
font-size:20px;


}


#header #subheader {
position:relative;
float:left:
width:674px;
height:37px;
line-height:37px;
background: url('../img/submenu_a_text_box.jpg') 0 0 no-repeat;
margin-left:266px;
font-family:calibri;
margin-top:120px;
##top:100px;
display:block;
padding-left:20px;
font-size: 13.5px;
color:#8E8E8E;
}

#main
{

width:960px;
float:left;



}

#center {
float:left;
position:relative;
color:#b0b0b0;
margin-top:30px;
width:635px;

}

#page #center a {

color:#b0b0b0;


}





#center h3 {
margin-top:0px;
}



#content {
float:left;
width:960px;

}


#content ul{
  list-style: none;
  margin-left:-50px;
  _margin-left:0px;
  ##margin-left:0px;
}
#content li{
  background: url('../img/li_zelena.jpg') 0 3px no-repeat;
  margin:0;
  padding:0 0 0 20px;
}


#content li.dokument{
  background: none;
  margin:0;
  padding:0 0 0 20px;
  float:left;
}


.clear_both {
clear: both;

}
.float_right{
  float: right;
}





hr.cl {
	clear: both;
	height: 1px;
	margin: 0px 0 0 0;
	padding: 0;
	border: none;
	visibility: hidden;

}


#heel {
text-align:center;
 height:100%;
background:white;
}



#footer
{

	 margin: 0 auto;
	background: white;
	text-align: left;
		line-height:18px;
   font-size:12px;
	width: 960px;
 padding-top:0px;
padding-bottom:50px;
color:#585858;

}

#footer a
{
text-decoration:none;
color:#585858;

}

#footer a:hover
{
text-decoration:underline;
color:#585858;

}

#footer .footer-odkaz {
float:left;
font-weight:bold;
margin-top:20px;
color:#dbdbdb;
}

#footer .footer-odkaz a {

color:#dbdbdb;
}

#istudio
{
   line-height:20px;
	 margin: 0 auto;
	background: white;
	text-align: right;
   font-size:12px;
float:right;
color:#585858;
##width:300px;

}











#zub3 {
 	position:relative;
 width:33px;
 height:17px;
	margin: 0 auto;
  top:-10px;
	background: white;
	text-align: left;
	 background:url('../img/zub.gif') 0px 0px no-repeat;
   font-size:12px;
	width: 960px;

}





#block {
float:left;
width:635px;

}





#obr1  {
margin-right:21px;
margin-left:0px;
color:#363636;
background: url('../img/webdesign.jpg') top left no-repeat; 
position:relative;
display:block;
width:143px;
text-align:center; 
 float:left;
 padding-top:155px;
 text-decoration:none;
font-weight:bold; 
font-size:13px;
}


#obr1:hover  {

background: url('../img/webdesign.jpg') top right no-repeat; 
color:red;
}

#obr2  {
margin-right:21px;
margin-left:0px;
 color:#363636;
background: url('../img/grafika.jpg') top left no-repeat; 
position:relative;
display:block;
width:143px;
text-align:center; 
float:left;
 padding-top:155px;
text-decoration:none;
font-weight:bold;
font-size:13px;
}

#obr2:hover   {
 color:red;
background: url('../img/grafika.jpg') top right no-repeat; 
}

#obr3  {
margin-right:21px;
margin-left:0px;
  color:#363636;
background: url('../img/virtual.jpg') top left no-repeat; 
position:relative;
display:block;
width:143px;
text-align:center; 
 float:left;
 padding-top:155px;
text-decoration:none;
font-weight:bold;
font-size:13px;
}


#obr3:hover   {
color:red;

background: url('../img/virtual.jpg') top right no-repeat; 
}


#obr4  {

margin-left:0px;
  color:#363636;
background: url('../img/prezentace.jpg') top left no-repeat; 
position:relative;
display:block;
width:143px;
text-align:center; 
 float:left;
 padding-top:155px;
  text-decoration:none;
  font-weight:bold;
font-size:13px;
}


#obr4:hover   {
  color:red;
background: url('../img/prezentace.jpg') top right no-repeat; 
}


/*********/

#lnk{
width:636px;
height:240px;

float:left;
padding:0px;
color:#969696;
margin-top:0px;

}

#lnk img {
border:none;
}

.lnk_zub {
position:relative;
width:34px;
height:9px;
background:url('../img/index_slider/zub.png') 0px 0px no-repeat;
margin-left:20px;

}

 .link {
float:left;
width:636px;
height:192px;
border:none;
}

#prepinac{
  width:636px;

  margin-top:0px;
  display:block;
  position: relative;
float:left;
height:48px;

}

.prep{
  display: block;
  background: url(../img/index_slider/out.jpg) 0 0 no-repeat;
  margin:0px;
  width:159px;
  _width:150px;
  height:48px;
  line-height:48px;
  float:left; 
  cursor: pointer;
  text-align:center;
  color:#000;
  font-weight:bold;
  font-family: calibri;
  font-size:16px;
  _font-size:15px;
  text-decoration:none;
}
.prep.active, .prep:hover {
  background: url(../img/index_slider/on.jpg) 0 0 no-repeat;
  color:#fff;
}


/**************/

#news-introduction {
 width:265px;
 _width:250px;
 height:240px;
 float:left;
 margin-left:20px;
 margin-top:8px;
 background:#363636;
  padding:0px 20px ;
 color:#969696;
 font-size:11px;
 } 


strong.news {
margin-left:0px;
font-size:24px;
color:#fff;
margin-top:10px;
line-height:24px;
padding:0px;
margin-bottom:5px;
float:left;
}




#zub-news {
 position:relative;
 width:33px;
 height:17px;
 margin-left:0px;
 margin-top:-9px;
 background:url('../img/zub.png') 0px 0px no-repeat;
 display:block;

}


#zub {
 position:relative;
 width:33px;
 height:17px;
 margin-left:20px;
 margin-top:-9px;
 background:url('../img/zub.png') 0px 0px no-repeat;
 display:block;

}


.zub2 {
 position:relative;
 width:33px;
 height:17px;
 margin-left:0px;
 margin-top:-9px;
 background:url('../img/zub.png') 0px 0px no-repeat;
 display:block;

}

#person {
width:595px;
height:277px;
background:#363636;
float:left;
padding:0px 20px ;
color:#969696;
margin-top:30px;

}

.per {


}

.person {
float:left;
width:400px;
margin-left:30px;
margin-top:0px;
}

.person-name {
font-size:16px;
color:#fff;
font-weight:bold;
margin-top:0px;


}

.person-position {
font-style: italic;
margin-top:5px;
}

.person-text {
margin-top:20px;
height:40px;
}

.person-tel {
margin-top:20px;

color:#fff;
font-weight:bold;
}

.person-tel a{
color:#fff;
}

#switcher{
  width:500px;
  ##width:400px;
  display:block;
  position: relative;
  top:35px;
  left:25px;
}
.switch{
  display: block;
  background: url(../img/slider.jpg) 0 0 no-repeat;
  margin:0 5px;
  width:18px;
  height:11px;
  float:left; 
  cursor: pointer;
}
.switch.active, .switch:hover {
  background: url(../img/slider_active.jpg) 0 0 no-repeat;
}
#switcher #reload{
  display: block;
  background: url(../img/play.jpg) top right no-repeat;
  margin-left:10px;
  width:18px;
  height:11px;
  float:left; 
  cursor: pointer;
}



.none{
  display:none;
}


#about {
float:left;
width:595px;
height:182px;
background:#363636;
margin-top:20px;
margin-bottom:40px;
padding:0px 20px ;
color:#969696;
}

#about a {

color:#969696;
}

.sign {
  float:right;
  margin-right:100px;
  _margin-right:40px;
  text-align: left;
  
  overflow: hidden;
}

.about-popis {
height:70px;
}

.about-name {
font-weight:bold;
font-size:16px;
color:#fff;

}

.about-position {
font-style: italic;
font-size:13px;

}

#left {
float:left;
margin-top:40px;
width:635px;

}


#right {
position:relative;
float:left;
width:263px;
_width:262px;
border: 1px solid #5b5b5b;
height:500px;
margin-top:47px;
margin-left:20px;
padding:0px 20px ;
color:#969696;
font-weight:bold;
font-size:11px;

}

#right a {
color:#fff;
text-decoration:none;
}

#right a:hover {
color:#fff;
text-decoration:underline;
}

h3.brixton {
margin-left:0px;
font-size:19px;
color:#fff;
margin-top:5px;
margin-bottom:0px;

}

h3.facebook {
margin-left:0px;
font-size:19px;
color:#fff;
margin-top:10px;
margin-bottom:10px;

}

#facebook {
background:url('../img/fb.jpg') 0px 0px no-repeat;
width:117px;
height:45px;
position:relative;
display:block;
}

#facebook-small {
background:url('../img/fb_dole.jpg') 0px 0px no-repeat;
width:20px;
height:20px;
position:relative;
display:block;
float:right;
margin-left:5px;
}



#line {
width:264px;
##width:262px;
height:1px;
background:url('../img/line.jpg') 0px 0px no-repeat;
margin-top:20px;

}



#menu

{
position: absolute;
width: 694px;
list-style-type: none;
left:266px;
##left:230px;
top:-20px;
font-family: calibri;
padding: 0 ;
font-size: 1.25em   
} 


#menu li
{



float: left;
color:#000;
padding-left: 12px ; 
padding-right: 12px ; 

}

#menu li.first {
padding: 0px  12px 0px 0px; 

}


#menu li.m10 {
padding: 0px  0px 0px 12px; 

}

#menu li a

{
position:relative;

float: left;
margin: 0 ;
display: block;
text-decoration: none;

overflow: hidden;
text-align: center;
color:#000;
font-weight:bold;
overflow: hidden;
padding-top:80px;
height:20px;
} 


 #menu li a.active
{
 background:url('../img/menu_hover.jpg') 0px 0px repeat-x;

text-decoration:underline;
} 

#menu li a:hover {

text-decoration:underline;
} 


#page #menu li ul{
  position: absolute;
  
  top:120px;
  left:0px;
  ##left:-40px;
   height:37px;
background: url('../img/submenu_a_text_box.jpg') 0 0 no-repeat;
  width:694px;
 
  float:left;
  list-style: none;

}   
      
#page #menu li ul li{
  margin:0;
  padding:0;
   height:30px;
  line-height:30px;
 
  
}

#page #menu li ul li.first {
margin-left:-40px;
##margin-left:0px;
position:relative;
color:green;
}

#page #menu li ul li a{
  background: none;
  display: block;
  height:30px;
  line-height:30px;
  
  font-weight: normal;
  font-size: 12px;
  
  color:#8E8E8E;
 text-decoration: underline;
  padding: 0px  10px 0 10px;
 
  
  text-align: left;

}
#page #menu li ul li a.active, #page #menu li ul li a:hover{
  color:red;
  text-decoration: underline;
}



/*novinky*/



#new_detail h3 {
  color:#D32B14;
 


}


#new_detail img{
  display: block;
  float:left;
  text-decoration: none;
  margin-right:10px;
  border:none;
}

#new_detail a{
  color:#D32B14;
}


#news .news-item {
  
  margin:40px 10px 40px 10px;
  height:120px;
  width:375px;
}


#news .news-item2 {
  height:60px;
}

#news .news-item2 .datum {
color:red;
font-size:11px;
position:relative;
}
#news .news-item2 .nadpis {
font-weight:bold;
color:#fff;
text-decoration:none;
margin-top:5px;

}

#news .news-item2 .news-text {
color:#969696;
font-size:11px;
margin-top:5px;
}

#page #news .news-item a {
color:#fff;

}

#page #news .news-item2 a {
color:#fff;
text-decoration:none;
}

#page #news .news-item2 a:hover {

text-decoration:underline;
}


 #news .news-item h3 {
 font-size:13px;
 height:13px;
 background:none;

}


 #news .news-item img{
  

   display: block;
  height:116px
  width:166px;
 
  padding: 6px 8px 8px 6px;
  text-decoration: none;
  border:none;
  margin-right:20px;
  float:left;
 
 
 
}
 #news a.img img{
  
  color:#CDBD8C;
  float:left; 
}



#news .news_inserted {
  
  font-weight:bold;
}



#middle img.nobackground {
border:none;
float:left;
}

#news .news_inserted2 {

font-weight:bold;
float:left;
position:relative;
margin-top:10px;
font-weight:normal;

}


.files4
{
  display: block;
  text-decoration: none;
  line-height: 20px;
  height:20px;
 color:#D32B14;
 font-family: Tahoma;
font-weight:normal;
font-size:14px;
margin-bottom:20px;
}


.files3
{
  display: block;
  text-decoration: none;
  line-height: 20px;
  height:20px;
 
}

.files2
{
  display: block;
  text-decoration: none;
  line-height: 20px;
  height:30px;
 
}

.files
{
  display: block;
  text-decoration: none;
  line-height: 20px;
  height:40px;

}

.files img
{
  border: none;
  float:left;
  margin-right: 10px;
  ##margin-right:0px;
}

.float_left {
float:left;

}

#text {
float:left;
margin-left:0px;
margin-top:30px;
color:#585858;
font-size:14px;
}