@charset "utf-8";
/* CSS Document */
body, html {
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	background: -moz-radial-gradient(center, circle, #FFFFFF 0%, #006699 200%);
	background: -webkit-radial-gradient(center, circle, #FFFFFF 0%, #006699 200%);
}
#main {
   height: auto;
   display: -webkit-flex;
   display: flex;
   flex-flow: row;
}
#main article {
	background: -moz-radial-gradient(center, circle, #FFFFFF 0%, #006699 200%);
	background: -webkit-radial-gradient(center, circle, #FFFFFF 0%, #006699 200%);
	flex: 3 1 60%;
	width:auto;
	order: 2;
	font-family: "Indie Flower", serif;
	font-size:medium;
	font-weight:normal;
	text-align:justify;
	display: flex;
	flex-flow: row;
	flex-direction:column;
	border: 2px solid #999999;
	-moz-border-radius: 40px / 80px;
	-webkit-border-radius: 40px / 80px;
	border-radius: 40px / 80px;
	margin-left:2px;
	margin-right:2px;
	margin-top:2px;
	padding-bottom:2px;
	padding-left:2px;
}
#main nav {
	width:auto;
	background: -moz-radial-gradient(center, circle, #FFFFFF 0%, #006699 200%);
	background: -webkit-radial-gradient(center, circle, #FFFFFF 0%, #006699 200%);
	flex: 1 6 20%;
	order: 1;
	border: 2px solid #999999;
	-moz-border-radius: 40px / 80px;
	-webkit-border-radius: 40px / 80px;
	border-radius: 40px / 80px;
	margin-top:2px;
	padding-bottom:2px;
	margin-left:2px;
	margin-right:2px;
	margin-top:2px;
	padding-bottom:2px;
	padding-left:2px;
}
#main aside {
	background: -moz-radial-gradient(center, circle, #FFFFFF 0%, #006699 200%);
	background: -webkit-radial-gradient(center, circle, #FFFFFF 0%, #006699 200%);
	flex: 1 6 20%;
	order: 3;
	font-family: "Indie Flower", serif;
	font-size:medium;
	font-weight:normal;
	text-align:justify;
	display: flex;
	flex-direction:column;
	border: 2px solid #999999;
	-moz-border-radius: 40px / 80px;
	-webkit-border-radius: 40px / 80px;
	border-radius: 40px / 80px;
	margin-left:2px;
	margin-right:2px;
	margin-top:2px;
	padding-bottom:2px;
	padding-left:2px;
}
header, footer {
	display: block;
	min-height: 10%;
	
}
h1 {
	font-family: "lobster", sans-serif;
	font-size:x-large;
	font-weight: normal;
	color:rgba(0,0,0,0.75);
	text-shadow: rgb(255,255,0) 2px 2px 1px;
}
h2, #menu1, #menu2 {flex: 1 6 20%;
	font-family: "lobster", sans-serif;
	font-size:large;
	font-weight: normal;
	text-shadow: rgb(255,255,0) 2px 2px 1px;
}

h3, #menu1>ul, #menu2>ul {flex: 1 6 20%;
	font-family: "lobster", sans-serif;
	font-size:medium;
	font-weight: normal;
	text-shadow: rgb(255,255,0) 2px 2px 1px;
}
.cc h2, .cc h3, #menu1 ul li a{flex: 1 6 20%;
	color:#F00
}
.sc h2, .sc h3, #menu2 ul li a {flex: 1 6 20%;
	color: #906;
	text-shadow: #09F 2px 2px 1px;
}

p {font-family: "Indie Flower", serif;
	font-size:medium;
	font-weight:normal;
	text-align:justify;
	margin-right:20px;
	margin-left:20px;
}
ul {
  flex: 1 6 20%;
  list-style-type:none;
  margin-top:2px;
  padding-top:2px;
}
ul > li { flex: 1 6 20%;
height:1em;
margin-top:1em; }
#menu1, #menu2{
	width:auto;
	flex: 1 6 20%;
	border: 2px solid #999999;
	-moz-border-radius: 40px / 80px;
	-webkit-border-radius: 40px / 80px;
	border-radius: 40px / 80px;
	
}

a {flex: 1 6 20%;
  border-radius: 5px 5px 5px 5px;
  color: #000;
  display:flex;
  text-align:center;
  text-decoration:none;
  -moz-transition: all 200ms ease-out;
  -ms-transition: all 200ms ease-out;
  -o-transition: all 200ms ease-out;
  -webkit-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
}
a:hover {flex: 1 6 20%;
  
  background-color:LightBlue; 
  box-shadow: 2px 2px 5px rgba(40,40,150,0.8); 
  transform: rotate(10deg);

}
.foto {
	width:auto;
	background: #FFF;
	border: 2px solid #999999;
	-moz-border-radius: 40px / 80px;
	-webkit-border-radius: 40px / 80px;
	border-radius: 40px / 80px;
	margin-bottom:20px;
	padding:20px;
	}
	
.video {
position:inherit;
padding-bottom: 5%; /* 16/9 ratio */
padding-top: 30px; /* IE6 workaround*/
height: 0;
overflow: hidden;
}
 
.video iframe,
.video object,
.video embed {
position:inherit;
top: 0;
left: 0;
width: 100%;
height: auto;
	background: #FFF;
	border: 2px solid #999999;
	-moz-border-radius: 40px / 80px;
	-webkit-border-radius: 40px / 80px;
	border-radius: 40px / 80px;
	
}
footer {
font-family: "Indie Flower", serif;
	font-size:medium;
	font-weight:normal;
	text-align:center;
	margin-right:200px;
	margin-left:200px;
	background: #FFF;
	background: -moz-radial-gradient(center, circle, #FFFFFF 0%, #006699 200%);
	background: -webkit-radial-gradient(center, circle, #FFFFFF 0%, #006699 200%);
	border: 2px solid #999999;
	-moz-border-radius: 40px / 80px;
	-webkit-border-radius: 40px / 80px;
	border-radius: 40px / 80px;
	margin-bottom:20px;
	padding-left:100px;
	padding-right:100px;
}