/* Start of CMSMS style sheet 'NewStyles' */ @charset "utf-8"; /* CSS Document */ * {margin:0; padding:0;} body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {margin:0; padding:0;} body {text-align: center; font-family: sans-serif, Arial, Helvetica, Verdana, Geneva; font-size: 75.01%; line-height: 1.2em; background:#FFF;} .accessibility {display:none;} a {color:#004d8e;} a:hover { color:#FFF; background:#004d8e; text-decoration:none;} #container {margin:auto; text-align:left; width:944px;} #mascot01 {background:url(images-new/suricata-01.gif) top left no-repeat; width:240px; height:195px; display:block; position:absolute; top:0; margin-left:635px;} #mascot01 img {display:none;} #header {height:196px; border:1px solid white;} #header #logo a {display:block; width:135px; height:102px; text-indent:-9999px; background:url(images-new/logo.gif) top left no-repeat; position:absolute; margin:11px 0 0 17px; top:0;} #header #logo img {display:none;} #header h1 {font-size:3em; color:#9d1f22; font-weight:normal; margin:25px 0 0 195px;} #header h2 {font-size:1.2em; color:#1e4078; font-weight:normal; margin:17px 0 0 195px; width:450px; line-height:150%;} #header #topnav {margin-top:20px; ?margin-top:21px;} #header #topnav ul {list-style:none; border-bottom:11px solid #386da3; height:24px; padding-left:20px;} #header #topnav ul li {float:left; margin-right:1px;} #header #topnav ul li strong {display:block; background:#386da3; color:#FFF;padding:6px 20px 4px 20px;} #header #topnav ul li a {padding:4px 20px 3px 20px; margin-top:2px; display:block; border:1px solid #e1d3ba; border-bottom:none; background:url(images-new/tab-bgr.gif) bottom left repeat-x #fffffe;} #header #topnav ul li a:hover { text-decoration:none; border:1px solid #000; border-bottom:none; color:#FFF; background:#386da3;} #header h3 {border:1px solid #386da3; padding:12px 15px 11px 20px; ?padding:9px 15px 17px 20px; background:url(images-new/bar-bgr.gif) bottom left repeat-x #FFF; font-size:110%; margin:0;} #header h3 span {font-size:1.5em; color:#9d1f22; vertical-align:middle; font-weight:bold;} #languages {position:absolute; z-index:1; top:0; margin-left:770px; padding:10px;} #languages a {padding:5px;} #content { height:auto; overflow:hidden; line-height:150%;} #content p {margin:10px 0 10px 0;} #content ul {margin-left:30px;} #content #leftbar {float:left; width:608px; padding:20px 16px 20px 16px;} #content #leftbar h1, #content #leftbar h2 { color:#900; font-size:160%; font-weight:normal; margin-bottom:20px;} #content #leftbar h3 {font-size:140%; font-weight:normal; color:#900; padding:20px 0 10px 0;} #content #leftbar h4 {font-size:130%; font-weight:normal; color:#900; padding:20px 0 0px 0;} #content #leftbar h5 {font-size:120%; font-weight:normal; color:#900; padding:20px 0 20px 0;} #content #leftbar img {border:2px solid #006ca6;} #content #rightbar {margin-left:645px; margin-top:20px;} #content #rightbar #sidenav { margin:50px 0 20px 0;} #content #rightbar #sidenav ul {border-bottom:1px solid #8ec4e0; list-style:none; margin:0;} #content #rightbar #sidenav ul li {border-top:1px solid #8ec4e0;} #content #rightbar #sidenav ul .active strong { display:block; padding:8px 0 8px 30px; background:url(images-new/sidenav-active.gif) left center no-repeat #8ec4e0; color:#FFF; font-size:110%;} #content #rightbar #sidenav ul li a {padding:8px 0 8px 30px; display:block; background:url(images-new/bullet.gif) 10px center no-repeat;} #content #rightbar #sidenav ul li a:hover {background:url(images-new/bullet.gif) 10px center no-repeat #006ca6;} #content #rightbar .latest { font-size:90%;} #content #rightbar .latest h3 { background:#006ca6; color:#FFF; padding:5px; font-size:120%;} #content #rightbar .latest ul {list-style:none; margin:0;} #content #rightbar .latest ul li { line-height:130%; color:#333;} #content #rightbar .latest ul li a {display:block; margin-top:10px; padding:2px 0 2px 0;} #content #rightbar .latest ul li a:hover {text-decoration:none; background:none; color:#006ca6;} .perexholder {background:#DFEAEC; padding:20px 20px 10px 20px; overflow:hidden; height:auto; font-size:110%; margin:10px 0 15px 0;} .highlitetext {background:#DFEAEC; padding:30px; overflow:hidden; height:auto; font-size:120%; margin:10px 0 15px 0;} #sitedesc { padding:20px 0 20px 0;} #content #czdestinations {list-style:none; margin:0;} #content #czdestinations li {float:left; margin-bottom:13px; position: relative; display: inline;} #content #czdestinations li a {display:block; width:226px; height:140px; margin-right:13px; float:left; text-indent:-9999px;} #content #czdestinations .prague a {background:url(images-new/prague-cz.jpg) top left no-repeat;} #content #czdestinations .prague ul li {float:none;} #content #czdestinations .vary a {background:url(images-new/karlovy-vary-cz.jpg) top left no-repeat;} #content #czdestinations .brussel a {background:url(images-new/brussels-cz.jpg) top left no-repeat;} #content #czdestinations .rome a {background:url(images-new/rome-cz.jpg) top left no-repeat; margin-right:0;} #content #czdestinations .krakow a {background:url(images-new/krakow-cz.jpg) top left no-repeat;} #content #czdestinations .warsaw a {background:url(images-new/warsaw-cz.jpg) top left no-repeat;} #content #czdestinations .madrid a {background:url(images-new/madrid-cz.jpg) top left no-repeat;} #content #czdestinations .london a {background:url(images-new/london-cz.jpg) top left no-repeat;} #content #czdestinations .barcelona a {background:url(images-new/barcelona-cz.jpg) top left no-repeat; margin-right:0;} #content #czdestinations .miami a {background:url(images-new/miami-cz.jpg) top left no-repeat;} #content #czdestinations .berlin a {background:url(images-new/berlin-cz.jpg) top left no-repeat;} #content #czdestinations .krumlov a {background:url(images-new/cesky-krumlov-cz.jpg) top left no-repeat; margin-right:0;} #content #czdestinations li a:hover {background-position:0 -140px;} #content #czdestinations li ul {left: 0; top: 0; border-top: 1px solid #202020; position: absolute; display: block; visibility: hidden; z-index: 100; border:1px solid #FFF; border-left:none; border-right:none; margin:0;} #content #czdestinations li ul li {display: inline; float: none;} #content #czdestinations li ul li a {width: 216px; font-weight: normal; background: #e3f1bd; border-width: 0 1px 1px 1px; display:compact; height:auto; background:#386da3 !important; text-indent:0; color:#FFF; padding:5px 0 5px 10px;} #content #endestinations {list-style:none; margin:0;} #content #endestinations li {float:left; margin-bottom:13px; position: relative; display: inline;} #content #endestinations li a {display:block; width:226px; height:140px; margin-right:13px; float:left; text-indent:-9999px;} #content #endestinations .prague a {background:url(images-new/prague-en.jpg) top left no-repeat;} #content #endestinations ul li {float:none;} #content #endestinations .vary a {background:url(images-new/karlovy-vary-en.jpg) top left no-repeat;} #content #endestinations .brussel a {background:url(images-new/brussels-en.jpg) top left no-repeat;} #content #endestinations .rome a {background:url(images-new/rome-en.jpg) top left no-repeat; margin-right:0;} #content #endestinations .krakow a {background:url(images-new/krakow-en.jpg) top left no-repeat;} #content #endestinations .warsaw a {background:url(images-new/warsaw-en.jpg) top left no-repeat;} #content #endestinations .madrid a {background:url(images-new/madrid-en.jpg) top left no-repeat;} #content #endestinations .london a {background:url(images-new/london-en.jpg) top left no-repeat;} #content #endestinations .barcelona a {background:url(images-new/barcelona-en.jpg) top left no-repeat; margin-right:0;} #content #endestinations .miami a {background:url(images-new/miami-en.jpg) top left no-repeat;} #content #endestinations .berlin a {background:url(images-new/berlin-en.jpg) top left no-repeat;} #content #endestinations .krumlov a {background:url(images-new/cesky-krumlov-en.jpg) top left no-repeat; margin-right:0;} #content #endestinations li a:hover {background-position:0 -140px;} #content #endestinations li ul {left: 0; top: 0; border-top: 1px solid #202020; position: absolute; display: block; visibility: hidden; z-index: 100; border:1px solid #FFF; border-left:none; border-right:none; margin:0;} #content #endestinations li ul li {display: inline; float: none;} #content #endestinations li ul li a {width: 206px; font-weight: normal; background: #e3f1bd; border-width: 0 1px 1px 1px; display:compact; height:auto; background:#386da3 !important; text-indent:0; color:#FFF; padding:5px 10px 5px 10px;} #content #pldestinations {list-style:none; margin:0;} #content #pldestinations li {float:left; margin-bottom:13px; position: relative; display: inline;} #content #pldestinations li a {display:block; width:226px; height:140px; margin-right:13px; float:left; text-indent:-9999px;} #content #pldestinations .prague a {background:url(images-new/prague-pl.jpg) top left no-repeat;} #content #pldestinations ul li {float:none;} #content #pldestinations .vary a {background:url(images-new/karlovy-vary-pl.jpg) top left no-repeat;} #content #pldestinations .brussel a {background:url(images-new/brussels-pl.jpg) top left no-repeat;} #content #pldestinations .rome a {background:url(images-new/rome-pl.jpg) top left no-repeat; margin-right:0;} #content #pldestinations .krakow a {background:url(images-new/krakow-pl.jpg) top left no-repeat;} #content #pldestinations .warsaw a {background:url(images-new/warsaw-pl.jpg) top left no-repeat;} #content #pldestinations .madrid a {background:url(images-new/madrid-pl.jpg) top left no-repeat;} #content #pldestinations .london a {background:url(images-new/london-pl.jpg) top left no-repeat;} #content #pldestinations .barcelona a {background:url(images-new/barcelona-pl.jpg) top left no-repeat; margin-right:0;} #content #pldestinations .miami a {background:url(images-new/miami-pl.jpg) top left no-repeat;} #content #pldestinations .berlin a {background:url(images-new/berlin-pl.jpg) top left no-repeat;} #content #pldestinations .krumlov a {background:url(images-new/cesky-krumlov-en.jpg) top left no-repeat; margin-right:0;} #content #pldestinations li a:hover {background-position:0 -140px;} #content #pldestinations li ul {left: 0; top: 0; border-top: 1px solid #202020; position: absolute; display: block; visibility: hidden; z-index: 100; border:1px solid #FFF; border-left:none; border-right:none; margin:0;} #content #pldestinations li ul li {display: inline; float: none;} #content #pldestinations li ul li a {width: 206px; font-weight: normal; background: #e3f1bd; border-width: 0 1px 1px 1px; display:compact; height:auto; background:#386da3 !important; text-indent:0; color:#FFF; padding:5px 10px 5px 10px;} #footer.cz {background:url(images-new/footer-suricata.jpg) center left no-repeat #f5efe1; padding:15px; margin:30px 0 20px 0; height:auto; overflow:hidden;} #footer.en {background:url(images-new/footer-suricata-en.jpg) center left no-repeat #f5efe1; padding:15px; margin:30px 0 20px 0; height:auto; overflow:hidden;} #footer.pl {background:url(images-new/footer-suricata-pl.jpg) center left no-repeat #f5efe1; padding:15px; margin:30px 0 20px 0; height:auto; overflow:hidden;} #footer p {margin:10px 0 10px 0;} #footer #socialnet {float:left;} #footer .facebook {position:absolute; text-indent:-9999px; display:block; width:150px; height:200px; margin:10px 0 0 0;} #footer .twitter { position:absolute; text-indent:-9999px; display:block; width:140px; height:155px; margin:70px 0 0 290px;} #footer #accsites {margin-left:480px; float:left;} #footer h4 {margin-bottom: 10px; color:#4b7aab; font-size:110%; font-weight:normal;} #footer #accsites ul {font-size:90%; margin-left:25px;} #footer #accsites ul li a { color:#386da3;} #footer a:hover {background:none; text-decoration:none; color:#386da3;} #footer #contacts {float:right; position:relative;} #lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;} #lightbox img{ width: auto; height: auto;} #lightbox a img{ border: none; } #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer{ padding: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; } #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; } #imageData{padding:0 10px; color: #666; } #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;} #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; } /* End of 'NewStyles' */