BODY {
    margin: 0px;
    padding: 0px;
    background: #9AD3FF;
    font: 0.8em Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #000000;
}


/* layout */

#layout {
	background: #FFFFFF;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	left:50%;
	margin-left:-500px;
	/* background-image: url(foot.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;
	position: absolute;
	left: 50%;
	margin: 0px 0px 0px -500px; */
}

#contentText {
    float: left;
    width: 550px;
    margin-left: 10px;
    margin-top: 0px;
}

#contentMuj {
    float: left;
    width: 900px;
    margin-left: 50px;
    margin-top: 0px;
    padding: 0px;
}

#contentRight {
	float: right;
	width: 440px;
	margin-top: 0px;
	margin-right: 0px;
/*	border: 1px solid #000000; */
}

#help {
    float: right;
    width: 190px;
    height: 325px;
    border: 1px solid #9AD3FF;
    background: #ffffff;
    margin-right: 10px;
/*    margin: 0px 237px 0px 0px; */
}

#aktualita {
    float: right;	
    width: 220px;
    height: 325px;
    border: 1px solid #9AD3FF;
    background: #cccccc;
    margin-right: 10px;
}


#footer {
	clear: both;
}

/**
* Style definition for the main navigation
**/

#main_nav {
    display: block;
    list-style: none;
    margin: 0px 0px 0px 0px;
    padding:0px;
    height: 60px !important;
    background: url('./images/main_nav_bg.jpg') top left repeat-x;
}
#main_nav li {
    position: relative;
    display: block;
    float: left;
    list-style-image: none;
    z-index: 918;
    margin: 0;
    text-align: center;
}
#main_nav li a {
    display: block;
    padding: 10px 10px;
    text-decoration: none;
    background: url('./images/main_nav_button_bg.jpg') top right no-repeat;
    color: #000;
    font-size: 12px;
    font-weight: bold;
    
}


/*- COMMON SELECTORS */


p.popis {
	padding: 0px;
	margin: 0px 15px 10px 15px;
}

DIV.w33 LABEL {
	margin: 0px 0px 0px 5px;
}


EM {
    color: #0200FE;
    font-style: normal;
}

TABLE {
	margin: 0px;
}

* html TH {
	font-size: 0.8em;
}

* html TD {
	
}

TH {
    text-align: left;
    background: #0200FE;
    font-weight: bold;
    color: #FFFFFF;
    padding: 5px;
}

TD {
    text-align: left;
    background: #ffffff;
    padding: 5px;
    font-size: 0.8em;
}

IMG {
    border: 0px;
}

IMG.cudlik {
    margin-left: -20px;
    margin-bottom: -5px;
}

H1 {
    font-size: 1.2em;
	border: 0px;
	margin: 0 0 10px 0;
	padding: 0px;
}

H2 {
    font-size: 1em;
    margin: 0px 0px 10px 0px;
    padding: 10px 10px 10px 10px;
    background: #9AD3FF;
}


H3 {
    margin-bottom: 0px;
}

A:link {
    text-decoration: underline;
    color: #0200FE;
}

A:visited {
    text-decoration: underline;
    color: #0200FE;
}

A:hover {
	text-decoration: underline;
	color: #0200FE;
}


A {
    text-decoration: none;
}

A.buttons {
    text-decoration: none;
	color: #FFFFFF;
}

A.buttons:visited {
    text-decoration: none;
	color: #FFFFFF;
}

A.buttons:hover {
    text-decoration: none;
	color: #FFFFFF;
}

INPUT.button {
	background: #FF0000;/*url("../images/bckg.png");*/
	color: #FFFFFF;
	font-size: 13px;
	height: 25px;
	margin-right: 0px;
	font-weight: bold;
	border: 1px ouset;
	cursor: hand;
	xtext-align: right;
	border: 1px solid #000000;
}

FONT {
	margin-left: 15px;
}

INPUT.button_od {
	background: #FF9900; /* url("../images/bckg2.png"); */
	color: #FFFFFF;
	font-size: 13px;
	height: 25px;
	margin-right: 7px;
	font-weight: bold;
	border: 1px outset;
	cursor: hand;
	xtext-align: right;	
}

INPUT.file, INPUT.text {
    background: #FFFFFF;
    color: #000000;
    margin: 2px;
    border: 1px solid #9AD3FF;
	cursor: text;
}

LABEL {
    font-weight: bold;
}

/* SPECIFIC CLASSES */



DIV.orderHead, DIV.orderFoot {
    background: #9AD3FF;
    padding: 10px 0px 10px 10px;
}

DIV.orderContent {
    background: #ffffff url(./images/produkty.jpg) no-repeat;
    background-position: right bottom;
    border: 1px solid #9AD3FF;
    border-top: none;
    padding: 10px 0px 20px 10px;
}    
DIV#contentLeft {
    margin-top: 5px;
}


DIV#help A:link, DIV#help A:visited {
    color: #000000;
}


DIV#help H2{
    color: #000000;
    font-size: 1em;
    margin: 0px;
    background: none;
}

DIV#help P {
    color: #000000;
    font-size: 12px;
    margin: 10px;
}

DIV#help2 {
    width: 180px;
    margin: 0px 0px 0px 0px;
}
DIV#help2 table {
width: 100%;
border-collapse: collapse;
background: #fff;
}
DIV#help2 table td, DIV#help2 table th {
width: 50%;
border: 1px solid #9AD3FF;
text-align: center;
font-weight: bold;
font-size: 11px;
}
DIV#help2 table td {
background: #fff;
}
DIV#help2 table th {
background: #9AD3FF;
color: #000;
}
DIV#help2 table td span {
font-size: 80%;
}


DIV#corners {
	height: 20px;
	width: 1000px;
	margin-left: -130px;
}

DIV#footer P{
    margin: 15px 0px 0px 25px;
}

DIV#hpbox03, DIV#hpbox04 {
    width: 180px;
    padding: 0px 0px 20px 0px;
}

DIV#hpbox01, DIV#hpbox02 {
    margin: 15px 0px 0px 0px;
}

DIV#hpbox01 DIV.p {
    padding: 10px;
}

DIV#hpbox02 DIV SPAN {
    font-weight: bold;
}

DIV#hpbox02 DIV {
    padding: 10px;
}

DIV#hpbox02 {
    width: 225px;
    background: #9AD3FF;
}

div>DIV#hpbox02 {
    width: 290px;
    background: #9AD3FF;
}

DIV#hpbox01 {
    width: 230px;
}

DIV#hpbox01, DIV#hpbox02, DIV#hpbox03, DIV#hpbox04, DIV#footer, DIV#help {
    font-size: 0.85em;
}

DIV#hpbox01 H2, DIV#hpbox02 H2, DIV#hpbox03 EM, DIV#hpbox04 EM, DIV#footer H2, DIV#help H2 {
    font-size: 1.20em;
}

DIV#flash {
    width: 520px;
    height: 208px;
}

#navigation {
	margin-bottom: 5px;
	margin-top: 5px;
}

#navigation ul {
	display: inline;
	margin: 0px;
	margin-right: 10px;
	padding: 0px;
}

DIV#steps LI {
    display: inline;
    margin: 0px 0px 0px 0px;
}
DIV#navigation LI {
    display: inline;
    margin: 0px 0px 0px 10px;
}

DIV#navigation LI A {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 2px;
    font: 9px Tahoma;
}

DIV#steps {
    margin: 0px 0px 15px 0px;
}



DIV#title, DIV#logo {
    margin: 0px 0px 0px 0px;
}

DIV#header, DIV#content, DIV#footer {
	width: 1000px;
	margin: 0px;
}

p.poutac {
	font-size: 12pt;
	text-align: center;
	color: black;
	text-decoration: none;
	background-color: #ffff00;
	padding: 4px;
	border: solid;
	border-color: red;
	width: 95%;
	margin-left: 20px;
}

DIV#footer {
	margin-bottom: 20px;
}



#wrapper {
	width: 720px;
	margin-left: auto;
	margin-right: auto;
}

DIV#layout2 {
    background: #FFFFFF;
    margin: 10px;
}

div#buttons {
	width: 250px;
	position: absolute;
	right: 50px;
	text-align: right;
	background: #FF0000;
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	padding: 5px;
	border: 2px solid #444444;
	border-top: 1px solid #888888;
	border-left: 1px solid #888888;	
}

div#buttons2 {
}

/* COMMON CLASSES */

/* display */

SPAN.hidden {
    display: none;
}

.displaynone {
    display: none;
}

/* float */

.button1 {
	clear: left;
	width: 510px;
	text-align: left;
}
.button2 {
	clear: right;
	width: auto;
	text-align: right;
}

/* align */

.vtop {
    vertical-align: top;
}

.vbottom {
    vertical-align: bottom;
}

.vmiddle {
    vertical-align: middle;
}

/* width & height */

.w450px {
    width: 450px;
}

.w350px {
    width: 350px;
}

.w170px {
    width: 170px;
}
.w100 {
    width: 100%;
}

.w90 {
    width: 90%;
}

.w80 {
    width: 80%;
}

.w70 {
    width: 70%;
}

.w60 {
    width: 60%;
}

.w50 {
    width: 50%;
}

.w49 {
    width: 49.9%;
}

.w48 {
    width: 49.9%;
}

div>.w49 {
    width: 50%;
}

.w40 {
    width: 40%;
}

.w30 {
    width: 30%;
}

.w20 {
    width: 20%;
}

.w15 {
    width: 15%;
}
.w10 {
    width: 10%;
}

.w5 {
    width: 5%;
}

.h100 {
    height: 100%;
}

.h90 {
    height: 90%;
}

.h80 {
    height: 80%;
}

.h70 {
    height: 70%;
}

.h60 {
    height: 60%;
}

.h50 {
    height: 50%;
}

.h40 {
    height: 40%;
}

.h30 {
    height: 30%;
}

.h20 {
    height: 20%;
}

.h10 {
    height: 10%;
}
.h0 {
    height: 0px;
	 line-height: 0px;
	 font-size: 0px;
	 line-height: 0px;
}

/* margin */

.m50 {
    margin: 50px 50px 50px 50px;
}

.m40 {
    margin: 40px 40px 40px 40px;
}

.m30 {
    margin: 30px 30px 30px 30px;
}

.m20 {
    margin: 20px 20px 20px 20px;
}

.m20right {
    margin: 0px 0px 0px 20px;
}
.m10 {
    margin: 10px 10px 10px 10px;
}

.m5 {
    margin: 5px 5px 5px 5px;
}

/* padding */

.p50 {
    padding: 50px 50px 50px 50px;
}

.p40 {
    padding: 40px 40px 40px 40px;
}

.p30 {
    padding: 30px 30px 30px 30px;
}

.m50top {
    margin: 50px 0px 0px 0px;
}

div>.m50top {
    margin: 0px 0px 0px 0px;
}

.m30top {
    margin: 20px 0px 0px 0px;
}

div>.m30top {
    margin: 22px 0px 0px 0px;
}

.p20 {
    padding: 20px 20px 20px 20px;
}

.p10 {
    padding: 10px 10px 10px 10px;
}

.p10lefttop {
    padding: 0px 0px 0px 20px;
}

.p10top {
    padding: 10px 0px 0px 0px;
}

div>.p10top {
    padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 15px;
	width: 300px;
}

.p5 {
    padding: 5px 5px 5px 5px;
}

UL.noitem {
    list-style: none;
}

UL.orsq { 
	list-style: url(../images/orsq.png);
	 }
	 
UL.orsq LI {
	vertical-align: middle;
	line-height: 20px;
}

.red {
    color: #FF0000;
}

A.orange {
	color: #0200FE;
}

DIV#footer A:link, DIV#footer A:visited {
    color: #EB4200;
}


LI#nav0 A{
    color: #FF0000;
}

LI#nav0 {
    background: url(../images/nav_zpet.png) no-repeat;
    background-position: 0px;
}

li#nav1, li#nav2, li#nav3, li#nav4, li#nav5, li#nav6, li#zvets, li#darky, li#hledej, li#plakat, li#kalendar, li#fotokniha {
   padding-left: 13px;
}

#nav1 a, #nav2 a, #nav3 a, #hledej a {
color: #FF0000;
}

LI#nav1 {
    background: url(./images/nav_prodejny.png) no-repeat;
    background-position: 0px;
}

LI#nav2 {
    background: url(./images/nav_cenik.png) no-repeat;
    background-position: 0px;
}

LI#nav3 {
    background: url(./images/nav_napoveda.png) no-repeat;	
    background-position: 0px;
}

LI#nav4 {
    background: url(../images/nav_offline.png) no-repeat;	
    background-position: 0px;
}

LI#nav5 {
    background: url(../images/nav_op.png) no-repeat;	
    background-position: 0px;
}

LI#nav6 {
    background: url(../images/nav_faq.png) no-repeat;	
    background-position: 0px;
}

LI#nav7 {
    background: url(../images/nav_kontakt.png) no-repeat;	
    background-position: 0px;
}


INPUT.xxl {
    width: 330px;
}

SELECT.l {
    width: 130px;
}

INPUT.noback {
    background: transparent;
}

LABEL.normal {
    font-weight: normal;
}

DIV.bright1px {
	border-right: 1px solid #9AD3FF;
}

DIV.sberny DIV IMG {
	border-top: 1px solid #E4E4E4;
	margin: 0px 0px 10px 0px;
	cursor: hand;
}

DIV.sberny DIV {
	margin: 10px;
}

DIV.sberny DIV LABEL {
	font-size: 0.9em;
	font-weight: normal;
	vertical-align: middle;
}

DIV.sberny DIV INPUT {
	margin: 0px 5px 0px 0px;
	vertical-align: middle;
}

DIV.sberny BR {
	clear: both;
}

DIV.form DIV.p10top DIV {
	float: left;
	width: 100px;
	margin-bottom: 10px;
}

DIV.form DIV.p10top DIV.w {
	float: left;
	width: 200px;
	color: red;
	margin-bottom: 10px;
}

DIV.form DIV.p10top INPUT {
	float: left;
}


DIV.form DIV.p10top BR {
	clear: both;
}

.nobg {
	background: transparent;
}

.disabled {
    background: #E4E4E4;
    color: #000000;
}

.footer2{
    color: #000000;
}


DIV#topNav LI A:hover.red {
color: #FFFFFF;
font-weight: bold;
text-decoration: underline;
margin: 0px 7px 0px 7px;
font-size: 14px;
}

DIV#topNav LI A.red {
color: #000000;
font-weight: bold;
text-decoration: none;
margin: 0px 7px 0px 7px;
font-size: 14px;
}

DIV#topNav LI A:hover {
color: #000080;
font-weight: bold;
text-decoration: underline;
margin: 0px 7px 0px 7px;
font-size: 14px;
}

DIV#topNav LI A {
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
margin: 0px 7px 0px 7px;
font-size: 14px;
}


/* COMMON CLASSES */

/* float */

.fleft {
float: left;
}

.fright {
float: right;
}

.clear {
clear: both;
}

/* align */

.left {
text-align: left;
}

.right {
text-align: right;
}

.center {
text-align: center;
}

.vtop {
vertical-align: top;
}

.vbottom {
vertical-align: bottom;
}

.vmiddle {
vertical-align: middle;
}

/* width & height */

.w100 {
width: 100%;
}

.w90 {
width: 90%;
}

.w80 {
width: 80%;
}

.w70 {
width: 70%;
}

.w60 {
width: 60%;
}

.w50 {
width: 50%;
}

.w40 {
width: 40%;
}


.w33 {
width: 32.5%;
}

.w30 {
width: 30%;
}


.w25 {
width: 24%;
}

.w20 {
width: 20%;
}

.w10 {
width: 10%;
}

.h100 {
height: 100%;
}

.h90 {
height: 90%;
}

.h80 {
height: 80%;
}

.h70 {
height: 70%;
}

.h60 {
height: 60%;
}

.h50 {
height: 50%;
}

.h40 {
height: 40%;
}

.h30 {
height: 30%;
}

.h20 {
height: 20%;
}

.h10 {
height: 10%;
}

/* margin */

.m50 {
margin: 50px 50px 50px 50px;
}

.m40 {
margin: 40px 40px 40px 40px;
}

.m30 {
margin: 30px 30px 30px 30px;
}

.m20 {
margin: 20px 20px 20px 20px;
}


.mleft20 {
margin: 0px 20px 0px 20px;
}

.mleft15 {
margin: 0px 15px 0px 15px;
}

.m10 {
margin: 10px 10px 10px 10px;
}

.m5 {
margin: 5px 5px 5px 5px;
}

/* padding */

.p50 {
padding: 50px 50px 50px 50px;
}

.p40 {
padding: 40px 40px 40px 40px;
}

.p30 {
padding: 30px 30px 30px 30px;
}

.p20 {
padding: 20px 20px 20px 20px;
}

.p10 {
padding: 10px 10px 10px 10px;
}

.p5 {
padding: 5px 5px 5px 5px;
}



INPUT.s {
width: 80px;
}


INPUT.m {
width: 150px;
}

INPUT.l {
width: 170px;
}

INPUT.xl {
width: 300px;
}

TEXTAREA.xxl {
width: 300px;
height: 50px;
}

.fmt {
	float: left;
	width: 32.5%;
	font-size: 0.8em;
}

.style1 {
	color: #0200FE
}

.style2 {
	font-size: medium;
	font-weight: bold;
}

/* NEW */

.px10 {
font-size: 10px;
}
.redtext {
color: #FF0000;
}
.greytext {
color: #666666;
}

div.moclear {	/* IE/MOZILLA BUG s   */
height: 2px;
clear: both;
}
* html div.moclear {
	height: auto;	/* IE 6, IE5.5, IE5 */
}

a:link.celkovacena, a:visited.celkovacena {
color: #FF0000;
text-decoration: none;
}
a:hover.celkovacena{
color: #FF0000;
text-decoration: underline;
}