/*----------------------------------------------- DEFAULTS -----------------------------------------------*/
body
{
    margin:auto;
    display: block;
    text-align: center;
    font-family:Verdana, serif;
    font-size:0.8em;
    background: url('images/body.png') repeat-x #cae6f7;
    color:#828282;
}
a
{
    color:#61a3cd;
}
a:hover
{
    text-decoration:none;
}
b
{
}
img
{
    border:none;
}
h1
{
   margin: 0;
   padding: 0;
}

h1 a
{
}

h2
{
  font-size:1.4em;
  height:34px;
  margin:5px 0;
  font-variant: small-caps;
}
h3
{
   font-size:1.0em;
   color:#256e9c;
   background: #e0f0fa;
   height: 19px;
   padding: 4px 8px;
   margin:0 -8px 0 -22px;
}

h4
{
  font-size:0.8em;
}

table
{
    width:100%
}

#vora_ref h2 a {color:red;display:block;font-weight:bold;background:white;margin:13px 10px;float:right;font-size:14px;text-transform: capitalize}

/*----------------------------------------------- PAGE IDS -----------------------------------------------*/

#envelope
{
    background: url('images/envelope.png') repeat-y;
    width:888px;
    margin:74px auto 0 auto;
    text-align:left;
}
#header
{
    background: url('images/header.png') repeat-x;
    height: 209px;
    width:889px;
    position: relative;
}
#header_menu
{
    text-align: center;
    position: absolute;
    top:50px;
    left:881px;
}

#header_menu a
{
    background:  url('images/header_button.png') no-repeat;
    width:94px;
    height: 79px;
    text-align: center;
    display: block;
    text-decoration: none;
}

#header_menu a:hover
{
    font-variant: small-caps;
    font-weight: bold;
}

#header_menu span.sitemap
{
    background:  url('images/sitemap_icon.png') 22px 10px no-repeat;
    display: block;
    padding: 46px 10px 0 0;
}

#header_menu span.forum
{
    background:  url('images/forum_icon.png') 22px 10px no-repeat;
    display: block;
    padding: 46px 10px 0 0;
}

#header_menu span.contact
{
    background:  url('images/contact_icon.png') 22px 10px no-repeat;
    display: block;
    padding: 46px 10px 0 0;
}

#logo
{
    background: url('images/logo.png') no-repeat;
    width:441px;
    float: left;
    cursor: pointer;
}
#logo a
{
    background: url('images/logo.png') no-repeat;
    display: block;
    width:100%;
    height:209px;
}
#logo span
{
    display:none;
}
#container
{
    width:100%;
    clear:both;
}
#content
{
   line-height:1.5em;
   padding:10px 8px 0 22px;
   width:550px;
   min-height: 500px;
   margin: 0px 0 0 2px;
   font-size:11px;
   background: white;
   float:left;

}

#footer
{
    height:50px;
    font-size:0.9em;
    text-align: center;
    line-height: 1.7em ;
    clear:both;
    color:white;
    margin: 0;
}

#footer p
{
    padding:5px 20px;
    margin:0 30px 0 29px;
    background: #b0b0b0;
}

#footer a 
{         
    color:#e0f0fa;
}

#footer_bg
{
    background: url('images/footer.png') repeat-x;
    height: 20px;
    width:100%;
}

/*----------------------------------------------- MENU IDS -----------------------------------------------*/

#menu
{
    float:left;
    margin:0 0 0 277px;

}
#menu ul
{
    margin:0 0 8px 0 ;
    padding:0;
    list-style:none;
}

#menu ul li
{
    display: inline;
}

#menu ul li a
{
   color:#6b6b6b;
   width:144px;
   float:left;
   display: block;                  
   background: #D7EDF8 url(images/submenu.png) repeat-x scroll 0 0;
   border: 1px solid silver;
   text-align: center;
   padding:5px 0 0 0;
   height:22px;
   margin-left:-1px;
   text-decoration: none;
}

#menu ul a:hover
{
    color:orange
}

#menu li.it
{
    background: url('images/it.png') no-repeat 10px center #c6c6c6 ;
}
#menu li.web
{
   background: url('images/webdesign.png') no-repeat 10px center ;
}
#menu li.it a:hover
{
    background: url('images/it_selected.png') no-repeat 10px center #86bcde ;
}
#menu li.web a:hover
{
    background: url('images/webdesign_selected.png') no-repeat 10px center #78b4da ;
}
#menu li.it a.active, #menu li.it a.selected
{
    background: url('images/it_selected.png') no-repeat 10px center #86bcde ;
    font-weight:bold;
}
#menu li.web a.active, #menu li.web a.selected
{
    background: url('images/webdesign_selected.png') no-repeat 10px center #78b4da ;
    font-weight:bold;
}


                   /*----------------------------------------------- SIDE IDS -----------------------------------------------*/

#side
{
   font-size:12px;
   line-height: 20px;
   float: left;
   padding:0 0 0 30px;
   width:246px;
   margin-top:-30px;
   min-height:40px
}

#side ul
{
   margin:0;
   padding:0;
   list-style:none;
}

#side ul li
{
   margin:0;
   padding:0;
   float:left;
   clear:left;
   width: 100%;
   font-variant: small-caps;  
}

#side ul a
{
   display:block;
   padding:5px 15% 5px 5%;
   width:80%;
   border-bottom: 1px dotted #ededec;
   color:white;
   text-decoration: none;
}

#side ul ul a
{
   padding:5px 5% 5px 10%;
   width:85%;
   background: #8cc1e3;
}

#side ul ul ul a
{
   padding:5px 5% 5px 15%;
   width:80%;
   color:auto;
}

#side ul ul ul ul a
{
   padding:5px 5% 5px 20%;
   width:75%;
   color:auto;
}

#side a:hover
{
   background: url('images/side_hover.png') repeat-x #a1cbe5 ;
   text-decoration: underline;
}

#side li a.selected
{
   background: url('images/side_list_selected.png') no-repeat 220px center ;
   font-weight : bold;
   font-variant: small-caps;
}

#side li a.selected a:hover
{
   background: url('images/side_hover.png') repeat-x #a1cbe5 ;
   text-decoration: underline;
}

#side li a.active
{
   background: url('images/side_active.png') repeat-x #ededec;
   color: #aaaaaa;
}

#side li a.active a
{
   background: url('images/side_list_active.png') no-repeat 224px center;
   color:#6eaed7;
   font-weight: bold;
   
}









/*----------------------------------------------- CONTENT IDS -----------------------------------------------*/

#content p
{
    text-align:justify;
}

#content ul
{
   list-style: none;
   margin:0;
   padding:0;
}
#content li
{
   background: url('images/list.png') no-repeat left 7px;
   padding-left: 16px;
   margin:0
}

/*----------------------------------------------- PRIMARY TAGS -----------------------------------------------*/

.right
{
    float:right;
}
.left
{
    float:left;
}
.center
{
    text-align: center;
    display: block;
}
.clear
{
    clear:both;
}
.button
{
    background: url('images/button.png') repeat-x;
    height:20px;
    border:solid 1px #606060;
    
}
.horizontal
{
    padding:0;
    margin:0 0 0 30px;
    line-height:24px
}
.horizontal dt
{
    
    display:inline;
    float:left;
    font-weight: bold;
}
.horizontal dd
{
    padding:1px
    
    margin: 0 0 0 200px;
}


.ponuka_prace dt
{
}

.ponuka_prace dt a
{
    background: url('images/down-alt.png') no-repeat left 2px;
    padding: 0 0 4px 25px;
    
}

.ponuka_prace dd
{
    margin:0 0 12px 0;
   padding: 0 0 0 25px;
}






/*----------------------------------------------- CENNIK ID'S -----------------------------------------------*/
#cennik h3
{
    background:#a1cbe5;
    border:1px solid #e6e6e6;
    border-bottom:none;
    padding:5px 15px;
    margin:auto auto 0 auto;
}

#cennik h4
{
    margin:2px 0 0 10px;
    font-size:12px
}

#cennik
{
    position:relative
}

#cennik div
{
    background:#f7f7f7;
    border:1px solid #e6e6e6;
    margin:0 0 10px 0;
    padding:0 15px 15px 15px
}

#cennik div ul
{
    list-style:none;
    margin:6px 10px 15px 10px;
}

#cennik div ul li
{
}

#cennik div ul li strong
{
    position:absolute;
    right:30px;
}

#cennik div ul li span
{
}


/*----------------------------------------------- KONTAKT ID'S -----------------------------------------------*/

#kontakt
{
    padding:0 0 10px 0;
    margin:12px 0 0 0; 
}

#kontakt div
{
    margin:0;
    display: block;
    float:left;
    padding:0 0 10px 0;
    width:100%
}

#kontakt dd img
{
    margin:0px 5px 0 2px;
    float:left
}

#kontakt dd.icq span
{
    margin:0px 0 0 0;
    float:left
}

#kontakt dl
{
    margin:0px;    
}

#kontakt dt
{
    padding:0 0 0 10px;
    margin:0;
    background:#cae2f0;
    border: solid 1px whtie;
    clear:both;
    width:120px;
    display:inline;
    float:left
    
}

#kontakt dd
{
    margin:0 0 0 160px;                
    padding:1px 0 0 0;
}









/*----------------------------------------------- KONTAKT ID'S -----------------------------------------------*/

.mail_us
{
   padding: 0 0 0 20px;
   margin: 0;
}

#mail_us form
{
   margin: 20px 0;
   padding: 0px;
}

.mail_us form .button
{
    background: url('images/send_button.png') no-repeat;
    width:78px;
    height:27px;
    border: none;
    float: right;
    margin:5px 30px 10px 0;
    cursor: pointer;
}

.mail_us form .retry
{
    background: url('images/retry_button.png') no-repeat;
    width:78px;
    height:27px;
    border: none;
    cursor: pointer;
}

.mail_us fieldset
{
    border: none;
    margin: 0;
    padding: 0;
}

.mail_us textarea
{
    width:500px;
    height: 200px;
    overflow: auto;
}

.mail_us input
{
    width:180px;
}


.mail_us div
{
    padding:4px 0;
}

.mail_us label
{
    display:block;
    width:60px;
}








.produkt img
{
   margin: auto 7px; 
}

.mark
{
   float:right;
   margin:-148px 0px 10px 0 !important; 
   list-style: none;
}

hr
{
   clear: both;
}

.mark li
{
   margin:5px 0;
}

#referencie img
{
   margin:20px;
}

#referencie h3
{
   background: #a1cbe5;
   padding: 5px 10px;
   margin: 0px auto;
}

#referencie div
{
   border:1px solid #e6e6e6;
   margin: 15px auto;
}

#referencie a
{
   text-decoration: none;
}

.item
{
   position: relative;
   padding:15px 0 5px 0;
}

.item h3
{
   margin-bottom:20px;
}

 ul.offer
{
   position: absolute;
   left:200px;
   top:70px
}

#news dt
{
   font-weight: bold;
   padding-left:7px;
   background: #85bee2;
   margin-top: 10px;
   font-size: 10px;
}

#news dd
{
   color: white;
   margin-left:10px;
   padding: 10px;
}

#news dd a
{
   color: #e0f0fa;
}

#sitemap ul
{
   margin:4px 5px;
   padding: 0;
}

#sitemap .no_list
{
   background: none !important;
}