/* CSS layout */
#maincontainer {
	
	width: 100%;
	padding: 0;
	margin: 0;

}

#masthead {
	height: auto;
	margin: 0;
	padding: 0;
	overflow: auto;
	background-color:  rgba(75,150,200,0.6);
	}

.fullpage {
	width: 90%;
	margin: auto;
	background-color: rgba(75,150,200,0.6);
	border: 1px #4b96c8 solid;
	-moz-border-radius: 25px;
	border-radius: 25px;

}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

#footer {
	width: 100%;
	margin: 0;
	padding: 1em 0;
	clear: both;
	
}


#footer p {
	color: #fff;
	font-weight: bold;
	font-size: 1.2em;
	text-align: center;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}


a:link
{
	color: #ff0;text-decoration:none  
}
a:visited
{
	color: #ff0;text-decoration:none 
} 
a:active 
{
	color: #ff0;text-decoration:none
}
a:hover      
{ 
	color: #ff0;text-decoration:underline
}

h1 
{
	font-family: 'Henny Penny', cursive;
	margin-top: 0;
	margin-bottom: 0;
	color: #fff;
	font-size: 30pt;
	text-align: center;
	text-shadow: 2px 2px black;


}

h2 
{
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0;
	margin-bottom: 0;
	color: #fff;
	font-size: 18pt;
}

h3 
{
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0;
	margin-bottom: 0;
	color: #fff;
	font-size: 14pt;
	text-align: center;
}

h4
{
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0;
	margin-bottom: 0;
	color: #fff;
	font-size: 12pt;
}

h5
{
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0;
	margin-bottom: 0;
	color: #fff;
	font-size: 10pt;
}

h6
{
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0;
	margin-bottom: 0;
	color: #fff;
	font-size: 8pt;
}
body
{
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	background: url(images/san-miguel.jpg) no-repeat bottom;
  	background-size: cover;
  	background-attachment: fixed;
	color: #666;
	font-size: 10pt;


}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	font-style: normal;
	color: #fff;
	line-height: normal;
	margin-bottom: 0px;
	margin-top: 0px;
	left: 10%;
}

.centertext {
	text-align: center;
}

/* image resizing start */

.vari img {
  display: block;
  height: auto;
  width: 100%;
  border: 0;
  }
  /* image resizing end */
  
/* Navigation start */ 
 #rc_logo {
	left: 30px;
	padding: 17px;
	position: absolute;
	color: #fff;
	font-size: 24px;
	font-family: Arial;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
}

#rc_logo a { 
color: inherit; 
text-decoration: none;
} 

.rc_nav {
  overflow: hidden;
  background-color: transparent;
  text-align: center;
  z-index: 6;
}

.rc_nav a {
 display: inline-block;
 margin-right: -4px;  /* inline-block gap fix */
 color: #fff;
 padding: 22px 22px;
 text-decoration: none;
 font-family: Arial;
 font-size: 18px;
 -webkit-transition: background 0.3s linear;
 -moz-transition: background 0.3s linear;
 -ms-transition: background 0.3s linear;
 -o-transition: background 0.3s linear;
 transition: background 0.3s linear;
 z-index: 9;
}

.rc_nav a:hover {
  background-color: transparent;
  color: #ff0;
}

.rc_nav .icon {
  display: none;
}

.rc_content {
  text-align: center; 
  padding-left:14px; 
  font-family: Arial; 
  margin-top: 100px;  
  color: rgba(0,0,0,0.7);
}


@media screen and (max-width: 820px) {
  .rc_nav a {display: none;}
  .rc_nav a.icon {
    float: right;
    display: block;
    width: 60px;
  }
}

@media screen and (max-width: 820px) {
  .rc_nav.responsive {position: relative; top: 13px;}
  .rc_nav.responsive .icon {
    position: fixed;
    right: 0;
    top: 0;
  }
  .rc_nav.responsive a {
    float: none;
    display: block;
    text-align: center;
  }

}

/* Navigation end */