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


/*limited reset*/
html, body, div, section, article, aside, header, hgroup, footer, nav, h1, h2, h3, h4, h5, h6, p, blockquote, address, time, span, em, strong, img, ol, ul, li, figure, canvas, video, th, td, tr {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align:baseline;
	font: inherit;
}


html {
background-color: rgb(255,255,255);
}
body{
    background-color: rgb(255,255,255);
    
}

img, object, embed, video {
	max-width: 100%;
	-ms-interpolation-mode:bicubic;
}


/*Header styles logo*/
header {
    height: 520px;
	background-size: cover;
    margin-bottom: 10px;
    position: relative;
    background-color: none;
    background-image: url("../images/head-illustr1100.jpg");
    background-repeat: no-repeat;
    padding-bottom: 0px;
    -moz-box-shadow: 0px 3px 5px #888;
    -webkit-box-shadow: 0px 3px 5px #888;
    box-shadow: 0px 3px 5px #888;
}
header img{
	position: relative;
	text-align: left;
	float:left;
	
}
img, object, embed, video {
	max-width: 100%;
	-ms-interpolation-mode:bicubic;
}
.logo{
	margin: 5% auto;
	text-align: center;
}
.logo a{
	 font-family: 'Cantarell', sans-serif;
    font-size: 2em;
	color: rgba(103,97,97,1.00);
	text-decoration: none;
	border: 2px solid rgba(103,97,97,1.00);
	text-transform: uppercase;
	padding: 2px 10px 0 10px;
	margin: 0;
}
.logo a:hover{
	background-color: #fff;
	color: #7accc8;
}

header a.logo span { display: none; }

ul.nav {
	background-color: none;
	color: rgba(255,0,0,1);
	font-size: 2em;
	text-align: center;
	width: 65%;
	font-family: 'Cantarell', Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: lowercase;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 12px;
}
.nav li {
	list-style: none;
	display: inline;
	margin: 0 20px 0 0;
	color: rgba(255,0,0,1);
}
.nav a {
	color: rgba(204,0,0,1);
	text-decoration: none;
}
.nav a:hover {
	color: rgba(255,204,0,1);	
}


img, object, embed, video {
	max-width: 100%;
	-ms-interpolation-mode:bicubic;
}


/*footer styles	*/
footer{
	background-color: white;
	height: outo;
	background-size: cover;
	box-shadow: 0px 10px 0px #888;
	margin-top: 0px;
	margin-bottom: 0px;
	position: relative;
	background-image: none;
	background-repeat: no-repeat;
	background-position: center;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 20px;
	display: block;
}
footer img{
	padding-top: 15px;

	display: inline-block;
	margin: auto;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.social li.flickr a:hover{color: rgb(255,0, 132);}
 
 p.copyright{
	text-align: center;
	color: #666;
	font-size: .7em;
	padding-bottom: 5px;
}
 footer #privacy {
	padding: 20px;
}
footer #privacy p {
	font-size: 0.5em;
	text-align: justify;
	-webkit-transition: font-size .5s ease;
	-moz-transition: font-size .5s ease;
	-o-transition: font-size .5s ease;
	transition: font-size .5s ease;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #666;
}
footer #privacy h3{
	font-size: 1.2em;
	color: #666;
	text-align: center;
}
footer #privacy p:hover {
	font-size: 1em;
}