* {margin:0; padding:0;} 

	body { font: 11pt verdana, arial, sans-serif; 
	/*text-align:justify; */
	
	/*  ako zakazat tlacenie stranok
	media print{
	 body {display:none;}
	}
	*/
	
	padding-top: 200pt; padding-bottom: 150pt; }
	
	div#hlavniobal { min-width:850px; max-width:1000px; margin-left:auto; margin-right:auto; text-align:left; }
		
 	
		
	div#hlavicka { background-image: url(obrazky_css/hlavicka_2014.jpg); background-repeat: repeat-y; text-align:center; position: relative; height: 200px; 
	padding-bottom: 0; margin: 0; z-index: 2; }
	
	/*nazov chovatelskej stanice*/
	div#hlavicka img.title { position: absolute; top: -30px; left: 10px;   z-index: 6; }
	
	
	/*Paw Peds G1*/
	div#hlavicka img.ilustracia-vlavo2 { position: absolute; top: 20px; left: +10px; width: 70px; height: 134px; z-index: 4;}
	
	/*Paw Peds G2*/
	div#hlavicka img.ilustracia-vlavo3 { position: absolute; top: 20px; left: +85px; width: 70px; height: 134px; z-index: 4;}	

	/*Paw Peds G3*/
	div#hlavicka img.ilustracia-vlavo4 { position: absolute; top: 20px; left: +160px; width: 70px; height: 134px; z-index: 4;}	
		


	/*Cherie*/
	div#hlavicka img.ilustracia-left-side1 { position: absolute; top: -10px; left: -220px; width: 300px; height: 400px;  z-index: 1; }
	
	/* top obrazok*/
	div#hlavicka img.ilustracia-top-side1 { position: absolute; top: -250px; left: 20px; width: 1000px; height: 450px;  z-index: 1; }
	
	/*Charlotte*/
	div#hlavicka img.ilustracia-right-side1 { position: absolute; top: 100px; right: -140px; width: 300px; height: 400px;  z-index: 1; }
	
		
		
	div#obsah { background:url(obrazky_css/lavy_okraj.png) repeat-y left top; 
		position:relative; 
		border-left: 6pt solid #B4CFEC; }/*povodne tu bolo border-left: 9pt solid #B4CFEC  a este predtym 6pt robi to bielu ciaru na okraji*/
		
	div#obsah2 {background-color:#FFF; 
		background:url(obrazky_css/pravy_okraj.jpg) repeat-y top right; 
		position:relative;
		border-right: 9pt solid #B4CFEC; /* povodne tu bolo   border-right: 6pt solid #B4CFEC;*/
		}
		

	
	div#sloupec3   a {text-decoration:none; color:#0c3763;}
	div#sloupec3   a:hover { color: #F89C87; font-weight: 700; }
	
	
	
	div#sloupec1 { color: #0C3763; width:210px; position: absolute; top:0; left:0; 
	/*background-color:#B4CFEC;*/ 
	overflow:hidden; font-size:0.9em; font-weight: 700; }
	
	div#sloupec1   a {text-decoration:none; color:#0C3763;}
	div#sloupec1   a:hover { color: #f69679; font-weight: 800; }

	div#sloupec1 ul {margin: 20px 0 0 20px;} 
	
	/* trik pouze pro Internet Explorer pro Windows \*/	
	* html div#sloupec1 ul {border-top:2px solid #0C3763;}
	/*konec triku */
	

	
	div#sloupec2 {background-color:#FFF; 
		margin:0px 155px 20px 210px;
		}
		
	div#sloupec3 {width:148px; 
		position:absolute;  
		top:0px; right:0px;  
		/*background-color:#B4CFEC; */
		overflow:hidden; 
		font-size:0.8em;
		}
		
	div#paticka {  background-image: url(obrazky_css/paticka.jpg); background-repeat: repeat-y; text-align:center; position: relative; height: 210px; 
	 background-color:#b4cfec; 
		/*text-align:center; */
		padding-top:10px; 
		font-size:0.6em; 
		padding-bottom: 10px; } 
	


.konecobtekani:after {
	    content: ".";              
		display: block;        
	    height: 0;                 
	    clear: both;               
	    visibility: hidden;	     
	}
	.konecobtekani {display: inline-block;}   
	/* Oprava pro IE pro MacIntosh */
	/* Schová trik pro IE pro Macintosh \*/
	* html .konecobtekani {height: 1%;}
	.konecobtekani {display: block;}
	/* Konec triku */
	
	
	
	
	
/* 
 -------------------------------------------------------------------------------------------
		STLPEC 1 - LAVY OKRAJ
 -------------------------------------------------------------------------------------------
*/


	div#sloupec1 ul {border:0; margin:12px 10px 10px 1.25em; padding:0; list-style-type:none;} 
	div#sloupec1 li { border-bottom:2px solid #0c3763; margin:0; padding:0.3em 0; text-indent:0.5em }
	div#sloupec1 li:first-child {border-top:2px solid #0c3763;}
	
	
	div#sloupec1   a {text-decoration:none; color:#0c3763;}
	div#sloupec1   a:hover {color: #f69679	;}
	
	div#sloupec1 p.heslo{ color: #0c3763; font-size: 0.85em; font-weight: 300; font-style: italic; text-align: left; margin: 5pt; padding: 25pt 15pt 5pt 10pt; }
	div#sloupec1 p.info{ color: #f69679; font-size: 0.9em; font-weight: 700; font-style: italic; text-align: left; margin: 5pt; padding: 25pt 15pt 5pt 10pt; }


/* 
 -------------------------------------------------------------------------------------------
		STLPEC 2 - stred, hlavny text
 -------------------------------------------------------------------------------------------
*/



	div#sloupec2 p { font-size:0.9em; margin: 10pt;}

	div#sloupec2 td.text { font-size:0.9em; margin: 10pt; text-align:justify;}
	
	div#sloupec2 p.text:first-line { font-size:0.9em; font-weight: 800; margin:  10pt; padding-left: 30pt; }
	
	div#sloupec2 th { color: #0c3763; font-size:0.9em; font-weight: bold; font-variant: small-caps; background-color: #b4cfec; text-align: left; vertical-align: top; margin: 10pt; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; border: inset 1pt #b4cfec;}
	
	div#sloupec2 td { font-size:0.9em; margin: 10pt; padding-left: 30px; }
	
	div#sloupec2 td.dolezite { color: #0c3763; font-size: 0.9em; font-weight: 700; font-variant: small-caps; margin: 10pt; padding: 5pt; border: inset 1pt #b4cfec; }
	div#sloupec2 td.normal { font-size: 0.9em; font-weight: normal; margin: 10pt; padding: 5pt; border: inset 1pt #b4cfec; }
	div#sloupec2 td.mini { font-size: 0.6em; font-weight: normal; margin: 5pt 5pt 0; padding: 5pt; }
	div#sloupec2 p.galeria { color: #f69679; font-size: 1.05em; font-weight: 800; letter-spacing: 0.3em; margin: 0; padding-top: 5pt; padding-bottom: 5pt; padding-left: 30px; }
	
	div#sloupec2 a {color:#0c3763;}
	div#sloupec2 a:hover {color: #f69679	;}
	
	div#sloupec2 h2    { display:block; 
			/* border: #ccc solid 1px;*/
			letter-spacing:0.6pt; 
			margin: 0; 
			padding: 25px; 
			color: #f69679; 
			font-size:1.4em; 
			font-variant: small-caps; 
			vertical-align: baseline; 
			border-bottom: thin dotted #f69679;  }	
	
	div#sloupec2 h2:first-letter { 
		font-size:250%; 
		color:#f69679; 
		display:block; 
		/*background:#b4cfec; */
		text-transform: capitalize; 
		margin: 0.1em; 
		padding: 0.1em; 
		vertical-align:baseline; }
		
	div#sloupec2 h2.povodny    { display:block; 
			/* border: #ccc solid 1px;*/
			letter-spacing:0.6pt; 
			margin: 0; 
			padding: 25px; 
			color: #f69679; 
			font-size:1.4em; 
			font-variant: small-caps; 
			vertical-align: baseline; 
			border-bottom: thin dotted #f69679;  }			
		
	div#sloupec2 h4    { display:block; 
			letter-spacing:0.2pt; 
			margin: 0px; 
			padding: 25px; 
			color: #f69679; 
			font-size:1.1em; 
			font-variant: small-caps; 
			vertical-align: baseline; 
			 }
			 
	div#sloupec2 h5    { display:block; 
			/* border: #ccc solid 1px;*/
			letter-spacing:0.3pt; 
			margin: 0; 
			padding: 5px; 
			color: #f69679; 
			font-size:0.9em; 
			font-variant: small-caps; 
			vertical-align: baseline; }				 			
		

div#sloupec2 p.dolezite   { 
			color: #f69679; 
			background-color: #cfe0f3; 
			text-align: center; 
			font-size:0.95em;
			margin: 5px; 
			padding: 20px; 
			border-top: 3px solid #f69679; 
			border-bottom: 3px solid #f69679; 
			width: 75%; 
			display: block; 
			     }
				 
div#sloupec2 p.dolezite-left { color: #f69679; background-color: #cfe0f3; text-align: left; display: block; margin: 5px; padding: 20px; width: 85%; border-top: 3px solid #f69679; border-bottom: 3px solid #f69679; }

div#sloupec2 p.textfarebny { color: #f69679; font-size: 0.9em; font-weight: 600; text-align: center; margin: 5px; padding: 5px; /*border: solid 1px;*/ }

div#sloupec2 p.textfarebny1 { color: #f69679; font-size: 0.9em;  font-weight: 500; text-align: justify; margin: 5px; padding: 5px; /*border: solid 1px;*/ }


div#sloupec2 span.textfarebny { color: #f69679; font-size: 0.9em; font-weight: 600; }



div#sloupec2 img.obr1 {
			position: relative;
			float: right;
			margin: 10pt;
			padding: 10pt;
			background-image: none;	
}

div#sloupec2 img.obr2 { 
			position: relative; 
			margin: 10pt; 
			padding: 10pt; 
			float: left; }


div#sloupec2 img.obr { margin: 5pt; padding: 10pt; }
div#sloupec2 img.obr_historia { margin: 2pt; padding: 5pt; }
div#sloupec2 img.obr1Yamaha { position: absolute; top: 80pt; right: 80pt; margin: 10pt; padding: 10pt; float: right; }
div#sloupec2 img.obr3 { margin: 5pt 5pt 25pt; padding: 3pt; float: left; border-right: 2px groove #f69679; border-bottom: 2px groove #f69679; }

div#sloupec2 img.obr-lemovanie { margin: 5pt 5pt 25pt; padding: 3pt; border-right: 2px groove #f69679; border-bottom: 2px groove #f69679; }

div#sloupec2 ul { color: #f69679; font-size: 0.9em; font-weight: 300; border:0; margin:15px 10px 10px; padding:10px 0 0 60px; list-style-type:disc; list-style-position: outside; }

div#sloupec2 ul.text {color: #000; font-size: 0.9em; font-weight: 300; list-style-type: disc; list-style-position: outside; margin: 15px 10px 10px; padding: 10px 0 0 30px; border: 0; }



/* 
 -------------------------------------------------------------------------------------------
		STLPEC 3 - pravy okraj
 -------------------------------------------------------------------------------------------
*/



div#sloupec3 p.nadpis { margin: 20px 10px; color: #f69679; font-size: 1.2em; /*border: solid 1px #ccc;*/ }
div#sloupec3 p.nadpis1 { color: #f69679; font-weight: 700; font-variant: small-caps; text-align: right; margin: 20px 2px 10px; padding: 5px; }
div#sloupec3 p.text { color: #0c3763; font-size: 0.9em; text-align: right; margin: 5px 0 5px 5px; padding: 15px 5px 5px; /*border: solid 1px;*/ }

div#sloupec3 hr.cleaner{
		clear: both;
		margin: -1px 0 0 0 ; padding: 0;
		height: 1px;
		border: none;
		visibility: hidden;
		}


/* 
 -------------------------------------------------------------------------------------------
		HIGHSLIDE galeria
 -------------------------------------------------------------------------------------------
*/



	.zoomout .highslide-image {
		cursor: url(highslide/graphics/zoomout.cur), pointer;
	}
	.zoomout .highslide-caption {
		width: auto;
		background: #343434;
		color: white;
		
	}
	.zoomin .highslide-image {
		cursor: url(highslide/graphics/zoomin.cur), pointer;
	}

	.highslide-image {
		border: 1px solid black; /* tu sa nastavuje oramovanie obrazka*/
	}
	
	.highslide-controls {
		width: 60px !important;
	}
	.highslide-controls .highslide-close {
		display: none;
	}
	.highslide-controls .highslide-full-expand {
		display: none;
	}
	.highslide-caption {
		padding: 1em;
		font-style:italic; /* tu sa nastavuje format pisma v galerii*/
	}
	.closebutton {
		top: 0;
		left: 0;
	}