/* MaxInspiro */

html, body, form, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, div, hr, form, input, fieldset, button { margin: 0; padding: 0; }

/* Global settings */
.blind, .skips,
hr { display: none !important; }
fieldset,
a img  { border: 0; }
  
  /* Clearfix */  
  .cf { min-height: 1%; _height: 1%; }
  .cf:after { content: "."; display: block; clear: both; visibility: hidden; overflow: hidden; height: 0; }
  
  /* Links */
  a:link, a:visited { color: #909090; }
  a:hover, a:active { color: #4e4e4e; text-decoration: none; }
  a:link span, a:visited span { cursor: hand; cursor: pointer; }
    
  /* Headings */
  h1  {  }
  h2  {  }
  
  /* Lists */	
  ul	{  }
  ul li	{  } 
  
/* Layout */
html  { background: #d9d9d9 url(images/bg-wrap.gif) repeat-y center top; }
body  { margin: 0; font: normal 83%/1.3 Arial, Tahoma, sans-serif; text-align: center;  }
.wrap	{ background: transparent url(images/bg-gray-line.gif) repeat-x 0 0; }
.wrap #page	{ width: 980px; margin: 0 auto; text-align: left; position: relative; padding-top: 87px; }

/* Flash */
#flash  { margin-top: -35px; }
#flash .in  { width: 870px; margin: 0 auto; }

/* Global button FB propagace */
.btn-fb-propagace { position: absolute; top: 80px; right: 0; width: 338px; height: 45px; }
.btn-fb-propagace a:link, .btn-fb-propagace a:visited { display: block; width: 338px; height: 45px; background-color: #187eb9; color: #fff; text-transform: uppercase; text-align: center; line-height: 45px; overflow: hidden; position: relative; text-decoration: none; }
.btn-fb-propagace a:link span, .btn-fb-propagace a:visited span { position: absolute; left: 0; top: 0; width: 338px; height: 45px; background: transparent url(images/btn-fb-propagace.gif) no-repeat 0 0; }
.btn-fb-propagace a:hover span, .btn-fb-propagace a:active span { background-position: 0 100%; }

/* Case studies */
.case-studies	{ position: relative; z-index: 1000; text-align: center; }
.case-studies .wrap2	{ background: transparent url(images/bg-gray-line.gif) repeat-x 0 0; }
.case-studies .in	{ width: 870px; margin: 0 auto; text-align: left; position: relative; }
.case-studies .in h1	{ position: absolute; left: 0; top: 5px; width: 214px; height: 48px; overflow: hidden; }
.case-studies .in h1 span	{ position: absolute; left: 0; top: 0; width: 214px; height: 48px; background: transparent url(images/logo.gif) no-repeat 0 0; }
.case-studies .in .col	{ width: 425px; position: relative; padding-top: 78px; }
.case-studies .in .col#left	{ float: left; }
.case-studies .in .col#right	{ float: right; }

/* Text */
p.contact	{ font-size: 90%; color: #fff; position: absolute; right: 0; top: 20px; text-align: right; line-height: 1.3em; font-family: Trebuchet MS, sans-serif;  }
p.contact a:link, p.contact a:visited	{ color: #3588bc; }
p.contact a:hover, p.contact a:active	{ color: #fff; } 

/* Back */
p.back	{ margin-bottom: 20px; text-align: right; padding-right: 3px; }

/* Menu */
#menu { font-size: 100%; color: #767676; position: absolute; right: 0; top: 24px; height: 19px; line-height: 19px; font-family: Trebuchet MS, sans-serif; padding-left: 25px; background: transparent url(images/bg-menu.gif) no-repeat 0 50%; z-index: 1000; }
#menu a:link, #menu a:visited { color: #767676; text-transform: uppercase; text-decoration: none; font-weight: bold; }
#menu a:hover, #menu a:active { color: #fff; text-decoration: underline; }
#menu a:link.active, #menu a:visited.active	{ color: #fff; text-decoration: underline; }

/* Homepage */
.homepage .btn-fb-propagace { position: relative; left: 0; top: 0; margin: 0 auto 20px auto; }


/* Subpages */
.co-delame .wrap #page .logo	{ position: absolute; left: 0; top: 7px; width: 214px; height: 48px; overflow: hidden; }
.co-delame .wrap #page .logo span	{ position: absolute; left: 0; top: 0; width: 214px; height: 48px; overflow: hidden; background: transparent url(images/logo.gif) no-repeat 0 0; }
.co-delame .wrap #page .slogan	{ width: 960px; height: 140px; overflow: hidden; position: relative; color: #1a8dcf; font-weight: bold; font-size: 130%; margin-left: 17px; }
.co-delame .wrap #page .slogan span	{  position: absolute; left: 0; top: 0; width: 960px; height: 140px; background: transparent url(images/slogan.gif) no-repeat 0 0; }
.co-delame .wrap #page h1	{ height: 58px; line-height: 58px; background: #fff url(images/bg-h1.gif) no-repeat 0 0; text-transform: uppercase; font-size: 120%; color: #8d8d8d; letter-spacing: -1px; padding-left: 33px; }
.co-delame .wrap #page .item	{ width: 326px; float: left; margin-right: 1px; height: 393px; }
.co-delame .wrap #page .item .desc	{ border-bottom: 1px #a9a9a9 dotted; color: #8b8b8b; padding: 5px 0 5px 0; margin: 0 16px 0 16px; font-size: 90%; font-weight: bold; }
.co-delame .wrap #page .item h2	{ overflow: hidden; position: relative; width: 326px; height: 24px; _height: 129px; }
.co-delame .wrap #page .item h2 span	{ position: absolute; left: 0; top: 0; width: 326px; height: 129px; overflow: hidden; }
.co-delame .wrap #page .item ul	{ padding-left: 25px; margin: 7px 0 0 16px; font-size: 90%; }
.co-delame .wrap #page .item li	{ padding-left: 10px; list-style-type: none; background: transparent url(images/bg-li.gif) no-repeat 0 8px; color: #282828; font-weight: bold; }
.co-delame .wrap #page .item li.last	{ background-image: url(images/bg-li-last.gif); margin-top: 15px; background-position: 0 5px; }
.co-delame .wrap #page .item#varianta-1	{ background: #fff url(images/bg-varianta-a.gif) no-repeat 0 0; }
.co-delame .wrap #page .item#varianta-1 h2	{ color: #7eab1c; font-size: 130%; text-transform: uppercase; letter-spacing: -1px; padding-left: 16px; padding-top: 105px; }
.co-delame .wrap #page .item#varianta-1 h2 span	{ background: transparent url(images/bg-h2-v1.gif) no-repeat 0 0; }
.co-delame .wrap #page .item#varianta-1 ul	{ background: transparent url(images/bg-ul-varianta-1.gif) no-repeat 0 0; }
.co-delame .wrap #page .item#varianta-2	{ background: #fff url(images/bg-varianta-b.gif) no-repeat 0 0; }
.co-delame .wrap #page .item#varianta-2 h2	{ color: #1a8dcf; font-size: 130%; text-transform: uppercase; letter-spacing: -1px; padding-left: 16px; padding-top: 105px; }
.co-delame .wrap #page .item#varianta-2 h2 span	{ background: transparent url(images/bg-h2-v2.gif) no-repeat 0 0; }
.co-delame .wrap #page .item#varianta-2 ul	{ background: transparent url(images/bg-ul-varianta-2.gif) no-repeat 0 0; }
.co-delame .wrap #page .item#varianta-3	{ background: #fff url(images/bg-varianta-c.gif) no-repeat 0 0; margin-right: 0; }
.co-delame .wrap #page .item#varianta-3 h2	{ color: #fe7e00; font-size: 130%; text-transform: uppercase; letter-spacing: -1px; padding-left: 16px; padding-top: 105px; }
.co-delame .wrap #page .item#varianta-3 h2 span	{ background: transparent url(images/bg-h2-v3.gif) no-repeat 0 0; }
.co-delame .wrap #page .item#varianta-3 ul	{ background: transparent url(images/bg-ul-varianta-2.gif) no-repeat 0 0; }
.co-delame .wrap #page .like	{ clear: both; padding-top: 10px; }

/* Kontakty */
.kontakty .logo	{ position: absolute; left: 0; top: 7px; width: 214px; height: 48px; overflow: hidden; }
.kontakty .logo span	{ position: absolute; left: 0; top: 0px; width: 214px; height: 48px; overflow: hidden; background: transparent url(images/logo.gif) no-repeat 0 0; }
.kontakty h1	{ position: relative; width: 950px; height: 75px; text-transform: uppercase; color: #8d8d8d; letter-spacing: -1px; }
.kontakty h1 span	{ position: absolute; left: 0; top: 0; width: 950px; height: 75px; background: transparent url(images/heading-kontakty.gif) no-repeat 0 0; }
.kontakty .maxmedia	{ background: #fff url(images/bg-maxmedia.gif) no-repeat 0 100%; padding-bottom: 0px; }
.kontakty .maxmedia .item	{ width: 161px; float: left; margin-right: 15px; height: 330px; overflow: hidden; position: relative; right: 35px; top: 29px; }
.kontakty .maxmedia .item.last	{ margin-right: 0; }
.kontakty .maxmedia .item .info	{ position: absolute; left: 0; top: 211px; }
.kontakty .maxmedia .item .info h2	{ font-size: 110%; font-weight: bold; color: #1a8dcf; padding-left: 25px; background: #fff url(images/heading-items.gif) no-repeat 0 0; padding-bottom: 5px; border-bottom: 1px dotted #b2b2b2; }
.kontakty .maxmedia .item .info h2 span	{ display: block; color: #696969; font-weight: normal; font-size: 70%; }
.kontakty .maxmedia .item .info p	{ color: #909090; font-size: 85%; padding-top: 5px; }
.kontakty .maxmedia .item .info p strong	{ color: #4e4e4e; }
.kontakty .maxmedia .item .image	{ position: absolute; left: 0; top: 0; }
.kontakty .maxmedia .big-photo {float: left; background: url('images/photobg.gif') top left; position: relative; top: -30px; right: 39px; width: 467px; height: 416px;}
.kontakty .maxmedia .big-photo img {position: relative; top: 59px; right: -48px;}
.kontakty .inspiro	{ padding-bottom: 43px; background: #fff url(images/bg-inspiro.gif) no-repeat 0 100%; }
.kontakty .inspiro .item	{ width: 115px; float: left; margin-right: 7px; height: 158px; position: relative; }
.kontakty .inspiro .item.last	{ margin-right: 0; }
.kontakty .inspiro .item .image	{ position: absolute; left: 0; top: 0; }
.kontakty .inspiro .item h2	{ position: absolute; left: 0; top: 119px; font-size: 90%; color: #1a8dcf; }
.kontakty .inspiro .item h2 span	{ display: block; font-weight: normal; color: #696969; font-size: 80%; }
.kontakty .map  { margin-bottom: 25px; }
.kontakty .map .col1  { width: 517px; float: left; }
.kontakty .map .col2  { width: 435px; float: right; }
.kontakty .map .col2 h2 { font-size: 110%; font-weight: bold; color: #1a8dcf; }
.kontakty .map .col2 p  { color: #909090; font-size: 90%; }
.kontakty .btn-fb-propagace { top: 72px; }

/* Reference */
.reference .logo	{ position: absolute; left: 0; top: 7px; width: 214px; height: 48px; overflow: hidden; }
.reference .logo span	{ position: absolute; left: 0; top: 0px; width: 214px; height: 48px; overflow: hidden; background: transparent url(images/logo.gif) no-repeat 0 0; }
.reference h1	{ position: relative; width: 946px; height: 86px; text-transform: uppercase; color: #8d8d8d; letter-spacing: -1px; }
.reference h1 span	{ position: absolute; left: 0; top: 0; width: 946px; height: 86px; background: transparent url(images/heading-reference.gif) no-repeat 0 0; }
.reference .studies img { margin-right: 15px; }
.reference .studies .last img { margin-right: 0; }
.reference #footer	{ padding-top: 43px; background: #fff url(images/bg-inspiro.gif) no-repeat 50% 0%; width: 980px; }
.reference #flash	{ margin-top: 0; }

/* Footer */
#footer	{ clear: both; width: 870px; margin: 0 auto; text-align: left; position: relative; font-family: Trebuchet MS, Tahoma, sans-serif; font-size: 100%; color: #888; text-align: center; padding-top: 30px; padding-bottom: 20px; }
#footer h2	{ margin-bottom: 25px; }
#footer h2 a:link, #footer h2 a:visited   {text-align: center;color: #3588bc;margin: 0 auto; text-decoration:none;}
#footer h2 a:hover, #footer h2 a:active   {color: #000;text-decoration:underline;}

/* Animated thumbs */
ul.thumb	{ margin-bottom: 20px; }
ul.thumb li { float: left;  position: relative; width: 80px; height: 80px; margin-right: 18px; list-style-type: none; }
ul.thumb li.last	{ margin-right: 0; }
ul.thumb li img { width: 80px; height: 80px; padding: 0 10px 10px 0; -ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */ background: #fff; position: absolute; left: 0; top: 0; }
ul.thumb#bigger	{ margin-bottom: 30px; }
ul.thumb#bigger li	{ width: 130px; height: 130px; margin-right: 62px; margin-bottom: 15px; }
ul.thumb#bigger li img	{ width: 130px; height: 130px; }

.tabler {float: left; width: 420px; height: 308px;}
.studies-btnbg {background: #fff url(images/bg-reference.png) no-repeat bottom left; height: 335px;}