body, form, table, ul, img { padding: 0; margin: 0; border: 0; }
body { font-family: Tahoma, Arial, Helvetica, sans-serif; color: #4a4a4a; font-size: 0.70em; background: url(http://www.fenomen.eu/img/bgrnd.jpg) fixed repeat-x #e0e1e2; }
.accessible { display: none; }
.clear_both { clear: both; }
a { outline: none; }
.events {display:none;}

#container { width: 970px; margin: 10px auto 0 auto;}
#head { width: 970px; height: 110px; }
#head h1 a { display: block; background: url(http://www.fenomen.eu/img/logo-fenomen-komunikace.gif) no-repeat; width: 442px; height: 92px; text-indent: -999999px; padding: 0 0 0 0px; position: absolute; margin: 10px 0px 0 20px; }
#head #searchForm { text-align:right; width:305px; float: left; padding: 0px 15px 0 0; background: url(http://www.fenomen.eu/img/search-field.gif) no-repeat; height: 34px; font-family: Georgia; letter-spacing: -0.05em; font-size: 1.2em; position:absolute; margin-left: 670px; display:none}
#searchForm #searchText { font-size:1em; border: 0; margin: 7px 15px 0 0; padding:0 ;color: #8d8d8d; height: 18px; font-family: Georgia; width: 130px; }
#searchForm #searchSubmit { background: url(http://www.fenomen.eu/img/search-button.gif) left center no-repeat; width: 30px; height: 22px; text-indent: -99999; border: 0; cursor: pointer; margin:5px 10px 0 0}

#nav { list-style: none; position: absolute; top: 0px; margin: 70px 2px 0 650px; text-align: left; }
#nav li { float: left; margin: 0 15px 0 0px; font-family: Georgia; font-size: 1.3em; color: #000000; letter-spacing: -0.05em; }
#nav .b1 { background: url(http://www.fenomen.eu/img/btn-01.gif) top left no-repeat; width: 75px; height: 33px; }
#nav .b1 a:hover { background: url(http://www.fenomen.eu/img/btn-01-on.gif) top left no-repeat; width: 75px; height: 33px; }
#nav .b2 { background: url(http://www.fenomen.eu/img/btn-02.gif) top left no-repeat; width: 99px; height: 33px; }
#nav .b2 a:hover { background: url(http://www.fenomen.eu/img/btn-02-on.gif) top left no-repeat; width: 99px; height: 33px; }
#nav .b3 { background: url(http://www.fenomen.eu/img/btn-03.gif) top left no-repeat; width: 99px; height: 33px; }
#nav .b3 a:hover { background: url(http://www.fenomen.eu/img/btn-03-on.gif) top left no-repeat; width: 99px; height: 33px; }
#nav strong { display: block; text-indent: -9999px; height: 33px; }
#nav .b1 strong { background: url(http://www.fenomen.eu/img/btn-01-on.gif) top left no-repeat; width: 75px; height: 33px; }
#nav .b2 strong { background: url(http://www.fenomen.eu/img/btn-02-on.gif) top left no-repeat; width: 99px; height: 33px; }
#nav .b3 strong { background: url(http://www.fenomen.eu/img/btn-03-on.gif) top left no-repeat; width: 99px; height: 33px; }
#nav li a { text-indent: -9999px; display: block; padding: 5px 0 5px 0; height: 33px; }
#main { float: left; width: 699px; }
#main .top { background: url(http://www.fenomen.eu/img/box-top-big.png) no-repeat; height: 58px; width: 699px; }
#navTabs { list-style: none; top: 0px; margin-left:15px; text-align: left; height:58px }
#navTabs li { float: left; margin: 0 2px 0 0px; font-family: Georgia; font-size: 1.3em; color: #000000; letter-spacing: -0.05em; }
#navTabs .b1 { background: url(http://www.fenomen.eu/img/btn-01-off.jpg) top left no-repeat; width: 57px; height: 58px; }
#navTabs .b1 a:hover { background: url(http://www.fenomen.eu/img/btn-01-over.jpg) top left no-repeat; width: 57px; height: 58px; }
#navTabs .b2 { background: url(http://www.fenomen.eu/img/btn-02-off.jpg) top left no-repeat; width: 176px; height: 58px; }
#navTabs .b2 a:hover { background: url(http://www.fenomen.eu/img/btn-02-over.jpg) top left no-repeat; width: 176px; height: 58px; }
#navTabs .b3 { background: url(http://www.fenomen.eu/img/btn-03-off.jpg) top left no-repeat; width: 169px; height: 58px; }
#navTabs .b3 a:hover { background: url(http://www.fenomen.eu/img/btn-03-over.jpg) top left no-repeat; width: 169px; height: 58px; }
#navTabs .b4 { background: url(http://www.fenomen.eu/img/btn-04-off.jpg) top left no-repeat; width: 138px; height: 58px; }
#navTabs .b4 a:hover { background: url(http://www.fenomen.eu/img/btn-04-over.jpg) top left no-repeat; width: 138px; height: 58px; }
#navTabs .b5 { background: url(http://www.fenomen.eu/img/btn-05-off.jpg) top left no-repeat; width: 122px; height: 58px; }
#navTabs .b5 a:hover { background: url(http://www.fenomen.eu/img/btn-05-over.jpg) top left no-repeat; width: 122px; height: 58px; }
#navTabs strong { display: block; text-indent: -9999px; height: 58px; }
#navTabs .b1 strong { background: url(http://www.fenomen.eu/img/btn-01-on.jpg) top left no-repeat; width: 57px; height: 58px; }
#navTabs .b2 strong { background: url(http://www.fenomen.eu/img/btn-02-on.jpg) top left no-repeat; width: 176px; height: 58px; }
#navTabs .b3 strong { background: url(http://www.fenomen.eu/img/btn-03-on.jpg) top left no-repeat; width: 169px; height: 58px; }
#navTabs .b4 strong { background: url(http://www.fenomen.eu/img/btn-04-on.jpg) top left no-repeat; width: 138px; height: 58px; }
#navTabs .b5 strong { background: url(http://www.fenomen.eu/img/btn-05-on.jpg) top left no-repeat; width: 122px; height: 58px; }
#navTabs li a { text-indent: -9999px; display: block; padding: 5px 0 5px 0; height: 58px; }
#main .middle { padding: 15px 15px 0 18px; background: url(http://www.fenomen.eu/img/box-middle-big.png) repeat-y; }
#main .middle .person { width:650px}
#main .middle .foto-person { width:150px; height:150px; padding-left:10px; float:left}
#main .middle .comment-person { width: 475px; float:right; line-height: 1.7em;}
#main .middle .middle-content { padding:15px}
#main .middle .border-top { background: url(http://www.fenomen.eu/img/border-top.gif) no-repeat; width: 666px; margin: 10px 0 0 0; height:12px;}
#main .middle .border-middle{ background: url(http://www.fenomen.eu/img/border-middle.gif) repeat-y; width: 666px; padding: 0 0 0 15px; margin: 0;}
#main .middle .border-bottom { background: url(http://www.fenomen.eu/img/border-bottom.gif) no-repeat; width: 666px; margin: 0; height:13px;}
#main .middle .picGalerie { display:block; float:left; width:200px; padding:5px; }
#main .middle .picGalerieX { display:block; float:left; width:100px; padding:5px; }
#main .middle .picGalerie img,#main .middle .picGalerieX img  {border:1px solid #338edc;}

#main .middle .ref-content { width:630px}
.ref-content a { color: #338edc; text-decoration: none; }
.ref-content a:hover { text-decoration: underline; }
.ref-content a.link1  { color: #338edc; text-decoration: none; padding-left: 8px; background: url(http://www.fenomen.eu/img/arrow-menu.gif) no-repeat 0px 5px; top:0; background-color:White; width:80px; height:20px; font-weight:bold}
.ref-content a.link1:hover { color: #000000; text-decoration: underline}

#main .middle .headline-atl { background: url(http://www.fenomen.eu/img/background-atl.jpg) no-repeat; width: 666px;  padding: 15px; margin: 10px 0 0 0; height:210px;}
#main .middle .headline-btl-event-marketing { background: url(http://www.fenomen.eu/img/background-btl-event-marketing.jpg) no-repeat; width: 666px; height:219px; padding: 15px 15px 15px 15px; margin: 10px 0 0 0; }
#main .middle .headline-strategicka-komunikace { background: url(http://www.fenomen.eu/img/background-strategicka-komunikace.jpg) no-repeat; width: 666px; height:219px; padding: 15px 15px 15px 15px; margin: 10px 0 0 0; }
#main .middle .headline-pr { background: url(http://www.fenomen.eu/img/background-pr.jpg) no-repeat; width: 666px; height:219px; padding: 15px 15px 15px 15px; margin: 10px 0 0 0; }
#main .middle .headline-btl-sales-promotions { background: url(http://www.fenomen.eu/img/background-btl-sales-promo.jpg) no-repeat; width: 666px; height:219px; padding: 15px 15px 15px 15px; margin: 10px 0 0 0; }
#main .middle .headline-index { background: url(http://www.fenomen.eu/img/background-index.jpg) no-repeat; width: 666px; height:219px; padding: 15px 15px 15px 15px; margin: 10px 0 0 0; }

#main .middle p { padding: 0; margin: 0; line-height: 1.7em; }
#main .middle h2 {font-family: Georgia; font-size: 1.9em;  letter-spacing: -0.05em;  color:#338edc; margin:5px 0 5px 0; padding:0}
#main .middle h3 {font-family: Georgia; font-size: 1.6em; color: #338edc; letter-spacing: -0.05em; margin:5px 0 5px 0; padding:0}
#main .middle h4 {font-family: Georgia; font-size: 1.3em; letter-spacing: -0.05em;  color:#338edc; margin:0; padding:5px 0 10px 0}
#main .middle #micro, #main .middle #micro a { font-size: 0.9em; color: #316ac4; text-decoration:none}
#main .middle #micro a:hover { text-decoration:underline}
#main .middle ul {list-style: none;}
#main .middle li { line-height:1.9em; background: url(http://www.fenomen.eu/img/arrow-menu.gif) no-repeat left 10px ; padding-left:10px}
#main .middle li ul li { line-height: 1.9em; background: url(http://www.fenomen.eu/img/arrow-menu.gif) no-repeat left 10px; padding-left: 10px; }
#main .bottom { background: url(http://www.fenomen.eu/img/box-bottom-big.png) no-repeat; height: 14px; width: 699px; }
#news { float: right; width: 256px; margin-top:44px;}
#news .top { background: url(http://www.fenomen.eu/img/box-top-small.png) no-repeat; height: 15px; }
#news .middle { padding: 15px 20px 0 20px; background: url(http://www.fenomen.eu/img/box-middle-small.png) repeat-y; }
#news .middle h2 {font-family: Georgia; font-size: 1.9em; letter-spacing: -0.05em;  color:#338edc; margin:0; padding:0 0 5px 0}
#news .middle h3 {font-family: Georgia; font-size: 1.6em; letter-spacing: -0.05em;  color:#338edc; margin:0; padding:0 0 5px 0}
#news .middle p { padding: 0; margin: 0;  line-height:1.5em; }
#news .bottom { background: url(http://www.fenomen.eu/img/box-bottom-small.png) no-repeat; height: 14px; }
#reference { padding-top: 20px; }
#reference .col { float: left; padding: 0 40px 0 20px; line-height: 1.65em; font-size: 0.9em; background: url(http://www.fenomen.eu/img/line-reference.jpg) right top no-repeat; }
.col a { color: #6b6b6b; text-decoration: none; }
.col a:hover { color: #000000;}
.col h2 { font-family: Georgia; font-size: 1.45em; color: #6b6b6b; font-weight: normal; letter-spacing: -0.02em; padding: 0; margin:0}
.col .navRef { list-style: none; margin: 0; text-align: left; padding: 0; }
.col .navRef li { margin: 0; color: #000000; }
.col .navRef li a { color: #6b6b6b; text-decoration: none; padding-left: 10px; }
.col .navRef li a:hover { color: #000000; background: url(http://www.fenomen.eu/img/arrow-menu.gif) no-repeat left 5px; }

/** calendar **/
#reference li.event { xbackground-color: #0D2F70; xcolor: #8FC7FF; xborder: solid 1px #044D99; }
#reference ul div.events { display: none; }
#reference li:hover, #reference li.hover { xbackground-color: #fff; xcolor: #060F20; xborder: solid 1px #8FC7FF; }

.bubbleHolder { position: absolute; width: 250px; /*	overflow: auto; */ left: 189px; top: 625px; color: #000; z-index: 2220; min-height: 70px; }
.bubble { border: solid 1px #BBCCE7; border-bottom: none; background-color: #fff; padding: 13px 13px 5px 11px; }
.bubbleHolder .bubblePointer { background: url(http://www.fenomen.eu/img/bubble_pointer.gif) left bottom no-repeat; padding-bottom: 14px; }
.bubble a { font-weight: bold; color: #000; text-decoration: none; }
.bubble a:hover { color: #3399FF; text-decoration: underline; }
.bubble p { padding-bottom: 0.5em; line-height: 1.25em; }
.bubble ul { padding-left: 1em; line-height: 1.25em; }

#footer .copy { font-size: 0.85em; color: #727272; float: right; padding-top: 45px; width:300px; text-align:right; margin-bottom:10px; padding-bottom:10px;}
#footer .copy a{ color: #727272; text-decoration:none;} 
#footer .copy a:hover{ color: #727272; text-decoration:underline;}
#footer h3 { display: block; background: url(http://www.fenomen.eu/img/logo-fenomen-komunikace-small.gif) no-repeat; width: 147px; height: 30px; text-indent: -999999px; position: absolute; margin-left: 825px; }