/*=====================================================================================

	Project:			NORA
	
		
	== iNFO ===========================================
	
	Web width:			100%
	
	
	== Px2Em ===========================================
	
	body 	75%
	
	10px	0.833em
	11px	0.917em
	12px	1.000em
	13px	1.083em
	14px	1.167em
	15px	1.250em
	16px	1.333em
	17px	1.417em
	18px	1.500em
	19px	1.583em
	20px	1.667em
	
	
	== CSS DETAiL ======================================
	
	RESET
	TYPOGRAPHY
	HACKS
	
	LAYOUT
	HEADER
	CONTENT
	FOOTER
	
	TABLE
	CONTACT FORM
	TISK
	
	
=====================================================================================*/

/******************************************************************
	RESET
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
border:0;
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
margin:0;
padding:0;
vertical-align:baseline;
}
article, aside, dialog, figure, footer, header, hgroup, nav, section {
display:block;
}
body {
background:#ededee;
color:#000000;
font-family:arial, tahoma, verdana, sans-serif;
font-size:75%;
font-weight:normal;
line-height:1.425em;
text-align:left;
-webkit-font-smoothing: subpixel-antialiased;
-webkit-font-smoothing: antialiased;
}
select, input, textarea, button {
color:#000;
font-family:arial, tahoma, verdana, sans-serif;
font-size:100%;
margin:0px;
}

/******************************************************************
	TYPOGRAPHY
*/
h1, h2, h3, h4 {
font-size:2em;
font-weight:bold;
line-height:2.1em;
margin:0px;
padding:0px;
}

.clear			{clear:both;}
.left			{float:left !important;}
.right			{float:right !important;}
.hide			{display:none;}

p               {margin:0px;}
img				{border:0px;margin:0px;}
strong			{font-weight:bold;}
em				{font-style:italic;}
sup, sub		{line-height:0;font-size:90%}
ul				{margin:0em 0em 0em 1.0em; padding:0em 0em 1.5em 0em;list-style-type:disc;}
ol				{margin:0em 1.5em 0em 2.0em; padding:0em 0em 1.5em 0em;list-style-type:decimal;}
.ie6 ul			{margin-left:2.0em;}
.ie6 ol			{margin-left:2.6em;}
.ie7 ul			{margin-left:2.0em;}
.ie7 ol			{margin-left:2.6em;}
.ie8 ul			{margin-left:1.5em;}
hr				{height:0px;color:#cccccc;border:0px;border-top:1px solid #cccccc;}

a,
a:link,
a:visited,
a:hover {
color:#77223c;
text-decoration:underline;
outline:none;
}
a:focus,
a:hover{
text-decoration:none;
}

sub, sup {font-size:70%; position:relative;}
sub {bottom:-5px;}
sup {top:-5px;}

/******************************************************************
	HACKS
*/
html 			{overflow-y:scroll;} 						/* PRO NON-IE PROHLIZECE PRIDA DOPRAVA SCROLLBAR */
textarea		{overflow:auto;} 							/* V IE ODSTRANI V TEXTAREA SCROLLBAR */
button 			{width:auto; overflow:visible;}				/* WWW.VIGET.COM/INSPIRE/STYLING-THE-BUTTON-ELEMENT-IN-INTERNET-EXPLORER/ */

::-moz-selection	{background:#1860f3; color:#fff; text-shadow: none;}
::selection 		{background:#1860f3; color:#fff; text-shadow: none;}

.clearfix:before,											/* NEW CLEARFIX! - RESI PROBLEM S VYTECENIM FLOATOVANYCH PRVK� */
.clearfix:after,
.movie:before,
.movie:after {
content: ".";    
display: block;    
height: 0;    
overflow: hidden;	
}
.clearfix:after,
.movie:after {clear: both;}
.clearfix,
.movie {zoom: 1;} /* IE 5.5/6/7 */

html, body {
height:100%
}

/**********************************************/
/*				HEADER						  */
/**********************************************/
#header {
background:#fff;
height:90px;
border-bottom:3px solid #77223c;
}
#header a:link,
#header a:visited,
#header a:hover {
background:url(../img/logo-new.png) no-repeat 0px 0px;
color:#000;
float:left;
height:90px;
line-height:40px;
margin:0 0 0 20px;
text-decoration:none;
text-indent:-9999px;
width:194px;
}
#header a:link strong,
#header a:visited strong,
#header a:hover strong {
font-size:1.667em;
}


/**********************************************/
/*				CONTENT						  */
/**********************************************/
#content {
padding:0px;
background:url(../img/content-bg.gif) repeat-y;
min-height:100%;
}
#contentin {
background:url(../img/contentin-bg.jpg) 0% 100% no-repeat;
min-height:100%;
}
#content #leftCol {
/*background:#d0d1d2;
background:url(../img/leftCol.png) no-repeat bottom left;*/
float:left;
width:155px;
}
#content #leftCol ul {
list-style-type:none;
margin:0;
padding:10px 5px 0 5px;
width:145px;
}
#content #leftCol ul li {
margin:0;
padding:0 0 8px;
width:145px;
}
#content #leftCol ul li ul {
padding:5px 0 0 5px;
width:140px;
}
#content #leftCol ul li ul li {
padding:0 0 5px;
width:140px;
}
#content #leftCol ul li a:link,
#content #leftCol ul li a:visited,
#content #leftCol ul li a:hover {
background:#77223c;
color:#fff;
display:block;
font-weight:bold;
padding:6px 10px 8px;
text-decoration:none;
}
#content #leftCol ul li a.act:link,
#content #leftCol ul li a.act:visited,
#content #leftCol ul li a.act:hover,
#content #leftCol ul li a:hover {
background:#77223c url(../img/leftCol-item.png) no-repeat bottom left;
}
#content #leftCol ul li ul li a.act:link,
#content #leftCol ul li ul li a.act:visited,
#content #leftCol ul li ul li a.act:hover,
#content #leftCol ul li ul li a:hover {
background:#924e63;
}
#content #rightCol {
background:#fff;
float:left;
line-height:19px;
margin:25px 25px 0 25px;
width:610px;
}
#content #rightCol .article {
padding:0 30px 10px;
}
#content #rightCol .article h1 {
font-size:1.3em;
padding:22px 0 3px;
}
#content #rightCol .article h2 {
font-size:1.1em;
padding:12px 0 3px;
}
#content #rightCol .article p {
padding:0 0 19px;
}
#content #rightCol .article ul {
margin:20px 0 0 30px;
padding:0;
}
#content #rightCol .article ul li {
font-weight:normal;
margin:0;
padding:0 0 7px;
}
#content #rightCol .article ul li h2 {
font-weight:normal;
}
#content #rightCol .article ul li a:link,
#content #rightCol .article ul li a:visited,
#content #rightCol .article ul li a:hover {
color:#000;
font-size:1.083em;
}
#content #rightCol .article .motivyvpravo img {
margin-bottom:20px;
}
#content #rightCol .article .motivyvpravo img.last {
margin-top:2px;
margin-bottom:0px;
}






.usertab{
width:100%;
}
.usertab tr th{
font-weight:bold !important;
padding:5px 15px;
background: #c4c5c6;
}
.usertab tr.even{
background: #d5d6d7;
}
.usertab tr th.center{
border-right:1px solid black;
border-left:1px solid black;
}
.usertab tr td{
font-weight:normal;
padding:2px 15px;
}


.article label {
display:block;
float:left;
font-weight:normal;
margin:10px 8px 0px 0px;
padding:0px;
width:120px;
text-align:left;
}

.article label.attache {
	position:relative;
	width:100%;
	cursor: pointer;
}
.article label.attache input {
	width:calc(100% - 150px);
	height:25px;
	border-color:#ccc;
}
.article label.attache small {
	position:absolute;
	right:0px;
	bottom:0px;
	width:130px;
	line-height:27px;
	padding:0;
	text-align: center;
	cursor: pointer;
	border:1px solid #000;
	background:#ccc;
}
.article label.attache input[type=file] {
	position:absolute;
	right:0px;
	bottom:0px;
	z-index:1;
	width:100%;
	font-size:2.5em;
	cursor:pointer;
	opacity:0;
}
.article input,
.article textarea{
float:left;
font-weight:normal;
margin:10px 0px 0px 0px;
vertical-align:middle;
width:410px;
border:1px solid #8d8d8c;
}
.article textarea{
height:60px;
}
.article label.small{
width:30px;
margin-left:8px;
}
.article input.small{
width:50px;
}
.article input.small2{
width:100px;
}
.article input.middle{
width:310px;
}
.article input.middle2{
width:250px;
}
.article label.checkbox{
width:90px;
margin-left:8px;
}
.article input.checkbox{
width:auto;
margin:12px 0 0;
}
.article input.new {
border:1px solid #ccc;
line-height:25px;
margin-bottom:20px;
}

.article table{
width:100%;
margin:10px 0px 0px 0px;
}
.article table tr{
vertical-align:top;
}
.article table tr th {
font-weight:normal;
width:25%;
}
.article table tr td label{
margin-right:8px;
width:350px;
}
.article table tr td input{
border:0px;
width:auto;
margin-right:10px;
}
.article table.default{
width:auto;
margin:0 auto;
}
.article table.default tr td label{
margin-right:8px;
width:auto;
cursor: pointer;
}
.article table.default tr td label strong{
display:inline-block;
padding:8px 20px 0 0;
}




a.buttonHref:link,
a.buttonHref:visited,
a.buttonHref:hover {
display:block;
padding:10px 0px;
margin:10px 0px;
width:100%;
background:#77223c;
color:#fff;
font-weight:bold;
text-decoration:underline;
text-align:center;
}
a.buttonHref:hover {
text-decoration:none;
}


.article ul.motivy {
margin:0 !important;
padding:0 !important;
}
.article .motivy li {
list-style:none;
float:left;
width:50%;
margin:0px 0px 20px 0px !important;
}
.article .motivy label {
cursor:pointer;
width:90%;
float:left;
padding:0 0 0 20px;
margin:0px;
}
.article .motivy label input {
width:auto;
float:left;
margin:0px 10px 30px -20px;
}
.article .motivy label img {
	margin:0px 10px 0px -20px;
}
.article .motivy .jaro {
background:url(../Img/akcni-nabidka/form-jaro-202007.gif) no-repeat bottom center;
}
.article .motivy .leto {
background:url(../Img/akcni-nabidka/form-leto-202007.gif) no-repeat bottom center;
}
.article .motivy .podzim {
background:url(../Img/akcni-nabidka/form-podzim-202007.gif) no-repeat bottom center;
}
.article .motivy .zima {
background:url(../img/akcni-nabidka/form-zima-202007.gif) no-repeat bottom center;
}
.article .motivy .provas {
background:url(../Img/akcni-nabidka/form-provas-202007.gif) no-repeat bottom center;
}
.article .motivy .seat {
background:url(../Img/akcni-nabidka/form-seat-202007.gif) no-repeat bottom center;
}
.article .motivy .audi {
background:url(../Img/akcni-nabidka/form-audi-202007.gif) no-repeat bottom center;
}
.article .motivy .vw {
background:url(../Img/akcni-nabidka/form-vw-202007.gif) no-repeat bottom center;
}



.article .loga {
margin:15px 0px 25px;
}
.article .loga label {
float:left;
/*width:108px;*/
width:33%;
height:100px;
margin:0px;
position:relative;
cursor:pointer;
text-align: center;
padding-bottom: 50px;
}
.article .loga label input {
position:absolute;
left:50%;
transform: translateX(-50%);
bottom:40px;
}
.article .loga .vw {
background:url(../Img/akcni-nabidka/01-vw-os-202304.png) no-repeat top center;
}
.article .loga .audi {
background:url(../Img/akcni-nabidka/02-audi-202007.png) no-repeat top center;
}
.article .loga .seat {
background:url(../img/akcni-nabidka/03-seat-202304.png) no-repeat top center;
}
.article .loga .skoda {
background:url(../Img/akcni-nabidka/04-skoda-202304.png) no-repeat top center;
}
.article .loga .vw_uz {
background:url(../Img/akcni-nabidka/05-vw-uz-202304.png) no-repeat top center;
}
.article .loga .cupra {
background:url(../Img/akcni-nabidka/06-cupra-202501.png) no-repeat top center;
}
.error {
margin:5px 0px;
padding:5px 10px;
border:1px solid red;
color:red;
}



.article table.goods{
font-size:100%;
}
.article table.goods tr{
}
.article table.goods tr td{
vertical-align:top;
padding:20px 20px 20px 0px;
border-bottom:1px solid #ededee;
}
.article table.goods tr th{
padding:20px 0px 20px 0px;
border-bottom:1px solid #ededee;
font-weight:normal;
text-align:left;
width:100%;
}
.article table.goods tr.last td,
.article table.goods tr.last th {
border-bottom:0px;
}
.article table.goods tr td>label {
width:auto;
float:none;
margin:0;
cursor:pointer;
}
.article table.goods tr th .goodsPrice{
float:right;
}
.article table.goods tr th .goodsPrice div{
margin:5px 0px;
}
.article table.goods tr th .goodsPrice div label{
width:auto;
margin:0px;
}
.article table.goods tr th .goodsPrice div span.price input {
margin:0 10px;
}
.article table.goods tr th .goodsPrice div span.discount input {
margin:0 10px;
}
.article table.goods tr th .goodsPrice div span.rebate input {
margin-left:7px;
}
.article table.goods tr th .goodsPrice div span.marge input {
margin-left:8px;
}


.ie7 .article table.goods tr th .goodsPrice div span.discount input,
.ie8 .article table.goods tr th .goodsPrice div span.discount input,
.ie9 .article table.goods tr th .goodsPrice div span.discount input {
margin-left:9px;
}
.ie7 .article table.goods tr th .goodsPrice div span.rebate input,
.ie8 .article table.goods tr th .goodsPrice div span.rebate input,
.ie9 .article table.goods tr th .goodsPrice div span.rebate input {
margin-left:6px;
}
.ie7 .article table.goods tr th .goodsPrice div span.marge input,
.ie8 .article table.goods tr th .goodsPrice div span.marge input,
.ie9 .article table.goods tr th .goodsPrice div span.marge input {
margin-left:5px;
}


.article table.goods tr th .goodsPrice div span{
float:left;
}
.article table.goods tr th .goodsPrice div label span input.radio{
margin:-3px 5px 0px 0px;
border:0px;
}
.article table.goods tr th .goodsPrice div input.radio{
width:20px;
margin:-3px -2px 0px 10px;
border:0px;
}
input.disabled,
textarea.disabled {
background:#f0f0f0;
}

.article table.items tr td input,
.article table.goods tr td input{
margin:3px 0px 0px 0px;
}
.article table.items tr th input,
.article table.goods tr th input{
width:99%;
padding:2px 0px 2px 0px;
margin:0px 0px 10px 0px;
}
.article table.items tr th textarea,
.article table.goods tr th textarea{
width:99%;
padding:2px 0px 2px 0px;
margin:0px 0px 10px 0px;
height:90px;
}
.article table.goods tr th input.strongGoodsInput{
font-weight:bold;
}
.article table.goods tr th .goodsPrice input{
width:100px;
float:none;
margin:0px;
}
.article table.goods tr td input.center{
float:none;
}

img.border {
border:1px solid #000;
}


.article table.items{
font-size:100%;
margin:0 0 20px;
}
.article table.items tr{
}
.article table.items tr td{
vertical-align:top;
padding:20px 0;
border-bottom:1px solid #ededee;
}
.article table.items tr th{
padding:10px 0px 5px 0;
border-bottom:1px solid #ededee;
font-size:1.2em;
background:#ededee;
text-align:left;
}
.article table.items tr th:first-of-type {
	padding-left:10px;
}
.article table.items tr td label {
	width:auto;
}
.article table.items tr td label span {
	font-weight: 600;
	display:inline-block;
	font-size:1.1em;
}
.article table.items tr td label span input[type=radio] {
	margin-right:10px;
}
.article table.items tr td input[type=text] {
	border:1px solid #ccc;
	line-height:25px;
}
.article table.items tr td span:not(:last-of-type) label {
	margin-right: 20px;
}
.article table.items tr td span label input[type=radio] {
	margin-right:10px;
}






#content-login {
background:url(../img/logo-big-new.png) no-repeat center 100px;
margin:0 auto;
padding:300px 0 0;
text-align:center;
width:500px;
}
.content-registration {
background:none !important;
padding-top:20px !important;
}
#content-login #form {
background:#77223c;
margin:0 0 15px;
padding:78px 0 30px;
text-align:left;
}
.content-registration #form {
padding-top:20px !important;
}
#content-login #form label {
color:#fff;
float:left;
font-size:1.500em;
margin:4px 0 0 34px;
width:170px;
}
#content-login #form input,
#content-login #form textarea {
background:#fff;
border:0px;
color:#000;
float:right;
height:30px;
line-height:30px;
margin:0 40px 10px 0;
padding:0 10px;
width:224px;
}

.content-registration #form .small {
font-size:65%;
}
#content-login #form textarea {
height:100px;
}
#content-login #form a.resetPsw:link,
#content-login #form a.resetPsw:visited,
#content-login #form a.resetPsw:hover {
color:#fff;
float:left;
margin:-3px 0 0 216px;
}
#content-login #form a.button:link,
#content-login #form a.button:visited,
#content-login #form a.button:hover,
#content-login #form input.button,
.article input.button,
.article input.button-upload,
#content-login #form button {
background:#d0d1d2;
border:0;
color:#000;
cursor:pointer;
float:right;
font-size:1.417em;
font-weight:bold;
height:24px;
line-height:24px;
margin:20px 40px 0 0;
padding:0;
text-align:center;
text-decoration:none;
width:107px;
}
#content-login #form a.button:link,
#content-login #form a.button:visited,
#content-login #form a.button:hover {
font-size:1.250em;
margin:20px 30px 0 0;
}
#content-login #form a.button:hover,
#content-login #form input.button:hover,
.article input.button:hover,
.article input.button-upload:hover,
#content-login #form button:hover {
background:#858586;
color:#fff;
}

.article input.button {
margin-right:10px;
margin-bottom:10px;
}
.article input.button-upload {
width:150px;
margin:10px 0px 0px;
}

input.errHilite,
textarea.errHilite {
background:#fddcdc !important;
}