div {
	font-family: "Times New Roman", Times, serif;
}

div.c1 {
	

	position: fixed;
   left: 0;
   top: 0;
   width: 100%;
   background-color: #48506d;
   color: white;
   text-align: right;
   
  padding: 0px;
  
  z-index: 0.01;


}


div.c2 {
	position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   background-color: #48506d;
   color: white;
   text-align: center;
   
   z-index: 1.;
}

div.c3 {
	position: fixed;
	left: 40%;
	top: 2px;
	width: 20%;
	text-align: center;
	z-index: 1.;
   
}

div.c4 {
	position: fixed;
	left: 0px;
	top: 50px;
	text-align: left;
	z-index: -4;
   
}

div.vpane1 {
	position: fixed;
   left: 2%;
   top: 0;
   width: 2%;
   height: 100%;
   background-color: #86a0dd;
   color: #86a0dd;
   text-align: left;
   
  padding: 0px;
  
  z-index=-3;
}

div.vpane2 {
	position: fixed;
   left: 6%;
   top: 0;
   width: 2%;
   height: 100%;
   background-color: #86a0dd;
   color: #86a0dd;
   text-align: left;
   
  padding: 0px;
  
  z-index=-3;
}

div.vpane3 {
	position: fixed;
   left: 12%;
   top: 0;
   width: 1.5%;
   height: 100%;
   background-color: #86a0dd;
   color: #86a0dd;
   text-align: left;
   
  padding: 0px;
  
  z-index=-3;
}

div.vpane4 {
	position: fixed;
   left: 86%;
   top: 0;
   width: 2.3%;
   height: 100%;
   background-color: #86a0dd;
   color: #86a0dd;
   text-align: left;
   
  padding: 0px;
  
  z-index=-3;
}

div.vpane5 {
	position: fixed;
   left: 92%;
   top: 0;
   width: 3%;
   height: 100%;
   background-color: #86a0dd;
   color: #86a0dd;
   text-align: left;
   
  padding: 0px;
  
  z-index=-3;
}

div.hpanelfull {
	
	position: relative;

   width: 104%;
    left: -2%;
   top: 0px;
   
     padding: 0px;
	 margin: 0px;
	 

   background-color: #86a0dd;
   color: white;
     
	height: 450px;
	text-align: left;
	
	z-index=-1;
}

div.hpanelempty {
	color: white;
	height: 590px;
	text-align: left;
	z-index=-1;
}

div.hpanel_par_1 {
	
	width: 105%;
    left: -2%;
   top: 0px;
   
	position: relative;
	color: white;
	height: 590px;
	text-align: left;
	z-index:-1;
	overflow: hidden;
	
	background-image: url("panoramio_1_f.jpg");
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

div.hpanel_par_2 {
	
	width: 105%;
    left: -2%;
   top: 0px;
	
	position: relative;
	color: white;
	height: 590px;
	text-align: left;
	z-index:-1;
	overflow: hidden;
	
	background-image: url("panoramio_2_f.jpg");
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

body {
  background-color: #FFFFFF;
}

.dropbtn {
  background-color: #6573a6;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  
  transition-property: background-color ease-in;
  transition-duration: 1s;
  transition-delay: 0.1s;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #6573a6;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {background-color: #8e9ac5;}

.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .dropbtn {background-color: #8e9ac5;}

img.a {
	max-width: 90%;
	max-height: 300px;
	border-radius: 10px;
	
}


div.box{
	width: 200px;
	max-height: 400px;
	border: 1px solid #4166be;
  overflow: hidden;
  word-wrap: break-word;
  float:left;
  text-align:center;
  border-radius: 10px;
  background-color: #4166be;
  margin:2px;
  padding:10px;
  
transition-property: background-color ease-in;
  transition-duration: 1s;
  transition-delay: 0.1s;
  
}

div.rec{
	width: 200px;
	max-height: 400px;
	border: 1px solid #4166be;
  overflow: hidden;
  word-wrap: break-word;
  float:left;
  text-align:left;
  border-radius: 10px;
  background-color: #86a0dd;
  margin:2px;
  padding:10px;
  
}

div.box:hover {
  background-color: #a0b7ee;
  
}

textarea{
	border:0;
	background: #FFFFFF;
	resize: none;
}

textarea:focus { 
    outline: none !important;
    border-color: #86a0dd;
    box-shadow: 0 0 10px #86a0dd;
 }




form {
	font-family: "Times New Roman", Times, serif;
	color: black;
}