/**
* GENERAL CSS STYLES FOR HONZAMICHALICKA.CZ 
* 
* @author       Honza Michalicka, Designeo.cz <info@designeo.cz>
* @copyright    (c) Honza Michalicka 2009 - {@link http://www.designeo.cz}
* @version      1.0
*/

/*
* 1. BODY
* ------------------------------------------------------------------------------
*/
body {
    color: silver;
  	font-family: Tahoma, Arial, lucida, sans-serif;
  	font-family:"Lucida Grande","Lucida Sans","Trebuchet","Trebuchet MS","Arial","sans";
  	font-size: 71%;
  	line-height: 1.7em;	 	   
    text-align: left;
    margin: 0 auto;
    padding: 0;
    border: 0;
    background: black;
}


/*
* 2. HEADER - Hlavicka stranky (logo)
* ------------------------------------------------------------------------------
*/
#header-part {
    margin: 0px;
    padding: 0px;
    height: 62px;
    background: #383b3f url(../img/top_bg.gif) repeat-x top left;
}

		#header {
		    margin: 0 auto;
		    width: 950px;
		}
		/* Logo */
		#header-part #logo {
		    background: url(../img/logo_honzamichalicka.gif) no-repeat top left;
		    width: 330px;
		  	margin: 0;
		  	padding: 0;
		}
		#header-part #logo a {
		    display: block;
		  	text-decoration: none;
		  	width: 330px;
		  	height: 62px;
		}
		
		#header-part #cse-search-box {
			float: right;
			width: 300px;
		}
		#header-part #logo a:hover { background:transparent !important; text-decoration: underline; }
		#header-part #logo span { display: none; }
		#header-part #logo h1  { margin: 0; line-height: 1em; }
		
/*
* 3. NAVIGATION - Navigace
* ------------------------------------------------------------------------------
*/
#navigation-part {
    padding: 0px;
    margin: 0px;
    height: 30px;
	background: #b4b4b4 url(../img/navig_bg.gif) repeat-x top left;
}

		/* Hlavni UL navigace */
		#navigation {
			padding: 0;
			margin: 0 auto;
			width: 950px;
			list-style: none;
		}
		
		#navigation li {float: left;}
		
		#navigation li a {
			display: block;
			float: left;
			text-decoration: none;
			color: #3F3F3F;
			margin: 5px 0 0;
			padding: 0px 10px 0px;
			white-space: nowrap;
			font-weight: bold;
			border-right: 1px solid gray; 
		}
		
		#navigation li a:hover {
			color: #44AEE0;
		}
		

/*
* 4. CONTENT - Hlavni obsah stranky
* ------------------------------------------------------------------------------
*/
#content-part { 
		clear: both; 
		padding: 0;   
		width: 950px;
		margin: 0 auto;
		background: transparent;
}
		#content {
		    padding: 0; 
		    margin: 0;
		}
		
		/* Pravej sloupecek info blokem */
		#side-column {
			float: left;
			width: 300px;
			margin: 0;
			padding: 0;
		}
		#side-column-in { border-left: 1px dotted #1F1F1F; padding: 30px 0px 15px 20px; margin:0; }
		
		/* Levej sloupec s obsahem */
		#main-column {
			float: left;
			width: 600px;
			margin: 0;
			padding: 0;
		}
		#main-column-in { padding: 0 20px 0 0px; margin:0; }

		
		/* Celo siroky sloupec */
		#wide-column {
			clear: both;
			width: 950px;
			margin: 0;
			padding: 0;
		}


/*
* 5. FOOTER - Paticka a copyright
* ------------------------------------------------------------------------------
*/
#footer-part {
    padding: 10px 0;
    clear: both;
    border-top: 1px solid #1F1F1F;
    text-align: center;
    width: 950px;
	margin: 30px auto;
}

		#footer-part #copyright {
		  	text-align: left;
		  	padding: 30px 10px 10px;
		  	color: #3F3F3F;
		}
		#footer-part a {
			color: #3F3F3F;
			text-decoration: none;
		}
		#footer-part a:hover {
			color: #44AEE0;
			text-decoration: underline;
		}
		#footer-part #links {
		 	list-style: none;
			margin: 0;
			padding: 0;
		}

		#footer-part #links li {
		 	float: left;
		}
		#footer-part #links li a {
			display: block;
			float: left;
			text-decoration: none;
			color: #3F3F3F;
			margin: 5px 0 0;
			padding: 0px 10px 0px;
			white-space: nowrap;
			font-weight: bold;
			border-right: 1px solid #1F1F1F; 
		}
		#footer-part #links li a:hover {
			color: #44AEE0;
			text-decoration: underline;
		}


/*
* 7. FORMS - Obecne styly pro formulare
* ------------------------------------------------------------------------------
*/
form {
    margin: 0; 
    padding: 0;
    border: none;
}
		form textarea, form input, form select {
		  	font-family: Tahoma, Arial, lucida, sans-serif;
		  	font-family:"Lucida Grande","Lucida Sans","Trebuchet","Trebuchet MS","Arial","sans";
		  	font-size: 95%;
		}
		form fieldset {
		  	padding: 20px 20px;
		  	border: 1px solid #2F2F2F;
		  	margin: 10px 0;
		  	background: #1F1F1F;
		}
		form legend {
		    font-weight: bold;
		    background: white;
		    padding: 2px 5px;
		}
		form fieldset label {
		  	float: left;
		  	text-align:left;
		  	width: 100px;
		  	clear: inherit;
		    margin-right: 10px;  	
		}
		form div { margin: 5px; }
		form .field { width: 22em; }
		form .short { width: 7em; }
		form .middle { width: 14em; }
		form .locked {
				background: url(../img/icons/lock.png) no-repeat top left;
		  	padding: 3px 16px 0 0;
		  	margin: 0 0 0 5px;
		}
		form .required .required-sign {
				background: url(../img/icons/star.png) no-repeat top left;
		  	padding: 3px 16px 0 0;
		  	margin: 0 0 0 5px;
		}
		form .required label{
				font-weight: bold;
		}
		form .required .required-sign .star{
				display: none;
		}
		
		form .button { padding: 2px 15px;  }
		form .checkbox  { margin-left: 110px; }
		form .checkbox label { float: none; width: auto; }
		
		form #errors {
		  font-weight: bold;
		  color: #BF0B12;
		  border: 1px solid #BF0B12;
		  padding: 5px 15px;
		  margin: 10px 0;
		}
		form .error-fld input{ /*background: #FFDFDF; border: 1px solid #DF6161;*/ }
		form .error-fld label { font-weight: bold; color: #BF0B12; }
		form .error-msg { 
				font-weight: bold; 
				color: #BF0B12; 	
				margin: 0; 
				padding: 0 0 0 20px; 
				background: url(../img/icons/exclamation.png) no-repeat 0 2px;
		}

		/* Search field */
		#search {
		    width: 300px;
		    padding: 7px 0 0;
		    margin: 0;
		    border: none;   
		}
		#search div {  margin: 0; }
		#search .search-fld {
		    background: #fff8db; /* #D2EFA4;*/
		    border: 1px solid #fff8db;
		    margin-left: 15px;
		}
		#search .submit-btn {
		    color: white;
		    background: #044A32;
		    border: 1px solid #044A32;
		    text-transform: uppercase;
		}

		/* Filters */
		#filtr { 
			
			background: #FDF0B8;
			border: 1px solid silver;
			background:#CCCCCC url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) repeat-x scroll 50% 50%;
	        margin: 15px 0;
		}
		#filtr select, #filtr .field {margin: 0 10px 0 0;}
		#filtr .field { width: 100px; }
		#filtr a { font-weight: normal; margin: 0 10px;}

		.quick-links {
			float: right;
			width: 200px;
		}


/*
* 8. TABLES - Obecne styly pro tabulky
* ------------------------------------------------------------------------------
*/
table {
    border-collapse: collapse; 
    font-size: 100%;
  	border: none;
  	line-height: 1.5em;
  	background-color: transparent;
 	width: 100%;
  	margin: 5px 0 20px;  
	border: 1px solid #DFDFDF;	
}
		table th, table .tfoot td {
		  	background-color: #FFE781;
		  	background:#CCCCCC url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) repeat-x scroll 50% 50%;
		  	border-bottom: 1px solid #9F9F9F;
		  	padding: 7px 10px;
		}
		table .tfoot td{
		  	border-top: 1px solid #9F9F9F;
		  	border-bottom: 1px solid #DFDFDF;
		}
		table td {
		  	border: none;
		  	text-align: left;
		  	padding: 7px 10px;
		  	border-bottom: 1px solid #DFDFDF; /*#FFEC9F;*/
		}
		table caption {
		  	text-align: left;
		  	font-weight: bold;
		}
		table a { font-weight: normal; }
		table .firstcol { text-align: left; padding: 0 20px 0 10px; }
		table .even td { background: #F7F7F7; /*#FDF0B8;*/ }
		table .castka { text-align: right; }


/*
* 9. HTML ELEMENTS - Zakladni formatovani HTML prvku
* ------------------------------------------------------------------------------
*/
h1      { font-size: 200%; margin: 1.2em 0 0.4em 0; line-height: 1.4em; }
h2      { font-size: 190%; margin: 1.0em 0 0.8em 0; line-height: 1.4em;}
h3      { font-size: 160%; margin: 1.0em 0 0.5em 0; line-height: 1.2em;}
h4      { font-size: 130%; margin: 1.5em 0 0.5em 0; }
h1, h2, h3, h4 {
  	font-family: Arial, helvetica, sans-serif;
  	font-family:"Century Gothic",Avant Garde,Century Gothic,Avant Garde Gothic,"Lucida Sans",Helvetica,Trebuchet,Arial,Sans;
  	font-weight: bold;
  	color: #43A5D3;
  	text-transform: uppercase;
}
h3, h4 {
  	text-transform: none;
}


a:link      { color: #43A5D3; text-decoration: underline; } /*puvodni tmavsi cervena #9F3800;*/
a:visited   { color: #43A5D3; text-decoration: underline; }
a:hover     { color: #45839F;/*#CC6E01; */ }

p { margin: 0.5em 0 0.8em 0;}
hr { display: none; }
q, cite { font-style: italic }
abbr, acronym { border-bottom: 1px dotted; cursor: help; }
img { padding: 0px; border: none; }
code {
	background: #EFEFEF;
	font-family:"Monospace font handling in Firefox is braindead",monospace;
}
pre {
	font-weight:normal;
	line-height:1.4;
	margin:10px 0;
	overflow:auto;
	padding:5px 10px;
	border: 1px solid #E0E0E0;
}

/*
* 10. UNIVERSAL CLASSES - Univerzalni formatovaci tridy
* ------------------------------------------------------------------------------
*/
.hidden { display: none; }
.smaller { font-size: 90%;}
.cleaner { clear: both; }
.pozn { color: gray; }

.acenter { text-align: center; }
.aright { text-align: right; }

.left { float: left; }
.right { float: right; }

/* Ramecek */
.box {
  	border: 1px solid #ffe781;
  	background: #fff8db url(../img/layout/box_bg.gif) repeat-x top left; /* puvodni barva #fff2bc */
  	padding: 10px 15px;
  	margin: 0 0 10px;
}
.box h2, .box h3 {
  	margin: 0;
  	padding: 0;
}

.block-code {
	display: block;
	padding: 5px 10px;
	margin: 5px 0px;
	border: 1px solid #E0E0E0;
}

/* Ramecek s trayem */
.tray-box {
		margin: 0 0 10px;
		border: 1px solid #ffe781;
}
.tray-box h3{
		background: #FFE781;
		margin: 0;
		padding: 5px;
}
.tray-box .content {
  	background: #fff8db url(../img/layout/box_bg.gif) repeat-x top left; /* puvodni barva #fff2bc */
  	padding: 15px;
  	margin: 0;
}

.more-info {
	float: right;
	font-weight: bold;
}


#system-messages {
		border: 1px solid #e3e2e2;
		background: #f6f6f6;
		padding: 10px;
}

.error {background: url(../img/icons/exclamation.png) no-repeat top left; color: #BF0B12; }
.warning {background: url(../img/icons/warning.png) no-repeat top left; color: #BF7900;}
.info {background: url(../img/icons/information.png) no-repeat top left; color: #50708F; }
.success {background: url(../img/icons/accept.png) no-repeat top left; color: #4E8F47; padding: 0 0 0 20px;}


/*
* 11. BREADCRUMBS - Drobeckova navigace
* ------------------------------------------------------------------------------
*/
#breadcrumbs {
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #DFDFDF;
    color: #7F7F7F;
}
		#breadcrumbs a { color: #7F7F7F; }
		#breadcrumbs a:hover { color: #044A32; }
		#breadcrumbs .first {
				background:transparent url(../img/icons/breadcrumbs_home.gif) no-repeat scroll 0 0;
				height:16px !important;
				margin-top:2px;
				overflow:hidden;
				padding:0;
				text-indent:-1000em;
				width:16px;
				display:block;
				float: left;
		}


/*
* 13. SITEMAP - Mapa stranek
* ------------------------------------------------------------------------------
*/
#sitemap ul li {
	text-transform: uppercase;
	font-weight: bold;
	list-style-type: none;
	margin: 5px 0;
}
#sitemap ul li a {
	border-top: 1px solid #DFDFDF;
    padding: 5px 20px 5px;
    display: block;
}

#sitemap ul li ul li {
	text-transform: none;
	font-weight: normal;
	margin: 3px 5px;
	list-style-type: disc;
}
#sitemap ul li ul li a {
	border: none;
    padding: 0px 5px 0px;
    display: block;
    

}



/*
* HOMEPAGE COLS
* ------------------------------------------------------------------------------
*/

.three-col-wrapper {
	float: left;
	padding-bottom: 50px;
	width: 950px;
}
.two-col-wrapper {
	float: left;
	width: 600px;
}
.col-left {
	float:left;
	width:270px;
}
.col-right {
	float:right;
	width:270px;
}
.col-left img, .col-right img {
    width: 270px;
    padding: 0;
    border: none;
	padding-bottom: 15px;
}
.col-left h3, .col-right h3 { 
	margin:0;
	padding:0 0 12px;
	text-transform:none;
	font-weight: normal;
}
.col-left .date, .col-right .date  {
    background: transparent url(../img/icons/026.png) no-repeat scroll 0% 2px;
    padding-left: 15px;
    color: gray;
	font-weight: normal;
	float: right;
}



.header-wide-col {
	width:950px;
	border-bottom: 1px solid #1F1F1F;
	padding: 0px;
	margin-bottom: 20px;
}
.header-wide-col img{
	width: 950px;
	height: 350px;
}
.header-wide-col h3{
	font-weight: bold;
	position: relative;
	top: -320px;
	left: 0px;
	width: 280px;
	margin: 0;
	padding: 0;
	height: 20px;
}



/*
* FOTOGRAFOVANI
* ------------------------------------------------------------------------------
*/
/*
#photography a {font-weight: bold;}

#photography a img {border: none;border: 10px solid white; padding: 0; margin: 20px 10px 0;}

#photography a:hover img {border: 10px solid #44AEE0;}
*/

#photography  .box {
    width: 250px;
    background: white;
    border: 10px solid white;
    padding: 0; margin: 5px 10px;

}
#photography  .box-gray {
    padding: 0; 
    margin: 30px 10px 10px;
    color: silver;
}

#photography .photo {
    width: 250px;
    padding: 0; margin: 0px;

}
#photography table {
	font-size: 100%;
	border: none;
	margin: 0;
	width: 270px;
}
#photography table td {
	border: none;
}


/*
* CESTOVANI
* ------------------------------------------------------------------------------
*/
#mapa-sveta {
	background: url(../img/photoheaders/h_world_map_countries.png) no-repeat top left;
	width: 950px;
	height: 350px;
	padding-bottom: 20px; 
}
#mapa-sveta:hover {
	background: url(../img/photoheaders/h_world_map_titles.png) no-repeat top left;
}
#mapa-sveta img{
	display: none;
}
.pict-title {
	float:right;
	color: gray;
	font-size: 90%;
	position:relative;
	top: -25px;
}
#cestovani .date {
	float: left;
}

/*
* SVATBY
* ------------------------------------------------------------------------------
*/

#svatby, #calendar {
	background: white;
}


#svatby .header-wide-col img{
	width: 950px;
	height: 500px;
}

/*
* Flash gallery
* ------------------------------------------------------------------------------
*/
#gallery html {
    height: 100%;
    /*overflow: hidden; /* schova scrollbary */
    background: black;
}
#gallery #flashcontent {
    height: 100%;
}
/* Fix kvuli Firefoxu */
 #gallery #flashcontent embed {
    height: 100%;
    min-height: 600px;
}