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
{
		margin-top: 3%;
	width: 54%;

}


	
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;
    max-width: 1140px; 
    min-width: 768px;
    height: auto; 
    
    overflow: hidden;
}


p.conocenos
{
	
	width: 60%;
float: left;
color: rgb(115, 114, 114);
margin-left: 5%;
padding: 7% 0px 5%;
font-size: 1.1em;
line-height: 1.9;
}

.capitalLetter
{
	float: left;
line-height: 60px;
margin-right: 5px;
font-size: 63px;
padding-top: 5px;
}
   

.italic
{
		font-style: italic;
}



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

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

}

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

}

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

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

p.derecho2
{
	width: 81%;
	display: block;
	clear: both;
	font-size: 1.2em;
	color: rgb(115, 114, 114);
	padding: 0 2% 5% 16%;
	line-height: 1.8;
}
footer
{
	width: 100%;
	background-color: #26211c;
	height: auto;
	border-top: 1.5px solid black;

}

footer p 
{
	font-size: .7em;
	color: white;
	padding: 2% 0 2% 0;
	margin: 0 auto;
	width: 80%;
	max-width: 1140px;
	min-width: 768px;
	text-align: center;
	letter-spacing: 1px;
}








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


}


nav ul, nav li 
{
	margin: 0px;
	list-style: none outside none;
	float: right;
	letter-spacing: 1px;
	padding: 5px 15px;
	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: 4%;
	margin-bottom: 5%;


}


.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-size: 1.1em;
	font-weight: 400;
	margin-top: 3px;
	padding: 0px 5% 2% 0%;
	width: 15%;
}
.contact_form input {
height:20px; 
width:220px; 
padding: 1.5% 2%;
margin-left: 5%;
}
.contact_form textarea {
padding: 1.5% 2%; 
width:65%;
margin-left: 5%;
}
.contact_form button {     /*----- PENDIENTE --------*/
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: 79%;
}
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
{
   	float: left;
	font-size: 57px;
	line-height: 60px;
	padding-top: 7px;
	margin-right: 6px;
}

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



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

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

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

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

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

}