/* 
	(c) 2007 Martin Maly http://www.zapisnik.net
	
	Font settings is inspired by http://www.typomil.com/typografie-na-webu/nadpisy-a-odstavce.htm 
*/

/** -------------- Containers ------------------ */

html 
{
	height: 100%;
	margin: 0;
	padding: 0;
}

body
{
	margin: 0;
	padding: 0;
	height: 100%;
	background: #666666 url('images/body-back.gif') repeat-y;
	font-family: Verdana, 'Arial CE', 'Helvetica CE', Arial, Helvetica, sans-serif;
	font-size: 75%;
	line-height: 1.6em; 
}

form
{
	margin: 0;
	padding: 0;
}

div#container {
	width: 850px;
	margin: 0px 15px 15px 87px;
	padding: 0;
}

div#pageholder {
	margin: 0;
	width: 734px;
	padding: 10px 10px 10px 10px;	
	height: auto;
}

/** -------------- Page header ------------------ */

div#pageheader {	
	background: url("images/pageheader.jpg") no-repeat;
	width: 734px;
	height: 68px;
	margin: 0;	
	margin-bottom: -46px;
	padding: 46px 0px 0px 488px;
}

div#pageheader a, div#pageheader .divider
{
	color: #333333;
	text-decoration: none;
}

div#pageheader a:hover 
{
	text-decoration: underline;
}

div#pagephoto {	
	background: url("images/pageheader-photo.gif") no-repeat;
	width: 734px;
	height: 232px;	
}

/** -------------- Blue bar navigation ------------------ */

div#navigation {
	width: 724px;
	height: 35px;	
	padding: 5px 0px 0px 10px;
	background: url('images/navigation-back.gif') repeat-x;
}

div#navigation a, div#navigation .divider {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

div#navigation a:hover {
	text-decoration: underline;
}

/** ------------- Content ---------------------------- */
	
div#contentholder
{
	margin: 0;
	margin-top: 2px;
	padding: 10px 10px 10px 10px;
	width: 714px;
	font-family: Arial, Verdana;
	font-size: 10pt;
}	

div#content h2
{
	position: relative;
	width: 400px;
	height: 35px;
	margin: 0;	
	padding: 10px 0px 0px 40px;
	margin-top: 10px;
	/*color: #ea853b;*/
	color: #ff9933;	
	letter-spacing: 0.03em;
	background: url(images/header-back.gif);
	font-size: 14pt;
	font-weight: normal;
	font-family: Georgia, 'Times New Roman CE', Times New Roman;
}

div#content h1
{
	margin: 0;
	margin-bottom: 10px;	
	padding: 0;
	color: #666666;	
	letter-spacing: 0.03em;
	font-size: 140%;
}

div#content h3, div#content h4
{
	margin: 10px 20px 10px 20px;	
	padding: 0;
	font-weight: bold;
	font-size: 100%;
}

div#content>p, div#content>ul
{
	margin: 10px 20px 10px 20px;	
	padding: 0;
}

div#map-garmin-info 
{	
	border: 2px solid #f7f7f1;
	padding: 5px 5px 5px 150px;
	margin: 20px 20px 20px 20px;
	background: #fcfcf9 url(images/garmin-logo.gif) 8px 5px no-repeat;
}

/** ------------- Infobox ---------------------------- */

div#infobox-container 
{
	float: right;	
	width: 228px;	
	margin: 0;
	margin-left: 20px;
	padding: 0;
}

div#infobox-content
{
	margin: 0;
	padding: 0;	
	background: url(images/infobox-back.gif) repeat-y;
}

div#infobox-content h3
{
	width: 228px;
	height: 44px;
	margin: 0;
	padding: 0;
}

h3#news {
	background: url(images/infobox-header-news.gif) no-repeat;
}

h3#cyclopath-info {
	background: url(images/infobox-header-pathinfo.gif) no-repeat;
}

ul li
{
	background-image: url(images/list-item-arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 0.4em;
	padding-left: 1.2em;
}

div#infobox-content ul
{
	margin: 10px 10px 0px 20px;
	padding: 0px 10px 20px 0px;
}

div#infobox-content ul li
{
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
	padding-left: 15px;
	background-position: 0px 0.4em;
}

div#infobox-content ul li span
{
	font-weight: bold;
	margin-right: 5px;
}

div#infobox-content ul li a
{
	text-decoration: underline;
	color: #333333;
}

div#infobox-content ul li a:hover
{
	color: #ea853b;
}

div#infobox-footer
{
	width: 228px;
	height: 6px;
	margin: 0;	
	padding: 0;
	background: url(images/infobox-footer.gif) no-repeat;
}

li#send-notice
{
	background-image: url(images/icon-envelope-borderless.gif);
	background-repeat: no-repeat;
	background-position: 0 0.33em !important;
	padding-left: 2em !important;	
}

li#send-notice a
{
	text-decoration: none !important;
}

li#send-notice a:hover
{
	text-decoration: underline !important;
}

/** ------------- Main page ---------------------------- */

div#mainpage-intro 
{
	width: 410px;
	margin: 0;
	padding: 10px 0px 0px 20px;
	font-size: 110%;	
}

div#mainpage-intro p 
{
	margin: 0;
	margin-bottom: 15px;
}

div#plan-a-bike-trip, div#search-a-cyclopath 
{
	margin: 0px 0px 0px 30px;
	padding: 0;
}

div#plan-a-bike-trip p, div#search-a-cyclopath p
{
	margin: 0px 0px 10px 0px;
	padding: 0;
	padding-top: 10px;
}

div#plan-a-bike-trip p, div#search-a-cyclopath ul
{
	margin-top: 0px;
}

/** ------------- Cyclopath list ---------------------------- */

div#cyclopath-list-container
{
	margin-bottom: 20px;
}

div#cyclopath-list-container p
{
	margin: 0px;
	margin-top: 5px;
}

div#cyclopath-list-container h2, div#cyclopath-list-container h3
{
	padding-left: 0px;
	width: 100%;
}

cyclopath-list-item
{
}


/** ------------- Page footer ---------------------------- */

div#pagefooter 
{
	margin: 30px 0px 0px 0px;
	padding: 7px 0px 0px 0px;
	width: 734px;
	height: 110px;	
	background: #F0F0F0;
	border-top: 5px solid #616161;
	text-align: center;
	clear: both;
}

div#pagefooter span 
{
	font-size: 80%;
	color: #666666;
}

div#pagefooter a 
{
	color: #333333;
}

/** -------------- Other rules  ------------------ */

.hidden
{
	display: none;
}

.divider
{
	margin: 0px 4px 0px 4px;
	padding: 0;
}

span.bullet-1, span.bullet-2, span.bullet-3, span.bullet-4, span.bullet-5
{	
	position: absolute;
	left: 10px;
	top: 11px;
	display: block;
	float: left;
	width: 20px;
	height: 20px;
	margin: 0;
	margin-right: 10px;
	padding: 0;
}

span.bullet-1 {
	background: url(images/bullet-01.gif) left no-repeat;
}

span.bullet-2 {
	background: url(images/bullet-02.gif) left no-repeat;
}

span.bullet-3 {
	background: url(images/bullet-03.gif) left no-repeat;
}

span.bullet-4 {
	background: url(images/bullet-04.gif) left no-repeat;
}

span.bullet-5 {
	background: url(images/bullet-05.gif) left no-repeat;
}

ul
{
	margin: 0;
	margin-left: 20px;
	padding: 0;
	list-style-type: none;
}

ul li
{
	background-image: url(images/list-item-arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 0.4em;
	padding-left: 1.2em;
}

/** ------------- TO BE REMOVED TO SEPARATE FILE ---------------------------- */

/** ------------- admin part ---------------------------- */


input
{
	width: 300px;
}

.selected_row
{
	background-color: #FFEFD5;
}

.error_message 
{
	color: Red;
	font-weight: bold;
}

/** ------------- Amapy.cz ---------------------------- */

div#aMapa 
{
	width: 676px;
	height: 480px;
	margin: 0px 0px 0px 20px;
}

div.bubble 
{
	margin: 0;
	padding: 0;
	
}

div.bubble h3
{
	font-size: 10pt;
	font-weight: bold;	
}

div.bubble p
{
	font-size: 10pt;
	
}
div.bubble-content  h4
{	
	font-weight: bold;
	margin: 0px 5px 0px 0px !important;
	padding: 0 !important;
}

div#aMapa p 
{
	margin: 0px 5px 0px 0px !important;
	padding: 0 !important;
}

#cyclopath-list-table
{
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	margin: 0;
	padding: 0;
}

#cyclopath-list-table tr td
{
	padding: 2px 2px 2px 2px;
	vertical-align: top;
}

#cyclopath-list-table td.title 
{
	font-weight: bold;
}

#cyclopath-list-table td.route 
{
	padding-right: 20px;
	font-size: 0.8em;
	color: #666666;
}

#cyclopath-list-table tr.alternate-row 
{
	background-color: #eeeeee;
}

fieldset.contact-form
{
	margin-top: 20px;
}
fieldset.contact-form div
{
	margin-bottom: 10px;
}
fieldset.contact-form label
{
	display: block;
	float: left;
	width: 80px;
}

div#aMapa-ovladani {
	margin: 0px 20px 5px 20px;			
	font-family: Tahoma;
	font-size: 9pt;
	text-align: right;
}

div#aMapa-ovladani div#show-panoramio
{
	float: left;
}

div#aMapa-ovladani div#show-panoramio input 
{
	width: 13px;	
	margin: 0;
	padding: 0;
}

div#aMapa-ovladani span#jak-ovladat-mapu {	
	padding-left: 18px;
	background: url('Images/questionmark_small.gif') no-repeat;
	background-position: 0px 0px;	
}

div#aMapa-ovladani a {
	font-family: Tahoma;
	font-size: 9pt;
	color: #000000;
	text-decoration: underline;
}

div#aMapa-ovladani a:hover {
	color: #000000;
	text-decoration: none;
}

div.text-with-images p {
	margin-top: 20px;
}

div.text-with-images div.image {
	text-align: center;
}

div.panoramio-bubble 
{
	width: 300px; 
	height: 320px; 
	background-color: #fff;  
}

div.panoramio-bubble p 
{
	font-size: 8pt; 
	font-family: Arial;
}

a.link-to-rss 
{
	background: url('Images/rss.png') no-repeat;
	padding-left: 20px;
}

fieldset#map-legend 
{ 
	margin: 10px 20px 0px 20px;
	padding: 10px 0px 10px 0px;
	border: 1px solid #aeaeae;
}

fieldset#map-legend legend
{ 
	margin-left: 10px; 	
	font-weight: bold;
	color: #666666;
}

fieldset#map-legend div.legend-item
{ 	
	margin: 8px 0px 0px 20px;
}

fieldset#map-legend div.legend-note
{ 	
	margin: 15px 0px 0px 0px;
	color: #666666;
	font-size: 0.8em;
	line-height: normal;
}

fieldset#map-legend div.legend-note a
{
	color: #666666;
}

fieldset#map-legend div.legend-image
{ 
	display: block; 
	float: left;
	width: 50px;	
}

div#adsense 
{
	width: 468px;	
	margin: 20px 0px 0px -2px;		
}