/* www.etnies.cz, CSS styly pro zobrazeni */

/* zakladni nastaveni */

body {
	background-color: #191919;
	margin: 0px;
	padding: 0px;
	font-family: 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	font-weight: normal;
	font-style: normal;
	text-align: center;
	line-height: 130%;
	background-image: url(bg.gif);
	background-repeat: repeat;
	background-position: top left;
}

a img, a:link img {
	border: none;
}

p { margin: 0px 0px 4px 0px; }

td p, th p { margin: 0px; }

h1, h2, h3, h4, h5, h6
{
   font-weight: bold;
   margin-top: 0px;
   margin-bottom: 7px;
}

h1 { font-size: 17px; color: #ffae00; }
h2 { font-size: 13px; color: #ff6600; }
h3 { font-size: 13px; color: #ffae00; }

h3 a
{
	font-size: 13px;
	color: #ffae00;
	text-decoration: none;
}

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

ol { padding-left: 2.3em; }

ul { padding-left: 2.3em; }

ul li { list-style-type: square; }

sub { font-size: 85%; }

sup { font-size: 85%; }

a {
	color: #ffae00;
   font-weight: bold;
	text-decoration: underline;
}

a:hover {
	color: #ffffff;
	text-decoration: underline;
}

fieldset {
	border: 1px solid #cccccc;
	padding: 0.3em;
}

legend {
	border: 1px dotted #cccccc;
	padding: 0.3em;
}

label {
	font-weight: bold;
}

input.text, input.password {
	font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;
	color: #000000;
	background-color: #ffffff;
	border: 0px;
	border-top: 2px solid #cccccc;
	border-left: 2px solid #cccccc;
	padding-left: 2px;
	padding-right: 2px;
}

.long { width: 300px; }

input.checkbox {
	width: 12px;
	height: 12px;
}

input.radio {
	width: 12px;
	height: 12px;
}

input.submit, input.reset, input.button {
	width: 89px;
	height: 37px;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 700;
	color: #2d0f01;
	background: url(button-small.png) left top no-repeat;
	border: none;
	cursor: pointer;
}

input.reset { background: url(button-small-reset.png) left top no-repeat; }

input.file { width: 200px; }
input.file.long { width: 305px; }

input.image {
	padding: 0px;
	border: none;
}

textarea {
	font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;
	color: #000000;
	background-color: #ffffff;
	border: 0px;
	border-top: 2px solid #cccccc;
	border-left: 2px solid #cccccc;
	padding: 2px;
	width: 300px;
	height: 100px;
}

select {
	font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;
}

hr {
	height: 1px;
	border: none;
	background: transparent url(hr.gif) left top repeat-x;
	#height: 0px;
	#border-top: 1px dotted #9b3b0e;
}

table {
	border-collapse: collapse;
}

table td, table th { padding: 3px; }

table th
{
	font-weight: bold;
	text-align: center;
   text-transform: uppercase;
}

table.standard {
	border: 1px solid #aaaaaa;
}

table.standard td {
	border: 1px solid #aaaaaa;
}

table.standard th {
	border: 1px solid #aaaaaa;
}

table.colored {
	border: 1px solid #ff6000;
}

table.colored td {
	border: 1px solid #ff6000;
}

table.colored th {
	background-color: none;
	border-right: 1px solid #ff6000;
	color: #ff6000;
}

img.border {
	border: 3px solid #ff6600 !important;
}

span.date {
	font-size: 13px;
	color: #ff6600;
	text-decoration: none;
}

/* stranka */

div.main, div.body {
	width: 1005px;
	margin: 0px auto;
	text-align: left;
}

div.main-top {
  	position: relative;
  	z-index: 1;
	width: 1014px;
	overflow: hidden;
	background: url(body-top.gif) left top no-repeat;
}

div.main-middle {
	width: 1005px;
   position: relative;
	background: url(main-bg.gif) 1px top repeat-y;
	margin-top: 318px;
}

div.main-middle-inner {
	position: relative;
	top: -318px;
	margin-bottom: -318px;
}

div.main-bottom {
	width: 1005px;
	background: url(body-bottom.gif) 1px bottom no-repeat;
	overflow: hidden;
}

div.main-foot {
	width: 1005px;
	height: 52px;
	margin: 0px auto;
	background: url(body-foot.gif) 1px top no-repeat;
}

div.content {
	margin: 151px 0px 0px 96px;
}

div.content-home { margin: 0px; }

.home-left
{
	width: 225px;
	float: left;
	margin-left: 38px;
	overflow: hidden;
	color: #ffae00;
}

.home-content
{
	padding: 5px 10px 5px 5px;
}

.home-right
{
	position: relative;
	margin-left: 72px;
	float: left;
	/* overflow: hidden; */
	width: 360px;
}

.home-right-inner
{
	width: 360px;
	overflow: hidden;
}

.welcome
{
	position: absolute;
	left: 50px;
	top: 142px;
   z-index: 1000;
	width: 161px;
	height: 60px;
	background: url(welcome.png) left top no-repeat;
}

.home-news
{
	display: block;
	width: 153px;
	height: 70px;
   position: absolute;
   left: -30px;
   top: -5px;
	z-index: 700;
   background: url(page-logo-novinky.png) left top no-repeat;
}

.news-archive
{
	display: block;
	width: 110px;
	height: 55px;
	float: right;
}

.news-archive span
{
	display: block;
	width: 110px;
	height: 55px;
	background: url(archiv.gif) left top no-repeat;
	cursor: pointer;
}

.man-homepage {
	width: 59px;
	height: 202px;
	position: absolute;
	left: 270px;
	top: 69px;
	background: url(man-page.png) left top no-repeat;
}

.man-page {
	width: 59px;
	height: 202px;
	position: absolute;
	left: 15px;
	top: 100px;
	background: url(man-page.png) left top no-repeat;
}

/* paticka */

div.page-foot
{
	width: 950px;
	height: 44px;
   line-height: 44px;
   padding: 0px 10px;
   margin-left: 31px;
   margin-top: 20px;
   margin-bottom: 60px;
   text-align: left;
   font-size: 12px;
   font-weight: bold;
   background: url(page-foot.gif) left top no-repeat;
   color: #000000;
}

div.page-foot a { color: #000000; }
div.page-foot a:hover { color: #ffffff; }

/* sloupce */

.col-left
{
	position: relative;
	margin-left: 31px;
	margin-top: 0px;
	width: 695px;
	float: left;
   overflow: hidden;
	#overflow-y: visible;
	_height: 675px;
	min-height: 675px;
   
}


.col-right
{
	width: 232px;
	float: left;
	margin-left: 17px;
	overflow: hidden;
}


/* vyhledavani */
.searching
{
	margin: 51px 0px 0px 10px;
	width: 222px;
	height: 140px;
}

.searching label
{
	display: block;
	position: relative;
	width: 222px;
	height: 65px;
}

.searching label span
{
	display: block;
	width: 222px;
	height: 65px;
	position: absolute;
	left: 0px;
	top: 0px;
	background: url(label-search.gif) left top no-repeat;
}

.searching input.text
{
	margin-left: 52px;
	width: 157px;
}

/* newsletter */
.newsletter-box
{
	width: 205px;
	height: 190px;
	margin-left: 10px;
}

.newsletter-box label
{
	display: block;
	width: 205px;
	height: 122px;
	position: relative;
}

.newsletter-box label span
{
	display: block;
	width: 205px;
	height: 122px;
	position: absolute;
	left: 0px;
	top: 0px;
	background: url(label-newsletter.gif) left top no-repeat;
}

.newsletter-box input.text
{
	margin-left: 36px;
	width: 157px;
}

.newsletter-terms
{
	line-height: 300%;
	margin-left: 40px;
}

a.homelink
{
	display: block;
	width: 172px;
	height: 172px;
	position: absolute;
	right: 0px;
	top: 0px;
}

a.homelink span
{
	display: block;
	width: 172px;
	height: 172px;
   position: absolute;
   left: 0px;
   top: 0px;
   background: url(logo.png) left top no-repeat;
   cursor: pointer;
   cursor: hand;
}

.page-logo
{
	position: absolute;
	top: 82px;
	left: 63px;
	width:80%;
	height: 70px;
	background-position: left top;
	background-repeat: no-repeat;
}

.p-novinky 	         	{ background-image: url(page-logo-novinky.png); 			}
.p-katalog-modelu   		{ background-image: url(page-logo-katalog-modelu.png); 	}
.p-team 				      { background-image: url(page-logo-team.png); 				}
.p-fotogalerie 		   { background-image: url(page-logo-fotogalerie.png);		}
.p-obchodni-sit 	     	{ background-image: url(page-logo-obchodni-sit.png); 		}
.p-newsletter 		     	{ background-image: url(page-logo-newsletter.png); 		}
.p-napiste-nam		   	{ background-image: url(page-logo-napiste-nam.png); 		}
.p-kontakt 			     	{ background-image: url(page-logo-kontakt.png); 			}

/* hlavni menu */

.main-menu
{
	width: 947px;
	height: 173px;
	margin-top: 12px;
	margin-left: 29px;
	background-image: url(menu-other.gif);
	background-position: left top;
  	background-repeat: no-repeat;
	position: relative;
}

.mm-novinky 	         	{ background-image: url(menu-novinky.gif); 			}
.mm-katalog-modelu     		{ background-image: url(menu-katalog-modelu.gif); 	}
.mm-team 				      { background-image: url(menu-team.gif); 				}
.mm-fotogalerie 		   	{ background-image: url(menu-fotogalerie.gif); 		}
.mm-homepage 			     	{ background-image: url(menu-homepage.gif); 			}
.mm-obchodni-sit 	     		{ background-image: url(menu-obchodni-sit.gif); 	}
.mm-newsletter 		     	{ background-image: url(menu-newsletter.gif); 		}
.mm-napiste-nam 		   	{ background-image: url(menu-napiste-nam.gif); 		}
.mm-kontakt 			     	{ background-image: url(menu-kontakt.gif); 			}

.main-menu ul
{
	margin: 0px;
	padding: 0px;
	position: relative;
	z-index: 500;
}

.main-menu li
{
   display: block;
   position: absolute;
   z-index: 600;
   list-style: none;
   margin: 0px;
   padding: 0px;
}

.main-menu li a {
	position: relative;
	z-index: 700;
	display: block;
	width: 100%;
	height: 100%;
}

.main-menu li a span
{
  	display: block;
	width: 100%;
	height: 100%;
  	position: absolute;
   left: 0px;
   top: 0px;
   cursor: pointer;
   cursor: hand;
	background-position: left top;
	background-repeat: no-repeat;
}

.main-menu li.novinky
{
   width: 101px;
   height: 39px;
	left: 49px;
	top: 9px;
}

.main-menu li.novinky a span { background-image: url(btn-novinky.gif); }
.main-menu li.novinky a:hover span { background-position: left -39px; }
.main-menu li.novinky a.active span { background-position: left -78px !important; }

.main-menu li.katalog
{
   width: 179px;
   height: 45px;
	left: 162px;
	top: 19px;
}

.main-menu li.katalog a span { background-image: url(btn-katalog-modelu.gif); }
.main-menu li.katalog a:hover span { background-position: left -45px; }
.main-menu li.katalog a.active span { background-position: left -90px !important; }

.main-menu li.team
{
   width: 69px;
   height: 32px;
	left: 356px;
	top: 42px;
}

.main-menu li.team a span { background-image: url(btn-team.gif); }
.main-menu li.team a:hover span { background-position: left -32px; }
.main-menu li.team a.active span { background-position: left -64px !important; }

.main-menu li.fotogalerie
{
   width: 129px;
   height: 38px;
	left: 440px;
	top: 51px;
}

.main-menu li.fotogalerie a span { background-image: url(btn-fotogalerie.gif); }
.main-menu li.fotogalerie a:hover span { background-position: left -38px; }
.main-menu li.fotogalerie a.active span { background-position: left -76px !important; }

.main-menu li.home
{
   width: 120px;
   height: 38px;
	left: 16px;
	top: 51px;
}

.main-menu li.home a span { background-image: url(btn-homepage.gif); }
.main-menu li.home a:hover span { background-position: left -38px; }
.main-menu li.home a.active span { background-position: left -76px !important; }

.main-menu li.obchodni-sit
{
   width: 145px;
   height: 40px;
	left: 159px;
	top: 68px;
}

.main-menu li.obchodni-sit a span { background-image: url(btn-obchodni-sit.gif); }
.main-menu li.obchodni-sit a:hover span { background-position: left -40px; }
.main-menu li.obchodni-sit a.active span { background-position: left -80px !important; }

.main-menu li.newsletter
{
   width: 120px;
   height: 36px;
	left: 323px;
	top: 89px;
}

.main-menu li.newsletter a span { background-image: url(btn-newsletter.gif); }
.main-menu li.newsletter a:hover span { background-position: left -36px; }
.main-menu li.newsletter a.active span { background-position: left -72px !important; }

.main-menu li.napiste-nam
{
   width: 140px;
   height: 35px;
	left: 465px;
	top: 107px;
}

.main-menu li.napiste-nam a span { background-image: url(btn-napiste-nam.gif); }
.main-menu li.napiste-nam a:hover span { background-position: left -35px; }
.main-menu li.napiste-nam a.active span { background-position: left -70px !important; }

.main-menu li.kontakt
{
   width: 94px;
   height: 34px;
	left: 623px;
	top: 122px;
}

.main-menu li.kontakt a span { background-image: url(btn-kontakt.gif); }
.main-menu li.kontakt a:hover span { background-position: left -34px; }
.main-menu li.kontakt a.active span { background-position: left -68px !important; }

/* submenu */
.submenu
{
	width: 374px;
	max-height: 149px;
	overflow: hidden;
	position: absolute;
	left: 322px;
	top: -42px;
	z-index: 400;
	background: url(submenu.gif) left top no-repeat;
}

.submenu .level1 
{ 
	margin: 42px 10px 5px 10px;
	line-height: 160%;
}

.submenu .levelx 
{
	margin: 0px 10px 5px 10px;
	border-top: 1px dotted #9b3b0e;
	line-height: 160%;
}

.submenu a.active { color: white; }

/* Fotoglerie */
.leading-photo, .leading-photo-middle
{
	width: 144px;
	height: 161px;
	float: left;
	margin: 0px 0px 23px 0px;
	padding: 18px;
	overflow: hidden;
	background: url(gallery-list.gif) left top no-repeat;
}

.leading-photo-middle { margin: 0px 28px 23px 28px; }

.gallery-description
{
	text-align: center;
	font-size: 13px;
	color: #a0a0a0;
	line-height: 175%;
}

.gallery-description a { text-decoration: none !important; }
.gallery-description a:hover { color: black; }

.gallery-item, .gallery-item-middle
{
	width: 193px;
	height: 138px;
	float: left;
	margin: 0px 0px 17px 0px;
	background: url(gallery-item.gif) left top no-repeat;
}

.gallery-item-middle { margin: 0px 10px 17px 10px; }


/* Strankovani */

.paging ul
{
	float: left;
	margin: 0px;
	padding: 0px;
}

.paging ul li
{
	float: left;
	padding: 0px;
   margin: 0px;
   list-style-type: none;
}

.paging a
{
	display: block;
	padding: 2px 4px;
	margin-right: 1px;
	background: #ff6600;
	color: white;
	text-decoration: none;
	position: relative;
}

.paging a.active
{
	background: #ffae00;
	color: black;
}

.paging a.previous, .paging a.next { background: none; margin: 4px; }

ul.more
{
	float: right;
	margin: 0px;
	padding: 0px;
   list-style-type: none !important;
}

ul.more li
{
	list-style-type: none !important;
}

/* Obchody */

td.photo-available {
	vertical-align: middle;
	text-align: center;
	border: none;
}

td.photo-available a {
	width: 10px;
	height: 9px;
	display: block;
	position: relative;
	overflow: hidden;
}

td.photo-available a span {
	width: 10px;
	height: 9px;
	display: block;
	position: absolute;
	overflow: hidden;
	left: 0px;
	top: 0px;
	background-image: url(photo-available-a.gif);
	cursor: pointer;
}

/* Modely */
.model-filters { color: #ffae00; }

.model-filters a { color: white; text-decoration: none; }
.model-filters a:hover { color: #ffae00; }

.model-filters a.active { color: #ffae00; }
.model-filters a.active:hover { color: white; }

/* Captcha */
.captcha-image { float: left; margin: 3px; }
.captcha-help { float: left; line-height: 130%; }
.captcha-number
{
	font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;
	color: #2D0F01;
	background-color: #ffffff;
	border: 0px;
	border-top: 2px solid #cccccc;
	border-left: 2px solid #cccccc;
   text-align: center;
   font-weight: bold;
   width: 88px;
	clear: both;
	margin-left: 2px;
}

/* boxiky */

.boxes .item
{
	width: 205px;
	margin-left: 10px;
	margin-bottom: 10px;
	overflow: hidden;
}


.stitek
{
	width: 90px;
	height: 40px;
	position: absolute;
	left: 890px;
	top: 205px;
}

/* modely */
.model-item
{
	width: 180px;
	background: white;
	float: left;
	position: relative;
	margin-bottom: 20px;
}

.model-item.middle
{
	margin-left: 23px;
	margin-right: 23px;
}

.model-item-inner
{
   width: 142px;
   margin: 19px 18px;
   overflow: hidden;
}

.model-item .corner-top
{
	width: 180px;
	height: 4px;
	position: absolute;
	left: 0px;
	top: 0px;
	background: url(models-top.gif) left top no-repeat;
}

.model-item .corner-bottom
{
	width: 180px;
	height: 4px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	background: url(models-bottom.gif) left bottom no-repeat;
}

.product-info
{
	color: #555555;
	text-align: center;
	line-height: 150%;
}

.product-info .label
{
	color: #ff6600;
	font-weight: bold;
	text-transform: uppercase;
}


/* obecne */
.left { float: left; }
.right { float: right; }

.tal { text-align: left; }
.tac { text-align: center; }
.tar { text-align: right; }

.lh150 { line-height: 150%; }
.lh200 { line-height: 200%; }
.lh250 { line-height: 250%; }

.m0 { margin: 0px; }
.p0 { padding: 0px; }

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



.absolute { position: absolute; left: 0px; top: 0px; }
.relative { position: relative; }

.space-4
{
	display: block;
	float: left;
	width: 4px;
	height: 4px;
}

.req { color: #ffae00; }

.cl { clear: both; }

.hidden { display: none !important; }

.more-photos-first-line { clear: both; padding: 2px; }
.more-photos-new-line { clear: both; padding: 2px; }

.error
{
	color: #FF0000;
	font-size: 15px;
	font-weight: bold;
}