/*///////////////////////// detail firmy */
.mapkavdetailu{	float: right;	width: 252px;	height: 163px;	margin: 0px 0px 20px 20px;}
p.zakladnipopis{	font: normal 14px Trebuchet MS;	margin: 5px 0px 15px 0px;	width: 350px;}
h2.detailfirmah2{	font: normal bold 16px Trebuchet MS;	margin: 25px 0px 15px 0px;	color: Black;}
h3.detailfirmah3{	margin: 15px 0px 10px 0px;	color: Black;	font: normal bold 15px Trebuchet MS;}
h4.detailfirmah4{	margin: 15px 0px 10px 0px;	color: Black;	font: normal bold 14px Trebuchet MS;}

.skrolovacipole{	height: 180px;	overflow: scroll;}

.tablefirmapobocky{	width: 100%;}
.tablefirmapobocky th{	background-color: #3a3a3a;	padding: 2px 4px 2px 4px;	color: White;}
.tablefirmapobocky td{	background-color: #ececec;	padding: 2px 4px 2px 4px;}
.tablefirmapobocky td:hover{	background-color: #8ecaf2;}
.tablefirmapobocky a{	text-decoration: none;	color: Black;}
.tablefirmapobocky a:hover{	text-decoration: none;	color: Black;	
}

/*///////////////////////// detail firmy */

.formular1 {width: 200px;	float: left;	margin: 0px 0px 0px 0px;	font: normal 13px Trebuchet MS;	color: Gray;	border: 1px solid #c9c9c9;	padding: 6px 6px 6px 6px;	-webkit-border-radius: 4px;	-moz-border-radius: 4px;	border-radius: 4px;}
.formular4a {width: 145px;	float: left;	margin: 0px 0px 0px 0px;	font: normal 13px Trebuchet MS;	color: Gray;	border: 1px solid #c9c9c9;	padding: 6px 6px 6px 6px;	-webkit-border-radius: 4px;	-moz-border-radius: 4px;	border-radius: 4px;}

input.formular1:focus, input.formular4a:focus {background-color: transparent;	color: Black;	}

.formular9{		width: 110px;	float: left;	margin: 0px 0px 0px 0px;	font: normal 13px Trebuchet MS;color: Gray;	border: 1px solid #c9c9c9;	padding: 6px 6px 6px 6px;	-webkit-border-radius: 4px;	-moz-border-radius: 4px;	border-radius: 4px;}

.formular1a{	width: 200px;	margin: 0px 0px 0px 0px;	font: normal 13px Trebuchet MS;	color: Silver;	border: 1px solid #c9c9c9;
	padding: 4px 4px 4px 4px;	color: Black;	-webkit-border-radius: 6px;	-moz-border-radius: 6px;	border-radius: 6px;
}
input.formular1a:focus  {	font: normal 13px Trebuchet MS;	background-color: transparent;	border: 2px solid #515d69;	color: Black;	-webkit-border-radius: 4px;	-moz-border-radius: 4px;	border-radius: 4px;}


.formular2{	height: 22px;	width: 330px;	float: left;	margin: 0px 0px 0px 0px;	font: normal 12px Trebuchet MS;	color: Gray;
	border: 2px solid #c9c9c9;
	padding: 2px 4px 2px 4px;
color: Black;	-webkit-border-radius: 4px;	-moz-border-radius: 4px;	border-radius: 4px;
}
.formular3{	height: 22px;	width: 38px;	margin: 0px 7px 0px 7px;	font: normal 13px Trebuchet MS;	color: Gray;
	padding: 6px 6px 6px 6px;	border: 1px solid #c9c9c9;	color: Black;	-webkit-border-radius: 4px;	-moz-border-radius: 4px;	border-radius: 4px;
	text-align: center;}
.napistearea{	height: 100px;	width: 490px;	margin: 0px 0px 0px 0px;	font: normal 12px Trebuchet MS;	color: Gray;	padding: 3px 3px 3px 3px;	border: 1px solid Gray;		-webkit-border-radius: 3px;	-moz-border-radius: 3px;	border-radius: 3px;	
}
.formsirka100{	width: 120px;	float: left;	padding-top: 6px;	font: 15px Trebuchet MS;}
.boxsirka350{
	-webkit-border-radius: 3px;	-moz-border-radius: 3px;	border-radius: 3px;	padding: 16px 20px 16px 20px;	border: 1px solid #0070c0;	width: 620px;	margin: 2px 0px 10px 0px;}
.boxsirka350alert{	padding: 16px 20px 16px 20px;	border: 1px solid #922d00;	background-color: #e60000;	color: White;	
	height: auto;	width: 790px;	-webkit-border-radius: 10px;	-moz-border-radius: 10px;
	border-radius: 10px;	box-shadow: 0px 0px 8px 4px rgba(119, 119, 119, 0.55);	-moz-box-shadow: 0px 0px 8px 4px rgba(119, 119, 119, 0.55);
	-webkit-box-shadow: 0px 0px 8px 4px rgba(119, 119, 119, 0.55);	margin: 20px auto 20px auto;
}
.poleprokatalogscroll{	height: 460px;	display: block;	overflow: auto;}
p.Nadpissekce1{	font: bold 16px Trebuchet MS;	background-color: Silver;	padding: 6px 0px 6px 6px;}
p.Nadpissekce2{	font: italic bold 14px Trebuchet MS;	background-color: #DDDDDD;	padding: 3px 0px 3px 3px;	margin-left: 15px;}
p.Nadpissekce3{	font: bold 12px Trebuchet MS;}
/*------------l menu menu-------------*/
#l_menusub li{
	color: #752A7F;
	list-style-type: none;
	font: 14px Trebuchet MS;
	display: block;
	padding: 6px 2px 3px 0px;
	margin: 0;
	list-style-position: outside;
}
#l_menusub li.lmenuodskok{
	padding-left: 16px;
	background: url(../img/li1.gif) no-repeat bottom left;
}
#l_menusub li.lmenuodskok:hover{background: url(../img/li1-hover.gif) no-repeat bottom left;}
#l_menusub a{color: #830000;text-decoration: none;}
#l_menusub a:hover{color: #FF2900;}

/*------------l menu menu-------------*/

/*------------top menu-------------*/

#menu ul{
	margin: 21px 0px 0px 217px;
	padding: 0px;
}
#menu li{
	color: #752A7F;
	list-style-type: none;
	font: 13px Tahoma, Trebuchet, Arial, serif;
	display: inline;
	padding: 8px 25px 4px 25px;
	margin: 0;
}
#menu a{
	text-decoration: none;
	color: Black;
}
#menu a:hover{
	color: Navy;
}


.tecka{
	width: 13px;
	height: 20px;
	background: url(../img/menu_tecka.gif) no-repeat;
}
/*--------konec top menu----------*/

/*--------patka----------*/
#operace{
	padding: 31px 130px 0px 230px;
}
#operace a{
	text-decoration: none;
	color: #324A27;
}
#operace a:hover{
	text-decoration: underline;
}
#copyr{
	margin: 15px 40px 0px 250px;
	color: #C0FF96;
	font: 11px;
}
#copyr a{
	text-decoration: none;
	color: #8DFF4B;
}
#copyr a:hover{
	text-decoration: underline;
}
.notisk{
	text-decoration: line-through;
	color: #4B693E;
}
/*--------konec patka----------*/
#pole A{
	color: #5F6037;
}
#pole A:Hover{
	color: #774C0E;
}

#obsah IMG {
	margin-right: 5px;
}


#kontakt{
	color: #592309;
	padding: 36px 10px 0px 10px;
	font: 11px;
	text-align: center;
}
#kontakt a{text-decoration: none; color: #592309;}
#kontakt a:hover{text-decoration: underline;}
#copyri{
	font: 11px Arial, Helvetica, sans-serif;
	color: #A4200E;
	margin: 14px auto auto 100px;
}
#copyri a{text-decoration: none; color: #E33A22;}
#copyri a:hover{text-decoration: underline; color: #592309;}


.cleaner {clear: both; visibility: hidden;}
.cleanerp {	clear: both;	height: 1px;	float: none;}

div.h1gb{	height: 56px;	overflow: hidden;	padding: 0px;	margin: 0px auto 0px auto;	clear: both;	width: 100%;	position:relative;}
.h1gbButton{position:absolute;top:10px;right:0px;width:190px;height: auto;}

a#prihlasith1{	display: block;	float: right;	background: transparent url(../img/h1-but-prihlasit.png) no-repeat 0 -42px;	width: 180px;	height: 42px;	text-indent: -2000px;	margin: 3px 5px 0px 0px;}
a#prihlasith1:hover{
	background: transparent url(../img/h1-but-prihlasit.png) no-repeat 0 0px;
}

a#vaseh1{
	display: block;
	float: right;
	background: transparent url(../img/h1-but-vaseudaje.png) no-repeat 0 -42px;
	width: 180px;
	height: 42px;
	text-indent: -2000px;
	margin: 3px 5px 0px 0px;
}
a#vaseh1:hover{
	background: transparent url(../img/h1-but-vaseudaje.png) no-repeat 0 0px;
}

h1{
	padding: 5px 20px 10px 20px;
	color: Black;
	margin: 0px 0px 25px 0px;
	font: normal 17px Trebuchet MS;
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	
}
h2{
	font: normal bold 16px Trebuchet MS;
	color: #0b6eb5;
	margin: 20px 0px 20px 0px;
	padding: 0;
	text-transform: uppercase;
}
h2.formulareus{
	font: normal bold 16px Trebuchet MS;
	color: #0b6eb5;
	margin: 20px 0px 20px 0px;
	padding: 0;
	text-transform: uppercase;
	width: 160px;
	text-align: right;
}
h3{
	font: bold 15px Tahoma, Trebuchet, Arial, serif;
	color: #e60000;
	margin: 5px 0px 10px 10px;
}
h4{
	font: 14px Georgia, Times, serif;
	color: #354D29;
	margin: 5px 0px 2px 10px;
}
p{
	/*text-indent: 17px;*/
	text-align: justify;
	margin-bottom: 15px;
}
ul{padding-left: 15px;}

#pole li{
	list-style-image: url(../img/li.gif);
}

#galerie{	text-align: center;}
.galerieo{
	display: inline;
	float: left;
	margin: 0px 10px 15px 10px;
	width: 149px;
	height: 149px;
	text-align: center;
	background: Gray url(../img/galerie.gif) no-repeat top;
}

#fotogalerie{	padding: 0px;	margin: 25px 0px 0px 0px;	border-top: 1px solid Black;}
#fotogalerie a{text-decoration: none;	display: block;	margin: 0px 0px 0px 0px;}
#fotogalerie IMG{	margin: 12px 0px 0px 0px;	border: 2px solid White;}
#fotogalerie IMG:hover{	border: 2px solid Yellow;}
#fotogalerie IMG.noborder{	border: none;}

.yellow{color: #fadc36;}
.green{color: Green;}
.gold{color: #959657;}
.dgold{color: #826B3A;}
.red{color: #CC0000;}
.blue{color: #0070c0;}
.white{color: White;}
.black{color: Black;}
.sirka20{width: 20px;float: left;}
.sirka30{width: 30px;float: left;}
.sirka40{width: 45px;float: left;}
.sirka60{width: 60px;float: left;}
.sirka65{
	width: 65px;
	float: left;
	color: Black;
}
.sirka70{width: 70px;float: left;}
.sirka90{width: 90px;float: left;}
.sirka100{width: 100px;float: left;}
.sirka130{width: 130px;float: left;}
.sirka160{width: 160px;float: left;}
.formularetexty{	width: 140px;	float: left;	font: normal 15px Trebuchet MS;	padding: 7px 10px 0px 0px;	color: #808080;	text-align: right;}
.formularetextyden{	width: 20%;	float: left;	font: normal 15px Trebuchet MS;	padding: 7px 10px 0px 0px;	color: #808080;	text-align: right;}

.paddtop7{	margin: 20px 0px 0px 0px;}
.zelenepodbarvy{	background-color: Green;}
.sirka200{width: 200px;float: left;}
.sirka350{width: 350px;float: left;}
.sirka320{width: 320px;float: left;}
.tsirka100{	width: 140px;	text-align: center;}
.polovina{width: 45%;float: left;}
.polovina2{width: 45%;float: left;}
.tretina{width: 187px;float: left;}
.vyska22{height: 24px;float: none;}
.vyska32{height: 38px;float: none;}
.vystred{text-align: center;}
.vpravo{text-align: right;float: right;}
.bezokraju{border: none;}
.haerko{	height: 5px;	margin: 5px 3px 1px 3px;	text-decoration: none;	clear: both;}
input.muj3  {	FONT-FAMILY: Arial, Verdana, sans serif;	FONT-SIZE: 11px;	color: #757644;	font: Arial;	width: 112px;	border: 1px solid #959657;	padding: 1px 1px 1px 1px;}
#pikto_produkt IMG{	border: none;	margin: 0px 0px 0px 0px;}
.formulpravy{	padding: 5px 0px 10px 15px;	display: table;	width: 213px;	margin: 6px 0px 6px 0px;	height: auto;	border-left: 1px solid Black;}
.formullevy{	padding: 5px 5px 10px 0px;	display: table;	float: left;	width: 230px;	height: 100px;	margin: 6px 0px 6px 0px;}

INPUT.polozky{	border: 1px solid #826B3A;	color: #826B3A;	width: 25px;	padding: 1px 1px 1px 1px;	font-size: 10px;}

.ilu_obrazek {	margin: 0px 4px 0px 0px;	padding: 0;	float: left;	border: 5px solid White;	width: 166px;	height: 117px;	overflow: hidden;}

.ilu_obrazek2{	margin: 2px 20px 2px 2px;	padding: 0;	border: 5px solid White;	width: 160px;	height: auto;	_height: 127px;	min-height: 127px;	float: left;	text-align: center;background-color: White;}
.ilu_obrazek2 img{	width: 156px;	height: auto;	_height: 117px;	margin: 0;	padding: 0;	margin-bottom: -5px;}
p.textvkatalogu{	height: 56px;}
.nastip{	width: 104px;	height: 187px;	background: transparent url(../img/doporucujeme.png) no-repeat top left;	margin-top: -187px;	margin-left: -5px;	z-index: 40;	position: relative;}

.formyvkatalogusponzor {	height: auto;	_height: 180px;	clear: both;	min-height: 180px;	padding: 0px 0px 0px 2px;	margin: 2px 0px 2px 0px;	background: #e7e0dc;}
.formyvkatalogu {
	height: auto;
	_height: 180px;
	clear: both;
	min-height: 180px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	background: transparent;
}
.formyvkatalogubezrazitka {
	height: auto;
	padding: 20px 7px 20px 20px;
	margin: 0px;
}

@media only screen and (max-width: 990px) {
	.ilu_obrazek2{	margin: 2px 20px 2px 2px;	padding: 0;	border: 5px solid White;	width: 20%;	height: auto;	float: left;	text-align: center;	background-color: White;	vertical-align: middle;}
	.ilu_obrazek2 img{	width: 96%;	height: auto;	margin: 0;	padding: 0;	margin-bottom: -5px;vertical-align: middle;}
	p.textvkatalogu{	height: auto;	overflow: hidden;}
	.nastip{	width: 104px;	height: 187px;	background: transparent url(../img/doporucujeme.png) no-repeat top left;	margin-top: -187px;	margin-left: -5px;	z-index: 40;	position: relative;}
}
@media only screen and (max-width: 780px) {
	.nastip{	width: 75px;	height: 120px;	background: transparent url(../img/doporucujeme75.png) no-repeat top left;	margin-top: -170px;	margin-left: 0px;	z-index: 40;	position: relative;}
	.formyvkatalogu{	height: 120px;}
	.formyvkatalogusponzor{	height: 120px;}
	.formyvkatalogubezrazitka {padding: 12px 10px 12px 10px;}
}
@media only screen and (max-width: 650px) {
	/*.nastip{	width: 50px;	height: 120px;	background: transparent url(../img/doporucujeme50.png) no-repeat top left;	margin-top: -165px;	margin-left: 0px;	z-index: 40;	position: relative;}*/
	.nastip{	display: none;}
	.formyvkatalogubezrazitka {padding: 10px 8px 10px 8px;}
	.formyvkatalogu{	height: auto;min-height: 0px;}
	.formyvkatalogusponzor{	height: auto;min-height: 0px;}
}
@media only screen and (max-width: 500px) {
	.ilu_obrazek2{	display: none;}
}
.formyvkataloguuser {
	height: auto;
	_height: 80px;
	clear: both;
	min-height: 80px;
	padding: 2px 0px 3px 2px;
	margin: 5px 0px 20px 0px;
	background: transparent url(../img/detail-uprava0.png) no-repeat bottom right;
}
.formyvkataloguuser:hover{
	background-color: #efefef url(../img/detail-uprava.png) no-repeat bottom right;
}


.formyvkatalogusponzorrazitko {	height: auto;	padding: 17px 7px 0px 7px;	margin: 0px;	background: transparent url(../img/doporucujemesekce.gif) no-repeat top right;}

.formyvkatalogusponzor h3{	text-align: left;	font: bold 16px Trebuchet MS;	color: #0070c0;	margin: 12px 0px 3px 0px;padding: 0px;}
.formyvkatalogusponzor a{	/*color: #0070c0;*/	color: #e2001a;	text-decoration: none;}
.formyvkatalogusponzor a:hover{	/*color: #ff8600;*/	color: Black;	/*text-decoration: underline;*/}
.formyvkatalogusponzor a.aundeerline{	text-decoration: none;font: bold 14px Trebuchet MS;}
.formyvkatalogusponzor a.aundeerline:hover{text-decoration: underline;	}
.formyvkatalogusponzor p{	text-align: justify;	margin: 3px 0px 3px 0px;	text-indent: 0px;	color: Black;	font: normal 14px Trebuchet MS;	padding-right: 20px;}
p.lightnesssponzor{	background-color: #FFACAC;	color: Black;	font: italic 14px Trebuchet MS;	padding: 3px 3px 3px 90px;}





.formyvkatalogu h3{	text-align: left;	font: bold 16px Trebuchet MS;	color: #0070c0;	margin: 12px 0px 3px 0px;padding: 0px;}
.formyvkatalogu a{	color: #e2001a;	text-decoration: none;	font-weight: bold;}
.formyvkatalogu a:hover{	color: Black;	text-decoration: underline;}
.formyvkatalogu a.aundeerline{	text-decoration: none;font: bold 14px Trebuchet MS;}
.formyvkatalogu a.aundeerline:hover{	text-decoration: underline;}
.formyvkatalogu p{	text-align: left;	margin: 3px 0px 3px 0px;	text-indent: 0px;	color: Black;	font: normal 14px Trebuchet MS;padding-right: 20px;}


p.lightnessuser{	font: italic 11px Trebuchet MS;	padding: 3px 3px 3px 90px;}
p.lightness{	background-color: #efefef;	font: italic 11px Trebuchet MS;	padding: 3px 3px 3px 90px;}

.adresakatalog{	width: 390px;	float: left;	font: italic bold 11px Trebuchet MS;}
.zlatakykatalog{	background: transparent url(../img/zlatak.png) no-repeat left;	padding: 3px 3px 3px 28px;}

.produkt {	background: url(../img/haerko.gif) repeat-x bottom;	height: auto;	_height: 115px;	clear: both;	min-height: 115px;	padding : 2px 0px 3px 2px;}
.produkt IMG {	float : left;	border : 1px solid #006666;}
#vypisproduktu{	float: right;	width: 258px;	height: auto;	_height: 130px;	clear: both;	min-height: 130px;	margin-left: 5px;	background: url(../img/vypisprodukty.gif) repeat-y;}
#vypisproduktunadpis{	color: #752A7F;	font: bold 14px Georgia;	text-align: center;	margin-bottom: 5px;}
#vypisproduktuback{	background: url(../img/vypisproduktyback.gif) no-repeat top;	padding: 4px 4px 0px 4px;	height: auto;	_height: 110px;	clear: both;	min-height: 110px;}
#vypisproduktubott{	background: url(../img/vypisproduktybott.gif) no-repeat bottom;	height: 27px;}
.vypisprodukt{	height: auto;	_height: 31px;	clear: both;	min-height: 31px;	padding : 1px 1px 1px 1px;	margin-right : 3px;}
.prihlaseni{	width: 120px;	border: 1px solid Silver;	color: #334B27;	font-size: 12px;	padding: 1px 1px 1px 1px;}

a.modryodkaz{
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	padding: 3px 4px 3px 4px;
	background-color: #0070c0;
	border: 1px solid #0c546d;
	color: White;
	text-decoration: none;
	margin: 4px 7px 5px 7px;
}
a.modryodkaz:hover{	background-color: #0070c0;	border: 1px solid #0c546d;	color: White;	text-decoration: underline;}

a.oranzovyodkaz{
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 7px 12px 7px 12px;
	background-color: #e60000;
	border: 0px solid #b64900;
	color: White;
	text-decoration: none;
	margin: 4px 7px 5px 7px;
}
a.oranzovyodkaz:hover{	background-color: #d20018;		color: White;	text-decoration: none;}

.tabulka_kosik{	padding: 0px;	width: 100%;	text-align: left;	margin-top: 25px;}
.tabulka_kosik TD.potr{	border-bottom: 1px dotted #C1C2A2;	padding: 1px 3px 1px 3px;	font-size: 12px;}
.tabulka_kosik TD.cist{	padding: 1px 3px 1px 3px;	font-size: 12px;}
.tabulka_kosik TH{	border-bottom: 1px dotted #000;	color: #826B3A;}
#mapka{	width: 315px;	height: 190px;	float: right;}
#blok_dvere IMG{	margin: 1px 3px 2px 3px;}
.sub_dvere{	text-align: center;	float: left;}

/*ADMIN*/
input.save{	margin: 0px auto 0px auto;	font: normal bold 14px Trebuchet MS;	color: #f1f5f6;	padding: 5px 17px 5px 17px;	border: 1px solid #0a6808;	background-color: #0a6808;	-webkit-border-radius: 3px;	-moz-border-radius: 3px;	border-radius: 3px;	cursor: pointer;	text-decoration: none;	margin-left: 30px;}
input.save:hover{	color: White;	border: 1px solid #087ead;	background-color: #067903;	cursor: pointer;	text-decoration: none;}


table.formul tr{	margin: 4px 0px 4px 0px;}
table.formul td{	padding: 5px 5px 5px 5px;	margin: 4px 0px 4px 0px;	vertical-align: middle;}
table.formul th{	background: transparent url(../images/tablethbg.gif) repeat-x;	padding: 3px 15px 3px 15px;	color: Black;}
td.formulname{	font: normal bold 13px Trebuchet MS;	}
td.imageback{	background: transparent url(../images/pictureback.gif) repeat;}

select.muj  {	FONT-FAMILY : Arial, Verdana, sans serif;	FONT-SIZE : 12px;	FONT-STYLE : normal;	FONT-WEIGHT : normal;	color : #055B8A;	font : Arial;	width : 200px;}
#LokalizaceMista{	padding: 7px 5px 0px 0px;	margin: 0px 0px 0px 0px;}

#LokalizaceMista a{	margin: 2px 2px 2px 0px;	font: normal 12px Trebuchet MS;	color: #e2001a;	padding: 3px 4px 3px 4px;	border: 1px solid #d9dadb;	background-color: #d9dadb;	-webkit-border-radius: 4px;	-moz-border-radius: 4px;	border-radius: 4px;	cursor: pointer;	text-decoration: none;	float: left;	display: block;}
#LokalizaceMista a:hover{	font: normal 12px Trebuchet MS;	color: Black;	border: 1px solid #e2001a;	background-color: #e2001a;	cursor: pointer;	text-decoration: none;}

table.tuserfirm{	width: 620px;}
td.tuserfirmobsah{	width: 70%;}
td.tuserfirmtlacitka{	width: 30%;	text-align: right;}

a.butuseredi{
	text-align: center;
	padding: 7px 10px 7px 10px;
	color: White;
	font: normal normal bold 13px Trebuchet MS;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid White;
	text-decoration: none;
	margin: 3px auto 3px auto;
	background-color: #d0162f;
	cursor: pointer;
	display: block;
	width: 150px;
}
a.butuseredi:hover{	color: white; background-color: #ba0019;	text-shadow: 0px 0px 0px #000000;text-decoration: none;}

a.butusergal{	width: 150px;text-align: center;	padding: 5px 10px 5px 10px;	color: White;	font: normal normal bold 13px Trebuchet MS;	-webkit-border-radius: 4px;	-moz-border-radius: 4px;	border-radius: 4px;	border: 1px solid White;	text-decoration: none;	margin: 2px auto 2px auto;	box-shadow: 0px 0px 3px 2px rgba(119, 119, 119, 0.55);	-moz-box-shadow: 0px 0px 3px 2px rgba(119, 119, 119, 0.55);	-webkit-box-shadow: 0px 0px 3px 2px rgba(119, 119, 119, 0.55);	background: White url(../img/but-orange.gif) repeat-x bottom;	text-shadow: 0px 1px 1px #000000;	cursor: pointer;	display: block;}
a.butusergal:hover{	color: Black;	text-shadow: 0px 0px 0px #000000;}

a.butuserdel{	width: 150px;text-align: center;	padding: 5px 10px 5px 10px;	color: White;	font: normal normal bold 13px Trebuchet MS;	-webkit-border-radius: 4px;	-moz-border-radius: 4px;	border-radius: 4px;	border: 1px solid White;	text-decoration: none;	margin: 2px auto 2px auto;	box-shadow: 0px 0px 3px 2px rgba(119, 119, 119, 0.55);	-moz-box-shadow: 0px 0px 3px 2px rgba(119, 119, 119, 0.55);	-webkit-box-shadow: 0px 0px 3px 2px rgba(119, 119, 119, 0.55);	background: White url(../img/but-orange.gif) repeat-x bottom;	text-shadow: 0px 1px 1px #000000;	cursor: pointer;	display: block;}
a.butuserdel:hover{	color: Black;	text-shadow: 0px 0px 0px #000000;}

.boxalert{	background-color: #e31112;	padding: 10px 6px 10px 6px;	-webkit-border-radius: 4px;	-moz-border-radius: 4px;	border-radius: 4px;	border: 1px solid #e31112;	color: White;	font: normal bold 18px Calibri;	text-decoration: none;	margin: 5px 6px 5px 6px;	text-align: center;}
a.boxalertbutton{	background-color: #e93030;	padding: 5px 5px 5px 5px;	-webkit-border-radius: 3px;	-moz-border-radius: 3px;	border-radius: 3px;	border: 2px solid #f15f5f;	color: White;	font: normal bold 16px Calibri;	text-decoration: none;	margin: 5px 6px 5px 6px;	text-align: center;}
a.boxalertbutton:hover{	background-color: White;}


.formularetextykonta{	width: 18%;	float: left;	font: normal 15px Trebuchet MS;	padding: 7px 10px 0px 0px;	color: #808080;	text-align: right;}
.formular1konta {width: 22%;	float: left;	margin: 0px 1% 0px 0px;	font: normal 13px Trebuchet MS;	color: Gray;	border: 1px solid #c9c9c9;	padding: 6px 6px 6px 6px;	-webkit-border-radius: 4px;	-moz-border-radius: 4px;	border-radius: 4px;}
input.formular1konta:focus {background-color: transparent;	color: Black;	}
.formular9konta{		width: 15%;	float: left;	margin: 0px 1% 0px 0px;	font: normal 13px Trebuchet MS;color: Gray;	border: 1px solid #c9c9c9;	padding: 6px 6px 6px 6px;	-webkit-border-radius: 4px;	-moz-border-radius: 4px;	border-radius: 4px;}


#waitforvalidation{
	display: block;
	text-align: center;
	font-size: 3em;
	padding: 40px 50px 40px 50px;
	clear: both;
	margin-top: 100px;
}


/*---------ratio buttons---------*/

input[type=checkbox]:not(old), input[type=radio   ]:not(old){  width   : 28px;  margin  : 0;  padding : 0;  opacity : 0;}
input[type=checkbox]:not(old) + label,
input[type=radio   ]:not(old) + label{  display      : inline-block;  margin-left  : -28px;  padding-left : 28px;  background   : url('../img/checks.png') no-repeat 0 0;  line-height  : 24px;}

input[type=checkbox]:not(old):checked + label{  background-position : 0 -24px;}
input[type=radio]:not(old):checked + label{  background-position : 0 -48px;}
label{	font-size: 1em;}

/*---------ratio buttons---------*/

/*---------blog---------*/
   :root{
      /* Background */
      --bg-root:#0E1116;
      --bg-surface:#141A22;
      --bg-surface-2:#1A2230;

      /* Text */
      --text-primary:#E6EAF0;
      --text-secondary:#434343;
      --text-muted:#6B7280;

      /* Lines */
      --border-subtle:rgba(155,155,155,0.14);
      --border-default:rgba(255,255,255,0.08);

      /* Accent */
      --accent:#606060;
      --accent-hover:#434343;
      --accent-muted:rgba(80,80,80,0.18);

      /* Status */
      --positive:#2FBF8F;
      --negative:#E5533D;
      --neutral:#4F7EFF;

      /* Radius / Shadow */
      --r-card:8px;
      --shadow-soft:0 8px 24px rgba(0,0,0,0.25);

      /* Layout */
      --maxw:100%;
      --pad:25px 10px 50px 10px; /* desktop side padding */
    }

    .wrap{ max-width:var(--maxw); margin:0 auto; padding:0 var(--pad);}

    .article-hero{ padding:75px 0px 0px 0px; border-bottom:1px solid var(--border-subtle);}
    .article-head{ max-width:1240px;}

    .blogH1{ font-family:"Playfair Display", serif; font-weight:600; letter-spacing:-0.01em; font-size: clamp(28px, 4vw, 38px);padding:0px 0px 0px 0px;}
    .kicker{ color:var(--text-muted); text-transform:uppercase; letter-spacing:0.22em; font-size:12px;}



  .heroImg{      width: auto;    max-width:100%;    padding: 0px 0px 25px 0px; text-align: right;  }
  .heroImg img{    max-width:100%;    height: auto;margin:0px!important;  }
  .phDesc{  display: inline-block;  margin:0px auto 0px auto;  position: relative;  font-size: 13px;    color: var(--text-muted); padding:4px 35px;   text-align: center; background-color: #efefef; }
  .phDesc::after {  transform-origin: bottom left;  background-color: #efefef;  position: absolute;  content: '';  height: 100%;  z-index: -1;  right: 0;  left: 0;  top: 0;    transform: skewX(30deg);}
  .perex{ margin:0; color:var(--text-secondary); font-size:20px; line-height:1.65; max-width:760px;font-weight: 700;}
  .meta{ margin-top:18px; display:flex; flex-wrap:wrap; gap:10px; color:var(--text-muted); font-size:12px; letter-spacing:0.14em; text-transform:uppercase; align-items:center;}
  .chip{ display:inline-flex; align-items:center; gap:8px; padding:8px 10px; border-radius:999px; border:1px solid var(--border-subtle); background: rgba(255,255,255,0.02);}

    .article-layout{ display:grid; grid-template-columns: 1.2fr 0.8fr; gap:18px; align-items:start;padding-top: 15px;}

    /* Article body typography */
    .prose{ max-width: 890px;}
    .prose p{ color:var(--text-secondary); font-size:17px; line-height:1.7; margin:0 0 18px;}
    .prose h2{ margin:34px 0 14px; font-family:"Playfair Display", serif; font-weight:600; letter-spacing:-0.005em; font-size:28px; line-height:1.2;}
    .prose h3{ margin:26px 0 12px; font-family:"Playfair Display", serif; font-weight:600; letter-spacing:-0.005em; font-size:22px; line-height:1.25;}
    .prose ul{ margin:0 0 18px; padding:0; list-style:none; display:grid; gap:10px;}
    .prose li{ color:var(--text-secondary); font-size:16px; line-height:1.65; padding-left:18px; position:relative;}
    .prose li:before{ content:"—"; position:absolute; left:0; color: rgba(198,169,106,0.65);}

.Tags{
  margin-top:18px; color: var(--text-muted); font-size:12px!important; letter-spacing:0.18em; text-transform:uppercase;
}

    /* Sidebar */
    .sidebar{ display:grid; gap:18px; position: sticky; top: 10px;}
    .side-item .k{ color:var(--text-muted); text-transform:uppercase; letter-spacing:0.22em; font-size:11px; margin-bottom:12px;}
    .side-item .v{ color:var(--text-secondary); font-size:14px; line-height:1.65;}
    .toc a{ display:block; padding:10px 0; border-top:1px solid var(--border-subtle); color:var(--text-secondary); font-size:13px; letter-spacing:0.06em;}
    .toc a:first-child{border-top:0}
    .toc a:hover{color:var(--text-primary)}
    .hr{ height:1px; background: var(--border-subtle); margin:14px 0 0;}

    /* Card */
    .card{ background: rgba(250,250,250,0.92); border:1px solid var(--border-subtle); border-radius: var(--r-card); padding:22px 22px 18px; position:relative; overflow:hidden;}
    .card:before{ content:""; position:absolute; left:0; right:0; top:0; height:1px; background: rgba(255,255,255,0.18);}
    .card h3{ margin:0 0 10px; font-family:"Playfair Display", serif; font-weight:600; letter-spacing:-0.005em; font-size:22px;}
    .lastH3{min-height: 64px;font-size: 24px;}
    .card p{ margin:0 0 16px; color:var(--text-secondary); line-height:1.65; font-size:14px;}
    .card .meta{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding-top:14px; border-top:1px solid var(--border-subtle); color:var(--text-muted); font-size:12px; letter-spacing:0.08em; text-transform:uppercase;}
    .link{ color:var(--accent); border-bottom:1px solid rgba(198,169,106,0.3); padding-bottom:2px;}
    .link:hover{border-bottom-color: var(--accent); color: var(--accent-hover)}

	.linkT{color: #e2001a!important;font-size: 24px!important;text-decoration: none;}
    .linkT:hover{color:#353535;font-size: 24px;text-decoration: none;}

    .linkTag{color:var(--text-primary);}
    .linkTag:hover{color:var(--accent);}

	.lastPic{width:100%;height:auto;}

@media only screen and (max-width: 840px) {
	.article-layout{ display:block; gap:0px; position: relative;width:100%;}
	.prose{ display:block; position: relative;width:90%;margin: 0px auto 25px auto;}
	.sidebar{ display:block; gap:18px; position: relative; top: 10px;width:90%;margin: 0px auto 25px auto; }

}