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

/*- layout -*/
body        { font:normal 0.75em Verdana,Helvetica,sans-serif; color: #DDDDDD; min-height: 752px; _height: 752px; background: #D3D3D3 url('/images/bg-body.jpg') repeat-x; }
#page       { /*border-left: 1px solid red; border-right: 1px solid red;*/ }
#header     { text-align: center; }
#content    { background: #515d77 url('../images/bg-main.gif') repeat-x top left; color: #fff; margin: 19px 0 24px 0; min-height: 363px; _height: 363px; }
#main       { margin-top: -1px; }

/*- obecne tridy -*/
#page:after, #header:after, #footer:after, #main:after, #content:after, #menu:after,
.box:after, .cols:after, .cols2:after, .cols3:after, .item:after, paging:after,
.cf:after, .center:after   { content:'.'; display:block; height:0; overflow:hidden; clear:both; visibility:hidden; }
.cf {_height:1%; min-height: 1%;}

.fl      { float:left; }
.fr      { float:right; }
.hidden  { display:none !important; }
sup, sub,
.small   { font-size:85%; }
.big     { font-size:1.2em; }
.right   { text-align:right !important; }
.left    { text-align:left !important; }
.strong  { font-weight:bold; }
.alt     { color:#ff8700; }
.last    { margin-bottom: 0 !important; margin-right: 0 !important; }
.col1    { float: left; }
.col2    { float: right; }
.dn      { display: none; }
.nr      { margin-right: 0 !important; }
.nt      { margin-top: 0 !important; }
.center  { width: 800px; margin: 0 auto; position: relative; padding-bottom: 5px; }

/*- html tagy -*/
dl dd,
ol li          { margin-left:2em; }
ul li          { list-style:none; }
input, select  { vertical-align:middle; }
hr             { position: absolute; top: -140251px; }

h1       { color: #fff !important; font-size: 1.7em; font-weight: normal; margin-bottom: 15px; }
h1.logo  { margin-bottom: 0 !important; }
h2       { color: #fff !important; font-size: 1.2em; margin-bottom: 5px; }
.basic h2 { font-size: 1em; }
#content .in h3   { color: #fff !important; font-size: 1em; margin-bottom: .8em; }
#content .in p img  { position: relative; top: 5px; }
h3       { color: #3F5981; font-size: 1.4em; font-weight: bold; }
h4       { font-size:100%; }
.light  { background-color: #61708f; padding: 5px; display: none; }
a        { color: #AFC6E7; text-decoration: underline; }
a:hover  { text-decoration: none; }
a img    { border:0; }

hr    { height:1px; overflow:hidden; border:0; border-bottom:1px solid #000; margin:.75em 0 0; clear:both; }
p     { margin-bottom: 15px; }
h3,p,
ul    { font-family: 'Arial CE',Arial,Helvetica,sans-serif; }
.box  { }

/*- header -*/
.logo   { padding: 21px 0 0 35px; display: block; width: 150px; height: 92px; float: left; }

.languages      { font-size: 0.8em; top: 8px; right: 0; background: url('/images/bg-languages.jpg') no-repeat; width: 102px; height: 16px; position: absolute; }
.languages li,
.languages a    { color: #999999; }
.languages li   { float: left; margin-right: 40px; }  

/*- menu -*/
#menu             { width: 444px; height: 16px; background: url('/images/bg-menu.jpg') no-repeat; position: absolute; top: -40px; right: 0; }
#menu li          { float: left; padding: 0 !important; background: none !important; margin-left: 0 !important; }
#menu li a        { text-align: center; display: block; height: 40px; color: #666; margin-right: 2px; text-decoration: none; font-weight: bold; font-size: 1em; background: url('/images/menu-li-bg.jpg') center bottom no-repeat; }
#menu li a:hover  { height: 40px; }
#menu li a.active { position: relative; top: 4px; color: #91AFDD; height: 36px; }
#menu li a:hover.active { _height: 36px; }
      
#menu li a.kdo-jsme    { width: 82px; }
#menu li a.co-delame   { width: 99px; }
#menu li a.filosofie   { width: 89px; }
#menu li a.projekty    { width: 82px; }
#menu li a.kontakty    { width: 84px; }
      
#menu li a.kdo-jsme,
#menu li a.projekty,
#menu li a.kontakty    { background: url('/images/menu-li-bg-82.gif') center bottom no-repeat; }
#menu li a.filosofie   { background: url('/images/menu-li-bg-89.gif') center bottom no-repeat; }
#menu li a.co-delame   { background: url('/images/menu-li-bg-99.gif') center bottom no-repeat; }
      
#menu li a:hover.kdo-jsme,
#menu li a:hover.projekty,
#menu li a:hover.kontakty    { background: url('/images/menu-li-bg-82-hover.jpg') center bottom no-repeat; }
#menu li a:hover.filosofie   { background: url('/images/menu-li-bg-89-hover.jpg') center bottom no-repeat; }
#menu li a:hover.co-delame   { background: url('/images/menu-li-bg-99-hover.jpg') center bottom no-repeat; }

#menu li a.kdo-jsme.active,
#menu li a.projekty.active,
#menu li a.kontakty.active    { background: url('/images/menu-li-bg-82-active.jpg') center bottom no-repeat; }
#menu li a.filosofie.active   { background: url('/images/menu-li-bg-89-active.jpg') center bottom no-repeat; }
#menu li a.co-delame.active   { background: url('/images/menu-li-bg-99-active.jpg') center bottom no-repeat; }

#menu li a:hover.kdo-jsme.active,
#menu li a:hover.projekty.active,
#menu li a:hover.kontakty.active    { background: url('/images/menu-li-bg-82-active.jpg') center bottom no-repeat; }
#menu li a:hover.filosofie.active   { background: url('/images/menu-li-bg-89-active.jpg') center bottom no-repeat; }
#menu li a:hover.co-delame.active   { background: url('/images/menu-li-bg-99-active.jpg') center bottom no-repeat; }


/*#menu ul li a.strategie,
#menu ul li a.co-delame   { position: relative; top: 4px; }
#menu ul li a.co-delame   { color: #91AFDD; position: relative; left: -4px; margin-right: 36px; }
#menu ul li a.projekty    { margin-right: 33px; }*/

/*- content -*/ 
#content .in { width: 355px; float: left; margin-top: 20px; margin-bottom: 10px; padding-top: 10px; color: #E4E8F1; text-align: justify; }
#content ul    { margin: 5px 0 5px 0; }
#content ul li { margin-left: 6px; background: url('/images/arrow.jpg') 0 .48em no-repeat; padding: 0 0 5px 8px; }
#main-img      { float: right; width: 360px; margin-top: 46px; }

#promo .item           { float: left; width: 205px; margin-right: 55px; }
#promo .item img       { margin-right: 23px;  }
#promo .item .in       { float: right; }
#promo .item h2,
#promo .item p         { width: 84px; }
#promo .item p         { color: #777; margin: 11px 0 14px 0; }
#promo .item a         { background: #5373A3 url('/images/bg-details.jpg') no-repeat; display: block; width: 76px; height: 27px; padding-top: 2px; text-align: center; color: #fff; text-decoration: none; font-size: 0.85em; font-weight: bold; }

/*- footer -*/
#footer         { font-size: 0.8em; color: #666; margin-top: 30px; }
#footer .copy	  { float: left; }
#footer .copy	a { color: #3F5981; }
#footer .made	  { text-align: right; float: right; background: url('/images/footer-ico-wdf.jpg') 0 50% no-repeat; padding: 5px 0 0 23px; height: 20px; }
#footer .made	a { color: #666; }

/*- paging -*/
.paging           { float:left; line-height:17px; position:relative; left:50%; }
.paging p         { _float:left; position:relative; left:-50%; }
.paging span      { float:left; }
.paging a         { float:left; padding:0 5px; }
.paging strong    { float:left; padding:0 5px; color:#000; font-size:1.2em; }
.paging .ico      { width:17px; height:17px; padding:0 !important; background-color:#cacbdd !important; }
.paging .paging-prev     { margin-right:10px; }
.paging .paging-next     { margin-left:10px; }
.paging a.paging-prev,
.paging a.paging-next         { background-color:#00f !important; }
.paging a.paging-prev:hover,
.paging a.paging-next:hover   { background-color:#f00 !important; }

/*- paging - debug -*/
.paging           { border:1px solid red !important; }
.paging p         { border:1px solid blue !important; }

/*- formbox -*/
.formbox             { padding:10px; margin-left: -10px; }
.formbox .clearfix   { line-height:2.7; width:500px; }
.formbox .lab        { float:left; display:block; width:150px; text-align:right; position:relative; }
.formbox .lab .alt   { position:absolute; top:0; right:-1em; display:block; width:.9em; text-align:left; }
.formbox .cont       { float:right; width:330px; position:relative; }
.formbox select      { width: 146px; }
.formbox p           { line-height:1.3; padding-top:.2em; margin:0 !important; }
.formbox textarea    { width:90%; }
.formbox .fullcont   { padding-top:1em; }

/* Co děláme - icons */
.analyzy  { background: #515d77 url('../images/icons/analyzy-konzultace.gif') no-repeat 0 40% !important; padding-left: 20px !important; } 
.sem      { background: #515d77 url('../images/icons/sem.gif') no-repeat 0 0% !important; padding-left: 20px !important; }
.planovani  { background: #515d77 url('../images/icons/planovani.gif') no-repeat 0 1% !important; padding-left: 20px !important; }      
.priprava  { background: #515d77 url('../images/icons/nakup-medii.gif') no-repeat 0 1% !important; padding-left: 20px !important; }
.realizace  { background: #515d77 url('../images/icons/realizace-kampani.gif') no-repeat 0 1% !important; padding-left: 20px !important; }
.vyhodnoceni  { background: #515d77 url('../images/icons/vyhodnoceni-kampani.gif') no-repeat 0 1% !important; padding-left: 20px !important; }
.mobil-marketing  { padding: 0 !important; background: none; position: absolute; top: 320px; right: 118px; }
.mobil-marketing a  { display: block; width: 214px; height: 125px; background: #515d77 url('../images/icons/marketing.gif') no-repeat 0 0; line-height: 26px; padding-left: 25px; }


li.goo-adver { list-style-type: none; background: none !important;}
li.goo-adver img { margin: 20px 20px 20px 0;}