@import url("bank.css");
@import url("http://fonts.googleapis.com/css?family=Oswald");


body

{font-family:'Oswald',sans-serif;
font-size:18px;
color:#333}

header

{width:100%;
height:80px;
background-color:#000;
position:fixed;
z-index:1;
-webkit-box-shadow:0 0 4px rgba(0,0,0,0.2),0 4px 8px rgba(0,0,0,0.34);
box-shadow:0 0 4px rgba(0,0,0,0.2),0 4px 8px rgba(0,0,0,0.34);}

header .barra

{position:absolute;
width:100%;
background-color:#333;
min-height:40px;
margin-top:20px}

header .logo

{position:absolute;
top:0;
left:1em;
padding-top: 4px;
font-family:'bank',sans-serif;
color:#fff;
min-width:30%;
font-size:2em;
text-shadow:0 0 20px #fff}

header .rmm.style

{

top:0;
text-align: right;
left:0em;
font-family:'bank',sans-serif;
color:#fff;
min-width:100%;
font-size: 16px;

}

header nav

{position:absolute;
right:2em;
top:.4em;}

header nav ul

{list-style:none;
margin:0;}

header nav ul li

{display:inline-block;
margin-left:4em;}

header nav ul li a

{color:#fff;
text-decoration:none;}

header nav ul li a:hover

{text-shadow:0 0 20px #fff, }

.slider

{width:100%;
height:auto;
position:relative;
background-color:#333;}

.slider:after

{content:"";
position:absolute;
bottom:0;
right:0;
-webkit-box-shadow:inset 0 0 4px rgba(96,96,96,0.64);
box-shadow:inset 0 0 4px rgba(96,96,96,0.64);
border-width:0 0 60px 2000px;
border-style:solid;
border-color:#fff transparent;
display:block;
margin-bottom:0;
width:0}

.slider img

{width:100%}

.content

{width:100%;
 text-align: center;
}

/*********************************/
.content2 section

{width:100%;
margin-top:2.5em;}

.content2 section figure

{display:inline-block;
vertical-align:top;
width:30%;
margin:0em;
padding:1em 0;}

.content2 section figure img

{width:60%; }

/*********************************/
.content section

{width:100%;
margin:0;}

.content section h2

{margin:0;
color:#5e90a9}


.content section figure

{display:inline-block;
vertical-align:top;
width:30%;
margin:1em;
padding:1em 0;}

.content section figure img

{width:100%; }



.content section article

{display:inline-block;
vertical-align:top;
width:60%;
padding:0 1em;}

.content section article h2

{margin:0;
color:#5e90a9}

.content section article p

{text-align:justify}


/***************************************/

.content3

{width:100%;
 text-align: center;
}

.content3 section

{width:100%;
margin:0;}

.content3 section figure

{display:inline-block;
vertical-align:top;
width:90%;
margin:1em;
padding:1em 0;}

.content3 section figure img

{width:100%; }



.content3 section article

{display:inline-block;
vertical-align:top;
width:90%;
padding:0 1em;}

.content3 section article h2

{margin:0;
color:#5e90a9}

.content3 section article p

{text-align:justify}
/*********************************/

.diagonal

{width:100%;
height:auto;
position:relative;
background-color:#333;}

.diagonal img
{width:100%}

.diagonal:before

{content:"";
position:absolute;
top:0;right:0;
-webkit-box-shadow:inset 0 0 4px rgba(96,96,96,0.64);
box-shadow:inset 0 0 4px rgba(96,96,96,0.64);
border-width:60px 2000px 0 0;
border-style:solid;
border-color:#fff transparent;
display:block;
margin-bottom:0;
width:0}

.diagonal:after

{content:"";
position:absolute;
bottom:0;
right:0;
-webkit-box-shadow:inset 0 0 4px rgba(96,96,96,0.64);
box-shadow:inset 0 0 4px rgba(96,96,96,0.64);
border-width:0 0 60px 2000px;
border-style:solid;
border-color:#fff transparent;
display:block;
margin-bottom:0;
width:0}

.diagonal2

{width:100%;
height:auto;
position:relative;
background-color:#333;}

.diagonal2 img
{width:100%}

.diagonal2:before

{content:"";
position:absolute;
top:0;right:0;
-webkit-box-shadow:inset 0 0 4px rgba(96,96,96,0.64);
box-shadow:inset 0 0 4px rgba(96,96,96,0.64);
border-width:60px 2000px 0 0;
border-style:solid;
border-color:#fff transparent;
display:block;
margin-bottom:0;
width:0}

.diagonal3

{width:100%;
height:auto;
position:relative;
background-color:#333;}

.diagonal3 img
{width:100%}

.diagonal3:after

{content:"";
position:absolute;
bottom:0;
right:0;
-webkit-box-shadow:inset 0 0 4px rgba(96,96,96,0.64);
box-shadow:inset 0 0 4px rgba(96,96,96,0.64);
border-width:0 0 60px 2000px;
border-style:solid;
border-color:#fff transparent;
display:block;
margin-bottom:0;
width:0}

.contacto{
	padding-top: 100px;
	width: 100%;
}
.contacto2{
	padding-top: 150px;
	width: 100%;
}

.transparente{
opacity: 0.65;
-moz-opacity: 0.65;
filter: alpha(opacity=65);
-khtml-opacity: 0.65;
}

.transparente input{
width: 250px;
margin-right: 50px;
margin-left: 50px;
margin-bottom: 15px;
}

.transparente textarea{
margin-right: 50px;
margin-left: 50px;
width: 960px;
height: 100px;

margin-bottom: 15px;
}

.transparente button{
margin-right: 50px;
margin-left: 50px;
width: 100px;
height: 30px;


}

footer

{width:100%;
background-color:#000;
min-height:100px}

/********************responsive********************/


@media only screen and (max-width: 1090px), only screen and (max-device-width: 1090px) {
	
	.transparente textarea{width: 600px}
	header nav ul li{margin-left:2em;}
	}

@media only screen and (max-width: 850px), only screen and (max-device-width: 850px) {
	
	header .rmm.style{font-size: 14px;}
	.content section figure{width:70%;}
	.content section article{width:90%;}
	header nav{position:absolute;right:2em;top:.4em;}
	header nav ul{list-style:none;margin:0;}
	header nav ul li{display:block;margin-left:4em;}
	.content2 section{width:100%;margin-top:3em;}
	.content2 section figure{display:inline-block;vertical-align:top;width:30%;margin:0em;padding:1em 0;}
	.content2 section figure img{width:80%; }

	}

@media only screen and (max-width: 730px), only screen and (max-device-width: 730px){
	
	.diagonal {height: 800px;}
	.transparente textarea{width: 250px}
	.contacto{padding-top: 60px;}
	.content2 section{width:100%;margin-top:1.5em;}
	.content2 section figure{display:inline-block;vertical-align:top;width:35%;margin:0em;padding:0.3em 0;}
	.content2 section figure img{width:60%; }
	
	}

@media only screen and (max-width: 550px), only screen and (max-device-width: 550px){
	
	.content2 section{width:100%;margin-top:2em;}
	.content2 section figure img{width:80%; }
	
	}