/*  
Version: 2.0
Author: Stanislav Kratochvil
Author URI: http://www.3wd.cz/
*/

* { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, pre, p, blockquote, label, ul, ol, dl, fieldset, address { margin:.5em ; }
li, dd { margin-left:4%; }
fieldset { padding: .5em; }
select option{ padding:0 5px; }

.tl { text-align:left}
.tr { text-align:right}
.tc { text-align:center}
.fl { float:left; margin-right:5px; margin-bottom:5px; }
.fr { float:right; margin-left:5px; margin-bottom:5px;}

.hidde, hr { display:none; }
.clr { clear:both; padding:0; margin:0; height:0; visibility:hidden; font-size:0; }
.border { border:1px solid #000000 }
.noborder { border:0 }
.cara { background-color:#93C740; height:1px; font-size:0; margin:40px 0px; clear:both; } 
.big { font-size:110% }

p { margin-bottom:1.6em; margin-left:1em; margin-right:1em; }

a { /*color:#A1C764;*/ color:#FFFFFF; border:none; background-color:transparent }
a:hover { color:#A1C764; border:none; }
/*
a img, a:hover img { border:none; background:transparent; }
*/
ul, ol { padding-bottom:1.2em;  }
li { list-style-type: square; }

.no { padding:0; margin:0 }



h2, h3, h4, h5, h6 { margin:.5em .5em 1em .5em; }
h2 { font-size:1.6em; /*color:#A1C764;*/ color:#FFFF00; font-weight: normal; }
h3 { font-size:1.4em; margin-left:12px; color:#222B02; font-weight:normal;  }
h4 { font-size:1.3em; color: #FFFFFF; }

em { color:#006600; background-color:#FFFFFF; font-style:italic; font-weight:bold; }

.upoutat { margin-left:1em; margin-right:1em;  font-size:100%; padding:8px; background-color:#93C740; text-align:justify; color:#3B5C05 }
.upoutat a { color:#FFFFFF }
.upoutat a:hover { color: #FF0 }
.upoutat2 { border-left:6px solid #93C740; padding-left:10px }

.big { font-size:1.4em }


table { border-collapse:collapse; border:1px solid #88CF05; margin:5px 1em 10px; }
table td { font-size:100%; border:1px solid #88CF05; text-align:center; padding:4px; vertical-align:top;  background-color:#FFFFFF; color:#000000 }
table th { font-size:110%; text-align:center; color:#FFFFFF; font-weight:normal; border:1px solid #FFFFFF; padding:4px; background-color:#88CF05; vertical-align:middle; }
table { border-collapse:collapse; border:1px solid #88CF05; margin:5px 1em 10px; }
table a { color:#FF0000 }

form { margin:0; padding:0;}
fieldset {   }
legend { margin:1em 0; padding:.5em; color:#A1C764;	background:transparent; font-size:1.2em; font-weight:bold;  }
label {	float:left;	 padding:0 .6em;	text-align:left; clear:both}
fieldset {	margin-bottom:.1em; padding:0 0 10px 0; display:block;}
fieldset input { width:200px;  padding:4px; color:#333;}


input, label {  vertical-align: middle;}
form * { vertical-align: middle; } 

input.submit { margin:0px; padding:4px; width:100px }

#design a { color:#000000; text-decoration:underline; }
#design a:hover { color:#000000; background-color:#B5D5DD; }


/*
html 125% 
body 50% 
1 em = 10 bodù 
0.9 = 9 bodù 
*/
/* Layout -------------------- */
html { font-size: 125%  }
body { font-size: 50% }
div#container { font-size:1.2em  }

body {
	font-family:'Verdana CE', Verdana, 'Arial CE', Arial, 'Helvetica CE', Helvetica, sans-serif;
	background:#558909 url("../images/global/bg.jpg") repeat-x; color:#FFFFFF;
	margin:0 0 20px 0;
	}
/*	
div#header h1 {  height:120px; margin:0; background:#EEE; color:#000000; position:relative; overflow:hidden; line-height:120px; text-align:center; background:url("../images/global/bg-logo.jpg") top left no-repeat; }
div#header h1 span { display:block; position:absolute; left:0; top:0; z-index:15; height:120px; width:960px; background:url("../images/global/bg-logo.jpg") top left no-repeat; cursor:pointer; }
*/

#header { background:#558909 url('../images/global/bg-header.jpg') no-repeat top center; margin:0; padding:0; height:414px;  width:950px; }

h1 { font-size:3.4em; text-align:left; padding-top:170px; margin: 0; padding-left:350px; font-weight:normal; }
h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description { text-decoration: none; color: white; }

#headerimg { }
#headerimg .description { font-size:2em; color:#A1C764; color: #FFFF00; text-align:left; padding-top:20px; margin:0; padding-left:350px; font-weight:normal; width:500px }
#headerimg .description2 { font-size:1.3em; text-align:left; padding-top:30px; margin:0; padding-left:350px; font-weight:normal; width:400px }





/* BOX -------------------- */

div#container { text-align:left;   }
div#wrapper { background:url(../images/global/bg-wrapper.jpg) repeat-y;  }
div#content { padding-top:20px; padding-bottom:	20px;  }
div#navigace1 { line-height:61px; background:#FFFFFF url(../images/global/bg-nav1.jpg) no-repeat;   }
div#navigace2 { background:#336600  }
div#extra { text-align:left;   }
div#footer { text-align:center; padding-top:30px;  background:url(../images/global/bg-footer.jpg) no-repeat top; }
div#reklama { }


div#content p {line-height:1.5; }
div#footer p { margin:0; padding:4px; font-size:90%;}
div#footer img { margin: 2px 4px 6px 4px}
div#reklama a { color:#FFFFFF  }
div#reklama a:hover { color: #000000 }


div#container{width:950px;margin:0 auto}
div#wrapper{ float:left; width:100%}
div#content{ margin:0 60px}
div#navigace1{float:left;width:950px;height:61px}
div#navigace2{float:left;width:350px; }
div#extra{float:right;width:350px}
div#footer{clear:left;width:100%}
div#reklama { margin:10px; text-align:center; }





/* NAV1-------------------- */

div#navigace1  a { color: #FFFFFF;  }
div#navigace1  a:hover { color: #FFFF00; }
div#navigace1 { position:relative; width:950px; height:65px; list-style-type:none; background: url('../images/global/bg-nav1.jpg') top no-repeat; font-size:1.1em; }
div#navigace1 li { position: absolute; list-style-type:none; height:65px; text-align:center; font-weight:bold; line-height:65px;}
div#navigace1 span { position: absolute; display:block; width:100%; height:100%; background: url('../images/global/bg-nav1.jpg') top no-repeat; }

div#navigace1, div#navigace1 li, div#navigace1 span { padding:0; margin:0; top:0; left:0; border:0}

div#navigace1 #nav-uvod {width:76px; left:51px; }
div#navigace1 #nav-uvod span {background-position:-51px 0; width:76px;}
div#navigace1 #nav-uvod a:hover span, div#navigace1 #nav-uvod  span.on {background-position:-51px -65px; }

div#navigace1 #nav-o-mne {width:80px; left:140px; }
div#navigace1 #nav-o-mne  span {background-position:-140px 0; width:80px;}
div#navigace1 #nav-o-mne a:hover span, div#navigace1 #nav-o-mne span.on {background-position:-140px -65px;}

div#navigace1 #nav-rebirthing {width:137px; left:235px; }
div#navigace1 #nav-rebirthing  span {background-position:-235px 0; width:137px; }
div#navigace1 #nav-rebirthing a:hover span, div#navigace1 #nav-rebirthing span.on {background-position:-235px -65px;}

div#navigace1 #nav-cviceni {width:97px; left:387px; }
div#navigace1 #nav-cviceni  span {background-position:-387px 0; width:97px;}
div#navigace1 #nav-cviceni a:hover span, div#navigace1 #nav-cviceni span.on {background-position:-387px -65px;}

div#navigace1 #nav-seminare {width:117px; left:504px; }
div#navigace1 #nav-seminare  span {background-position:-504px 0; width:117px;}
div#navigace1 #nav-seminare a:hover span, div#navigace1 #nav-seminare span.on {background-position:-504px -65px;}

div#navigace1 #nav-fotogalerie {width:150px; left:637px; }
div#navigace1 #nav-fotogalerie  span {background-position:-637px 0; width:150px;}
div#navigace1 #nav-fotogalerie a:hover span, div#navigace1 #nav-fotogalerie span.on {background-position:-637px -65px;}

div#navigace1 #nav-e-shop {width:105px; left:800px; }
div#navigace1 #nav-e-shop span {background-position:-800px 0; width:105px;}
div#navigace1 #nav-e-shop a:hover span, div#navigace1 #nav-e-shop span.on {background-position:-800px -65px;}

/* NAV2-------------------- */
div#navigace2 h2 { color:#88CF05; margin:0 0 20px 0; padding:0; text-align:center; font-size:14px;}
div#navigace2 img { border:1px solid #000000}
div#navigace2 table { width:170px; text-align:center; margin-left:auto; margin-right:auto;}

/* STR :: uvod -------------------- */

.box { width:414px; float:left; margin:0;   } 

.box2 {  margin:20px 0;  padding:.4em;  width:938px;  text-align:justify; clear:both; } 

.b1 { background-color:#93C740; color:#3B5C05;}
.b1 h2 { color:#3B5C05;} 

.b2 {  } 


#form-spoluprace { border:1px solid red; clear:both  } 
#form-spoluprace form { } 
#form-spoluprace #f1 { float:left } 
#form-spoluprace #f2 { float:left } 



.spoluprace { margin-top:30px } 

.fotogalerie img { margin:2px; border:1px solid #FFFFFF} 
.fotogalerie a:hover img {  border:1px solid #000000} 






/* STR :: Poradna -------------------- */
.poradna { width:100%; background-color: #CCCCCC; padding:0 0 10px 0; margin:0 0 20px 0; float:left; color:#000000 }
.poradna p { margin-bottom:.1em}
.poradna form { margin:0; padding:0;}
.poradna fieldset { margin:1em; padding:1em; width:324px; float:left  }
.poradna fieldset1 { width:324px;  }
.poradna fieldset2 { width:324px; }
.poradna legend { margin:.0em 0; padding:.5em; color:#005AA8; font-size:1.1em; font-weight:bold;   }
.poradna label {	float:left;	width:60px; padding:0 .40em; text-align:left; clear:both;  }
.poradna fieldset {	margin-bottom:.1em; padding:0 0 10px 0; display:block;}
.poradna fieldset input { width:150px; padding:1px; color:#000000; margin:0 .8em 4px 0}
.poradna fieldset textarea { padding:1px; color:#333; margin-right:.8em; width:220px;}



/* STR :: OBJEDNAVKA -------------------- */
.objednavka { width:100%; padding:0 0 10px 0; margin:0 0 0px 0; float:left; color: #000; font:17px/22px; }
.objednavka p { margin-bottom:.1em}
.objednavka form { margin:0; padding:0;}
.objednavka fieldset { margin:1em; padding:1em; width:380px;  }
.objednavka legend { margin:.0em 0; padding:.5em; color:#337B2B; font-size:1.1em; font-weight:bold; max-width:540px   }
.objednavka label {	width:340px; padding:0 .4em; text-align:left;  }
.objednavka fieldset {	margin-bottom:.1em; padding:0 0 10px 0; display:block;}
.objednavka fieldset input { width:230px; padding:1px; color:#000000; margin:0 .8em 0px 0; }
.objednavka fieldset textarea { padding:1px; color:#333; margin-right:.8em; width:340px;}
.objednavka input.submit { padding:12px; font-size:1.5em; width:200px; background-color: #FF0 }

.objednavka fieldset.prevzeti input { width:20px; padding:2px; color:#000000; border:0; margin:0 .8em 0px 0; float:left }
.objednavka fieldset.prevzeti label { width:310px; padding:1px; color:#000000; border:0; margin:0 .8em 0px 0; float:right  }
.objednavka fieldset.prevzeti p {}


#s_price { width:20px; background:none; border:none; }

input, textarea { font: 18px/22px; padding: 2px 10px; margin:0 }

/* STR :: OBJEDNAVKA 2 -------------------- */
form.sub2 input { padding:8px; float:left  }





/* PREVIEW -------------------- */

ul.thumb {
	float: left;
	list-style: none;
	margin: 0; padding:2px;
	
	
}
ul.thumb li {
	margin: 0; padding: 5px;
	float: left;
	list-style:none;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 120px;
	height: 95px;
}
ul.thumb li img {
	width: 100px; height: 75px; /* Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	border: 1px solid #ddd;
	padding: 4px;
	background: #f0f0f0;
	position: absolute;
	left: 0; top: 0;
}
ul.thumb li img.hover {
	background:url(../images/preview/iko-bg.png) no-repeat center center;  /* Image used as background on hover effect */
	border: none; /* Get rid of border on hover */
}

#main_view img  { float:right; padding:0px; margin:0 4px 0 0; border:2px solid #FFFFFF} 





/* PREVIEW 2 -------------------- */

.fotostudio { margin: 10px 20px 0 10px; padding: 5px; float:right; list-style:none; position: relative;  width: 120px; height: 95px; }
.fotostudio img  { border:5px solid #FFFFFF; padding:0 }


.fotomartin { margin: 0 20px 0 10px; padding: 5px; float: left; list-style:none; position: relative;  width: 100px; height: 136px; }
.fotomartin img  { border:5px solid #FFFFFF; padding:0 }



/**********************************
Name: cmxform Styles
***********************************/
form.cmxform label.error, label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: #FFFF00; font-size:1.4em
}
div.error { display: none; }
input.checkbox { border: none }
input:focus { border: 2px dotted black; }
input.error { border: 2px dotted red; }
form.cmxform .gray * { color: #FFFF00; font-size:1em }