@charset "utf-8";
/* CSS Document */
body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol, li, dl, dt, dd, form, a, fieldset, input, th, td {  
margin: 0;
padding: 0;
border: 0;
} 

body {
margin: 0;
padding: 0;
font-size: 12px;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
background: #181818 url(../../images/back.png) repeat;
width: 100%;
height: 100%;
}

#wrap {
margin: 0 auto;
padding: 0;
}

h1 {
margin-bottom: 10px;
font-size: 22px;
color: #fd2323;
letter-spacing: 1pt;
font-weight: normal;
}

.novosti-data {
font-size: 10px;
text-transform: uppercase;
color: #fd2323;
font-style: italic;
padding: 0 0 0 10px;
}

img.border {border: 2px solid #fff;}
img.borderHover {border: 2px solid #d9d9d9;text-decoration: none;}/*** Color ***/
img.borderHover:hover {border: 2px solid #b86303;}
img.floatRight {margin: 10px 10px 10px 15px;border: 2px solid #353535;}
img.floatLeft {margin: 10px 15px 10px 0;border: 2px solid #d9d9d9;}
.clear {clear: both;}
.displayNone {display:none;}
.floatRight {float: right;}
.floatLeft {float: left;}


a {
color: #fd2323;
text-decoration: none;
outline: none;
}

a:hover {
color: #aaa;
text-decoration: none;
}

li {
padding-bottom:20px;
}

ul.dropdown {
list-style: none;
margin: 0;
padding: 0; 
}

ul.dropdown li {
float: left;
border-right: 1px solid #fff;
padding: 0;
margin: 0;
margin-left: 3px;
display: block;
 /*padding: 0px; /* padding: 2px; helps Opera with hover */
}

ul.dropdown li ul {
position: absolute;
list-style: none;
margin: 0;
padding: 0;
display: none; 
z-index: 99;    
padding-top: 5px;     
}

ul.dropdown li:hover ul, ul.dropdown li:hover ul li, ul.dropdown ul li:hover ul {
display: block;
}


#masthead {margin: 0;padding: 0;background: url(../images/top.gif) repeat-x;width: 100%;position: relative;height: 30px;text-align: left;}
.headerLeft {padding: 2px 0 0 0;}
.headerRight {padding: 6px 55px 0 0;}
ul.mainNav {list-style-type: none; width: 800px;}
ul.mainNav li {display: inline;font-size: 11px; font-weight: bold; color: #333; text-transform: uppercase;}
ul.mainNav a {padding: 0 15px;font-size: 11px; font-weight: bold; color: #fff;text-decoration: none; text-transform: uppercase;}
ul.mainNav a:hover {color: #c60202;}


#footer { background: #0e0e0e; }
#footer p { padding: 5px 5px 5px 25px; text-align: left; }
#footer a { color: #fd2323;text-decoration: none; font-size: 9px; text-transform: uppercase; }
#footer a:hover { color: #aaa;text-decoration: none; font-size: 9px; text-transform: uppercase;}


#content { text-align: left; }

#textContent { margin: 35px auto; width: 900px; height: 300px; text-align: left; background: url(../../images/content_bg.png) repeat-y; }
.innerContent { padding: 15px;}

.twoColRight { float: right; width: 420px; }
.twoColLeft { width: 420px; }



#gallery {/*width: 900px*/}
#thumbSlider {padding-top: 7px;height: 30px;bottom: 15px;left: 0;width: 100% !important;text-align: center;position: relative;background: #262626;}
#thumnSliderCenter {margin: 0 auto;width: 781px;}
#thumbSlider div.thumbNextButton {float: left;width: 36px;height: 90px;background: transparent url(../images/thumbnail_right_arrow.jpg) no-repeat top left;cursor: pointer;}
#thumbSlider div.thumbNextButton:hover {float: left;width: 36px;height: 90px;background: transparent url(../images/thumbnail_right_arrow.jpg) no-repeat top right;}
#thumbSlider div.thumbPreviousButton {float: left;width: 36px;height: 90px;background: transparent url(../images/thumbnail_left_arrow.jpg) no-repeat top left;cursor: pointer;}
#thumbSlider div.thumbPreviousButton:hover {float: left;width: 36px;height: 90px;background: transparent url(../images/thumbnail_left_arrow.jpg) no-repeat top right;}
#thumbSlider div.wrap {overflow: hidden;position: relative;float: left;}
#thumbSlider ul {float: left;height: 79px;overflow: hidden;padding: 5px 0;position: relative;margin: 0px;}
#thumbSlider ul li {float: left;position: relative;width: 88px;list-style-image: none;list-style-position: outside;list-style-type: none;}
#thumbSlider ul li.on a {background-color: #000000;border: 0 none;margin: 2px; opacity: 1;}
#thumbSlider ul li a {display: block;height: 75px;width: 75px;overflow: hidden;border: 2px solid #262626;cursor: pointer; opacity: .3;}
#thumbSlider ul li a:hover {border: 2px solid #595959;}
#thumbSlider ul li.on a:hover {border: none;}
#thumbSlider ul li.on a em {}
#thumbSlider ul li a em {display: block;height: 100%;width: 100%;}
#thumbSlider ul li a em span {display: none;}

.largePhoto {font-size: 0;margin: 5px auto;overflow: hidden;}
.largePhoto img {border: 3px solid #272727;}
.largePhoto img:hover {border: 3px solid #4b4b4b;}
.largePhoto div.largePreviousButton, .largePhoto div.largeNextButton {cursor: pointer;float: left;display: block;height: 34px;width: 34px;margin: 0;}
.largePhoto div.largeNextButton {width: 34px;height: 34px;background: transparent url(../images/gallery_right_arrow.png) no-repeat top left;margin-top: 200px;}
.largePhoto div.largeNextButton:hover {width: 34px;height: 34px;background: transparent url(../images/gallery_right_arrow.png) no-repeat top right;}
.largePhoto div.largePreviousButton {width: 34px;height: 34px;background: transparent url(../images/gallery_left_arrow.png) no-repeat top left;margin-top: 200px;}
.largePhoto div.largePreviousButton:hover {width: 34px;height: 34px;background: transparent url(../images/gallery_left_arrow.png) no-repeat top right;margin-top: 200px;}
#loader.loading {background: url(../Images/spinner.gif) no-repeat center center;position: absolute;left: 300px;top: 250px;height: 16px;width: 16px;}
#largePhotoCon {float: left;padding: 0px 15px;}


.catButton {margin-top: 35px;left: 0;position: absolute;z-Index: 9999;}
.catButton #catImage {position: absolute;}
.catButton #slider {position: absolute;left: -250px;}