/**
 *  CSS Document
 *  author  -> Vojtech Bartos [foojta@gmail.com]
 *  project -> sanitoplib.cz 
 **/  

/* Global set --------------------------------------------------------------- */
body {
	background: #4474a4 url('../img/background/main.jpg') repeat-x top;
	font-family: Arial;
	font-size: 12px;
	line-height: 120%;
}

/* H nadpisy */
h2 { font-family: Calibri; font-size: 24px; }

/* Background */
#background { width: 100%; height: 100%; background: url('../img/background/main_back.jpg') top center no-repeat; }
#background_in  { float: left; width: 982px; background: #5885af url('../img/background/in.jpg') repeat-x;  }

/* Page */
#page { width: 982px; margin: 0 auto 0 auto; }

/* Header */
#header { width: 982px; height: 127px; padding: 0 0 0 0; color: #FFFFFF; font-weight: bold; }
#header img { float: left; margin-right: 0px; }
#header .text { float: left; margin: 0 0 0 40px; font-size: 13px; }

/* Menu */
#menu { width: 982px; height: 48px; background: url('../img/background/menu.jpg') no-repeat; }
#menu ul { float: left; margin: 0 0 0 15px; }
#menu li { float: left; margin: 0 16px 0 16px; padding: 17px 0 0 0; }
#menu li a { text-decoration: none; color: #FFFFFF; font-weight: bold; }
#menu li a:hover { text-decoration: underline; }

/* Left Col & Content */
#left_col { float: left; width: 678px; padding: 27px 9px 0 12px; background: url('../img/background/content_up.jpg') no-repeat top; }
#left_col .content { float: left; color: #116ca4; width: 638px; min-height: 800px; padding: 0 20px 0 20px; background: #FFFFFF; }
#left_col .footer  { float: left; width: 678px; height: 18px; margin: 0 0 30px 0; background: url('../img/background/content_down.jpg') no-repeat; }

#left_col .content .main_text  { float: left; font-size: 20px; line-height: 120%; margin-bottom: 15px; }
#left_col .content .main_left  { float: left; width: 250px; margin: 20px 0 10px 0; background: #ededed; }
#left_col .content .main_left .nadpis { margin: 10px 0 0 15px; font-size: 17px; font-weight: bold; color: #074167; }
#left_col .content .main_left a { font-size: 14px; text-decoration: none; color: #4a77a0; }
#left_col .content .main_left ul { float: left; width: 220px; margin: 10px 0 15px 30px; }
#left_col .content .main_left ul li { list-style: outside url('../img/main_arrow.jpg'); padding: 7px 0 7px 0; }
#left_col .content .main_right { float: right; width: 368px; color: #0a3d5a; line-height: 125%; margin: 20px 0 0 0; padding: 0 0 0 20px; }


#left_col .content .product_box { float: left; width: 206px; height: 176px; margin: 0 6px 5px 0; background: url('../img/background/product_box.jpg') no-repeat; }
#left_col .content .product_box .picture { padding: 20px 10px 10px 33px; }
#left_col .content .product_box .text a { font-size: 17px; float: left; margin: 15px 0 0 0; text-align: center;  width: 206px; text-decoration: none; color: #116ca4; }
#left_col .content .productSearchButton { float: left; width: 678px; margin: 20px 0 30px 0; text-align: center; }

/* Right Col */
#right_col { float: left; width: 283px; }

/* Login */
#login { float: left; width: 258px; height: 158px; padding: 21px 0 0 25px; color: #FFFFFF; background: url('../img/background/login.jpg') no-repeat; }

#login a { color: #FFFFFF; text-decoration: underline; }
#login a:hover { text-decoration: none; }

#login .links { float: left; width: 258px; margin: 0 0 15px 0; }
#login .links a        { color: #FFFFFF; font-size: 13px; font-weight: bold; text-decoration: none; }
#login .links a:hover  { text-decoration: underline; }

#login .inputs  { padding: 30px 0 0 0; font-size: 11px; }
#login .inputs .margin { margin: 15px 0 0 0; }
#login .inputs label { float: left; width: 50px; margin: 0 0 0 10px; }
#login .inputs input { border: 0; }
#login .inputs input.submit { padding: 0 3px 0 3px; font-weight: bold; background: #013c67; color: #FFFFFF; }

#login .cart { float: left; width: 130px; height: 75px; padding-top: 10px;}
#login .menu { float: left; width: 235px; }

/* Poradna */
.poradna { float: left; position: relative; left: -22px; margin: 0 0 0 10px; }

/* Produkty */
#products { float: left; position: relative; left: -9px; width: 262px; padding: 0 15px 5px 15px; margin: 0 0 20px 0; background: #6eabd2 repeat-x top; }
#products img { margin: 20px 0 0 15px; }
#products li { float: left; width: 247px; padding: 13px 0 10px 15px; border-bottom: 1px solid #8fd1f6; }
#products li.last { border-bottom: 0; }
#products li a { color: #FFFFFF; text-decoration: none; font-size: 15px; font-weight: bold; }
#products li a:hover { text-decoration: underline; }

.search { width: 266px; margin: 20px 0 0 180px; padding: 20px 0 16px 13px; background: url('../img/background/vyhledavani_white.jpg') no-repeat; clear:both}
.search input.input { border: 0; padding: 5px; width: 200px; }
.search input.submit { padding: 4px 3px 4px 3px; font-weight: bold; border: 0; background: #013c67; color: #FFFFFF; }

#products .search { float: left; width: 266px; margin: 20px 0 0 0px; padding: 20px 0 16px 13px; background: url('../img/background/vyhledavani_blue.jpg') no-repeat; }
#products .search input.input { border: 0; padding: 5px; width: 200px; }
#products .search input.submit { padding: 4px 3px 4px 3px; font-weight: bold; border: 0; background: #013c67; color: #FFFFFF; }

/* Box */
.box { float: left; width: 266px; margin: 0 0 20px 5px; color: #FFFFFF;  }
.box .up      { width: 246px; padding: 10px 10px 0 10px; font-weight: bold; font-size: 13px; background: #bd162e url('../img/background/box_up.jpg') no-repeat top; }
.box .middle  { width: 246px; padding: 10px 10px 0 10px; background: #990118 url('../img/background/box_middle.jpg') no-repeat; }
.box .middle .prize { text-align: right; font-weight: bold; font-style: italic; font-size: 24px; }
.box .down    { width: 266px; height: 14px; background: #990118 url('../img/background/box_down.jpg') no-repeat; }
.box img.picture { float: left; margin: 0 10px 0 0; }

/* Footer */
#footer { clear: both; height: 148px; color: #FFFFFF; background: #3b6d9e url('../img/background/footer.jpg') repeat-x top; }
#footer #middle { width: 942px; height: 128px; padding: 20px 20px 0 20px; line-height: 130%; margin: 0 auto 0 auto; }
#footer #middle .logo     { float: left; margin: 0 20px 0 0; }
#footer #middle .address  { float: left; margin: 0 40px 0 0; }
#footer #middle .firmInfo { float: left; margin: 0 50px 0 0; }
#footer #middle .open     { float: left; margin: 0 70px 0 0; }
#footer #middle .kontakt  { float: left; }
#footer #middle .kontakt a       { color: #FFFFFF; text-decoration: underline; }
#footer #middle .kontakt a:hover { text-decoration: none; }

/* REGISTRACE */
/******************************  registrace  *******************************/			
		fieldset			{
								padding: 			5px;
							}
		.obligatory			{
								margin-top: 		10px;
								background-color:	none;
								border:				1px solid rgb(95,137,191);
							}
		.obligatory legend	{
								border:				1px solid rgb(95,137,191);
								background-color:	rgb(205,223,247);
								padding:			5px;
							}
							
		.obligatory_s	{		margin-top: 		10px;	background-color:	none;	border:	1px solid #d1cecc; color: #81807f;
							}
		.obligatory_s legend	{ border:	1px solid #d1cecc;
								background-color:	#f1eeec;
								padding:			5px;
							}
		
		
		.optional			{
								margin-top: 		10px;
								background-color:	none;
								border:				1px solid rgb(229,229,229);
							}
		.formpopisek { width: 100px; }
		
		.optional legend	{
								border:				1px solid rgb(229,229,229);
								background-color:	rgb(245,245,245);
								padding:			5px;
							}
		/** cas login formu !!! **/
		.optional input, .obligatory input, .login input	{
								border: 			1px solid #000000; margin: 5px; color: #000AAA; font-family: Verdana, Arial CE, Arial, sans-serif; background-color: #FFFFFF;
								padding-bottom: 	2px;
								padding-left:		1px;
							}
							
							
		.optional input		{
								border:				1px solid rgb(229,229,229);
								color: 				rgb(100,100,100); 
							}				
		.obligatory input	{
								border: 			1px solid black;
							}
							
		input.upravit     { padding: 30px 110px 30px 110px; border: 0; background: url('../img/upravit.jpg') no-repeat; }
		input.registrovat { padding: 30px 110px 30px 110px; border: 0; background: url('../img/registrovat.jpg') no-repeat; }
		input.objednat_kosik { padding: 35px 110px 35px 110px; border: 0; background: url('../img/objednat_kosik.jpg') no-repeat; }

/* Strankovani */
.strankovani { float: left; width: 600px; margin: 10px 0 10px 0; }

/* Add Cart */
.addCartForm	{
							float:	left;
							width: 	150px;
						}
.addCartButton	{
							border: 			1px solid gray;
							background-color: 	rgb(229,229,229);
							font-size:			80%;
							font-weight:		bold;
							padding:			1px;
							margin:				0px 0px;						}
.addCartCount {
							border: 			1px solid gray;
							background-color: 	white;
							font-size:			100%;
							padding:			2px;
							margin:				0px 0px;
							width:				15px;
							color:				blue;
						}
		

/* Cerpadla vypis */
.main_box { float: left; width: 190px; color: black; padding: 0 10px 0 0; margin: 0 10px 40px 0; }
.main_box h2 { font-size: 14px; margin: 0 0 10px 0; }
.main_box .poznamka { font-size: 12px; }
.main_box .cena { font-size: 12px; font-weight: bold; color: red; margin-bottom: 5px; }

.main_box .obrazek { width: 120px; margin: 0 10px 10px 0; }











produkty	{
			width: 650px;
		}
				
.produkty td		{
			vertical-align: 	middle;
			text-align:			left;
			border-bottom:		1px solid rgb(235,235,235);
			padding:			5px;
		}
td.zahlaviprvni, td.zahlavi	{
			text-align: 		center;
			background-color:	rgb(229,229,229);
		}
td.zahlaviprvni {
			border-left:		1px solid rgb(229,229,229);
		}
td.zahlavi	{
			border-right:		1px solid rgb(229,229,229);
		}
		
td.znacka	{
			background-color:	rgb(235,235,235);
			padding:			5px;
			font-weight:		bold;
		}
.produkty .productPrice	{
			font-weight:		bold;
		}
		
		
		
		.productIntro		{
							width: 				621px;
						}
		.productIntro h2		{
							text-align:			center;
						}
		.productIntro .image		{
							padding:			2px;
							border:				1px solid gray;
							width:				140px;
							margin-left:		5px;
							text-align:			center;
							height: 			94px;
							min-height:			98px;
						}
		.productIntro .image	*	{
							/*
							margin-top:			auto;
							margin-bottom:		auto;
							vertical-align:		middle;
							*/
						}
		.productIntro .box			{
							width: 				144px;
							height:				144px;
							float:				left;
						}
		.productIntro h2		{
			font-size:			140%;
			font-weight:		bold;
		}
		
		
		
/*********************************************************************
							tabulky
**********************************************************************/
		  table			{
          						font-size: 100%;
          					}
          /******************************  obecne  ********************************/
          td				{
          						padding: 3px;
          						/*font-size: 0.8em;*/
          					}
          td.cisloprvni,td.textprvni{
                              /*background-color:   #FED17B;*/
                              background-color:   rgb(255,222,161);
                              /*border:             1px solid gray;*/
                              border-top:         none; 
                              }
          td.textprvninezvyrazneny{
                              /*background-color:   #FED17B;*/
                              background-color:   none;
                              /*border:             1px solid gray;*/
                              border-top:         none; 
                              }
          td.cisloprvni       {
                              text-align: right
                              }
          td.textprvni        {
                              /*zadne dodatecne definice*/
                              }
          
          td.cislo, td.text   {
                              /*border: 1px solid gray;*/
                              border-left: none;
                              border-top: none; 
                              }
          td.cislo            {
                              text-align: right
                              }
          td.text             {
                              /*zadne dodatecne definice*/
                              }

          /******************************  hlavicka  ********************************/
          thead td.text,thead td.textprvni,thead td.textprvninezvyrazneny {
                                   background-color:   white;
                                   /*border:             1px solid gray;*/
                                   border:				none;
                                   border-bottom:      1px solid black;
                                   text-align:         center;
                                   vertical-align:     top;
                                   padding:            4px 2px 2px 4px;
                                   }
          thead td.text            {
                                   border-left:        none;
                                   }
          /******************************  paticka  *******************************/
          tfoot td.cisloprvni,tfoot td.textprvni{
                                   background-color:   #c0c0c0;
                                   border:             1px solid gray;                                   
                                   }
          tfoot td.cisloprvni      {
                                   border-top:         none;
                                   text-align:         right;
                                   }
          tfoot td.textprvni       {
                                   border-top:         none;
                                   }
                                   
          tfoot td.cislo,tfoot td.text{
                                   background-color:   #c0c0c0;
                                   border:             1px solid gray;
                                   border-top:         none;
                                   border-left:        none;
                                   }
          tfoot td.cislo           {
                                   text-align:         right;
                                   }
          tfoot td.text            {
                                   /*zadne dodatecne definice*/
                                   }
          /******************************  other  *******************************/

          .even	*					{
          							/*background-color:	rgb(241,241,241);*/
          							background-color:	rgb(230,230,230);
          							}
          .odd	*					{
          							/*background-color:	rgb(255,239,237);*/
          							background-color:	rgb(241,241,241);
          							}
          .odd td					{
          							border-bottom: 2px solid white;
          							border-top: 2px solid white;
          							}
          
          .active	*					{
          							background-color:	rgb(255,229,201);
          							}
          .coreTable td 		{
          							border: 1px solid gray;
          						}
          							
          							
       /******************************  specificke  *******************************/
		.objednavky .desc,.produkty .desc		{
						float:			left;
					}

		.objednavky .colTitle,.produkty .colTitle	{
						float:			left;
						margin-left:	2px;
					}
							
		.objednavky .asc, .produkty .asc {
						float:			left;
						margin-left:	2px;
					}	
					
					
.pozice	{
			padding:			0px 0px 5px 0px;
			margin:				0px 0px 5px 0px;
			color: 				#116ca4; 
			font-size:			1.5em;
		}
.pozice a	{
			color: gray;
			text-decoration:none;
			font-size: 75%;
		}
.pozice a:hover	{
			color: red;
		}
		
		
		
/****************************** productBox  *******************************/
		.productBox		{
							width: 625px;
						}
		.productBox h2	{
							margin-top: 20px;
						}
		.productBox	.cenaBezDph	{
							color:	gray;
						}
		.productBox .nahled	{
							margin-top:	10px;
						}
		.productBox .nahled *	{
							display:	block;
						}
		.productBox .nahled .obrazek	{
							padding:			2px;
							background-color:	white;
							border:				1px solid #c0c0c0;
							float: left;
						}
		.productBox	.telo	{
							float: 	left;
							width: 	475px;
						}
		.productBox	.pata	{
							margin-top:		10px;
							clear:			both;
						}
		.productBox .addCartForm	{
							float:	left;
							width: 	150px;
							margin-top: 10px;
						}
		.productBox .addCartButton	{
							border: 			1px solid gray;
							background-color: 	rgb(229,229,229);
							font-size:			80%;
							font-weight:		bold;
							padding:			1px;
							margin:				0px 0px;
							margin-top: 10px;
						}
		.productBox .addCartCount {
							border: 			1px solid gray;
							background-color: 	white;
							font-size:			100%;
							padding:			2px;
							margin:				0px 0px;
							width:				15px;
							color:				blue;
						}
		
		.productListItem .addCartCount	{
							margin-top:			0px;
							float:				left;
						}
						
		.productListItem .addCartField	{
							border:				1px solid rgb(190,190,190);
							border-right:		none;
							color:				blue;
							margin-top:			0px;
							width:				18px;
							font-size:			100%;
							padding:			2px 1px 1px 2px;
							background-color:	white;
						}
						
		.productListItem .addCartButton	{
							margin-top:			1px;
							float:				left;
						}
						
#left_col .content .main_text_intro  { font-size: 15px; line-height: 120%; 
                                    float: right; width: 368px; 
                                    line-height: 125%; margin: 20px 0 0 0; padding: 0 0 0 20px;
									}