﻿*
{
  font-family:Trebuchet MS, Verdana, Arial;
  margin:0px;
  padding:0px;
}

body
{
  background-color:#444;
  font-size:0.9em;
  color:#222;
}

h1
{
  margin-bottom:10px;
  font-size:1.5em;
  color:#444;
}

h2
{
  margin:5px 0;
  font-size:1.3em;
  color:Maroon;
}

h3
{
  margin:4px 0;
  font-size:1.1em;
  color:Maroon;
}

p
{
  margin-bottom:6px;
}

strong
{
  color:Maroon;
}

ul
{
  margin-left:20px;
  margin-bottom:15px;
}

li
{
  list-style-type:square;
  list-style-position:inside;
  margin:0 0 6px 0;
}

.block
{
  margin-bottom:25px;
  display:block;
}

.clear
{
  clear:both;
}

a
{
  color:#222;
}

a:hover
{
  text-decoration:none;
}

#banner
{
  margin:25px auto 0px auto;
  width:920px;
  height:90px;
  background-color:#A10808;
}

#banner span
{
  float:right;
  margin:5px 4px 5px 0px;
}

#banner span img 
{
  display:inline;
  border:0px solid #444;
  padding-left:5px;
}

/* fix for IE6 */
#banner img {display:block;}

#main
{
  width:920px;
  background-color:White;
  margin:0px auto;
}

/* right */
#right
{
  width:200px;
  float:right;
}

/* menu */
#menu
{
  height:470px;
  padding:20px 0px 0px 0px;
}

#menu img { cursor:pointer; }

/* nevyhnutne pre spravne zobrazovanie a rolovanie vo vsetkych browseroch */
#menu img {width:200px; height:120px;}

#menu ul, #menu li
{
  width: 200px;
  margin:0px;
  padding:0px;
}

#menu li
{
  background-color:#a10808;
  list-style:none;
  margin-bottom:20px;
}

#menu a
{
  display:block;
  padding:7px 0px 7px 10px;
  text-decoration:underline;
  font-weight:bold;
  color:White;
}

#menu a img {cursor:crosshair;}
#menu .selected {background-color:#222222;}

/* content */
#content
{
  float:left;
  width:675px;
  min-height:580px;
  padding:20px 0px 25px 20px;
}


/* image div */
.imgDivR
{
  float:right;
  padding:0px 0px 20px 25px;
}

.imgDivL
{
  float:left;
  padding:0px 25px 20px 0px;
}

.imgDivR p, .imgDivL p
{
  margin-top:1px;
  background-color:#222;
  color:White;
  padding:0px 8px;
  font-size:12px;
}

/* fix IE 6 */
.imgDivR img, .imgDivL img
{
  display:block;
}

/* slide */
.slide
{
  float:left;
  padding:0px 25px 0px 0px;
}

.slide div, .slide img 
{
  height:246px;  
  width:345px;  
}

.slide p
{
  margin:1px 0px;
  background-color:#222;
  color:White;
  padding:0px 10px;
  font-size:12px;
}

/* bottom */
#bottom
{
  display:block;
  width:900px;
  margin:0px auto 10px auto;
  background-color:#a10808;
  padding:4px 10px;
  color:White;
  font-size:11px;
  text-align:right;
}

#bottom a       {color:White;}
#bottom a:hover {text-decoration:none;}

/* Projekty */
.projektDetail
{
  margin-bottom:25px;
  display:block;
  background-color:#a20b0a;
  padding:12px 8px 16px 10px;
}

.projektDetail h2
{
  margin:0 0 10px 0;
  color:White;
  font-size:1.1em;
}

.projektDetail a            {color:White;}
.projektDetail a:hover      {text-decoration:none;}
.projektDetail a img        {border:solid 1px White;}
.projektDetail a img:hover  {border:solid 1px #a20b0a;}
.projektDetail a.colorB img:hover {border:solid 1px #222;}

.projektDetail .images,
.projektDetail .bigImages  
{
  float:left;
  margin:3px 5px 0 0;
}

.projektDetail .images img
{
  width:100px;
  height:60px;
  display:block;
  margin:0 0 5px 0;
}

.projektDetail .bigImages img
{
  width:210px;
  display:block;
  margin:0 0 5px 0;
}

.projektDetail .title
{
  float:left;
  width:200px;
  margin:0 17px 0 0;
  display:block;
}
.projektDetail .title p {color:White;}

.subMenu
{
  margin:0 0 21px 0;  
  width:675px;
  background-color:#a20b0a;
  padding:7px 0px 7px 0px;
}

.subMenu a        {color:White; padding:7px 20px; margin-right:1px;}
.subMenu a:hover  {background-color:#222;text-decoration:none;}
.subMenu .selected  {background-color:#222;}

.partners
{
  margin:15px 0;
  font-size:12px;
}

.partners span
{
  background-color:#fff;
  border:4px solid #444;  
  height:150px;
  width:110px;
  display:block;
  float:left;
  margin:0 10px 10px 0;
  padding:10px;
}

.partners span:hover
{
  border:4px solid #A10808;  
}

.partners img
{
  margin-bottom:10px;
  border:0px solid white;
}

.partners a
{
  font-weight:bold;
  margin-bottom:10px;
}


.partners a:hover
{
  text-decoration:none;
  color:#A10808;
}


/* kontakt */

.kontakt
{
  display:block;
  margin-bottom:25px;
}

.kontakt .title
{
  display:block;
}

input, textarea
{
  width:500px;
  margin-bottom:15px;
  float:left;
  background-color:White;
  border:1px solid Maroon;
  font-size:1em;
  padding:1px;
}

input:hover, textarea:hover
{
  background-color:#ffe8d0;
}

input.btn:hover
{
  /*background-color:#444;
  border:1px solid #444;
  color:White;*/
 /* font-weight:bold;*/
  cursor:pointer;
}

/* obrazky pasivny dom */
.pdImage
{
  border:1px solid #222;
}

.pdImage:hover
{
  border:1px solid #fff;
}

.pdSmallImages img
{
  display:inline;
  width:95px;
  height:71px;
}



.toolTip
{
  background-color:#222;
  border:6px solid #a10808;
  color:White;
  width:219px;
  /*height:200px;*/
  padding:10px;
  font-size:12px;
}



