/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.2
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}

/* --- TAG ---*/

p
{
margin-bottom: 10px;
line-height: 15px;
text-align: justify;
}

a
{
text-decoration: none;
outline: none;
}


body
{
background-color: #fff;
color: #000;
font-family: Verdana, Tahoma, sans-serif;
font-size: 11px;
}

/* --- GRID ---*/

div#wrapper
{
width: 820px;
height: 470px;
position: absolute;
left: 50%;
top: 50%;
margin-top: -270px;
margin-left: -410px;
}

div#logo h1
{
text-indent: -9999px;
font-size: 1%
}

div#logo
{
background-image: url('../img/galtech.gif');
background-repeat: no-repeat;
width: 245px;
height: 58px;
float: left;
margin-bottom: 5px;
}

/* --- PRIMARY NAVIGATION BAR --- */

div#priNav
{
width: 550px;
height: 23px;
float: right;
margin-top: 30px;
}

div#priNav ul li
{
display: block;
float: right;
text-indent: -9999px;
}

div#priNav ul li a
{
display: block;
width: 88px;
height: 23px;
margin-left: 15px;
background-repeat: no-repeat;
}

a#butKontakt
{
background-image: url('../img/nav_kontakt_off.gif');
}

a#butKontakt:hover, a.tagged#butKontakt
{
background-image: url('../img/nav_kontakt_on.gif');
}

a#butOferta
{
background-image: url('../img/nav_oferta_off.gif');
}

a#butOferta:hover, a.tagged#butOferta
{
background-image: url('../img/nav_oferta_on.gif');
}

a#butFirma
{
background-image: url('../img/nav_ofirmie_off.gif');
}

a#butFirma:hover, a.tagged#butFirma
{
background-image: url('../img/nav_ofirmie_on.gif');
}

a#butGaleria
{
background-image: url('../img/nav_galeria_off.gif');
}

a#butGaleria:hover, a.tagged#butGaleria
{
background-image: url('../img/nav_galeria_on.gif');
}

a#butKlienci
{
background-image: url('../img/nav_klienci_off.gif');
}

a#butKlienci:hover, a.tagged#butKlienci
{
background-image: url('../img/nav_klienci_on.gif');
}

/* --- CONTENT --- */

div#content
{
padding: 8px;
clear: both;
border: 6px solid #000;
}

div#content a
{
color: #FBFB00;
text-decoration: none;
}

div#content a:hover
{
text-decoration: underline;
}

div#contentIlu
{
height: 125px;
background-image: url('../img/ilu.jpg');
background-repeat: no-repeat;
margin-bottom: 8px;
}

div#contentTxt
{
height: 125px;
padding: 8px;
color: #fff;
background-color: #000;
margin-bottom: 8px;
overflow: auto;
}

div#contentTxtBig, div#contentTxtBigSec
{
color: #fff;
height: 258px;
padding: 8px;
margin-bottom: 8px;
}

div#contentTxtBig
{
background-color: #000;
}

div#contentTxtBig ul
{
list-style-type: disc;
padding-left: 10px;
margin-left: 20px;
}

div#contentTxtBigSec
{
background-color: #6A983B;
}

/* --- SECONDARY NAVIGATION BAR - OFERTA ---*/

div#secNav
{
height: 97px;
}

div#secNav ul li
{
display: block;
text-indent: -9999px;
float: left;
}

div#secNav ul li a
{
background-color:#6A983B;
color: #fff;
display: block;
width: 151px;
height: 97px;
margin-right: 9px;
background-repeat: no-repeat;
}

div#secNav ul li a.tagged
{
margin-right: 9px;
}

div#secNav ul li a.last
{
margin-right: 0px;
}



a#chromTech
{
background-image: url('../img/sec_chrom_tech_off.gif');
}

a#chromTech:hover, a.tagged#chromTech
{
background-image: url('../img/sec_chrom_tech_on.gif');
}

a#chromDeko
{
background-image: url('../img/sec_chrom_deko_off.gif');
}

a#chromDeko:hover, a.tagged#chromDeko
{
background-image: url('../img/sec_chrom_deko_on.gif');
}

a#niklo
{
background-image: url('../img/sec_niklo_off.gif');
}

a#niklo:hover, a.tagged#niklo
{
background-image: url('../img/sec_niklo_on.gif');
}

a#cynko
{
background-image: url('../img/sec_cynko_off.gif');
}

a#cynko:hover, a.tagged#cynko
{
background-image: url('../img/sec_cynko_on.gif');
}

a#cyno
{
background-image: url('../img/sec_cyno_off.gif');
}

a#cyno:hover, a.tagged#cyno
{
background-image: url('../img/sec_cyno_on.gif');
}

/* --- GALERIA --- */

#myGallery
{
background-color: #000;
width: 788px !important;
height: 427px !important;
}