@media screen {

body

{

	margin: 0px;

	border: 0px;

	padding: 0px;

	text-align: center;

}



table

{

	margin: 0px auto;

	padding: 0px;

	border-collapse: collapse;

}



td

{

	padding: 0px;

	margin: 0px;

	border: 0px;

	background-repeat: no-repeat;

	font-size:8pt;
	font-family:tahoma, arial;

}



td.punktir

{

	padding: 0px;

	margin: 0px;

	border: 0px;

	background-repeat: repeat-y;

}





img

{

	margin: 0px;

	border: 0px;

}



tr.black td

{

	background-color: black;

	font-size: 11px;

	font-family: 'Arial';

	color: gray;

	text-decoration: none;

}



tr.black td a

{

	font-size: 11px;

	font-family: 'Arial';

	color: gray;

	text-decoration: none;

}



tr.white td

{

	font-size: 11px;

	font-family: 'Arial';

	font-weight: bold;

	color: #646464;

	vertical-align: bottom;

	text-align: center;

}



a.podr_1

{

	font: 13px 'Arial';

	color: red;

}



a.podr_2

{

	font: 11px 'Arial';

	color: red;

}



a.top_menu {

	font-family: Arial;

	color: #000000;

	font-size:10px;

	text-decoration:none;

	text-transform:uppercase;





}



a.left_menu

{

	font-family: Arial;

	font-weight:bold;

	color: #000000;

	font-size:12px;

	text-decoration:none;

}



a.left_menu:hover

{

	font-family: Arial;

	font-weight:bold;

	color: #000000;

	font-size:12px;

	text-decoration:none;

}



a.left_menu_active

{

	font-family: Arial;

	font-weight:bold;

	color: #000000;

	font-size:12px;

	text-decoration:none;

}



a.left_menu_actve:hover

{

	font-family: Arial;

	font-weight:bold;

	color: #000000;

	font-size:12px;

	text-decoration:none;

}



div.cat_descr

{

	font-family: Arial;

	font-weight:normal;

	color: #000000;

	font-size:12px;

	text-decoration:none;

}





a.left_menu_sub

{

	font-family: Arial;

	font-weight:normal;

	color: #000000;

	font-size:12px;

	text-decoration:none;

}



a.left_menu_sub:hover

{

	font-family: Arial;

	font-weight:normal;

	color: #000000;

	font-size:12px;

	text-decoration:none;

}





a.thing_descr_link

{

	font-family: Arial;

	font-weight:normal;

	color: #000000;

	font-size:15px;

	text-decoration:none;

}



a.thing_descr_link:hover

{

	font-family: Arial;

	font-weight:normal;

	color: #000000;

	font-size:15px;

	text-decoration:underline;

}



a.pages

{

	font-family: Arial;

	font-weight:normal;

	color: #000000;

	font-size:11px;

	text-decoration:none;

}



a.pages:hover

{

	font-family: Arial;

	font-weight:normal;

	color: #000000;

	font-size:11px;

	text-decoration:underline;

}



.hovergallery img{
-webkit-transform:scale(0.8); /*Webkit: уменьшаем размер до 0.8*/
-moz-transform:scale(0.8); /*Mozilla: масштабирование*/
-o-transform:scale(0.8); /*Opera: масштабирование*/
-webkit-transition-duration: 0.5s; /*Webkit: длительность анимации*/
-moz-transition-duration: 0.5s; /*Mozilla: длительность анимации*/
-o-transition-duration: 0.5s; /*Opera: длительность анимации*/
opacity: 0.7; /*Начальная прозрачность изображений*/
margin: 0 10px 5px 0; /*Интервалы между изображениями*/
}

.hovergallery img:hover{
-webkit-transform:scale(1.1); /*Webkit: увеличиваем размер до 1.2x*/
-moz-transform:scale(1.1); /*Mozilla: масштабирование*/
-o-transform:scale(1.1); /*Opera: масштабирование*/
box-shadow:0px 0px 30px gray; /*CSS3 тени: 30px размытая тень вокруг всего изображения*/
-webkit-box-shadow:0px 0px 30px gray; /*Webkit: тени*/
-moz-box-shadow:0px 0px 30px gray; /*Mozilla: тени*/
opacity: 1;
}


* {
	margin: 0;
	padding: 0
	}
#content .tabs {
	font-family: Georgia;
	font-size: 10px;
	line-height: 30px;
	list-style: none;
	overflow: hidden;
	height: 30px;
	}
#content .tabs a {
	float: left;
	background: #eee;
	padding: 0 15px;
	text-decoration: none;
	height: 30px;
	}
#content .tabs a:hover {
	background: #ddd;
 }
#content .tabs-content {
	width: 450px;
	height: 370px;
	overflow: hidden;
	}
#content .tabs-content ul {
	list-style: none;
	text-align: center;
	line-height: 10px;
	font-size: 7px;
	}
#content .tabs-content ul li {
	width: 100px;
	height: 370px
	}
#content .tabs-content ul #one {
	background: white;
	}
#content .tabs-content ul #two {
	background: white;
	}
#content .tabs-content ul #three {
	background: white;
	}
#content .tabs-content ul #four {
	background: white;
	}
#content .tabs-content ul #five {
	background: white;
	}






.ex1 img{
    border: 5px solid #ccc;
    float: left;
    margin: 15px;
    -webkit-transition: margin 0.5s ease-out;
    -moz-transition: margin 0.5s ease-out;
    -o-transition: margin 0.5s ease-out;
}

.ex1 img:hover {
    margin-top: 2px;
}




.bordered {
    border: solid #ccc 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: 0 1px 1px #ccc; 
    -moz-box-shadow: 0 1px 1px #ccc; 
    box-shadow: 0 1px 1px #ccc;         
}

.bordered tr:hover {
    background: #fbf8e9;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;     
}    
    
.bordered td, .bordered th {
    border-left: 0px solid #ccc;
    border-top: 0px solid #ccc;
    padding: 10px;
    text-align: left;    
}

.bordered th {
    background-color: #dce9f9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
    background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:    -moz-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:     -ms-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:      -o-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:         linear-gradient(top, #ebf3fc, #dce9f9);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
    border-top: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.5); 
}

.bordered td:first-child, .bordered th:first-child {
    border-left: none;
}

.bordered th:first-child {
    -moz-border-radius: 0px 0 0 0;
    -webkit-border-radius: 0px 0 0 0;
    border-radius: 0px 0 0 0;
}f

.bordered th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 0px 0 0;
}

.bordered tr:last-child td:first-child {
    -moz-border-radius: 0 0 0 0px;
    -webkit-border-radius: 0 0 0 0px;
    border-radius: 0 0 0 0px;
}

.bordered tr:last-child td:last-child {
    -moz-border-radius: 0 0 0px 0;
    -webkit-border-radius: 0 0 0px 0;
    border-radius: 0 0 0px 0;
}

/*----------------------*/

.zebra td, .zebra th {
    padding: 10px;
    border-bottom: 0px solid #f2f2f2;    
}

.zebra tbody tr:nth-child(even) {
    background: #f5f5f5;
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
}

.zebra th {
    text-align: left;
    text-shadow: 0 1px 0 rgba(255,255,255,.5); 
    border-bottom: 0px solid #ccc;
    background-color: #eee;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#eee));
    background-image: -webkit-linear-gradient(top, #f5f5f5, #eee);
    background-image:    -moz-linear-gradient(top, #f5f5f5, #eee);
    background-image:     -ms-linear-gradient(top, #f5f5f5, #eee);
    background-image:      -o-linear-gradient(top, #f5f5f5, #eee); 
    background-image:         linear-gradient(top, #f5f5f5, #eee);
}

.zebra th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;  
}

.zebra th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}

.zebra tfoot td {
    border-bottom: 0;
    border-top: 1px solid #fff;
    background-color: #f1f1f1;  
}

.zebra tfoot td:first-child {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
}

.zebra tfoot td:last-child {
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;
}  


.cl-effect-1 a::before,
.cl-effect-1 a::after {
	display: inline-block;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
	-moz-transition: -moz-transform 0.3s, opacity 0.2s;
	transition: transform 0.3s, opacity 0.2s;
}

.cl-effect-1 a::before {
	margin-right: 10px;
	content: '[';
	-webkit-transform: translateX(20px);
	-moz-transform: translateX(20px);
	transform: translateX(20px);
}

.cl-effect-1 a::after {
	margin-left: 10px;
	content: ']';
	-webkit-transform: translateX(-20px);
	-moz-transform: translateX(-20px);
	transform: translateX(-20px);
}

.cl-effect-1 a:hover::before,
.cl-effect-1 a:hover::after,
.cl-effect-1 a:focus::before,
.cl-effect-1 a:focus::after {
	opacity: 1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
}

}