/* FONTS ============================================================================= */
@font-face {
	font-family: "proxima-nova-light";
	src: url("../fonts/proximanova-light-webfont.eot");
	src: local("?"), url("../fonts/proximanova-light-webfont.woff") format("woff"), url("../fonts/proximanova-light-webfont.ttf") format("truetype"), url("../fonts/proximanova-light-webfont.svg#webfont") format("svg");
	font-weight: normal;
	font-style: normal
}
@font-face {
	font-family: "proxima-nova-regular";
	src: url("../fonts/proximanova-regular-webfont.eot");
	src: local("?"), url("../fonts/proximanova-regular-webfont.woff") format("woff"), url("../fonts/proximanova-regular-webfont.ttf") format("truetype"), url("../fonts/proximanova-regular-webfont.svg#webfont") format("svg");
	font-weight: normal;
	font-style: normal
}
@font-face {
	font-family: "proxima-nova-bold";
	src: url("../fonts/proximanova-bold-webfont.eot");
	src: local("?"), url("../fonts/proximanova-bold-webfont.woff") format("woff"), url("../fonts/proximanova-bold-webfont.ttf") format("truetype"), url("../fonts/proximanova-bold-webfont.svg#webfont") format("svg");
	font-weight: normal;
	font-style: normal
}
@font-face {
	font-family: "proxima-nova-semibold";
	src: url("../fonts/proximanova-semibold-webfont.eot");
	src: local("?"), url("../fonts/proximanova-semibold-webfont.woff") format("woff"), url("../fonts/proximanova-semibold-webfont.ttf") format("truetype"), url("../fonts/proximanova-semibold-webfont.svg#webfont") format("svg");
	font-weight: normal;
	font-style: normal
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
/* BASIC SETUP ============================================================================= */
html { 
  background:#fff url(fundo.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
body {
	margin: 0px;
	padding: 0px;
	background-color: #f5f6f7;
	text-shadow: 0 1px 0 white;
}
input[type=text], textarea {
	outline: none !important
}
.left {
	float: left
}
.right {
	float: right
}
.container {
	margin: 0 auto
}
/*  HEADINGS  ============================================================================= */

h1, h2, h3, h4, h5, h6 {
	font-family: "proxima-nova-light", arial, helvetica, helve, sans-serif;
	font-weight : normal;
	margin-top: 0px;
	letter-spacing: -1px;
}
h1 {
	font-family: "proxima-nova-bold", arial, helvetica, helve, sans-serif;
	color: #000;
	margin-bottom : 0.2em;
	font-size : 6em; /* 96 / 16 */
	line-height : 1.4;
}
h2 {
	color: #222;
	margin-bottom : .5em;
	margin-top : .5em;
	font-size : 2.75em; /* 40 / 16 */
	line-height : 1.2;
}
h3 {
	color: #333;
	margin-bottom : 0.3em;
	letter-spacing: -1px;
	font-size : 1.75em; /* 28 / 16 */
	line-height : 1.3;
}
h4 {
	color: #444;
	margin-bottom : 0.5em;
	font-size : 1.5em; /* 24 / 16  */
	line-height : 1.25;
}
h5 {
	color: #555;
	margin-bottom : 1.25em;
	font-size : 1em; /* 20 / 16 */
}
h6 {
	color: #666;
	font-size : 1em; /* 16 / 16  */
}
/*  TYPOGRAPHY  ============================================================================= */

p, ol, ul, dl, address {
	margin-bottom : 1.5em;
	font-size : 1.5em; /* 16 / 16 = 1 */

}
p {
	font-family: "proxima-nova-light", arial, helvetica, helve, sans-serif;
	hyphens : auto;
	
	color: #888;
}
/* LINKS =============================================================================  */

a {
	color : #cc1122;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	text-decoration: none;
}
a:visited {
	color : #ee3344;
}
a:focus {
	outline : thin dotted;
	color : rgb(0,0,0);
}
a:hover, a:active {
	outline : 0;
	color : #dd2233;
}
.cblue {
	color: #ff0000
}
.credlue {
	color: #d43d49
}
.cgreen {
	color: #77a523
}
a.btn, a.btnb {
	text-shadow:none;
	margin:0px;
	padding:8px;
	padding-left:20px;
	padding-right:20px;
	float:right;
  border-radius: 6px;
  background-image: -moz-linear-gradient( 90deg, rgb(56,101,149) 0%, rgb(70,124,182) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(56,101,149) 0%, rgb(70,124,182) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(56,101,149) 0%, rgb(70,124,182) 100%);
  position:relative;
  top:25px;
  right:0;
  width:auto;
  cursor:pointer;
  color:#fff;
  text-decoration:none; font-family: "proxima-semibold-light", arial, helvetica, helve, sans-serif; color:#555; font-size : 18px; margin-right: .2em; margin-left : .2em;


}

.fblue, .tblue, .gred{ 
color:#ccc; cursor:pointer; 
-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	-ms-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;}

.fblue:hover {
	color: #3b5999;
}
.tblue:hover {
	color: #4bc3ff;
}
.gred:hover {
	color: #d33d2c;
}

section{
    width:100%;
    float:left;
}

/* HEADER =============================================================================  */
header {
	width: 100%;
	height: 150px;

	overflow:hidden;
	float:left;
	position:fixed;
	z-index:1;
}

#headercontent {
	width: 80%;
	font-size: 0.8125em;
	max-width: 92.3em; 
	margin: 0 auto;
	padding: 1em 0px;
	color: #333;
	line-height: 1.5em;
	position: relative;
}
.logo, .menu, .social{ float:left}
.logo{ width:75%; height:150px; cursor:pointer; margin-top:-5px; background: url(img/logoESR.png) no-repeat center; background-size:80%;}
nav.menu{ width:90%; height:150px; }
nav.menu ul{ list-style:none; margin-top:10px}
nav.menu ul li{ display:inline-block;}
nav.menu ul li a{ text-decoration:none; font-family: "proxima-nova-light", arial, helvetica, helve, sans-serif; color:#555; font-size : .8em; margin-right: .2em;
	margin-left : .2em;}
nav.menu ul li a:hover{ color:#17a8dd}



.social{ width:15%; height:60px;}

.social ul{ list-style:none; margin-top:15px}
.social ul li{ display:inline-block;}

/* CONTENT =============================================================================  */
/*.imagehome{ background:#fff url(fundo.jpg) no-repeat center;  background-size:cover}*/
.imagehome{ background:none;  background-size:cover}

section{
	background:#fff;
	
/*	border-bottom:1px solid #ddd;
	box-shadow:1px 1px 1px #f6f6f6;
*/
}
#home{margin-top:80px;}
#maincontainer {
	width: 100%;
	float: left;
}

#newc {
	clear: both;
	width: 90%; /* 1000px / 1250px */
	font-size: 0.8125em; /* 13 / 16 */
	max-width: 92.3em; /* 1200px / 13 */
	margin:10px auto;
	padding: 20px 0px 10px 0px;
	color: #999;

	margin-top:5px;


}







#maincontent {
	clear: both;
	width: 80%; /* 1000px / 1250px */
	max-width: 92.3em; /* 1200px / 13 */
	margin: 0 auto;
	padding: 1em 0px;
	color: #333;
	position: relative;
	margin-top:85px;

}
.display {
	width: 50%;
	height: auto;
	overflow: hidden;
	float: left;


}
.display img {
	margin:0px auto;
}
.display p{
		text-align:justify;
	}

.display h1 {
	font-size: 65px;
	line-height: 12px;
}

.home-display-img {
	width: 30%;
	height: auto;
	float: left;


}
.home-display {
	width: 70%;
	height: auto;
	float: left;
	padding:15px;

}
.home-display h1 {
	color:#a4cb4a;
	font-size: 55px;
	line-height: 18px;
	position:relative;
	top:-20px;
}



.display-video {
	margin:10% auto;
	width: 100%;
	
	float: left;
	background-size: cover;
	float: left
}
/* FOOTER =============================================================================  */

#footercontainer {
	width: 100%;
	background: #f8f8f6;
	height: 45px;
	float: left;
}
footer {
	clear: both;
	width: 80%; /* 1000px / 1250px */
	font-size: 0.8125em; /* 13 / 16 */
	max-width: 92.3em; /* 1200px / 13 */
	margin: 0 auto;
	padding: 20px 0px 10px 0px;
	color: #999;
	background: #f36d50;
}
/*   Media Queries
--------------------------------------------------*/
@media screen and (max-width: 1140px) {

}
@media screen and (max-width: 1024px) {

}
@media screen and (max-width: 800px) {

.display {
	width: 100%;
	height: auto;
	float: left;

}
.home-display-img {
	display:none


}
.home-display {
	width: 100%;
	height: auto;
	float: left;
	padding:15px;

}
.home-display h1 {
	color:#a4cb4a;
	font-size: 55px;
	line-height: .9em;
	position:relative;
	top:-20px;
}
}
@media (min-height: 600px) and (max-height: 600px) {



}

@media screen and (max-width: 600px) {


}
@media screen and (max-width: 480px) {
.logo{ width:100%; height:60px; cursor:pointer; margin-top:-5px; background: url(img/logoESR.png) no-repeat center; background-size:100%;}
.social{ display:none}
.display {
	width: 100%;
	height: auto;
	overflow: hidden;
	float: left;


}
.display img {

	margin:0px auto;
}
.display p{
		text-align:left;
		font-size:15px;
		display:none;
	}

.display h1 {
	font-size: 65px;
	line-height: 12px;
	display:none;
}

.home-display-img {
	width: 30%;
	height: auto;
	float: left;


}
.home-display {
	width: 70%;
	height: auto;
	float: left;
	padding:15px;

}
.home-display h1 {
	color:#a4cb4a;
	font-size: 55px;
	line-height: 18px;
	position:relative;

}
.display a{

		display:none;
	}

.imagehome{ background:none}
html { 
  background:#fff url(fundo.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}