/* CSS Document */


html {
  margin: 0px;
  padding: 0px;
}

body {
  margin: 0px;
  padding: 0px;
  font-family: Verdana;
  font-weight: normal;
  font-size: 12px;
  color: #7a7a7a;
background: #363636;
}

a {
color: #000;
}

a:hover {
color: #ff9900;
}

ul li{
margin:0px;
padding: 0px;
}

p{
padding-left: 10px;
padding-right: 10px;
display: block;
font-size: 12px;
text-indent: 0px;
text-align: justify;
}


/* Pozice divů */

#pozadi{
margin: 0px;
padding: 0px;
position: relative;
width: 100%;
background: #ffffff url(../images/back-1.jpg) repeat-x;
display: block;
}

/*.odsazeni-1{
width: 100%;
height: 50px;
display: block;
border: 1px solid red;
position: relative;
} */

#kontejner {
  width: 990px;
  margin: 0px auto;
  overflow: hidden;
}
#logo{
position: absolute;
margin-left: 50px;
z-index: 990; 
margin-top: -17px;
border: none;
}

#logo a{
border: none !important;
text-decoration: none !important;
background: none !important;
}

#header {
margin: 0px;
padding: 0px;
width: 100%;
height: 300px;
display: block;  
margin-top: 20px;
}

.sipka-prava{
top: 200px;
position: absolute;
float: left;
width: 30px;
height: 60px;
display: block;
background-image: url(../images/sipka-prava.png);
background-repeat: no-repeat;
z-index: 50;
margin-left: 960px;
}

.sipka-leva{
top: 200px;
position: absolute;
float: left;
width: 30px;
height: 60px;
display: block;
background-image: url(../images/sipka-leva.png);
background-repeat: no-repeat;
z-index: 50;
}

#flash{
margin: 0px;
padding: 0px;
width: 700px;
height: 280px;
display: block;
float: left;
margin-top: 20px;
background-repeat: no-repeat;
/*border: 1px solid blue; */
overflow: hidden;
}

.active{
width: 700px;
height: 280px;
display: block;
overflow: hidden;
}

.banner-1{
width: 290px;
height: 280px;
display: block;
background-image: url(../images/banner-1.jpg);
background-repeat: no-repeat;
float: right; 
margin-top: 10px;
top: 10px;
}

#flash h1{
margin: 0px !important;
padding: 0px !important;
display: block;
width: 380px;
height: 20px;
color: black;
font-size: 14px;
font-weight: bold;
margin: 0px auto;
padding: 0px;
text-align: center;
background-image: none;
}

.pro-1{
display: block;
float: left;
position: absolute;
margin-top: 30px;
margin-left: 295px;
}

.vice-top-1{
display: block;
padding: 5px;
margin-top: 5px;
float: left;
margin-left: 145px;
}

#flash p {
margin: 0px !important;
padding: 0px !important;
color: #808080;
width: 380px;
text-align: center;
margin-top: 20px !important;
}

.buttons1{
margin: 0px !important;
padding: 0px !important;
width: 390px !important;
height: 78px !important;
display: block !important;
position: absolute !important;
top: 268px !important;
left: 600px !important;
float: left;
*padding-top: -2px;
}

/* --- Menu --- */

pozadi-x1a{
margin: 0px;
padding: 0px;
width: 995px;
height: 100px;
float: left;
overflow: hidden;
}

#menu{
margin: 0px;
padding: 0px;
width: 995px;
height: 100px;
background: url(../images/menu-back-1.png) no-repeat;
margin-left: -5px;
z-index:900;
top: 290px;
float: right;
overflow: hidden;
position: absolute;
}



#menu ul li{
margin: 0px;
padding: 0px;
display: block;
list-style-type: none;
list-style-image: none;
white-space: nowrap;
overflow: hidden;
float: left;
}

#menu ul{
width: 800px;
display: block;
margin-top: 36px;
/*margin-left: 180px;*/
float: right;
overflow: hidden;

}

#menu a{
padding: 12px; 
text-decoration: none;
color: #b4b4b4;
display: block;
position: relative;
float: left;
padding-top: 16px;
}

#menu a:hover{
height: 19px;
color: white;
background-image: url(../images/button1a.png);
background-repeat: no-repeat;
background-position: 50% 2px;
/*color: #f3f201;*/
}

.button1a{
height: 19px;
color: white !important;
/*background-color: black;
color: #f0fc00 !important;*/
border-right: 1px solid #505050;
background-image: url(../images/button1a.png);
background-repeat: no-repeat;
background-position: 50% 2px;
}

.button1b{
background-color: black;
color: white !important;
border-right: 1px solid black;
border-left: 1px solid black;
height: 19px;
background-image: url(../images/button1a.png);
background-repeat: no-repeat;
background-position: 50% 2px;
}

.button1c{
background-color: black;
color: white !important;
border-right: 1px solid black;
border-left: 1px solid black;
height: 19px;
background-image: url(../images/button1a.png);
background-repeat: no-repeat;
background-position: 50% 2px;
}

.button1d{
background-color: black;
color: white !important;
border-right: 1px solid black;
border-left: 1px solid black;
height: 19px;
background-image: url(../images/button1a.png);
background-repeat: no-repeat;
background-position: 50% 2px;
}
.button1e{
background-color: black;
color: white !important;
border-right: 1px solid black;
border-left: 1px solid black;
height: 19px;
background-image: url(../images/button1a.png);
background-repeat: no-repeat;
background-position: 50% 2px;
}

.button1f{
background-color: black;
color: white !important;
border-right: 1px solid black;
border-left: 1px solid black;
height: 19px;
background-image: url(../images/button1a.png);
background-repeat: no-repeat;
background-position: 50% 2px;
}

.button1g{
background-color: black;
color: white !important;
border-right: 1px solid black;
border-left: 1px solid black;
height: 19px;
background-image: url(../images/button1a.png);
background-repeat: no-repeat;
background-position: 50% 2px;
}

.oram-1{
border-left: 1px solid #3a3a3a;
border-right: 1px solid black;
}

.oram-2{
border-right: 1px solid #505050;
}

.oram-3{
border-left: 1px solid #3a3a3a;
margin: 0px;
padding: 0px;
display: block;
width: 2px;
height: 45px;
float: left;
top: 35px;
}

#nav-r{
  width: 750px;
  height: 30px;
  /*background-color: #ffffff;  */
  display: block;
  overflow: hidden;
  margin: 0px;
  float: left;
  color: black;
  font-size: 16px;
  font-family: Verdana;
  position: absolute;
  z-index: 1200;
  margin-left: 350px;
}

#nav-r img{
margin: 0px;
padding: 0px;
}

#nav-r a{
float: left;
margin: 0px;
padding: 0px;
}

#srovnani{
width: 730px;
height: 30px;
display: block;
float: right;
margin-top: 18px;
}

#nav-l{
  width: 300px;
  height: 20px;
  /*background-color: #ffffff; */
  display: block;
  overflow: hidden;
  margin: 0px;
  float: left;
  color: black;
  font-size: 11px;
  font-family: Arial;
  padding-left: 20px;
  padding-top: 15px;
}

.tel{
vertical-align: middle;
}


.tel-o{
color: #ff9900;
}

.flash{
display: block;
position: relative;
}


#horni{
padding-top: 15px;
   width: 990px; 
   height: 195px;
   display: block;
   padding-bottom: 10px;
}

#pohoda{
display: block;
position: relative;
width: 320px;
height: 200px;
float: left;
background-image: url(../images/pohoda2.jpg);
background-repeat: no-repeat;
margin-left: 7px;
}

#akce{
display: block;
position: relative;
width: 320px;
height: 200px;
float: left;
margin-left: 7px;
background-image: url(../images/akce2.jpg);
background-repeat: no-repeat;
}

#novinky{
padding:0px;
margin: 0px;
display: block;
position: relative;
width: 320px;
height: 200px;
float: left;
margin-left: 7px;
background-image: url(../images/novinky2.jpg);
background-repeat: no-repeat;
color: #808080;
overflow: hidden;
}

#ram{
padding:0px;
margin: 0px;
padding-top: 5px;
width: 290px;
overflow: hidden;
left: 0px;
}

.ram2{
padding:0px;
margin: 0px;
padding-top: 20px;
margin-left: 10px;
_margin-left: 0px;
display: block;
}

.novinka{
padding:0px;
margin: 0px;
width: 275px;
height: 40px;
padding-top: 5px;
margin-top: 0px;
border-bottom: 1px dotted #e3e2e2;
}

.novinka-text{
margin: 0px;
padding: 0px;
background-color: #e3e2e2;
border: 1px solid gray;

}

.novinka-obr{
margin-right: 10px;
}

.date{
color: #ffffff;
}

.Name{
color: #ffffff;
margin-left: 10px;
display: block;
}



.informace{
padding: 0px;
margin: 0px;
margin-left: 20px;
margin-top: 5px;
margin-bottom: 5px;
font-size: 11px;
width: 250px;
height: 30px;
}

#novinky a{
color: #ffffff;
font-size: 11px;
font-weight: bold;
}

#novinky a:hover{
color: #fe9901;
font-size: 11px;
font-weight: bold;
text-decoration: none;
}

#leva{
display: block;
position: relative;
width: 280px;
height: 275px;
float: left;
margin-left: 7px;
background-image: url(../images/leva2.jpg);
background-repeat: no-repeat;
/*background-color: #ffffff;*/
}

#prava{
display: block;
position: relative;
width: 222px;
height: 275px;
float: left;
margin-right: 7px;
background-image: url(../images/prava2.jpg);
background-repeat: no-repeat;
/*background-color: #ffffff;*/
}

#prava a{
display: block;
position: relative;
width: 160px;
margin-top: 0px;
margin-left: 28px;
color: #ff9900;
text-decoration: none;
font-size: 12px; 
padding-top: 20px;
text-align: center;
font-weight: bold;
}

#prava a:hover{
text-decoration: underline;
color: black;     
}

.info{
padding: 0px;
margin: 0px;
padding-top: 5px;
padding-left: 15px;
padding-right: 15px;
font-size: 12px;
text-align: center;
}

.moduly-obr{
padding-left: 0px;
margin-top: -16px;
}

.oranzova{
color: #ff9900;
}

#stred{
display: block;
position: relative;
width: 450px;
height: 275px;
float: left;
margin-left: 15px;
/*background-color: white;  /*
/*border: 1px solid red;*/
}

.leva-k{
float: left;
display: block;
margin-left: 10px;
}

.prava-k{
float: left;
display: block;
width: 450px;
}

.kontakt-obr{
margin: 0px;
padding: 0px;
float: left;
margin-top: 70px;
}

.kontakt-obr-1{
border: 1px solid #D8D8D8;
background: white;
display: block;
margin: 10px;
padding: 10px;
width: 120px;
height: 88px;
float: left;
}

.box1{
display: block;
position: relative;
width: 218px;
height: 130px;
float: left;
margin-right: 5px;
margin-bottom: 10px;
/*background-color: white; */
border: 1px solid #eeeeee;
}

.box1a{
width: 500px;
display: block;
position: relative;
padding: 20px;
border: 1px solid #eeeeee;
margin-left: 20px !important;
}

.box1:hover{
border: 1px solid #ff9900;
}

.ikona{
float: left;
position: relative;
padding: 3px;
}

.text-box{
float: left;
position: relative;
text-align: justify;
color: gray;
padding-top: 5px;
padding-left: 7px;
width: 204px;
margin: 0px;
display: block;
font-size: 11px;
}

.boxik{ 
float: left;
text-align: left;
position: relative;
font-size: 12px;
color: black;
font-weight: normal;
padding-top: 10px;
/* background-color: #ffffff; */
}

#navigace{
width: 928px;
display: block;
/*background-color: white; */
}

.AiShop5{
   width: 990px;
   margin-top: 70px;
   display: block;
   height: 200px;
   float: left;
}

.popis{
   width: 990px;
   height: 120px;
   display: block;
   float: left;
   margin-top: -15px;
}
.vice-ac1{
padding-top: 133px;
padding-left: 25px;
}

#start{
display: block;
position: relative;
width: 225px;
float: left;
margin-left: 5px;
background-image: url(../images/START-1-B.png);
background-repeat: no-repeat;
margin-top: 30px;
float: left;
}

#start a{
display: block;
position: relative;
width: 205px;
height: 30px;
background-image: url(../images/vice-informaci-button.png);
background-repeat: no-repeat;
background-position: 12px 127px;
text-decoration: none;
color: white;
}



#start a:hover{
color: white;
background-image: url(../images/vice-informaci-button2.png);
background-repeat: no-repeat;
}

/*#start a:hover{
background-image: url(../images/START-2.png);
background-repeat: no-repeat;
}            */

#standard{
display: block;
position: relative;
width: 225px;
float: left;
margin-left: 25px;
overflow: hidden;
background-image: url(../images/STANDARD-1-B.png);
background-repeat: no-repeat;
margin-top: 30px;
float: left;
}

#standard a{
display: block;
position: relative;
width: 205px;
height: 30px;
background-image: url(../images/vice-informaci-button.png);
background-repeat: no-repeat;
background-position: 12px 127px;
text-decoration: none;
color: white;

}

#standard a:hover{
color: white;
background-image: url(../images/vice-informaci-button2b.png);
background-repeat: no-repeat;
}

#b2b{
display: block;
position: relative;
width: 225px;
float: left;
margin-left: 25px;
background-image: url(../images/B2B-1-B.png);
background-repeat: no-repeat;
margin-top: 30px;
float: left;

}

#b2b a{
display: block;
position: relative;
width: 205px;
height: 30px;
background-image: url(../images/vice-informaci-button.png);
background-repeat: no-repeat;
background-position: 12px 127px;
text-decoration: none;
color: white;
}

#b2b a:hover{
color: white;
background-image: url(../images/vice-informaci-button2c.png);
background-repeat: no-repeat;
}

#na-miru{
display: block;
position: relative;
width: 225px;
float: left;
margin-left: 25px;
background-image: url(../images/NA-MIRU-1-B.png);
background-repeat: no-repeat;
margin-top: 30px;
float: left;

}

#na-miru a{
display: block;
position: relative;
width: 205px;
height: 30px;
background-image: url(../images/vice-informaci-button.png);
background-repeat: no-repeat;
background-position: 12px 127px;
text-decoration: none;
color: white;
}

#na-miru a:hover{
color: white;
background-image: url(../images/vice-informaci-button2d.png);
background-repeat: no-repeat;
}


.vice2{
color: #f64000;
float: right;
}

a:hover.vice2{
color: black;
}

.vice3{
margin-top: 33px;
margin-left: 60px;
color: white;
float: left;
text-decoration: none;
}

a:hover.vice3{
color: orange;                              
text-decoration: none;
}

.akce2{
width: 130px;
height: 40px;
float: right;
margin-top: 109px;
color: black;
font-size: 12px;
font-weight: bold;
padding-right: 4px;
margin-left: 10px;
float: right; 
text-align: center;
}

.akce2 a{
color: white;
text-decoration: none;
width: 40px;
}

.akce2 a:hover{
/*color: #ff8401;  */
color: white;
text-decoration: underline;
}


#boxy{
width: 990px; 
/*background-color: #ffffff;*/
margin-top: 10px;
}


#p-start{
display: block;
position: relative;
width: 225px;
height: 120px;
float: left;
margin-left: 5px;
background-image: url(../images/boxik-2.png);
background-repeat: no-repeat;
margin-top: 0px;
/*background-color: #ffffff; */
}

#p-start ul li{
list-style-type: none;
}

#p-start ul{
margin: 0px;
padding: 0px;
padding-left: 10px;
padding-top: 25px;
}

#p-standard ul li{
list-style-type: none;
}

#p-standard ul{
margin: 0px;
padding: 0px;
padding-left: 10px;
padding-top: 25px;
}

#p-b2b ul li{
list-style-type: none;
}

#p-b2b ul{
margin: 0px;
padding: 0px;
padding-left: 10px;
padding-top: 25px;
}

#p-na-miru ul li{
list-style-type: none;
}

#p-na-miru ul{
margin: 0px;
padding: 0px;
padding-left: 10px;
padding-top: 25px;
}

#p-standard{
display: block;
position: relative;
width: 225px;
height: 120px;
float: left;
margin-left: 25px;
background-image: url(../images/boxik-3.png);
background-repeat: no-repeat;
margin-top: 0px;
background-color: #ffffff;
}

#p-b2b{
display: block;
position: relative;
width: 225px;
height: 120px;
float: left;
margin-left: 25px;
background-image: url(../images/boxik-4.png);
background-repeat: no-repeat;
margin-top: 0px;
background-color: #ffffff;
}

#p-na-miru{
display: block;
position: relative;
width: 225px;
height: 120px;
float: left;
margin-left: 25px;
background-image: url(../images/boxik-5.png);
background-repeat: no-repeat;
margin-top: 0px;
background-color: #ffffff;
}

.p-modra{
font-size: 9px;
font-weight: normal;
color: black;
margin-top: 25px;
}


.p-zelena{
font-size: 9px;
font-weight: normal;
color: black;
margin-top: 25px;
}

.p-cervena{
font-size: 9px;
font-weight: normal;
color: black;
margin-top: 25px;
}

.p-oranzova{
font-size: 9px;
font-weight: normal;
color: black;
margin-top: 25px;
}

#prava{
  float: right;
  position: relative;
}

#leva{
float: left;
position: relative;
}

#box1{
  background-image: url(../images/box1.gif);
  background-repeat: no-repeat;
  width: 380px;
  height: 177px;
  background-color: #ffffff;
}

#box2{
  background-image: url(../images/box2.gif);
  background-repeat: no-repeat;
  width: 380px;
  height: 166px;
  background-color: #ffffff;
}

#strana{
margin: 0px !important;
width: 990px;
height: auto;
/*background-color: #ffffff;  */
/*margin-top: 50px;*/
display: block;
padding-top: 60px;
*width: auto;
}

#strana ul{
z-index: 800 !important;
position: relative;
}

#strana p{
z-index: 800 !important;
position: relative;
}

#strana2{
margin: 0px !important;
width: 990px;
height: auto;
/*background-color: #ffffff;  */
/*margin-top: 50px;*/
display: block;
padding-top: 0px;
}

.box-pohoda{
width:160px;
height: 165px;
display: block;
float: right;
text-align: justify;
margin-top: 15px;
margin-right: 10px;
}

.odsazeni{
margin: 0px;
padding-left: 30px;
padding-right: 10px; 
padding-top: 25px;
}

ul li{
line-height: 18px;
}

.posun-1{
clear: both;
}

.clear{
clear: both;
padding-bottom: 15px;
}

.clear2{
clear: both;
padding-bottom: 15px;
border-bottom: 1px solid #e3e2e2;
padding-left: 20px;
}

.clear3{
clear: both;
}


.odsazeny{
padding-left: 30px;
}

#reset
{
	border:  0px none;
	margin:  0px;
	padding: 0px;
	float: none;
	clear: both;
	width: 0px;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
}                       
/*
A {text-decoration : underline; color: #F64000; font-family: arial; font-size: 12px}
A:HOVER {color : #17cf20;} 
A.email:HOVER {color : #BA6800;}
A.odkaz_menu:HOVER {color : #17cf20;}
A.odkaz_menu_vertical:HOVER {color : #62f169; background-color: #FFFCEE}
     */

img {vertical-align: top; border: none}
h1 {font-family: Verdana; font-size: 20px; font-weight: normal; color: black; padding-left: 35px; padding-top: 20px; margin: 0px 0px 0px 0px; margin-left: 10px;margin-top: 10px; background-image: url(../images/h1-2.png); background-repeat: no-repeat; display: block; height: 60px;}
h1 a strong{font-family: Verdana; font-size: 20px; font-weight: normal; color: #029a0a; padding: 10px 10px 10px 10px; margin: 0px 0px 0px 0px;text-decoration:none;}
h1 a{text-decoration:none;}
h1.s{
  position:absolute;
	top:570px;
	margin-left:-466px;
	z-index:2;
	display:inline;
	text-decoration:none;
}
.h2_sluzby {font-family: Georgia, Arial; font-size: 16px; display: block; font-weight: bold; padding: 10px 0px 5px 0px; margin: 0px 0px 5px 0px; color: #ffffff; border-bottom: 1px solid #FE7648}
.h2_news {font-family: Georgia; font-size: 12px; font-weight: bold;  padding: 13px 0px 3px 0px; margin: 0px 0px 0px 0px; color: #F64000; border-bottom: 0px solid #E0E0E0}
br {font-size: 6px}
h2 {font-family: Verdana; font-size: 14px; font-weight: normal;  padding: 7px 0px 0px 10px; margin: 0px 0px 0px 0px; color: #000000; border-bottom: 0px solid #E0E0E0}
.zel {color: #029a0a; font-size: 12px; padding-left: 25px;}

h3 {color: #ff9900; font-family: tahoma; font-size: 11px; font-weight: normal; padding: 0px; margin: 0px; font-weight: bold}
.color {color: #ff9900;font-weight:normal;}

h4 {font-family: Verdana; font-size: 13px; font-weight: bold;  padding: 7px 0px 0px 0px; margin: 0px 0px 0px 0px; color: #000000; border-bottom: 0px solid #E0E0E0}

.h2_architektura{font-family: Verdana; font-size: 18px; font-weight: normal; color: #ff9900; margin-left: 10px;}

.h2_architektura2{font-family: Verdana; font-size: 18px; font-weight: normal; color: black; margin-left: 10px;padding-bottom: 10px; margin-top: 10px; background-image: url(../images/h2-2.png); background-repeat: no-repeat; display: block; height: 40px; padding-left: 25px;}

.h2_architektura3{font-family: Verdana; font-size: 18px; font-weight: normal; color: black; margin: 10px; background-image: url(../images/h2-2.png); background-repeat: no-repeat; display: block; height: 40px; padding-left: 25px; padding-top: 5px; overflow: hidden; display: block; float: left;}

.h2_architektura3a{font-family: Verdana; font-size: 18px; font-weight: normal; color: black; margin: 10px; background-image: url(../images/h2-2-modra.png); background-repeat: no-repeat; display: block; height: 40px; padding-left: 25px; padding-top: 5px; overflow: hidden; display: block; float: left;}

.h2_architektura3b{font-family: Verdana; font-size: 18px; font-weight: normal; color: black; margin: 10px; background-image: url(../images/h2-2-zelena.png); background-repeat: no-repeat; display: block; height: 40px; padding-left: 25px; padding-top: 5px; overflow: hidden; display: block; float: left;}

.h2_architektura3c{font-family: Verdana; font-size: 18px; font-weight: normal; color: black; margin: 10px; background-image: url(../images/h2-2-cervena.png); background-repeat: no-repeat; display: block; height: 40px; padding-left: 25px; padding-top: 5px; overflow: hidden; display: block; float: left;}



.h3_architektura{
      color: black;
      padding-left: 20px;
      padding-bottom: 10px;
      padding-top: 10px;
}

.prava2{
float: right;
margin-top: 20px;
}


.prava3{
float: right;
position: relative;
}

.prava3a{
float: right;
margin-left: 20px;
position: relative;
z-index: 990;
cursor: pointer;
}

.prava5{
display: block;
float: right;
position: absolute;
margin-left: 300px;
margin-top: -10px;
top: 470px;
}

.nadpis1{
color: #ff9900;
font-weight: bold;
padding-left: 10px; 
overflow: hidden;
display: block;
}

.odsazeni10{
margin-left: 10px;
margin-right: 10px;
}

.odsazeni20{
margin-left: 20px;
}

.odsazeni20bb{
font-size: 13px;
font-family: Verdana;
color: black;
margin-left: 20px;
float: left;
}

p{
padding-left: 10px;
padding-right: 10px;
display: block;
font-size: 12px;
text-indent: 0px;
text-align: justify;
}

.pocitadlo{
  text-align:right; padding-right: 15px; padding-top:14px;
}


.content_topline {position:absolute; top:0px;left:0px; height: 50px; width: 100%; overflow: hidden; background-color: #000000; border-bottom: 1px solid #3f3f3f; text-align: left; margin: 0px 0px 40px 0px; font-family: tahoma, arial, verdana, sans-serif; font-size: 10px; color: #9C9C9C; z-index: 999;}
.topline_odkaz {text-decoration: none; color: #ff9900; font-size: 10px; font-weight: normal; display: block;}
a:hover.topline_odkaz {color: #ffffff; font-weight: normal;}
.topline_odsazeni {padding: 0px 0px 0px 10px; margin: 0px auto; width: 930px;}
.topline_oddelovac {float: left; margin: 0px; padding: 0px; border: none}
.topline_oddelovac_img {width: 31px; height: 38px;}
.topline_box {float: left; padding: 5px 0px 0px 0px}

.nontop{margin-top:3px;margin-bottom:0px;}

#odkazy{
	margin-top:10px;
	color: #808080;
}



.obr{
position: relative;
float: right;
}

.ikona_1{
float: left;
position: relative;
}

.cerna{
  color: black;
}

.cerna2{
color: black;
font-size: 14px;
font-weight: bold;
}

.cerna3{
 color: black;
 padding-left: 28px;
}

.orange{
color: #ff8401;
}


.green{
/*color: green; */
color: black;
font-size: 13px;
}

  .green2{
color: green;
font-size: 14px;
}

#footer3{
width: 980px;
height: 70px;
margin: 0 auto;
padding-left: 20px;
/*border: 1px solid red; */
padding-top: 40px;
*padding-top: 50px;
}


#footer3 a{
color: white;
text-decoration: none;
}

#footer3 a:hover{
color: white;
text-decoration: underline;
}

#footer2{
width: 990px;
height: 300px;
margin: 0 auto;
color: #808080;
padding-top: 0px;
padding-left: 5px;
/*background-image: url(../images/pozadi_footer2.png); */
background-repeat: no-repeat;
}

#footer4r{
margin-top: 30px;
width: 300px;
height: 100px;
color: #808080;
float: right;
display: block;
}

#footer4{
margin-top: 30px;
width: 680px;
height: 100px;
color: #808080;
padding-left: 5px;
float: left;
}

.left{
float: left;
}

.spoluprace{
padding-bottom: 0px;
}

#odkazy a{
color: #808080;
text-decoration: none;
}

#odkazy a:hover{
color: #bebebe;
text-decoration: underline;
}

.ai{
font-weight: normal;
font-size: 10px;
color: #808080;
text-decoration: none;
}

#footer2 a{
color: white;
text-decoration: none;
}

#footer2 a:hover{
color: white;
text-decoration: underline;
}



a.pod{
color: red;
font-weight: bold;
text-decoration: underline;
}
a:hover.pod{
color: #ec6f82;
text-decoration: underline;
}

.bila {
color: white;
}

.bila2 {
color: white;
padding-left: 10px;
}

.right{
float: right;
}
 
.right2{
float: right;
margin-right: 20px;
}

.logo_small{
float: left;
}

#footer {left:0px; height: 420px; width: 100%; overflow: hidden; background-color: #000000; text-align: left; margin: 0px 0px 0px 0px; font-family: tahoma, arial, verdana, sans-serif; font-size: 11px; background-image: url(../images/pozadi_footer2.jpg); background-repeat: repeat-x; color: white;}

#start_mini{
width: 230px;
height: 350px;
display: block;
float: left;
position: relative;
margin-left: 10px;
font-size: 11px;
background-image: url(../images/1a.png);
background-position: 40px 40px;
background-repeat: no-repeat;
color: black;
border-right: 1px solid #e3e2e2;
margin-top: 0px;
text-align: justify;
padding-right: 5px;
}

#start_mini a{
text-decoration: none;
color: gray;
}

#standard_mini a{
text-decoration: none;
color: gray;
}

#b2b_mini a{
text-decoration: none;
color: gray;
}

#na_mini a{
text-decoration: none;
color: gray;
}

#standard_mini{
width: 230px;
height: 350px;
display: block;
float: left;
position: relative;
margin-left: 0px;
font-size: 11px;
padding-left:10px;
background-image: url(../images/1b.png);
background-position: 40px 40px;
background-repeat: no-repeat;
color: black;
border-right: 1px solid #e3e2e2;
margin-top: 0px;
text-align: justify;
padding-right: 5px;
}

#start_mini:hover{
background-image: url(../images/1a.png);
background-position: -179px 40px;
background-repeat: no-repeat;
}

#standard_mini:hover{
background-image: url(../images/1b.png);
background-position: -179px 40px;
background-repeat: no-repeat;
}

#b2b_mini:hover{
background-image: url(../images/1c.png);
background-position: -179px 40px;
background-repeat: no-repeat;
}

#na_mini:hover{
background-image: url(../images/1d.png);
background-position: -179px 40px;
background-repeat: no-repeat;
}

#b2b_mini{
width: 230px;
height: 350px;
display: block;
float: left;
position: relative;
margin-left: 0px;
font-size: 11px;
padding-left:10px;
background-image: url(../images/1c.png);
background-position: 40px 40px;
background-repeat: no-repeat;
color: black;
border-right: 1px solid #e3e2e2;
margin-top: 0px;
text-align: justify;
padding-right: 5px;
}


#na_mini{
width: 230px;
height: 350px;
display: block;
float: left;
position: relative;
margin-left: 0px;
font-size: 11px;
padding-left:10px;
background-image: url(../images/1d.png);
background-position: 40px 40px;
background-repeat: no-repeat;
color: black;
margin-top: 0px;
text-align: justify;
padding-right: 5px;
}

.delic{
width: 930px;
border-top: 1px solid  #e3e2e2;
height:10px;
display: block;
}

.cena1{
padding-top: 200px;
color: #1378bd;
font-weight: bold;
margin: 10px;
display: block;
}

.cena2{
padding-top: 200px;
color: #0eb61c;
font-weight: bold;
margin: 10px; 
display: block;
}

.cena3{
padding-top: 200px;
color: #e32929;
font-weight: bold;
margin: 10px;
display: block;
}

.cena4{
padding-top: 200px;
color: #ff9900;
font-weight: bold;
margin: 10px;
display: block;
}

.text_small{
margin: 10px;
color: grey;
font-size: 11px;
display: block;
}
 
.prava_strana1{
float: right;
width: 580px;
display: block;
position: relative;
overflow: hidden;
/*border-left: 1px solid  #e3e2e2;*/
margin-left: 20px;
background-image: url(../images/tabule.jpg);
background-repeat: no-repeat;
background-position: 90% 30%;
}

.leva_strana1{
float: left;
width: 390px;
display: block;
position: relative;
overflow: hidden;
}

.odsazeni10a{
margin-left: 10px;
font-size: 11px;
color: #808080;
text-align: justify;
}

.odsazeni10b{
margin-left: 10px;
font-size: 11px;
color: #ff9900;
text-align: left;
font-weight: bold;
}

.odsazeni10b a:hover{
color: #ff9900;
}

.maly{
font-size: 12px;
padding: 10px;
}

.odsazeni10 a{
color: black; 
}

.odsazeni10 a:hover{
color: #ff9900; 
}

.center{
padding-left: 30px;
}

table{
width: 950px;
margin-left: 10px;
border-collapse: collapse;
}

.adresa{
width: 300px;
}

.leva1{
position: relative;
float: left;
padding-top: 5px;
}

.posun50 img{
padding-right: 10px;
}

.posun50{
height: 80px;
padding-left: 0px;
display: block;
overflow: hidden;
}

.leva2{
position: relative;
float: left;
padding-top: 0px;
clear: both;
height: 80px;
}

input{
border: 1px solid #a7a7a7;
margin: 5px;
background-color: #fafafa;
}

textarea{
border: 1px solid #a7a7a7;
margin: 5px;
background-color: #fafafa;
}

.tab{
border: 1px solid #a7a7a7;
padding: 10px;
}

.prava4{
float: right;
width: 500px;
border-left: 1px dotted #afafaf;
position: relative;
display: block;
}

.leva4{
float: left;
width: 380px;
position: relative;
display: block;
}

.klice{
width: 450px;
height: 285px;
background-image: url(../images/servis.jpg);
background-repeat: no-repeat;
display: block;
position: absolute;
float: left;
margin-top: -50px;
}

.button{
margin-left: 20px;
width: 100px;
}

.table3{
width: 380px;
float: left;
}

.table4{
float: right;
width: 520px;
display: block;
overflow: hidden;
}

.seda1{
color: #c4c2c2;
padding-left: 10px;
padding-top: 1px;
padding-bottom: 5px;
display: block;
}

.boxik2a{
float: left;
color: gray;
font-size: 11px;
padding: 10px;
margin: 10px;
width:  210px;
height: 250px;
/*border: 1px solid #dadada;*/
display: block;
margin-left: 5px;
margin-top: 15px;
}

.ref-1{
margin: 0px auto;
display: block;
position: relative;
}

.ref-2{
margin-top: -30px;
position: absolute;
display: block;
overflow: hidden;
float: left;
vertical-align: top;
}

.ref-3{
padding: 0px;
margin: 0px;
color: #e63c00;
font-size: 12px;
font-weight: bold;
padding-bottom: 5px;
}
.ref-4{ 
padding-top: 5px;
float: left;
position: relative;
display: block;
height: 15px;
}
.ref-5{
padding-top: 3px;
padding-left: 15px;
float: left;
display: block;
height: 18px;
}

.ref-6{
width: 200px;
position: relative;
display: block;
overflow: hidden;
position: relative;
}

.tab{
padding: 0px;
margin: 0px;
border: none;
margin-left: 20px;
margin-top: 20px;
}

.boxik2a a{
color: gray;
}

.boxik2a a:hover{
color: black;
}

.tab2{
padding: 0px;
margin: 0px;
border: none;
margin-left: 20px;
}

.tab2a{
padding: 0px;
margin: 0px;
border: none;
margin-left: 20px;
margin-top: 20px;
}

.tab3{
padding: 0px;
margin: 0px;
border: none;
margin-left: 20px;
margin-top: 20px;
}

.cell_two{
background-color: #e1f3ff;
border-bottom: 1px solid #096db0;
padding: 5px;
margin: 0px;
}
.cell_one{
background-color: white;
border-bottom: 1px solid #096db0;
padding: 5px;
margin: 0px;
}

.cell_two1{
background-color: #d8fddb;
border-bottom: 1px solid #08af17;
padding: 5px;
}
.cell_one1{
background-color: white;
border-bottom: 1px solid #08af17;
padding: 5px;
}

.cell_two4{
width: 165px;
background-color: #ececec;
border-bottom: 1px solid #dadada;
padding: 5px;
}
.cell_one4{
background-color: white;
border-bottom: 1px solid #dadada;
padding: 5px;
}

.cell_two3{
width: 165px;
background-color: #fff0f0/*#fce7e7*/;
border-bottom: 1px solid #c11616;
padding: 5px;
}
.cell_one3{
background-color: white;
border-bottom: 1px solid #c11616;
padding: 5px;
}

.prava1{
float: right;
display: block;
}

.odsazeni20{
padding: 0px;
margin: 0px;
padding-left: 20px;
padding-right: 20px;
}

.modrabold{
font-weight: bold;
color: #217fbf;
font-size: 16px;
}

.zelenabold{
font-weight: bold;
color: #0eb61c;
font-size: 16px;
}

.cervenabold{
font-weight: bold;
color: #e51616;
font-size: 16px;
}

.but_trial {
margin-top: 12px;
margin-left: 13px;
}

.odsazeni50{
display: block;
float: left;
padding: 0px;
margin: 0px;
padding-left: 20px;
padding-bottom: 20px;
padding-right: 20px;
margin-top: 0px;
width: 680px;
}


.bublina-modra{
margin: 0px;
padding: 0px;
width: 560px;
height: 80px;
background-image: url(../images/bublina-modra.png);
background-repeat: no-repeat;
margin-left: 20px;
display: block;
float: left;
margin-top: 10px;
padding-left: 110px;
padding-right: 20px;
color: white;
padding-top: 5px;
}

.bublina-oranzova{
margin: 0px;
padding: 0px;
width: 560px;
height: 80px;
background-image: url(../images/bublina-oranzova.png);
background-repeat: no-repeat;
margin-left: 20px;
display: block;
float: left;
margin-top: 10px;
padding-left: 110px;
padding-right: 20px;
color: white;
padding-top: 5px;
}

.balicek-leva{
margin: 0px;
padding: 0px;
width: 560px;
display: block;
float: left;
}

.balicek-leva h3{
display: block;
width: 100%;
padding-bottom: 10px;
}

.text_color{
color: black;
}

.vice1{
margin-left: 20px;
font-size: 12px;
color: #217fbf;
}

.vice1a{
margin-left: 20px;
font-size: 12px;
color: #0eb61c;
}

.vice1b{
margin-left: 20px;
font-size: 12px;
color: #c11616;
}

.vice1d{
margin-left: 20px;
font-size: 12px;
color: orange;
}

.text_small2{
margin: 10px;
color: black;
text-decoration: underline;
font-size: 11px;
display: block;
}

.bublina-zelena{
margin: 0px;
padding: 0px;
width: 560px;
height: 80px;
background-image: url(../images/bublina-zelena.png);
background-repeat: no-repeat;
margin-left: 20px;
display: block;
float: left;
margin-top: 10px;
padding-left: 110px;
padding-right: 20px;
color: white;
padding-top: 5px;
}

.bublina-cervena{
margin: 0px;
padding: 0px;
width: 560px;
height: 80px;
background-image: url(../images/bublina-cervena.png);
background-repeat: no-repeat;
margin-left: 20px;
display: block;
float: left;
margin-top: 10px;
padding-left: 110px;
padding-right: 20px;
color: white;
padding-top: 5px;
}

.bublina-modra p{
margin-top: 10px;
padding-right: 40px;
}

.bublina-zelena p{
margin-top: 10px;
padding-right: 40px;
}

.bublina-cervena p{
margin-top: 2px;
padding-right: 40px;
}

.bublina-oranzova p{
margin-top: 2px;
padding-right: 40px;
color: black;
}

.obsahuje{
margin-top: 10px;
margin-bottom: 0px;
margin-left: 20px;
}

#navigace1{
float: left;
display: block;
height: 20px;
margin-left: 20px;
font-size: 11px;
color: black;
margin-top: 40px;
}

#navigace1 a{
color: gray;
}

#navigace1 a:hover{
color: black;
}

.podtab{
width: 330px;
height: 100px;
padding-top: 10px;
padding-left: 20px;
float: left;
position: relative;
overflow: hidden;
display: block;
text-align: left;
}

.cell_one_moduly {background-color: #ffffff; padding: 6px 5px 6px 5px;}
.cell_two_moduly {/*background-color: #F64000;*/background-color: #f5f5f5; padding: 6px 5px 6px 5px; font-weight: bold; color: gray;}
.text {color: #9C9C9C; font-family: verdana; font-size: 12px;}
.text1 {width: 100%; color: #9C9C9C; font-family: tahoma; font-size: 11px}

.table5{
width: 98%;
font-size: 11px;
}

.table5 a{
color: gray;
}

.table5 a:hover{
color: black;
}

.module{
background-color: #ffffff;
}

.novinka-butt{
float: right;
position: relative;
padding-right: 5px;
padding-top: 3px;
}

.novinka1{
width: 660px;
margin-left: 290px;
margin-top: 20px;
font-size: 12px;
z-index: 900 !important;
}



.novinka-nadpis{
width: 650px;
height: 25px;
/*background-color: #f0f0f0; */
background-image: url(../images/novinka-p1.png);
display: block;
overflow: hidden;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
border: 1px solid gray; 
z-index: 900 !important;
}

.novinka-nadpis h2{
display: block;
width: 100%
height: 30px;
}

.novinka-nadpis h2:hover{
color: black;
}

.novinka-nadpis:hover{
background-color: #000000;
color: black;
}

.novinka1:hover{
/*background-color: #000000 !important;*/
color: black;
}

.stranax-1{
padding-top: 40px;    
display: block;
width: 990px;
min-height: 900px;
}

.stranax-2{
position: fixed;
width: 292px;
height: 380px;
display: block;
z-index: 0 !important;
background-image: url(../images/novinky-info.jpg);
background-repeat: no-repeat;
margin-left: -20px;
}

.novinka-r{
float: right;
padding-top: 10px;
padding-right: 10px;
}

.odsazeni10n{
margin: 0px;
padding: 0px;
padding: 20px;
font-style: italic;
color: black;
}

.cena1a{
position: relative;
text-align: center;
padding-right: 20px;
color:  #1378bd;
font-size: 18px;
font-weight: bold;
font-family: Verdana;
display: block;
}

.cena2a{
position: relative;
text-align: center;
padding-right: 20px;
color:  #0ab119;
font-size: 18px;
font-weight: bold;
font-family: Verdana;
display: block;
}

.cena3a{
position: relative;
text-align: center;
padding-right: 20px;
color:  #d71d1d;
font-size: 18px;
font-weight: bold;
font-family: Verdana;
display: block;
}

.cena4a{
position: relative;
text-align: center;
padding-right: 20px;
color:  #ff9900;
font-size: 18px;
font-weight: bold;
font-family: Verdana;
display: block;
}

#ram ul li{
list-style: none none inside;
margin: 0px;
padding: 0px;
left: 0px;
text-indent: 0px;
}

#ram ul{
margin: 0px;
padding: 0px;
}

.blue12{
display: inline;
}

.boxik1f{
border: 1px solid #e8e8e8;
margin-right: 10px;
margin-bottom: 10px;
background: white;
color: #ff9900;
}

.boxik1f:hover{
border: 1px solid black;
background: black;
color: white;
}

.boxik1f img{
margin: 6px;
cursor: pointer;
}

.boxik2f{
border: 1px solid #e8e8e8;
margin-right: 10px;
margin-bottom: 10px;
background: white;
color: #ff9900;
} 

.boxik2f img{
margin: 6px;
cursor: pointer;
}

.boxik3f{
text-align: left;
margin-top: 0px;
padding: 3px
}

.input1a{
background: none;
border: none;
margin-bottom: -1px;
} 

.color1a{
color: #000000;
}

.textdesign1{
width: 220px;
}  

.textdesign1:hover{
border: 1px solid black;
}
  
.cell_two_order input:hover{
border: 1px solid black;
}  
  
  
.cell_one_order1a{
color: #ff9900;
width: 220px;
}            

.cell_one_order2a{
border-bottom: 1px solid #D8D8D8;
}


.cell_two_order3a{
border-bottom: 1px solid #D8D8D8;
width: 220px; 
}        

.cell_two_order3a img{
margin: 0px;
padding: 0px;
margin-right: 7px;
}

.cell_two_order3a textarea:hover{
border: 1px solid black;
}

.textdesign2{
width: 70px;
}    

.cell_two_order textarea:hover{
border: 1px solid black;
}

.boxik1fa{
border: 1px solid #e8e8e8;
background: white;
height: 230px;
margin-top: 0px;
}

.boxik1fa img{
margin: 6px;
cursor: pointer;
}


.boxik1fa1{
border: 1px solid #e8e8e8;
background: white;
height: 235px;
}

.boxik1fa1 img{
margin: 6px;
cursor: pointer;
}

.vyberte-1{
font-weight: bold;
margin-left: 470px;
margin-bottom: 15px;
}

.doporucujeme-1{
margin-top: 10px;
margin-left: 0px;
padding-top: 8px;
padding-left: 20px;
display: block;
width: 990px;
height: 32px;
color: c7c7c7;
background-image: url(../images/doporucujeme.jpg);
background-repeat: no-repeat;
color: #a6a5a5;
}

.doporucujeme-1 span{
color: #c7c7c7;
}

.doporucujeme-1 a{
color: #c7c7c7;
text-decoration: none;
}

.doporucujeme-1 a:hover{
color: black;
text-decoration: underline;
}

.text-1 p{
text-align: left !important;
}

.monitor-1{
padding-top: 38px;
margin-top: 20px;
width: 868px;
height: 769px;
display: block;
background-image: url(../images/monitor.png);
background-repeat: no-repeat;
margin-left: 55px;
}

#monitor-1x{
width: 300px;
height: 300px;
display: block;
background-image: url(../images/video01.png);
background-repeat: no-repeat;
float: left;
margin-right: 30px;
}

#monitor-1x a{
display: block;
position: relative;
width: 300px;
height: 300px;
}

#monitor-1x a:hover{
width: 300px;
height: 300px;
display: block;
background-image: url(../images/play01.png);
background-repeat: no-repeat;
float: left;
}

#monitor-2x{
width: 300px;
height: 300px;
display: block;
background-image: url(../images/video02.png);
background-repeat: no-repeat;
float: left;
margin-right: 30px;
}

#monitor-2x a{
display: block;
position: relative;
width: 300px;
height: 300px;
}

#monitor-2x a:hover{
width: 300px;
height: 300px;
display: block;
background-image: url(../images/play02.png);
background-repeat: no-repeat;
float: left;
}

#monitor-3x{
width: 300px;
height: 300px;
display: block;
background-image: url(../images/video03.png);
background-repeat: no-repeat;
float: left;
}

#monitor-3x a{
display: block;
position: relative;
width: 300px;
height: 300px;
}

#monitor-3x a:hover{
width: 300px;
height: 300px;
display: block;
background-image: url(../images/play03.png);
background-repeat: no-repeat;
float: left;
}

#monitor-4x{
width: 300px;
height: 300px;
display: block;
background-image: url(../images/video04.png);
background-repeat: no-repeat;
float: left;
margin-right: 30px;
}

#monitor-4x a{
display: block;
position: relative;
width: 300px;
height: 300px;
}

#monitor-4x a:hover{
width: 300px;
height: 300px;
display: block;
background-image: url(../images/play04.png);
background-repeat: no-repeat;
float: left;
}

#monitor-5x{
width: 300px;
height: 300px;
display: block;
background-image: url(../images/video05.png);
background-repeat: no-repeat;
float: left;
}

#monitor-5x a{
display: block;
position: relative;
width: 300px;
height: 300px;
}

#monitor-5x a:hover{
width: 300px;
height: 300px;
display: block;
background-image: url(../images/play05.png);
background-repeat: no-repeat;
float: left;
}


.navi-1{
margin-right: 20px;
display: block;
float: right;
margin-top: 40px;
}

.navi-1 a{
display: block;
padding: 7px;
text-align: center;
background-color: #dddddd;
color: black;
border: 1px solid gray;
text-decoration: none;
font-weight: bold;
}

.navi-1 a:hover{
color: white;
background-color: black;
border: 1px solid black;
}

#ai-video{
width: 58px;
height: 170px;
display: block;
position: fixed;
right: 0px;
top: 160px;
z-index: 800 !important;
}

#ai-sablony{
width: 58px;
height: 170px;
display: block;
position: fixed;
right: 0px;
top: 377px;
z-index: 800 !important;
}


.video-3a{
margin: 0px;
padding: 0px;
width: 280px;
height: 20px;
display: block;
} 
                                                  
#player{
  display:block;
  width:790px;
  height:500px;
  margin-left: 40px;
}

/*.e-shop-sablony-boxik{
float: left;
padding-right: 0px;
padding-bottom: 20px;
text-decoration: none;
}                */


.e-shop-sablony-boxik1 a{
margin: 0px;
padding: 0px;
width: 480px;
height: 280px;
display: block;
}

.e-shop-sablony-boxik1{
float: left;
display: block;
width: 480px;
height: 280px;
float: left;
padding-right: 0px;
padding-bottom: 20px;
background-image: url(../images/sablona1m.png);
background-repeat: no-repeat;
text-decoration: none;
}

.sablona-e-shop-1:hover{
margin: 0px;
padding: 0px;
display: block;
width: 480px;
height: 280px;
background-image: url(../images/sablona1m1.png);
background-repeat: no-repeat;
text-decoration: none;
z-index: 990;
}

/*
<img src="images/sablona1m.png" alt="Šablona ZELENÁ" title="Šablona ZELENÁ" />
*/



.e-shop-sablony-boxik2 a{
margin: 0px;
padding: 0px;
width: 480px;
height: 280px;
display: block;
}

.e-shop-sablony-boxik2{
float: left;
display: block;
width: 480px;
height: 280px;
float: left;
padding-right: 0px;
padding-bottom: 20px;
background-image: url(../images/sablona2m.png);
background-repeat: no-repeat;
text-decoration: none;
}

.sablona-e-shop-2:hover{
margin: 0px;
padding: 0px;
display: block;
width: 480px;
height: 280px;
background-image: url(../images/sablona2m1.png);
background-repeat: no-repeat;
text-decoration: none;
z-index: 900;
}


.e-shop-sablony-boxik3 a{
margin: 0px;
padding: 0px;
width: 480px;
height: 280px;
display: block;
}

.e-shop-sablony-boxik3{
float: left;
display: block;
width: 480px;
height: 280px;
float: left;
padding-right: 0px;
padding-bottom: 20px;
background-image: url(../images/sablona3m.png);
background-repeat: no-repeat;
text-decoration: none;
}


.e-shop-sablony-boxik4 a{
margin: 0px;
padding: 0px;
width: 480px;
height: 280px;
display: block;
}

.sablona-e-shop-3:hover{
margin: 0px;
padding: 0px;
display: block;
width: 480px;
height: 280px;
background-image: url(../images/sablona3m1.png);
background-repeat: no-repeat;
text-decoration: none;
z-index: 900; 
}

.e-shop-sablony-boxik4{
float: left;
display: block;
width: 480px;
height: 280px;
float: left;
padding-right: 0px;
padding-bottom: 20px;
background-image: url(../images/sablona4m.png);
background-repeat: no-repeat;
text-decoration: none;
}


.e-shop-sablony-boxik5 a{
margin: 0px;
padding: 0px;
width: 480px;
height: 280px;
display: block;
}

.sablona-e-shop-4:hover{
margin: 0px;
padding: 0px;
display: block;
width: 480px;
height: 280px;
background-image: url(../images/sablona4m1.png);
background-repeat: no-repeat;
text-decoration: none;
z-index: 900; 
}

.e-shop-sablony-boxik5{
float: left;
display: block;
width: 480px;
height: 280px;
float: left;
padding-right: 0px;
padding-bottom: 20px;
background-image: url(../images/sablona5m.png);
background-repeat: no-repeat;
text-decoration: none;
}

.sablona-e-shop-5:hover{
margin: 0px;
padding: 0px;
display: block;
width: 480px;
height: 280px;
background-image: url(../images/sablona5m1.png);
background-repeat: no-repeat;
text-decoration: none;
z-index: 900; 
}


.e-shop-sablony-boxik6 a{
margin: 0px;
padding: 0px;
width: 480px;
height: 280px;
display: block;
}

.e-shop-sablony-boxik6{
float: left;
display: block;
width: 480px;
height: 280px;
float: left;
padding-right: 0px;
padding-bottom: 20px;
background-image: url(../images/sablona6m.png);
background-repeat: no-repeat;
text-decoration: none;
}

.sablona-e-shop-6:hover{
margin: 0px;
padding: 0px;
display: block;
width: 480px;
height: 280px;
background-image: url(../images/sablona6m1.png);
background-repeat: no-repeat;
text-decoration: none;
z-index: 900; 
}
                      
.e-shop-sablony-boxik7 a{
margin: 0px;
padding: 0px;
width: 480px;
height: 280px;
display: block;
}

.e-shop-sablony-boxik7{
float: left;
display: block;
width: 480px;
height: 280px;
float: left;
padding-right: 0px;
padding-bottom: 20px;
background-image: url(../images/sablona7m.png);
background-repeat: no-repeat;
text-decoration: none;
}

.sablona-e-shop-7:hover{
margin: 0px;
padding: 0px;
display: block;
width: 480px;
height: 280px;
background-image: url(../images/sablona7m1.png);
background-repeat: no-repeat;
text-decoration: none;
z-index: 900; 
}
                      
.e-shop-sablony-boxik8 a{
margin: 0px;
padding: 0px;
width: 480px;
height: 280px;
display: block;
}

.e-shop-sablony-boxik8{
float: left;
display: block;
width: 480px;
height: 280px;
float: left;
padding-right: 0px;
padding-bottom: 20px;
background-image: url(../images/sablona8m.png);
background-repeat: no-repeat;
text-decoration: none;
}

.sablona-e-shop-8:hover{
margin: 0px;
padding: 0px;
display: block;
width: 480px;
height: 280px;
background-image: url(../images/sablona8m1.png);
background-repeat: no-repeat;
text-decoration: none;
z-index: 900; 
}

.e-shop-sablony-boxik9 a{
margin: 0px;
padding: 0px;
width: 480px;
height: 280px;
display: block;
}

.e-shop-sablony-boxik9{
float: left;
display: block;
width: 480px;
height: 280px;
float: left;
padding-right: 0px;
padding-bottom: 20px;
background-image: url(../images/sablona9m.png);
background-repeat: no-repeat;
text-decoration: none;
}

.sablona-e-shop-9:hover{
margin: 0px;
padding: 0px;
display: block;
width: 480px;
height: 280px;
background-image: url(../images/sablona9m1.png);
background-repeat: no-repeat;
text-decoration: none;
z-index: 900; 
}

.e-shop-sablony-boxik10 a{
margin: 0px;
padding: 0px;
width: 480px;
height: 280px;
display: block;
}

.e-shop-sablony-boxik10{
float: left;
display: block;
width: 480px;
height: 280px;
float: left;
padding-right: 0px;
padding-bottom: 20px;
background-image: url(../images/sablona10m.png);
background-repeat: no-repeat;
text-decoration: none;
}

.sablona-e-shop-10:hover{
margin: 0px;
padding: 0px;
display: block;
width: 480px;
height: 280px;
background-image: url(../images/sablona10m1.png);
background-repeat: no-repeat;
text-decoration: none;
z-index: 900; 
}

/*REFERENCE*/

.e-shop-reference-boxik1 a{
margin: 0px;
padding: 0px;
width: 480px;
height: 280px;
display: block;
}

.e-shop-reference-boxik1{
float: left;
display: block;
width: 480px;
height: 280px;
float: left;
padding-right: 0px;
padding-bottom: 20px;
background-image: url(../images/reference1m.png);
background-repeat: no-repeat;
text-decoration: none;
}

.reference-e-shop-1:hover{
margin: 0px;
padding: 0px;
display: block;
width: 480px;
height: 280px;
background-image: url(../images/reference1m1.png);
background-repeat: no-repeat;
text-decoration: none;
z-index: 900; 
}

.e-shop-reference-boxik2 a{
margin: 0px;
padding: 0px;
width: 480px;
height: 280px;
display: block;
}

.e-shop-reference-boxik2{
float: left;
display: block;
width: 480px;
height: 280px;
float: left;
padding-right: 0px;
padding-bottom: 20px;
background-image: url(../images/reference2m.png);
background-repeat: no-repeat;
text-decoration: none;
}

.reference-e-shop-2:hover{
margin: 0px;
padding: 0px;
display: block;
width: 480px;
height: 280px;
background-image: url(../images/reference2m1.png);
background-repeat: no-repeat;
text-decoration: none;
z-index: 900; 
}

.e-shop-reference-boxik3 a{
margin: 0px;
padding: 0px;
width: 480px;
height: 280px;
display: block;
}

.e-shop-reference-boxik3{
float: left;
display: block;
width: 480px;
height: 280px;
float: left;
padding-right: 0px;
padding-bottom: 20px;
background-image: url(../images/reference3m.png);
background-repeat: no-repeat;
text-decoration: none;
}

.reference-e-shop-3:hover{
margin: 0px;
padding: 0px;
display: block;
width: 480px;
height: 280px;
background-image: url(../images/reference3m1.png);
background-repeat: no-repeat;
text-decoration: none;
z-index: 900; 
}

.e-shop-reference-boxik4 a{
margin: 0px;
padding: 0px;
width: 480px;
height: 280px;
display: block;
}

.e-shop-reference-boxik4{
float: left;
display: block;
width: 480px;
height: 280px;
float: left;
padding-right: 0px;
padding-bottom: 20px;
background-image: url(../images/reference4m.png);
background-repeat: no-repeat;
text-decoration: none;
}

.reference-e-shop-4:hover{
margin: 0px;
padding: 0px;
display: block;
width: 480px;
height: 280px;
background-image: url(../images/reference4m1.png);
background-repeat: no-repeat;
text-decoration: none;
z-index: 900; 
}

.e-shop-reference-boxik5 a{
margin: 0px;
padding: 0px;
width: 480px;
height: 280px;
display: block;
}

.e-shop-reference-boxik5{
float: left;
display: block;
width: 480px;
height: 280px;
float: left;
padding-right: 0px;
padding-bottom: 20px;
background-image: url(../images/reference5m.png);
background-repeat: no-repeat;
text-decoration: none;
}

.reference-e-shop-5:hover{
margin: 0px;
padding: 0px;
display: block;
width: 480px;
height: 280px;
background-image: url(../images/reference5m1.png);
background-repeat: no-repeat;
text-decoration: none;
z-index: 900; 
}

.e-shop-reference-boxik6 a{
margin: 0px;
padding: 0px;
width: 480px;
height: 280px;
display: block;
}

.e-shop-reference-boxik6{
float: left;
display: block;
width: 480px;
height: 280px;
float: left;
padding-right: 0px;
padding-bottom: 20px;
background-image: url(../images/reference6m.png);
background-repeat: no-repeat;
text-decoration: none;
}

.reference-e-shop-6:hover{
margin: 0px;
padding: 0px;
display: block;
width: 480px;
height: 280px;
background-image: url(../images/reference6m1.png);
background-repeat: no-repeat;
text-decoration: none;
z-index: 900; 
}

.modras1 a:hover{
color: #0284d9;
}

.zelenas1 a:hover{
color: #20bb22;
}

.cervenas1 a:hover{
color: #e20707;
}

.tabulka-facebook td{
padding: 7px;
}

.cerny-nadpis{
background-color: black;
color: white;
}

.sedy-nadpis{
background-color: #e1e1e1;
color: black;
}

.prakticka{
margin-left: 20px;
margin-bottom: 20px;
}

.leva-ul{
margin: 0px;
padding: 0px;
float: left;
list-style-type: none;
display: block;
width: 230px;
}

.ikony-2{
width: 600px;
margin-top: 10px;
display: block;
margin-left: 20px;
}

.leva-ul span{
padding: 0px;
margin: 0px;
padding: 10px;
}

.ikony-2 ul li{
padding: 10px;
}

.leva-ul img{
margin: 0px;
padding: 0px;
margin-top: -5px;
}

.odsazeni-na{
padding-left: 20px;
padding-bottom: 10;
font-weight: normal;
font-size: 14px;
}

.tip-01{
position: absolute;
display: block;
width: 682px;
height: 50px;
margin-top: 10px;
margin-left: 308px;
background-image: url(../images/tip01.png);
background-repeat: no-repeat;
}

.tip-01:hover{
position: absolute;
margin-top: 10px;
margin-left: 308px;
background-image: url(../images/tip02.png);
background-repeat: no-repeat;
}

#aishop-boxik{
width: 752px;
height: 38px;
display: block;
position: absolute;
background-image: url(../images/ai-shop-boxik.png);
background-repeat: no-repeat;
top: 0px;
margin-left: 240px;
margin-top: 380px;
padding-top: 10px;
padding-left: 70px; 
}

.aishop-boxik2{
font-weight: bold;
}

.aishop-boxik-cena{
color: black;
font-weight: bold;
padding-left: 20px;
padding-right: 0px;
}

.akce-banner-1{
width: 100%;
height: 1780px;
background-image: url(../images/pozadi-black.png);
position: absolute;
z-index: 999;
overflow: hidden;
}

.akce-banner-2{
width: 700px;
height: 475px;
display: block;
background-image: url(../images/akce.png);
background-repeat: no-repeat;
margin: 0px auto;
margin-top: 10%;
}

.akce-banner-3{
width: 700px;
height: 475px;
display: block;
margin: 0px auto;
margin-top: 5%;
}

.akce-banner-4{
width: 48px;
height: 48px;
display: block;
background-image: url(../images/close.jpg);
background-repeat: no-repeat;
float: right;
margin-top: 25px;
margin-right: 25px;
}

.akce-nadpis-2{
 float: right;
 margin-left: 30px;

}
