/* Zakladni nastaveni */ 
* 
{
	margin: 0;
	padding: 0;
}


/* Nastaveni tela stranky */
html, body
{
	font-family: "lucida grande", "lucida sans", "helvetica", "arial", "sans-serif";
	font-size: 12px;
  	font-weight: normal;
    color: #2F2323;
    
    /* zakladni pozadi */
	background: #555555 no-repeat fixed top;
	
	background-image: url('../grafika/background_top.png'); background-repeat: repeat-x;
	background-image: url('../grafika/hlinik03.png'); background-repeat: repeat;

	
	/*barevny prechod do ztracena */
	background-image: -webkit-gradient(linear, left bottom, left top, 
						color-stop(0.8, rgba(0,0,0,0.6)),
						color-stop(0.5, transparent),
						color-stop(0.3, transparent),
						color-stop(0.0, rgba(255,255,255,0.5))),
						url('../grafika/hlinik03.png');
	
	
	background-image: -moz-linear-gradient(-90deg,
						rgba(0,0,0,0.6) 20%,	
						transparent 50%,
						transparent 70%,
						rgba(255,255,255,0.5)),
						url('../grafika/hlinik03.png');	
						
						
	background-image: -o-linear-gradient(-90deg,
						rgba(0,0,0,0.6) 20%,
						transparent 50%,
						transparent 70%,
						rgba(255,255,255,0.5)),
						url('../grafika/hlinik03.png');
						
}



		



				
/* Vsechny odkazy v zakladu */ 
a			{ color: rgb(133,0,6); text-decoration: none; } /* vypne automaticke podtrzeni odkazu */
a:link		{ color: rgb(133,0,6); } /* odkaz */
a:visited 	{ color: rgb(133,0,6); } /* navstiveny */
a:active  	{ color: rgb(133,0,6); } /* aktivni */
a:hover  	{ color: rgb(173,0,6); text-decoration: underline; 
-webkit-transition: color 0.3s ease-in-out; 
-moz-transition: color 0.3s ease-in-out;
-o-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;} /* po najeti mysi na odkaz zmeni barvu a bude podtrzeny */





/* Nastaveni pisma */
h1		{ color: #000000; font-size: 34px; font-family: "Myriad Pro, lucida grande", "lucida sans", "helvetica", "arial", "sans-serif"; font-weight: bold; margin-bottom: 20px; -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.4)), to(rgba(0,0,0,1.0))); text-shadow: 0 1px 1px rgba(255,255,255,0.5);}
h2		{ color: #333333; font-size: 16px; font-family: "Myriad Pro, lucida grande", "lucida sans", "helvetica", "arial", "sans-serif"; font-weight: bold; margin-bottom: 10px; }
h3		{ color: #000000; font-size: 14px; font-family: "lucida grande", "lucida sans", "helvetica", "arial", "sans-serif"; font-weight: normal; margin-bottom: 5px; }
h4		{ color: #666666; font-size: 12px; font-family: "lucida grande", "lucida sans", "helvetica", "arial", "sans-serif"; font-weight: normal; }
h5		{ color: #333333; font-size: 11px; font-family: "lucida grande", "lucida sans", "helvetica", "arial", "sans-serif"; font-weight: normal; }
h6		{ color: #1A1A1A; font-size: 10px; font-family: "lucida grande", "lucida sans", "helvetica", "arial", "sans-serif"; font-weight: normal; }

/* nadpisy */
#nadpis 		{ margin-bottom: 20px; }
.podnadpis 		{ margin-top: 20px; }
.popis 			{ margin-top: 10px; }


/* cary u strankovace */
hr.stranky-hr 	{ margin: 0px auto; margin-top: 15px; margin-bottom: 15px; clear: both; width: 100%; color: #fff; background: none; border: none; border-bottom: 1px solid #e5e5e5; }

/* obsah pole pro strankovani */
#obsah-pole { width: 100%; margin: 0px; padding: 0px; float: left; }

/* Cela stranka - uplne cela */
#stranka 				
{ 
	width: 980px;	
	margin: 0 auto; 
	margin-bottom: 40px; 
	padding: 0; 
	position: relative; 
	background-color: #ffffff; 
	
	border-radius: 0 0 7px 7px; 
	-webkit-border-radius: 0 0 7px 7px; 
	-moz-border-radius: 0 0 7px 7px; 
	-o-border-radius: 0 0 7px 7px; 
	-khtml-border-radius: 0 0 7px 7px; 
	
	box-shadow: rgba(0,0,0,0.5) 0 6px 40px; 
	-webkit-box-shadow: rgba(0,0,0,0.5) 0 6px 40px; 
	-moz-box-shadow: rgba(0,0,0,0.5) 0 6px 40px; 
}

	
#strankaprodukty 		
{ 
	width: 1000px; 
	margin: 0px auto 40px auto; 
	padding: 0px; 
	position: relative; 
	background-color: #ffffff; 
	
	border-radius: 0 0 7px 7px; 
	-webkit-border-radius: 0 0 7px 7px; 
	-moz-border-radius: 0 0 7px 7px; 
	-o-border-radius: 0 0 7px 7px; 
	-khtml-border-radius: 0 0 7px 7px;
	
	box-shadow: rgba(0,0,0,0.5) 0 6px 40px; 
	-webkit-box-shadow: rgba(0,0,0,0.5) 0 6px 40px; 
	-moz-box-shadow: rgba(0,0,0,0.5) 0 6px 40px;
}


/* obsah jen kam se neco pise - obsah stranek + menu */
#content
{
	width: 100%;
    max-width: 980px;	
    margin: 0px auto;
    text-align:left;

	border-radius: 0 0 7px 7px; 
	-webkit-border-radius: 0 0 7px 7px; 
	-moz-border-radius: 0 0 7px 7px; 
	-o-border-radius: 0 0 7px 7px; 
	-khtml-border-radius: 0 0 7px 7px;

	background-image: url('../grafika/background_menu.png');
	background-repeat: repeat-y;	
}


/* ---------------- iPAD ---------------- */
@media all and (min-device-width: 481px) and (max-device-width: 1024px) {
#stranka,
#strankaprodukty 
{ 
	margin-bottom: 0;
	-webkit-box-shadow: none; 
}

#stranka,
#strankaprodukty,
#content
{
	-webkit-border-radius: 0;
}
}


      
#main 
{
    margin: 0 0 0 132px; 
    padding: 0;
}


   
#main-content 
{
    margin: 0; 
    padding: 24px 24px;
    min-height: 300px;
}



#mainprodukts-content 
{
    margin: 0; 
    padding: 24px 0px;
    min-height: 300px;
}


/* leve menu */
#sidebar 
{
    float: left;
    width: 132px;
    margin: 0; 
    padding: 0;
}



 #sidebar-content 
 {
    margin: 0; 
    padding: 0;
 }



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



/* obrazky v hlavicce */
#images		{ position: relative; margin: 0px auto; text-align: center; margin: 0; padding: 0; }
.image-animate,
img.images	{ margin-bottom: -3px; padding: 0; }




/* copyright */
#copyright
{	
	width: 100%;
	height: 20px;
	padding-bottom: 10px;
	bottom: 0px;
	position: relative;
	text-align: center;
	font-family: "lucida grande", "lucida sans", "helvetica", "arial", "sans-serif";
	color: rgb(138,138,138);
	font-size: 10px;
	font-weight: normal;
}




/*
#resultsDiv
{
	background: rgba(0,0,0,75);
	position: fixed;
	top: 100px;
	bottom: 100px;
	left: 100px;
	right: 100px;
	display: none;
}


input#s:target #resultsDiv
{display: block; }*/