body{
  font-family: Tahoma, Lucida Grande CE, lucida;
  font-size: 0.8em;  
  /*margin-top: 5px;*/
  padding-top: 10px;
  /*background: #FFFFFF;*/  
  margin: auto;

}

h1,h2,h3,h4{
  padding: 0;
  margin: 0;
}

h2{
   margin-top: 5px;   
   font-size: 1.1em;
   color: #8c4f00;
   text-transform: uppercase;
}
h3{
   margin-top: 10px;   
   font-size: 1.25em;   
   text-transform: uppercase;
}

h4{   
   margin-top: 20px;
   font-size: 1.25em;   
   color: #005BB7;  
   /*font-weight: bold;*/
   /*text-transform: uppercase;*/
}

h4 a{ 
   color: #005BB7;
}

a {
   color: #000;
} 

a img{
   border: 0px solid black;
}

a:hover {
   text-decoration: none;
}

.rozsirit{
   line-height: 1.6em;
}

.info{
   color: blue;
   font-weight: bold;
}

.error{
   color: red;
   font-weight: bold;
}

.def{  /* pouzitie odstavca bez zmeny */
   margin: 0;
   padding: 0;
}

.hid {
   position: absolute;
   top: -200px;
   left: auto;
}

.odsun {
   padding-top: 30px;
}

.black{
   color: #000;
}

.red{
   color: #f00;
   font-weight: bold;
}



.oramovane{
   /*background-color: #EBF5FE;*/   
   /*border: 1px dotted #c7e8ff;*/
   padding-bottom: 3px;
   border-bottom: 1px dotted #84ccfe;
   
 
}

.noefect{
   border: solid 0px black;
}

.popis{
  border-bottom: 1px dotted #666666;  
}

.popis, abbr, acronym{
   cursor: help;
}


.lavo {
   float: left;
}

.pravo {
   float: right;
}

.handcursor{
  cursor:hand;
  cursor:pointer;
  text-decoration: underline;
} 

#u1, #u2, #u3, #u4{
  position: absolute;
  padding-top:13px;
  width: 450px;
}

p.nizke {
   padding-bottom: 10px;
}
/* referencie ------------------------->>>>                                      */
.ref1, .ref2{   
   margin: 20px 10px 10px 0;
   float: left;
}

.ref1 img{
   /*border-bottom: dotted 1px #52A0C4;*/
   border: solid 4px #C2E1FE;
}

.ref1 .text-lava, .ref1 .text-prava, .ref1 .text-prava a{
   padding: 0 3px 0 3px;
   margin-top: 5px;
   color: #666666;
   /*font-size: 1em;*/
   /*background-color: green;*/
}

.ref1 .text-lava{
   float: left;
   /*text-transform: uppercase;*/
 
}
.ref1 .text-prava, .ref2 .text-prava{
   float: right;   
   
}


.ref2{

}

.ref2 img{
   border: solid 2px #C2E1FE;
   float: left;
}

.ref2 .text-lava{
   float: left;   
}

.ref2 .text-lava, .ref2 .text-prava, .ref2 .text-prava a{
   padding: 0 0 0 10px;
   margin: 0;
}

.ref2 .text-prava{
   float: left;
}

.ref-prava{
   
   /*background-color: blue;*/
}

/* kontakt ------------------------->>>>                                      */
fieldset{
   padding: 10px 0px 10px 0px;
   margin: 0;
   border: solid #FFDDAA 0px;
}

.kontakt-lava {
   float: left;
   width: 110px;
   padding: 2px 0 3px 0;
   color: #402000;
   /*font-weight: bold;*/
   
}

.kontakt-prava {
   float: left;
   width: 150px;
   
}

.kontakt-form label{
   float: left;
   width: 150px;
   padding: 2px 0 2px 0;
   
}

.kontakt-form .prava{
   float: left;
   width: 480px;
   padding: 2px 0 2px 0;
   /*background-color: blue;*/
}

#menob, #emailb, #telb{
   width: 40%;
}
#spravab{
   width: 100%;
   
}

input, textarea{
   border: 1px inset #346582;   
   padding: 3px 2px 3px 2px;
}

.submit{
   width: 130px;
   margin-top: 10px;
   
   background-color: #F88546;
   border: 2px outset #529FCD;
   
}

/* zoznamy ------------------------->>>>                                      */
.ulyes {
  list-style-image: url(../images/yes.gif); 
   padding: 0;
   margin:10px 0 0 30px; 
}

/* tabulky ------------------------->>>>                                      */
table{
   border: solid 2px orange;    
}

table td, table th{
   padding: 3px 3px 3px 3px;
   border: dotted 1px orange;
   text-align: center;
}
table .vlavo{   
   text-align: left;
}
table caption{      
   margin: 10px 0 5px 0;
   padding: 10px 0 2px 0;
   text-align: left;
   font-weight: bold;
   text-transform: uppercase;
   
}

/*--------------------------------- HEADER -----------------------------------*/
#header{
  margin: auto;
  width: 960px;
  position:relative; /* aby absolutne pozicie boli pozicovane od stredu */
  /*border: solid 1px black;*/
  z-index: 1;  
}

#header h1 a {
  text-decoration: none;
  margin-bottom:15px;
}

#header h1{
  float: left;  
  padding-top: 0px;
  font-size: 1.55em;
  /*font-weight: normal;*/  
}

#header-menu{  
  position: absolute;
  top:15px;
  right: 50%;
  width: 960px;  
  height: 20px;
  margin-right: -480px;  
  /*font-weight: bold;*/
  font-size: 0.9em;
  z-index:0;
}
   

.header-menu a, .header-menu a:hover{      
  color: #001052;
}

.zuzene{  
  width: 700px;  
}

.nie {
   color: #f00;
   font-weight: bold;
}

/*--------------------------------- PRAVA ------------------------------------*/
.panel{
   position: absolute;
   top: 15px;
   right: 0px;
   z-index: 0;   
   width: 220px;   
   padding: 10px;
   
   text-align: center;   
   font-size: 1.55em;
   color: #975500;
   /*background-color: red;*/
}

.panel img{
   margin-left: -45px;
}

.panel img.exref{
   margin-top: 0px; margin-left: -100px;
}

/*--------------------------------- ADVERT -----------------------------------*/
#advert{  
  height: 305px;
  background: url(../images/header-bg.jpg) #ECF6FF repeat-x left top;
}

#advert-content{  
  width: 960px;
  margin: auto;  
  position:relative; /* aby absolutne pozicie boli pozicovane od stredu */
  padding-top: 90px;
}




#advert-content h2{
   margin-top: 0px;
  
   font-size: 3.3em;
   font-family: Trebuchet MS, Geneva CE, lucida;
   text-transform: uppercase;
   color: #8c4f00;   
}  

#advert-content .big{
   font-size: 1.2em;
   margin: 0;
   padding: 0;
   
   font-weight: bold;
   text-transform: uppercase;
} 

/*-------------------------------- CONTENT1 -----------------------------------*/
#content1{
   width: 960px;
   margin: auto;  
   position:relative;   
   margin-top:10px;
   
   line-height: 1.5em;
}

#content1 p{
  margin-bottom: 5px;
}

#content1 .lava{
   float:left;
   width: 450px; 
   margin-right: 20px;
   line-height: 1.25em;   
}

#content1 .lava2{
   float:left;
   width: 650px;      
}
#content1 .prava2{
   float:left;
   width: 280px;
   padding-left: 10px;
   margin: 0 0 0 20px;
}

#content1 .lava3, .prava3 {
   float:left;
   width: 208px;   
}

#content1 .lava3 {
   margin-right: 40px;
}

#content1 .lava3 a, .prava3 a{
   color: #595959;
}

#content1 h3{
  margin-top: 20px;   
  font-size: 1.6em;   
  font-weight: bold;
  text-transform: uppercase;
  color: #8c4f00;
}




#dalsie{
   text-align: right;   
}

/** styly pre textove obrazky */
#propaganda1, #propaganda2, #propaganda3, #dalsie{ 
   margin: 8px 0 0 470px;  /* Odsadenie textu, inak to nejde*/ 
   width: 330px;
}

#propaganda1, #propaganda2, #propaganda3{
   font-size: 0.7em;
}

#propaganda1 span{ 
   position: absolute; /* aby span zobral bg color */ 
   width: 269px; /*rozmery obrazka*/ 
   height: 80px;
   background: url("../images/propaganda1.jpg") no-repeat left top;
}

#propaganda2 span{ 
   position: absolute;  
   width: 325px;  
   height: 40px;
   background: url("../images/propaganda2.jpg") no-repeat left top;
}

#propaganda3 span{ 
   position: absolute;  
   width: 325px;  
   height: 25px;
   background: url("../images/propaganda3.jpg") no-repeat left top;
}

/*--------------------------------- POLKY ------------------------------------*/
.polka-lava, .polka-prava{
  float: left;
  width: 450px;
  /*background-color: red;  */
}

.polka-lava{
  margin-right: 30px;
}

.polka-prava{
  margin-left: 30px;

}



/*------------------------------- SERVICES -----------------------------------*/
#services{    
  background: url(../images/sluzby-bg.jpg) #ECF6FF repeat-x left top;  
  margin-top:30px;
}


#services-content{  
  width: 960px;
  margin: auto;  
  position:relative;  
  padding-top: 30px;  
}
/* lave a prave ------------------------->>>>                                 */
#services-content .lava, #services-content .prava, #services-content .lava2, #services-content .prava2{
   width: 440px; 
   margin: 10px 0px 0 0;   
   padding: 0px 10px 10px 10px;   s
   
   
}
#services-content .lava, #services-content .prava{
   background-color: #fff;
   border: solid 1px #78b9f4;
}

#services-content .lava2,#services-content .prava2,#services-content .lava2 a,#services-content .prava2 a{
   text-align: right;
   color: #595959; 
   text-transform: uppercase;  
}

#services-content .lava, .lava2 { float:left; }
#services-content .prava, .prava2 { float: right; }


/* zoznamy ------------------------->>>>                                      */
#services-content ul {
  list-style-image: url(../images/yes.gif);
  font-size: 1.25em;  
   padding: 0;
   margin:10px 0 0 30px; 
}

#services-content li {
  font-family: verdana;
  font-size: 0.75em;
  margin: 5px 0 5px 0;
  padding-left: 5px;
}

/*--------------------------------- FOOTER -----------------------------------*/
#footer{    
   background-color: #ffe5c0;
   border-top: 1px solid #FDCE8D;   
}


#footer-content{  
  width: 960px;
  height: 10px;
  margin: auto;  
  position:relative;  
  padding: 3px 10px 5px 10px;
  text-align: right;
  font-size: 10px;
  color: #333333;
}

#footer .lava { float: left; margin:0; }
#footer .prava { float: right; margin:0; }

/*---------------------------- ADVERT-BOTTOM  --------------------------------*/

#advert-bottom{  
  width: 960px;
  margin: auto;  
  position:relative;  
  padding: 15px 10px 5px 10px;
  font-size: 0.75em;
  color: #666666;
}
#advert-bottom .prava{
   float:right;
   
}

#advert-bottom a {
   width: 130px;
   height: 37px;
   display: block;
   padding-top: 40px;
   margin-top: 2px;
   text-align: right;
   color: #666666;
   background: url(../images/abcomp/abcomp_desaturated_small.jpg) no-repeat left top;  
}

#advert-bottom a:hover {

   background: url(../images/abcomp/abcomp_small.jpg) no-repeat left top; 
   color: #000; 
}


/*------------------------------ VIAC INFO -----------------------------------*/
.viac-info{
   margin-top: 3px;
}

.viac-info a{
   text-transform: uppercase;
   /*font-family: Tw Cen MT Condensed;*/
   font-size: 0.9em;
   color: #595959;
   
}

.viac-info a:hover{
   text-decoration: none;
}
/* menu */
.menu{      
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.menu li{
   float: right;
   
}


/*
#text1, #text1 span {
   width:350px; 
   height:22px;
   position:absolute;
}

#text1 span{
   background: url("../images/neplatte-inym-za-to-co-mate-u-nas-zadarmo.png") no-repeat left top;
}
*/

/*--------------------------------- BUBLINY ----------------------------------*/
#bublina{
   background: url(../images/bublina1.jpg) #ffffff no-repeat left top;
   width: 251px;
   height: 66px;
   padding: 14px 15px 26px 15px;
   
   font-size: 1.8em;
   font-family: Trebuchet MS, Geneva CE, lucida;
   text-transform: uppercase; 
   
   line-height: 1.25em;
   color: #D97E00;
}







.koniec{
  clear: both;  
}