body {
	background: url(../img/bg.jpg) repeat-x top;
	background-color: #04a7d6;
	padding: 0px;
	margin: 0px;
	text-align: center;
}

* {
	margin: 0;
	padding: 0;
}

img {
	border: none;
}

#layout {
	margin-left: auto;
	margin-right: auto;
	width: 50em;
	position: relative;
	border: solid 0px;
}

/*///////////////////////////////////HEAD***************************************/
#head {
	float: left;
	width: 860px;
	min-height: 256px;
	background: url(../img/head4.jpg) no-repeat top;
}
#head a#logo{
    position: absolute; top: 0px; left: -20px;
    display: block;
    height: 100px;
    width: 250px;
}

#menu_horizontal {
	float: left;
	width: 900px;
	height: 31px;
	line-height: 31px;
	margin-left: 5px;
	margin-top: 182px;
	border: solid 0px;
}

#menu_horizontal_prava {
	float: left;
	width: 6px;
	height: 31px;
	background: url(../img/hlavni_menu_prava2.gif) no-repeat right;
	border: solid 0px;
}

#menu_horizontal_leva {
	float: left;
	width: 6px;
	height: 31px;
	background: url(../img/hlavni_menu_leva.gif) no-repeat right;
	border: solid 0px;
}

#menu_horizontal ul {
	float: left;
	margin: 0px;
	padding: 0px;
	background: url(../img/bg_hlavni_menu.gif) repeat-x top center;
}

#menu_horizontal li {
	height: 31px;
	list-style-type: none;
	display: inline;
	border: solid 0px;
	padding-left: 0px;
	padding-top: 10px;
	padding-bottom: 5px;
}

#menu_horizontal li a {
	background-image: url(../img/hlavni_menu_cara2.gif);
	background-repeat: no-repeat;
	background-position: right;
	text-transform: uppercase;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: white;
	font-weight: bold;
	padding-top: 9px;
	padding-bottom: 7px;
	padding-left: 10px;
	padding-right: 14px;
	border: solid 0px;
	height: 31px;
	line-height: 31px;
}

#menu_horizontal li.last a {
	background-image: none;
}

#menu_horizontal a:hover,#menu_horizontal a.active {
	color: #026885;
}

#katalog {
	float: left;
	margin-top: 223px;
	margin-left: -877px;
	font-family: Arial, Helvetica, sans-serif;
	color: #026885;
}

#navigace {
	float: left;
	margin-top: 223px;
	margin-left: -200px;
	font-family: Arial, Helvetica, sans-serif;
	color: #026885;
	font-size: 12px;
}

#navigace a {
	text-decoration: none;
	color: #026885;
}

#head img {
	float: left;
	width: 265px;
	height: 92px;
	border: solid 0px;
	margin-left: -460px;
	margin-top: 40px;
}
/*///////////////////////////////////CONTENT***************************************/
#content {
	float: left;
	clear: left;
	width: 800px;
	min-height: 322px;
	background: #ebf5f6 url(../img/bg_obsah3.jpg) repeat-x top;
	margin-left: 6px;
}

/*///////////////////////////////////MENU***************************************/
#menu {
	float: left;
	border: solid 0px;
	width: 222px;
	text-align: left;
	margin-top: -5px;
}

#menu ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
	border: solid 0px;
}

#menu li {
	list-style: none;
	width: 217px;
	background: url(../img/menu_pozadi_leva2.gif) no-repeat left top;
	border: solid 0px;
	margin-top: 0px;
	clear: both;
}

#menu li a {
	list-style: none;
	width: 195px;
	height: 38px;
	background: url(../img/menu_pozadi_leva2_active.gif) no-repeat left top;
	text-decoration: none;
	display: block;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 35px;
	font-weight: bold;
	padding-left: 20px;
	color: #026885;
}

#menu li a.active {
	background: url(../img/menu_pozadi_leva2.gif) no-repeat left top;
}

#podmenu ul li {
	width: 202px;
	height: 38px;
	background: url(../img/podmenu_pozadi_leva3.gif) no-repeat left top;
	clear: both;
}

#podmenu ul li a {
	width: 180px;
	height: 38px;
	background: url(../img/podmenu_pozadi_leva3.gif) no-repeat left top;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 35px;
	font-weight: bold;
	padding-left: 20px;
	color: #026885;
	border: solid 0px;
}

#podmenu ul li a.active2 {
	background: url(../img/podmenu_pozadi_leva3_active.gif) no-repeat left
		top;
}

/*///////////////////////////////////OBSAH***************************************/
#obsah {
	float: left;
	width: 532px;
	min-height: 282px;
	border: solid 0px;
	text-align: left;
	padding: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #3d404c;
}

#obsah h1 {
	font-size: 23px;
	color: #026885;
	font-family: Arial;
	text-align: left;
	border: solid 0px;
}

#obsah h2 {
	font-size: 21px;
	color: #026885;
	font-family: Arial;
	text-align: left;
	margin-top: 20px;
	border: solid 0px;
}

#obsah h3 {
	font-size: 19px;
	color: #026885;
	font-family: Arial;
	text-align: left;
	margin-top: 20px;
	border: solid 0px;
}

#obsah h4 {
	font-size: 17px;
	color: #026885;
	font-family: Arial;
	text-align: left;
	margin-top: 20px;
	border: solid 0px;
}

#obsah p {
	font-size: 13px;
	color: #3d404c;
	font-family: Arial, Helvetica, sans-serif;
	text-align: justify;
	margin: 10px 0;
}

#obsah b {
	font-family: Arial, Helvetica, sans-serif;
	color: #026885;
}

#obsah a {
	font-family: Arial, Helvetica, sans-serif;
	color: #026885;
	text-decoration: underline;
}

#odkaz {
	float: left;
	width: 190px;
	height: 21px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	border: solid 0px;
	margin-left: 60px;
	margin-bottom: 50px;
}

#odkaz a {
	float: right text-decoration : underline;
	color: #026885;
	line-height: 25px;
	vertical-align: top;
	margin-left: 10px;
}

#odkaz a:active {
	color: #985c0f;
}

#odkaz img {
	float: left;
}

/***************************V�PIS PRODUKTU*****************************/
#table_zaklad {
	float: left;
}

#table1 {
	width: 172px;
	height: 220px;
	background: url(../img/vypis/bg_vypis.png) no-repeat top;
	float: left;
	border: solid 0px;
	border-color: #def3f6;
	margin-left: 4px;
	margin-bottom: 4px;
}

#table1 img {
	border-color: #77cae0;
}

#table1 a {
	color: #fff;
	text-decoration: none;
}

.horni {
	width: 163px;
	height: 34px;
	background: url(../img/vypis/horni_pozadi.gif) no-repeat center;
	margin-top: 5px;
	margin-left: 4px;
	color: #026885;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	line-height: 30px;
}

.obrazek {
	margin-top: 0px;
	padding-left: 4px;
}

.spodek {
	width: 163px;
	height: 27px;
	background: url(../img/vypis/spodni.gif) no-repeat center;
	border: solid 0px;
	margin-top: 2px;
	margin-left: 4px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: white;
	line-height: 25px;
}

#clear {
	clear: both;
}

#strankovani {
	width: 300px;
	border: solid 0px;
	margin-top: 5px;
	margin-bottom: 30px;
	clear: both;
	padding: 10px;
}

#strankovani a {
	width: 24px;
	float: left;
	margin-left: 1px;
	background: url(../img/vypis/strankovani_1.png) no-repeat center top;
	display: block;
	text-align: center;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 12px;
	line-height: 25px;
}

#strankovani a:hover {
	background: url(../img/vypis/strankovani_2.png) no-repeat center top;
}

/***************************DRUH� TYP �ABLONY PRODUKT�*****************************/
.produkty {
	font-family: Arial;
	font-size: 11px;
	margin: 0;
}

.produkty div.produkty_seznam {
	background: url(../img/tbl_bg.gif) repeat-y center top;
	width: 522px
}

.produkty div.produkty_seznam img {
	margin: 0 0 0 1px;
}

.produkty div.title {
	background: url(../img/tbl_header.gif) no-repeat center top;
	width: 507px;
	height: 23px;
	margin: 10px 0 0 0;
	text-align: left;
	color: #006989;
	font-weight: bold;
	padding: 10px 0 0 15px;
	font-size: 13px;
}

.produkty div.footer {
	background: url(../img/tbl_footer.gif) no-repeat center top;
	width: 522px;
	height: 12px;
}

.produkty_seznam table {
	width: 515px;
	margin: 0 4px 20px 4px;
	text-align: left;
	padding: 0 10px;
	background: url(../img/tbl_table.gif) repeat-x center top;
}

.produkty_seznam table tr td table {
	width: auto;
	margin: 0;
	text-align: left;
	padding: 0;
	background: none;
}

.produkty_seznam table tr td table tr {
	background: none;
}

.produkty_seznam table tr {
	background: url(../img/tbl_line.gif) no-repeat center bottom;
}

.produkty_seznam table tr.noline {
	background: none;
}

.produkty_seznam table tr th {
	color: #04677e;
	font-weight: bold;
	padding: 4px 0;
	text-align: left;
}

.produkty_seznam table tr th.cena {
	text-align: right;
}

.produkty_seznam table tr td {
	color: #363d43;
	padding: 4px 0;
}

.produkty_seznam table .min {
	width: 25px;
}

.produkty_seznam table .medium {
	width: 55px;
}

.produkty_seznam table .big {
	width: 60px;
}

.produkty_seznam table .numb {
	text-align: right;
}

.obal_obrazky {
	padding: 0 10px;
}

.obal_obrazky div.nahled {
	float: left;
	width: 160px;
	height: 130px;
	margin: 0 0 0 0;
	text-align: center;
	padding-right: 5px;
}

/***************************************detail produktu************************************/
.detail {
	font-family: Arial;
	font-size: 14px;
	margin: 40px 0;
}

.detail div.pic {
	float: left;
	width: 243px;
	height: 353px;
	margin: 0 0 0 0;
	background: url(../img/detail_img_bg.gif) no-repeat;
	text-align: center;
}

.detail span.popis {
	font-size: 14px;
	font-weight: bold;
}

.pic_dl {
    border: solid 1px #79c9e0;
}



/*
.pic_edge
{ 

  height:213px;
  background:url(../img/img_detail_bg.gif) repeat-x center top; 
 }
 .pic div.left
{
    float:left;
    height:213px;
    width:6px;
    background:url(../img/img_detail_left.gif) top center;
}
 .pic div.right
{
    float:right;
    height:213px;
    width:6px;
    background:url(../img/img_detail.gif) top center;
}
*/
.pic img {
	padding: 6px 0;
}

.detail div.inf {
	float: right;
	width: 265px;
	margin: 0 10px 0 0;
	display: inline;
	text-align: left;
}

.detail div.inf table {
	width: 100%;
	padding: 7px 0;
	border-bottom: solid 1px #79c9e0;
	border-top: solid 1px #79c9e0;
}
.detail div.inf table.no_border{
	border-top: 0;
}

.detail div.inf table tr th {
	text-align: left;
	color: #006888;
}

.detail div.inf table tr td {
	text-align: right;
	color: #3d4246;
}

.clearer {
	clear: both;
}

/*///////////////////////////////////OBSAH KONEC PRECHOD/////////////////////////////////*/
#obsah_prechod {
	float: left;
	width: 572px;
	height: 50px;
	background: url(../img/prechod_obsah_spodek.gif) top center;
	margin-top: 0px;
	margin-bottom: 20px;
	margin-left: -20px;
	border: solid 0px;
}

#pocitadlo {
	float: left;
	margin-top: 32px;
	margin-left: 460px;
}

/*///////////////////////////////////OBSAH_KONEC_KULATY***************************************/
#konec_obsah {
	float: left;
	width: 800px;
	min-height: 11px;
	background: url(../img/obsah_konec_kulaty2.gif) no-repeat top center;
	margin-left: 6px;
}

/*///////////////////////////////////PATICKA***************************************/
#paticka {
	float: left;
	width: 800px;
	min-height: 146px;
	background: url(../img/bg_paticka.gif) repeat-x top;
	margin-left: 5px;
	margin-top: 2px;
	border: solid 0px;
}

#paticka_leva_zakulacena {
	float: left;
	width: 9px;
	height: 146px;
	background: url(../img/paticka_leva.gif) no-repeat top;
}

#paticka_prava_zakulacena {
	float: right;
	width: 9px;
	height: 146px;
	background: url(../img/paticka_prava.gif) no-repeat top;
}

#logo {
	float: left;
	width: 189px;
	min-height: 62px;
	margin-top: 50px;
	margin-left: 20px;
}

#text {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #49b8d8;
	margin-left: 340px;
	margin-top: 65px;
	font-size: 14px;
	border: solid 0px;
	text-align: right;
}

#text a {
	color: #49b8d8;
	text-decoration: underline;
}

/*///////////////////////////////////OCAS, VLAJKY, KRECEK***************************************/
#ocas {
	position: absolute;
	top: 255px;
	left: 787px;
	border: none;
	z-index: 40;
}

#cz {
	position: absolute;
	top: 232px;
	left: 680px;
	border: none;
	z-index: 30;
}

#de {
	position: absolute;
	top: 232px;
	left: 730px;
	border: none;
	z-index: 20;
}

#packy {
	position: absolute;
	top: 182px;
	left: 273px;
	border: 0px;
	z-index: 10;
}

/*--------------- kontakt form ----------------------*/
.error_msg {
	color: #ff6464;
}
.confirm_msg {
	color: green;
    font-weight: bold;
}

/*********************registrace, profil, login**********************************/
form {
	font-family: Arial;
}


.regform table tr th {
	padding: 0 10px;
	width: 150px;
	font-weight: normal;
}

.regform table tr td {
	width: 260px;
	padding-top: 10px;
}

.logout_user_info {
	line-height: 30px;
}

.logout_user_info span {
	font-weight: bold;
}
.littleform table{
	width: 200px;
	margin: 0 auto;
}
.littleform table tr th {
	padding: 5px 0;
	width: 100px;
	font-weight: normal;
}

.littleform table tr td input{
	float: right;
}

.littleform .btn {
	float: right;
}

.unloginform {
	position: absolute;
	top: 217px;
	right: 130px;
	z-index: 20;
	width: 350px;
	height: 25px;
	line-height: 35px;
}

.unloginform span {
	margin-top: 5px;
	margin-left: 3px;
	margin-bottom: 0;
	margin-right: 0;
	color: #fff;
	font-size: 13px;
	float: right;
}
.unloginform .user_info{
	line-height: 25px;
	margin-right: 10px;
	color: #0e435b;
}

.loginform {
	position: absolute;
	top: 213px;
	left: 270px;
	z-index: 20;
	width: 400px;
	height: 32px;
	font-family: Arial;
}
.loginform table{
	width: 420px;
}

.loginform_incontents {
	top: 213px;
	left: 300px;
	z-index: 20;
	width: 400px;
	height: 32px;
	font-family: Arial;
}

.loginform span,.loginform_incontents span {
	float: left;
	margin: 0 10px;
}

.loginform table tr th,.loginform_incontents table tr th {
	font-weight: normal;
	padding-top: 2px;
	width: 200px;
}

.loginform table tr td,.loginform_incontents table tr td {
	vertical-align: top;
}

.loginform table tr td div,.loginform_incontents table tr td div {
	color: #026885;
	font-size: 11px;
	float: left;
}

.loginform table tr td input,.loginform_incontents table tr td input {
	display: block;
	clear: both;
}

/************************UT(univers�ln� tla��tko)********************************/
.tlacitko {
	background: url("../img/tlacitko_bg_left.png") no-repeat left top;
	padding: 0 0 0 2px;
    margin: 2px;
	height: 25px;
    line-height: 25px;
	display: inline-block;
	float: right;
}

.tlacitko span {
	background: url("../img/tlacitko_bg_right.png") no-repeat right top;
	padding: 0 2px 0 0;
	display: inline-block;
	margin: 0 0px;
	width: auto;
	float: none;
}

.tlacitko span input {
	background: transparent url("../img/tlacitko_bg_stretch.png") repeat-x right top;
	border: none;
	height: 25px;
	line-height: 25px;
	color: white;
	display: inline-block;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
	float: none;
}

.tlacitko span a {
	background: transparent url(../img/btn_bg.gif) repeat-x right top;
	border: none;
	height: 25px;
	line-height: 25px;
	color: #fff;
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	float: none;
}

.kosik_tlacitka {
	float: right;
}
#ShoppingCartHolder{
	background: url("../img/kosik_topright_bg.png") top left no-repeat;
	position: absolute;
	top: 0px;
	left: 627px;
	width: 173px;
	height: 54px;
	z-index: 1;
}
#ShoppingCartHolder .container{
	position: relative;
	top: 5px;
}
#ShoppingCartHolder .heading{
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	margin-left: 50px;
	line-height: 20px;
	font-size: 15px;
	font-weight: bold; 
}
#ShoppingCartHolder a{
	color: #0e435b;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 50px;
	font-size: 12px;
	text-decoration: none; 
}
#ShoppingCartHolder a:hover{
	text-decoration: underline;
}
#FacebookHolder{
	background: url("../img/FBico.png") top left no-repeat;
	position: absolute;
	top: 0px;
	left: 578px;/*627px;*/
	width: 52px;
	height: 50px;
	z-index: 1;
}
#FacebookHolder a{display:block; width: 48px; height: 50px; border:none;}


 .ShoppingCartPreviewImg{
 	border: solid 1px #77cae0; 
 }
 .kosik table tr th{
 	color: #0e435b;
 }
 
.podtrzeno_hlavni {
	background: url(../img/line_dark.gif) no-repeat right bottom;
}

.podtrzeno_vedlejsi {
	background: url(../img/line_light.gif) no-repeat right bottom;
}

.stred {
	text-align: center;
}

.pravy {
	text-align: right;
}

#objednavka {
	
}

.kosik_read tr th {
	
}

.kosik_read tr th.dlouhy {
	width: 250px;
}

.kosik_it_count {
	border: solid 1px #77cae0;
	width: 33px;
	text-align: center;
}
.objednavkytitle {
	width: 200px;
}


/************ ke stazeni **************/
/*20101020*/
#obsah table {
    cellspacing: 0;
    cellpadding: 0;
}
#obsah table tr td a{
    text-decoration: none;
}
/*********** eo ke stazeni **********/


/************** likebox ***************/
.likebox{width: 100%; text-align: right; margin: 0px 0; border: none;}
/************* eo likebox ************/