/* ----------------------------------------------------------------------------------------------------------

    Breezy New Media (http://www.breezy.cz)

    Výstupní zařízení: screen, projection
    Autor:             Lukáš Tomek (info@lukastomek.cz)
    Vytvořeno:         20/07/2008

---------------------------------------------------------------------------------------------------------- */

/* Colors of web templates */
@import url("templateColors.css");

/* -- Basics -- */
html, body, div, p, ul, ol, li, form, fieldset, h1, h2, h3, h4, h5, h6, address   { margin: 0; padding: 0; list-style: none; }

html        { height: 100% !important; background: #dfe4eb url('../images/bg-body.gif') 0 38px repeat-x; }
body        { min-height: 100%; background: url('../images/bg-main.jpg') 50% 193px no-repeat; }
* html body { height: 100%; }

body		        { position: relative; font: normal 62.8%/1.5 sans-serif; color: #5e6062; text-align: center; }
a			          { color: #000000; outline: none; }
a:hover	        { text-decoration: underline !important; color: #5e6062; }
a img   	      { border:0; }
input,
select,
textarea        { font-family: lucida, sans-serif; font-size: 1em; vertical-align: middle; }
input.button,
select.button,
textarea.button { background: #fff; padding: 5px 0; border: none; color: #858687 !important; vertical-align: middle; }
input.button    { height: 21px; padding: 5px 10px 0 !important; background: #fff url('../images/bg-button-half.png') no-repeat !important; }
button.button   { margin: 0; padding: 0; height: 18px; border: none; text-decoration: underline; font-weight: bold; color: #00CCFF; cursor: pointer; }
input.submit    { width: 136px !important; height: 31px; overflow: visible; color: #000; border: none; cursor: pointer; background: url('../images/bg-submit.png') no-repeat; }
input.submit:hover { background-position: 0 -31px; }
label           { cursor: pointer; padding-right: 5px; line-height: 20px; vertical-align: middle; color: #343434; }
address { font-style: normal; }

h1	{ font-size: 2em; margin-bottom: .5em; }
h2	{ font-size: 1.5em; }
h3	{ font-size: 1.4em; }
h4	{ font-size: 1.1em; }
h5	{ font-size: 1.1em; }
h6	{ font-size: 1em; }

h1, h2, h3, h4, h5, h6  { color: #272b2f; font-weight: normal; }

table           { border-collapse: collapse; width: 100%; }
table th        { text-align: left; }
table td.right  { padding-left: 5px; }
table th.right  { padding-left: 5px; }
table td.left   { padding-right: 5px; }
table th.left   { padding-right: 5px; }

blockquote  { margin: 0; padding: 10px 20px; color: #333333; line-height: 1.6; font-family: Georgia, serif; }
fieldset    { border: 0 !important; }

/* -- PNG IE Fix -- */
#foot-close span,
.wtemplates .line .new .img .overlay { behavior: url('/css/iepngfix.htc'); }

/* -- User friendly features --*/
.hidden   { display: none; }
.noscreen { width: 200px; position: absolute; left: 0; top: -999px; }

/* -- Basics layout -- */
#view    { text-align: left; position: relative; z-index: 10; }
#head    { font-size: 1.2em; z-index: 10; }
#content { font-size: 1.2em; position: relative; z-index: 100; }
#foot    { font-size: 1.2em; z-index: 10; }

* html #content { position: static; }

/* -- Main classes -- */
.fr             { float: right !important; }
.fl		          { float: left !important; }
.clear          { clear: both !important; }
.clear25px      { clear: both; height: 25px;} /* input ma -25px margin */
.right	        { text-align: right !important; }
.left		        { text-align: left !important; }
.center	        { text-align: center !important; }
.last		        { margin-right: 0 !important; margin-bottom: 0 !important; }
.small	        { font-size: .90em; }
.big            { font-size: 1.2em; }
.biggest        { font-size: 2em; }
.light          { color: #999999 !important; }
.clearfix       { width: 100%; overflow: hidden; padding-bottom: .8em; clear: both; }
.alt            { font-weight: bold; }
.yellow         { color: #FFFF00 !important; }
.red            { color: #b7092a !important; }
.test           { border: 1px black solid; }
.smile          { vertical-align: middle; margin: 0 2px; }
.noBrd          { border: none !important; }
.noBrdL         { border-left: none !important; }
.noBrdR         { border-right: none !important; }
.autoWidth      { width: auto !important; }
.inlink         { display: block; padding-left: 14px; background: url('../images/bg-inlink.gif') 0 4px no-repeat; }
.relative       { position: relative; }
a.breezy:hover  { color: #679700; }
.item           { position: relative; margin-bottom: 2em; }

a.button        { display: block; width: 154px !important; height: 25px; padding-top: 6px; text-align: center; text-decoration: none; color: #000; cursor: pointer; background: url('../images/bg-a-button.gif') no-repeat; }
a.button:hover  { background-position: 0 -31px; }

/* -- Graphic overlays -- */
a.overlaid      { cursor: pointer; }
.overlaid       { position: relative; width: 100%; height: 100%; display: block; overflow: hidden; }
.overlaid a     { position: relative; width: 100%; height: 100%; display: block; overflow: hidden; cursor: pointer; }
.overlaid span  { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 100; }

/* -- Forms layout -- */
.formBox .lab			        { float: left; width: 19%; text-align: right; padding-right: 1%; }
.formBox .con			        { float: right; width: 80%; }
.formBox .clearfix	      {  }
.formBox .button          {  }
.formBox label            { display: block; margin-bottom: .2em; }
.formBox .w100            { width: 99%; }
.formBox .button:focus    { border-color: #000; }

/* -- Basic content con3ucts -- */
.list             { margin-bottom: 0 !important; }
.offsetTop        { margin-top: 1em; }
.offsetTop2       { margin-top: 2em; }
.offsetBottom     { margin-bottom: 1em; }
.offsetBottom2    { margin-bottom: 2em; }
.info             { font-size: .91em !important; margin-bottom: 5px; color: #999999 !important; }


/* -- Layout -- */
#view         { width: 990px; margin: 0 auto; padding-bottom: 100px; }
#head         { text-align: center; padding-top: 102px; background: url('../images/bg-head.jpg') 50% 0 no-repeat; }
#content      { margin-top: 15px; padding: 15px; }
#foot         { position: absolute; width: 100%; padding-bottom: 20px; bottom: 0; left: 0; text-align: left; background: #e0e4e9 url('../images/bg-foot.gif') repeat-x; }


  /* -- Header -- */
  #head h1      { position: absolute; top: 0; left: 0; }
  #head h1 a    { width: 527px; height: 90px; margin: 0 auto; }
  #head h1 span { background: url('../images/bg-head.jpg') 50% 0 no-repeat; }

  /* -- FB LIKE -- */
  #head .fb-box  { position: absolute; top: 20px; right: 0; width: 94px; height: 24px; overflow: hidden; z-index: 100; }
  #head .fb-box .fb-like { position: absolute; top: 0px; right: 0px;  width: 95px; height: 25px; padding: 0; overflow: hidden; }
  #head .fb-box .fb-like iframe { position: absolute; top: -34px; left: -62px; }
  #head .fb-box-win,
  #head .fb-box-win .fb-like    { width: 84px; }

  /* -- Mian menu -- */
  #head .slideDown                { height: 238px !important; }
  #head #main-menu                { position: relative; overflow: hidden; height: 100%; text-align: left; }
  #head #main-menu li             { overflow: hidden; width: 320px; min-height: 100px; float: left; padding-bottom: 0; margin-right: 15px; background: #43484e url('../images/bg-menu-item.gif') 0 0 no-repeat; }
  * html #head #main-menu li      { height: 100px; }
  #head #main-menu li a           { display: block; height: 23px; font-size: 1.5em; padding: 15px 30px; color: #c1f3f4; text-decoration: none; }
  #head #main-menu li a:hover     { text-decoration: none !important; color: #aeff00; }
  #head #main-menu li .count      { color: #57686c; }
  #head #main-menu li strong.fl   { font-weight: normal; }
  #head #main-menu ul .overlay    { position: absolute; width: 990px; height: 123px; top: 115px; z-index: 10; background: #43484e url('../images/bg-submenu-overlay.jpg') 100% 0 no-repeat; }
  #head #main-menu ul .menu       { padding: 25px 15px 0 30px; overflow: hidden; height: 100%; }

    /* Active item, overlay */
    #head #main-menu li.active,
    #head #main-menu li.active_js             { overflow: visible; }
    #head #main-menu li.active a,
    #head #main-menu li.active_js a           { color: #aeff00; }
    #head #main-menu ul .active_js .menu      { background: #43484e url('../images/bg-submenu.gif') 0 100% repeat-x; }
    #head #main-menu ul .active .menu         { height: 160px; background: #43484e url('../images/bg-submenu.gif') 0 100% repeat-x; }
    * html #head #main-menu ul .active .menu  { height: 156px }
    #head #main-menu ul .active .overlay      { width: 670px; }
    #head #main-menu ul .active .overlay_1,
    #head #main-menu ul .active .overlay_2    { width: 335px; }
    #head #main-menu li                       {  }
    #head #main-menu ul .menu                 { height: 22px; }
    #head #main-menu ul .overlay              { width: 0; }

    /* Submenu */
    #head #main-menu ul .menu ul          { display: none; }
    #head #main-menu ul .active .menu ul  { display: block; }
    #head #main-menu ul li ul             {  }
    #head #main-menu ul li li             { background: none; width: 100%; height: auto; padding: 0; min-height: 10px; float: left; clear: both; margin: 0 0 2px; }
    #head #main-menu ul li li a           { display: block; padding: 2px 0; height: auto; font-size: 1em; color: #fff !important; background: none; }
    #head #main-menu ul li li.active      { height: auto; }
    #head #main-menu ul li li a:hover,
    #head #main-menu ul li li.active a    { color: #aeff00 !important; text-decoration: none !important; }

    /* Overlay */
    #head #main-menu #mm-1 .overlay     { left: 320px !important; }
    #head #main-menu #mm-3              { margin: 0; }
    #head #main-menu #mm-3 .overlay     { right: 320px !important; background-position: 0 0 !important; }
    #head #main-menu #mm-2 .overlay_1   { position: absolute; background: #43484e url('../images/bg-submenu-overlay.jpg') 100% 0 no-repeat; height: 123px; top: 115px; left: 655px !important; z-index: 100; }
    #head #main-menu #mm-2 .overlay_2   { position: absolute; background: #43484e url('../images/bg-submenu-overlay.jpg') 0 0 no-repeat; height: 123px; top: 115px; right: 655px !important; z-index: 100; }

    /* Cols */
    #head #main-menu .col1        { width: 56%; float: left; }
    #head #main-menu .col2        { width: 42%; float: right; }
    #head #main-menu #mm-3 .col1  { width: 49% !important; }
    #head #main-menu #mm-3 .col2  { width: 49% !important; }

    /* Player */
    .player                                       { float: left; padding: 50px 30px; }
    .player .pause                                { width: 29px !important; height: 23px !important; padding: 0 !important; float: left; line-height: 100px; }
    .player .pause span                           { background: url('../images/bg-audio-pause.gif') no-repeat; }
    .player .play                                 { width: 28px; height: 23px; padding: 0 !important; float: left; line-height: 100px; }
    .player .play span                            { background: url('../images/bg-audio-play.gif') no-repeat; }
    .player .active span,
    .player a:hover span                          { background-position: 0 -23px; }
    .slider                                       { position: relative; width: 220px; height: 1px; float: left; margin: 11px 0 0 20px; background: #585d63; }
    .slider .ui-slider-handle                     { top: -7px; position: absolute; left: 20px; cursor: pointer; font-weight: bold; width: 5px; height: 14px; background-color: #6a6f75; overflow: hidden; text-indent: 53px; }
    .slider .ui-slider-disabled .ui-slider-handle { opacity:0.5; }
    #mm-1 .player                                 { float: right; }
    #mm-2 .player                                 { padding-left: 0; }


/* -- HPBOX -- */
#hp-box { position: relative; padding-top: 104px; margin-top: 15px; font-size: 1.2em; clear: both; }
#hp-box .h { position: absolute; width: 916px; height: 70px; top: 0; left: 0; padding: 37px 37px 0; background: url('../images/bg-hpbox.gif') no-repeat; }
#hp-box .h h2,
#hp-box .h h2 a { color: #fff; }
#hp-box .h strong { color: #98fe00; }
#hp-box .h a { color: #5e6062; }
#hp-box .h a:hover { color: #999999; }
#hp-box img {  }


/* -- Content -- */
#view .produkt    { padding-top: 330px !important; background: url('../images/bg-produkt.jpg') 50% 30px no-repeat; }
#view .gourmet    { padding-top: 330px !important; background: url('../images/bg-gourmet.jpg') 50% 30px no-repeat; }
#view .reference  { line-height: 1.7em; }

  #content .ol-list       { padding-left: 3px; }
  #content .ol-list li    { margin-bottom: 5px; clear: both; }
  #content .ol-list li em { width: 15px; height: 14px; padding: 2px 0 2px; float: left; margin-right: 15px; color: #fff; font-size: .8em; font-style: normal; text-align: center; background: url('../images/bg-produkt-li.gif') 0 70% no-repeat; }

  #content .ul-list     {}
  #content .ul-list li  { padding-left: 16px; margin-bottom: 4px; background: url('../images/bg-ul-list.gif') 0 .4em no-repeat; }

  #content h2,
  #content h3,
  #content h4,
  #content p            { margin-bottom: .8em; }
  #content .item p,
  #content .item ul,
  #content .item ol     { margin-bottom: 1em !important; }


  /* Product tech list */
  #content .check { margin-top: 30px; display: block; width: 80%; padding: 13px 20px !important; }
  #content .video { background: #d8dde3 url('../images/bg-check-video.gif') 100% 0 no-repeat; }

  #content .helios { clear: both; margin: 10em 0 3em 0; min-height: 50px; padding-left: 160px; background: url('../images/bg-produkt-helios.gif') no-repeat; }
  * html #content .helios { height: 50px; }

  #tech_list      { margin: 3em 0 0 50px; padding-right: 80px; }
  #tech_list li   { overflow: hidden; line-height: 300px; }
  #tech_list li a { display: block; }
  #tech_list .fl  { width: 174px; }
  #tech_list .fr  { width: 140px; }

  #tech_list #tech_jquery           { height: 105px; background: url('../images/tech/jquery.gif') no-repeat; }
  #tech_list #tech_php              { height: 105px; background: url('../images/tech/php.gif') no-repeat; }
  #tech_list #tech_ajax             { height: 112px; background: url('../images/tech/ajax.gif') no-repeat; }
  #tech_list #tech_mysql            { height: 112px; background: url('../images/tech/mysql.gif') no-repeat; }
  #tech_list #tech_wymeditor        { height: 118px; background: url('../images/tech/wymeditor.gif') no-repeat; }
  #tech_list #tech_linux            { height: 118px; background: url('../images/tech/linux.gif') no-repeat; }
  #tech_list #tech_mootools         { height: 75px; background: url('../images/tech/mootools.gif') no-repeat; }
  #tech_list #tech_ganalytics       { height: 75px; background: url('../images/tech/ganalytics.gif') no-repeat; }


  /* People site content */
  .people                     { overflow: hidden; clear: both; padding: 20px 0 75px; }
  .people .item               { width: 315px; float: left; margin: 3em 5px .5em 0; }
  .people .item .img          { position: absolute; top: 0; left: 0; padding: 30px; height: 150px; width: 255px; background-color: #fff; border: 1px #e2e2e2 solid; border-width: 0 1px 1px 0; }
  .people .third .img         { background: #fff url('../images/bg-people-item.gif') 295px 0 no-repeat; border-right: none; }
  .people .item .self         { padding: 240px 30px 0; }
  .people .item .self h3      { color: #5e6062; font-size: 1em; font-weight: bold; }
  .people .item .self p       { color: #848484; }
  .people .item .self address { color: #000; }

  .extern           { overflow: hidden; clear: both; padding: 30px 0 50px; }
  .extern .item     { float: left; width: 160px; margin-top: 1em; }
  .extern .item h3  { color: #5e6062; font-size: 1em; font-weight: bold; margin-bottom: 0 !important; }
  .extern .item p   { color: #848484; }


  /* Fancy video, fancytext box */
  .fancy          { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 100; }
  .fancy .overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity:0.8; filter:alpha(opacity:80); background-color: #000; }
  .fancy .in      { position: relative; z-index: 500; margin: 0 auto 0; text-align: left; font-size: 1.2em; }

  .fancyText .in                            { width: 690px; }
  .fancyText .in .fancy-top                 { height: 17px; background: url('../images/fancy/bg-fancy-top.png') no-repeat; }
  .fancyText .in .fancy-content             { padding: 30px 55px 60px; background: url('../images/fancy/bg-fancy-content.png') repeat-y; }
  .fancyText .in .fancy-content h3          { margin-bottom: .9em; }
  .fancyText .in .fancy-content .close      { position: absolute; width: 14px; height: 14px; top: 20px; right: 23px; }
  .fancyText .in .fancy-content .close span { background: url('../images/fancy/bg-fancy-close.gif') no-repeat; }
  .fancyText .in .fancy-navi                { overflow: hidden; padding: 15px 55px 10px; background: url('../images/fancy/bg-fancy-content2.png') repeat-y; }
  .fancyText .in .fancy-navi li             { display: inline;}
  .fancyText .in .fancy-navi .prev          { padding-left: 17px; background: url('../images/fancy/bg-fancy-left.gif') 0 50% no-repeat; }
  .fancyText .in .fancy-navi .next          { padding-right: 17px; background: url('../images/fancy/bg-fancy-right.gif') 100% 50% no-repeat; }
  .fancyText .in .fancy-bottom              { height: 16px; background: url('../images/fancy/bg-fancy-bottom.png') no-repeat; }

  .fancyVideo .in                 { width: 631px; }
  .fancyVideo .in .fancy-top      { height: 19px; background: url('../images/fancy/bg-fancyvideo-top.png') no-repeat; }
  .fancyVideo .in .fancy-content  { text-align: center; padding: 10px 30px; background: url('../images/fancy/bg-fancyvideo-content.png') repeat-y; }
  .fancyVideo .in .fancy-bottom   { height: 18px; background: url('../images/fancy/bg-fancyvideo-bottom.png') no-repeat; }


  /* Service detail */
  .process        { height: 51px; overflow: hidden; margin-bottom: 4em; border-right: 1px #dedede solid; border-bottom: 1px #d0d0d0 solid; background: #f6f6f6 url('../images/bg-process.gif') repeat-x; }
  .process li     { display: block; float: left; height: 33px; padding: 18px 45px 0 26px; background: url('../images/bg-process-separator.gif') 100% 50% no-repeat; }
  .process .last  { background: none; }

  .detail-profile       { padding-top: 20px; }
  .detail-profile h3    { font-size: 1em; font-weight: bold; margin: 0 !important; }
  .detail-profile .col1 { line-height: 1.8em; }
  .detail-profile .col2 { width: 320px !important; }
  .detail-profile .sign { float: right; margin: 1.5em 6em 0 0; }

  .profile-img        { border-bottom: 1px #d7d8d8 solid; border-right: 1px #e8e8e8 solid; float: left; background: #f5f5f5 url('../images/bg-profile.gif') repeat-x; }
  .profile-img a      { position: relative; display: block; width: 140px; padding: 10px 10px 40px 10px; text-align: center; background: url('../images/bg-profile-linkedin.gif') 100px 95% no-repeat; }
  .profile-img .arrow { position: absolute; width: 8px; height: 26px; top: 40px; left: -8px; background: url('../images/bg-profile-arrow.gif') no-repeat; }

  .profile-text       { float: right; width: 150px; padding-top: 8px; }

  .included a.button  { margin-top: 6em; }

  .facts .facts-pdf             { width: 28px; height: 29px; line-height: 100px; overflow: hidden; margin: 1em; float: left; }
  .facts .facts-pdf span        { background: url('../images/bg-facts-pdf.gif') no-repeat; }
  .facts .facts-pdf:hover span  { background-position: 0 -29px; }


  /* Header with horizontal line */
  .line         { border-bottom: 1px #c9ccd0 solid; margin-bottom: 1em !important; }
  .line strong  { position: relative; top: 12px; font-weight: normal; padding-right: 10px; }


  /* Reference detail */
  .reference .intro         { padding-bottom: 2em; }
  .reference .preview       { padding: 30px 35px 5px; background-color: #d1d8e0; }
  .reference .preview img   { margin: 0 0 30px 0; }
  .reference .facts         { padding-bottom: 20px; }
  .reference .facts h3      { font-weight: normal; font-size: 1em; margin: 0 !important; }
  .reference .facts-pdf     { float: left; margin: 1em .8em 0 0; }

  .reference .profile         { position: relative; width: 126px; padding: 9px; background-color: #fff; }
  .reference .profile .arrow  { position: absolute; width: 8px; height: 16px; top: 20px; left: -8px; background: url('../images/bg-reference-profile.gif') no-repeat; }

  .reference .submenu h2,
  .reference .submenu ul                { padding-left: 22px; }
  .reference .submenu ul                { width: 235px; }
  .reference .submenu li a              { display: block; height: 19px; padding: 6px 0 4px; color: #5e6062; text-decoration: none; }
  .reference .submenu li a:hover        { color: #000; }
  .reference .submenu li.active         { margin-left: -22px; }
  .reference .submenu li.active a       { color: #fff; padding-left: 22px; background: url('../images/bg-submenu-active.gif') no-repeat; }
  .reference .submenu li.active a:hover { color: #fff; }


  /* Reference clients */
  .clients { overflow: hidden; padding-top: 25px; }
  .clients li { width: 100px; float: left; height: 50px; padding: 45px 60px 20px; text-align: center; margin: 0 25px 25px 0; font-size: 1.2em; font-weight: bold; overflow: hidden; background-color: #fff !important; border: 1px #dfe4eb solid; border-width: 0 1px 1px 0; }
  .clients li.four { margin-right: 0 !important; }
  .clients li span { background-position: 50% 50% !important; background-repeat: no-repeat !important; width: 220px; height: 110px; }

  .clients .apple span                      { background: url('../images/clients/apple.jpg'); }
  .clients .ceske-drahy span                { background: url('../images/clients/ceske-drahy.jpg'); }
  .clients .bureau-veritas span             { background: url('../images/clients/bureau-veritas.jpg'); }
  .clients .microsoft span                  { background: url('../images/clients/microsoft.jpg'); }
  .clients .den-jak-sen span                { background: url('../images/clients/den-jak-sen.jpg'); }
  .clients .mitsubishi-electric span        { background: url('../images/clients/mitsubishi-electric.jpg'); }
  .clients .newton-college span             { background: url('../images/clients/newton-college.jpg'); }
  .clients .edisk span                      { background: url('../images/clients/edisk.jpg'); }
  .clients .autobusch span                  { background: url('../images/clients/autobusch.jpg'); }
  .clients .john-deere span                 { background: url('../images/clients/john-deere.jpg'); }
  .clients .sodexho span                    { background: url('../images/clients/sodexho.jpg'); }
  .clients .snacker span                    { background: url('../images/clients/snacker.jpg'); }
  .clients .boogiefilms span                { background: url('../images/clients/boogiefilms.jpg'); }
  .clients .adecco span                     { background: url('../images/clients/adecco.jpg'); }
  .clients .trigema span                    { background: url('../images/clients/trigema.jpg'); }
  .clients .unknown span                    { background: url('../images/clients/unknown.jpg'); }
  .clients .specialized span                    { background: url('../images/clients/specialized.jpg'); }
  .clients .metropol span                    { background: url('../images/clients/metropol.jpg'); }
  .clients .aromi span                    { background: url('../images/clients/aromi.jpg'); }
  .clients .lafinestra span                    { background: url('../images/clients/lafinestra.jpg'); }
  .clients .maitrea span                    { background: url('../images/clients/maitrea.jpg'); }
  
  
  /* Freelancers */
  .freelancers { background: url('../images/bg-freelancers.jpg') 95% 30px no-repeat; }
  .freelancers .text { padding-bottom: 50px; }
  .freelancers .text .col1,
  .freelancers .text .col2 { padding-right: 50px; width: 28%; }
  .freelancers .text h3 { font-size: 1em; font-weight: bold; }
  
  .freelancers .form form { padding: 20px 0 40px; }
  .freelancers .form form label strong { display: block; color: #343434; }
  .freelancers .form form label { color: #5e6062; }
  .freelancers .form form .clearfix { padding-bottom: 2em; overflow: visible; }
  .freelancers .form form p.required { clear: both; padding-left: 20px; margin-top: 1em; background: url('../images/bg-required.gif') 0 50% no-repeat; }
  .freelancers .form form input.button { width: 250px !important; background: url('../images/bg-freelancers-button.png') no-repeat !important; }
  .freelancers .form form input.required { background: url('../images/bg-freelancers-button-required.png') no-repeat !important; }
  .freelancers .form form input.file { padding: 0 !important; height: 26px !important; }
  .freelancers .form form input.file_text { width: 598px !important; background: url('../images/bg-button-file.png') no-repeat !important; }
  .freelancers .form form textarea { width: 940px; height: 84px; padding: 10px !important; background: url('../images/bg-freelancers-textarea.png') no-repeat; }
  .freelancers .form form .submit { float: right; margin-top: -25px; }
  .freelancers .form form .file_browse { position: absolute; top: 45px; left: 516px; width: 79px; height: 22px; border: none; color: #fff; font-size: .8em; cursor: pointer; background: url('../images/btn-choose-file.gif') no-repeat; }

  .freelancers .form form .button-file { width: 598px; height: 27px; }
  .freelancers .form form .button-file .button { width: 459px; height: 19px; padding: 4px 10px; float: left; background: url('../images/bg-file-button.gif') no-repeat; }
  .freelancers .form form .button-file .type { display: block; float: left; width: 20px; height: 19px; }
  .freelancers .form form .button-file .browse { float: left; display: block; width: 116px; height: 23px; color: #101010; cursor: pointer; text-align: center; padding-top: 5px; background: url('../images/bg-file-browse.gif') no-repeat; }
  
  .freelancers .form form .button-file .jpg { background: url('../images/filetypes/jpg.gif') 0 25% no-repeat; }

  .progress_bar { background:url(../images/progressbg_green.gif) 100% 0 no-repeat; border:1px solid #626562; border-width: 0 1px; display: none; float: left; height:12px; margin-right: 5px; width:120px; }
  .progress_percent { color: #B1B1B1; display: none; font-style: normal; }
  .progress_complete { background: url(../images/progress_complete.gif) 0 50% no-repeat; color: #B1B1B1; display: none; padding-left: 18px;}
  .progress_complete_visible { display: block !important;}
  .progress_info { font-size: 0.9em;}
  .progressName { float: left; padding-right: 10px;}
  .progressWrapper .red { font-weight: bold;}
  #progress_freelancers { line-height: 1em; margin-top: 7px; position: absolute; right: 190px; white-space: nowrap; }

  
  /* Contact */
  .contact { background: url('../images/bg-map.gif') 95% 10px no-repeat; }
  .contact .text { padding-bottom: 4em; }
  .contact .text .col1,
  .contact .text .col2,
  .contact .text .col3 { width: 22%; float: left; }
  .contact .text2 { padding-bottom: 2em; }
  .contact .text2 h3 { font-size: 1em; margin: 0 !important; }
  .contact .text2 .col1,
  .contact .text2 .col2 { width: 22%; }
  .contact .text2 .col3 { width: 30%; }
  .contact .text2 .col4 { width: 24%; float: right; }
  .contact .gallery { overflow: hidden; height: 100%; padding: 30px 0; }
  .contact .gallery .item { padding: 25px; float: left; background-color: #ffffff; border: 1px #e2e2e2 solid; border-width: 0 1px 1px 0; margin-right: 10px; }
  .contact .button { width: 180px !important; margin-top: 13px; background: url('../images/bg-button-kontakt.gif') no-repeat; }
  
  
  /* Principles */
  .principles .items { overflow: hidden; height: 100%; padding-bottom: 1em; }
  .principles .items .item { width: 250px; height: 185px; padding: 20px 26px 0; float: left; margin-right: 25px; border-bottom: 1px #e2e2e2 solid; background: url('../images/bg-principles-item.gif') 100% 0 no-repeat; }
  .principles .items .item h3 { font-size: 1.8em; }
  .principles .items .third { margin-right: 0; }
  .principles .waauu { height: 206px; overflow: hidden; height: 100%; border-bottom: 1px #c5c5c5 solid; }
  .principles .waauu li { height: 205px; float: left; }
  .principles .wau-1 { width: 210px; }
  .principles .wau-1 span { background: url('../images/bg-wau-1.gif') 50% 0 no-repeat; }
  .principles .wau-2 { width: 160px; }
  .principles .wau-2 span { background: url('../images/bg-wau-2.gif') 50% 0 no-repeat; }
  .principles .wau-3 { width: 200px; }
  .principles .wau-3 span { background: url('../images/bg-wau-3.gif') 50% 0 no-repeat; }
  .principles .wau-4 { width: 200px; }
  .principles .wau-4 span { background: url('../images/bg-wau-4.gif') 50% 0 no-repeat; }
  .principles .wau-5 { width: 190px; }
  .principles .wau-5 span { background: url('../images/bg-wau-5.gif') 50% 0 no-repeat; }
  
  
  /* About */
  .about .padd { padding-top: 3em; }
  .about h3 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em !important; }
  .about .img { width: 250px !important; background-color: #fff; padding: 25px; text-align: center; }
  .about .cols50 .col1,
  .about .cols50 .col2 { width: 45% !important; }

  .about .network ul { overflow: hidden; height: 100%; margin-top: 4em; }
  .about .network li { height: 62px; width: auto !important; float: left !important; line-height: 150px; padding: 0 40px; background: url('../images/bg-about-separator.gif') 100% 50% no-repeat; }
  .about .network li.last { padding-right: 45px; background: url('../images/bg-about-separator2.gif') 100% 50% no-repeat; }
  .about .network li span { background-position: 0 50% !important; background-repeat: no-repeat !important; }
  
  .about .network li.breezy { width: 30px !important; }
  .about .network li.breezy span { background: url('../images/bg-about-breezy.gif'); }
  .about .network li.facebook { width: 86px !important; }
  .about .network li.facebook span { background: url('../images/bg-about-facebook.gif'); }
  .about .network li.bn { width: 160px !important; }
  .about .network li.bn span { background: url('../images/bg-about-bn.gif'); }
  .about .network li.vimeo { width: 61px !important; }
  .about .network li.vimeo span { background: url('../images/bg-about-vimeo.gif'); }
  .about .network li.text { width: 197px !important; }
  .about .network li.text span { background: url('../images/bg-about-text.gif'); }
  
  
  /* Web templates */
  .wtemplates h2.main { font-size: 2.5em; margin-bottom: 0 !important; }
  .wtemplates h3.main { font-size: 1.6em; }
  .wtemplates .produced { float: right; margin: -20px 30px 0 0; }
  * html .wtemplates .produced { margin-right: 15px; }
  .wtemplates .produced a { width: 312px; height: 38px; line-height: 100px; }
  .wtemplates .produced span { background: url('../images/bg-wtemplates-produced.gif') no-repeat; }
  .wtemplates .line { height: 100%; overflow: hidden; border: 0; padding: 20px 0 10px; margin: 0; clear: both; }
  .wtemplates .line .item { position: relative; float: left; width: 300px; padding-right: 30px; height: 330px; background: url('../images/bg-wtemplates-navi.gif') 0 100% repeat-x; }
  .wtemplates .line .last { padding-right: 0 !important; }
  .wtemplates .line .item .img { position: relative; height: 238px; margin-bottom: 18px; }
  .wtemplates .line .new .img .overlay { position: absolute; width: 79px; height: 72px; top: -2px; right: -2px; background: url('../images/bg-wtemplates-new.png') no-repeat; }
  .wtemplates .line .item .img img { float: left; }
  .wtemplates .line .item .self {  padding: 24px 0 0 29px; background: url('../images/bg-wtemplates-navi-arrow.gif') 27px 0 no-repeat; }
  .wtemplates .line .item .self h4 { font-size: 1em; font-weight: bold; margin: 0 !important; }
  .wtemplates .line .item .self .download { position: absolute; width: 24px; height: 18px; top: 288px; left: 260px; line-height: 100px; }
  .wtemplates .line .item .self .download span { background: url('../images/bg-wtemplates-download.gif') 50% 0 no-repeat; }
  .wtemplates .line .item .self .download:hover span { background-position: 50% -18px; }
  .wtemplates .line .item .self em { float: left; font-style: normal; padding-right: 5px; }
  .wtemplates .line .item .self .color { display: block; width: 11px; height: 18px; float: left; margin-right: 3px; overflow: hidden; background-repeat: no-repeat !important; background-position: 0 50% !important; }
  

/* -- Footer -- */
#foot .closed               { height: 18px; padding-top: 18px; overflow: hidden; }
#foot .in                   { width: 960px; margin: 0 auto; }
#foot .formBox              { height: 0; overflow: hidden; }
#foot form                  { padding: 30px 0; }
#foot h3                    { margin-bottom: 0em; }
#foot label                 { padding: 0 3px; }
#foot p.required            { clear: both; padding-left: 20px; margin-top: 1em; background: url('../images/bg-required.gif') 0 50% no-repeat; }
#foot .submit               { float: right; margin-top: -25px; }
#foot #foot-close           { position: absolute; width: 98%; left: 1%; height: 60px; top: -8px; text-align: center; }
#foot .breezy               { display: block; width: 51px; height: 46px; margin: 0 auto; cursor: pointer; background: url('../images/bg-foot-breezy.png') 0 0 no-repeat; }

#foot .col1,
#foot .col2                 { width: 49% !important; }

#foot .col1 input.button,
#foot .col2 input.button    { width: 180px !important; }
#foot .col2 input.required,
#foot .col1 input.required { width: 160px !important; padding-right: 30px !important; background: url('../images/bg-button-half2.png') no-repeat !important; }

#foot input.w100            { width: 420px !important; padding: 5px 10px 0 !important; height: 21px; border: none; background: url('../images/bg-button-w100.png') no-repeat !important; }
#foot textarea              { width: 450px; height: 127px; padding: 10px !important; background: #fff url('../images/bg-button-textarea.png') no-repeat; }

/* -- Cols layout -- */
.cols                     { overflow: hidden; height: 100%; clear: both; }

.cols50 .col1             { width: 48% !important; float: left; }
.cols50 .col2             { width: 48% !important; float: right; }

.cols2v1 .col1            { width: 625px; float: left; }
.cols2v1 .col2            { width: 275px; float: right; }

.cols1v2 .col1            { width: 300px; float: left; }
.cols1v2 .col2            { width: 600px; float: right; }

.cols3 .col1,
.cols3 .col2              { width: 33%; float: left; }
.cols3 .col3              { width: 33%; float: right; }

.cols4 .col1,
.cols4 .col2,
.cols4 .col3,
.cols4 .col4              { width: 24%; float: left; }

.reference .cols2v1 .col1 { width: 670px; }
.reference .cols2v1 .col2 { width: 230px; }

.fancy_list_heading{
display: none;
}

.fancy_list_text{
display: none;      
}

/* -- Template -- */
.template .panel        { height: 71px; overflow: hidden; margin: -6px 0 4em;  background: #f6f6f6 url('../images/bg-panel.gif') repeat-x; }
.template .panel li     { display: block; float: left; height: 71px; line-height: 71px; }
.template .panel .price { padding-left: 25px; font-size: 1.5em; font-family: Georgia; color: #999999; }
.template .panel .price strong { color: #272b2f; font-size: 1.4em;  }
.template .panel .button{ float: right; padding: 17px 25px 0 0; }
    
.template .panel a.btn { display: block; float: left; margin: 0 10px 0 0; padding-right: 10px; height: 37px; color: #fff; font-size: 1.2em; text-transform: uppercase; text-decoration: none; background: transparent no-repeat scroll top right; }
.template .panel a.btn span { display: block; padding: 6px 10px 5px 20px; line-height: 26px;  font-weight: bold; }
.template .panel a:hover.btn { text-decoration: none !important; }
.template .panel a.btn { background-image: url(../images/btn-panel.gif);}
.template .panel a.btn span { 	background: transparent url(../images/btn-panel.gif) no-repeat; }
.template .panel a.strong { color: #98FE00; }

.template #slider_container        { position: relative; }  
.template #slider_container .nav a { position: absolute; top: 48%; z-index: 400; display: block; width: 45px; height: 26px; background: transparent url(../images/bg-scroll.png) no-repeat; }
.template #slider_container .nav #prev { left: -22px; background-position: 0 -26px; }
.template #slider_container .nav #next { right: -22px; background-position: 0 0; }

.template .breadcrumbs { margin: -15px 0 25px 0px; padding-top: 0px; }          
.template .breadcrumbs li, .breadcrumbs a { display: block; float: left; }
.template .breadcrumbs li { list-style-type: none; padding-left: 25px; color: #7b7b7b; background: url('../images/bg-breadcrumbs.gif') 10px 60% no-repeat; }
.template .breadcrumbs li.home{ padding-left: 0px;  background: none; }

.template .compatibility        { height: 51px; overflow: hidden; margin-bottom: 4em; border-right: 1px #dedede solid; border-bottom: 1px #d0d0d0 solid; background: #f6f6f6 url('../images/bg-process.gif') repeat-x; }
.template .compatibility li     { display: block; float: left; height: 46px; padding: 5px 30px 0 13px; background: url('../images/bg-process-separator.gif') 100% 50% no-repeat; }
.template .compatibility .last  { background: none; padding-right: 18px; }


.template .col1 input.button,
.template .col2 input.button    { width: 180px !important; height: 21px; padding: 5px 10px 0 !important; background: url('../images/bg-button-half.png') no-repeat !important; }
.template .col2 input.required  { width: 160px !important; padding-right: 30px !important; background: url('../images/bg-button-half2.png') no-repeat !important; }
.template input.w100            { width: 420px !important; padding: 5px 10px 0 !important; height: 21px; border: none; background: url('../images/bg-button-w100.png') no-repeat !important; }
.template textarea              { width: 450px; height: 127px; padding: 10px !important; background: #fff url('../images/bg-button-textarea.png') no-repeat; }

.template .summary { border-bottom: 1px soldi #d5d5d5; background: #fff; }

.home-promo         { color: #e9e9e9; font-size: 14px;}
.home-promo a         { color: white !important;}

/* -- Strip -- */
#strip {
  height: 37px;
  border-bottom: 1px solid #414141;
  background-color: #171717;
}
#strip .inner { 
  padding: 0 !important;
}
.inner {
  position: relative;
  margin: 0 auto;
  width: 980px;
 	padding: 30px 0;
}
#nav               { float: left; margin: 0; padding: 0; height: 37px; }
#nav li            { float: left;}
#nav li a          { float: left; padding: 0 15px; font-size: 1.167em; text-decoration: none; text-transform: uppercase; height: 37px; line-height: 37px; color: #a3a3a3; border-left: 1px solid #414141; }
#nav li a:hover    { color: #dddddd; text-decoration: none !important;}
#nav li.active a   { background-color: #272b2f; }
#nav .last a       { border-right: 1px solid #414141; }

#social               { float: right; margin: 0; padding: 0; height: 37px; }
#social li            { float: left;}
#social li a          { float: left; padding: 0 25px 0 22px; height: 37px; line-height: 37px; font-size: 1.167em; text-decoration: none; text-transform: uppercase; color: #e2e4e8; }
#social li a.fb       { background: url(../images/icon/fb.png) 0 50% no-repeat; }
#social li a.tw       { background: url(../images/icon/tw.png) 0 50% no-repeat; }
#social li a.rss      { background: url(../images/icon/rss.png) 0 50% no-repeat; padding-right: 0px; }
#social li a span     { font-weight: bold; color: #7b91af; }

#social li a:hover span { color: #e2e4e8; }