@import url("normalize.css");


/* extris css */

body{ font-family: 'Open Sans', sans-serif;}

.clear{ clear:both; }

/* header */

header{
	width:100%;
	height:90px;
	position:fixed;
	top:0px;
	background:rgba(255,255,255,1.00);
	overflow:hidden;
	border-bottom: 1px solid rgba(200,200,200, 0.40);
	z-index:1000;
	
}


header .logo{
	position:absolute;
	height:50px;
	width:auto;
	top:20px;
	left:36px;
}


header .logo img{ height:100%; }


header nav{
	position:absolute;
	height:50px;
	max-width:800px;
	width:auto;
	top:36px;
	right:26px;
	color:rgba(100,100,100,1.00);
	font-weight:300;
}

header nav a{ 
   color:rgba(100,100,100,1.00);
   font-size:12pt;
   font-weight:300;
   text-decoration:none;
   padding-left:10px;
   padding-right:10px;
   transition:all 0.3s ease-in;
}

header nav a:hover{
	color:rgba(45,46,131,1.00);
}


header nav a.action{
	color:rgba(45,46,131,1.00);

}

/* body */
.body{
	width:100%;
	height:100%;
	position:absolute;
	clear:both;
	background: -webkit-linear-gradient(left, #faaf4c , #f17530); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #faaf4c, #f17530); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #faaf4c, #f17530); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #faaf4c , #f17530); /* Standard syntax (must be last) */
}

.body .grid{
	width:600px;
	min-height:500px;
	position:relative;
	margin-top:146px;
	margin-right:auto;
	margin-left:auto;
	
}


.body .grid h2{
	font-weight:300;
	font-size:26pt;
	color:rgba(255,255,255,1.00);
}


.body .grid article{
	display:block;
	position:relative;
	width:100%;
	height:auto;
}


.body .grid article p{ color:rgba(255,255,255,1.00);  font-weight:300;}

.body .grid .boxLink{
	width:270px;
	height:86px;
	margin-top:50px;
	background:url(../img/IMG_9034-mod.jpg);
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	border:1px solid rgba(255,255,255,1.00);
	float:left;
	display:block;
}

.body .grid .boxLink2{
	width:270px;
	min-height:86px;
	margin-top:50px;
	float:left;
	display:block;
}

.body .grid .boxLink2 img{
	width:100%;
}

.mr{ float:right !important; 
     background:url(../img/IMG_9047_mod.jpg) !important;
	 background-position:center bottom;
	background-size:contain;
 }


.body .grid .boxLink:last-child{
	float:right;
}

.body .grid .boxLink a{
	text-decoration:none;
	display:block;
	color:rgba(255,255,255,1.00);
}

.body .grid .boxLink h3{
	display:block;
	text-transform:uppercase;
	margin-left:0px;
	font-weight:600;
	margin-top:25px;
	text-align:center;
	color:rgba(45, 46, 131, 1);
}

.body .grid .boxLink img{ 
    display:block;
	float:left;
	margin-left:20px;
	margin-top:18px;
}

/* footer */

footer{
	position:fixed;
	z-index:1000;
	width:100%;
	height:40px;
	bottom:0px;
	background:rgba(45,46,131,1.00);
}

footer h4{
	font-weight:600;
	font-size:10pt;
	float:right;
	display:inline-block;
	color:rgba(255,255,255,1.00);
	padding-right:46px;
	margin-top:10px;
}

footer a{
	display:inline-block;
	float:left;
	width:30px;
	height:30px;
	margin-left:10px;
	margin-top:5px;
}

footer a img{ width:100%;  }

footer a:first-child{ margin-left:36px; }


/* body-screen */



.body-screen{
	width:100%;
	min-height:100%;
	position:absolute;
	clear:both;
	background-image:url(../img/backscreen.jpg);
	background-position:center top;
	background-size:cover;
	background-attachment:fixed;
}

.body-screen .grid{
	width:700px;
	min-height:600px;
	position:relative;
	margin-top:146px;
	margin-right:auto;
	margin-left:auto;
	background:rgba(255,255,255,1.00);
	padding:50px;	
}

.body-screen .grid h2{
	color:rgba(45,46,131,1.00);
	font-weight:400;
	font-size:20pt;
	
}


.body-screen .grid .left{
	color:rgba(70,70,70,1.00);
	font-weight:300;
	font-size:11pt;
	font-style:italic;
	width:354px;
	float:left;
}

.body-screen .grid .left2{
	color:rgba(70,70,70,1.00);
	font-weight:300;
	font-size:11pt;
	font-style:italic;
	width:300px;
	float:left;
}

.body-screen .grid .right2{
	color:rgba(70,70,70,1.00);
	font-weight:300;
	font-size:11pt;
	font-style:italic;
	width:300px;
	float:right;
}

.body-screen .grid a{ text-transform:uppercase; text-decoration:none; font-weight:600; }



.body-screen .grid .left strong{
	font-weight:600;
	font-size:12pt;
	font-style:italic;
}

.body-screen .grid .right2 img, .body-screen .grid .left2 img{ width:100%; }

.body-screen .grid .right{
	color:rgba(70,70,70,1.00);
	float:right;
	width:322px;
}

.body-screen .grid .right img{ width:100%; }

.body-screen .grid .article{
	width:100%;
	min-height:100px;
	position:relative;
	text-align:left;
	margin-bottom:80px;
	clear:both;
	display:block;
}

.body-screen .grid .article h3{
	font-weight:600;
	font-size:12pt;
	color:rgba(51,51,51,1.00);
}

.body-screen .grid .article p{
	 color:rgba(70,70,70,1.00);
	 font-weight:300; 
}



/* body-contact */

.body-contact{
	width:100%;
	min-height:100%;
	position:absolute;
	clear:both;
	background-position:center top;
	background-size:cover;
	background-attachment:fixed;
}


.body-contact .grid{
	width:980px;
	min-height:450px;
	position:relative;
	margin-top:146px;
	margin-right:auto;
	margin-left:auto;
	clear:both;
	background:rgba(255,255,255,1.00);
	padding:20px 50px 80px 50px; 	
}

.body-contact .grid h2{
	color:rgba(45,46,131,1.00);
	font-weight:400;
	font-size:20pt;
	margin-top:0px;
	
}

.body-contact .grid h3{
	font-size:11pt;
	margin-left:6px;
	
}

.body-contact .left {
    float: left;
    height: auto;
    width: 560px;
	font-size:10pt;
}

.body-contact .left2 {
    float: left;
    height: auto;
    width: 660px;
	font-size:10pt;
}

.body-contact .box {
    float: left;
    height: auto;
    margin-left: 20px;
    margin-top: 10px;
    width: 280px;
}


.body-contact .left iframe{
	width:100% !important;
	height:380px;
}

.body-contact .right{
	width:284px;
	padding-left:30px;
	float:left;
}

.body-contact .right h4{
	font-size:16pt;
}

.body-contact .right a{
	color:#095190;
	text-decoration:none;
	font-size:10pt;
	margin-top: 10px; 
}

.body-contact .box2 {
    float: left;
    margin-right: 30px;
    margin-top: 0px;
}
.body-contact .box2 textarea {
    height: 130px;
    resize: none;
    width: 280px;
}
.body-contact .right button{
    background-color: #095190;
    border-radius: 5px;
    border-style: none;
    color: #fff;
    cursor: pointer;
	margin:0;
    font-size: 10pt;
    width: auto;
    height: auto;
    margin-top: 10px;
    padding: 1px 10px 3px;
	float: right;
	display:block;
}

.body-contact .right a{ float:left; display:block; font-size:10pt; }

.body-contact .box input {
    float: right;
}
.body-contact .left p {
    color: #666;
    font-size: 10pt;
    padding-top: 5px;
}