/*
  Colorbox Core Style:
 The following CSS is consistent between example themes and should not be altered.
*/

#colorbox, #cboxOverlay, #cboxWrapper {
position:absolute; 
top:0; 
left:0; 
z-index:9999; 
overflow:hidden;
}

#cboxWrapper {
max-width:none;
}

#cboxOverlay {
position:fixed;
color:#FFF;
width:100%; 
height:100%;
}

#cboxMiddleLeft, #cboxBottomLeft {
clear:left;
}

#cboxContent {
position:relative;
}

#cboxLoadedContent {
overflow:auto; 
-webkit-overflow-scrolling: touch;
}

#cboxLoadingOverlay, #cboxLoadingGraphic{
position:absolute; 
top:0; 
left:0; 
width:100%; 
height:100%;
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
cursor:pointer;
}

.cboxPhoto{
float:left; 
margin:auto; 
border:0; 
display:block; 
max-width:none; 
}

.cboxIframe{
width:100%; 
height:100%; 
display:block;
color:#FFF;
border:0; 
padding:0; 
margin:0;
}

#colorbox, #cboxContent, #cboxLoadedContent {
box-sizing:content-box; 
-moz-box-sizing:content-box; 
-webkit-box-sizing:content-box;}

/* User Style:
 Change the following styles to modify the appearance of Colorbox. They are
 ordered and tabbed in a way that represents the nesting of the generated HTML.
*/

#cboxOverlay {
background: #FFF;
}

#colorbox{
outline:0;
} 

#cboxContent{
margin-top:20px; 
overflow:visible; 
background:#000;
}        

.cboxIframe{
background: #FFF;
}        

#cboxError{
padding:50px; 
border:1px solid #ccc;
}        

#cboxLoadedContent{
background:#000; 
padding:1px;
}        

#cboxLoadingGraphic{
background:url(/images/template6/loading.gif) no-repeat center center;
}        

#cboxLoadingOverlay{
background:#000;
}        

#cboxTitle{
position:absolute; 
top:-22px; 
left:0;
font-size:17px;
font-family:Arial Narrow;
}        

#cboxCurrent{
position:absolute; 
top:-22px; 
right:205px; 
text-indent:-9999px;
}        

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
 
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
border:0; 
padding:0; 
margin:0; 
overflow:visible; 
text-indent:-9999px; 
width:20px; 
height:20px; 
position:absolute; 
top:-20px; 
background:url(/images/template6/controls.png) no-repeat 0 0;
}      
        
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */

#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
outline:0;
}        

#cboxPrevious{
background-position:0px 0px; right:44px;
}       

#cboxPrevious:hover{
background-position:0px -25px;
}        

#cboxNext{
background-position:-25px 0px; 
right:22px;}        

#cboxNext:hover{
background-position:-25px -25px;
}        

#cboxClose{
background-position:-50px 0px; 
right:0;
}        

#cboxClose:hover{
background-position:-50px -25px;
}        

.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{
right:66px;}        

.cboxSlideshow_on #cboxSlideshow{
background-position:-75px -25px; right:44px;
}        

.cboxSlideshow_on #cboxSlideshow:hover{
background-position:-100px -25px;
}        

.cboxSlideshow_off #cboxSlideshow{
background-position:-100px 0px; right:44px;
}        

.cboxSlideshow_off #cboxSlideshow:hover{
background-position:-75px -25px;
}
body { 
background: url(/images/template6/bg1.png) repeat-x;
}

/* Разметка страницы */

#header {
background: url(/images/template6/top1.jpg) no-repeat top center;
}

.content {
background: url(/images/template6/bottom2.jpg) no-repeat bottom center;
}

/* Навигация */

.menu ul{
background: url(/images/template6/nav1.jpg) repeat-x;
}

.menu ul:before {
content: ' ';
position: absolute;
border-width: 10px 10px;
border-style: solid;
border-color: #660000 #660000 transparent transparent;
bottom:-14px;
left: 0;
}

.menu ul:after {
content: ' ';
position: absolute;
border-width: 10px 10px;
border-style: solid;
border-color: #660000 transparent transparent #660000;
right: 0;
bottom:-14px;
}

/* Заголовки и ссылки */

.title {
background: url(/images/template6/nav1.jpg) repeat-x;
}