* {
	padding: 0;
	margin: 0;
	border-spacing: 0;
}

.mainframe{
    background:#ffffff; 
    padding:5px; 
    width:90%; 
    margin-left:50px; 
    margin-right:50px;
}
.dop {
background:#ffffff;
}

/* ------ GENERAL ------- */
html, body {
#	padding: 0px;
#	background-color: #FFFFFF;
#	#font-family: Tahoma, sans-serif;
#	font-size: 100%;
#	color: #666666;
#	margin-right:auto;
	width:100%;
	height:100%;
}

#body{
#background-color: #eeeeee;
#}

th, td { vertical-align: top; }


.hrvl {

border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}
.tocenter { 

    margin-left: auto;
    margin-right: auto;
    width: 45%;
}

img {
	border: 0px;
	vertical-align: top;
}
ul, ol {
	padding: 5px 0; 
	list-style-position: inside;
}
li {
	margin-left: 10px;
	margin-bottom: 7px;
}
h1 {
	color:orange;
}
h2 {
	font-size: 120%;
	font-weight: normal;
	padding: 5px 0 7px 0;
	line-height: 18px;
}
h3 {
	font-size: 110%;
	padding: 7px 0 5px 0;
	line-height: 16px;
}
a {
	color: #0066ad;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #669933;
}
p { padding: 7px 0; }

.clearer {
	clear: both;
	height: 0;
	width: 100%
}

.two{ float: left; padding:5px;}

.cb_form {font-size:90%; color:#e2e2e2; margin-bottom:3px;}

.padd {padding:4px;}

#wrap {
	width: 100%;
	min-height: 100%;
	height:auto !important;
	height:400px;
}

#contr {
	float:left;
	width: 100%;
	background:#ffffff;
}

#logo {
float:left;
width:10%;

}

#top_menu {
float: right;
width: 80%;
margin-top: 10px;
}

#top_menu a  {
font-size: 120%;
margin: 0 20px;
text-decoration: none;
}


#footer {
	background: #f4e9c8;
	margin: 0 auto;
	padding: 5px;
	text-align: right;
	height: 125px;
}
#footer a {
	color: grey;
}

#panel {
	padding:2px;
	background: #f4e9c8;
	margin-top: 5px;
	text-align: center;
	padding:4px;
	}


#contacts {
	margin-top:10px;
	border: 1px solid #cccccc;
	background: #f2f2f2;
	padding:5px;
	max-width: 444px;
}

#other {
	margin-top: 15px;
	display: inline-block;
	padding:3px;
}

.opis {
font-size:120%;
}
.orange {
color: orange;
}

.red {
color: red;
}

.green {
color: green;
}

table.zz
{
MARGIN: 0.8em 0px; WIDTH: 100%; BORDER-COLLAPSE: collapse;
}
table.zz td
{
BORDER-RIGHT: #9f9f9f 1px solid; font-size:90%; padding:3px; BORDER-TOP: #9f9f9f 1px solid; BORDER-LEFT: #9f9f9f 1px solid; BORDER-BOTTOM: #9f9f9f 1px solid;
}

table.kwhp
{
MARGIN: 0.8em 0px; WIDTH: 100%; BORDER-COLLAPSE: collapse;
}
table.kwhp td
{
BORDER-RIGHT: #9f9f9f 1px solid; font-size:90%; padding:3px; BORDER-TOP: #9f9f9f 1px solid; BORDER-LEFT: #9f9f9f 1px solid; BORDER-BOTTOM: #9f9f9f 1px solid;
}

table.dbm
{
MARGIN: 0.8em 0px; WIDTH: 100%; BORDER-COLLAPSE: collapse;
}
table.dbm td
{
BORDER-RIGHT: #9f9f9f 1px solid; font-size:90%; padding:3px; BORDER-TOP: #9f9f9f 1px solid; BORDER-LEFT: #9f9f9f 1px solid; BORDER-BOTTOM: #9f9f9f 1px solid;
}

table.forms
{
MARGIN: 0.8em 0px; WIDTH: 100%; BORDER-COLLAPSE: collapse; width:75%;
}
table.forms td
{
#BORDER-RIGHT: #9f9f9f 1px solid; font-size:90%; padding:3px; 
#BORDER-TOP: #9f9f9f 1px solid; 
#BORDER-LEFT: #9f9f9f 1px solid;
}

.finput {
width: 450px; height:35px; font-size:140%;
}

.finput2 {
width: 220px; height:25px; font-size:100%;
}

.finput3 {
width: 450px; height:30px; font-size:120%; padding:2px;
}

.button {
padding: 4px;
}

.button:hover {
background: #ff9a8c;
}

.last-visit {
border:1px solid #cccccc;
background: #f2f2f2;
padding: 3px;
text-align: center;
}


.cas
{
font-size:100%;
padding:5px;
}


table.cas
{
font-size:100%;
padding:5px;
}

table.cas td
{
font-size:100%;
padding:5px;
}

.news
{
font-size:90%;
padding:10px;
}

.about {
width: 80%;
font-size:80%;
padding-left:45px;
}

table.gallery
{
opacity: 0.85; padding:50px; background-color:#cccccc;
MARGIN: 0.8em 0px; BORDER-COLLAPSE: collapse; width:500px;

}
table.gallery td
{
background-color:#cccccc;
text-align:center;
BORDER-RIGHT: #9f9f9f 1px solid; font-size:11px; padding:3px;
BORDER-TOP: #9f9f9f 1px solid;
#BORDER-LEFT: #9f9f9f 1px solid;
BORDER-BOTTOM: #9f9f9f 1px solid;
}


table.lists
{
padding:10px;
}
table.lists td
{
font-size: 110%;
#BORDER-LEFT: #cccccc 1px solid;  padding:10px;
}


.descript {
font-size:75%;
}


.fullv {
	margin-top:15px;
	border: 1px solid #cccccc;
	background: #f2f2f2;
	padding:5px;
	font-size:110%;
	width:100%;
}

.curr {
	border: 1px solid #7fef97;
	padding: 7px;
	font-size: 100%;
	background: #eef8de;
	margin: 5px;


}

.tsize a {
font-size:150%;
}

.butm{
height:27px;
padding:4px;
}

.butm3{
height:30px;
padding:2px;
font-size: 120%;
}

.lineview{
display: inline-block;
}

.pluss{
font-size:18px;
}

.navbar-custom {

    background-color: #f4f5cf;
}

.specst {
    background-color: #f4f5cf;
    margin-top: 6px;
}

.fill {
    height: 100%;
    margin-bottom: -150px;
#    border:1px solid;
#    margin-left: 5%;
#    margin-rigth: 5%;
}

@media (min-width: 300px) {
img {
    max-width: 100%;
    }
        
h1 {
 font-size:150%;
     }
}

/* Для средних устройств (планшеты) */
@media (min-width: 420px) {
img {
    max-width: 100%;
    }

h1 {
     font-size:150%;
    }

}


/* Для больших устройств (ноуты, пк) */
@media (min-width: 760px) {
img {
    max-width: 100%;
    }
h1 {
    font-size: 150%;
}


}

/* Для больших устройств (ноуты, пк) */
@media (min-width: 1366px) {
img {
    max-width: 100%;
    }
    h1 {
    font-size: 170%;
    }
}


.tablewh{

    display:table;
    height:100%;
    width:100%;

}

.ml {
    margin-left:5%;
}

.cpb {
    font-size: 100%; background:#FFFF99; border:1px solid #7a80ad; padding:3px; font-weight:bold; TEXT-DECORATION: none;
}