html, body, form
{
	margin: 0;
	padding: 0;
}
html
{
	height:100%;
}

body
{
	height:auto !important;
	height:100%;
	min-height:100%;
	min-width:750px;
}

/*Font*/
body
{
	font-size: 80%;
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	color: #333;
}

/*Font in table*/
table
{
	font-size:11px;
}

/*Links*/
a:link {color: #525252;}
a:visited{color:#7a7a7a;}
a:active {color: #343434;}
a:hover{color:#1d6ab9;}


small
{
	font-size:85%;
}

hr
{
	width:100%;
	height: 1px;
	border: medium none;
	color: #d1d0d0;
	background-color: #d1d0d0;
	margin:8px 0
}

#header
{
	position:relative; /*containing block*/
	height:148px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	background: #FFF url(images/logo_bg.gif) right repeat-x;
}

#header_logo
{
	position:absolute;
}

#company_logo
{
	position:absolute;
	margin:0;
	top: 0;
	white-space:nowrap;
}

#header_text
{
	position:absolute;
	color:#FFF;
}

#header_text h1
{
	margin:-900%;
	border:none;
	text-decoration:none;
}

#header_text span
{
	font-size:90%;
}

/* Header menu: home, search, feedback*/

#header_sites
{
	position:absolute;
	right:55px;
	top: 60px;
	color:#fff;
	text-align:right;
}

#header_sites a, #header_sites span
{
	color:#fff;
	text-decoration:none;
}

#header_sites span
{
	color: #9dabc0;
}


/*Navigation*/
#navigation a
{
	text-decoration:none;
	color:#535353;
}

/*Content table*/
#content
{
	width:100%;
	height:70%;
	border-collapse:collapse;
}

/*Left column*/
#content .left-column
{
	width:250px;
	vertical-align:top;
	height:100%;
	background:#FFF;
}

#content .left-shadow
{
	width:18px;
	vertical-align:top;
	background:#f5faff url(images/bg-left-column.jpg) top right no-repeat ;
}
	
#content .right-shadow
{
	width:18px;
	vertical-align:top;
	background:#f5faff url(images/bg-right-column.jpg) top left no-repeat ;
}
	

/*Main column*/
#content .main-column
{
	vertical-align:top;
	padding:0 23px 10px 23px;
	background-color:#f5faff;
}

#content .main-column ul li
{
	list-style-image: url(images/list_square.gif);
        font-size:12px;

}

/*Right column*/
#content .right-column
{
	width:250px;
	vertical-align:top;
	background-color:#FFF;
}

/*Bottom banner*/
#bottom_banner
{
	padding:5px;
	text-align:center;
}

/*Footer*/
#footer
{
	background-image: url(images/footer.gif);
	background-repeat: repeat-x;
	text-align:right;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	height:20px;
	color:#FFF;
	font-size:10px;
	font-family:Verdana, Geneva, sans-serif;
	line-height:20px;
	padding-right:26px;
}

/*Link in footer*/
#footer a
{
	color: #CFD6E1;
	font-size: 100%;
}


.footer-box
{
	font-size:11px;
	padding: 10px 20px;
	background-color:#f5faff;
	text-align: right;
}

.footer-box a:link, 
.footer-box a:visited,
.footer-box a:active, 
.footer-box a:hover
{
	color:#525252;
	text-decoration:none;
	padding-right:8px;
	padding-left:8px;
}

.footer-box span
{
	color:#252525;
	padding-right:8px;
	padding-left:8px;

}


/*Data table*/
table.data-table
{
	border:1px solid #99BAD7;
	border-collapse:collapse;
}

/*Any cell*/
table.data-table td
{
	border:1px solid #99BAD7;
	background-color:#FFFFFF;
	color:#333;
	padding:3px 5px;
}

/*Head cell*/
table.data-table thead td, table.data-table th
{
	background-color:#F1F5FA;
	text-align:left;
	font-weight:normal;
	background-image:none;
	border:1px solid #99BAD7;
	padding:4px;
	color:#333;
}

/*Body cell*/
table.data-table tbody td
{
	background-color:#FFF;
	background-image:none;
	color:#333;
}

/*Foot cell*/
table.data-table tfoot td
{
	background-color:#F1F5FA;
	padding:4px;
	color:#333;
}
table.data-table tbody th
{
	background-color:#F1F5FA;
	padding:4px;
	color:#333;
}

/*Error & OK messages*/
.errortext
{
	color:red;
}

.notetext
{
	color:green;
}

/* Used to draw a "star" near reqired field */
.starrequired
{
	color:red;
}

/* social network*/
div#sonet_events_ms_message {width:150px;}




/* Стили самого пиробокса*/
.bg_thumbs{ background:#000;/*::::: цвет фоновой заливки ::::::::*/
position:fixed!important;
position:absolute;
top:0;
left:0!important;
left:-17px;
width:100%;
margin:0;
padding:0;
visibility:hidden;
z-index:1001;
display:none;
}

.unloader, .img_box{
background:#000;
}



/*:::: кнопки вперед/назад для варианта когда кнопки навиг. расположены поверх фото ::::*/
.box_next_in{position:absolute;top:0;height:90%;width:74px;right:0;overflow:hidden;z-index:1010;background:none;display:block;}
a.next_in{position:absolute;z-index:1011;height:100%;width:74px;right:-74px;text-indent:-999em;display:block;background:url(next_tt.gif) top right no-repeat;}
a:hover.next_in{background:url(next_tt.gif) top right no-repeat!important;background:url(next_tt.gif) center right no-repeat;}
.box_previous_in{position:absolute;top:0;z-index:100012;height:90%;left:0;width:74px;overflow:hidden;background:none;display:block;}
a.previous_in{position:absolute;z-index:100013;left:-74px;height:100%;width:74px;text-indent:-999em;display:block;background:url(prev_tt.gif) top left no-repeat;}
a:hover.previous_in{background:url(prev_tt.gif) top left no-repeat!important;background:url(prev_tt.gif) center left no-repeat;}

/*::::  кнопки вперед/назад для варианта, когда кнопки навиг. расположены за фото ::::*/

.box_next{position:fixed!important;position:absolute;top:50%;margin-top:-9px;height:18px;width:81px;right:0px!important;right:16px;overflow:hidden;z-index:1006;}
a.next{position:fixed!important;position:absolute;text-indent:-999em;display:block;height:18px;width:81px;right:-81px;z-index:1007;background:url(next_t_h.gif) center right no-repeat;}
a:hover.next{background:url(next_t.gif) center right no-repeat;}
.box_previous{position:fixed!important;position:absolute;top:50%;margin-top:-9px;left:0;height:18px;width:81px;overflow:hidden;z-index:1008;}
a.previous{z-index:1009;position:fixed!important;position:absolute;width:81px;left:-81px;text-indent:-999em;display:block;height:18px;background:url(prev_t_h.gif) center left no-repeat;}
a:hover.previous{background:url(prev_t.gif) center left no-repeat;}



/*:::: IMG_BOX rules ::::*/

.img_box{position:fixed!important;position:absolute;top:50%;left:50%;margin-top:-18px;margin-left:-25px;width:50px;height:50px;border:solid 1px;padding:2px!important;padding:1px;z-index:1002;visibility:hidden; overflow:hidden;}
.img_box img{position:relative;top:0;left:0;border:none;padding:0;z-index:1003;}

/*:::: END IMG_BOX rules ::::*/

/*:::: CLOSE, LOADING rules ::::*/

.thumbs_close{position:absolute;bottom:0;right:0;height:18px;width:81px;color:#fff;cursor:pointer;margin:0 5px 5px 0!important;margin:0 5px 3px 0;z-index:100014;background:url(close_t.gif) center right no-repeat!important;background:url(close_t.gif) center right no-repeat;visibility:hidden;}
.loader{position:fixed!important;position:absolute;top:50%;left:50%;margin-top:-18px!important;margin-left:-22px!important;margin-top:-15px;margin-left:-20px;width:50px;height:50px;display:block;z-index:1007;}
.loader img{border:none;padding:0!important;padding:0;background:none;}
.unloader{visibility:visible;}
.thumbs{visibility:hidden;}

.caption{ background:#000;position:absolute;bottom:0;left:0;margin:0 0 3px 3px!important;margin:0 0 1.5px 2px; color:#fff;visibility:hidden;display:block; padding:3px; z-index:100013; cursor:text}
.caption p{ margin:0;padding:0; margin-right:82px; }
.pre{visibility:hidden;display:none;}
.end{display:none;}
.begin{display:none;}

/*:::: Следующие настройки описывают правила расположения миниатюр на странице. их можно удалить, или поправить под себя ::::*/

.gallery{float:left;padding:0;margin:0;width:930px;height:100%!important;height:auto;padding:5px;}
.gallery ul{float:left;padding:0;margin:0!important;margin:0; list-style-type:none;}
.gallery img{margin:0;padding:2px;height:139px;width:200px; list-style-type:none;}
.gallery li{float:left;height:151px;width:212px;margin:10px!important;margin:5px;}
.gallery li a{float:left;height:143px;width:204px;border:2px solid #333;}
.gallery li a:hover{float:left;height:143px;width:204px;border:2px solid #000;}
.gallery_in{float:left;padding:0;margin:0;width:930px;height:100%!important;height:auto;padding:5px;}
.gallery_in ul{float:left;padding:0;margin:0!important;margin:0; list-style-type:none;}
.gallery_in img{margin:0;padding:2px;height:139px;width:200px;}
.gallery_in li{float:left;height:151px;width:212px;margin:10px!important;margin:5px; list-style-type:none;} 
.gallery_in li a{float:left;height:143px;width:204px;border:2px solid #333;}
.gallery_in li a:hover{float:left;height:143px;width:204px;border:2px solid #000;}
.single_box{float:left;padding:0;margin:0;width:232px;height:100%!important;height:auto;}
.single{float:left;height:151px;width:212px;margin:10px!important;margin:5px;}
.single img{margin:0;padding:2px;height:139px;width:200px;}
.single a{float:left;height:143px;width:204px;border:2px solid #333;}
.single a:hover{float:left;height:143px;width:204px;border:2px solid #000;}


.lifted p {
        font-size:16px;
        font-weight:bold;
}
 
.lifted {
        position:relative;
        align:center;
        width:80%;
        padding:1em;
        margin:2em 10px 4em;
        background:#fff;
        border-radius:4px;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        -moz-border-radius:4px;
     
}
         
.lifted:before,
.lifted:after {
        content:"";
        position:absolute;
        z-index:-2;
        bottom:15px;
        left:10px;
        width:80%;
        height:20%;
        max-width:300px;
    -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
       -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
            box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
    -webkit-transform:rotate(-3deg);
       -moz-transform:rotate(-3deg);
        -ms-transform:rotate(-3deg);
         -o-transform:rotate(-3deg);
            transform:rotate(-3deg);
}
         
.lifted:after {
    right:10px;
    left:auto;
    -webkit-transform:rotate(3deg);
       -moz-transform:rotate(3deg);
        -ms-transform:rotate(3deg);
         -o-transform:rotate(3deg);
            transform:rotate(3deg);
}


	
.rotated {
    position:relative;
    width:40%;
    padding:1em;
    margin:2em 10px 4em;
    background:#fff;
    border-radius:4px;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-border-radius:4px;
    -webkit-box-shadow:none;
       -moz-box-shadow:none;
            box-shadow:none;
    -webkit-transform:rotate(-3deg);
       -moz-transform:rotate(-3deg);
        -ms-transform:rotate(-3deg);
         -o-transform:rotate(-3deg);
            transform:rotate(-3deg);
}
       
.rotated > :first-child:before {
    content:"";
    position:absolute;
    z-index:-1;
    top:0px;
    bottom:0;
    left:0;
    right:0px;
    background:#fff;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}     
 
.rotated:before,
.rotated:after {
        content:"";
        position:absolute;
        z-index:-2;
        bottom:15px;
        left:10px;
        width:50%;
        height:20%;
        max-width:300px;
    -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
       -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
            box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
    -webkit-transform:rotate(-3deg);
       -moz-transform:rotate(-3deg);
        -ms-transform:rotate(-3deg);
         -o-transform:rotate(-3deg);
            transform:rotate(-3deg);
}
         
.rotated:after {
    right:10px;
    left:auto;
    -webkit-transform:rotate(3deg);
       -moz-transform:rotate(3deg);
        -ms-transform:rotate(3deg);
         -o-transform:rotate(3deg);
            transform:rotate(3deg);
}
 
.rotated p {
        font-size:16px;
        font-weight:bold;
}