html
{
	
	overflow-y: scroll;
	background-color: #26211c;
	height: 100%;

}

html, body, div, span, h1, h2, h3, p, img, strong, ul, li, article, footer, header, nav, section, aside
{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font:inherit;
	vertical-align: baseline;
	
}

article, footer, header, nav, section ,aside
{
    display: block
}

img
{
	width: 100%;
}

body 
{
	margin: 0;
	font-family: 'Vollkorn', serif;
	color: #26211D;
	width: 100%;
	height: auto;

}



header
{
	width: 100%;
	height: auto;
	
}

.logo
{
		width: 70%;
		margin-top: 8%;
}


	
section
{
	width: 100%;
	height: auto;
	background-color: white;
	border-top: 1.5px solid #ededed;
	background:  url(../img/sec.jpg) no-repeat ;
	background-size:cover;

}

article
{
	width: 100%;
	margin: 0 auto;
   	height: auto; 
    overflow: hidden;
    max-width: 480px; 
	min-width: 320px;
}


p.conocenos
{
	
	width: 99%;
	float: left;
	color: rgb(115, 114, 114);
	margin-left: 3%;
	font-size: 1em;
	padding: 10% 0px 5%;
	line-height: 1.7;
}

.capitalLetter
{
	font-weight: bolder;
}
   




aside
{
	width: 100%;
	border-top: 1.5px solid #56524a;
	margin: 0px auto;
	background-color:#736D63;
	height: auto;

}

aside p 
{
	font-size: 1em;
	color: white;
	padding: 3% 0 1% 0px;
	margin: 0px auto;
	width: 80%;
	max-width: 480px; 
	min-width: 320px;
	text-align: center;
	letter-spacing: .5px;

}

aside h3
 {
 	color: white;
	font-size: .8em;
	width: 67%;
	text-align: right;
	margin: 0px auto;
	max-width: 480px; 
	 min-width: 320px;
	padding-right: 1%;
 }	
	
div.juridica
{
	width: 100%;
	height: auto;
	border-top: 1.5px solid white;
	background-color: #ededed 

}

h4
{
		float: left;
		font-size: 1.5em;
		color: rgb(115, 114, 114);
		padding: 0 0px 0px 3%;
		font-weight: normal;
}

p.derecho
{
	width: 94%;
	display: block;
	clear: both;
	font-size: 1em;
	color: rgb(115, 114, 114);
	padding: 0px 2% 0px 3%;
	line-height: 1.8;
}

p.derecho2
{
	width: 81%;
	display: block;
	clear: both;
	font-size: 1em;
	color: rgb(115, 114, 114);
	padding: 0 2% 5% 3%;
	line-height: 1.8;
}








nav
{
	background-image: url(../img/pixel.png) ;
	width: 100%;
	height: auto;
	position: fixed;
	font-family: 'Vollkorn', serif;
	font-size: 1em;
	font-weight: 200;


}


nav ul 
{
	list-style: none outside none;
	width: 320px;
	letter-spacing: 1px;
	padding: 0px;
	font-weight: 300;
	color: rgb(115, 114, 114);
	margin-left: 0%;
	float: right;

}


nav li 
{
	margin: 0px;
	list-style: none outside none;
	float: right;
	letter-spacing: 1px;
	padding: 2% 2%;
	font-weight: 300;
	color: rgb(115, 114, 114); 
}




nav a 
{
	list-style: none;
	list-style-image: none;

}

a, a:active, a:visited 
{ 
    color: rgb(115, 114, 114); ; 
    text-decoration:none
}

a:hover 
{ 
    color: white; 
    text-decoration:none;
}

/*FORMULARIO*/

.contact_form
{
	max-width: 1140px;
min-width: 768px;
margin-left: 0%;
margin-bottom: 5%;
clear: both;


}


.contact_form ul {
    width:500px;
    list-style-type:none;
	margin:0px;
	padding:0px;
}
.contact_form li{
	padding:3.5%; 
	position:relative;
} 
.contact_form label {
        color: rgb(115, 114, 114);
    display: inline-block;
    float: left;
    font-family: 'Vollkorn',serif;
    font-weight: 400;
    margin-top: 3px;
    font-size: .9em;
    padding: 0px;
    width: 10%;

}
.contact_form input {
height: 20px;
width: 210px;
padding: 1.5% 2%;
margin-left: 5%;
}
.contact_form textarea {
padding: 1.5% 2%; 
width:210px;
margin-left: 5%;
}
.contact_form button {     
margin-left:90px;
}
 
/*----- estilos visuales de los elementos --------*/
 
.contact_form input, .contact_form textarea { 
border:1px solid #aaa;
box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
border-radius:2px;
color: #888;
font-size: 12px;
padding-right:5px;

}

 
/* === Estilos del boton de Envio === */
button.submit {
    padding: 9px 17px;
   font-family: Helvetica,calibri, Arial, sans-serif;
   font-weight: bold;
   line-height: 1;
   color: #444;
   border: none;
   text-shadow: 0 1px 1px rgba(255, 255, 255, 0.85);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#bbb));
   background-image: -moz-linear-gradient(0% 100% 90deg, #BBBBBB, #FFFFFF);*/
   background-color: #26211d;
   border: 1px solid #f1f1f1;
   border-radius:5px;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  margin-left: 17%;
}
button.submit:hover {
opacity:.55;
cursor: pointer; 
color: #fff;
}
button.submit:active {
border: 1px solid #222;
box-shadow: 0 0 10px 5px #444 inset; 
}


.capital
{
   	font-weight: bold;
}

.contacto
{
	
		width: 100%;
		font-size: 1.5em;
		color: rgb(115, 114, 114);
		padding: 2% 0px 0px 1%;
		font-weight: normal;
		margin-bottom: 5%;
		
}



p.consultas
{
	
	width: 85%;
	float: left;
	font-size: 1em;
	color: rgb(115, 114, 114);
	line-height: 1.5;
	margin-left: 5%;
	padding: 7% 0px 2%;
}

.columna
{
	width: 300px;
	float: left;
	text-align: center;
	margin-top: 3%;
	margin-bottom: 5%;
	padding-left: 1%;
}

.columna2
{
	width: 300px;
	float: left;
	text-align: center;
	margin-top: 3%;
	margin-bottom: 10%;
	padding-left: 1%;
}

h1
{
	font-size: 1.2em;
	color: #5c5c5c;
	padding: 2% 0;
}

.columna p , .columna2 p
{
	font-size: 1em;
	color: #5c5c5c;
	padding: 0;

}


.italic
{
		font-style: italic;
}

footer
{
	width: 100%;
	background-color: #26211c;
	height: auto;

}

footer p 
{
	font-size: 0.7em;
	color: white;
	padding: 5% 0px 2%;
	margin: 0px auto;
	width: 80%;
	max-width: 480px;
	min-width: 320px;
	text-align: center;
	font-family: Helvetica,calibri,Arial,sans-serif;
	line-height: 1.5;
}