.container {max-width: 1100px;}

.text-danger {color: red;}
.text-success {color: green;}
.has-error .form-control {border-color: red;}
.has-error .control-label {color: red;}
.panel-body p {margin-bottom: 0;}

.mt10 {margin-top: 10px;}
.mt-10 {margin-top: -10px;}
.mt20 {margin-top: 20px;}
.mb20 {margin-bottom: 20px;}

html, body {
width: 100%;
height: 100%;
font-size:100%;
}

body {
color: #333;
background-color: #FFF;
background: url(../img/bg_stone.png) top left;
font-family: Arial, Helvetica, sans-serif;
}

#wrapper {
min-height: 100%;
margin-bottom: -40px;
padding-bottom: 40px;
}

#header {
width: 100%;
padding: 5px 0;
background: #222 url("../img/header_back.gif") repeat left top;
border-bottom: 1px solid #fff;
}

#header img {
width: 100%;
max-width: 400px;
min-width: 250px;
}

#header a {
color: #ccc;
}
#header a.active, #header a:hover {
color: #fff;
}
#header .dropdown-menu a {
color: #333;
}

#footer {
width: 100%;
padding: 10px 0;
background: #222 url("../img/header_back.gif") repeat left top;
}

#footer ul {
margin: 0;
text-align: right;
}

#footer a {
color: #fff;
}

.copy {
color: #999;
}

#media {
position: relative;
width: 100%;
}

#media img {
display:block;
width:100%;
height:auto;
}

#mediatext1, #mediatext2 {
position: absolute;
background-color: rgba(0, 0, 0, .6);
color: #fff;
}

#mediatext1 {
top:5%;
left:10%;
padding:20px;
border-radius:5px;
}

#mediatext1 a {
display:block;
margin:0 auto;
width:170px;
margin-top:5px;
}

#mediatext2 {
width: 100%;
bottom: 0;
text-align: center;
}

/* article */

article  {
padding:15px 20px;
margin-top:25px;
background-color:#fbfbfb;
border:1px solid #ccc;
border-radius:5px;
box-shadow: 2px 2px 5px hsla(0, 0%, 20%, 0.3);
}

article h1 {
margin-bottom:7px;
padding:8px;
background:url(../img/orange_back.gif) top left;
box-shadow: 2px 2px 5px hsla(0, 0%, 20%, 0.3);
border-radius:2px;
text-align:center;
font-size:1.5em;
color:#fff;
text-shadow:0 1px .5px #000;
}

article h2 {
padding:5px;
font-size:1.1em;
margin-bottom:2px;
background:url(../img/orange_back.gif) top left;
border-radius:15px;
text-align:center;
}

article h2 a {
color:#FFF;
font-weight:bold;
text-shadow:1px 1px 1px #000;
}
article h2 a:hover {
color:#FFF;
}

.paging {
margin-top:20px;
text-align:center;
}

.paging a, .paging strong {
display:inline-block;
margin:0 4px;
padding:4px;
border:1px solid #fff;
border-radius:2px;
box-shadow:1px 1px 2px hsla(0, 0%, 20%, 0.3);
text-align:center;
}

.cookie {
width:100%;
padding:5px 0;
background-color:#e1e1e1;
font-size:.9em;
}

/* aside */

aside div {
margin-top:25px;
padding:17px;
background:linear-gradient(#e6e6e6 0%,#fff 10%,#fff 90%,#e6e6e6 100%);
border:1px solid #ddd;
border-radius:5px;
box-shadow:2px 2px 5px hsla(0, 0%, 20%, 0.3);
}

aside h3 {
text-align:center;
font-size:1.3em;
color:#EE7711;
}

aside p {
margin-top:15px;
padding-top:15px;
border-top:1px dashed #eee;
font-size:.9em;
line-height:1.2em;
color:#666;
}

/* form */

.form-horizontal .control-label {
text-align: left;
}

aside label {
font-weight:normal
}

@media screen and (max-width: 800px) {
#mediatext1 {
top:2%;
}
}

@media screen and (max-width: 768px) {
#header .img-responsive {
margin:0 auto;
}
#header .text-right {
text-align:center;
margin-top:10px;
}

#mediatext1 {
position: static;
background:url(../img/header_back.gif) top left;
top:0;
left:0;
padding:20px;
border-radius:0;
border-top:1px solid #fff;
}

#mediatext2 {
display:none;
}

.col-md-3.col-sm-4.col-xs-12 {
margin-top:15px;
padding-top:15px;
border-top:1px dashed #ccc;
}

.col-md-3.col-sm-4.col-xs-12 div {
margin:0 auto;
max-width: 300px;
margin-top: 20px;
}

#footer div.col-xs-12 {
text-align:center;
}
#footer ul {
margin-bottom:5px;
text-align:center;
}

}