/* CSS Document */
/* Author: Peter Benko */


/*
 * Cookies accept bar
 */ 
#cookie-bar {background:#2472a2; min-height:24px; line-height:24px; position: fixed; bottom:0; left:0; width:100%; z-index: 999;
             text-align:center; padding:36px 6px 40px 6px; margin: 0px 0px 0px 0px; 
             font-size: 14px; color:#eeeeee;}
#cookie-bar.fixed {position:fixed; top:0; left:0; width:100%;}
#cookie-bar p {margin:0; padding:0;}
#cookie-bar a {color:#ffffff; display:inline-block; border-radius:3px; text-decoration:none; padding:6px 10px; margin-left:8px;}
#cookie-bar .cb-enable {background:#009900;}
#cookie-bar .cb-enable:hover {background:#00aa00;}
#cookie-bar .cb-disable {background:#990000;}
#cookie-bar .cb-disable:hover {background:#bb0000;}
#cookie-bar .cb-policy {}
#cookie-bar .cb-policy:hover {background:#00aa00;}




/**
 * Forms
 */
form {text-align: left; padding: 0px 0px 0px 0px;}
fieldset {border: 0px solid #ccc; margin: 0; padding: 0; margin: 0;}

label {display: block; margin: 5px 0px 0px 0px; padding: 0;}
input, textarea {font-family: Arial, verdana; font-size: 100%; padding: 3px; margin: 0;}
input[type='text'] {margin-top: 0px;}
input[type='checkbox'] {margin-top: 0px;}
input[type='submit'] {padding:5px 12px;} 
textarea {width:380px;height:150px;padding:5px;}
img {margin: 0px 0px;}
select{font-family: Arial, verdana; font-size: 100%; padding: 3px; margin: 0;}

span.errorMsg {color: #F60000; padding: 5px;}

div.submit {margin-bottom: 20px; padding: 10px 0px; background: #fff; border: 0px solid #ccc; border-top: 0; text-align: left;}



/* contact wall */
#contactWall{margin: 10px 0px 20px 0px; padding: 0px 0px 0px 20px; word-wrap:break-word; min-height: 350px;}

/* Language bar */
#languageBar {margin: 0px 0px 0px 0px; padding: 6px 0px 0px 0px; color: #555; font-size: 12px; font-weight: normal; text-align: right;}	
#languageBar a {color: #555; text-decoration: none;} 
#languageBar a:hover {text-decoration: underline;}
#languageBarLeft {margin: 0; padding: 0; display: none;}        
#languageBarRight {margin: 0; padding: 0; display: none;}         
#languageBarArea {margin: 0; padding: 0;} 
#languageBarArea span.selected {font-weight: bold;}
            
/*
 * Like buttons (Send to friend, FB like, ...)
 ****************************************************/
#likeButtonsArea{margin: 13px 0px 5px 0px ; padding: 5px 0px; border-top: 1px solid #dbd1c3; overflow: hidden;}
#likeButtonsArea button {margin: 0px 10px 0px 2px; padding: 2px 6px 2px 6px; border: 1px solid #cad4e7;
                         color: #3b5998; font-size: 11px; background: #eceef5;
                         font-family: Tahoma, Arial, Helvetica; float: left; 
   -webkit-border-radius: 3px; /* Saf3-4, iOS 1-3.2, Android ?1.6 */
          border-radius: 3px; /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

  /* useful if you don't want a bg color from leaking outside the border: */
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}
#likeButtonsArea button:hover {border:  1px solid #9dacce;}
#likeButtonsArea .fb-like{margin: 0px 0px 0px 0px; padding: 0px; float: left;}

#sendToFriendForm {}
#sendToFriendForm textarea {width: 260px; height: 110px; font-family:  Arial, Helvetica;}
#sendToFriendForm input[type='submit'] {padding: 4px 10px;}
#sendToFriendForm .mailinglistPics{margin: 10px 0px 0px 0px;}


/*
 * Content comments
 */
#commentsWrapper  {margin: 15px 0px 20px 0px; padding: 10px 0px; border-top: 1px solid #aecc35; border-bottom: 1px solid #aecc35}
#commentsWrapper h1      {margin: 5px 0px 7px 0px; padding:0;}
#comments         {}    
#comments div     {margin: 0px 0px 0px 0px; padding: 0px 7px 8px 0px; border-bottom: 1px dotted #aaa;}
#comments p.name      {margin: 8px 0px 0px 0px; padding:0; font-size: 13px; font-weight: bold;}
#comments p.createdDate      {margin: 0px 0px 8px 0px; padding:0; font-size: 11px; }
#comments p.message      {margin: 8px 0px 0px 0px; padding:0;}
#comments div#commentsFooter   {margin: 8px 0px; border: 0px;}
/*
 * Photogallery
 ****************************************************/
#photogallery {}
#photogalleryTable {margin: 8px 0px 10px 0px; padding: 0; border-left: 0px solid #999; border-top: 0px solid #999; width: auto;}
	td.photogalleryThumbs {margin: 10px; padding: 0px 0px 0px 0px; background: #fbfbe9; border-right: 12px solid #fbfbe9;
                            border-bottom: 12px solid #fbfbe9; width: auto; text-align: left; vertical-align: top;}	
                            tbody tr:nth-child(even) td, tbody tr.even td {background:#fbfbe9;}
	td.photogalleryThumbs img {margin: 2px; padding: 4px; border: 1px solid #d9d7d7; background: #fff;}	
	#photogalleryLinks{margin: 3px 0px 0px 0px; padding: 0; border: 0px solid #333;text-align: right;}	
	#photogalleryLinks a {color: #fff; text-decoration: underline;}
	#photogalleryFooter {margin: 2px 0px; padding: 0; height: 20px; text-align: left;}	
	#photogalleryFooter a {padding: 1px;}


        
/*
 * Header search form
 ****************************************************/
#headerSearch{margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: left; float: right; clear: both;}
#headerSearch input.headerSearchInput {
    width: 150px;
    margin: 0px 0px 0px 0px; padding: 2px 0px 2px 2px;
    color: #222; font-size: 12px;		
    border: 1px solid #94978b;
    background: #fff;
}
	
#headerSearch input.headerSearchButton {
    margin: 0px 8px 0px 8px; padding: 0;
    color: #9caf27; font-size: 14px; text-transform: uppercase; font-weight: normal;		
    cursor:pointer;
    background: none;
    border: 0;
}

/*
 * General search form
 ****************************************************/
#searchForm{margin: 10px 0px 0px 0px; padding: 4px 0px 3px 0px; text-align: left; float: right;}
    input.searchInput {
        width: 225px;
        margin: 10px 0px 0px 0px; padding: 2px 0px 2px 2px;
        color: #222; font-size: 12px;		
        border: 1px dotted #666;
        background: #fff;
    }
    input.searchButton {
        margin: 0px 0px 0px 5px; padding: 1px 5px 1px 5px;
        color: #666; font-size: 11px; font-weight: bold;
        vertical-align: text-bottom;		
        border-top: 1px solid #666; border-right: 2px solid #666; border-bottom: 2px solid #666; border-left: 1px solid #666;
        cursor:pointer;
        background-color: #ddd;		
    }	
    .searchLine {border-style: solid; border-width: thin; border-color: #666;}
    .resultInfo {margin-top: 5px;}	
    .resultTitle {font-weight: bold; clear: both;}	
    .resultText {margin-top: 0px; margin-bottom: 20px;}	
    .resultLink {}
    #searchPages {float: left; width: 100%;}


/*
 * Login form
 ****************************************************/
#loginForm, #forgottenPassForm {
	width: 150px;
	margin-top: 30px; margin-bottom: 20px;
	margin-left: auto; margin-right: auto;  padding: 0px 0px 0px 8px;
	color: #bed5e3;
	line-height: 18px;
	text-align: left;
	/*background: #ea8;*/
}

	.loginText {
		display: none;
		margin: 0; padding: 0;
		color: #bed5e3; font-size: 12px; font-weight: bold;
	}

	.loginSmallText {
		margin: 0; padding: 0; width: 134px;
		text-align: left;
		color: #bed5e3; font-size: 12px; font-weight: normal;
		/*background: #0a8;*/
		
	}

	input.loginInput {		
		width: 144px; 
		margin: 2px 0px 10px 0px; padding: 1px 2px 3px 2px;		
		color: #222222; font-size: 12px;
		border-style: solid; border-width: 1px; border-color: #afcfe1;
		background:#bed5e3;
	}

	input.loginButton {	
		width: 94px; height: 25px;
		margin: 10px 0px 12px 28px; padding: 0;		
		color: #222222; font-size: 11px;
		border-style: none; border-width: 1px; border-color: #afcfe1;
		cursor: pointer;
		/*background: #bed5e3;*/
		background-image: url(../_files/prijava.png);
	}
	
	
	/* forgotten password */
	.forgotenPass  {
		margin: 0px 0px 0px 26px; padding: 0;
	}

	.forgottenEmailText {
		margin: 0; padding: 0;
		color: #bed5e3; font-size: 12px; font-weight: normal;
	}
		
	input.forgottenEmail {		
		width: 144px;
		margin: 2px 0px 10px 0px; padding: 1px 2px 3px 2px;	
		color: #222222; font-size: 12px;
		border-style: solid; border-width: 1px; border-color: #afcfe1;
		background: #bed5e3;
	}
	
	input.buttonSendForgottenPass {	
		width: 114px; height: 25px;
		margin: 10px auto 12px 17px; padding: 0;		
		color: #222222; font-size: 11px;
		border-style: none; border-width: 1px; border-color: #afcfe1;
		cursor: pointer;
		background: #bed5e3;
		background-image: url(../_files/novo-geslo.png);
	}
	
	.forgottenPassBack{
		margin: 0px 0px 0px 56px; padding: 0;
	}	
	

	/* new password */
	.newPassText  {
		margin: 0px 0px 0px 0px; padding: 0;		
		text-align: left;
	}	
	
	input.newPassInput {
		width: 144px; 
		margin: 2px 0px 20px 0px; padding: 1px 2px 3px 2px;		
		color: #222222; font-size: 12px;
		border-style: solid; border-width: 1px; border-color: #afcfe1;
		background:#bed5e3;
	}
	
	input.buttonNewPassPass {	
		width: 94px; height: 25px;
		margin: 5px auto 12px 0px; padding: 0;		
		color: #222222; font-size: 11px;
		border-style: none; border-width: 1px; border-color: #afcfe1;
		cursor: pointer;
		background: #bed5e3;
		background-image: url(../_files/potrdi.png);
	}	
	


/*
 * Mailinglist form
 ****************************************************/
#mailinglistForm {
	text-align: left;
	margin: 0px 0px 0px 0px; padding: 3px 0px 2px 0px;
}

	input.mailinglistInput {		
		width: 225px;
		margin: 0px 8px 0px 8px; padding: 1px 0px 2px 2px;		
		color: #222;font-size: 12px;
		border: 1px dotted #aaa;
		background: #fff;	
	}
	
	
	select.mailinglistSelect {		
		margin: 0px 0px 0px 8px; padding: 1px 0px 2px 2px;		
		color: #222; font-size: 12px;
		border: 1px dotted #aaa;
		background: #fff;	
	}
	
	.mailinglistPics {
	}
	
	input.mailinglistButton {
		margin: 0px 0px 2px 0px; padding: 2px 5px 3px 5px;		
		color: #666; font-size: 12px; font-weight: bold;		
		border-top: 1px solid #666; border-right: 2px solid #666; border-bottom: 2px solid #666; border-left: 1px solid #666;	
		cursor:pointer;	
		background-color: #ddd;
	}

/*
 * Forum
 ****************************************************/
#forumTitle {
	float: right; margin: 0px 0px 15px 0px;
	width: 114px; height: 25px;		
	background-color: #98a;
	overflow: hidden;	
	text-align: right;		
} 
 
#forum {
	/*float: left;*/ 
	width: 697px;
	margin: 0px 0px 20px 100px;
	padding: 0;
	text-align: center;	
	/*background-color: #68a;*/
	overflow: hidden;
}

	#forumContent {
		/*float: right;*/
		margin: 0px 0px 20px 0px; padding: 0;
		border:  3px solid #205373;
		color: #1c5273;
		text-align: left;
		background-color: #fff;	
	}
	#forumContent a {
		color: #4473cb;	/*#1c5273;*/	
	}	
	
		#forumOutputBox1 {
		
			margin: 0px; padding: 10px 20px 10px 20px;	
			border-bottom:  1px solid #9cbed2;	
			background-color: #fff;	
		}
		#forumOutputBox2 {
			margin: 0px; padding: 10px 20px 10px 20px;	
			border-bottom:  1px solid #9cbed2;	
			background-color: #c9deea;	
		}		

			.forumDate {
				margin: 0; padding: 0;
			}
			.forumAuthor {
				font-weight: bold;
			}
			#linkChangeEntry a {
				margin: 0px 0px 0px 560px;				
			}	
		#forumListPage {
			float: right; width: 100%;
		}
		
	#forumFormTitle {
		/*float: left;*/ 
		margin: 35px 3px 5px 95px;	padding: 0px;
		/*background-color: #68a;*/
		/*overflow: hidden;*/
	}
	
	.forumFormTitle {
		margin: 0; padding: 0;
		font-size: 14px; font-weight: bold;			
	}	
		

	#forumForm {
		margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
	}
	
	#forumButton {
		/*width: 100%;*/
		text-align: center;
		margin: 10px 0px 0px 0px;
		/*background-color: #eaf;*/		
	}
	
	input.formOk {
		width: 94px; height: 25px;
		margin: 5px auto 12px 0px; padding: 0;		
		color: #222222; font-size: 11px;
		border-style: none; border-width: 1px; border-color: #afcfe1;
		cursor: pointer;
		background: #bed5e3;
		background-image: url(../_files/potrdi.png);
	}
	
	input.formCancel {
		width: 94px; height: 25px;
		margin: 5px auto 12px 0px; padding: 0;		
		color: #222222; font-size: 11px;
		border-style: none; border-width: 1px; border-color: #afcfe1;
		cursor: pointer;
		background: #bed5e3;
		background-image: url(../_files/nazaj.png);
	}