/* ================================================================================= RESET CSS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
}

/* ================================================================================= ZAKLADNI HTML PRVKY */
body	{
	background: url(../../img/bcg_layout.jpg) top left repeat-x #fdf6ee;
	color: #000000;
	font-family: Calibri, sans-serif;
	font-size: 0.9em;
	margin: 0px;
	padding: 0px;
	width: 100%;
}

/* --- odkazy --- */
a 						{color: #000000; text-decoration: underline;}
a:hover 				{color: #000000; 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;}
p 			{text-align: left; margin: 0px 0px 15px 0px; line-height: 1.3em;}
hr			{background: url(../../img/bcg_h2.png) bottom left repeat-x; border-width: 0px; clear: both; display: block; height: 10px; margin: 5px 0px; padding: 0px; text-align: center;}

/* --- seznamy --- */
ul			{list-style: square; margin: 5px 0px 5px 15px; padding: 0px; text-align: left;}
ol			{margin: 5px 0px 5px 15px; padding: 4px 0px 0px 5px;}

/* --- obrazky --- */
img			{border: 0px;}
img.border	{border: 1px solid #cbcbcb;}
img.toleft	{margin-right: 7px; float: left;}
img.toright	{margin-left: 7px; float: righ;}

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

/* --- hlavicky --- */
h1, h2, h3, h4, h5, h6 	{clear: both; color: #003773; font-size: 1.1em; font-family: Cambria, Georgia, 'New York CE', utopia, serif; margin: 0.5em 0 0.5em 0; }
h1						{font-size: 0.9em; color: #515151; padding: 0px; margin: 2px 0px 0px 0px; float: left;}
h2						{font-size: 1.2em; padding: 5px 0px 5px 0px; margin: 0; text-transform: uppercase;}
h3 					  {color: #9f752f; font-size: 1.1em; border-bottom: 1px solid #9f752f; padding-bottom: 2px;}
h4						{font-size: 1.0em;}

/* --- tabulky --- */
table.nice						{width: 500px; border-collapse: collapse;}
table.nice tr td 				{padding: 4px; font-size: 1em; border: 1px solid #dddddd; background: #ffffff;}
table.nice tr td.item			{background: #e6f5cd; font-weight: bold; width: 150px; color: #000000}
table.nice tr th				{background: #f5f5f5; border: 1px solid #dddddd; font-weight: bold; padding: 3px; width: 120px;}
table.nice tr td.long			{width: 250px;}
table.short						{width: 150px;}
table.medium					{width: 350px;}
table.galerie					{width: 660px;}
table.galerie td				{width: 150px; padding: 5px 0px 5px 0px; background: #ffffff;}
table.galerie td a img			{border: 1px solid #999999; padding: 2px;}
table.galerie td a:hover img	{border: 1px solid #bb9451;}
table.produkty                                  {clear: both; display: block; margin: 0px;}					
table.produkty td                               {border: 1px solid #cbcbcb; width: 260px;}
table.produkty td h3                            {color: #9f752f; font-size: 1em; margin: 0px 0px 5px 0px; padding: 0px;}
table.produkty td h3 a                          {color: #9f752f; text-decoration: none;}
table.produkty td form                          {float: right; margin: 10px 0px 0px 25px; width: 80px; text-align: right;}
table.produkty td form p                        {margin: 0px; padding: 0px;}
table.produkty td form input                    {width: 20px; margin: 0px;}
table.produkty td form input.submit             {border: none; background: none; width: 26px; vertical-align: -10px;}
table.produkty td div.produktyImage             {float: right; padding: 5px 0px; text-align: center; width: 110px;}
table.produkty td div.produktyInfo 			        {float: left; padding: 5px; width: 140px;}
table.produkty td div.produktyInfo p            {color: #666666; margin: 0px; line-height: normal;}
table.produkty td div.produktyInfo p.naseCena 	{font-size: 1.1em;}
table.produkty td div.produktyInfo p.sleva      {color: #ff0000; font-weight: bold;}
table.produkty p.odkazy 						{border-top: 1px solid #878787; height: 26px; display: block; margin: 5px; padding: 5px 0px 5px 0px; vertical-align: middle;}
table.produkty p.odkazy img 					{vertical-align: middle; margin-right: 5px;}
table.produkty p.odkazy a 						{font-size: 0.85em; font-weight: bold; text-decoration: none; text-transform: uppercase;}
table.produkty p.odkazy a:hover 				{text-decoration: underline;}
table.order                   {width: 540px;}
table.order tr td             {font-size: 1em; padding: 4px;}
table.order tr td img         {vertical-align: middle;}									
table.order tr th             {background: url(../../img/bcg_h2.png) bottom left repeat-x #f7f7f7; border-collapse: collapse; font-size: 0.95em; text-align: left; padding: 4px 2px 12px 3px;}											
table.order tr th.right       {text-align: right;}
table.order tr td.produkt     {width: 250px;}					
table.order tr td.ks          {width: 30px;}
table.order tr td.cenaks      {width: 95px; text-align: right;}					
table.order tr td.cenacelkem 	{width: 95px; text-align: right;}
table.order tr td.smaz        {width: 20px; text-align: right;}												
table.order tr td.totalRight 	{border-top: 1px solid #999999; border-collapse: collapse; text-align: right;}												
table.order tr td.totalLeft 	{border-top: 1px solid #999999; border-collapse: collapse; text-align: left;}												
table.order tr td.total2Right	{border-bottom: 1px solid #999999; border-collapse: collapse; text-align: right;}												
table.order tr td.total2Left 	{border-bottom: 1px solid #999999; border-collapse: collapse; text-align: left;}												



/* --- formulare --- */
form							{margin: 0px; padding: 0px;}
input, button, textarea			{background: #fef8ed; border: 1px solid #000000; font-family: Calibri, sans-serif; margin-bottom: 5px; padding: 3px;}
input.checkbox					{vertical-align: -0.2em;}
input.submit					{background: none;}
input.radio						{vertical-align: -2px; border: none;}
label 							{margin: 3px 10px 3px 10px; width: 120px; float: left; text-align: right;}
label.kratsi 					{width: 80px;}
label.delsi 					{width: 150px;}
label.dlouhy 					{width: 350px; float: none; margin: 0px;}
label.pravy 					{margin: 4px 10px 3px 10px; width: 90px; float: right; text-align: left;}
label.povinny 					{font-weight: bold;}
fieldset						{border: 1px solid #000000; background: #ffffff; margin-top: 15px; width: 550px;}
legend							{border: 1px solid #000000; background: #c2c0d8; color: #ffffff; font-weight: bold; padding: 2px 10px 2px 10px;}

/* --- globalni tridy --- */
.clear			{clear: both;}
.smaller		{font-size: 0.85em;}
.small 			{font-size: 0.8em;}
.bigger 		{font-size: 1.1em;}
.gray 			{color: #686868;}
.blue 			{color: #004080;}
.red			{color: #9f0000;}
.green			{color: #008000;}
.brown			{color: #573a32;}
.right 			{text-align: right;}
.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;}
.nomargin		{margin: 0px;}
.nobold			{font-weight: normal;}
.noborder		{border-width: 0px;}
.nobackground	{background: none;}
.error			{display: block; color: #000000; font-weight: bold; text-align: center; margin-bottom: 10px; padding: 2px 0px 2px 0px; border: 1px solid #999999;}
.error a		{color: #000000;}
.hidden			{display: none;}
.bad			{background-color: #ff0000; color: #ffffff; padding: 2px 3px 2px 3px;}
.bad a			{color: #ffffff;}
.ImageToLeft	{float: left; width: 200px; margin-right: 10px;}
.ImageToRight	{float: right; width: 200px; margin-left: 10px;}
.ImageToLeft2	{float: left; margin-right: 10px;}
.ImageToRight2 	{float: right; margin-left: 10px;}
.box-info		{border: solid 1px #000000; background: #ffffcc url(../../img/ico/info.png) 8px 5px no-repeat; color:#222222; padding: 4px 4px 4px 15px; text-align: center; width: 400px; margin: 10px 0px 10px 0px;}
.box-error		{border: solid 1px #cc0000; background: #f7cbca url(../../img/ico/error.png) 8px 5px no-repeat; color:#cc0000; padding: 4px 4px 4px 15px; text-align: center; width: 400px; margin: 10px 0px 10px 0px;}
.strong			{font-weight:bold; font-size: 1.3em; margin: 10px 5px 10px 5px;}
.half-left		{display: block; float: left; width: 460px;}
.half-right		{display: block; float: right; width: 460px;}
.period-left	{display: block; float: left; width: 300px;}
.period-right	{display: block; float: right; width: 560px;}


/* ================================================================================= LAYOUT */
#layout {
	display: block;
	margin: auto;
	width: 770px;
}

	#layout #top {
    background: url(../../img/top_2.jpg) 175px 23px no-repeat;
		display: block;
		float: left;
		height: 190px;
		margin: 0px 0px 20px 0px;
		width: 770px;
	}

    #layout #top #topRibbon {
			float: left;
			height: 24px;
			margin: 0px;
			width: 770px;
		}

    #layout #top #topLogo {
			background: url(../../img/logo.png) top left no-repeat;	
			float: left;
			height: 98px;
			margin: 15px 0px 0px 0px;
			width: 160px;
		}

    #layout #top #topInfo {
      border: 1px solid #cbcbcb;
      background: url(../../img/bcg_infobox.png) bottom right no-repeat;
			float: right;
			height: 75px;
			margin: 10px 0px 17px 0px;
      padding: 10px 10px;
			text-align: center;
			width: 160px;
		}

    #layout #top ul#topMenu {
      background: url(../../img/bcg_menu_new.jpg) top left no-repeat;
      clear: both;
      display: block;
      float: right;
      height: 45px;
      margin: 0px;
      padding: 0px;
      width: 770px;
		}

      #layout #top ul#topMenu li {
        display: inline;
        float: left;
        font-family: Cambria, Georgia, 'New York CE', utopia, serif; 
        font-size: 0.9em;
        height: 45px;
        margin: 0px;
        padding: 0px;
        width: 100px;
			}	

      #layout #top ul#topMenu li.domu {width: 70px;}
      #layout #top ul#topMenu li.obchodni-podminky {width: 170px;}
      #layout #top ul#topMenu li.jak-nakupovat {width: 150px;}
      #layout #top ul#topMenu li.partneri {width: 100px;}
      #layout #top ul#topMenu li.kontakty {width: 105px;}
      #layout #top ul#topMenu li.kvd {width: 100px; margin-left: 60px;}

      #layout #top ul#topMenu li a {
				color: #ffffff;
				display: block;					
				font-weight: bold;
				height: 30px;
				text-align: center;
				text-decoration: none;
				text-transform: uppercase;
				padding: 15px 5px 0px 5px;
			}				
		
				#layout #top ul#topMenu li a:hover {
					text-decoration: underline;
				}
				
	#layout #content {
    border: 1px solid #cbcbcb;
		background: url(../../img/bcg_content_3.jpg) top left repeat-x #ffffff;
		display: block;
		float: left;
		padding: 5px 5px 20px 5px;
		width: 760px;
	}	
			
    #layout #content #contentLeft {
      border-right: 1px solid #cbcbcb;
		  background: url(../../img/bcg_content_3.jpg) top left repeat-x #ffffff;
		  display: block;
		  float: left;
		  padding: 0px 15px 20px 7px;
		  width: 170px;
	 }	

      #layout #content #contentLeft ul {
        margin: 0px 0px 0px 0px;
        padding: 0px;
      }

        #layout #content #contentLeft ul li {
          list-style: none;
          margin: 0px;
          padding: 0px;
        }

          #layout #content #contentLeft ul li h2 {
            border: none;
            font-size: 1em;
            margin: 0px;
            padding: 0px;
          }

	        #layout #content #contentLeft ul li a {
		        background: #fef8ed;
            border-bottom: 1px solid #D2AA66;
            display: block;
            font-weight: bold;
            font-size: 1.05em;
            text-transform: uppercase;
	        	text-decoration: none;
            margin: 0px;
            padding: 4px 0px 4px 5px;
	        }

        #layout #content #contentLeft ul ol {
          list-style: none;
          margin: 5px 0px 5px 17px;
          padding: 0px;
        }

          #layout #content #contentLeft ul ol li {
            border-bottom: none;
            border-top: none;
            background: url(../../img/bcg_sipka.png) 6px 10px no-repeat #ffffff;
            margin: 0px;
            padding: 0px;
          }

            #layout #content #contentLeft ul ol li h3 {
              border: none;
              font-size: 1em;
              margin: 0px;
              padding: 0px;
            }


            #layout #content #contentLeft ul ol li a {
              background: url(../../img/bcg_sipka.png) 3px 9px no-repeat #ffffff;
              border-bottom: 1px dotted #D2AA66;
              font-size: 0.9em;
              margin: 0px;
              padding: 4px 0px 4px 17px;
              text-transform: none;
            }

            #layout #content #contentLeft ul ol li a:hover {
              border-bottom: 1px solid #D2AA66;            
              background: url(../../img/bcg_sipka.png) 3px 9px no-repeat #fef8ed;
            }

    #layout #content #contentRight {
		  background: url(../../img/bcg_content_3.jpg) top left repeat-x #ffffff;
		  display: block;
		  float: right;
		  padding: 0px 5px 20px 10px;
		  width: 550px;
	 }	

			#layout #content #contentRight div.produkt div.produktImage {
				display: block;
				float: left;
				width: 110px;
			}
	
			#layout #content #contentRight div.produkt div.produktInfo {
				display: block;
				float: right;
				width: 430px;
			}

      #layout #content #contentRight div.produkt div.produktInfo table {
        width: 250px;
      }

      #layout #content #contentRight div.produkt div.produktInfo table td {
        vertical-align: top;
      }
							
      #layout #content #contentRight div.produkt div.produktInfo input.ks {
        width: 20px;
      }

      #layout #content #contentRight div.produkt div.produktInfo input.submit {
        border: 0px;
        vertical-align: middle;
        margin-left: 5px;
      }


#bottom {	
	display: block;
  font-size: 0.9em;
  margin: auto;
  padding: 10px;
  text-align: center;
  width: 750px;
}

#bottom #bottomOdkazy {
  border-top: 1px solid #cbcbcb;
  padding: 5px;
  margin: 10px 0 0 0;
}	

#bottom #bottomOdkazy a {
  color: #666666;
}



/** ---- STRANKOVANI --- **/
div.strankovani {
  display: block;
  margin: center;
  padding: 10px;
  text-align: center;
}					

div.strankovani ul {
  margin: 0px;
  padding: 0px;
}

div.strankovani ul li {
  background: none;
  display: inline;
  float: left;
  font-size: 0.8em;
  padding: 0px;
  text-align: center;
}
						
div.strankovani ul li a {
  background: #eeeeee;
  border: 1px solid #aaaaaa;
  display: block;
  margin: 1px;
  text-decoration: none;
  padding: 0.2em;
  width: 20px;
}

div.strankovani ul li a.posun {
  background: #003366;
  color: #ffffff;
  font-size: 1.2em;
  width: 70px;
}

div.strankovani ul li a:hover.posun {
  background: #ffffff;
  color: #003366;
}

div.strankovani ul li a.this {
  background: red;
  color: #ffffff;
}

div.strankovani ul li a:hover.this {
  color: #000000;
}

div.strankovani ul li a:hover {
  border: 1px solid #000000;
  background: #ffffff;
}