/* ===================== ZAKLADNI HTML PRVKY */
body	{
	font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	color: #fff;
	margin: 0px;
	padding: 0px;
	line-height: 1.5em;
	font-size: 13px;
	background:url("../img/header_bcg.jpg") repeat-x top #191919;	
}

/* --- odkazy --- */
a 						{color: #AC0000;}
a:hover 				{color: #AC0000; text-decoration: none;}

/* --- ikonky k odkazum --- 
a[href$='.doc'], a[href$='.rtf'] 	{padding: 5px 20px 5px 0; background: transparent url(../img/ico/doc.png) no-repeat center right;}
a[href$='.txt'] 							{padding: 5px 20px 5px 0; background: transparent url(../img/ico/txt.png) no-repeat center right;}
a[href$='.xls'] 							{padding: 5px 20px 5px 0; background: transparent url(../img/ico/xls.png) no-repeat center right;}
a[href$='.rss'], a[href$='.atom'] 	{padding: 5px 20px 5px 0; background: transparent url(../img/ico/rss.png) no-repeat center right;}
a[href$='.vcard'] 						{padding: 5px 20px 5px 0; background: transparent url(../img/ico/vcard.png) no-repeat center right;}
a[href$='.pps'], a[href$='.ppt']		{padding: 5px 20px 5px 0; background: transparent url(../img/ico/pps.png) no-repeat center right;}
a[href$='.pdf'] 							{padding: 5px 20px 5px 0; background: transparent url(../img/ico/pdf.png) no-repeat center right;}
a[href$='.fla'], a[href$='.swf'] 	{padding: 5px 20px 5px 0; background: transparent url(../img/ico/swf.png) no-repeat center right;}
a[href$='.zip'], a[href$='.rar'], a[href$='.gzip'], a[href$='.bzip'], a[href$='.ace'] 
												{padding: 5px 20px 5px 0; background: transparent url(../img/ico/zip.png) no-repeat center right;}
a[href$='.css'] 							{padding: 5px 20px 5px 0; background: transparent url(../img/ico/css.png) no-repeat center right;}
a[href$='.mov'], a[href$='.wmv'], a[href$='.mp4'], a[href$='.avi'], a[href$='.mpg'] 		
												{padding: 5px 20px 5px 0; background: transparent url(../img/ico/avi.png) no-repeat center right;}
a[href$='.mp3'], a[href$='.wav'], a[href$='.ogg'], a[href$='.wma'], a[href$='.m4a'] 
												{padding: 5px 20px 5px 0; background: transparent url(../img/ico/mp3.png) no-repeat center right;}
a[href *="icq.com"] 						{padding: 5px 20px 5px 0; background: transparent url(../img/ico/icq.png) no-repeat center right;}
a[href ^="callto:"] 						{padding: 5px 20px 5px 0; background: transparent url(../img/ico/skype.png) no-repeat center right;}
a[href ^="skype:"] 						{padding: 5px 20px 5px 0; background: transparent url(../img/ico/skype.png) no-repeat center right;}  
a[href ^="mailto:"], a.mail			{padding: 5px 20px 5px 0; background: transparent url(../img/ico/mailto.png) no-repeat center right;}
a.out											{padding: 5px 20px 5px 0; background: transparent url(../img/ico/external.png) no-repeat center right;}
a.print										{padding: 5px 20px 5px 0; background: transparent url(../img/ico/print.png) no-repeat center right;}
*/
/* --- zakladni html prvky ---*/
em, i					{font-style: normal;}
hr						{display: block; clear: both; /*color: #626262; background: #626262; height: 1px; */border: 0px; margin: 10px 0px 10px 0px;}
p 						{text-align: left; margin: 0px 0px 10px 0px; line-height: 1.4em;}
strong 					{}
code 					{font-size: 140%; font-weight: bold;}
.div-bad {
        padding: 10px;
        border: 5px solid red;
        background:#020202;
        color: #fff;
		margin-bottom:20px;
}
.div-good {
        padding: 10px;
        border: 5px solid green;
        background:#020202;
        color: #fff;
		margin-bottom:20px;
}

.div-aktualita {
	display:block;
	margin-bottom:15px;
	font-size:10px;
	line-height:13px;
}
.div-aktualita h3 {
	margin:0 0 5px 0;
}


/* --- seznamy --- */
ul						{margin: 5px 0px 5px 5px; padding: 0px; text-align: left; list-style: none;}
li						{padding: 0px 0px 0px 15px; margin: 0px; background: url(../img/li.jpg) no-repeat 0px 8px;}
ol						{padding: 4px 0px 0px 20px; margin: 0 0 10px 0;}
ol li					{background:none; padding:0;}

/* --- obrazky --- */
img 								{border: 0px;}
a img.galerie, img.galerie	{border: 1px solid #626262; padding: 4px; background: #ffffff;}
a:hover img.galerie 			{border: 1px solid #666666; padding: 4px; background: #ffffff;}
img.border, img.ramecek		{border: 1px solid #8d6b41; padding: 2px;}
a:hover img.border			{border: 1px solid #000000;}
img.icon							{vertical-align: -3px; margin: 0px 3px 0px 1px;}
img.toleft						{margin: 0px 10px 10px 0px;}
img.toright						{margin-left: 10px;}

/* --- horni a dolni indexy --- */
sub, sup 			{vertical-align: baseline; position: relative;}
sub 					{top: 0.4em;}
sup 					{bottom: 0.4em;}

/* --- tabulky --- */
table.nice						{width: 390px; font-size: 0.9em;}
table.nice tr td 				{padding: 2px 4px 2px 4px;	font-size: 1em; border: 1px solid #dddddd;}
table.nice tr td.item		{background: url(../img/bcg_th.gif) repeat-x #f5f5f5 bottom; font-weight: bold; width: 160px;}
table.nice tr th				{background: url(../img/bcg_th.gif) repeat-x #f5f5f5 bottom; font-weight: bold; width: 120px;}
table.nice tr td.long		{width: 250px;}
table.short						{width: 230px;}
table.medium					{width: 350px;}
table.none 						{border: none;}
table.poslat-mail				{width:400px; margin-left:10px;}
table.poslat-mail td			{vertical-align:top;}
table.table-galerie tr td		{padding-right:15px; text-align:center; color:#976d33; vertical-align:top; width:155px; height:120px}
/* --- hlavicky --- */
h1, h2, h3, h4, h5, h6		{clear: both; color: #ac0000; font-size: 1.3em; margin: 0px;}
h1								{display: none}
h2								{padding: 0px;	padding: 0px 0px 00px 0px; margin-bottom:20px; font-size: 26px; font-weight:normal; }
h3									{font-size: 14px; font-weight:bold; margin: 5px 0px 10px 0px; text-transform:none}
h4 								{font-size: 12px;  font-weight:bold;}
h5									{font-size: 12px;  font-weight:bold;}

/* --- formulare --- */
input, textarea				{width:200px; font-family:  'Trebuchet MS', Verdana, 'Geneva CE', Arial, Helvetica, sans-serif; font-size: 0.95em;}
input,textarea							{border: 1px solid #d3d2d2; margin-bottom: 5px; vertical-align:middle; margin-right:10px; padding: 3px; background: #ffffff;}
/*input.submit					{background: #dddddd; border: 1px solid #999999; color: #000000; width: 150px; height: 25px; font-size: 0.90em; padding: 0px 0px 2px 0px; text-transform: uppercase; text-decoration: none; text-align: center; font-weight: normal; cursor: pointer;}*/
input.hledat {
	float: left;	
	text-decoration:none;
	padding:3px 6px 4px 5px;
	vertical-align:middle;
	border:none;
	cursor:pointer;
	font-size:10px;
	
	color:#613438;
	width:51px;
	height:24px;
	background:url(../img/searchbutt.jpg) no-repeat;
}
input.button {
	border:none;
	cursor:pointer;
	font-size:10px;
	
	color:#fff;
	width:70px;
	height:25px;
	background:#990033;

	text-transform:uppercase;
	font-weight:bold;
}
input.radio						{vertical-align: -6px;}
input.checkbox					{border: 0px; width:10px}
textarea							{border: 1px solid #d7cccd; margin-bottom: 5px; padding: 3px;  background: #fafafa;}
form								{margin: 0px; padding: 0px;}
legend							{background: url(../img/bcg_mid_top.gif) no-repeat top; border: 1px solid #0d6a06; background: #269411; color: #ffffff; font-weight: bold; padding: 2px 10px 2px 10px;}
label 							{margin: 4px 10px 3px 10px; width: 90px; float: left; text-align: right;}
label.kratsi 					{width: 80px;}
label.pravy 					{margin: 4px 10px 3px 10px; width: 100px; float: right; text-align: left;}
label.povinny 					{color: #004080;}

/* --- globalni tridy --- */
.kurziva 		{font-style:italic}
.clear			{clear: both;}
.smaller			{font-size: 0.85em;}
.small 			{font-size: 0.8em;}
.bigger 			{font-size: 1.05em;}
.gray 			{color: #666666;}
.blue 			{color: #004080;}
.red				{color: #ed1c24;}
.green			{color: #008000;}
.bold 			{font-weight: bold;}
.right 			{text-align: right;}
.right_li		{float:right; margin-top:-20px;}
.center			{text-align: center;}
.left				{text-align: left;}
.toblock			{text-align: justify;}
.toleft			{display: block; float: left;	text-align: left;}
.toright			{display: block; float: right; text-align: left;}
.border			{display: block; border: 1px solid #b89263; padding: 0px 10px 0px 10px;}
.nomargin		{margin: 0px;}
.error			{display: block; color: #000000; font-weight: bold; text-align: center; margin-bottom: 10px; background: #d0d0d0; padding: 2px 0px 2px 0px; border: 1px solid #999999;}
.error a			{color: #000000;}
.hidden			{display: none;}
.bad				{background: #ff0000; border: 1px solid #dddddd; color: #ffffff; padding: 2px 5px 2px 5px; font-weight: bold;}
.odsazeni		{padding:0px 8px 0px 8px; color:#d7cccd;}
.odeslat {background-color:#3b1e22;	color:#FFFFFF;	font-weight:bold; width:100px;}
.underline {text-decoration:underline;}
.huge 			{font-size:19px;}
p.margin12		{margin-top:12px;}
.hidden			{visibility:hidden}
.plnawidth 		{width:100%}
.odsazeniRight5 {margin-right:5px}
.odsazeniRight20 {margin-right:20px}
.odsazeniBottom20 {margin-bottom:20px}

.normalcase		{text-transform:none}
.inline			{display:inline;}
.displaynone 	{display:none;}
.block			{display:block}

#oddelovac {
	height:11px;
	width:180px;
	background:url(../img/hr.gif) no-repeat;
}

/*======================== seznamy */
.podmenu2				  { font-size: 12px;  list-style-type: none; margin: -0px 0px 0px 0px; padding: 0px 5px 2px 5px;  position:absolute; min-width: 100px; width:110px; background: #ffffff; border: 1px solid #d9d9d9; visibility: hidden; z-index: 10; display:block;}
.podmenu2 li		  {font-size: 12px;  text-align: left; float:none; padding: 0px 4px 0px 0px; margin: 3px 0px 3px 0px; background: #ffffff; _height: 15px;}
.podmenu2 a:link 		{ font-size:12px; }

.podmenu2 a				{font-size: 12px;   display:block;  padding: 4px 0px 4px 0px; margin: 0px; width:150px;}
/*.podmenu2 a:hover	{font-size: 11px;   text-decoration: underline; background: #d7cccd;}*/
.podtrzeni-podmenu2 {border-bottom: 1px solid #000;}
.podmenu2 h3  			{font-size:12px; font-weight:normal; display:inline;}


/* ======================================== */

/* ========================== BLOKOVE PRVKY */
#layout {
	width:100%;
	background:url("../img/body_bcg.jpg") no-repeat center top ;
	display:block;
	float:left;
}
#middle {
	width:100%;
	border-top:1px solid #2d2d2d;
	display:block;
	float:left;
	padding:30px 0 60px 0;
}
#footer {
	width:100%;
	height:400px;
	border-top:#343434 1px solid;
	background:#232323;
	display:block;
	float:left;
}
#footerHolder {
	width:980px;
	margin:auto;
	display:block;
	height:370px;
	background:url("../img/footer.jpg") right top no-repeat;
	padding-top:30px;
}
#vyhodyProMuze {
	width:220px;
	display:block;
	float:left;
}
#vyhodyProZeny {
	width:220px;
	display:block;
	float:left;
	margin-left:20px;
}
#kontaktujteNas {
	width:225px;
	display:block;
	float:left;
	margin-left:40px;
}
#kontaktujteNas strong {
	color:#ac0000;
}
#formularFooter {
	display:block;
	float:left;
	margin-left:54px;
	padding-top:42px;
}
#formularFooter input {
	background:none;
	border:none;
	width:180px;
	padding-left:8px;
	padding-right:0;
	color:white;
}
#formularFooter textarea {
	background:none;
	padding-left:8px;
	padding-right:0;
	border:none;
	width:180px;
	height:75px;
	color:white;
	margin-top:10px;
}
#formularFooter input.submit {
	width:201px;
	height:30px;
	border:none;
	padding:0;
	margin:5px 0 0 0;
	cursor:pointer;
}
div.pane {
	width:190px;
	height:140px;
	display:block;
	float:left;
	padding:15px;
	background:url("../img/pane.jpg") no-repeat;
}
div.pane ul li {
	background:url("../img/li_pane.jpg") no-repeat 0 7px;
	padding-left:10px;
	margin-bottom:5px;
}

#content {
	width:980px;
	margin:auto;
	display:block;
}
#header {
	margin-top:130px;
	display:block;
	float:left;
} 
#menu {
	display:block;
	float:left;
	margin:142px 0 0 45px;
}
#menu ul {
	margin:0;
	padding:0;
}
#menu ul li {
	padding:0;
	list-style-type:none;
	margin:0 30px  0 0;
	display:inline;
}
#menu ul li a {
	font-size:15px;
	font-weight:bold;
	text-transform:uppercase;
	color:#ac0000;
	text-decoration:none;
}
#menu ul li a:hover {
	text-decoration:underline;
}
#holder {
	display:block;
	float:left;
	width:750px;
	padding-right:230px;
	padding-bottom:60px;
}
#hmpgLeft {
	width:480px;
	display:block;
	float:left;
	margin-right:20px;
	padding-top:25px;
}
#hmpgRight {
	width:250px;
	display:block;
	float:left;
	padding-top:60px;
}
.produktyPic {
	display:block;
	float:left;
	margin-right:20px;
	}
#subLeft {
	width:340px;
	display:block;
	float:left;
	padding-top:57px;
}
#velikosti {
	display:block;
	float:left;
	width:340px;
}
#velikosti table {
	border-collapse:collapse;
	margin-bottom:15px;
}
#velikosti tr th {
	background:#2d2d2d;
	text-align:left;
	padding:3px;
	border:1px solid #2d2d2d;
}
#velikosti tr td {
	border:1px solid #2d2d2d;
	padding:3px;
}
#subRight {
	width:370px;
	display:block;
	float:left;
	margin-left:40px;
	padding-top:57px;
}
img#velkyPic {
	border:1px solid #2d2d2d;
	margin-bottom:20px;
}
a.malyPic {
	width:98px;
	height:76px;
	display:block;
	float:left;
	border:1px solid #2d2d2d;
}
div.separator {
	width:100%;
	float:left;
	display:block;
	margin:20px 0;
	border-top:solid 1px #2d2d2d;
}
#middleHolder {
	display:block;
	margin:auto;
	width:980px;
}
#middleLeft {
	width:720px;
	display:block;
	float:left;
}
#middleRight {
	width:260px;
	display:block;
	float:left;
	padding-top:50px;
}
#middleRight a {
	text-decoration:none;
	font-size:14px;
}
#middleRight a:hover {
	text-decoration:underline;
	font-size:14px;
}