@import url('css.css');
@import url('general.css');

*{margin:0;padding:0;}
html { background: url(../image/bacgr.gif) #ffffff;}
body {font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height:1.5; letter-spacing:.6px; margin: 0; color:#000000;}

/* telo stranky -= START =- */
  #mainHead {border: 1px #ffffff solid; width: 960px; height: 340px; margin: 0px auto;}
  #mainTelo {width: 960px; margin: 0px auto; }
  #paticka {width: 960px; margin: 0px auto; border-top: 1px #000000 solid; padding: 3px 0 2px 5px; color: #A0A0A0; text-align: center;clear:both; position:relative;}
  #paticka .a { text-decoration: none; color: #A0A0A0;}
/* telo stranky -= END =- */

a {text-decoration: underline;color: #000000;}

/* head logo -= START =- */
  #headLogo {height: 292px; width: 960px; padding: 0; margin-top: 10px; text-align: left; background: url("../image/logo.jpg") no-repeat #ffffff; float: left;}
  #headLogo h1 {display: none;}
/* head logo -= END =- */


/* logo user form -= START =- */
  #userForm {width: 600px; float: left; padding: 0; color: #ffffff; margin: 3px 0 3px 10px; text-align: left; }
  #userForm h2 {color: #ffffff; font-size: 14px; background: #000000; padding: 3px 0 3px 5px;}
  #userForm form {padding: 0 10px 0 10px;}
  #userForm form .inputLogin {border: 1px #000000 solid; background: #ffffff url('../image/log_jmeno.gif') no-repeat left; color: #000000; width: 95px; height: 15px; padding: 2px 2px 2px 20px;}
  #userForm form .inputHeslo {border: 1px #000000 solid; background: #ffffff url('../image/log_heslo.gif') no-repeat left; color: #000000; width: 95px; height: 15px; padding: 2px 2px 2px 20px;}
  #userForm .login {border: 1px #000000 solid; background-color: #ffffff; color: #000000; height: 21px; }
/* logo user form -= END =- */

/* menu pod logem -= START =- */
  #headMenu {width: 960px; margin-top: 10px; float: left; background: #000000; text-align: right; }
  #headMenu a {color: #ffffff; text-decoration: none; padding: 5px; margin: 0;}
  #headMenu a:hover {color: #FD0103; padding: 5px;}
  #headMenu a.act {background: #A0A0A0; color: #ffffff;}

  #topMenu {padding: 5px 10px 3px 0;}
/* menu pod logem -= END =- */

/* head obsah kosiku -= START =- */
  #headObsahKose {width: 185px; w\idth: 170px; padding: 0px; float: right; background: #000000; text-align: left; padding: 3px 0 3px 0;}
  #headObsahKose a {font-weight: bold; text-decoration: none; color: #FD0103; font-size: 14px; padding: 5px;}
  #headObsahKose a:hover {color: #ffffff;}
/* head obsah kosiku -= END =- */


/* třísloupcový layout -= START =- */
  /* středový sloupec */
    #content {margin: 0px 185px 0 185px; text-align: left; border: 1px #ffffff solid; min-height: 600px; _height: 600px;}

  /* levý sloupec */
    #sidebar-a {float: left; margin: 0; text-align:left;}

  /* pravý sloupec */
    #sidebar-b {float: right; margin: 0; text-align: left;}
/* třísloupcový layout -= END =- */

/* nadpisy START*/
  .nadpisBlue1 {color: #ffffff; font-size: 14px; font-weight: bold; padding: 3px 0 3px 5px; width: 180px; w\idth: 165px; background: #000000; margin-top: 10px;}
  .nadpisBlue2 {color: #ffffff; font-size: 14px; font-weight: bold; padding: 3px 0 3px 5px; width: 180px; w\idth: 165px; background: #000000; margin-top: 0px;}

  .nadpisCenter {color: #ffffff; font-size: 14px; font-weight: bold; padding: 3px 0 3px 10px; background: #000000; margin: 10px 0 10px 0;}

  .nadpisTelo {padding: 2px; width: 181px; w\idth: 166px; background: #333333; margin: 0px;}
  .nadpisTeloRight {padding: 2px; width: 181px; w\idth: 166px; background: #D3D3D3; margin: 0px;}
/* nadpisy END */

.input {border: 1px #000000 solid; color: #000000; background: #ffffff;}
.textarea {border: 1px #000000 solid; color: #000000; background: #ffffff;}

/* slevy -= START =- */
  #slevy {padding: 2px;}
  #slevy a {text-decoration: none; color: #ffffff;}
  #slevy a:hover {text-decoration: underline; color: #FD0103;}
/* slevy -= END =- */

.telo a {text-decoration: none;}
.telo a:hover {color: #307CDD;}


#kosik_obsah {padding: 2px; color: #fff; }
#kosik_obsah .celkova_cena {text-align: center; padding: 5px 0 5px 0;}
#kosik_obsah .celkova_cena b {color: red;}

.center {text-align: center;}
.left   {text-align: left;}
.right  {text-align: right;}

.zprava {text-align: right; color: red; padding: 2px;}
.input_prepocti {width: 120px; border: 2px #A0A0A0 solid; background: #F0F0F0; color: #000000;}


#kosik {width: 100%; border: 2px #A0A0A0 solid;}
#kosik a {text-decoration: none;}
#kosik a:hover {color: #307CDD;}
#kosik .nadpis {background: #A0A0A0; text-align: center; font-weight: bold; color: #ffffff;}
#kosik .obsah  {background: #F0F0F0;}

.inpKosDel{
	background-color: #d9d9d9;
	border: solid 1px #333333;
	height: 17px;
	width:20px;
	cursor:pointer;
	background-image: url('../image/ico/kos_del.gif');
	background-repeat: no-repeat;
	background-position: center;
	vertical-align:-1px;
	_vertical-align:1px;	
}

.inpKosZmen{
	background-color: #d9d9d9;
	border: solid 1px #333333;
	height: 17px;
	width:20px;
	cursor:pointer;
	background-image: url('../image/ico/kos_ok.gif');
	background-repeat: no-repeat;
	background-position: center;
	vertical-align:-1px;
	_vertical-align:1px;	
}

#kosik  td {padding: 1px;}

#kosik_sumar {width: 250px; border: 2px #A0A0A0 solid; background: #F0F0F0; margin-top: 15px;}
#kosik_sumar h2 {color: red; font-size: 15px;}

.kos_a_button a {font-weight: bold; background-color: #F0F0F0; padding: 5px; border: 2px #A0A0A0 solid; text-decoration: none; color: #000000;}
.kos_a_button a:hover {color: #307CDD;}

.kos_odber {text-align: left; margin-top: 10px; background: #F0F0F0; width: 350px;}
.kos_odber .nadpis {padding: 5px; background: #A0A0A0; color: #ffffff; font-weight: bold;}
.kos_odber .telo {padding: 5px; color: #000000;}

.kos_odeslat {text-align: center; margin: 30px 0 20px 0;}
.kos_odeslat input {border: 2px #A0A0A0 solid; background: #F0F0F0; font-weight: bold; padding: 3px; color: #000000;}
.kos_odeslat input:hover {color: #307CDD;}

.none {
	text-decoration: none;
	border-bottom: 0;
}

.highlight{ background: #FEFF33; color: #000000; border-left: 1px solid #D4D400; border-top: 1px solid #D4D400; padding: 1px; }

div.autor { float: right; padding-right: 10px; }
div.autor a {color: #A0A0A0; text-decoration: none; }
div.autor a:hover {color: #000; text-decoration: underline; }
div.autor span { color: #FF8508; }