@charset "utf-8";
/* CSS Document */

@font-face
{
	font-family:berlin;
	src:url('../fonts/BERLIN.TTF') format('truetype');
	font-weight: normal;
}

body
{
  background-image : url(../img/bg2.jpg);
}

#logo
{	
  position: absolute;
  top: 10px;
  left: 50%;
  width: 900px;
  height: 120px;
  margin-left: -450px;
  text-align:center;
  background-color: rgba(0,0,70,0.5);
  
  moz-border-radius: 5px ;
  webkit-border-radius: 5px;
  o-border-radius: 5px;
  border-radius: 5px;
}

#reicolite
{
  width: 300px;
  height: 100px;
  float: left;
  margin: 10px;
  border: 1px white solid;
  background-color: transparent;
  moz-border-radius: 5px;
  webkit-border-radius: 5px;
  o-border-radius: 5px;
  border-radius: 5px;
}

#reicolite p
{
  font-family:Arial, Helvetica, sans-serif;
  color: white;
  font-size:130%;
  font-weight:bold;
  position: relative;
  top: -25px;
}

#reicolite img
{
  margin-top: 8px;
}

#slogan
{
	width:45%;
	font-family:berlin;
	font-size: 150%;
	text-align:center;
	color:white;
	text-shadow:#003;
	float:left;
}

#slogan p
{
	text-shadow: 2px 2px rgba(0,0,51,0.7);
}
	
#right
{
  	float: right;
	width: 18%;
	height: 100%;
}


#julia
{
  padding: 5px;
  margin: 4% 4%;
  
  moz-border-radius: 5px ;
  webkit-border-radius: 5px;
  o-border-radius: 5px;
  border-radius: 5px;
  
  -moz-box-shadow:0px 0px 12px #fff inset;
  -webkit-box-shadow:0px 0px 12px #fff inset;
  box-shadow:0px 0px 12px #fff inset;
}

#julia a 
{
	text-decoration:none;
	border:none;
}

#julia img
{
	height: 50px;
	width: auto;
	border:none;
}

#language
{
	margin-right: 4%;
	float:right;
	text-align: center;
}

#slider 
{
  background-color: rgba(0,0,70,0.5);
  position: absolute;
  top: 140px;
  left: 50%;
  margin-left: -450px;
  width: 900px;
  height: 200px;
  text-align: center;
  
  moz-border-radius: 5px;
  webkit-border-radius: 5px;
  o-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
}

#slider img 
{
  position: absolute;
  left: 10px;
  top: 10px;
  width: 880px;
  height: 180px;
}

ul { list-style-type: none;}


#footer
{
  font-family:Arial, Helvetica, sans-serif;
  background-color: rgba(0,0,70,0.7);
  position: absolute;
  left: 50%;
  margin-left: -450px;
  width: 900px;
  height: 65px;
  z-index: 1;
  text-align:center;
  
  moz-border-radius: 5px ;
  webkit-border-radius: 5px;
  o-border-radius: 5px;
  border-radius: 5px;
}

#footer img 
{
	border:none;
}

#footer h4
{
  margin: 10px;
  color: white;
  font-weight:normal;
}
#footer h4 a
{
  color: white;
}

#webmail
{
	position: fixed;
	top: 45%;
	left: 0;
	width: 4%;
	z-index:20;

	background-color: rgba(0,0,70,0.7);
	
	moz-border-radius: 0 5px 5px 0;
	webkit-border-radius: 0 5px 5px 0;
	o-border-radius: 0 5px 5px 0;
  	border-radius: 0 5px 5px 0;
	
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

#webmail:hover
{
	width: 10%;
	
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

#webmail a
{
	text-decoration: none;
}

#webmail img
{
	border: none;
	margin: 5%;
	width: 90%;
	height: 90%;
}

#webmail p
{
	margin-left: 5%;
	margin-bottom: 0px;
	color: white;
	font-family:Verdana, Geneva, sans-serif;
	text-decoration: none;
	font-size: 0;
	opacity: 0.1;
	
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

#webmail:hover p
{
	opacity: 1;
	margin-bottom: 5%;
	font-size: 70%;
	
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}