/* CSS Document */
* { padding: 0; margin: 0; }
 
body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background: url(pics/bckg_textura.png)repeat ;
}
#wrapper { 
 margin: 0 auto;
 width: 922px;
 
}
#faux {
 background:white;
 margin-bottom: 0px;
 overflow: auto; 
 width: 100% ;
}



/* Hlavička */


#header {

 color: #333;
 width: 902px;
 padding: 10px;
 height: 70px;
 background: black;
}


#header a.logo {
float: left;
width: 250px;
height: 55px;


}

#header a.help {
float: right;
width: 120px;
height: 20px;
color: white;
margin-top: 7px;
font-size: 12px;
}

#header div.kontakt{
float: right;
width: 250px;
height: 35px;
}


#header div.log{
float: right;
width: 300px;
height: 20px;
margin-right:5px;
margin-top:23px;
color: white;
font-size: 12px;
}

#header a.logout{
 color: #336699;
 font-weight:bold;
 text-decoration: none;
}
#header a.logout:hover{
 color: #ff0a33; 

}




/* Tlačítko Napište nám */
.button {  
float: right;


      
      background: -webkit-gradient(linear, left top, left bottom, from(#ff0a33), to(#820808));
         background: -webkit-linear-gradient(top, #ff0a33, #820808);
         background: -moz-linear-gradient(top, #ff0a33, #820808);
         background: -ms-linear-gradient(top, #ff0a33, #820808);
         background: -o-linear-gradient(top, #ff0a33, #820808);
         filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100');
         padding: 6.5px 13px;
         -webkit-border-radius: 5px;
         -moz-border-radius: 5px;
        border-radius: 5px;
        color: white;
        font-size: 12px;
        font-family: Arial, Helvetica, sans-serif;
        text-decoration: none;
        vertical-align: middle;
        border:none;

        
}

.button:hover {
border-top-color: #b00000;
background: #b00000;
color: #ffffff;
}

/* Levý sloupec */
#leftcolumn { 
 display: inline;
 color: #333;
 margin-top:20px;
 padding-left:10px;
 width: 210px;
 float: left;
 
}

/* Base Styles */
#cssmenu,
#cssmenu ul,
#cssmenu li,
#cssmenu a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  font-weight: normal;
  text-decoration: none;
  line-height: 1;
  font-family:  Arial, Helvetica, sans-serif;
  font-size: 11px;
  position: relative;
  font-weight: bold;
}
#cssmenu a {
 line-height: 1.5;
}
#cssmenu {
 width: 195px;
  background: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 3px;
  -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.6);
}
#cssmenu > ul > li {
  margin: 0 0 2px 0; 
  
}
#cssmenu > ul > li:last-child {
  margin: 0;
}
#cssmenu > ul > li > a {
  font-size: 13px;
  display: block;
  color: #336699;
  background: WhiteSmoke;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
#cssmenu > ul > li > a > span {
  display: block;
  padding: 6px 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-weight: bold;
}
#cssmenu > ul > li > a:hover {
   text-decoration: none; 
  background: #4693c2;
  background: -moz-linear-gradient(#4693c2 0%, #377da8 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4693c2), color-stop(100%, #377da8));
  background: -webkit-linear-gradient(#4693c2 0%, #377da8 100%);
  background: linear-gradient(#4693c2 0%, #377da8 100%);
  color: #fff; 
}
#cssmenu > ul > li.active {
  border-bottom: none;
}


/* Pravý sloupec */
#rightcolumn { 
 float: left;
 color: #333;
 margin-top:20px;
 margin-left:20px;
 width: 650px;
 display: inline;
 position: relative;
 min-height:500px;
} 

#rightcolumn a{
 color: #236792; 
 text-decoration: none;
 font-weight:bold;
}
#rightcolumn a:hover{
 color: #ff0a33;  
}
/* Pravý sloupec - nadpis */
#rightcolumn h2{
margin-bottom: 10px;
font-size: 20px;
font-weight: bold;
color:#336699;
}


/* Tabulka skladových zásob */
.tbl {
	font-size: 12px;
	color: #000;
	border: 1px solid #E4E4E4;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;

}

.tbl1 {
	font-size: 12px;
	color: #000;
	background-color: white;
	text-indent:10px;
	margin-top:15px;
	
}

.tbl2 {
	font-size: 12px;
	color: #000;
	background-color: WhiteSmoke; 
  text-indent:10px;
   
}

.tbl3 {
font-size: 13px;
background: #F6F6F6;
padding:8px;

}

/* Vyhledávání */
div.search.vzhled {
float:left;
display:block;
width: 270px;
height:60px;
} 



.search_box{
float:left;
display:block;
width: 260px;
height:25px;
font-size: 15px;
border: 1px solid #999999;
}

.upozorneni{
float:left;
display:block;
width: 200px;
height:15px;
font-size: 13px;
color:red;
margin-left:10px;
margin-top:5px;

}




/* Tlačítko Vyhledávání */
.vyhledat {  



      
      background: -webkit-gradient(linear, left top, left bottom, from(#ff0a33), to(#820808));
         background: -webkit-linear-gradient(top, #ff0a33, #820808);
         background: -moz-linear-gradient(top, #ff0a33, #820808);
         background: -ms-linear-gradient(top, #ff0a33, #820808);
         background: -o-linear-gradient(top, #ff0a33, #820808);
         filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100');
         padding: 5.5px 10px;
         -webkit-border-radius: 5px;
         -moz-border-radius: 5px;
        border-radius: 5px;
        color: white;
        font-size: 12px;
        font-family: Arial, Helvetica, sans-serif;
        text-decoration: none;
        vertical-align: middle;
        border:none;

        
}
.vyhledat:hover {
border-top-color: #b00000;
background: #b00000;
color: #ffffff;
}
/* Stránkování */
.pagenav {
	color: #909090;
	padding: 10px;
}

.pagenav span {
	color: #fff;
	background: #4693c2;
  background: -moz-linear-gradient(#4693c2 0%, #377da8 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4693c2), color-stop(100%, #377da8));
  background: -webkit-linear-gradient(#4693c2 0%, #377da8 100%);
  background: linear-gradient(#4693c2 0%, #377da8 100%);
	border: 1px solid #4693c2;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
	padding: 2px 4px 2px 4px;
	margin: 2px;
}

.pagenav a {
	color: #336699;
	background-color: WhiteSmoke;
	border: 1px solid WhiteSmoke;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
	padding: 2px 4px 2px 4px;
	margin: 2px;
	text-decoration: none;
	font-weight:bold;
}

.pagenav a:hover {
	color: #fff;
background: #4693c2;
  background: -moz-linear-gradient(#4693c2 0%, #377da8 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4693c2), color-stop(100%, #377da8));
  background: -webkit-linear-gradient(#4693c2 0%, #377da8 100%);
  background: linear-gradient(#4693c2 0%, #377da8 100%);
	border: 1px solid #4693c2;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
	padding: 2px 4px 2px 4px;
	margin: 2px;
	text-decoration: none;
}

/* Kontaktní formulář */
form.vzhled {
display: block;
margin-top: 8px;
width: 524px;
border: 1px solid #E4E4E4;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
margin-bottom:100px;
}

form.vzhled h4 {
padding: 7px 10px;
font-size: 13px;
font-weight: bold;
background: #F6F6F6;
-webkit-border-radius: 6px 6px 0 0;
-moz-border-radius: 6px 6px 0 0;
border-radius: 6px 6px 0 0;
}

div.form.vzhled.label {
float:left;
display:block;
width: 168px;
color: #236792;
font-weight: bold;
}

div.form.vzhled.antispam {
float:left;
display:block;
width: 300px;
color: #236792;
font-weight: bold;
}

form.img {
float:right;
}

input.lenght {
width:162px;
}

.input{
border: 1px solid #999999;
width: 155px;
height:20px;
}

textarea{
border: 1px solid #999999;
width:500px;
height:50px;
}


div.form.vzhled.prohlaseni {
float:left;
display:block;
width: 490px;
padding-left: 2px;
color: #868686;;
font-size: 12px;
margin-top:50px;

}

fieldset {
border: none;
display: block;
padding: 10px ;
}
/* Tlačítko odeslat */
.odeslat {  
float: left;
margin-top:20px;

      
      background: -webkit-gradient(linear, left top, left bottom, from(#ff0a33), to(#820808));
         background: -webkit-linear-gradient(top, #ff0a33, #820808);
         background: -moz-linear-gradient(top, #ff0a33, #820808);
         background: -ms-linear-gradient(top, #ff0a33, #820808);
         background: -o-linear-gradient(top, #ff0a33, #820808);
         filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100');
         padding: 6.5px 13px;
         -webkit-border-radius: 5px;
         -moz-border-radius: 5px;
        border-radius: 5px;
        color: white;
        font-size: 12px;
        font-family: Arial, Helvetica, sans-serif;
        text-decoration: none;
        vertical-align: middle;
        border:none;

        
}
.odeslat:hover {
border-top-color: #b00000;
background: #b00000;
color: #ffffff;
}


/* Přihlášení */
div.prihlaseni{
	width: 980px;
	border: 1px solid #000;
	height: 380px;
	margin-right:auto;
	margin-left:auto;
	margin-top:100px;
	background-image: url('images/banner.jpg');
	background-repeat: no-repeat;
	background-position: center top;
	text-align: left;
}

div.prihlaseni_column {
	width:300px;
	float:right;
	
	
}

div.prihlaseni h2{
margin-bottom: 20px;
font-size: 20px;
font-weight: bold;
color:white;
margin-top: 45px;
}

div.form.label {
float:left;
display:block;
width: 168px;
height:30px;
color: #909090;
font-weight: bold;
}

div.form.pole {
float:left;
display:block;
width: 192px;
height:35px; 
}   

div.form.text {
float:left;
display:block;
width: 280px;
height:35px;
font-weight:bold;
color:white;
font-size:12px;
}

.prihlaseni a{
 color: #236792; 
 text-decoration: none;
}
.prihlaseni a:hover{
 color: #ff0a33; 
          

}

/* Záhlaví */
#footer { 
 float: left;
 width: 922px;
 min-height: 40px; 
 color: #909090;
 background: #E3E3E3; 
 clear: both;
 
}

div.footer{ 
 float: left;
 width: 200px;
 height:15px;
 margin:15px ; 
 background: #E3E3E3;
 
 }
 
 #footer a.copyright {
float:right;
width: 150px;
height: 20px;
margin-top:15px;
color: #909090;
font-size: 12px;
}

/* Registrace */

#wrapper_registrace { 
 margin: 0 auto;
 width: 545px;
 }
#header_registrace {
 margin-top:140px;
 color: #333;
 width: 545px;
 height: 50px;
 background: black;
}

#header_registrace a.logo {
float: left;
margin-left:10px;
width: 250px;
height: 50px;
margin-top:10px;
background: #000 url(images/logo-pramet1.png) no-repeat;
}

#faux_registrace {
 background:white;
 overflow: auto; 
 width:545px ;
}

#center_registrace { 
 float: left;
 color: #333;
 margin-top:10px;
 margin-left:20px;
 width: 525px;
 display: inline;
 position: relative;
 min-height:400px;
} 

#center_registrace a.prihlasit {
float:right;
width: 70px;
height: 10px;
margin-right:15px;

color: #236792;
font-size: 12px;
font-weight: bold;
text-decoration: none;

}


 
#center_registrace a.prihlasit:hover {
color:#ff0a33;
}
#center_registrace h2{
margin-bottom: 15px;
margin-top:10px;
font-size: 20px;
width:300px;
font-weight: bold;
color:#336699;
}


#footer_registrace { 
 float: left;
 width: 545px;
 min-height: 40px; 
 color: #909090;
 background: #E3E3E3; 
 clear: both;
}

div.footer_registrace{ 
 width: 200px;
 height:10px;
 margin:10px ; 
 background: #E3E3E3 url(images/Pramet-UP!GRADE.gif) no-repeat left center;
 
 }
 
 #footer_registrace a.copyright {
float:left;
width: 150px;
height: 10px;
margin-top:16px;
color: #909090;
font-size: 11px;
}

 

  
          




/* Registrační formulář */
form.registrace {
display: block;
margin-top: 8px;
width: 500px;
border: 1px solid #E4E4E4;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
margin-bottom:50px;
}

form.registrace fieldset {
border: none;
display: block;
padding-top: 20px ;
}
form.registrace h4 {
padding: 7px 10px;
font-size: 13px;
font-weight: bold;
background: #F6F6F6;
-webkit-border-radius: 6px 6px 0 0;
-moz-border-radius: 6px 6px 0 0;
border-radius: 6px 6px 0 0;
}
div.form.registrace.label {
float:left;
display:block;
width: 168px;
height:30px;
color: #236792;
font-weight: bold;
}

div.form.registrace.pole {
float:left;
display:block;
width: 192px;
height:35px;
}

.vstupnipole{
border: 1px solid #999999;
width: 190px;
height:20px;
}

/* Tlačítko odeslat */
.registrovat {  
float: right;
margin-top:40px;

      
      background: -webkit-gradient(linear, left top, left bottom, from(#ff0a33), to(#820808));
         background: -webkit-linear-gradient(top, #ff0a33, #820808);
         background: -moz-linear-gradient(top, #ff0a33, #820808);
         background: -ms-linear-gradient(top, #ff0a33, #820808);
         background: -o-linear-gradient(top, #ff0a33, #820808);
         filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100');
         padding: 6.5px 13px;
         -webkit-border-radius: 5px;
         -moz-border-radius: 5px;
        border-radius: 5px;
        color: white;
        font-size: 12px;
        font-family: Arial, Helvetica, sans-serif;
        text-decoration: none;
        vertical-align: middle;
        border:none;

        
}
.registrovat:hover {
border-top-color: #b00000;
background: #b00000;
color: #ffffff;
}

/* Language switcher */	
 
#polyglotLanguageSwitcher, #polyglotLanguageSwitcher * {
	margin: 0;
	padding: 0; 
	outline: none;
	float:right;
}

#polyglotLanguageSwitcher ul {
	list-style: none;	
}

#polyglotLanguageSwitcher {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #444;
	line-height: normal;
	position:relative;
	z-index: 100;

}

#polyglotLanguageSwitcher form {
	display: none;	
}

/* ---------------------------------------------------------------------- */
/* JS-created Code
/* ---------------------------------------------------------------------- */
#polyglotLanguageSwitcher a {
	text-decoration: none;
	display: block;	
	padding: 0.5em 7px 0.5em 32px; /* 6px 6px 6px 28px */
	color: white;
	font-weight: bold;
	width: 7em; /* 84px; total width: 120px */
	background-repeat: no-repeat;
	background-position: 7px center; 
}

#polyglotLanguageSwitcher a:hover {
	color: #000;	
}

#polyglotLanguageSwitcher a.current:link, #polyglotLanguageSwitcher a.current:visited, #polyglotLanguageSwitcher a.current:active {
	position: relative; /* sets the initial position for the trigger arrow */
	background-color: black;
	
	border-radius: 3px;
	height: 1.25em; /* 15px */
}

#polyglotLanguageSwitcher a.current:hover, 
#polyglotLanguageSwitcher ul.dropdown li:hover {
	background-color: white;
}

#polyglotLanguageSwitcher a.active { /* This style is applied as long as the drop-down menu is visible. */
	border-bottom: none !important;
	border-radius: 3px 3px 0 0 !important;
}

#polyglotLanguageSwitcher span.trigger {
	display: block;
	position: absolute;
	width: 9px;
	height: 15px;
	text-indent: -10000em;
	top: 0.5em; /* 6px */
	right: 6px;
}

#polyglotLanguageSwitcher a.current:link span.trigger, #polyglotLanguageSwitcher a.current:visited span.trigger {
	background: url(images/arrow-down.gif) no-repeat left top ;	
}

#polyglotLanguageSwitcher a.current:hover span.trigger, #polyglotLanguageSwitcher a.current:active span.trigger, #polyglotLanguageSwitcher a.active span.trigger {
	background-position: left bottom !important;
}

/* Drop-Down Menu */

#polyglotLanguageSwitcher ul.dropdown { 
	display: none;
	position: absolute;
	top: 2.333em; /* 28px */
	left: 0;
	background-color: black;

	border-top: none !important;
	border-radius: 0 0 3px 3px;
}


/* Flags */

#cr { 
	background-image: url(images/flags/cr.png);
}

#en { 
	background-image: url(images/flags/en.png);	
}

#ru { 
	background-image: url(images/flags/ru.png);
}

#cs { 
	background-image: url(images/flags/cs.png);
}


.clear { clear: both; background: none; }