@font-face {
    font-family: 'coconbold';
    src: url('fonts/cocon_bold-webfont.eot');
    src: url('fonts/cocon_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/cocon_bold-webfont.woff') format('woff'),
         url('fonts/cocon_bold-webfont.ttf') format('truetype'),
         url('fonts/cocon_bold-webfont.svg#coconbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'coconlight';
    src: url('fonts/cocon_light-webfont.eot');
    src: url('fonts/cocon_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/cocon_light-webfont.woff') format('woff'),
         url('fonts/cocon_light-webfont.ttf') format('truetype'),
         url('fonts/cocon_light-webfont.svg#coconlight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'cocon-regularregular';
    src: url('/fonts/cocon_regular-webfont.eot');
    src: url('/fonts/cocon_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/cocon_regular-webfont.woff') format('woff'),
         url('/fonts/cocon_regular-webfont.ttf') format('truetype'),
         url('/fonts/cocon_regular-webfont.svg#cocon-regularregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body{background: #DDD url("../img/background.png") repeat;margin:0;padding:0;font:13px Tahoma;}
ul{margin:0;padding:0}
a {color:#16588C}
h1 {font:28px coconbold;color:#16588C;text-align:center;margin: 10px 0;}
header {margin:0 auto;background: #fff;padding:15px 15px 5px 15px;box-shadow:0 0 10px rgba(0,0,0,0.25);z-index:99;border-bottom:3px #16588C solid}
header #logo{float:left;font:bold 40px coconbold;color:#16588C;text-decoration:none;text-rendering: optimizelegibility;}
header .share{float:right;width:560px;margin-top:8px}
header .share>span {float:left;font: 20px/30px coconlight;margin:0 15px 0 0;}

nav.topNav {margin:0 auto;overflow:hidden;width:100%;background: #fff;padding:15px 0 0 0}
nav.topNav ul li {float:left;list-style:none}
nav.topNav ul li a {margin:0 15px 0 0;padding:5px 10px;font: 20px/50px coconlight;color:#16588C;text-decoration:none}

nav.sideNav {margin:0 auto;overflow:hidden;width:100%;background: #fff;padding:5px}
nav.sideNav ul {list-style:none}
nav.sideNav ul li a {margin:0 0 10px 0;width:100%;font: 20px coconlight;color:#16588C;text-decoration:none;display:table;}
nav.sideNav ul li a img {float:left;margin-right:10px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
nav.sideNav ul li a span {display:table-cell;vertical-align:middle;width:100%;}

#content {width:1270px;margin:10px auto;background: #fff  url("../img/content_background.png") repeat;overflow:hidden;box-shadow:0 0 10px rgba(0,0,0,0.25);border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;}
#wrapper {padding:15px;overflow:hidden}

#content #leftSideBar  {width:300px;float:left;background: #fff;padding:5px;overflow:hidden;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
#content #rightSideBar{width:300px;float:right;background: #fff;padding:5px;overflow:hidden;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}

#content #centerBlock {margin:0 325px}
#content #centerBlock .listCat {overflow:hidden;margin:0 -10px 0 0}
#content #centerBlock .listCat .thumb{float:left;margin:0 10px 10px 0;padding:5px;background:#fff;text-align:center;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
#content #centerBlock .listCat .thumb a{text-decoration:none;font-size:14px}

#content #centerBlock .listPhoto {overflow:hidden;margin:0 -10px 0 0}
#content #centerBlock .listPhoto .thumb{float:left;margin:0 10px 10px 0;padding:5px;background:#fff;text-align:center;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
#content #centerBlock .listPhoto .thumb a{text-decoration:none;font-size:14px}
#content #centerBlock .listPhoto .thumb a.name {width: 180px;display: block;height: 39px;}

#content #centerBlock .blockImg {text-align:center;}
#content #centerBlock .blockImg .Img {position:relative}
#content #centerBlock .blockImg .Img .prevImg, 
#content #centerBlock .blockImg .Img .nextImg{text-decoration:none;position:absolute;opacity: 0;transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;}
#content #centerBlock .blockImg .Img .prevImg{background:#16588C;color:#fff;padding:100px 10px;margin:-105px 0 0 0;left:-6px;top:50%;border-radius:0 5px 5px 0;-moz-border-radius:0 5px 5px 0;-webkit-border-radius:0 5px 5px 0;}
#content #centerBlock .blockImg .Img .prevImg:before {content: "";border-width: 3px;border-style: solid;border-color: transparent;border-bottom: 3px #0C2F4C solid;border-right: 3px #0C2F4C solid;position: absolute;top: -6px;left: 0;width: 0px;height: 0px;}
#content #centerBlock .blockImg .Img .prevImg:after {content: "";border-width: 3px;border-style: solid;border-color: transparent;border-top: 3px #0C2F4C solid;border-right: 3px #0C2F4C solid;position: absolute;bottom: -6px;left: 0;width: 0px;height: 0px;}
#content #centerBlock .blockImg .Img .nextImg{background:#16588C;color:#fff;padding:100px 10px;margin:-105px 0 0 0;right:-6px;top:50%;border-radius:5px 0 0 5px;-moz-border-radius:5px 0 0 5px;-webkit-border-radius:5px 0 0 5px;}
#content #centerBlock .blockImg .Img .nextImg:before {content: "";border-width: 3px;border-style: solid;border-color: transparent;border-bottom: 3px #0C2F4C solid;border-left: 3px #0C2F4C solid;position: absolute;top: -6px;right: 0;width: 0px;height: 0px;}
#content #centerBlock .blockImg .Img .nextImg:after {content: "";border-width: 3px;border-style: solid;border-color: transparent;border-top: 3px #0C2F4C solid;border-left: 3px #0C2F4C solid;position: absolute;bottom: -6px;right: 0;width: 0px;height: 0px;}
#content #centerBlock .blockImg .Img:hover .prevImg{opacity: 1;}
#content #centerBlock .blockImg .Img:hover .nextImg{opacity: 1;}
#content #centerBlock .blockImg .Img img{max-width:590px;text-align:center;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}

#content #centerBlock .blockAdsCenter {margin:10px 0}
#content #centerBlock .blockInfo {text-align:left;background:#fff;padding:10px;margin:10px 0;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}

#content #centerBlock #dopImg {margin:10px 0px;width:100%;overflow:hidden;display:table;text-align:center}
#content #centerBlock #dopImg a{margin:0 5px;width:137px;display:table-cell;}
#content #centerBlock #dopImg img{width:138px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}

#content #centerBlock .blockDopVozm {text-align:left;background:#fff;padding:10px;margin:10px 0;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
#content #centerBlock .blockDopVozm span{line-height:25px;width:60px;float:left}
#content #centerBlock .blockDopVozm input.autoselect{width:500px;}

footer {margin:0 auto;background: #fff;padding:15px;box-shadow:0 0 10px rgba(0,0,0,0.25);border-top:3px #16588C solid}

.errMass{background:#f00;color:#fff;font:20px coconbold;padding:10px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}

@media only screen and (max-width: 1260px) {
	#content {width:950px;}
	#content #centerBlock {margin:0 325px 0 0}
	#content #leftSideBar {display:none}	
}