/* ----------------------------------------------------------------------------------------------------------
    Projekt: roletyavrata.CZ

    Autor: Nový Web s.r.o. [www.novy-web.cz]; e-mail: info@novy-web.cz
    Poslední revize: 6.04.2009 16:50:53 
---------------------------------------------------------------------------------------------------------- */

body {
  background: url(./../../_layout/_www/bg.gif) top repeat-x;
  font: 12px Arial;
  color: #000;
  text-align: center;
  margin:0;
}
.clear {
  clear: both;
}



a {
  color: #014c84;
  text-decoration:underline;
  
}
a:hover{
	text-decoration:none;
}
  
form {
  margin: 0;
  padding: 0;
}

img {
  border: 0;
}

table {
  font-size: 12px;
}
hr{
	margin:20px 0 20px 0;
	color:#908f8f;
}
h1,h2,h3{
	color:#014c84;
}
h1{
	font-size:21px;
}
h2,h3{
	font-size:17px;
}



.noscreen, .print {
  display: none;
}
.btnHledej{
	width:55px;
	height:21px;
	border:none;
	cursor:pointer;
	background:url(./../../_layout/_www/btnHledej.gif);
}
.left{
	float:left;
}
.right{
	float:right;
}

#maine {
  margin:0 auto 0 auto;
  width: 994px;
  text-align: left;
  padding:0px 14px 0 18px;
  background:url(./../../_layout/_www/bgMaine.gif) repeat-y;
}
span.tel{
	float:left;
	width:195px;
	line-height:25px;
	background:url(./../../_layout/_www/icoTel.jpg) left no-repeat;
	font-size:16px;
	font-weight:bold;
	color:#014c84;
	padding:0 0 0 35px
}
span.email{
	float:left;
	width:215px;
	padding:0 0 0 35px;
	line-height:25px;
	background:url(./../../_layout/_www/icoMail.jpg) left no-repeat;
}
.nadpis{
	width:225px;
	height:54px;
	float:left;
	color:#014c84;
	font-size:21px;
	font-style:italic;
	line-height:44px;
	padding:0 0 0 10px;
	margin:10px 0 0 0;
	background:url(./../../_layout/_www/nadpis.gif);
}
.nadpis.kategorie{
	background:url(./../../_layout/_www/nadpisKategorie.gif);
	height:37px;
	line-height:37px;
	margin:0 0 0 0px;
}

#top{
	width:649px;
	float:left;
	height:117px;
	background:url(./../../_layout/_www/top.gif);
}
#top ul {
	list-style: none;
	float:right;
	margin:20px 20px 0 0;
	padding:0px;
}
#top ul li{
	float:left;
	padding:0 0px 0 10px ;
}
#top ul li a{
	color:#000;
	text-decoration:underline;
}
#top form{
	width:210px;
	float:right;
	margin:10px 20px 0 0;
}
#top form input[type=text]{
	float:left;
	border:1px solid #cccccc;
	height:23px;
	line-height:19px;
	padding:0 0 0 3px;
}
.btnHledej{
	width:51px;
	height:25px;
	border:0px;
	cursor:pointer;
	background:url(./../../_layout/_www/btnHledat.gif);
	margin:0 0 0 5px;
	float:left;
}

#logo {
  float:left;
  display: block;
  position: relative;
  width: 345px;
  height: 117px;
  overflow:hidden;
  margin: 0px;
  
}

#logo span {
  display: block;
  position: absolute;
  top:0; 
  left:0; 
  z-index:1; 
  width:100%; 
  height:100%;
  cursor: pointer;
  background: url(./../../_layout/_www/logo.gif);
}

#topMenu{
	width:954px;
	float:left;
	height:40px;
	text-align:right;
	padding:0 20px 0 20px;
	background:url(./../../_layout/_www/topMenu.gif);
}
#topMenu ul{
	width:954px;
	float:left;
	height:40px;
	list-style:none;
	margin:0px;
	padding:0px;
}
#topMenu ul li{
	float:left;
	line-height:38px;
	padding:1px 0 0 0;
}
#topMenu ul li a{
	display:block;
	background:url(./../../_layout/_www/topMenuHover.gif) top right;
	padding:0 20px 0 20px;
	color:#014c84;
	text-decoration:none;
	font-style:italic;
	font-weight:bold;
}
#topMenu ul li a:hover,#topMenu ul li a.active{
	display:block;
	background:url(./../../_layout/_www/topMenuHover.gif) bottom right;
	padding:0 20px 0 20px;
	color:#fff;
	text-decoration:none;
	font-style:italic;
	font-weight:bold;
}
	
#content{
	width:994px;
	
	float:left;
	background:url(./../../_layout/_www/bgContent.jpg) top no-repeat;
}
#kategorie{
	float:left;
	width:253px;
	background:url(./../../_layout/_www/kategorie.gif) bottom no-repeat;
	padding:10px 0 16px 0 ;
	margin:0 0 0 0px;
}
#kategorie ul{
	list-style:none;
	margin:0 0 0 0px;
	padding:0px;
	width:235px;
	float:left;
	background:#fcfcfc;
}
#kategorie ul li{
	line-height:30px;
}
#kategorie ul li a{
	display:block;
	width:220px;
	border-top:1px dotted #9f9f9f;
	margin:0 0 0 10px;
	color:#4e4e4e;
	text-decoration:none;
}
#kategorie ul li a:hover{
	text-decoration:underline;
}
#kategorie ul li a.submenu{
	clear:both;
	background:url(./../../_layout/_www/sipkaKategorie.gif) right no-repeat;
	}
#kategorie ul li.active{
	background:#ebebeb;
}
#kategorie ul li a.active{
	font-weight:bold;
	color:#014c84;
	background:url(./../../_layout/_www/sipkaKategorieDown.gif) right no-repeat;
}
#kategorie ul li ul{
	margin:0px;
	padding:0px;
	background:#ebebeb;
}
#kategorie ul li ul li a{
	background:none;
}
#banner{
	width:706px;
	float:left;
	margin:0 10px 7px -7px;
	padding:10px 0 8px 0; 
	background:url(./../../_layout/_www/bgBanner.jpg) bottom right no-repeat;
}
#leva{
	width:235px;
	float:left;
	margin:0 10px 0 23px;
}
.content{
	width:225px;
	padding:5px;
	float:left;
}




/***** prava *****/

#prava{
	width:700px;
	float:left;
	padding:0 10px 15px 10px;
}
.lista{
	float:left;
	width:700px;
	line-height:20px;
	font-size:11px;
	margin:0px;
	color:#383838;
}
.lista a{
	color:#383838;
	text-decoration:none;
}
.lista a.active{
	text-decoration:underline;
}
.lista a:hover{
	text-decoration:underline;
}
#prava ul.menu{
	list-style:none;
	margin:0px 0 0 10px;
	padding:0px;
}
#prava div#list ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
#prava ul.menu li,#prava div#list ul li{
	line-height:20px;
	padding:0 0 0 15px;
}
#prava div#list ul li{
	line-height:30px;
}
#prava ul.menu li{
background:url(./../../_layout/_www/sipkaText.gif) left 5px no-repeat;
}
#prava div#list ul li{
background:url(./../../_layout/_www/sipkaPodsekce.gif) left 10px no-repeat;
border-bottom:1px solid #eaeaea;
}
#prava ul.menu li a{
	margin:0;
	font-weight:bold;
	text-decoration:underline;
}
.imgGal{
	width:170px;
	float:left;
	padding:0 5px 5px 0;
	text-align:center;
}
.imgGal a img{
	width:168px;
	border:2px solid #fff;
	cursor:pointer;
}
.imgGal a:hover img{
	width:168px;
	border:2px solid #4974a6;
}

#patka{
	width:994px;
	float:left;
	height:50px;
	margin:15px 0 0 0 ;
	background:url(./../../_layout/_www/bgPatka.gif) repeat-x;
}
#patka .left{
	line-height:30px;
	padding:0 0 0 20px;
}
#patka .right{
  	width:250px;
	line-height:50px;
	padding:0 20px  0 0;
}
#patka .right a {
  float:right;
  display: block;
  position: relative;
  width: 126px;
  height: 40px;
  overflow:hidden;
  margin: 3px 0 0 15px;
  
}

#patka .right a span {
  display: block;
  position: absolute;
  top:0; 
  left:0; 
  z-index:1; 
  width:100%; 
  height:100%;
  cursor: pointer;
  background: url(./../../_layout/_www/nw.gif);
}
.content.vrata-logo-hormann{
	text-align:center;
}

#maine .lista{
	margin:5px 0 0 0;
	float:left;
	width:100%;
	font-size:12px;
	text-align:center;
}