/* ----------------------------------------------------------------------------------------------------------
    Projekt: cleversolutions.cz  

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

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


h1{
	font-size:18px;
	color:#232323;
	margin:5px 0 5px 0; 
	font-style:italic;
}
h2,h3{
	font-size:14px;
	color:#232323;
	margin:0 0 10px 0;
}

a {
  color: #3f1202;
  text-decoration:none;
}
  
a:hover{
	text-decoration:underline;
}

form {
  margin: 0;
  padding: 0;
}

img {
  border: 0;
}
fieldset{
	border:none;
}

table {
  font-size: 12px;
}
input{	
	height:22px;
	line-height:24px;
	padding:0 0 0 5px;
	border:1px solid #dadada;
	
}

.noscreen, .print {
  display: none;
}
.left{
	float:left;
}
.right{
	float:right;
}
.center{
	text-align:center;
}
#maine {
  margin:0px auto 0 auto;
  width: 980px;
  text-align: left;
  padding:0px;
}

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

#logo span {
  display: block;
  position: absolute;
  top:0; 
  left:0; 
  z-index:1;
  width: 249px;
  height: 102px;
  cursor: pointer;
  background: url(./../../../_layout/_www/logo.gif);
}
#top{
	float:left;
	width:731px;
	height:102px;
	background:url(./../../../_layout/_www/top.gif) right no-repeat;
}
#top form{
	float:right;
	width:230px;
	margin:15px 0 0 0;
}
#top form input#hledej{
	float:left;
	width:130px;
	height:25px;
	border:none;
	background:url(./../../../_layout/_www/searchInput.gif);
	padding:0 0 0 10px;
	margin:0px;
}
#top form input#btnOk{
	float:left;
	width:22px;
	height:25px;
	background:url(./../../../_layout/_www/btnOk.gif);
	border:none;
	margin:0 0 0 -2px;
	padding:0px;
}

#top ul{
	float:right;
	list-style:none;
	margin:20px 20px 0 0;
	padding:0px;
}
#top ul li{
	float:left;
	font-size:16px;
}
#top ul li a{
	display:block;
	margin:0 5px 0 5px;
}
#top ul li a:hover,#top ul li a.active{
	color:#da251c;
	text-decoration:none;
}

#head{
	float:left;
	width:980px;
	height:205px;
}
#head a {
  float:left;
  display: block;
  position: relative;
  width: 980px;
  height: 205px;
  overflow:hidden;
  margin: 0 0 0 0px;
  
}

#head a span {
  display: block;
  position: absolute;
  top:0; 
  left:0; 
  z-index:1;
  width: 980px;
  height: 205px;
  cursor: pointer;
  background: url(./../../../_layout/_www/head.jpg);
}
#menu{
	float:left;
	width:980px;
}
#menu ul{
	list-style:none;
	float:left;
	width:980px;
	margin:0px;
	padding:0 3px 5px 0; 
	background:#da251c;
}
#menu ul li{
	float:left;
}
#menu ul li a{
	display: block;	
  position: relative;
	  top:0; 
	  left:0; 
	  z-index:1;
	width:242px;
	height:72px;
	margin:5px 0 0 3px;
}
#menu ul li a span{
display: block;
  position: absolute;
  top:0; 
  left:0; 
  z-index:1;
  width: 242px;
  height: 72px;
  cursor: pointer;
}
#menu ul li a.btn1 span{
	background:url(./../../../_layout/_www/btn1.gif) top;
}
#menu ul li a.btn2 span{
	background:url(./../../../_layout/_www/btn2.gif) top;
}
#menu ul li a.btn3 span{
	background:url(./../../../_layout/_www/btn3.gif) top;
}
#menu ul li a.btn4 span{
	background:url(./../../../_layout/_www/btn4.gif) top;
}
#menu ul li a.btn5 span{
	background:url(./../../../_layout/_www/btn5.gif) top;
}
#menu ul li a.btn6 span{
	background:url(./../../../_layout/_www/btn6.gif) top;
}
#menu ul li a.btn7 span{
	background:url(./../../../_layout/_www/btn7.gif) top;
}
#menu ul li a.btn8 span{
	background:url(./../../../_layout/_www/btn8.gif) top;
}
#menu ul li a:hover span{
	background-position:0 78px;
}
/* sub*/

#sub #menu{
	float:left;
	width:250px;
}
#sub #menu ul{
	width:250px;
	list-style:none;
	float:left;
	margin:0px;
	padding:0 3px 5px 0;
	background:#fff;
}
#sub #menu ul li{
	float:left;
}
#sub #menu ul li a{
	display: block;
  position: relative;
	  top:0;
	  left:0;
	  z-index:1;
	width:242px;
	height:72px;
	margin:2px 0 0 3px;
}
#sub #menu ul li a span{
display: block;
  position: absolute;
  top:0;
  left:0;
  z-index:1;
  width: 242px;
  height: 72px;
  cursor: pointer;
}
#sub #menu ul li a.btn1 span{
	background:url(./../../../_layout/_www/btn1.gif) top;
}
#sub #menu ul li a.btn2 span{
	background:url(./../../../_layout/_www/btn2.gif) top;
}
#sub #menu ul li a.btn3 span{
	background:url(./../../../_layout/_www/btn3.gif) top;
}
#sub #menu ul li a.btn4 span{
	background:url(./../../../_layout/_www/btn4.gif) top;
}
#sub #menu ul li a.btn5 span{
	background:url(./../../../_layout/_www/btn5.gif) top;
}
#sub #menu ul li a.btn6 span{
	background:url(./../../../_layout/_www/btn6.gif) top;
}
#sub #menu ul li a.btn7 span{
	background:url(./../../../_layout/_www/btn7.gif) top;
}
#sub #menu ul li a.btn8 span{
	background:url(./../../../_layout/_www/btn8.gif) top;
}
#sub #menu ul li a:hover span{
	background-position:0 78px;
}

#content{
	width:980px;	
	float:left;
	padding:10px 0 0 0;
}
#leva{
	float:left;
	width:215px;
	margin:10px 0 10px 0;
}
#leva .sekce{
	float:left;
	width:205px;
	margin:0 0 20px 0;
	padding:0 0 0 10px;
}
#leva .sekce span{
	color:#cf2219;
	float:left;
	width:205px;
	line-height:20px;
	
}
#leva .nadpis,#prava .nadpis{
	width:205px;
	padding:0 0 0 10px;
	line-height:30px;
	border-bottom:1px solid #d4d4d4;
	font-size:16px;
	font-style:italic;
	font-weight:bold;
	margin:0 0 10px 0;
}
#leva .nadpis span,#prava .nadpis span{
	color:#cc2118;
}

/* sub*/
#sub #leva{
	float:left;
	width:250px;
	margin:35px 0 10px 0;
}
#sub #leva .sekce{
	float:left;
	width:240px;
	margin:0 0 20px 0;
	padding:0 0 0 10px;
}
#sub #leva .sekce span{
	color:#cf2219;
	float:left;
	width:245px;
	line-height:20px;

}
#sub #leva .nadpis,#prava .nadpis{
	width:205px;
	padding:0 0 0 10px;
	line-height:30px;
	border-bottom:1px solid #d4d4d4;
	font-size:16px;
	font-style:italic;
	font-weight:bold;
	margin:0 0 10px 0;
}
#sub #leva .nadpis span,#prava .nadpis span{
	color:#cc2118;
}

#stred{
	float:left;
	width:410px;
	margin:10px 0 10px 0;
	padding:0 25px 0 25px;
}

/*sub*/
#sub #stred{
	float:left;
	width:500px;
	margin:35px 0 10px 0;
	padding:0 25px 0 25px;
}

#stred h1 span{
	color:#cc2118;
}
#stred h2{
	font-style:italic;
	font-weight:normal;
}
#prava{
	float:left;
	width:285px;
	margin:10px 0 10px 0;
}
#prava .sekce{
	width:285px;
}
#prava .sekce img{
	padding:2px;
	border:1px solid #d4d4d4;
	margin:0 5px 0 0;
}

/*sub */
#sub #prava{
	float:left;
	width:180px;
	margin:35px 0 10px 0;
}
#sub #prava .sekce{
	width:180px;
}
#sub #prava .sekce img{
	padding:2px;
	border:1px solid #d4d4d4;
	margin:0 5px 0 0;
}
#sub #prava .nadpis{
	width:170px;
	padding:0 0 0 10px;
	line-height:30px;
	border-bottom:1px solid #d4d4d4;
	font-size:16px;
	font-style:italic;
	font-weight:bold;
	margin:0 0 10px 0;
}

#left{
	float:left;
	width:490px;
	margin:0 0 10px 0;
}
#left .nadpis,#right .nadpis{
	width:480px;
	font-style:italic;
	line-height:30px;
	font-size:16px;
	font-weight:bold;
	margin:0 0 10px 0;
	border-bottom:1px solid #d4d4d4;
}
#left .nadpis span,#right .nadpis span{
	color:#cc2118;
}
#right img{
	float:left;
	margin:0 0 0 10px;
	line-height:50px;
}
#right .nadpis{
	float:right;
}
#right{
	float:right;
	width:490px;
	margin:0 0 10px 0;
}
.sekce .right a{
	color:#cc2118;
}
#patka{
	float:left;
	width:980px;
	height:50px;
	border-bottom:1px solid #cecece;
	border-top:1px solid #cecece;	
	margin:0 0 20px 0;
}
#patka .left{
	line-height:50px;
}
#patka .right ul{
	list-style:none;
	float:right;
	margin:0px;
	padding:0px;
}
#patka .right ul li{
	float:left;
	line-height:50px;
}
#patka .right ul li a{
	float:left;
	display:block;
	margin:0 5px 0 5px;
	line-height:50px;
}

a.size-20, a.size-40, a.size-60, a.size-80, a.size-100 {
color:#000000;
padding-right: 7px;
}

a.size-20 {
font-size:11px;
font-weight:bold;
}

a.size-40 {
font-size:13px;
}

a.size-60 {
font-size:14px;
font-weight:bold;
} 

a.size-80 {
font-size:17px;
font-weight:bold;
} 

a.size-100 {
font-size:17px;
color:#FF0000;
font-weight:bold;
}

.lista {
clear:both;
padding-bottom:8px;
}


form#contactForm {
  width: 100%;
  padding: 25px 0 0 0;
  margin: 25px 0 5px 0;
  border-top: 1px solid #CCCCCC;
}

input{
  background:#C7C7C7;
  border:1px solid #C7C7C7;
  padding: 1px;
  width:240px; height:15px;
  color:#000000;
  float: left;
}

input.submit {
  width: 48px;
  height: 12px;
  background-image: url('./../../_layout/_www/3_k2.gif');
  background-position: 0 0;
  background-repeat: no-repeat;
  border: 0;
  float: right;
  cursor: pointer;
}

textarea{
  width:970px;
  height:60px;
  color:#000000;
  padding: 1px;
  background:#C7C7C7;
  border:1px solid #C7C7C7;
}

form#contactForm p {
  width: 100%;
  font-size: 12px;
  margin: 0 0 15px 0;
  float:left;
  clear: both;
}

form#contactForm p b {
   font-size: 16px;
    font-style: italic;
}

form#contactForm p.floatL {
  width: 260px;
  clear: none;
}

form#contactForm p.floatR {
  width: 190px;
  float: left;
  clear: none;
}

#contact-form {
  clear:both;
}