/**
 *  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%;
}

p { margin: 0 0 10px 0;}

/* H nadpisy */
h2 { font-family: Calibri; font-size: 24px; padding: 12px 0px; line-height: 150%}


/* 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; text-align: justify}

#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; position: relative; top: -5px; }

/* Poradna */
.poradna { float: left; position: relative; left: -26px; 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 #666666; color: #666666;
							}
		.obligatory_s legend	{ border:	1px solid #666666;
								background-color:	#f1eeec;
								padding:			5px;
							}
		
		
		.optional			{
								margin-top: 		10px;
								background-color:	none;
								border:				1px solid rgb(229,229,229);
							}
		.formpopisek { width: 100px; }
		/*.formpolicko { padding: 0 0 10px 0; }*/
		
		.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;
							}
		.obligatory_s input { margin: 5px; border: 1px solid #666666; }
							
							
		.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; }*/
		.strankovani	{
							font-size:			smaller;
							padding:			4px;
							margin-bottom:		5px;
							margin-top:			5px;
							/*border:				1px solid rgb(206,204,198);
							background-color:	rgb(240,240,238);*/
							text-align:			center;
							clear: both;
						}
		.strankovani a	{
							font-weight: bold;
						}
		.strankovani .neaktivni
						{
							color: #808080;
						}
		.strankovani .vybrane
						{
							color: black;
							font-weight: bold;
						}


		

/* Cerpadla vypis */
.main_box {
				float: left;
				color: black;
				margin: 0 10px 40px 0;
				width: 190px;
				height: 425px;
				background-color: rgb(235,235,235);
				padding: 5px;
				text-align: center;
			}
.main_box .main_box_product_box {
				height: 360px;
			}
.main_box .main_box_product_box h2 { font-size: 14px; margin: 0 0 10px 0;}
.main_box .main_box_product_box .poznamka { font-size: 12px; }
.main_box .main_box_product_box .obrazek { width: 120px; margin: 0 10px 10px 0; }
.main_box .main_box_product_box .obsah { margin: 0 0 10px 0; font-size:80% }

.main_box .cena { font-size: 12px; font-weight: bold; color: red; margin-bottom: 5px; font-size: 120%; height: 25px}




/* Add Cart */
.addCartForm	{
							width: 	150px;
							height: 20px;
							text-align: center;

						}
.addCartButton	{
							border: 			1px solid gray;
							background-color: 	rgb(229,229,229);
							font-size:			80%;
							font-weight:		bold;
							padding:			2px;
							margin:				0px;
							height:				20px;
						}
.addCartCount {
							border: 			1px solid gray;
							background-color: 	white;
							font-size:			80%;
							padding:			2px;
							margin:				0px;
							width:				15px;
							color:				blue;
							border-right:		none;
							height:				14px;
						}

.objednavkakontakty .formpopisek			{font-weight:bold; width: 180px}
.adresadoruceni			{width: 300px; padding: 5px; border: 1px solid #c0c0c0; color: black; font-family: Arial; font-size: 12px}
.poznamkyobjednavky		{width: 300px; padding: 5px; border: 1px solid #c0c0c0; color: black; font-family: Arial; font-size: 12px}
.cisloobjednavky		{width: 300px; padding: 5px; border: 1px solid #c0c0c0; color: black; font-family: Arial; font-size: 12px}
.objednavkakontakty		{}

.registerform .obligatoryfield		{border: 1px solid red}

p {
		line-height: 150%
	}
	
.main_text strong {
					font-weight: normal; background-color: rgb(214,239,255);
					}
					
					

		
.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;
		}
		
.categorySelect	{
			clear:both;
			font-size: 1.1em;
			line-height: 150%
		}
.categorySelect a	{
			/*color: 				gray;*/
			text-decoration:	none;
			background-color: 	rgb(214,239,255);
			padding: 2px;
		}
.categorySelect a:hover	{
			color: red;
		}
		
		.objednavky .desc,.produkty .desc		{
						float:			left;
					}

		.objednavky .colTitle,.produkty .colTitle	{
						float:			left;
						margin-left:	2px;
					}
							
		.objednavky .asc, .produkty .asc {
						float:			left;
						margin-left:	2px;
					}
/* text z db umisteny nad generovanym obsahem */		
.staticText{
				padding: 10px 0px;
			}
			

.main_box a	{
			color: rgb(88,133,175);
			text-decoration:none;
		}
.main_box a:hover	{
			color: red;
		}		
		
.content a	{
			color: rgb(88,133,175);
			text-decoration:none;
		}
.content a:hover	{
			color: red;
		}
		
		
		
		
		
		
		
/*********************************************************************
							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;
          						}
          						
          						
          						
.cleaner	{
			font-size: 	0.1em;
			height:		0.1em;
			clear: 		both;
		}