/*CSS by El TORO*/
/*---GLOBAL---*/
body, div, p, img, form, table, tr, td {
	margin:0; padding:0; border:0; font-family: Arial, sans-serif; font-size: 13px;
}
body {
	background:	White url(default/images/topshade.png) repeat-x;
	text-align: center;
	margin: auto;
	position: relative;
}

a, a:visited {
	color: #282828;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

h1,h2,h3,h4 {
	padding: 0px 0 15px 20px;
	font-family: "Myriad Pro", Calibri, Arial;
	font-weight: normal;
	margin-bottom: 0;
}

h1 {
	font-size: 20px;
}
h2 {
	font-size: 20px;
}
h3 {
	font-size: 20px;
	color: #7d7d7d;
}
h4 {
	font-size: 18px;
	color: #7d7d7d;
}

h4.obsah {
	padding-bottom: 0;
}

p {
	padding: 0 15px 15px 20px;
	text-align: justify;
	color: #282828;
}

ul {
}

ul, li {
	color: #282828;;
}
li {
	margin-top: 0px;
}

.gray {
	color: #868686;
}

div#main div.right img {
	
}

div#main div.right span.encode_email img {
	float: none;
	margin: 0;
	margin-bottom: -4px;
}

input[type="text"], input[type="password"], textarea, select {
	border: 1px solid #8e8f8f;
}

input[type="checkbox"] {
	margin: 0px;
}

/*---ALL, logo, vrsek---*/
div.cb {clear:both; width:100%; height:1px; font-size:0;}

div#all {width:1000px; margin:auto; text-align:left; position: relative;}

div#logo{position: relative; text-align: left; margin-bottom: 0; z-index: 3; width: 366px; height: 201px; margin-bottom: 1px;}
div#logo img{margin: 0; padding: 0; margin-top: 0;}

div.svatek {
	font: 12px "Myriad Pro", Calibri, Arial;
	color: Black;
	margin-left: 12px;
}

div#timebox p {
	font: 13px "Myriad Pro", Calibri, Arial;
	color: Black;
	margin-top: 0px;
	padding-left: 10px;
	padding-right: 2px;
}

div#my-seller p {
	padding: 7px;
	margin-top: 5px;
	margin-left: 5px;
	width: auto;
}

div#my-seller p strong {
	font-size: 16px;
}

/*---PILES, ramce - prihlaseni, registrace, zasilka---*/

div#piles {
	width: 611px;
	height: 176px;
	position: absolute;
	right: 0;
	top: 40px;
}

div.pile {
	width: 195px;
	height: 174px;
	margin-right: 13px;
	margin-bottom: 20px;
	float: left;
	text-align: center;
	position: relative;
}
div.pile img.payments {
    display: inline-block;
    margin: 23px 0 0 0;
}
div.pile img.payments.small {
    display: block;
    margin: -8px 8px 0 0;
    width: 62px;
    float: right;
}
div.pile h3.caption {
	width: 174px;
	height: 15px;
	padding: 12px 12px 8px 10px;
	margin: 0 0 10px 0;
	text-align: right;
}

div.pile h3.caption, div#error_reporting_dialog h3.caption {
	font: italic bold 17px "Century Gothic", Calibri;
	color: White;
	text-transform: lowercase;
}

div.pile h3.caption.slim {
	font-weight: normal;
	text-transform: none;
}

div.pile.prihlaseni form input {
    height: 23px;
    margin-bottom: 4px;
    padding: 0 6px;
    text-align: right;
    width: 152px;
}

div.pile .container {
	height: 70px;
	margin-bottom:10px;
}

div.pile.prihlaseni li {
	line-height: 15px;
}



div#piles input.homepage_submit1 {
	cursor: pointer;
	color: white;
	background-color: #4F4F4F;
	font: italic bold 15px "Century Gothic",Arial;
	width: 100px;
	height: 23px;
	border: 0px;
	text-align: center;
	border-top: 1px solid white;
	border-bottom: 1px solid black;
}

div#piles input.homepage_submit, div#error_reporting_dialog button.submit {
	font: italic bold 15px "Century Gothic",Arial;
	border: none;
	text-align: center;
	width: 101px;
	height: 24px;
	color: white;
	padding: 0 0 3px 0;
}

button.submit i.fa-my {
	line-height: inherit;
	font-size: 16px;
	line-height: 16px;
	height: 16px;
}

div#piles input.homepage_submit:hover, div#error_reporting_dialog button.submit:hover {
	/*border-bottom: 1px solid white;*/
	cursor: pointer;
	text-decoration: underline;
}

div.right input.submit.disabledBtn:hover,
div.right button.submit.disabledBtn:hover,  
div.right input.disabledBtn[type="submit"]:hover {
	background: #88898D;
	cursor: auto;
}

div.pile.prihlaseni div.user.name {
	width: 164px;
	color: White;
	font-size: 16px;
	text-align: left;
	margin: auto;
}

div.pile.prihlaseni img.userimg {
	position: absolute;
	right: 5px;
	top: 50px;
}

div.pile.prihlaseni a.logout {
	position: absolute;
	bottom: 26px;
	left: 0;
	width: 195px;
	text-align: center;
}

div.pile.zasilka img.objimg {
	position: absolute;
	right: 5px;
	top: 50px;
}

div.pile ul {
	width: 187px;
	padding: 0;
	margin: 0 auto 10px auto;
	font: bold 13px Candara, Arial;
	text-align: left;
	color: White;
}

div.pile ul b {
	font-size: 13px;
}

div.pile.registrace strong {
	font: italic 12px "Century Gothic", Arial;
	font-weight: bold;
	color: white;
	margin-left: -20px;
}


div.pile li {
	padding: 0;
	margin: 0;
	padding-left: 20px;
	list-style-type: none;
}

div.pile.registrace ul.vyhody {
	margin-top: 0px;
	margin-bottom: -5px;
}

div.pile.registrace ul.vyhody li {
	list-style-type: disc;
	padding-left: 0px;
	margin-left: 20px;
	font: italic 11px "Century Gothic", Arial;
}

div.pile li.active {
	font-weight: bold;
}

div.pile li.normal:hover {
	background: url(default/icons/view.png) no-repeat;
}

div.pile li.plus {
	background: url(default/icons/plus1.png) no-repeat;
}

div.pile li.plus:hover {
	background: url(default/icons/plus.png) no-repeat;
}


div.pile.registrace {
	margin-right: 0;
}

div.pile.zasilka img.left {
	margin-top: 5px;
	margin-left: 5px;
	float: left;
}

div.pile.zasilka img.btn {
	float: right;
	margin-top: 35px;
	margin-right: 6px;
}

div.pile.registrace div.attributes {
	width: 174px;
	text-align: left;
	font-size: 10px;
	margin: auto;
	margin-bottom: 10px;
	line-height: 15px;
}

div.pile.registrace div.attributes span.bold {
	font-size: 14px;
	color: White;
	float: right;
}

div.pile.registrace div.attributes span.bold.mail {
	display: block;
	width: 140px;
	text-align: right;
	font-size: 12px;
	overflow: hidden;
}

/* vyhody*/
div.vyhody{
  margin-top: 1px;
  border-bottom: 1px solid #dbdbdc;
}


div.vyhody div.vyhoda{
  padding: 10px 16px 16px 16px;
  background-repeat: no-repeat;
  position: relative;
  float: left;
  margin-right: 1px;
}

div.vyhody div.vyhoda li{
  font-size: 12px;
}

div.vyhody.big div {
  width: 670px;
  padding: 20px; 
  display: block;
  margin: 0;
  border-bottom: 1px solid white;
  height: auto;
}

div.vyhody.big div.vyhoda li{
  font-size: 13px;
}

div.vyhody > div > div.nadpis{
  font-family: "Myriad Pro", Calibri, Arial;
  font-weight: bold;
  font-size: 18px;
  border-bottom: none;
  padding: 0;
}
div.vyhody > div > div.text{
  padding-left: 0;
  padding-top: 5px;
}
div.vyhody.big > div > div.text{
  padding-left: 20px;
  padding-bottom: 20px;
  border-bottom: none;
}

div.vyhody > div > div.text > ul{
  padding: 0;
  margin: 0;  
}

div.vyhody > div > div.vice_info{
  position: absolute;
  right: 0;
  bottom: 0;
  width: 126px;
  height: 33px; 
}
div.vyhody > div > div.vice_info a{
  font-family: "Myriad Pro", Calibri, Arial;
  font-weight: bold;
  font-size: 13px;
  color: white;
  text-decoration: none;
  text-shadow: 1px 1px 1px #454545;
  display: block;
  width: 114px;
  height: 26px;
  padding: 7px 0 0 12px;
}




div.vyhody div.vyhoda_3{
  margin-right: 0;
}
div.vyhody.big div.vyhoda_3 {width: 670px;}
div.vyhody.big div.vyhoda_3 li{padding-right: 50px; }
div.vyhoda_1 div.nadpis{
  color: #ff5a00;
}
div.vyhoda_2 div.nadpis{
  color: #548e01;
}
div.vyhoda_3 div.nadpis{
  color: #03829d;
}

/*---MAIN, MAIN-RIGHT, hlavn� div---*/

div#main_top {
	width: 1000px;
	height: 36px;
	position: relative;
	padding: 0;
	margin: 0;
	text-align: right;
	margin-top: 10px;
}

div#main_top h1 {
	font: 20px "Myriad Pro", Calibri, Arial;
	font-weight: bold;
	color: White;
	padding: 7px 14px 0 0;
	margin: 0;
}

div#main {
	width: 1000px;
	position: relative;
	margin: 0;
	padding: 0;
}

div#main div.left {
	width: 268px;
	float: left;
	position: relative;
}

div.header h1 {
	font: italic bold 20px "Century Gothic", Arial;
	color: White;
	padding: 0;
	margin: 0;
}

div.header h2 {
	font: italic bold 16px "Century Gothic", Arial;
	color: White;
	padding: 0;
	margin: 0;
}

div#main div.left div.header {
	width: 256px;
	-webkit-border-top-left-radius: 10px;
	-khtml-border-radius-topleft: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;
	background-color: #343434;
	font: italic bold 16px "Century Gothic", Arial;
	color: White;
	padding-left: 12px;
	padding-top: 11px;
	margin-top: 0px;
	text-transform: uppercase;
}

div#main div.left ul {
	padding-left: 35px;
	padding-bottom: 15px;
	margin-bottom: 10px;
	line-height: 1.4em;
}

div#main li.selected {
	font-weight: bold;
}
div#main div.left div.sluzby a.kalkulator {
  width: 251px;
  height: 35px;
  display: block;
  background-repeat: no-repeat;
}
div#main div.left div.sluzby a.cenik {
  width: 251px;
  height: 35px;
  display: block;
  background-repeat: no-repeat;
}

div#main div.left div.sluzby a.zpet {
  width: 226px;
  height: 33px;
  display: block;
  background-repeat: no-repeat;
}

div#main div.left div.sluzby li div span {
  display: block;
  text-align: justify;
}

div#main div.left div.sluzby li.evropa{
  border-bottom: White solid 1px;
  margin-bottom: 0px;
}
div#main div.left div.sluzby li.tlacitka {
  padding: 0px;
  margin: 0px;
  border: 0px;
}
div#main div.left div.co_nas_bavi,
div#main div.left div.sluzby {
	background: #f5f5f5;
	padding: 0px;
	text-align: center;
	padding-bottom: 15px;
	width: 266px;
}

div#main div.left div.sluzby {
  padding-bottom: 0px;
  margin-bottom: 10px;
}
div#main div.left img.payments {
    padding-bottom: 20px;
}

div#main div.left div.co_nas_bavi ul,
div#main div.left div.sluzby ul {
	padding: 0;
	margin: 0;
}

div#main div.left div.sluzby ul li a.nadpis{
  font-family: "Myriad Pro", Calibri, Arial;
  font-weight: bold;
  font-size: 16px;
  text-decoration: none;
}

div#main div.left div.sluzby ul li a.nadpis:hover{
  text-decoration: underline;
}

div#main div.left div.sluzby ul li.tlacitka a:hover{
  text-decoration: underline;
}

div#main div.left div.sluzby ul li.tlacitka a{
  font-family: "Myriad Pro", Calibri, Arial;
  font-size: 22px;
  padding-top: 6px;
  padding-left: 15px;
  color: white;
  text-decoration: none;
}

div#main div.left div.sluzby ul li.tlacitka a.zpet{
  padding-left: 40px;
  font-size: 20px;
  padding-top: 8px;
}

div#main div.left div.banner_facebook {
	margin-bottom: 10px;
}

div#main div.left div.sluzby ul img.obrazek{
  float: left;
  margin: 10px 20px 10px 10px;
}

div#main div.left div.co_nas_bavi li {
  min-height: 50px;
}

div#main div.left div.sluzby a.btn_vytvorit{
  position: absolute;
  font-weight: bold;
  display: block;
  right: 0px;
  bottom: 0px;
  width: 70px;
  height: 19px;
  padding-top: 3px;
  color: White;
  text-decoration: none;
  font-size: 12px;
  text-align: center;
  text-transform: lowercase;
}

div#main div.left div.co_nas_bavi li a.vice{
  position: absolute;
  font-weight: bold;
  display: block;
  right: 0px;
  bottom: 0px;
  width:41px;
  height:19px;
  padding-top: 1px;
  padding-left: 8px;
  background-repeat: no-repeat;
  text-decoration: none;
}
div#main div.left div.co_nas_bavi li a.vice:hover{
  text-decoration: underline;
}
div#main div.left div.co_nas_bavi li,
div#main div.left div.sluzby li {
	list-style-type: none;
	display: block;
	position: relative;
	border-bottom: #dbdbdc solid 1px;
	padding: 10px;
	padding-bottom: 25px;
	margin: 0px;
	margin-bottom: 10px;
	text-align: left;
	font: 12px "Myriad Pro", Calibri, Arial;
	color: Black;
}

div#main div.left div.co_nas_bavi li img {
	float: left;
	margin: 0 5px 3px 0;
	max-width: 85px;
	max-height: 50px;
}


div#main div.left div.co_nas_bavi li img:hover {
}

div#main div.left div.co_nas_bavi a.title {
	font-size: 17px;
	font-weight: normal;
	text-decoration: none;
}

div#main div.left div.co_nas_bavi a.title:hover {
	text-decoration: underline;
}

div#main div.left.big {
	margin-left: 30px;
}

div#main div.right div.left {
	width: 50%;
	float: left;
	position: relative;
	overflow: hidden;
}

div#main div.right {
	width: 711px;
	float: right;
	min-height: 350px;
	position: relative;
	margin-bottom: 20px;
}

div#main div.right.big {
	width: 990px;
}

div#main div.right div.header {
	width: 699px;
	height: 39px;
	font: italic bold 20px "Century Gothic", Arial;
	color: White;
	padding-left: 12px;
	margin-top: 0px;
	padding-top: 11px;   
	text-transform: uppercase;
}

div#main div.right.big div.header {
	width: 978px;
	text-transform: uppercase;
}

div#main div.right div.header h1 a {
	color: white;
}

div#main div.right div.header > a {
	float: right;
	color: White;
	font-size: 14px;
	margin-right: 12px;
	font-weight: normal;
	padding-top: 3px; 
	margin-top: 2px; 
}

div#main div.right div.novinka {
	padding: 0 15px 4px 15px;
	border-bottom: 1px solid #dbdbdc;
	position: relative;
	clear: both;
	margin-bottom: 8px;
}

div#main div.right div.novinka span.cas {
	position: absolute;
	right: 15px;
	top: 2px;
	font: bold 14px "Myriad Pro", Calibri, Arial;
	color: #888888;
}

div#main div.right div.novinka h2 {
	font: bold 18px "Myriad Pro", Calibri, Arial;
	color: Black;
	padding: 0px 70px 5px 0px;
}

div#main div.right div.novinka h2.conasbavi {
}

div#main div.right div.novinka img.right {
	max-width: 200px;
	max-height: 150px;
	float: right;
	margin-left: 20px;
	margin-bottom: 10px;
}

div#main div.right div.novinka img.left {
	max-width: 200px;
	max-height: 150px;
	float: left;
	margin-right: 20px;
	margin-left: 0px;
}


div#main div.right div.novinka img.thumbnail {
	float: left;
	margin: 0 10px 5px 0;
  max-width: 85px;
  max-height: 50px;
}

div#main div.right div.novinka.hlavni {
	border-bottom: 0px solid #dbdbdc;
	margin-bottom: 3px;
	padding-left: 0 !important;
	position: relative;
}

div#main div.right div.novinka.hlavni div.pozor {
	background: url(default/icons/pozor.png) no-repeat;
	width: 30px;
	height: 28px;
	position: absolute;
}

div#main div.right div.novinka.hlavni div.pozor.left {left: 12px; top: 55px;}
div#main div.right div.novinka.hlavni div.pozor.right {right: 8px; top: 55px;}

div#main div.right div.novinka.hlavni h2 {
	margin-left: 50px;
	margin-top: 8px;
	margin-bottom: 6px;
}

div#main div.right div.novinka.hlavni span.cas {
	position: absolute;
	right: 50px;
	top: 52px;
	font: bold 13px "Myriad Pro", Calibri, Arial;
	color: Black;
}

div#main div.right div.novinka p {
	padding: 10px 0 5px 0;
}

div#main div.right div.novinka.hlavni p {
	padding: 0 35px 10px 15px;
}

div#main div.right div.novinka.hlavni a.more {
	float: right;
	margin-bottom: 6px;
	font-weight: bold;
}

div#main div.right dl {
	margin-left: 20px;
	margin-right: 30px;
	margin-top: 0px;
}

div#main div.right dl.rozpis1 {
	margin-top: 10px;
}

div#main div.right dt {
	font-family: "Myriad Pro", Calibri, Arial;
	font-size: 18px;
	padding-bottom: 3px;
	padding-top: 15px;	
}

div#main div.right dl.rozpis dt {
	font-weight: bold;
	font-size: 16px;
}


div#main div.right dd {
	margin-left: 15px;
}

div#main div.right dd.phone {
	font-family: "Myriad Pro", Calibri, Arial;
	font-size: 16px;
}

div#main div.right dd.bold {
	font-weight: bold;
}

div.right input.submit,
div.right button.submit,  
div.right input[type=submit]
/*, div#error_reporting_dialog button.submit*/ {
	border: 1px solid White;
	padding: 4px 8px 4px 8px;
	margin: 0;
	color: White;
	font-weight: bold;
}

div.right button.sameWidth {
	width: 40px;
}

.right-button {
	float: right;
}

.left-button {
	float: left;
}

div.right input.submit.small-button, div.right input[type=submit].small-button {
	padding: 2px 10px 2px 10px;
}

div.right input.submit:hover,
div.right button.submit:hover, 
div.right input[type=submit]:hover
/*, div#error_reporting_dialog button.submit:hover*/ {
	background: #231f20;
	cursor: pointer;
	border: 1px solid #bab6b6;
	text-decoration: underline;
}

div.right input.submit.disabled {
	background-color: grey;
	text-decoration: none;
}

div#main div.right table {
	margin-left: 20px;
	margin-right: 0px;
	border-collapse: collapse;
	width: 97%;
}

div#main div.right table.border {
	border: 1px solid #989898;
}

div#main div.right table td {
	padding: 3px 3px 3px 3px;
	height: 26px;
	vertical-align: middle;
}

div#main div.right table tr.odd {
	background: #e4e4e4;
}

div#main div.right table tr:nth-child(odd) {
	background: #e4e4e4;
}

div#main div.right table tr.even {
	background: white;
}

div#main div.right table tr:nth-child(even) {
	background-color: white;
}

div.right.big table td {
	border-right: 1px solid #989898;
	border-left: 1px solid #989898;
}

div#main div.right table th {
	background: #4f4f4f;
	border-left: 1px solid #989898;
	color: White;
	font-size: 10px;
	text-align: left;
	padding: 2px 0 3px 3px;
	position: relative;
}

div#main div.right table img {
  margin: 0;
	padding: 0px 2px 0 2px;
}

div#main div.right table tr.require {
	font-weight: bold;
}

div#main div.right table.default, div#main div.right table.default2 {
	width: 100%;
	margin: 0;
	border-collapse: collapse;
	border-bottom: 1px solid #989898;
}

div#main div.right form.filtr {
	margin-left: 20px;
	margin-bottom: 10px;
	font-size: 10px;
}

div#main div.right div.slim {
	margin: 5px 5px 5px 0;
}

div#main div.right .message {
	font-weight: bold;
	font-size: 12px;
	padding: 0;
	margin: 0;
}

div#main div.right .message.error, li.message.error {
	color: #e50202;
	border: 0;
}

div#main div.right .message.warning {
	color: #FF9D00;
}

/* Chybove hlasky */
div.messages {
	border: 1px solid;
	margin: 10px 0px;
	padding:10px 10px 10px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
}

div.messages p {
	margin: 4px 0px 4px 0px;
	padding: 0px;
	font-weight: bold;
}

div.messages.info {
	color: #00529B;
	background-color: #BDE5F8;
	background-image: url('default/icons/message.png');
}

div.messages.info p {
	color: #00529B;
}

div.messages.success {
	color: #4F8A10;
	background-color: #DFF2BF;
	background-image:url('default/icons/valid_green.png');
}

div.messages.success p {
	color: #4F8A10;
}

div.messages.warning {
	color: #9F6000;
	background-color: #FEEFB3;
	background-image: url('default/icons/attention.png');
}

div.messages.warning p {
	color: #9F6000;
}

div.messages.error {
	color: #D8000C;
	background-color: #FCCCCC;
	background-image: url('default/icons/cancel.png');
}

div.messages.error p {
	color: #D8000C;
}

p.summary b {
	color: #0084ff;
}

div#main div.right span.title {
	font-family: "Myriad Pro", Calibri, Arial;
	font-size: 18px;
	font-weight: normal;
	line-height: 30px;
	margin-top: 7px;
}

/*--- BANNER ---*/
div.top_banner{
  width: 1000px;
  background-position: 5px 0px;
  background-repeat: no-repeat;
  height: 174px;
  margin-top: 10px;
}
div.right div.banner {
	width: 722px;
	height: 172px;
	margin-bottom: 3px;
	position: relative;
}

div.right div.banner img {
	width: 722px;
	height: 172px;
	margin-top: -5px;
	margin-left: -5px;
	position: relative;
}

div.right div.banner div.text {
	position: absolute;
	top: 10px;
	left: 11px;
	width: 310px;
	height: 140px;
	overflow: hidden;
	font-family: "Myriad Pro", Calibri, Arial;
}

div.banner div.text h2 {
	padding: 0;
	margin: 0;
	font-size: 20px;
}

div.banner div.text p {
	font-size: 11px;
	padding: 0;
	margin: 0;
}


/*---BOTTOM, podpis---*/

div.banery {
	width: 100%;
	padding-top: 10px;
	padding-bottom: 20px;
	clear: both;
	text-align: center;
}

div.banery img {
	margin: 0 15px;
}

div.banery a {
	text-decoration: none;
}

div#bot {
	width: 100%;
	height: 200px;
	z-index: 3;
}

div#bottom {
	width: 1000px;
	height: 100px;
	position: relative;
	margin: auto;	
	font: 11px Tahoma;
	color: #757575;
}
div#bottom a{
	font: 11px Tahoma;
	text-decoration: underline;
	color: #757575;
}
div#bottom a:hover{
	text-decoration: none;
}

div#bottom span.right{
  position: absolute; 
  right: 20px; 
  top: 15px;
  text-align: left;
	font-weight: bold;
	color: #ffffff;
}
div#bottom span.left{
	position: absolute;
	top: 15px;
	left: 20px;
	text-align: left;
	font-weight: bold;
	color: #ffffff;
}

div#bottom span.left a, div#bottom span.right a{
	font-weight: bold;
	cursor: pointer;
}

div#bottom span.left a.ml{
	margin-left: 10px;
	margin-right: 10px;
}

div#bottom span.right a{
	color: White;
}

div#bottom div.bot-odkazy a:hover{
	color: #000000;
}

div#bottom div.bot-odkazy strong {
	font: 11px Tahoma;
	font-weight: normal;
	color: #a2a2a2;
}
div#bottom div.bot-odkazy {
	position: absolute;
	left: 12px;
	top: 53px;
	text-align: left;
	line-height: 21px;
}

div#bot div#net {
	width: 1000px;
	height: 76px;
	margin: auto;
}

div#error_reporting_dialog{
	position: absolute;
	display: none;
	z-index: 2;
	width: 30%; 
	background: #fff;
	text-align: left;
	line-height: 180%;
	color: #000;
	border-radius: 20px 0 20px 0;
	box-shadow: #444 0 0 10px;
}

div#error_reporting_dialog .content{
	padding: 4%;
	color: #fff;
}

div#error_reporting_dialog div.messages{
	margin: 5% 2%;
}

div#error_reporting_dialog div.messages p{
	text-align: left;
}

div#error_reporting_dialog button.submit{
	float: right;
	margin-bottom: 5%;
}

div#error_reporting_dialog div.header{
	position: relative;
	color: #fff;
	border-radius: 20px 0 0 0;
}

div#error_reporting_dialog div.header h3{
	padding-top: 3%;
	margin: 0;
}

button#error_reporting_close{
	float: right;
	color: #ea0b13;
	border: none;
	background: transparent;
	text-shadow: #fff 1px 1px 2px;
	cursor: pointer;
	font-size: 125%;
}

button#error_reporting_close:hover{
	text-shadow: #888 1px 1px 2px;
}

div#error_reporting_dialog input, div#error_reporting_dialog textarea{
	width: 100%; 
	margin-bottom: 3%;
}

div#error_reporting_dialog textarea{
	resize: none; 
}

a#error_reporting_opener_header{
	cursor: pointer; 
}

/*---HORN� MENU, horizont�ln� menu---*/

ul#topmenu {
	height: 33px;
	margin: 0;
 	padding: 0;
	position: absolute;
	top: 3px;
	right: 0;
	text-align: right;
	z-index: 4;
}

ul#topmenu {
 	list-style: none;
	padding: 0;
	margin: 0;
}

ul#topmenu li {
	list-style: none;
	display: block;
	padding: 4px 12px 0 12px;
	margin: 0;
	margin-top: 5px;
	float: left;
	height: 18px;
	border-right: 1px solid Black;
}

ul#topmenu li:last-child {
	border-right: none;
}

ul#topmenu li a{
	color: Black;
	text-decoration: none;
	font-family: Calibri, Arial;
	font-size: 12px;
	display: block;
}

ul#topmenu li a:hover {
	text-decoration: underline;
}

ul#topmenu li.active_menu a{
	font-weight: bold;
}

span.tooltip {
	border-bottom: 1px dotted black;
}
span.help_form.tooltip {
	border-bottom: none;
}

/* HINT */
/*
span.hint {
	cursor: help;
	font-weight: bold;
	text-decoration: underline;
	color: #5092c5;
}

div.hint, div.popup {
	font-size: 12px;
	font-style: normal;
	text-decoration: none;
	position: absolute;
	padding: 5px;
	display: none;
	color: Black;
	background: #f5f5f5;
	border: 1px solid #bdbdbd;
}
div.popup {
  min-height: 200px;
  min-width: 250px;
}
*/

div#poznamky_win.window {
  background: #F4F4F4;
  width: 200px;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 40;
  border: 1px solid #474747;
  padding: 10px;
}

div#poznamky_win.window h3 {
  color: #d9121a;
  font-size: 14px;
  margin: 0;
  padding: 0;
}

form#renew_pass_form {
	display: none;
}	

tr.hidden, .hidden {
	display: none; 
}

input.error, .error {
	border: 1px solid red;	
}

input.warning, .warning {
	border: 1px solid #FF9D00;
}  

div.debug {
	white-space: nowrap; 
	width: auto; 
	font: 11px/1.1 monospace; 
	background: black; 
	color: lightgreen; 
	text-align: left; 
}

div#main div.right table.table_summary td {
  padding: 0;
}

div#main div.right table.summary {
  margin-left: 0;
  width: 100%;
  margin-bottom: 10px;
}

div#main div.right table.summary td {
  padding: 3px 5px 3px 5px;
}

div#userdata, div#userdata2 {
  margin: 0 0 0 20px;
}

div#userdata table.default td {
  font-weight: bold;
}

div.message p {
	color: #EA0B13;
	font-size: 20px;
}

div.message.success {
	
}

div.message.info {
}

div.message.error {
}

div.empty_line {
	height: 10px;
}

div#info_box {
	width: 100%;
	height: 35px;
	overflow: hidden;
	position: relative
}

div#marquee {
	color: #D62921; 
	font-size: 16px;
	margin-top: 6px;
	font-family: "Myriad Pro", Calibri, Arial;
	position: relative;
	left: 1000px;
	overflow: visible;
	width: auto;
	float: left;
	white-space: nowrap;
}


/* Naseptavac jquery ui */
ul.ui-autocomplete {
	text-align: left;
	border: 1px solid gray;
	max-height: 100px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
	/* add padding to account for vertical scrollbar */
	padding-right: 20px;
}
ul.ui-autocomplete.ui-corner-all {
	border-radius: 0 0 0 0;
}
ul.ui-autocomplete a.ui-corner-all.ui-state-hover {
	border-radius: 0 0 0 0;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-title {
	width: auto;
}

/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
* html .ui-autocomplete {
	height: 100px;
}

.top-space {
	margin-top: 10px;	
}

.swap_address {
	padding-right: 19px;
}

div.dialog {
	display: none;
}

div.dialog.price table {
	text-align: left;
}

div.dialog.price table td {
	padding: 3px;
}

div.dialog.price table td.change, div.dialog.price table td.sum {
	text-align: right;
	border-left: 1px solid black;
}

span.help_form {
	display: inline-block;
	height: 15px;
	width: 15px;
	margin-left: 5px;
	text-decoration: none;			
	background: url("default/icons/help-icon.png") right no-repeat;
}

span.help_form:hover {
	cursor: help;
}

div.background {
	opacity: 0.7;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: #000000;
    z-index: 2;
}
    
div#loading div.animation {
	/*display: none;*/
	position: absolute;
	z-index: 101;
	top: 50%;
	left: 50%;
	width: 24px;
	height: 24px;
	background: url("default/icons/loading.gif") top left no-repeat;
}

select.middle_width {
	width: 136px;
}

.clear {
	clear: both;
}

p.summary {
	padding-top: 7px;
}

div.paging {
	float: right;
	margin: 3px 0;
	margin-left: 20px;
}

div.paging a {
	padding: 2px;
}

div.paging span.active {
	padding: 2px;
	background-color: #4F4F4F;
	color: white;
}

a#theme span,
div#div-theme span {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #151212;
  border: 1px solid #A5A5A5;
  margin: 0 0 0 6px;
  position: relative;
  top: 2px;
}
a#theme span.default,
div#div-theme span.default  {
  background: #d11820;
}
a#theme span.yellow,
div#div-theme span.yellow  {
  background: #f2e229;
}
a#theme span.blue,
div#div-theme span.blue  {
  background: #2791e2;
}
a#theme span.green,
div#div-theme span.green  {
  background: #1be400;
}
div#div-theme {
  position: absolute;
  right: 0;
  top: 35px;
  z-index: 10;
  background: rgba(255, 255, 255, 0.96);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF,endColorstr=#FFFFFF);
  width: 90px;
  padding: 10px; 
  border-right: 1px solid gray;
  border-bottom: 1px solid gray; 
  -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.3);
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
}
div#div-theme a {
  display: block;
  padding-top: 5px;
}
div#div-theme a span {
  float: right;
}
div#div-theme strong.title {
  font-size: 10px;
}
span#nova-novinka {
  display: inline-block;
  width: 22px;
  height: 17px;
  position: relative;
  background: url(/css/default/images/obalka.gif) no-repeat;
  margin: -4px 0 -2px 5px;
}
span#nova-novinka > span {
  font-size: 10px;
  font-weight: bold;
  color: white;
  display: block;
  text-align: center;
  width: 14px;
  position: absolute;
  right: 1px;
  top: 0px;
}

.delete{
    color: red;
    font-weight: bold;
}

div#user_panel{
    background: #E4E4E4;
    padding-bottom: 4px;
    padding-top: 2px;		
}

div#user_panel ul {
    margin-bottom: 10px;
    padding-left: 35px;	
}
div#user_panel ul li.selected{
    font-weight: bold;	
}
div#user_panel .sluzby{
    margin-bottom: -4px;
}
a#theme span, div#div-theme span.psycho{
	background-image: url(default/icons/psycho.png); 	
}

/* Password Meter */
.passStrength {
	display: inline-block;
}
.passStrength.bar { 
	width: 138px;
}
.passStrength.word span {
	color: white; 
	padding: 2px;
	margin-left: 2px;
}
.passStrength.bar span {
	height: 3px; 
	width: 24px; 
	margin-right: 3px; 
	max-height: 3px; 
	font-size: 1px; 
	float: left; 
	background-color: gray;
}

.passStrength.bar span.weak.active {
	background-color: red;
}
.passStrength.bar span.fair.active {
	background-color: orange;
}
.passStrength.bar span.good.active {
	background-color: gold;
}
.passStrength.bar span.strong.active {
	background-color: greenyellow ;
}
.passStrength.bar span.very-strong.active {
	background-color: limegreen;
}

.passStrength.word span.weak {
	background-color: red;
}
.passStrength.word span.fair {
	background-color: orange;
}
.passStrength.word span.good {
	background-color: #FF6600;
}
.passStrength.word span.strong {
	background-color: greenyellow ;
}
.passStrength.word span.very-strong {
	background-color: limegreen;
}

/*MAPA GOOGLE*/
div.map_back{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.75);
	z-index: 20000;	
}
div.mapa{
	background-color: white;
	margin: auto;
	width: 800px;
	padding: 25px;
	margin-top: 50px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
div#map_canvas{
	width:691px;
	height:300px;
	margin-top: 20px;
	margin-left:auto;
	margin-right: auto;
}
div.google_header{
	 background-color: #CC0000;
    border-radius: 10px 10px 10px 10px;
    color: white;
    font-weight: bold;
    margin: -20px -20px 10px;
    padding-bottom: 10px;
    padding-right: 25px;
    padding-top: 10px;
    text-align: center;
	 height: 15px;
}
a.google_add{
	color: white;
	margin-left:175px;	
}
a#google_close{
	float: right;
	margin-right: -23px;
   margin-top: -9px;
}	

table.left{
	float: left;	
}
div.sloupce_left{
		float: left;
		width: 120px;
}
div.sloupce_right{
		float: right;
		width: 120px;
}
a.on_map{
	font-size:10px;
}
/*KONEC GOOGLE MAPA*/
option.select-hr { border-bottom: 1px dotted #000; }
td.red{
	color: red;
}
a.on_map>span{
	position: relative;
	top: -4px;
}
a.on_map>img{
	padding-left: 5px;	
}
td.id_order_xsl{
	min-width: 73px;	
}
td.id_order_xsl a{
	top: 3px;	
	position: relative;
}

label.required {
	font-weight: bold;
}
option.credit_card{
	background: url(default/icons/credit_card.png) no-repeat center right; 	
}

a.topRightCorner2nd, a.topRightCorner3rd {
	position: absolute;
	top: 0;
	right: 0;
}

a.delete {
	color: #fff !important;
	padding: 3px 5px;
	border: 1px solid #fff;
	border-radius: 5px 0 5px 5px;
}

a.delete.topRightCorner3rd {
	right: 22px;
	text-decoration: none;
	background: #D9121A;
	border-radius: 5px;
}

a.delete:hover {
	border-radius: 0 5px 0 0;
}
a.delete.topRightCorner3rd:hover {
	border-radius: 5px;
}

.posRel {
	position: relative;
}

.atLeastSomewhatBig {
	min-width: 150px;
	min-height: 150px;
}

form.registration input[type=text], form.registration input[type=password] {
	width: 140px;
}

form.registration input.slim, form.registration select.slim, form.update input.slim, form.update select.slim {
	width: 50px;
}
#o_save_text, #a_save_text {
	color: grey;
}
#someId .ui-dialog-titlebar-close {
	display: none;
}

.exp {
	border-bottom: 2px solid #2d4156;
	border-left: 0 solid #2d4156;
	border-right: 2px solid #2d4156;
	border-top: 0 solid #2d4156;
	content: "";
	display: inline-block;
	left: 1.2em;
	margin-right: 15px;
	padding: .2em;
	position: absolute;
	top: 50%;
	transform: translateY(-50%) rotate(45deg);
}

.shr {
	border-bottom: 2px solid #2d4156;
	border-left: 0 solid #2d4156;
	border-right: 2px solid #2d4156;
	border-top: 0 solid #2d4156;
	content: "";
	display: inline-block;
	left: 1.2em;
	margin-right: 15px;
	padding: .2em;
	position: absolute;
	top: 50%;
	transform: translateY(-20%) rotate(225deg);
 }