/* LAYOUT ONLY!! */
body{
background-color:#1f0c00;
font-family:Arial, Helvetica, sans-serif;
}
/* Start of osaids style ----------------------------------------------------------------------------------------------------------------------------*/
a{
color:#FFFFFF;
}

#hlavni{
width:1000px;
margin:auto;
}

#center{
margin:auto;
float:left;
width:1000px;
}

#certi{
float:left;
width:590px;
margin-bottom:5px;
}

#certi h3{
margin-bottom:10px;
color:#FFFFFF;
}

.certi{
float:left;
width:290px;
margin-bottom:20px;
}

#hledat{
float:left;
width:978px;
height:30px;
background-image:url(images/search.png);
padding-left:20px;
}

#hledat input.is{
height:20px;
width:170px;
margin-top:0px;
border: #FFFFFF;
}

#hledat input{
border: 0px;
}

#hledat td{
color:#FFFFFF;
font-size:14px;
font-weight:bold;
}

#sinput{
height:23px;
width:200px;
background-image:url(images/sinput.png);
}

#ssinput{
height:27px;
width:55px;
background-image:url(images/ssinput.png);
margin-top:0px;
}

#ssinput input{
width:48px;
height:23px;
margin-top:2px;
}

#header{
float:left;
width:1000px;
height:150px;
background-image:url(images/header.png);
margin-top:4px;
}

#logo{
float:left;
width:400px;
height:150px;
background-image:url(images/logo.png);
}

#gallery{
float:left;
width:1000px;
height:165px;
}


#top{
float:left;
width:1000px;
height:35px;
}

#prod{
float:left;
width:200px;
height:35px;
background-image:url(images/prod.png);
background-repeat:no-repeat;
}

#menu{
float:left;
width:800px;
height:35px;
font-size:11px;
font-weight:bold;
background-image:url(images/menu.png);
}
#topm{
float:left;
width:800px;
height:35px;
}


#menu .menu{
float:left;
width:130px;
height:35px;
padding-top:11px;
color:#FFFFFF;
}

#menu .menu1{
float:left;
width:150px;
height:35px;
padding-top:11px;
color:#FFFFFF;
}

#menu .menu a{
color:#FFFFFF;
text-decoration:none;
}

#menu .menu a:hover{
color:#000000;
text-decoration:none;
}

#menu .menu1 a{
color:#FFFFFF;
text-decoration:none;
}

#menu .menu1 a:hover{
color:#000000;
text-decoration:none;
}

#extrap{
float:left;
color:#FFFFFF;
padding-top:10px;
}

#extrap a{
text-decoration:none;
color:#FFFFFF;
}

#extrap a:hover{
text-decoration:none;
color:#000;
}

#kategorie{
float:left;
width:200px;
background-color:#FF0000;
height:600px;
background-image:url(images/category.png);
}

#new{
float:left;
width:200px;
padding-left:20px;
margin-top:5px;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

#new a{
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFF00;
font-weight:bold;
}


#cat-style{
float:left; 
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
width:150px;
padding-top:10px;
padding-left:14px;
}

#cat-style a{
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
font-weight:bold;
}

#cat-style a:hover{
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#ffff00;
font-weight:bold;
}

#obsah{
float:left;
width:585px;
min-height:600px;
margin-left:5px;
margin-right:5px;
margin-bottom:7px;
}

#all{
float:left;
width:180px;
height:250px;
margin-left:5px;
margin-bottom:20px;
}

#prods{
width:170px; 
background-repeat:no-repeat;
height:220px; 
margin-bottom:5px;
margin-left:5px;
float:left;
background-image:url(images/prods.png);
}

#tit{
width:180px;
height:37px;
float:left;
background-image:url(images/tit.png);
padding-top:3px;
}

#tit a{
text-decoration:none;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#FFFFFF;
}

#tit a:hover{
text-decoration:none;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#FFFF00;
}

#pimg{
float:left;
width:170px;
min-height:160px;
}

#cena1{
float:left;
width:170px;
height:20px;
font-size:10px;
padding-left:2px;
}

#numb{
float:left;
width:100px;
height:20px;
padding-left:1px;
}

#numb input{
width:20px;
height:15px;
}

#ord{
float:left;
width:68px;
height:20px;
}

#ord input{
width:68px;
}

#right{
float:left;
width:200px;
height:600px;
background-image:url(images/right.png);
}

#counter{
float:left;
width:180px;
height:80px;
color:#FFFFFF;
margin-left:10px;
margin-top:20px;
font-size:16px;
}

#counter p{
margin-bottom:0px;
padding-bottom:5px;
font-weight:bold;
}

#counter1{
float:left;
width:150px;
height:30px;
color:#FFFFFF;
margin-left:15px;
background-image:url(images/counter.png);
}

#kosik{
float:left;
width:180px;
height:160px;
color:#FFFFFF;
background-image:url(images/kosik.png);
margin-left:10px;
margin-top:20px;
}

#kosik img{
margin-top:10px;
}

#celkem a{
color:#FFFFFF;
text-decoration:none;
font-weight:bold;
font-size:14px;
}

#celkem a:hover{
color:#000000;
text-decoration:none;
}

#logins{
float:left;
width:180px;
height:160px;
color:#FFFFFF;
background-image:url(images/kosik.png);
margin-top:20px;
margin-left:10px;
}

#logins a{
color:#FFFFFF;
text-decoration:none;
margin-top:10px;
}

#logins a:hover{
color:#000000;
text-decoration:none;
}

#wind{
float:left;
width:180px;
height:120px;
margin-left:10px;
margin-top:5px;
}

#wind p{
font-family:Arial, Helvetica, sans-serif;
}

#wind a{
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
}

#wind a:hover{
color:#FF9900;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
}

#footer {
float:left;
height:30px;
width:1000px;
margin-top:4px;
background-image:url(images/footer.png);
}

#copy{
float:left;
width:320px;
height:30px;
margin-top:11px;
color:#fff;
font-size:11px;
margin-left:5px;
}

#keys{
float:left;
width:350px;
height:30px;
margin-top:11px;
color:#fff;
font-size:11px;
}

#get{
float:left;
width:300px;
height:30px;
color:#FFFFFF;
font-size:11px;
margin-right:2px;
margin-top:11px;
}

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

#get a:hover{
text-decoration:none;
color:#000;
}

#home{
float:left;
width:590px;
margin-right:20px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
}



#contacts{
width:590px;
float:left;
color:#FFFFFF;
height:300px;
}
#contacts td.form{
background-color:#ff6600;
color:#FFFFFF;
border:#FFFFFF solid 1px;
padding-left:5px;
}

#contitul{
float:left;
margin-left:20px;
color:#fff;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
margin-bottom:20px;
}

#admap{
float:left;
width:590px;
height:290px;
}

#adresa{
float:left;
height:290px;
width:295px;
}

#adresa p{
font-weight:bold;
font-size:14px;
color:#FFFFFF;
}

#map{
float:left;
height:290px;
width:295px;
padding-top:5px;
}

#map iframe a{
color:#FFFFFF;
text-decoration:none;
}

#map iframe a:hover{
color:#FF6600;
text-decoration:none;
}

#obcho{
float:left;
width:590px;
}

#obchotitul{
color:#FFFFFF;
float:left;
margin-left:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
}

#obchedit{
float:left; 
width:590px;
color:#FFFFFF;
}

#obchedit a{
color:#FFFFFF;
text-decoration:none;
}

#register{
float:left;
width:580px;
margin-top:20px;
background-repeat:repeat-y;
color:#FFFFFF;
height:570px;
background-image:url(images/register.png);
}

#register select{
width:212px;
}

#register input.submit{
width:212px;
color:#FF6600;
font-weight:bold;
}

#register table.treg{
width:570px;
margin-left:10px;
}


#regtitle{
float:left;
margin-top:10px;
margin-left:10px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
margin-bottom:10px;
}

#register td.reg{
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
}

#mylogin{ 
float:left; 
color:#FFFFFF; 
font-family:Arial, Helvetica, sans-serif; 
font-size:16px; 
font-weight:bold;
width:570px;
margin-top:10px;
height:410px;
background-image:url(images/mylogin.png);
padding-left:10px;
}

#mylogin td{
font-size:12px;
font-weight:bold;
}

#mylogin a{
font-size:12px;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
}

#mylogin a:hover{
font-size:12px;
font-weight:bold;
color:#000000;
text-decoration:none;
}

#mylogin p.dotaz{
font-size:16px;
font-weight:bold;
color:#FFFFFF;
}

#mylogin p{
font-size:12px;
font-weight:bold;
color:#FFFFFF;
}

#mylogin ul{
font-size:12px;
font-weight:bold;
color:#FFFFFF;
}

#logs{
float:left;
width:180px;
height:135px;
font-weight:bold;
}

#in1{
float:left;
width:120px;
height:20px;
background-image:url(images/logs.png);
margin-bottom:3px;
}

#in2{
float:left;
width:120px;
height:20px;
background-image:url(images/logs.png);
margin-bottom:3px;
}

#in1 input{
border:none;
}

#in2 input{
border:none;
}

#in1 input{
width:100px;
height:15px;

}

#in2 input{
width:100px;
height:15px;

}

#ins1{
float:left;
width:40px;
height:20px;
margin-bottom:3px;
margin-left:10px;
}

#ins2{
float:left;
width:40px;
height:20px;
margin-bottom:3px;
margin-left:10px;
}

#ins3{
float:left;
width:40px;
height:20px;
margin-bottom:3px;
}

#log11{
float:left;
height:25px;
width:120px;
margin-bottom:3px;
}

#log11 input{
border:none;
background-color:#FF8220;
}

#hes{
float:left;
width:180px;
margin-bottom:5px;
margin-top:5px;
}

#hes1{
float:left;
width:180px;
}

#tm1{
float:left;
margin-top:5px;
}

#tm1 .login{
float:left;
width:180px;
}

#tm1 .pre{
float:left;
width:90px;
margin-bottom:5px;
}


/*end of osaid style ---------------------------------------------------------------------------------------------------------------------------------*/
#container {
margin:auto;
	width: 780px;
	border: 1px solid gray;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
	padding: 3px; /*10px;*/
	background-color: white;
}

#content {
	margin-left: 175px;
	padding: 20px;
	background-color: red;
	float: left; 
	width: 400px; 
	margin: 0 0 10px 0; 
	display: inline; 
	overflow: auto; 
	position: relative;
    margin-top: 0px;
}



/* THE LEFT MENU */
ul#navlist
{
	width: 158px;
	padding: 0px;
	border: 1px solid #808080;
	border-top: 0px;
	margin: 0px;
	font: bold 11px verdana,helvetica,arial,sans-serif;
	background: #808080;
}

ul#navlist li
{
	list-style: none;
	margin: 0px;
	border: 0px;
	border-top: 1px solid #808080;
}

ul#navlist li a
{
	display: block;
	width: 122px;
	padding: 4px 8px 4px 8px;
	border: 0px;
	border-left: 20px solid #aaaabb;
	text-decoration: none;
	text-align: right;
	background: url(images/menubg.png) #d9dffb;
}

ul#navlist li a:link { color: #666677; }
div#navcontainer li a:visited { color: #666677; }

ul#navlist li a:hover
{
	border-color: #ff9000;
	color: #ffffff;
    background: url(images/menubg_hov.png) #d9dffb;
}

/* THIS IS USED TO DISPLAY A SELECTED GROUP IN THE MENU */
#active a:link, #active a:visited, #active a:hover
{
	border-color: #ff9000;
	color: #fff;
	background-color:#006633;
}
/* THE TOP MENU */
#navcontainer2 ul
{
	padding-left: 0;
	margin-left: 0;
	background-color: #036;
	color: black;
	float: left;
	width: 100%;
	font: bold 11px verdana,helvetica,arial,sans-serif;
	border: 1px solid #808080;
	background: url(images/h6_bg.png) #d9dffb;
}

#navcontainer2 ul li { display: inline; }

#navcontainer2 ul li a
{
	padding: 0.2em 0.5em;
	color: black;
	text-decoration: none;
	border-right: 1px solid #808080;
	border-left: 1px solid #808080;
}

#navcontainer2 ul li a:hover
{
	background-color: #369;
	color: #c8c8c8;
}

/* TEXT MAKEUP AND OTHER COSMETICS HERE!!! */

#hideable {
	background-color: white;
}

/* image properties */


.imgright {
	  float: right;
      padding: 6px 0px 6px 10px;	  
}
	
img { 
	  border-width: 0px; 
}

/* this image is used in details.php and browse.php, all other images should not have borders */
.borderimg { 
	  border-style:solid;
      border-color: #D6DDE6;
      border-width:1px;
}

/* general settings */
html {
    height: 100%;
}

body {
	height: 100%;
	font: 11px Verdana,Tahoma,Arial,sans-serif;
	background: #6b7994;
}

/* the headings you can use */
h1, h2, h3, h4, h5, h6, h7
{
	margin: 0px;
	padding: 0px;
	color: black;
}

h3 { /* slogan under logo */ 
	 font-size: 15px; 
     font-weight: bolder;
     position: relative;
}
h4 { /* back to admin options, and other text links like that */
	 font-size: 12px;   
	 text-align: center;
     font-weight: normal;
}
h5 { /* product id in details.php */
	 font-size: 12px;
     font-weight: bold;
	 color:#FFFFFF;
} 
h6 { /* the headers in editsettings.php */
     font-size: 13px;   
	 text-align: center;
     font-weight: bold;
     color: black;
     border: 1px solid #808080;
	 background: url(images/h6_bg.png) #d9dffb;
}

/* how the links should behave (apart from the menu) */
a { text-decoration: underline; }
a:link { color: #FFFFFF;
text-decoration:none;
 }

a:hover { color:#FF6600;
text-decoration:none;
 }


/* a link class that is pretty plain */
a.plain { text-decoration: none; }
a.plain:link { color: #fff; }
a.plain:visited { color: #fff;; }
a.plain:active { color: #fff;; }
a.plain:hover { color: #fff;; }

/* single pixel borders on input boxes */
input, textarea
{
   background-color: #ffffff;
   border-width: 1px;
   border-style: solid;
   border-color: black;
}

/* text in tables */
td, th {
	font: 11px Verdana,Tahoma,Arial,sans-serif;
}
/* tables of this class have no border */
table#borderless {

}
table.borderless th,
table.borderless td {
}



#akce{
float:left;
	background-image:url(images/akceimg.png);
	width:143px;
	height:200px;
	background-repeat:no-repeat;
	margin-left:20px;
	}

table.borderless caption {
		font-size: 14px;
		font-weight: bold;
		color: #33517A;
		text-align: left;
		padding-top: 3px;
		padding-bottom: 8px;
		margin-left: auto;
		margin-right: auto;
}

/* a class that describes how tables should look */
.datatable {
		
		border-collapse: collapse;
		width:590px;
		color:#FFFFFF;
}

.datatable a{
color:#FFFFFF;
}

.datatable td {	
		padding: 4px;
		text-align: left;
    	vertical-align: top;
		
}
.datatable th {
		background-color: #ccccdd;
		font-weight: bold;
		color: #666677;
		text-align: left;
		padding: 4px;
        border: 1px solid #808080;
	    background: url(images/h6_bg.png) #d9dffb;
}
.datatable caption {
		font-size: 14px;
		font-weight: bold;
		color: #ffffff;
		text-align: left;
		padding-top: 3px;
		padding-bottom: 8px;
		margin-left: auto;
		margin-right: auto;
}
.datatable tr.altrow {
		background-color: #E9EEF5;
		color: #000000;
}
/*.datatable tr:hover, .datatable tr.hilite {
		background-color: #dff;
		color: #000000;
}*/
	
/* (?) popup properties */
a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:red; 
    color:#000;
    text-decoration:none;
    font-size: 11px;
    font-weight: normal;
}

a.info:hover{z-index:90; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    z-index: 90;
    top:2em; left:1em; width:25em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: left
}