/************************************
    *                                   *
    *           paroplyn.sk             *
    *    CSS by: fatchilli.com, mB      *
    *                                   *
    *         All web content           *
    *                                   *
    *  Last update: 29.03.2007, 12:48   *
    *                                   *
    ************************************/

	* {margin: 0; padding: 0;}

	/*****************************
	*         HTML tags          *
	*****************************/	
	body { font: normal 1em "Trebuchet MS", "Geneva CE", lucida, sans-serif; }
	fieldset, a img {border: none; position: relative;}
	p {font-size: 12px; color: #373749;}
	ol, ul {padding-left: 25px; font-size: 12px; color: #373749;}
	table {width: 100%; font-size: 11px; color: #373749;}
	a { color: #373749;}
	.p {color: #373749; font-size: 12px;}
	iframe embed {position:relative; z-index:0;}
	
		
	h1 img {margin:6px 4px 0 10px	;}

	/* ---| Page heading |---  */
	h2 { padding: 10px 19px; font: bold 1.5em/170% Verdana, "Geneva CE", lucida, sans-serif;}
	h2 span { font-weight: normal; font-size: 1.5em; }
	
	/* ---| Content heading |--- */
	h3 {font-size: 1.1em; margin-bottom: 10px; color: #707687;}
	h3 span { font-weight: normal;}
	
	/* ---| Paragraph heading |--- */
	h4 {font-size: 0.75em;}
	
	/*****************************
	*      General classes        *
	*****************************/
	.hidden {display: none;}
	.description {padding: 8px 19px;}
	.clear {clear: both;}
	.left {float: left;}
	.right {float: right;}
	.padding {padding-left: 15px;}
	.error {color: #C50000; font-weight: bold;}
	
	/*****************************
	*           Layout           *
	*****************************/
	#page {width:43.75em; margin: 0 !important; min-width: 300px; position: relative; margin-top: 30px;}
	#page.home {min-height: 300px; _height: 300px; }

	/* ---| Head |--- */
	#head {height: 5.55em;}
	#head .description {text-align: right; position: absolute; top: 4px; right: 0; width: 20em; font: 0.88em Verdana, "Geneva CE", lucida, sans-serif;}
	#head ul {list-style:none; margin:13px 0 12px 0px; padding:0px;}
	#head li {font: normal 14px Verdana, "Geneva CE", lucida, sans-serif; 
				display:inline; margin:0px; padding:0px;}
	#head li a {text-decoration:none; margin:0 0px 0 10px; padding:4px 8px; border:1px solid #aaa;
				border-bottom:none;  color:#aaa;}
	#head li a.selected {background-color:#373749; color:#fff;text-decoration:none;} 
	
	/* ---| Language |--- */
	#language {position:absolute; top:18px; right:0px; text-transform:uppercase;
				font-size: 0.76em; color: #373749;font-weight: bold; padding-left: 22px;}
	#language select {width:50px;}
	
	/* ---| Photogallery |--- */
	.photogallery div {display:block; float:left; margin:5px 4px;}
	.photogallery div a img {padding:2px;border:1px solid #707687;}
	.photogallery div span {font-size:9px; color:#707687;}
	
	/* ---| Serach form |--- */
	#top {position:absolute; top:-15px; right:-120px;}

	#words-col {position: relative; display:inline;/*float: left;*/}
	#top #search-form {position: absolute; top: 32px; right: 136px; width: 145px;}
	#top #search-form.en {right: 135px;}		
	#top label {font-size: 0.76em; color: #707687; font-weight: bold;  background: url(../images/search.png) no-repeat;}
	#top #search {border: 1px solid #707687; width: 100px; font-size: 12px; padding-left: 3px;
	               }
	#top legend span {display: block; background: transparent url(../images/try_search.png) no-repeat; font-size: 10px; padding: 4px 15px 13px 8px; position: absolute; _background: transparent url(../images/try_search.gif) no-repeat; top: -2.1em; left: 11em; _left: 11.5em;}
    #ajax-inteli-search-button {display:none;}
      
	/*#search-form.en #ajax-inteli-search-output {right: 95px; _right: 85px;}
	#ajax-inteli-search-output { display:none; position:absolute; /*right: 56px; _right: 46px; top:22px; z-index:1000; background:#FFF; border:#888 solid 1px; border-top:0px; text-align: left; width: 123px;}
	*/
	#ajax-inteli-search-output { display: none; position: absolute;  top: 30px; 
	                              z-index: 1000; background-color: #FFF; border: #DFE3E6 solid 1px; border-top: 0px; text-align:left; 
	                               font-size: 12px; /*font-size: 1em; */
	                               /*width: 11.15em;  _width: 11.25em;*/
	                               width: 102px;
	                               }
	
	#ajax-inteli-search-output p { padding: 2px 0; line-height: 120%; margin: 0;  margin-bottom: 1px; width: 100%;  cursor: pointer;}
	#ajax-inteli-search-output p { padding: 2px 0; line-height: 120%; margin: 0;  margin-bottom: 1px; width: 100%;  cursor: pointer; font-size: 11px;}
	#ajax-inteli-search-output p em {float: right; margin-right: 5px; color: #707687; font-style: normal;}
	#ajax-inteli-search-output p span {padding-left: 10px;}
	#ajax-inteli-search-output p.active:active {color: #FF0000;}
	#ajax-inteli-search-output p.active { background-color: #A50000; color: #FFF;}
	#ajax-inteli-search-output p.active em {color: #FFF;}
	#ajax-inteli-search-output p.similar {width: 113px;border-top: 1px dotted #999; font-size: 10px; color: #999; margin-top: 3px; cursor: default; padding-left: 10px;}

    
	
	#submenu {font: normal 13px Verdana, "Geneva CE", lucida, sans-serif; color:#fff; height:24px; padding:10px 30px 0px 20px;}
	#submenu a {color:#fff; text-decoration:none; padding:0px 0px 0 0; font-size:11px;}
	#submenu a.selected {text-decoration:underline;}
	#submenu a#new_win {background: url(../images/new_win.gif) no-repeat; padding:0px 0 0 12px;}
	#submenu a:hover {color:#fff; text-decoration:underline;}
	
	#foot .link {font-size:11px; color:#000;}
	
	/* ---| Content |--- */	
	#content { _height: 1px; margin-bottom: 10px;}
	#col-1 {width: 12.94em; float: left; padding-top: 20px;}
	#col-2 {width: 30.81em; float: left; padding-top: 20px;}
	#col-2 .left {width: 39%;}
	#col-2 p {margin: 8px 0;}

	/* Table - technical info */
	.technical { border-collapse: collapse;}
	.technical td {padding: 2px 0;}
	.technical h4, .h4 {background-color: #707687; color: #FFF; padding: 1px 5px;}
	.technical h4 {font-size: 1.2em;}
	
	/* Attachments */
	.attachments {font-size: 0.75em;}
	.attachments a {text-decoration: none;}
	.attachments a:hover {text-decoration: underline;}
	.attachments span {position: relative; top: -0.3em; margin-left: 2px;}
	.attachments span em {font-style: normal; font-size: 0.8em;}
	
	/* ---| Foot |---  */
	#foot {font-size: 13px; line-height: 110%; padding: 8px 19px; background-color: #e1e2e6; 
		 height: 4.1em; margin-bottom: 20px; z-index:0; }

	/* fatchilli.com */
	#fatchilli {text-decoration: none; color: #000 !important; position: absolute; right: 20px;}
	#fatchilli span {color: #c50000;}
	#fatchilli strong {color: #000;}
	#fatchilli:hover {text-decoration: underline;}	
	
	/*****************************
	*        Login form          *
	*****************************/
	#login-form {color: #707687; margin:10px;}
	#login-form h1 img {position: relative; left: -50px; _left: -45px; margin-bottom: 8px;}
	#login-form legend {display: none;}
	#login-form label {display: block; font: bold 0.9em Verdana, "Geneva CE", lucida, sans-serif; float: left; width: 100px; text-align: right; position: relative; top: 3px; margin-right: 5px;}
	#login-form p {clear: both;}
	#login-form p.left-margin {font-size: 0.69em; width: 300px;}
	#login-form .field {border: 1px solid #c4c4c4; height: 16px; width: 90px; padding: 1px 0 0 2px;}
	#login-form .left-margin {position: relative; left: 105px;}
	#login-form .button {font-size:10px;background-color: #373749; color: #FFF; border: none; font-weight: bold; padding: 1px 8px;}

	/*****************************
	*         Navigation         *
	*****************************/
	#navigation {list-style: none; padding: 0;}
	#navigation a {font: normal 15px Verdana, "Geneva CE", lucida, sans-serif; color: #8e9298; padding: 0.5em 1.19em; padding-right: 0; display: block; width: 9em; text-decoration: none;}
	#navigation a:hover, #navigation .active {color: #000; background-color: #f4f4f6;}
	#navigation li {display: block;}
	#navigation ul {padding-left: 20px; margin: 5px 0;}
	#navigation ul li {margin-bottom: 0px; list-style: none; padding-left: 8px; background: #FFF url(../images/dot.png) left center no-repeat;}
	#navigation ul a {font: normal 1em "Trebuchet MS", "Geneva CE", lucida, sans-serif; color: #373749; display: inline; padding: 0 !important;}
	#navigation ul a:hover, #navigation ul .active  {font-weight: bold; background-color: transparent;}
	
	/*****************************
	*     Registration form      *
	*****************************/
	#registration .left, #registration .right {width: 48%;}
	#registration label {display: block; font-size: 11px;}	
	#registration label strong {color: #C50000;}
	#registration legend {font-weight: bold; font-size: 12px; color: #373749;}
	#registration .field {border: 1px solid #707687; width: 140px;}
	#registration .button {background-color: #373749; color: #FFF; border: none; font-weight: bold; padding: 1px 8px; border: 1px solid #c4c4c4; font-size: 12px; float: right; margin-right: 96px;}
	
	/* ---| Lightbox |--- */
	#lightbox{position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
	#lightbox a { outline: none;}
	#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: transparent url(../images/blank.gif) no-repeat; display: block;}
	#prevLink {left: 0; float: left;}
	#nextLink {right: 0; float: right;}
	#prevLink, #prevLink { background: url(../images/prevlabel.gif) left 15% no-repeat; }
	#nextLink, #nextLink { 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;}
	#overlay{position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000;}