@import "template.css";
@import "bootstrap.css";
@import "bootstrap-responsive.css";

body {
 width: 100%;
 height: 100%;
 color:#333;
PADDING-TOP:22px;
		background: #eee;
		margin: 0px;
		font-family: Source Sans Pro;
	}
h3
{FONT-SIZE: 24px;color:#D20000;text-align:center;
line-height: 20px;}

.padding10 {padding-left: 10px;padding-right: 19px;} 
.row-fluid .span3 {
    width: 17.076923076923077%;}
.row-fluid .span6 {
  width: 62.717948717948715%;}
hr {
    border: none; /* Убираем границу */
    background-color: #FFFCF0; /* Цвет линии */
    color: #FFFCF0; /* Цвет линии для IE6-7 */
    height: 1.5%; /* Толщина линии */
   }

#archive-items h2 {text-align:left; line-height: 5px; }
h1,h2
{FONT-SIZE: 20px; color:#D20000;text-align:center;}
.ss {top:5px;
left: 75%;
z-index: 1050;}
.ss1 {top:2px;
left: 58%;
width:20%;
z-index: 1050;}
.font{FONT-SIZE: 18px;}
.item-page, .blog-featured, .categories-list, .content-category, .blog {min-height: 0px;

margin: 0 auto;
margin-left: 0,1%;
	BACKGROUND-image: url('/templates/gorki-detskii/images/gorki-detskii.jpg');
	height:100%;
	width:100%;
	 font-size: 20px;
	border:  0px solid transparent;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	-webkit-box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,0.0);
	-moz-box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,0.0);
	box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,0.0);
z-index: 990;
} 



.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a { 
background-color: #8a303f;
background-image: linear-gradient(to bottom, #8a303f, #8a303f);
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {background-color: #8a303f;
background-image: linear-gradient(to bottom, );
}
 .btn-group.open .btn-primary.dropdown-toggle { 
background-color: #8a303f}
.nav-pills > .active > a, .nav-pills > .active > a:hover, .nav-pills > .active > a:focus 
{ 
background-color: #8a303f;}
.dl-horizontal-novosti {
	*zoom: 1;
}
.dl-horizontal-novosti:before,
.dl-horizontal-novosti:after {
	display: table;
	content: "";
	line-height: 0;
}
.dl-horizontal-novosti:after {
	clear: both;
}
.dl-horizontal-novosti dt {
	float: left;
	width: 18%;
	clear: left;
	text-align: right;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.dl-horizontal-novosti dd {
	margin-left: 200px;
}
.navigation { 
border-bottom: 0px solid rgba(0, 0, 0, 0.071);
border-top: 0px solid rgba(0, 0, 0, 0.071);
margin-bottom: 0px;
padding: 0px 0px;
}
.well {
margin: 5%; 
padding: 5%;
width: 1200%;
border: 2px solid #e3e3e3;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: inset 1px 1px 1px 1px #e3e3e3;
	-moz-box-shadow: inset 1px 1px 1px 1px #e3e3e3;
	box-shadow: inset 2px 1px 1px 1px #e3e3e3;
}
.header {margin-bottom: 0px;
}
.breadcrumb { 
background-color: #F5F5F5;
border-radius: 4px;
list-style: none outside none;
margin: 0px 0px 0px;
padding: 8px 15px;
}
input, textarea, .uneditable-input {
width: 85%;
}
.well-s {
margin: 5%; 
padding: 10%;
width: 380%;
background:#D20000

}
form {
margin: 0 0 0px;
}

.categories-list h1{text-align:center;color:#D20000;font-size: 22px;}
.cat-children h3 {text-align: left;}

.categories-list h3{text-align: left;border-bottom: 1px solid #EEEEEE;
margin: 10px 0px 15px;
padding-bottom: 5px;}
.highslide-wrapper, .highslide-outline {
	background: #FFFFFF;
}
.highslide img {
	border: 1px solid #D0D0D0;
}
.highslide:hover img {
	border-color: #A0A0A0;
}
.highslide-active-anchor img {
	visibility: visible;
	border-color: #808080 !important;
}
.highslide-image {
	border: 2px solid #FFFFFF;
}
.highslide-loading {
	color: black;
	border: 1px solid black;
	background-color: white;
	background-image: url(graphics/loader.white.gif);
}

.highslide-controls {display: none;
	position: static !important;
	margin: 0;
	width: 12% !important;
}
.highslide-gallery ul li {
	width: 10.6%;
	height: 10.6%;
	border: 1px solid #D0D0D0;
	background: #EDEDED;
	margin: 2px;
}


div#rotator {
	left: 5px;
        top: 5px; 
	
	}
div#rotator ul li {
	
	left: 5px;
        top: 5px; 
	list-style: none;
	
}
div#rotator ul li.show {
	z-index:auto;
	left: 5px;
        top: 5px; display: block;
	
}
div#rotator ul li.hidde {display: none;
z-index:auto;
	left: 5px;
        top: 5px;}
div.modal {
	
	margin: 0px;
 
left:30%;	
}