/* main */
body			{	background-color:#222222;}
div, ul, li 	{	overflow:hidden;}
ul				{	list-style:none; margin-bottom:0;}
#wrap 			{ 	position:relative; 
					min-height:100% !important; 
					z-index:1; }
header			{	width:100%; 
					background-color:#222222;
					height:380px;
					}	
header.second	{	height:auto;}
nav				{	margin:35px 0 0 0; }	

#bg				{	width:100%; height:272px;
					background-image:url(../images/bg.jpg);
					background-size:cover; background-position:center;}
hr				{	margin:0;}	
.material_nav	{	width:100%;
					background-color:#f3f3f3;}	
.material_nav 		ul li 			{	margin-right:40px;}	/*48*/				
.material_nav 		ul li.end		{	margin-right:-45px;}
.content		{	background-color:#f7f7f7; margin-top:-1px;}
#black			{	background-image:url(../images/gradient.jpg); background-repeat:repeat-x; 
					color:#FFF; background-color:#222222;}
					iframe {	width:100%;}
#footer			{	color:#FFF; background-color:#222222;}	
#toolbar		{	width: 40px;
				    height: 40px;
				    position: absolute; 
				    z-index: 9999;
					display:none;
					right:0;}	
.form			{	position:fixed; top:50%; left:50%;
					width:260px; height:300px; padding:20px; background-color:#000;
					margin-left:-130px; margin-top:-150px;}											
.lightbox img	{	margin:0 10px 10px 0;}
/* Colors 
yellow - #fcda04
grey - #222222
light-grey-bg - #f7f7f7 
light-grey-line - #f3f3f3
a_light - #ebebeb
a_dark - #111111
hr - #c5c5c5
*/
.a_dark	a		{	color:#111111;}
.a_light a		{	color:#ebebeb;}
					
								
/* Fonts */
h1, h2			{ 	font-family: 'BarnaulBoldReg'; font-size:30px;}	
h3				{ 	font-family: 'BarnaulReg'; font-size:24px; font-weight:100;}	
h4 				{	font-family: 'BarnaulReg'; font-size:19px; font-weight:100; margin-top:15px;}	
h6 				{	font-family: Arial, Helvetica, sans-serif; font-size:13px; font-weight:100; margin-top:5px; text-transform:none;}	
p				{	font-size:12px; margin-right:10px;}
a				{	font-size:14px;}	
.content #black a {	color:#ebebeb;}	
.content a		{	color:#111111;}					
em			 	{  	color:#434343; font-size:14px; line-height:90%;
					font-family: 'Philosopher', sans-serif;}          
          					
.dot 			{	text-decoration: none;  
					border-bottom: 1px dashed; 
					cursor:pointer;
					color:#cecece; }
.material		{	font-size:11px;}					
.telephone		{ 	font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#fcda04; height:30px; font-weight:100;}					
#footer p.ico	{	font-size:24px; margin-left:0;}
.a_form			{	cursor:pointer; text-decoration:underline;}


/* material */

.color-block, .deposit-block
{	margin:0 5px 5px 0; width:90px; font-size:11px; line-height:15px; height:70px; overflow:hidden;}
.color-block img, .deposit-block img
{	height:33px;}
.show_gellery { display:none;}
.title { display:none;}
#gellery img { width:80px; height:33px; margin:0 5px 10px 0;}
#slider { overflow:hidden; position:relative; height:350px;}
#slider div {position:absolute; display:none;}
#slider div.show { display:block;}
#slider { margin-bottom:5px;}

#izdelie	{ cursor:pointer; text-decoration:underline;}

/* mobile */
@media only screen and (max-width: 700px) {
header			{ height:260px;}	
nav.right		{ float:left; clear:left;}
ul.block-three, ul.block-two{ width:90%;}
.inner 			{ width:100%;}	
#bg 			{ display:none;}			
#footer ul.block-two li ul	{ display:none;}	
.mobile_gradient { display:block; background-image:url(../images/gr_line.jpg); 
					height:31px; width:100%;}
#black img { width:94%;}
#slider { height:100px;}																		
}
/* average */
@media only screen and (min-width: 700px) { /*950*/
body						{ min-width:950px;}
#bg 						{ background-size:cover; width:100%; }					
ul.block-three 				{ overflow:hidden; width:950px;}
ul.block-three li.inline 	{ margin-right:5%;}
ul.block-three li			{ width:30%; }
ul.block-fifth li			{ width:30%; height:300px; margin-right:3%;}
.content ul.block-two li	{ width:46%; margin-right:2%}


#black ul.block-two li.inline 		{ margin-right:3%;}
#black ul.block-two li				{ width:440px;}

#footer ul.block-two li ul			{ margin-right:40px;}
#footer ul.block-two li.cont		{ width:200px; float:right; clear:right;}
.inner 						{ width:1028px;}
.mobile_gradient			{ display:none;}	
#toolbar					{ display:none;}
#slider { height:400px;}

}
table, td , th{

border-collapse:collapse;
}
table {
width:95%;
}

table.table0 { border-collapse:collapse;}
table.table0 td { padding:0px; border: none}

table.table1 { text-align:center; border-collapse:collapse;border-style:solid;border-width:0 1px 1px 0;border-color:#ababab}
table.table1 tr:hover {background:#e0e0e0}
table.table1 tr.zag td {background-color:#C5BE97; font-weight:bold;}
table.table1 td.zag_1 {text-align:center; font-size:12pt; font-weight:bold;}
table.table1 td.zag_2 {text-align:center; font-size:11pt; font-weight:bold; color: #ff0000;}
table.table1 td.razd {background-color:#E8CC93; text-align:center; font-size:12pt; font-weight:bold;}
table.table1 td.kat {text-align:center; font-weight:bold;}
table.table1 td.fts {padding:0 10px; text-align:left; font-weight:bold; color: #ff0000;}
table.table1 th:{background:#C5BE97;}
table.table1 td {border-style:solid;border-width:1px 0px 0px 1px;border-color:#ababab}
table.table1 td p {padding:3px 0; margin:0px;}
table.table1 td {padding:0 5px;}
table.table1 tr {text-align:center; vertical-align:middle;}

/*
table.table2 { border-collapse:collapse;}
table.table2 tr:hover {background:#e0e0e0}
table.table2 td { padding:5px; border: 1px solid #ababab;}
table.table2 th { padding:8px 5px; border: 1px solid #ababab; background-color:#a8b25f; color:#fff; text-align:left;}

table.table3  tr:hover  {background:#e0e0e0}
table.table3 td { padding:5px; border: 1px solid #ababab;}
table.table3 th { padding:8px 5px; border: 1px solid #ababab; background-color:#a8b25f; color:#fff; text-align:left;}

table.table4 { padding:0 40px; border-collapse:collapse; text-align:left; font-weight:bold;}
table.table4 td { padding:0 15px;}
*/