/* BODY PLATNE PRE CELU WWW*/
body{
	text-decoration: none;
	font-size: 12px;
	font-family: Arial;
	color: #ffffff;
	text-align: center; /* for IE */
	margin: 0 auto;
	padding: 0;
	background: url(images/bg.gif);
}
h1 {
	margin: 10px 0 10px 0;
}
h2 {
	margin: 10px 0 10px 0;
}
img {
	border: none;
}
a, a:link, a:visited, a:active {
	text-decoration: none;
	color: #32b9e3;
}
a:hover {
	border: none;
	background-color: #32b9e3;
	color: #ffffff;
}

/*ZAROVNANIE NA STRED A RELATIVE PRE VSETKY DIVY*/
div#menu, div#intro, div#content, div#footer_content{
	margin: 0 auto;  /* align for good browsers */
	text-align: left;  /* counter the body center */
}
div#header, div#menu, div#intro, div#content, div#footer_content, div#footer, div#recent, div#portfolio, div#about{
	position: relative;
}

/* HEADER*/
div#topline{
  left: 0px;
  top: 0px;
  width: 100%;
  height: 5px;
  background: url(images/top.gif);
  overflow: hidden;  
}
div#header{
  top: 0px;
  left: 0px;
  width: 100%;
  height: 115px;
  background: url(images/bg_header.png);
  }
.logo a:hover{
text-decoration: none;
background-color: transparent;
}

/* MENU A INTRO*/
div#menu{
  top: 0px;
  width: 888px !important; /*all other browsers including ie 7 and 8  */
  width: 900px; /*ie 6 only */ 
  height: 22px;
	border-top: 1px;
	border-left: 0px;
	border-bottom: 1px;
	border-right: 0px;
	border-style: solid;
  border-color: #666666;
  padding-top: 6px;
  padding-right: 6px;
  padding-bottom: 6px;
  padding-left: 6px;
}
div#intro{
  top: 0px;
  width: 900px;
  height: 165px;
  background: url(images/sk_intro.png);
}
div#enintro{
  top: 0px;
  width: 900px;
  height: 165px;
  background: url(images/en_intro.png);
}

/* DIV PLATNY PRE CELU OBSAHOVU CAST*/
div#content{
  width: 900px;
  height: 1050px;}
/* POSLEDNE PRACE*/
div#recent{
  width: 580px;
  height: 240px;
  margin: 0 10px 0 10px;
  float: left;
}
.slideshow{height: 200px; width: 580px; background: url(images/bg_slideshow.png);}
.slideshow img{border: 0px; width: 564px; height: 184px; margin: 8px 8px 8px 8px;}

/* PRAVY PANEL*/
div#about{
  float: right;
  width: 280px;
  height: auto;
  margin-right: 10px;
  text-align: justify;
}
div#left{
  float: left;
  margin: auto;
  height: auto;
  margin: 0 0 0 0;
  position: relative;
}
div#right{
  float: right;
  margin: auto;
  height: auto;
  margin: 0 0 0 0;
  position: relative;
}
div#result{
width: 280px;
text-align: center;
height: 50px;
position: relative;
margin-top: 10px;
}
.name{
width: 167px;
height: 23px !important; 
height: 22px;
margin: 8px 0 8px 9px;
}
.message{
width: 167px ;
height: 154px;
margin-left: 8px;
}
.name, .message{
color: #ffffff;
overflow: hidden;
background-color: #666666;
border: 0;
font-family: arial;
font-size: 10pt;
}
div#form1{
width: 186px;
height: 39px;
background-image: url(images/form_field.png);
background-repeat: no-repeat;
position: relative;
float: right;
padding-right: 8px;
}
.label{
font-family: arial;
font-size: 10pt;
}
.field{
background-image: url(images/form_field.png);}
.field2{
background-image: url(images/form_mes.png);}
.line, .line2{
  background-color: #666666;
  height: 1px;
  margin-top: 10px;
}
.line {
	width: 280px;
	margin-top: 10px;
}
.line2 {
	width: 580px;
}

/* PORTFOLIO*/
div#portfolio_container{
  float: left;
  width: 580px;
  height: 810px;
  margin: 0 10px 0 10px;
  overflow: hidden;
}
.portfolioleft{
  text-align: center;
  float: left;
  width: 285px;
  height: 730px;
  margin: 0 5px 0 0;
  overflow: hidden;  
}
.portfolioright{
  text-align: center;
  float: right;
  width: 285px;
  height: 730px;
  margin: 0 0 0 5px;
  overflow: hidden;
}
.portfolio_content{
text-align: center;
font-size: 8pt;
width: 273px !important;
width: 285px;
height: 167px !important;
height: 175px ;
margin: 0 0 10px 0;
background: url(images/bg_pcontent.png);
padding-top: 8px;
padding-right: 6px;
padding-left: 6px;
}
.portfolio img{
width: 269px;
height: 100px ;
}

/* FOOTER*/
div#footer{
  width: 100%;
  height: 105px;
  background: url(images/bg_footer.png);
  color: #999999;
  font-size: 10px;
  overflow: hidden;
  display: block;
  bottom:0;
}
div#footer_content{
  width: 900px;
  height: 105px;
}
div#footer_logo{
  width: 462px;
  height: 105px;
  float: left;
  padding-top: 50px;
  padding-left: 138px;
  background-image: url(images/footer_logo.png);
  background-position: 0px 20px;
  background-repeat: no-repeat;  
  overflow: hidden;
}
div#footer_links{
  width: 150px;
  height: 105px;
  float: right;
}
div#footer_social{
  width: 150px;
  height: 105px;
  float: right; 
}
ul, ul a:link, ul a:active, ul a:visited{
list-style-type: none;
margin: 0;
padding: 0;
color: #999999;
font-size: 10px;
text-decoration: none;
}
ul a:hover{
text-decoration: underline;
color: #999999;
background: transparent;
}
li.facebook, li.icq, li.abd, li.color, li.smash, li.media{
background-repeat: no-repeat;
background-position: 0px 0px; 
padding-left: 16px;
margin: 4px 0 4px 0;
}
li.facebook{background-image: url(images/l_facebook.png);}
li.icq{background-image: url(images/l_icq.png);}
li.abd{background-image: url(images/l_abduzeedo.png);}
li.color{background-image: url(images/l_color.png);}
li.smash{background-image: url(images/l_smashingmagazine.png);}
li.media{background-image: url(images/l_mediamilitia.png);}

/* SLIDER STYLE */
#slider{
width: 700px;
height: 730px;
}	
#slider2 ul a:link, #slider2 ul a:active, #slider2 ul a:visited{
color: #32b9e3;
font-size: 8pt;
}
#slider2 ul a:hover{
color: #ffffff;
background: #32b9e3;
text-decoration: none;
font-size: 8pt;
}
#slider2 ul h3{
color: #80ac2a;
font-size: 8pt;
margin: 2px 0 0 0;
}
#slider2 ul, #slider2 li{
margin:0;
padding:0;
list-style:none;
color: #999999;
}
#slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
width:580px;
height:730px;
overflow:hidden; 
}	
#slider2 li p{margin:20px;}						
span#prevBtn{float: left; margin: 5px 0 5px 0;}
span#nextBtn{float: right; margin: 5px 0 5px 0;}