* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
       -o-box-sizing: border-box;
          box-sizing: border-box;
         font-family: Calibri;
}
.bxslider {margin: 0px;}
/*ul.bxslider {margin:13px;}*/

html{ 
background: url("../img/bg.jpg") no-repeat center center fixed; 
background-size: cover;
/*border: solid black;
border-radius: 13px;*/
-webkit-background-size: cover;
   -moz-background-size: cover;
     -o-background-size: cover;
}

u {}

body{
margin-left: auto;
margin-right: auto;
max-width: 1000px;
position: static;
/*bottom: 10%;*/
/* border-color: black;
border-style: solid; */
}
header {}
#baner {
border: 1px solid;
border-radius: 13px;
box-shadow: 3px 3px 5px #333;
}
nav{
text-align: center;
}
ul{
top: 1em;
bottom: 1em;
width: 100%;
padding: 3px;
list-style-type: none;
}
li {
list-style-type: none;
margin: 0 30px 0 30px;
display: inline;
padding: 10px;
background: rgba(250,250,250,0.5);
/*border: 1px #003300 solid;*/
border-radius: 7px;
}

li:hover {
border: 1px #003300 solid;
box-shadow: 1px 1px 1px 1px #346B1B;
}
li:active{
border-radius: 7px;
border: none;
background: rgba(0,51,0,0.3);
color: whitesmoke;
}

a {
width: 100px;
display: inline-block;
/*float: center;*/
text-decoration: none;
color: black;
padding: 10px 10px;
}

a:hover {color: black;}
a:active {color: whitesmoke;}

main{
height: 38em;
/*border: solid black;*/
/*border-radius: 13px;*/
display: inline-block;
padding: 0px;
position: relative;
margin: 0px auto;
vertical-align: top;
width:  1000px;
}
#mainref {
/*height: 40em;*/
/*border: solid black;*/
/*border-radius: 13px;*/
display: inline-block;
padding: 0px;
position: relative;
margin: 0px auto;
margin-bottom: 13px;
vertical-align: top;
width:  1000px;
}
#maincv {
/*height: 40em;*/
/*border: solid black;*/
/*border-radius: 13px;*/
display: inline-block;
padding: 0px;
position: relative;
margin: 0px auto;
margin-bottom: 13px; 
vertical-align: top;
width:  1000px;
}
.mainqa{
height: 423px;
display: inline-block;
padding-bottom: 10px;
position: relative;
margin: 0px auto;
margin-bottom: 13px;
vertical-align: top;
width:  1000px;
}
.article1{
background: rgba(0,51,0,0.3);
border: solid 1px #003300; 
border-radius: 13px;
box-shadow: 3px 3px 3px #333;
float: left;
height: 413px;
margin: 0 auto;
padding: 12px 13px 8px 13px;
position: relative;
width: 700px;
}
.articleref {
background: rgba(0,51,0,0.3);
border: solid 1px #333; 
border-radius: 13px;
box-shadow: 3px 3px 3px #000;
float: left;
position: relative;
/*text-align: center;*/
width: 100%;
}
.articleqa{
background: rgba(0,51,0,0.3);
border: solid 1px #003300; 
border-radius: 13px;
box-shadow: 3px 3px 3px #333;
float: left;
height: 413px;
margin: 0 auto;
padding: 0px 13px 10px 100px;
position: relative;
width: 700px;
}
.tumref {
border: solid 1px #333;
border-radius: 8px;
box-shadow: 0px 3px 3px #000;
margin: 13px;
}
.aref {
margin: 0px 37px 0px 0px;
width: 200px;
}
#avatar {
border-bottom-left-radius: 8px;
border-top-left-radius: 8px;
float: left;
}
#intro {
/*margin-left: 13px;*/
padding-left: 260px;
text-align: justify;
}
aside{
background: rgba(0,51,0,0.3);
border: solid 1px #003300;
border-radius: 13px;
box-shadow: 3px 3px 3px #000;
float: right;
height: 413px;
margin: 0 auto;
padding: 11px 3px 0px 7px;
position: relative;
right: 4px;
/*top: 10px;*/
width: 290px;
}
.asidecycler {
border-radius: 8px;
box-shadow: 2px 2px 3px #333;
/*margin: 3px;*/
}
.container {
display:inline;
float:left;
height:187px;
margin-bottom:16px;
margin-left: 1px;
width:273px;
}
.slider {
background: rgba(0,51,0,0.3);
border: solid 1px #003300;
border-radius: 13px;
box-shadow: 3px 3px 3px #000;
/*bottom: 0px;*/
height: 180px;
margin: 0 auto;
/*margin-top: 13px;*/
/*padding: auto;*/
padding-top: 13px;
position: absolute;
text-align: center;
top: 420px;
width: 100%;
}
.slide {
bottom: 0px;
text-align: center;
width: 100%;
}
.flags {
text-align: center;
width: 100%;
}
.flag {
border: 1px solid #000;
border-radius: 8px;
box-shadow: 3px 3px 3px #333;
margin: 3px;
}
footer{
background: rgba(0,51,0,0.3);
border-radius: 7px;
bottom: 0;
color: yellow;
display: block-inline;
height: 1em;
line-height: 1em;
max-width: 200px;
position: fixed;
text-align: center;
width: 100%;
}
#foot {
font-size: 0.7em;
/*margin-left: -150px;*/
}
#foot a {
color: yellow;
margin: 0px;
padding: 0px;
width: 100%;
}

/* FORM */
form {
width:510px;
}
input, label {
display:inline-block;
margin: 3px;
width: 150px;
vertical-align: middle;
padding: 4px;
}
textarea{
display:inline-block;
margin: 3px;
width:380px;
vertical-align:middle;
padding:4px;
}
input, textarea {
border:1px solid #666;
box-shadow:0 0 4px #666;
border-radius:5px;
}
label {
text-align:left;
}
#submit {
/*margin-left:177px;*/
background:#ddd;
cursor:pointer;
width:60px;
}
/* --- error css --- */
input.error, textarea.error {
border:1px solid red;
box-shadow:0 0 4px red;
}
label.error {
display:none !important;
}
input.error, textarea.error {
-moz-animation:glow ease-in infinite alternate 500ms;
-webkit-animation:glow ease-in infinite alternate 500ms;
-ms-animation:glow ease-in infinite alternate 500ms;
animation:glow ease-in infinite alternate 500ms;
}
@-moz-keyframes glow {0%{box-shadow:0 0 4px red;}100%{box-shadow:0 0 9px red;}}
@-webkit-keyframes glow {0%{box-shadow:0 0 4px red;}100%{box-shadow:0 0 9px red;}}
@-ms-keyframes glow {0%{box-shadow:0 0 4px red;}100%{box-shadow:0 0 9px red;}}
@keyframes glow {0%{box-shadow:0 0 4px red;}100%{box-shadow:0 0 9px red;}}
/* FORM END */
.cdetails {
font-size: 1.7em;
margin: 0 auto;
text-align: center;
}
.cdetails img {
/*float: left;*/
margin-left: 17px;
}
.cdetails a {
/*width: 100px;*/
/*display: inline-block;*/
/*float: center;*/
/*text-decoration: none;*/
color: red;
padding: 0px;
text-align: left;
}
#linx {
/*float: left;
width:100%;*/
}