@import url('reset.css');
@import url('fuentes.css');

* {
	margin: 0;
	padding: 0;
	
}

body {
	background-color: #fff;
	font-family:  TitilliumWeb-Light; /*OJO CAMBIAR FUENTE EN */
	width:100%;

	margin: auto;
}

header
{
	background: #333;
	padding: 0px 0px 10px 0px;
}

.menu {
	width:100%;
	color:#fff;
	background-color: #990000;
	display: block;
	text-decoration: none;
	
	
}

.menu ul li {
	list-style: none;
	padding: 20px 20px;
	display: inline-block;
	

}

.menu ul li a {
	margin: 0px auto;
	padding: 20px 60px;
	width: 25%;
	color:#fff;
	text-decoration: none;
	font-size: 16px;
	font-family: TitilliumWeb-Light; /*OJO CAMBIAR FUENTE EN */
 }

.menu ul li a:hover {
	color:#fff;
	background-color: #000;
	/*border-radius: 5px;*/
	font-size: 16px;
	
}

.logo
{
	background-color: #000;
}

img, .fotoportada
{
	width: 100%;
	margin: 0 auto;
	
}

.minas
{
	width: 100%;

}


.cajas
{
	width: 25%;
	display: inline-block;
	float: left;
	

}

.cajas img
{
	
	border: solid 5px #990000;

	box-sizing: border-box;
	/*padding:1px;*/
	background: #999;
	/*border-radius: 30px;*/

	

}

.otros
{
	
	background: #ccc;
	margin: 0 auto;
	width: 36%;
	height: auto;
	float: left;
	display: inline-block;
	overflow: hidden;


}

.otros p  	
{
	margin: 0 auto;
	text-align: center;
	

}

.otros p a

{
	color:#fff;
	text-decoration: none;
	/*border-radius: 5px;*/
	

}

.slide
{
	width: 100%;
}

footer {
	clear: both;
	background-color: #333;
	color:#fff;
	text-align: center;
	font-size: 16px;
	margin: 0px;
	padding: 50px 0px;
	
}

footer p img

{
	width: 25px;
	height: auto;
	vertical-align: middle;
}

.historia
{
	width: 70%;
	margin:0 auto;
	padding: 20px 0px;
	
}

.historia img
{
	width: auto;
	margin: 0 auto;    
	float: right;   
}

.contacto
{
	width: 70%;
	margin:0 auto;
	padding: 20px 0px;
	
}

.contacto img
{
	width: 25px;
	margin: 0 auto;    
	float: right;   
}

form
{
	font-family:  TitilliumWeb-Light; /*OJO CAMBIAR FUENTE EN */
}

form input
{
	width: 50%;
	display:block;
	float: right;

}

form textarea
{
	width:50%;
	height: 150px;
	float: right;
	display: block;
	font-family:  TitilliumWeb-Light; /*OJO CAMBIAR FUENTE EN */
	
}


input [type="submit"]
{
	margin-bottom: 0px;
	background: #1668C4;
	color: #fff;
	border: none;

}

input [type="submit"]:hover
{
	background: #4A88F4;
	cursor: pointer;

}


.servicios 
{
	width: 70%;
	margin:0 auto;
	padding: 20px 0px;

}



.cajaserv

{
	background: #990000;
	color:#fff;
	width: 180px;
	float: left;
	margin: 1px;
	padding: 5px;
	border-radius: 10px;
	border:2px solid #333;
	display: inline-block;
	box-sizing: border-box;
	overflow: hidden;
	font-family:  TitilliumWeb-Light; /*OJO CAMBIAR FUENTE EN */
	font-size: 1em;
	text-align: top;

}

.personal2
{
	width: 70%;
	margin:0 auto;
	padding: 20px 0px;


}

.galeria2

{
	background: #999;
	color:#000;
	width: 180px;
	float: left;
	margin: 1px;
	padding: 5px;
	border-radius: 10px;
	border:2px solid #333;
	display: inline-block;
	box-sizing: border-box;
	overflow: hidden;
	font-family:  TitilliumWeb-Light; /*OJO CAMBIAR FUENTE EN */
	font-size: 1em;
	text-align: top;

}

	
}
/*
.servicios p
{
	vertical-align: middle;


}

.servicios p img
{
	width: 20%;
	/*height: auto;
	float: left;
	display: inline-block;
	padding: 0px 250px;
}
*/

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

.menu ul li {
	list-style: none;
	
	display: block;
	width: 100%;
	

}

.menu ul li a {
	width: 100%;
	padding-left: 10%;
	padding-right: 10%;
		
}

.menu ul li a:hover {
	width: 100%;
		
}



	.cajas
{
	width: 50%;
}

.galeria
{
	width: 100%;
	margin: 0 auto;
}

.galeria img
{
	max-width: 100px;
	min-width: 100px;
	max-height: 100px;
	min-height: 100px;
	border: 1px solid #333;
	border-radius: 10px;
	padding: 0px;
	margin: 2px;
	float: left;
	display: inline-block;
	

}

.historia img
{
	width: 100%;
	margin: 0 auto;    
	float: left;         
}



.cajas img
{
	
	/*border: solid 1px #999;*/
	box-sizing: border-box;
	padding:0px;
	background: #990000;
	border-radius: 0px;
	
}

.servicios
{
	width: 100%;
	margin:0 auto;
	display:block;

}

.cajaserv
{
	width: 180px;
	

}

}