@charset "utf-8";

* {margin:0; padding:0;}
/* mac hide \*/
html,body {height:100%; width:100%;}
/* end hide */
/* Start hide from IE-Mac \*/
* html #wrapper {height: 1%;}
/* End Hide from IE-Mac */ 


body {  
text-align:center;
min-height:560px; /*for good browsers*/
min-width:996px;/* for good browsers*/
margin:auto;
}

a, a:link, a:visited{
text-decoration:none;
color:#000000;
}

img { -ms-interpolation-mode: bicubic; } /*MS neumi implicitne spravne vyhlazovat zkreslene obrazky*/

.licharadka
{
background:#f5f5f5;
}

.sudaradka
{
background:#e5e5e5;
}

/*Upozorneni na vypnuty JS*/
#nojs {background: #f93; padding: 5px 0; font:12pt bold Tahoma ,Arial, Helvetica, sans-serif;}
/* Obal*/
#wrapper {position: relative;
}

#outer{
height:100%;
width:100%;
display:table; 
}

/* Vnitrek */
#container {
position:relative;
display:table-cell;
width: 996px;
font: normal 10pt Arial, Helvetica, Verdana, sans-serif;
}

#inner {
text-align:left;
width: 996px;
margin-top:24px;
margin-left:auto;
margin-right:auto;
}

#inner1 {
width: 996px;
display:block;
float:left;
}


h2{color: #000000; font:bold 16px "Arial black", Helvetica, Verdana, sans-serif; clear:both;
}
h3{color: #000000; font:bold 14px "Arial black", Helvetica, Verdana, sans-serif; clear:both;}

.cervene
{color: #cb3822;}

.cervene  a, .cervene  a:link, .cervene  a:visited
{color: #cb3822;}
.cervene  a:hover
{color: #000000;}

/* Zahlavi */
#header {
display:block;
width: 996px;
height:260px;
}

#reklama { 
display:block;
float:left;
width: 250px;
margin-top:20px;
text-align:center;
margin-bottom:-20px;
}

#reklama img { 
border:0;
}

#zahlavi {
margin-top:40px;
display:block;
float:left;
width: 726px;
height:212px;
}

.reference{
display:block;
float:right;
width: 203px;
height:212px;
margin-left:22px;
background: #efefef url(../images/box-grad.png) repeat-x;
}

.refobsah{
display:block;
position:absolute;
margin-top:15px;
margin-left:15px;
width: 175px;
height:158px;
background: #ffffff;
}

.refobsah img{
border:0;
}

.refpopis{
text-align:center;
display:block;
position:absolute;
margin-top:170px;
margin-left:15px;
width: 175px;
height:28px;
color:#ffffff;
line-height:28px;
background: #808080;
font-weight:bold;
}

.refpopis a,.refpopis a:link,.refpopis a:visited {
color:#ffffff;
}

.refnew{
display:block;
position:absolute;
margin-top:15px;
margin-left:15px;
width: 77px;
height:77px;
background: url(../images/novy.png) no-repeat;
}

#logo{
display:block;
float:left;
width: 246px;
height:24px;
padding-left:13px;
background: #ffffff;
}


#pravykontakt{
text-align:right;
font: normal 10px Arial, Verdana, Helvetica, SansSerif;
float:left;
width: 730px;
padding-right:6px;
height:24px;
line-height:24px;
color: #4d4d4d;
}

#pravykontakt input{
border:1px solid #4d4d4d;
font: normal 10px Arial, Verdana, Helvetica, SansSerif;
float:right;
width: 120px;
height:20px;
padding-left:5px;
margin-left:20px;
color: #4d4d4d;
}

#pravykontakt a, #pravykontakt a:visited{
color: #4d4d4d;
}

#pravykontakt button{
float:right;
width: 26px;
height:22px;
border:0;
padding:0;
margin-top:-1px;
margin-left:-4px;
}

#registrace{
float:left;
display:block;
height:28px;
width:250px;
background: #4d4d4d;
}

#registrace input{
background:#b2b2b2;
border:0;
font: normal 10px Arial, Verdana, Helvetica, SansSerif;
float:left;
width: 160px;
height:22px;
padding-left:5px;
margin-left:14px;
margin-top:3px;
color: #4d4d4d;
}

#registrace button{
float:left;
width: 26px;
height:22px;
border:0;
padding:0;
background:0;
margin-top:2px;
margin-left:-3px;
} 


/* Hlavni strana */
#hlavni{
float:left;
display:block;
width:996px;
min-height:280px;
}

#obsah{
float:left;
display:block;
margin-left:20px;
width:753px;
color:#000000;
padding-bottom:20px;
margin-bottom:30px;
}



.sloupec{
text-align:justify;
border: 1px solid #4d4d4d;
display:block;
float:left;
margin-top:40px;
margin-right:26px;
width: 213px;
padding-left:5px;
padding-right:5px;
padding-bottom:5px;
padding-top:50px;
background: #ffffff;
}

.sloupec1{
display:block;
float:left;
margin-top:40px;
margin-right:26px;
width: 225px;
padding-bottom:5px;
background: #ffffff;
}

.sloupecnadpis{
display:block;
position:absolute;
margin-top:-51px;
margin-left:-6px;
width: 225px;
height:40px;
z-index:10;
background: url(../images/nadpis-grad.png) repeat-x;
}

.sloupecnadpis h1{
color: #333333;
text-align:center;
margin-top:11px;
font:bold 16px Arial, Helvetica, Verdana, sans-serif;
}

.sloupecnadpis h2{
color: #333333;
text-align:center;
margin-top:11px;
font:bold 16px Arial, Helvetica, Verdana, sans-serif;
}

.sloupecnadpis1{
display:block;
float:left;
width: 225px;
height:40px;
background: url(../images/nadpis-grad.png) repeat-x;
}

.sloupecnadpis1 h1{
color: #333333;
text-align:center;
margin-top:11px;
font:bold 16px Arial, Helvetica, Verdana, sans-serif;
}

.sloupecnadpis1 h2{
color: #333333;
text-align:center;
margin-top:11px;
font:bold 16px Arial, Helvetica, Verdana, sans-serif;
}

.sloupecnadpis1 a, .sloupecnadpis1 a:link, .sloupecnadpis1 a:visited{
color: #333333;
text-decoration:none;
}
.sloupecnadpis1 a:hover{
text-decoration:underline;
}

.sloupecnadpis2{
margin-top:20px;
display:block;
float:left;
width: 225px;
height:40px;
background: url(../images/nadpis-grad.png) repeat-x;
}

.sloupecnadpis2 h1{
color: #333333;
text-align:center;
margin-top:11px;
font:bold 16px Arial, Helvetica, Verdana, sans-serif;
}

.sloupecnadpis2 h2{
color: #333333;
text-align:center;
margin-top:11px;
font:bold 16px Arial, Helvetica, Verdana, sans-serif;
}

.sloupecnadpis2 a, .sloupecnadpis2 a:link, .sloupecnadpis2 a:visited{
color: #333333;
text-decoration:none;
}
.sloupecnadpis2 a:hover{
text-decoration:underline;
}

.sloupecnadpis3{
margin-bottom:20px;
display:block;
float:left;
width: 225px;

text-align:center;
}

.sloupecnadpis3 a, .sloupecnadpis3 a:link, .sloupecnadpis3 a:visited{
color: #333333;
text-decoration:none;
}


/*hledani*/
#hledani{
background: #efefef;
width: 480px;
display:block;
float:left;
}

#hledani h1{
float:left;
display:block;
width:480px;
height:20px;
margin-bottom:20px;
color:#404040;
font:bold 18px Arial, Helvetica, Verdana, sans-serif;
}

/*perexy*/
#perexy{
margin-top:40px;
background: #efefef;
width: 480px;
display:block;
float:left;
}

.perex{
text-align:justify;
background: #efefef;
float:left;
display:block;
width: 470px;
padding-left:5px;
padding-right:5px;
margin-bottom:10px; 
}

.perex ol,ul{
margin-top:10px;
margin-left:30px;
}

.perex ul {
list-style-image: url("/images/dot.gif");
}

.perex img{
border:0;
float:left;
margin-right:5px;
padding-top:3px;
}

.perex li{

margin-top:5px;
}

.perex h1{
float:left;
display:block;
width:480px;
height:20px;
padding-bottom:5px;
color:#404040;
font:bold 16px Arial, Helvetica, Verdana, sans-serif;
}

.perex h2{
float:left;
display:block;
width:480px;
height:20px;
padding-bottom:5px;
color:#404040;
font:bold 16px Arial, Helvetica, Verdana, sans-serif;
}

.perex a:visited{
text-decoration:none;
}

.perex a:link{
text-decoration:none;
}

.perex a:hover{
text-decoration:underline;
}

/* novinky */

.novinka{
background: #efefef;
margin-bottom:10px;
float:left;
display:block;
width: 470px;
padding-left:5px;
padding-right:5px;
padding-bottom:20px;
}

.novinka h2{
float:left;
display:block;
width:470px;
height:20px;
padding-bottom:5px;
color:#404040;
font:bold 16px Arial, Helvetica, Verdana, sans-serif;
}
/*clanky*/


.newsletter{
background: #efefef;
margin-top:40px;
float:left;
display:block;
padding-left:5px;
padding-right:5px;
padding-bottom:20px;
}

.newsletter h1{
float:left;
display:block;
width:470px;
height:20px;
padding-bottom:10px;
color:#404040;
font:bold 16px Arial, Helvetica, Verdana, sans-serif;
}

.newsletter h2{
float:left;
display:block;
width:470px;
height:20px;
padding-bottom:10px;
color:#404040;
font:bold 16px Arial, Helvetica, Verdana, sans-serif;
}

.clanek{
background: #efefef;
margin-top:40px;
float:left;
display:block;
width: 470px;
padding-left:5px;
padding-right:5px;
padding-bottom:20px;
}

.clanek ol,ul{
margin-top:10px;
margin-left:30px;
}

.clanek ul {
list-style-image: url("/images/dot.gif");
}

.clanek li{

margin-top:5px;
}

.clanek img{
border:0;
}

.clanek h1{
float:left;
display:block;
width:470px;
height:20px;
padding-bottom:10px;
color:#404040;
font:bold 16px Arial, Helvetica, Verdana, sans-serif;
}

.clanek h2{
float:left;
display:block;
width:470px;
height:20px;
padding-bottom:10px;
color:#404040;
font:bold 16px Arial, Helvetica, Verdana, sans-serif;
}

.clanek a:visited{
text-decoration:none;
color:#d08a0d;
}

.clanek a:link{
text-decoration:none;
color:#d08a0d;
}

.clanek a:hover{
text-decoration:none;
color:#000000;
}

#odrazka
{
width:100%;
float:left;
border-top:1px solid #808080;
margin-top:10px; margin-bottom:10px;  display:block;
}

.referblok
{
text-align:center;
float:left;
clear:right; margin-top:10px; display:block;
width: 470px;
padding-left:20px;
}

.refernadpis
{
margin-bottom:15px; margin-top:2px; display:block;
}



/* Prave boxiky */
#pravybox{
float:left;
display:block;
width:204px;
margin-top:40px;
padding-bottom:20px;
margin-bottom:30px;
}

#novinky{
border: 1px solid #4d4d4d;
display:block;
float:left;
width: 191px;
padding-left:5px;
padding-right:5px;
padding-bottom:5px;
padding-top:50px;
background: #ffffff;
}

#novinkynadpis{
display:block;
position:absolute;
margin-top:-51px;
margin-left:-6px;
width: 203px;
height:40px;
z-index:10;
background: url(../images/red-grad.png) repeat-x;
}

#novinkynadpis h2{
color: #ffffff;
text-align:center;
margin-top:11px;
font:bold 16px Arial, Helvetica, Verdana, sans-serif;
}

#oteviracka{
border: 1px solid #4d4d4d;
display:block;
float:left;
width: 191px;
margin-top:20px;
padding-left:5px;
padding-right:5px;
padding-bottom:5px;
padding-top:50px;
background: #ffffff;
}

#otevirackanadpis{
display:block;
position:absolute;
margin-top:-51px;
margin-left:-6px;
width: 203px;
height:40px;
z-index:10;
background: url(../images/nadpis-grad.png) repeat-x;
}

#otevirackanadpis h2{
color: #333333;
text-align:center;
margin-top:11px;
font:bold 16px Arial, Helvetica, Verdana, sans-serif;
}




#otevirackatbl{
float:left;
color:#000000;
margin-top:10px;

display:block;
}

#otevhod td{
text-align:right;
}

#otevhod th{
text-align:left;
}

#poznamkapc{
margin-top:10px;
width: 220px;
text-align:left;
}

#kontakt{
border: 1px solid #4d4d4d;
display:block;
float:left;
width: 191px;
margin-top:20px;
padding-left:5px;
padding-right:5px;
padding-bottom:5px;
padding-top:50px;
background: #ffffff;
}

#kontaktnadpis{
display:block;
position:absolute;
margin-top:-51px;
margin-left:-6px;
width: 203px;
height:40px;
z-index:10;
background: url(../images/nadpis-grad.png) repeat-x;
}

#kontaktnadpis h2{
color: #333333;
text-align:center;
margin-top:11px;
font:bold 16px Arial, Helvetica, Verdana, sans-serif;
}


/* Newsletter */

#newsletter p.error_small		
{color:red;font-size:11px;font-weight:bold;width:140px}

#newsletter p.error			
{color:red;font-size:11px;font-weight:bold;}

#newsletter p.success_small		
{color:black;font-size:11px;font-weight:bold;width:140px;margin-bottom:2px; }

#newsletter p.success			
{color:black;font-size:11px;font-weight:bold; margin-bottom:2px;}


/* Pata */
#footer{
float:left;
display:block;
padding-left:5px;
padding-right:5px;
width: 986px;
height: 27px;
clear:both;
border-top:7px solid #b2b2b2;
font:10px normal Arial, Helvetica, sans-serif;
}

#pruhzapati {
float:left;
margin-top:50px;
display:block;
height:175px;
width: 996px;
background: url(../images/zapati.jpg)  no-repeat;
}

#facebook{
float:right;
display:block;
width: 17px;
margin-top:5px;
height: 17px;
}

#flusvan{
float:right;
display:block;
margin-top:5px;
height: 17px;
}

#facebook img{
border:0;
}

#copyright{
float:left;
display:block;
width: 300px;
margin-top:8px;
height: 17px;
color:#999999;
}

#copyright a, #copyright a:link, #copyright a:visited{
text-decoration:none;
color:#999999;
}

#madeby{
float:right;
display:block;
width: 150px;
margin-top:8px;
height: 17px;
color:#999999;
}

#madeby a, #madeby a:link, #madeby a:visited{
text-decoration:none;
color:#999999;
}

#odkazy{
float:left;
display:block;
width: 960px;
height: 17px;
}

#odkazy a, #odkazy a:link, #odkazy a:visited{
text-decoration:none;
color:#333333;
}

/* Zaoblene rohy */
.myBox { 
    width: 60%;
    padding: 0px;
    text-align: left;
    border: none;

    /* Do rounding (native in Firefox and Safari) */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}