/* Custom CSS 
color scheme:
#844D36 - dark brown, a:hover
#474853 - darkblue, background
#86B3D1 - light blue, headers
#AAA0A0 - grey, main text
#8E8268 - links
*/

.license, #cclicense { 
			font-size: 11px; 
			text-align: center;
		 }
		 
.license img, #cclicense { 
			margin: 10px;
		 }

#cv {
  -webkit-border-radius: 14px;
  border-radius: 14px;
  margin: auto;
  text-align: center;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  padding: 5px;
  margin: 30px auto 30px auto !important;
  display: block;
}

.container p img {
  display: block;
  padding: 4px;
  line-height: 1;
  max-width: 920px;
  border: 1px solid #ddd;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
  margin-left: auto;
  margin-right: auto;
  margin-top: 15px;
  margin-bottom:15px;
}

legend { 
	margin:3px; 
	text-align:center;
	width:100%; 
	font-size: 16px; 
	border: 0px;   
	line-height: 18px;
    color: #AAA0A0;
	}

.pic {
  margin:3px; text-align:center;width:100%
  display: block;
  padding: 4px;
  width: 940px;
  line-height: 1;
 /*  border: 1px solid #ddd;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
  */
  margin-left: auto;
  margin-right: auto;
  margin-top:20px;
  margin-bottom:20px;
}


/* CSS from Bootstrap website: */

/* Sticky footer styles
-------------------------------------------------- */

html {
  position: relative;
  min-height: 100%;
}

body {
  /* Margin bottom by footer height + a 30px margin */
  margin-bottom: 170px;
    background-color: #474853;
    font-family: 'Roboto Slab', serif;
}

#footer {
  position: absolute;
  bottom: 0;
  height: 140px;
  width: 100%;
  background-color: #AAA0A0;
  padding: 20px;
}
a {
    color: #8E8268;
}
a:hover{
    color: #844D36;
    text-decoration: underline;
    
}

/*  Fix iframe size
	From http://www.bymichaellancaster.com/blog/fluid-iframe-and-images-without-javascript-plugins/
	*/
	
.fluidMedia {
    position: relative;
    padding-bottom: 56.25%; /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.fluidMedia iframe {
    position: absolute;
    padding: 0px;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
}

.scrollup { /*!--scroll-up button.css */
width:40px;
height:40px;
opacity:0.3;
position:fixed;
bottom:150px;
right:30px;
display:none;
text-indent:-9999px;
background: url('icon_top.png') no-repeat;
}


.linkimg0{
    display: inline-block;
    height: auto;
    text-align: center;
    border-style: dashed;
    border-width: 6px;
    border-color: darkorange;
    border-radius: 10px;
    float: left;
}

.linkimg1{
    display: inline-block;
    height: auto;
    text-align: center;
    border-style: dashed;
    border-width: 6px;
    border-color: darkgreen;
    border-radius: 10px;
    margin-left: 50px;
    margin-top: 20px;
}

.important{
    color: white;
    background-color: red;
    padding: 4px;
    border-radius: 5px
}


p {
    font-size: 18px;
    text-indent: 20px;
    color: #AAA0A0;
}

h2{
    color: #86B3D1;
    font-size: 40px;
    font-family: 'Megrim';
    font-weight: 800;
    text-shadow: 2px 2px 5px #7fc1ed;
    
}

h3{
    color: #86B3D1;
    
    font-size: 30px;
   
   
}

h4{

    color: #86B3D1;
    font-size: 25px;
    
}

ul{
  color: #AAA0A0;
    font-size: 18px;
}


ol{
    color: #AAA0A0;
    font-size: 18px;
}


table{
    font-size-adjust: auto;
    color: #AAA0A0;
}

/* скрываем чекбоксы и блоки с содержанием */
.hide {
    display: none; 
}
.hide + label ~ div{
    display: none;
}
/* оформляем текст label */
.hide + label {
    border-bottom: 3px dotted darkorange;
    padding: 0;
    color: #86B3D1;
    cursor: pointer;
    display: inline-block; 
}
/* вид текста label при активном переключателе */
.hide:checked + label {
    color: darkorange;
    border-bottom: 0;
}
/* когда чекбокс активен показываем блоки с содержанием  */
.hide:checked + label + div {
    display: block; 
    background: #efefef;
    -moz-box-shadow: inset 3px 3px 10px #7d8e8f;
    -webkit-box-shadow: inset 3px 3px 10px #7d8e8f;
    box-shadow: inset 3px 3px 10px #7d8e8f;
    padding: 10px; 
}

/* demo контейнер */
.demo {
    margin: 2% 5%;
}