BODY {
COLOR: #505050; font-family: arial, georgia, new york ce, utopia, serif; FONT-SIZE: 9pt; FONT-WEIGHT: 100;line-height: 1.6em;
}
a {
COLOR: #990000; font-family: Arial, Helvetica, sans-serif; FONT-SIZE: 9pt;FONT-WEIGHT: normal; TEXT-DECORATION: underline;
}

a:hover {
COLOR: #990000; font-family: Arial, Helvetica, sans-serif; FONT-SIZE: 9pt;FONT-WEIGHT: normal; TEXT-DECORATION: none;
}

.foot a {
COLOR: #606060; font-family: Arial, Helvetica, sans-serif; FONT-SIZE: 9pt;FONT-WEIGHT: normal; TEXT-DECORATION: none;
}

.foot a:hover {
COLOR: #858383; font-family: Arial, Helvetica, sans-serif; FONT-SIZE: 9pt;FONT-WEIGHT: normal; TEXT-DECORATION: underline;
}

.patou A {
COLOR: #606060; font-family: Arial, Helvetica, sans-serif; FONT-SIZE: 9pt;FONT-WEIGHT: normal; TEXT-DECORATION: underline;
padding: 0px 6px 0px 3px;
}
.patou A:hover {
COLOR: #606060; font-family: Arial, Helvetica, sans-serif; FONT-SIZE: 9pt;FONT-WEIGHT: normal; TEXT-DECORATION: none;
padding: 0px 6px 0px 3px;
}

/*search*/
.search_min{ display:block; width:643px; height:50px; border:1px solid #ccc;}
.search_min .so{ height:30px; margin:10px 0 0; line-height:30px;}

body {
margin: 0px; padding: 0px;
background-image: url("images/background.gif");
background-color:#f0f0f0;
text-align:center;

}
#logo {
margin: -160px 0px 0px 80px;
}
#top {
margin: auto;
padding: auto;
}
#all {
width: 1002px;
margin: auto;
text-align: left;
}
#main {
background-image: url("images/mainbg_1.gif");
background-repeat: repeat-y;
width: 1002px;
margin: 0px;
padding: 0px;
float:left;
}
#contact {
background-image: url("images/contactbg.gif");
width: 863px;
height:79px;
margin: 2px 30px 0px 70px;
padding:0px;
}
#foot {
background-image: url("images/bottom_1.gif");
background-repeat: repeat-y;
width: 1002px;
height:114px;
margin: 0px;
padding: 0px;
float:left;
}
#hlavnipanel-obsah {
margin:0px;
padding: 0px 30px 50px 70px;
text-align: justify;
}
#divleft {
margin: 0px;
padding: 2px 0px 0px 70px;
display: block;
float:left;
}
#paticka {
padding: 25px 0px 50px 65px;
background-image: url("images/pata.png");
background-repeat: no-repeat;
margin:0;
clear:both;
}
#reference {
text-align: left;
}

.contact {
color: #990000; FONT-FAMILY: verdana, arial;font-size: 9pt;
padding: 0px 0px 10px 0px;
margin: 0px;
}

.contact ul {
float:left;
margin:0;
padding:0 0 0 10px
}

.contact li {
width:210px;
list-style:none;
float:left;
}

.foot {
color: #606060; FONT-FAMILY: arial;font-size: 12px;word-spacing: 5px;
padding: 27px 0px 0px 70px;
margin: 0px;
}

.foot ul {
float:left;
}

.foot li {
list-style:none;
float:left;
}

.productshow {
color: #333333;FONT: 11px Verdana, Arial, Helvetica, sans-serif;word-spacing: 5px;
padding: 10px 0px 0px 120px;
margin: 0px;
}

.productshow ul {
text-align:left;
}

.productshow li {
list-style-type: circle;
line-height:22px;
}

.popis  {color: #003366; FONT-FAMILY: verdana, arial;font-size: 9pt;
padding: 0px 0px 10px 0px;
margin-top: 0px;
}
h6    {color: #003366; FONT-FAMILY: verdana;font-size: 9pt;
padding: 5px 0px 0px 0px;
margin:0px;
}
.dokoncene    {
color: #303030; 
FONT-FAMILY: arial;
font-size: 10pt;
padding: 0px;
margin: 0px;
font-weight: normal;
border: none;
}

h5    {
color: #006699; 
FONT-FAMILY: arial;
font-size: 12pt;
padding: 0px;
margin: 10px 0px 10px 15px;
font-weight: bold;
}
h4    {color: #003366; FONT-FAMILY: verdana;font-size: 9pt;
padding: 10px 0px 10px 0px;
margin:0px;
}
h3    {color: #003366; FONT-FAMILY: verdana;font-size: 10pt;
padding: 0px;
margin:0px;
}
.name    {
color: #006699; FONT-FAMILY: arial;
font-size: 10pt;
padding: 0px;
margin: 0px 10px 10px 0px;
}

.zajem    {
padding: 10px;
margin: 20px 0px 20px 0px;
border: 1px solid #F0F0F0;
}
.zajem2    {
padding: 10px;
margin: 50px 0px 20px 0px;
border: 1px solid #F0F0F0;
}


.name2    {
FONT-FAMILY: arial;
font-size: 10pt;
padding: 0px;
margin: 0px 0px 10px 0px;
border: none;
}


h2    {
color: #006699; FONT-FAMILY: arial;font-size: 10pt;
padding: 15px 0px 0px 0px;
margin: 10px 10px 20px 0px;
border-bottom: 1px solid #F0F0F0;
}




h1    {
color: #669900; FONT-FAMILY: arial;font-size: 11pt;
padding: 10px 0px 10px 29px;
margin: 0px;
}
.uvodni    {color: #006699; FONT-FAMILY: arial;font-size: 11pt;
padding: 15px 0px 0px 0px;
margin: 15px 10px 20px 150px;
}
.uvodni2    {color: #006699; FONT-FAMILY: arial;font-size: 10pt;
padding: 10px 0px 0px 0px;
margin: 30px 10px 10px 150px;
border-bottom: 1px solid #F0F0F0;
}

.seconde    {
color: #006699; FONT-FAMILY: arial;font-size: 10pt;
margin: 0px 0px 10px 0px;
padding: 0px;
border-bottom: 1px solid #F0F0F0;
}
.nexte   
{
padding: 0px;
margin: 10px 0px 20px 0px;
border: 1px solid silver;
}



.uvodni3    {color: #336699; FONT-FAMILY: arial;font-size: 10pt;
padding: 0px;
margin: 30px 10px 10px 0px;
border: none;
}
.uvodni5    {color: #006699; FONT-FAMILY: arial;font-size: 10pt;
padding: 0px;
margin: 50px 10px 10px 0px;
border-bottom: 1px solid #F0F0F0;
}




.marketing    {
color: #404040; FONT-FAMILY: arial;font-size: 11pt;
padding: 10px 0px 10px 22px;
margin: 0px;
}

.interni    {
color: #303030; 
font-size: 1em;
padding: 10px 10px 10px 140px;
margin: 10px 10px 0px 8px;
border: 1px solid #D0D0D0;
background-image: url("images/seda.gif");
background-repeat: no-repeat;
}


.interni2  {
text-align: left;
color: #303030; 
font-size: 1em;
padding: 10px;
margin: 10px 10px 0px 8px;
border: 1px solid #D0D0D0;
background: rgb(240,255,255);
}
.reklamni {
border-right: 1px solid #D0D0D0; 
padding: 0px; 
margin: 0px 10px 0px 0px; 
text-align: left;
float: left;
}    
.interni9  {
text-align: left;
color: #303030; 
padding: 10px;
margin: 10px 0px 10px 0px;
border: 1px solid #D0D0D0;
background: white;
}
.interni3  {
text-align: left;
color: #303030; 
font-size: 1em;
padding: 10px;
margin: 10px 10px 0px 8px;
border: 1px solid #D0D0D0;
background-image: url("images/reklama.gif");
}

.propodnikatele {
font-size: 1em;
padding: 0px 10px 10px 145px;
margin: 0px 10px 0px 8px;
background-image: url("images/podnikatel.png");
background-repeat: no-repeat;
}
.propodnikatele2    {
font-size: 1em;
padding: 0px 10px 10px 145px;
margin: 0px 10px 0px 8px;
background-image: url("images/podnikatel2.png");
background-repeat: no-repeat;
}
.propodnikatele3    {
font-size: 1em;
padding: 0px 10px 10px 145px;
margin: 0px 10px 0px 8px;
background-image: url("images/podnikatel3.png");
background-repeat: no-repeat;
}
.propodnikatele4    {
font-size: 1em;
padding: 0px 10px 40px 140px;
margin: 0px 10px 0px 8px;
background-image: url("images/podnikatel4.png");
background-repeat: no-repeat;
}

.logotypy    {
font-size: 1em;
padding: 0px 10px 40px 140px;
margin: 0px 10px 0px 8px;
background-image: url("images/logotypy.png");
background-repeat: no-repeat;
}

.optimalizace    {
font-size: 1em;
padding: 0px 10px 40px 140px;
margin: 0px 10px 0px 8px;
background-image: url("images/optimalizace.png");
background-repeat: no-repeat;
}


.vizitky    {
font-size: 1em;
padding: 0px 10px 0px 140px;
margin: 0px 10px 0px 8px;
background-image: url("images/vizitky.png");
background-repeat: no-repeat;
}
.mapawebu    {
font-size: 1em;
padding: 0px 10px 0px 145px;
margin: 0px 10px 0px 8px;
background-image: url("images/mapka.gif");
background-repeat: no-repeat;
}
.katalogy    {
font-size: 1em;
padding: 0px 10px 0px 140px;
margin: 0px 10px 0px 8px;
background-image: url("images/katalogy.gif");
background-repeat: no-repeat;
}

.vlajky    {
font-size: 1em;
padding: 0px 10px 0px 140px;
margin: 0px 10px 0px 8px;
background-image: url("images/vlajky.gif");
background-repeat: no-repeat;
}
.kontaktik    {
font-size: 1em;
padding: 0px 10px 0px 140px;
margin: 0px 10px 0px 8px;
background-image: url("images/kontaktik.gif");
background-repeat: no-repeat;
}
.horizont    {
color: #003366; 
font-size: 0.9em;
padding: 0px;
margin: 0px 0px 0px 60px;
border: 1px solid gray;
}
hr.cleaner {
clear: both;
display: none;
}
ul {
list-style-image: url("images/m.gif");
margin: 0px;
padding-left: 15px;
}

.predni {list-style-image: url("images/m.gif");
margin-top: 10px;
}

.google    {
margin: 10px 0px 10px 0px;
}

.banerek {list-style-image: url("images/m.gif");
margin: 1px 0px 0px 16px;
padding: 0px;
}
.mapka {list-style-image: url("images/mm.gif");
margin-top: 30px;
padding: 0px;
}
.hm {
list-style-image: url("images/i.gif");
margin: 0px;
padding-left: 22px;
}
.odstav {
padding: 10px;
margin:1em auto;
border: 1px solid #E0E0E0;
}
.green {
FONT-WEIGHT: bold;
color: #669900;
}
.pojmy {
FONT-WEIGHT: normal;
color: #CC6600;
}
.strong {
color: #006699;
}
.cenik {
color: #003366;
}
.strongest {
color: #CC6600;
FONT-WEIGHT: normal;
}


.pata {
color: #669900;
font-size: 10pt
}
.ram {
background-image: url("images/ram.gif");
border: 1px solid #606060;
margin: 0px; padding: 0px;
}
.images {
border: 1px solid silver;
margin: 0px 0px 5px 5px;
padding: 0px;
}
.image {
margin: 0px;
padding: 0px;
border: 1px solid silver;
}

.menu A {
COLOR: #909090; font-family: 'Arial CE', 'Helvetica CE', Arial, Helvetica, sans-serif; FONT-SIZE: 9pt;TEXT-DECORATION: none; FONT-WEIGHT: normal; TEXT-DECORATION: none;
}
.menu A:hover {
COLOR: #606060; font-family: 'Arial CE', 'Helvetica CE', Arial, Helvetica, sans-serif; FONT-SIZE: 9pt;TEXT-DECORATION: none; FONT-WEIGHT: normal; TEXT-DECORATION: none;
}
.menu {
margin: 0px 12px 0px 0px;
padding: 7px 0px 10px 0px;
border-top: 1px solid silver;
border-bottom: 1px solid silver;
background: url(images/menubg.jpg);
background-repeat: no-repeat;
}
.menu2 A {
COLOR: #996600; font-family: 'Arial CE', 'Helvetica CE', Arial, Helvetica, sans-serif; FONT-SIZE: 9pt;TEXT-DECORATION: none; FONT-WEIGHT: normal; TEXT-DECORATION: none; padding: 0px 5px 0px 5px;
}
.menu2 A:hover {
COLOR: #996600; font-family: 'Arial CE', 'Helvetica CE', Arial, Helvetica, sans-serif; FONT-SIZE: 9pt;TEXT-DECORATION: none; FONT-WEIGHT: normal; TEXT-DECORATION: none; padding: 0px 5px 0px 5px;
}

.menu2 {
border: 1px dashed silver;
margin-right: 25px;
padding: 0px;
border: 1px solid #CC9900;
width: 200px;
}
.imagefloat {
margin: 0px 20px 5px 0px;
padding: 0px;
border: 1px solid silver;
}

.imagefloat1 {
margin: 0px 20px 5px 0px;
padding: 0px;
}
.imagefloatindex {
margin: 0px 20px 45px 0px;
padding: 0px;
border: none;
}
.next {
margin: 0px 0px 0px 150px;
padding: 0px;
text-indent: 0px
}
.zelenou {
FONT-WEIGHT: normal;
color: #669933;
}
.zelenou2 {
FONT-WEIGHT: bold;
color: #669933;
}
p {
text-align: left;
FONT-WEIGHT: normal;
margin: 20px 0px 20px 0px;
}
.okr {
FONT-WEIGHT: normal;
color: #336699;
}
.b {
FONT-WEIGHT: bold;
color: #990000;
}
.odstavec {
margin:0px;
padding: 10px 20px 10px 0px;
}
.trojka {
margin: 0px;
padding-top: 10px;
}
.patka {
COLOR: white;
}
.tab {
margin: 20px 10px 0px 0px;
padding-left:10px;
}
.half {
margin-top: 15px;
margin-right: 0px;
margin-bottom: 10px;
padding: 9px;
text-align: left;
height: 150px;
width: 280px;
border: 1px solid #CC9966;
background: url(images/half.gif);
background-repeat: no-repeat;
}
.halfright {
margin-top: 15px;
margin-right: 25px;
margin-bottom: 10px;
padding: 9px;
text-align: left;
height: 150px;
width: 280px;
border: 1px solid #CC9966;
background: url(images/half.gif);
background-repeat: no-repeat;
}
.odstavec2 {
margin-top: 50px;
padding: 10px 20px 10px 0px;
}
.myska {
margin-bottom: 20px;
padding: 10px;
background: url(images/myska.jpg);
background-repeat: no-repeat;
border: 1px solid #E1E1E1;
}
fieldset {
border: 1px solid #990000;
padding: 10px;
margin-right: 20px;
}
.obal {
border: 1px solid #E8E8E8;
padding: 10px;
margin: 0px;
background: url(images/bod.gif);
}
.odrazky {
border: 1px solid #E8E8E8;
padding: 10px 0px 20px 40px;
margin-bottom: 20px;
background: url(images/pozadicko.gif);
background-repeat: no-repeat;
}
.odrazky02 {
border: 1px solid #E8E8E8;
padding: 10px 0px 20px 40px;
margin: 0px;
background: url(images/pozadicko2.gif);
background-repeat: no-repeat;
}
.odrazky03 {
border: 1px solid #E8E8E8;
padding: 10px 0px 20px 40px;
margin: 0px;
background: url(images/pozadicko3.gif);
background-repeat: no-repeat;
}
.ikonky {
border: 1px solid #E8E8E8;
}
.imagefloatindextop {
margin: 0px 20px 0px 0px;
padding: 0px;
border: none;
}
.index01    {
font-size: 1em;
padding: 0px 0px 0px 150px;
margin: 0px;
background-image: url("images/webdesign-001.gif");
background-repeat: no-repeat;
}
.index02    {
font-size: 1em;
padding: 0px 0px 0px 150px;
margin-right: 0px;
background-image: url("images/webdesign-002.gif");
background-repeat: no-repeat;
}
.index03  {
font-size: 1em;
padding: 0px 0px 0px 150px;
margin: 0px;
background-image: url("images/webdesign-003.gif");
background-repeat: no-repeat;
}
#divright {
text-align: left;
margin-top: 1px;
padding-left: 0px;
width: 713px;
float: right;
}
.so{margin-top:7px;margin-left:15px;padding:3px;height:18px;  WIDTH: 300px;border: 1px solid #000;color:#333;font-size:11px;font-family: Arial, Helvetica, sans-serif;}
.menubgright2 {
text-align: justify;
margin-top: 1px;
padding-left: 0px;
margin-right: 10px;
width: 500px;
float: right;
}

#menubg {
font: 11px Verdana, "Geneva CE", Tahoma;
text-align: left;
margin: 0px;
width: 200px;
padding: 0px;
display: block;
}

#menubg a {
color: #404040;
display: block;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 10px;
padding-left: 30px;
background: url(images/menubg_1.gif);
background-repeat: no-repeat;
TEXT-DECORATION: none;
FONT-WEIGHT: normal;
}

#menubg .site{ width:185px; margin:5px 0 0 2px; font-size:14px; background:#e20202; color:#fff; border:0; font-weight:bold; text-align:center; padding-left:0;}
#menubg .site:hover{ background:#e20202; color:#fff;}

#menubg a:hover {
color: #990000;
display: block;
background: #660000;
TEXT-DECORATION: underline;
background: url(images/menubg_2.gif);
background-repeat: no-repeat;
}

#menubg3 {
font: 11px Verdana, "Geneva CE", Tahoma;
text-align: right;
margin: 0px;
width: 140px;
padding: 0px;
display: block;
float: left;
}

#menubg3 a {
color: #404040;
display: block;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 10px;
background: url(images/zadek.gif);
background-repeat: no-repeat;
TEXT-DECORATION: none;
FONT-WEIGHT: normal;
}

#menubg3 a:hover {
color: #990000;
display: block;
background: #660000;
TEXT-DECORATION: underline;
background: url(images/zadekon.gif);
background-repeat: no-repeat;
}

.zadni {
padding: 0px;
margin-left: 1px;
}

.horizontal {
font: 11px Verdana, "Geneva CE", Tahoma;
text-align: left;
margin-top: 20px;
margin-left: 150px;
padding: 10px;
border: 1px solid #E0E0E0;
}
.horizontal a {
display: block;
color: #505050;
padding-right: 0px;
padding-top: 4px;
padding-left: 20px;
background: url(images/on.gif);
background-repeat: no-repeat;
TEXT-DECORATION: underline;
FONT-WEIGHT: normal;
}
.horizontal a:hover {
display: block;
color: #990000;
background: #660000;
TEXT-DECORATION: none;
background: url(images/off.gif);
background-repeat: no-repeat;
}
img {
border: 1px solid none;
}

.upoutavka {
padding-top: 3px;
padding-right: 20px;
}
.upoutavka a img {
COLOR: #606060; font-family: 'Arial CE', 'Helvetica CE', Arial, Helvetica, sans-serif; FONT-SIZE: 9pt;FONT-WEIGHT: normal; 
TEXT-DECORATION: none;
margin: 0px;
padding: 0px;
border: 1px solid #D0D0D0;
}


.upoutavka a:hover img {
COLOR: #606060; font-family: 'Arial CE', 'Helvetica CE', Arial, Helvetica, sans-serif; FONT-SIZE: 9pt;FONT-WEIGHT: normal; 
TEXT-DECORATION: none;
padding: 0px;
border: 1px solid #606060;
}
.drobecky {
COLOR: #606060;
margin: 5px 0px 0px 0px;
padding: 2px;
border-top: 1px solid #E0E0E0;
border-bottom: 1px solid #E0E0E0;
background: whitesmoke;
}
.drobecky A {
COLOR: #666600; font-family: 'Arial CE', 'Helvetica CE', Arial, Helvetica, sans-serif; FONT-SIZE: 9pt;FONT-WEIGHT: normal; TEXT-DECORATION: underline;
padding: 0px;
}
.drobecky A:hover {
COLOR: #606060; font-family: 'Arial CE', 'Helvetica CE', Arial, Helvetica, sans-serif; FONT-SIZE: 9pt;FONT-WEIGHT: normal; TEXT-DECORATION: none;
padding: 0px;
}
.imagefloat2 {
margin: 0px 50px 30px 0px;
padding: 0px;
border: 1px solid #E0E0E0;
}
.imagefloat2 a img {
COLOR: #606060; font-family: 'Arial CE', 'Helvetica CE', Arial, Helvetica, sans-serif; FONT-SIZE: 9pt;FONT-WEIGHT: normal; 
TEXT-DECORATION: none;
margin: 0px;
padding: 0px;
border: 1px solid #D0D0D0;
}
.imagefloat2 a:hover img {
COLOR: #606060; font-family: 'Arial CE', 'Helvetica CE', Arial, Helvetica, sans-serif; FONT-SIZE: 9pt;FONT-WEIGHT: normal; 
TEXT-DECORATION: none;
padding: 0px;
border: 1px solid #606060;
}


.projekty  {
padding: 0px 0px 10px 0px;
margin: 0px;
}
.projekty2 {
list-style-image: url("images/m.gif");
margin: 0px;
padding-bottom: 15px;
}
.projekty3 {
margin: 0px;
padding: 0px;
border: 1px solid #D0D0D0;
}


.levy2 {
float: left;
margin-right: 0px;
padding: 10px;
width: 280px;
border-right: 1px solid #E0E0E0;
}
.pravy2 {
float: left;
margin-left: 10px;
padding: 10px;
width: 280px;
}
.ramecky2 {
border: 1px solid silver;
float: top;
padding-bottom: 0px;
margin: 0px;
}

.popis {
border: 1px solid #E0E0E0;
background: #FFFFCC;
padding: 10px;
margin: 20px 0px 10px 0px;
}