/* ----------------- BASIC DECLARATIONS ----------------- */



* { margin: 0; padding: 0; }

body
{
font: 11px Arial, "Trebuchet MS", sans;
color: black;
background: transparent url('../img/bgHpBody.png') repeat-x 0px -4px;
overflow: auto;
}

/* fonts */

@font-face {
  font-family: "Myriad";
  src: url('../fonts/Myriad.ttf')
}

/* ------------------- TAGS DEFAULTS -------------------- */

img { border: 0; }
a, a:link, a:visited, a:hover, a:active { color: inherit;  }
a:hover, a:focus { text-decoration: underline; }
fieldset { border: 0; }
legend { display: none; }
embed { z-index: 0; }

/* --------------------- UNIVERSAL CLASSES -------------- */

/* font sizes */
.bigger { font-size: 1.1em !important; }
.big { font-size: 1.6em !important; }
.small { font-size: .8em !important; }
.smaller { font-size: 1em !important; }

/* font styles */
.bold { font-weight: bold; }
.normal { font-weight: normal; }
.italic { font-style: italic; }
.underline { text-decoration: underline !important; }

/* font colors */
.colorBlack { color: black !important; }
.colorGrey { color: #797979 !important; }
.colorRed { color: #F06800 !important; }
.colorOrange { color: #D86800 !important;}

/* paragraph styling */
.lineHeight { line-height: 1.5em; }
.alignCenter { text-align: center; }

/* margins */
.marginTop { margin-top: 25px !important; }
.marginRight { margin-right: 25px !important; }
.marginBottom { margin-bottom: 25px !important; }
.marginLeft { margin-left: 25px !important; }
.articleMargins { margin: 0px 5px; }

/* floats and clears */
.right { float: right !important; }
.left { float: left  !important; }
.clearBoth { clear: both !important; }
.clearRight { clear: right; }
.clearLeft { clear: left; }

/* positions */
.posRel { position: relative; }
.posAbs { position: absolute; }

/* any element is invisible when needed */
.invisible { line-height: 0px; font-size: 0px; position: absolute; top: -9999px;}

/* morelink style */
.more { float: right; margin-top: 12px; font-size: .9em; min-height: 18px; }

/* messages styles - for error/success msg */
.message { font-size: 1.2em; color: #D66B06; margin-bottom: 12px; padding: 6px; -moz-box-shadow: #C0C0C0 0px 0px 6px 1px; -webkit-box-shadow: #C0C0C0 0px 0px 6px 1px; border: 1px solid grey; font-weight: bold; }
.error-message { display: block; color: #ff0000; }

/* image replacement class, used for every element which has IR */
.ir { font-size: .9em;  }

/* headers, eg. hStandard, hBlack etc. */
.hStandard { font-size: 1.2em; color: #4C4C4C; text-transform: uppercase; padding-bottom: 4px; margin-bottom: 17px; position: relative;}

/* buttons */
.btnOrange { display: block; width: 87px;padding: 5px 8px 10px 8px; background: transparent url('../img/btnGfxMore.png') no-repeat 0px 0px; margin: 8px 0px 0px 0px; color: white !important; text-decoration: none; text-align: center; }

/* lists, eg. lSquare, lCircle etc. */
.lSquare { list-style: square; margin: 12px 0px 0px 32px; line-height: 1.3em;}
    .lSquare li { /*float: left; text-align: center;*/ }
    .lSquare .borderLeft { border-left: 1px solid #D2D2D2; }
    .lSquare li img { text-align: center; -moz-box-shadow: #C3CBD1 -10px 0px 25px -16px; border: 1px solid #BABCBF; }

/* forms, eg. fStandard, fContact etc. */

.fStandard div label { padding: 5px; display: block; width: 120px; text-align: right; margin-right: 4px; float: left; font-size: .9em;}
    .fStandard div label sup { color: red; font-size: .8em; }
    .fStandard div { margin-bottom: 10px; }
    .fStandard .text, .fStandard textarea { width: 200px; padding: 3px; border:1px solid #959595; background: white url('../img/bgInput.png') repeat-x 0px 0px;; }
        .fStandard .text:focus, .fStandard textarea:focus { -moz-box-shadow: #C0C0C0 0px 0px 6px 1px; border: 1px solid #727272; }
    .fStandard textarea { font-family: Tahoma, sans-serif; font-size: 1em; }
    .fStandard .oneBtn { float: right; margin: 6px 20px 0px 0px; }
    .fStandard .oneBtn input { background: url('../img/bgButton.png') repeat-x; border: 1px solid #bfbfbf; padding: 4px 8px; font-size: 11px; cursor: pointer;}
        .fStandard .oneBtn input:hover {  -moz-box-shadow: #D4D4D4 0px 0px 8px 2px;  }
    .fStandard .conditions label { width: 314px; text-align: left; padding: 0px; margin-left: 10px; }
    .fStandard .conditions .checkbox { float: left; }

/* --------------------- COLUMN LAYOUTS CLASSES -------------- */
.columns .colWide { width: 534px; float: left; margin: 0px 44px 0px 0px; }
    .colWider { width: 772px; float: left; clear: left; margin: 0px 44px 0px 0px; }
        .subPage .colWider { width: 739px; float: left; clear: left; margin: 0px 44px 0px 0px; }
    .colNarrow { width: 184px; float: left; margin: 0px 28px 0px 0px; }
    .col { margin-bottom: 20px; }
    .columns .last { margin-right: 0px !important; }
    /* cien boksa: -webkit-box-shadow: #BABBBD -10px 0px 25px -16px;  box-shadow: #BABBBD -10px 0px 25px -16px;  -moz-box-shadow: #BABBBD -10px 0px 25px -16px;*/
    .colLeft { float: left; clear: left; width: 784px; }
        #pageKontakt .colLeft { width: 900px; }
        .colLeftNarrow { float: left; clear: left; width: 565px; }
    .colRight {  float: right; clear: right; width: 203px; padding: 10px 0px 18px 12px; border-left: 1px solid #BBBBBB;margin-bottom: 20px; }
    .colSecondMenu { float: left; clear: right; width: 203px; padding-top: 10px; border-left: 1px solid #BBBBBB; padding-left: 12px; margin-bottom: 20px; }

blockquote {
border : 2px solid #E3E3E3;
margin: 0px;
padding: 10px;
background-color: #EBEBEB;
quotes: "\201C" "\201D";
}
blockquote:before { content: open-quote; font-weight: bold; }
blockquote:after { content: close-quote; font-weight: bold; }

/* ------------ STYLES FOR SITE ELEMENTS ----------------- */

#mainWrapper .skipLink { position: absolute; top: -9999px; }
    #mainWrapper .skipLink:focus {  z-index: 100; top: 20px; left: 20px; padding: 8px; font-size: 1.3em; background-color: yellow; color: black; font-weight: bold; }

#headWrapper h1 { float: left; margin: -3px 0px 0px 0px; }
    #headWrapper h1 a { display: block; position: relative; width: 205px; height: 62px; }
    #headWrapper h1 a span { position: absolute; width: 100%; height: 100%; background: transparent url('../img/logoLizardMedia.png') no-repeat 0px 0px;  }

#headTextSlider { overflow: hidden; position: absolute; z-index: 4; top: 62px; left: 100px; color: white; width: 300px; }
    /* DON'T  CHANGE :D TAK BYLO W PROJEKCIE */ #headTextSlider h2 { text-shadow: #4C4C4C 1px 1px 2px;width: 320px; text-align: right; margin-top: 88px; float: left; font-family: Myriad, Tahoma, sans-serif; font-size: 28px; margin-bottom: 6px; font-weight: normal; text-align: right; }
    #headTextSlider h2 span { text-shadow: none; clear: both; font-size: 19px; display: block; width: 320px; text-align: right;  }
    #headTextSlider .moreInfo { float: left; clear: both; text-align: right; width: 320px; }
    #headTextSlider .btnOrange { position: absolute; left: 215px; top: 194px; float: left; clear: both; }
        #headTextSlider div { width: 950px; height: 330px; background-repeat: no-repeat !important;  }
        #headTextSlider div#headWWW { background: transparent url('../img/www.png') no-repeat right top !important; }
        #headTextSlider div#headUsab { background: transparent url('../img/usab.png') no-repeat right top !important; }
        #headTextSlider div#headAccess { background: transparent url('../img/access.png') no-repeat right top !important; }
        #headTextSlider div#headEcomm { background: transparent url('../img/ecomm.png') no-repeat right top !important; }
        #headTextSlider div#headCreation { background: transparent url('../img/creation.png') no-repeat right top !important; }
        #headTextSlider div#headPhoto { background: transparent url('../img/photo.png') no-repeat right top !important; }
        
    #headerNav ul {  position: absolute; left: 440px; top: 150px; list-style: none; z-index: 15; color: white; text-decoration: none; font-size: 1.4em; }
        #headerNav ul li { text-indent: -9999px; }
        #headerNav ul li a { display: block; width: 145px; height: 28px; outline: 0; }
        #headerNav ul a#pos_0 { background: transparent url('../img/itemGfxWebdeveloping.png') no-repeat 0px 0px; }
            #headerNav ul a#pos_0.activeSlide, #headerNav ul a#pos_0:hover, #headerNav ul a#pos_0:focus { background: transparent url('../img/itemGfxWebdevelopingHover.png') no-repeat 0px 0px; }
        #headerNav ul a#pos_1 { background: transparent url('../img/itemGfxUsability.png') no-repeat 0px 0px; }
            #headerNav ul a#pos_1.activeSlide, #headerNav ul a#pos_1:hover, #headerNav ul a#pos_1:focus { background: transparent url('../img/itemGfxUsabilityHover.png') no-repeat 0px 0px; }
        #headerNav ul a#pos_2 { background: transparent url('../img/itemGfxAccessibility.png') no-repeat 0px 0px; }
            #headerNav ul a#pos_2.activeSlide, #headerNav ul a#pos_2:hover, #headerNav ul a#pos_2:focus { background: transparent url('../img/itemGfxAccessibilityHover.png') no-repeat 0px 0px; }
        #headerNav ul a#pos_3 { background: transparent url('../img/itemGfxeCommerce.png') no-repeat 0px 0px; }
            #headerNav ul a#pos_3.activeSlide, #headerNav ul a#pos_3:hover, #headerNav ul a#pos_3:focus { background: transparent url('../img/itemGfxeCommerceHover.png') no-repeat 0px 0px; }
        #headerNav ul a#pos_4 { background: transparent url('../img/itemGfxCreation.png') no-repeat 0px 0px; }
            #headerNav ul a#pos_4.activeSlide, #headerNav ul a#pos_4:hover, #headerNav ul a#pos_4:focus { background: transparent url('../img/itemGfxCreationHover.png') no-repeat 0px 0px; }
        #headerNav ul a#pos_5 { background: transparent url('../img/itemGfxFoto.png') no-repeat 0px 0px; }
            #headerNav ul a#pos_5.activeSlide, #headerNav ul a#pos_5:hover, #headerNav ul a#pos_5:focus { background: transparent url('../img/itemGfxFotoHover.png') no-repeat 0px 0px; }

#navBarLeftSub { float: left; background: transparent url('../img/bgNavBar.png') repeat-x 0px 0px; display: block; height: 36px; width: 1500px; margin-left: -1112px; }
#navBarRightSub { position: absolute; left: 1000px; background: transparent url('../img/bgNavBar.png') repeat-x 0px 0px; display: block; height: 36px; width: 1500px; overflow: auto; }
#navBar ul { list-style: none; font-weight: bold; }
    #navBar ul li { float: left; position: relative; }
        #navBar ul li .eff { background: transparent url('../img/bgNavBarEff.png') repeat-x 0px 0px; width: 100px; height: 29px; position: absolute; top: -20px; left: 0px; z-index: -10;  }
        #navBar ul li a { color: #424242; padding: 8px 0px 0px 0px;text-decoration: none; display: block; background: transparent url('../img/menuItem.png') repeat-x 0px 0px; width: 102px; height: 36px; text-align: center; }
        #navBar ul li a:hover, #navBar ul li a:focus { color: #c56611; outline: 0; }
            #navBar ul li a:focus { text-decoration: underline; }
        #navBar ul li a.selected, #navBar ul li a:focus { color: white;  background: transparent url('../img/menuItemHover.png') repeat-x 0px 0px; }

.col p { line-height: 1.4em; color: #4E4E4E; }
    .col h2 { margin-bottom: 10px; }

.mainLinks { float: left; }
    .mainLinks a { color: black;display: block; float: left; width: 140px; text-align: center; text-decoration: none; }
    .mainLinks a:hover { color: #7FBB0F; }
        .mainLinks a span { display: inline; border-bottom: 1px dotted #949494; }
    .mainLinks a:hover span { border-color: #474747; }

#worksTabs { height: 162px; margin-top: 45px; }

.worksList { position: relative; width: 757px; height: 150px; }
    .subPage .worksList { width: 729px; }
    .worksList .worksPager { position: absolute; bottom: 10px; right: 20px; z-index: 10; }
    .oneCatList { padding: 8px; -moz-border-radius: 6px; -webkit-border-radius: 6px;border: 1px solid #C1C1C1; width: 520px !important; height: 205px; }
        .oneCatList .lastWork .moreInfo { width: 290px; }
        .oneCatList .worksPager { bottom: 15px; left: 16px; }

.lastWork { position: relative; }
    .lastWork .workImage { float: left; margin: 30px 12px 10px 16px; }
        .lastWork .workImage img { max-width: 175px; border-bottom: 1px solid #D2D2D2; }
    .lastWork h3 { position: absolute; left: 230px; top: 10px; }
        .lastWork h3 div { font-size: .9em;  display: block; width: 300px; margin: 8px 0px 8px 0px; }
            .lastWork h3 div a { color: #909090; }
        .lastWork h3 a { text-decoration: none; }
            .lastWork h3 div a:hover { color: #6E6E6E; }
        .lastWork h3 a span { display: inline; border-bottom: 1px solid #BEBEBE; }
            .lastWork h3 a:hover span { border-color: #5E5E5E; }
    .lastWork .moreInfo { position: absolute; left: 230px; top: 62px; width: 490px; z-index: 0;  }

.worksPager a { display: block; padding: 6px 8px; float: left; -moz-border-radius: 4px; -webkit-border-radius: 4px;border: 1px solid #C1C1C1; margin: 0px 6px 0px 0px; text-decoration: none; }
    .worksPager a.activeSlide { background: #464646; color: white; font-weight: bold; -moz-box-shadow: #B2B2B2 0px 0px 6px 1px; -webkit-box-shadow: #B2B2B2 0px 0px 6px 1px; }
    .worksPager a:hover { background: #DDDDDD; }
    .worksPager a.activeSlide:hover { background: #464646; }

.sliderLogo a { left: 10px !important; }
    .sliderLogo { float: left; clear: both; }
    .sliderLogo img { max-width: 159px; margin-bottom: 32px; }

.blogList div { margin-bottom: 18px; }
    .blogList h3 { font-size: 1.1em; }
    .blogList .date { font-size: .9em; color: #718C64; margin-top: -6px; }
    .blogList .text { line-height: 1.4em; margin-top: 12px; }
    .blogList .linkMore { color: #9E9E9E;text-align: right; margin-top: 8px; font-size: 1.1em; }
        .blogList .linkMore a { text-decoration: none; }
    .blogList .linkMore a:hover { color: #7FBB0F; }
        .blogList .linkMore a span { display: inline; border-bottom: 1px dotted #949494; }
    .blogList .linkMore a:hover span { border-color: #474747; }

.contactBoxes { float: left; clear: left; width: 800px;}
    .contactBoxes .contactBox { width: 380px; float: left; margin-right: 12px;  }
    .contactBox .boxContent { padding: 6px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; border: 4px solid #E4E4E4;  background: #E4E4E4; }

.subPage p { line-height: 1.4em; color: #343434;}
    .subPage .box30 { width: 350px; padding: 10px 16px 10px 0px; float: left; margin-right: 26px; }
    .subPage .box20 { width: 218px; padding: 10px 16px 10px 0px; border-bottom: 1px solid #E7E7E7; float: left; margin-right: 26px; min-height: 270px; }
        .subPage .moreAbout { min-height: 126px; }
        
        .subPage .box20 img { max-width: 180px; }
        .subPage .box20 .image { height: 68px; }
    .subPage .box40 { width: 420px; padding: 10px 16px 10px 0px; float: left; margin-right: 26px; }
    .subPage .box60 { width: 526px; padding: 10px 16px 10px 0px; float: left; margin-right: 26px; }
    .subPage .box90 { width: 742px; padding: 10px 0px 10px 0px; float: left; margin-right: 26px; }
        .subPage .box30 .boxesLinks { margin-top: 22px; }
        .subPage .box30 .boxesLinks a { color: #74B618; text-align: center; display: block; float: left; width: 170px; min-height: 26px; text-decoration: none; }
            .subPage .box30 .boxesLinks a:hover { color: #404049; }
        .subPage .box30 .boxesLinks a span { display: inline; border-bottom: 1px dotted #ACACAC; }
            .subPage .box30 .boxesLinks a:hover span { border-bottom: 1px solid #938F99; text-shadow: #D7D7D7 1px 1px 1px;}
    .subPage h2 { margin-bottom: 5px; }

.realizBox { float: left; width: 235px; margin: 0px 12px 6px 0px; }
    .realizBox h3 {  font-size: 1.3em; color: #646464; }
    .realizBox span {font-size: 1em; color: #949494; margin-top: -8px; display: block; clear: both; }
    .realizBox .image { margin: 12px 0px 8px 0px; padding-bottom: 8px; border-bottom: 2px solid #DADADA; text-align: center; }

.subMenu ul { list-style: none; margin-bottom: 12px; }
    .subMenu ul li a { text-decoration: none; display: block; margin: 2px 0px 2px 0px; padding: 4px 0px 4px 0px; }
        .subMenu ul li a span { display: inline; border-bottom: 1px solid #ACACAC; }
        .subMenu ul li a:hover span { border-bottom: 1px solid #7CB30E; }
        .subMenu ul li a:hover { color: #6E6E6E !important; }
    .subMenu ul li a.selected { background: transparent url('../img/subNavActive.png') no-repeat 0px 0px; margin-left: -25px; padding-left: 24px; font-weight: normal; color: #EC5A00 !important; outline: 0; }
        .subMenu ul li a.selected span { border-bottom: 1px dotted #C0C0C0; }


.richText ul { list-style: square; margin: 12px 0px 12px 32px; line-height: 1.4em; }
    .richText p { line-height: 1.5em; margin-bottom: 14px; }

.oneRealizBox { position: relative; width: 213px; padding: 0px 8px 14px 8px; height: 237px; float: left; margin: 0px 23px 12px 0px; background: transparent url('../img/bgPortfolioItem.png') no-repeat 0px 0px;}
    .oneRealizBox h2 { float: left; clear: left; height: 32px; width: 120px;  }
    .oneRealizBox .type { float: left; clear: left;font-size: .9em; color: #B25900; margin-top: -18px; }
    .oneRealizBox .moreAbout { float: left; clear: left; height: 100px; font-size: .9em; margin-top: 6px; }
    .worksListTiny .oneRealizBox .moreAbout { float: left; clear: left; height: 100px; font-size: .9em; margin-top: -10px; }
    .oneRealizBox .desc { padding: 14px 10px 0px 14px; float: left; clear: both; height: 100px; }
    .oneRealizBox .image { float: left; clear: both; height: 122px;  }
        .oneRealizBox .image img { margin: 5px 3px 0px 0px; height: 122px; }

#oneRealiz .image { float: left;   }
    #oneRealiz .moreInfo { float: left; margin-left: 12px;}
    #oneRealiz span { display: block; margin-top: -12px; font-size: 1em; color: #949494;  }
    #oneRealiz .fullInfo { float: left; clear: both; margin-top: 20px; }
        #oneRealiz .fullInfo h3 { margin-bottom: 12px; }
    #oneRealiz .realizIco { margin-top: 16px; }
    #oneRealiz h3 { font-size: 2em; }

.subPage .teamList { margin: 0px 0px 18px 0px !important;  width: 757px; }
.onePerson { float: left; text-align: center; width: 170px; height: 275px; margin: 5px; }
    .onePerson img { border: 1px solid #7E7E7E; -moz-box-shadow: #989EA3 0px 6px 10px -6px;  }
    .onePerson .moreInfo h3 { text-align: center; font-size: 1.2em; margin-bottom: 16px; color: #668f15;  }
    .onePerson .moreInfo {  color: #9E9E9E !important;}

#googleMap iframe { margin-top: 20px; border: 1px solid #646464; }

#SendContactAddForm .text, #SendContactAddForm textarea { width: 300px; }
    #SendContactAddForm textarea { height: 180px; }
    #SendContactAddForm label { width: 90px; }
    #SendContactAddForm #SendContactPhoneNum, #SendContactAddForm #SendContactEmail { width: 120px; }

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

.titleGreyFrame { padding: 6px 8px; background-color: #d8d8d8; color: #323232; -moz-border-radius: 8px; -webkit-border-radius: 8px;    margin-bottom: 10px;font-family: "Trebuchet MS";font-weight: normal;}

.flick_thumb { border: 4px solid #dddddd; margin: 4px; }

#footer ul { list-style: none; }
    #footer ul li { float: left;  }
    #footer ul li a { display:block; float: left; text-align: center; margin-bottom: 8px; margin-right: 15px; }

#pageOffer .box30 { min-height: 300px; }

.widgetOffer { border: 3px solid #DDDDDD; padding: 2px; width: 510px; height: 250px; position: relative; }
.widgetPort { border: 3px solid #DDDDDD; padding: 2px; width: 520px; height: 135px; position: relative; }
    .widgetOfferPager { z-index: 100; position: absolute; top: 8px; right: 20px; opacity: .9;  }
    .widgetPortPager { z-index: 100; position: absolute; bottom: -20px; right: 10px; opacity: .9;  }
    
    .widgetPager { list-style: none !important;  }
    .widgetPager li a { width: 14px; display: block; padding: 4px; background: #7B7B7B; color: white; text-align: center; margin-bottom: 6px; text-decoration: none; outline: 0;}
        .widgetPager li a.activeSlide, .widgetPager li a:hover { -moz-box-shadow: #C0C0C0 0px 0px 6px 1px; background: #A2A2A2; font-weight: bold; }

    .widgetPortPager li a {  margin-right: 10px; }
    .widgetPortPager li a.activeSlide, .widgetPortPager li a:hover { border: 1px solid white; padding: 3px; background: #97CC24; -moz-box-shadow: white 0px 0px 4px 1px;}
        .widgetPortPager li { float: left;}

#pageKontakt .fStandard input.text { width: 261px !important; }
    #pageKontakt .fStandard #ContactEmail { width: 121px !important; }
    #pageKontakt .fStandard #ContactPhoneNum { width: 121px !important; }
    #pageKontakt .fStandard textarea { width: 261px !important; }


/* --------------- LAYOUT STRUCTURE ---------------------- */

#mainWrapper { margin: 0px auto; width: 1000px; position: relative; }
#headWrapper{ width: 1000px; }

#headWrapper
{
margin-top: 30px;
}

#footWrapper {
width: 100%;
height: 70px;
float: left;
clear: both;
background: #737373;
margin-top: 50px;
}

#footer {
margin: 0px auto;
width: 1000px;
padding-top: 12px;
color: white;
}

#content
{
width: 100%;
position: relative;
float: left;
clear: both;
min-height: 450px;
margin-top: 350px;
font-size: 12px;
}

#navBarWrapper {
width: 1000px;
position: absolute;
top: 59px;
height: 36px;
z-index: 5;
float: right;
font: 11px Tahoma, "Trebuchet MS", sans;
}

#navBar
{
float: right;
width: 612px;
}

#gfxWrapper {
background: transparent url('../img/bgGfxWrapper.png') repeat-x left bottom;
width: 100%;
height: 323px;
position: absolute;
top: 89px;
overflow:auto;
z-index: 4;
margin: 0px auto;
}

#tempWrapper { overflow: hidden; width: 100%; }