* {margin:0; padding:0; list-style:none;}
body {margin:0; font-family:Tahoma, helvetica, arial; font-size:12px;}
img {border:none;}
.r {border:0px none; margin:0px; padding:0px; float:none; clear:both; width:0px; height:0px; line-height:0px; font-size:0px}

#topline {height:4px; background:#eeeeee;}
#container {width:900px; position:relative; margin:auto;}

h1 {padding-top:20px; font-size:28px; color:#393939; font-family:'HelveticaNeueLTPro-ThCn', 'Arial Narrow';}
h2 {margin:30px 0 0 0; font-weight:normal; font-size:28px; font-family:'HelveticaNeueLTPro-ThCn', 'Arial Narrow';}
h3 {font-weight:normal; font-family:'HelveticaNeueLTPro-ThCn', 'Arial Narrow';}
h4 {font-weight:normal; font-family:'HelveticaNeueLTPro-ThCn', 'Arial Narrow'; font-size:18px;}
p {color:#5a5a5a; font-size:110%; margin:0 0 15px 0;}
a {margin:0 0 10px 0; color:#393939;}
a:hover {}

.shadow-line {width:900px; height:15px; background:url(../images/front/shadow-line.png) no-repeat; margin:20px 0 35px 0;}

/* HEADING + LOGO + MENU */
#header {width:900px; height:104px; margin:0 0 20px 0;}
#logo {width:105px; height:100px; position:absolute; top:-4px; background:#d82727;}
#menu {width:795px; height:104px; position:absolute; left:137px;}
#menu #frame {width:763px; height:104px; position:relative;}
#menu #frame h1, #menu #frame h2 {position:absolute; top:20px; font-size:130%; margin:0; padding-top:20px; font-weight:normal;}

/* DEFAULT */
#default h1 {margin:0;}
#default p {color:#484848; font-size:12px; width:100% !important; line-height:19px;}

/* LANGUAGES */
#langs {position:absolute; top:70px; left:0; font-size:12px;}
#langs a {color:#7f7f7f; text-decoration:underline;}
#langs a:hover {color:#000000;}

/* LOGIN */
#login {position:absolute; right:0;}
#login a {background:#cecece; color:#ffffff; padding:9px; font-size:12px; font-weight:bold; text-decoration:none;}
#login a:hover {text-decoration:underline;}

/* MENU */
#buttons {position:absolute; right:0;; top:68px;}
#buttons ul {margin:0; list-style:none; font-family:"Trebuchet MS", tahoma, helvetica, arial;}
#buttons li {display:inline; margin:0 0 0 15px;}
#buttons a {background:#fafafa; border-bottom:1px solid #f1f1f1; color:#000000; padding:13px; text-decoration:none; text-transform:uppercase; font-size:13px; font-weight:bold;}
#buttons a:hover {background:#ececec; border-bottom:4px solid #f6f6f6;}
#buttons a.active {background:#ececec; border-bottom:4px solid #f6f6f6;}

/* VISUAL */
#visual {position:relative; margin:0 0 30px 0;}
#visual #slidePic {width:700px; height:200px; float:left;}
#visual #staticPic {width:200px; height:200px; background:url(../images/front/barrandov.jpg) #ffffff no-repeat right; float:left;}
#visual #visual-bg {position:absolute; width:700px; height:200px; background:url(../images/front/visual-bg.png);}


/* SLIDER */
#slider {position:relative; float:left; width:700px; height:200px; background:url(../images/front/slider/loading.gif) no-repeat 50% 50%;}
#slider img {position:absolute; top:0px; left:0px; display:none;}
#slider a {border:0; display:block;}
.nivo-controlNav {position:absolute; left:0; top:200px;}
.nivo-controlNav a {display:block; width:22px; height:22px; background:url(../images/front/slider/bullets.png) no-repeat; text-indent:-9999px; border:0; margin-right:3px; float:left;}
.nivo-controlNav a.active {background-position:0 -22px;}
.nivo-directionNav a {display:block; width:30px; height:30px; background:url(../images/front/slider/arrows.png) no-repeat; text-indent:-9999px; border:0;}
a.nivo-nextNav {background-position:-30px 0; right:15px;}
a.nivo-prevNav {left:15px;}
.nivo-caption {text-shadow:none; font-family: Helvetica, Arial, sans-serif;}
.nivo-caption a {color:#efe9d1; text-decoration:underline;}

/* CONTENT */
#content {}
#content #left {width:700px; float:left; padding:0 0 0 0; border-right:1px dotted #b9b3b3; margin-top:15px;}
#content #left #leftContent {}
#content #right {width:170px; float:right; margin:0 0 0 29px;}
#content #right #rightContent {margin:0;}
#content #right #rightContent li {padding:0 0 8px 0; color:#30d5c8; font-weight:bold;}
#content #right #rightContent .headline {color:#484848; font-size:11px; font-weight:normal; display:block}
#content #right #rightContent h2 {margin:20px 0 5px 0; font-size:180%;}
#content #right #rightContent h2 a {text-decoration:none;}
#content #right #rightContent h2 a:hover {text-decoration:underline;}

/* ABOUT US */
.aboutus {margin:30px 0 30px 0;}
.aboutus h3 {font-size:160%; border-bottom:1px dotted #b9b3b3; display:inline; padding:0 0 3px 0;}
.aboutus h4 {font-size:130%; color:#5a5a5a; margin:10px 0 20px 0;}
.aboutus img {margin:0 15px 0 0; float:left;}
.aboutus p {line-height:24px; color:#5a5a5a;}

/* OUR SERVICES */
#ourservices-menu {float:left; width:200px; padding:0 30px 0 0; margin:30px 0 0 0; text-align:right; border-right:1px dotted #b9b3b3;}
#ourservices-menu a {color:#000; text-decoration:underline; display:block;}
#ourservices-menu a:hover {text-decoration:none;}
#ourservices-menu .active {color:#d82727;}
#ourservices-menu a.active:hover {text-decoration:underline}
#ourservices {float:right; width:640px;}
#ourservices ul {margin:20px 0 20px 20px;}
#ourservices li {border-left:2px solid #d82727; padding:0 0 0 10px; margin:0 0 7px 0;}

#services-menu {float:left; width:200px;}

/* MAIN ARTICLES */
#mainArticles {}
#mainArticles h2 {margin:0 0 3px 0;}
#mainArticles h2 a {text-decoration:none;}
#mainArticles h2 a:hover {text-decoration:underline;}
#mainArticles h3 {font-family:Tahoma, helvetica, arial; padding:0 0 10px 0; border-bottom:1px dotted #b9b3b3; font-size:16px; font-weight:normal; color:#5a5a5a; margin:0 0 10px 0}
#mainArticles p {margin:0 0 10px 0; line-height:19px; color:black; font-size:100%;}
#mainArticles #leftArticle {float:left; width:410px; padding:0 40px 0 0;}
#mainArticles #leftArticle #rollo {display:none;}
#mainArticles #leftArticle #rollo-button-hide {display:none;}
#mainArticles #rightArticle {float:left; width:410px; padding:0 0 0 40px;}

/* MAIN NEWS */
#mainNews {font-size:100%; margin:0;}
#mainNews h2 {font-size:160%; height:45px; overflow:hidden; margin:10px 0 0 0;}
#mainNews .news {width:200px; height:192px; padding:0 15px 0 0; color:#5a5a5a; float:left; border-right:1px dotted #b9b3b3; margin:0 15px 0 0; overflow:hidden;}
#mainNews .news:last-child {width:200px; padding:0 15px 0 0; color:#5a5a5a; float:left; border-right:none;}
#mainNews .cal {text-transform:uppercase;}
#mainNews .flash {color:#5a5a5a;}
#mainNews a {color:#5a5a5a; text-decoration:none; display:inline-block;}
#mainNews a:hover {color:#000000; text-decoration:underline;}
#mainNews .headline {color:black; margin:0 0 10px 0;}

/* NEWS */
#news-item {margin:0 0 15px 0;}
#news-item:last-child {margin:0;}

#news-detail {margin:20px 0 0 0;}
#news-detail img {float:left; margin:0 20px 20px 0; padding:5px; border:2px solid #eee;}
#news-detail ul {margin:20px 0 20px 20px;}
#news-detail #news-docs {float:left; min-width:566px}
#news-detail li {border-left:2px solid #d82727; padding:0 0 0 10px; margin:0 0 7px 0;}
#news-detail h3 {font-size:150%; color:#666}
#news-detail p {margin:10px 0 0 0}

#news-nav {margin:10px 0 10px 0;}
#news-nav-previous {float:left; width:50%;}
#news-nav-next {float:right; width:50%; text-align:right}

/* FILE LIST */
.docs-downloads {margin:15px 0 15px 0 !important;}
.docs-downloads a {color:#85b6ee; font-weight: bold;}
.docs-downloads a:hover {color:#ef4035;}
.docs-downloads span {display: block}
.docs-downloads li {padding:15px 15px 15px 80px !important; border-bottom:1px solid #e9e9e9; border-left:none !important; margin:0 0 1px 0 !important; background: none !important;}
.docs-downloads li.pdfFile {background:#f5f5f6 url(../images/front/file-icons/li-pdf.gif) no-repeat center left !important; }
.docs-downloads li.docFile {background:#f5f5f6 url(../images/front/file-icons/li-doc.gif) no-repeat center left !important;}
.docs-downloads li.xlsFile {background:#f5f5f6 url(../images/front/file-icons/li-xls.gif) no-repeat center left !important;}
.docs-downloads li.jpgFile,
.docs-downloads li.jpegFile,
.docs-downloads li.jpeFile {background:#f5f5f6 url(../images/front/file-icons/li-jpeg.gif) no-repeat center left !important;}
.docs-downloads li.gifFile {background:#f5f5f6 url(../images/front/file-icons/li-gif.gif) no-repeat center left !important;}
.docs-downloads li.pngFile {background:#f5f5f6 url(../images/front/file-icons/li-png.gif) no-repeat center left !important;}
.docs-downloads li.pptFile {background:#f5f5f6 url(../images/front/file-icons/li-ppt.gif) no-repeat center left !important;}

/* LIVE STATISTICS */
#live-statistics .float {width:120px; float:left; margin:20px 20px 20px 0; cursor:pointer!important}
#live-statistics .headline {text-align:center; padding:15px 20px; background:#eee; height: 60px}
#live-statistics .stat {text-align:center; background:#bebebe; padding:5px; color:#ffffff;}
#live-statistics .statDate {text-align:center; padding:5px; color:#666; font-size:11px}
#statHdpGraph, #statEurGraph, #statMzdaGraph, #statIndexGraph, #statObyvateleGraph {width:900px; height:300px; border:1px solid #f1f1f1}

/* FOOTER */
#footer {margin:40px 0 0 0; padding:10px 0 10px 0; background:#dddddd; border-top: 4px solid #d1d1d1;}
#footer #footerCols {width:900px; margin:auto; padding:10px 0 10px 0;}
#footer #footerCols .col {float:left; width:299px; border-right:1px dotted #bebebe;}
#footer #footerCols .wrapper {margin:0 0 0 20px; color:#3a3a3a; font-size:90%;}
#footer #footerCols .wrapper h4 {color:#5a5a5a; margin:0 0 10px 0; font-family:'HelveticaNeueLTPro-LtCn', 'Arial Narrow';}
#footer #footerCols .wrapper p {font-size:110%; color:#5a5a5a; margin:10px 0 10px 0;}
#footer #footerCols .noMargin {margin:0;}
#footer #footerCols .noBorder {border:0;}
#footer #footerCols li {padding:10px 0 20px 0;}

/*LOGOS*/
.confess {background:url(../images/front/logo-confess.png) no-repeat; width:118px; height:40px; display:block; margin-bottom:30px;}
.confess:hover {background:url(../images/front/logo-confess-hover.png)}
.esomar {background:url(../images/front/logo-esomar.png) no-repeat; width:104px; height:18px; display:block; float:left;margin-top:5px;}
.esomar:hover {background:url(../images/front/logo-esomar-hover.png)}
.simar {background:url(../images/front/logo-simar.png) no-repeat; width:96px; height:20px; display:block; float:left; margin:4px 0 0 20px;}
.simar:hover {background:url(../images/front/logo-simar-hover.png)}
.csu {background:url(../images/front/logo-csu.png) no-repeat; width:71px; height:24px; display:block; margin-top:50px;}
.csu:hover {background:url(../images/front/logo-csu-hover.png)}


/* COPYRIGHT */
#copyright {background:#acacac; height:36px; border-top: 1px solid #ffffff; font-family:'HelveticaNeueLTPro-ThCn', Helvetica, Tahoma; font-size:120%; line-height:36px;}
#copyright .wrapper {width:900px; margin:auto;}
#copyright .left {float:left; width:50%; color:#ffffff;}
#copyright .right {float:right; width:50%; color:#ffffff; text-align:right;}

/* NEWS */
#news {}
#news .news {width:280px; margin:0 0 20px 0; color:#5a5a5a;}
#news .news:last-child {margin:0 0 0 0;}
#news .cal {float:left; width:38px;}
#news .flash {float:left; width:175px; padding:0 0 0 15px; color:#5a5a5a;}
#news a {color:#5a5a5a; text-decoration:none; display:inline-block;}
#news a:hover {text-decoration:underline;}
#news .headline {color:black;}

/* CALENDAR */
.day {background:#eeeeee; font-size:20px; color:#c3c3c3; font-weight:bold; text-align:center;}
.month {background:#bfbfbf; color:#ffffff; font-size:14px; text-align:center; text-transform:uppercase; padding:2px 0 0 0;}
.year {background:#bfbfbf; color:#ffffff; font-size:11px; text-align:center; padding:0 0 2px 0;}

/* BOX LINKS (Red, Grey) */
.redMore {background:#d82727; padding:0 4px 2px 3px; font-size:12px; text-decoration:none; color:#ffffff; cursor:pointer;}
.redPlus {font-size:12px; font-weight:bold; margin:0 5px 0 0;}
.greyMore {background:#acacac; padding:0 4px 2px 3px; font-size:10px; text-decoration:none; color:#ffffff; margin:10px 0 0 0 !important;}
.greyPlus {font-size:10px; font-weight:bold; margin:0 3px 0 0;}
.greyMoreNM {margin:0 !important;}

/* CONTACT */
#contact {margin:20px 0 0 0;}
#contact #googleMapWrapper {float:left; margin:0 20px 20px 0; padding:5px; border:2px solid #eee}
#contact #googleMap {width:500px; height:300px}