* {
	margin:0;
	padding:0;
	}
	body {
	background:#FFFFFF;
}

.contenedor{
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	width: 100%;
	box-sizing: border-box;
	max-width: 1024px;
	background-color: #E9E9E9; /* gris claro */
	margin: 0 auto;
	}
	
	.contenedor2{

	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	border-color:#6B0014; /* rojo oscuro */
	border-width: 2%;
	border-style: solid;
	margin: 2%;
	padding:0%;
	}
	
	

.imgcabeza1 {
	display: block;
	width:100%;
	height:auto;
	margin-left: auto;
	margin-right: auto;
}
		
	

.principal1{
	font-family: "Arial";
	color: #6B0014; /* rojo oscuro */
	font-size: 1.3em;
	text-align:center;	
	background:#FFFFFF; /* blanco */
	width: 620px;
	height: 280px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	margin-left:5%;
	margin-top: 3%;

}

.principal2 {
	font-family: "Arial";
	color: #6B0014; /* rojo oscuro */
	font-size: 1.3em;
	text-align:center;	
	background:#FFFFFF; /* blanco */
	width: 400px;
	height: 280px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	margin-left:10%;
	margin-top: 3%;
	}
	
.principal3 {
	font-family: "Arial";
	color: #6B0014; /* rojo oscuro */
	font-size: 1.3em;
	text-align:center;	
	background:#FFFFFF; /* blanco */
	width: 500px;
	height: 280px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	margin-left:40%;	
	margin-top: 3.5%;
	}
	
.principal4 {
	font-family: "Arial";
	color: #6B0014; /* rojo oscuro */
	font-size: 1.3em;
	text-align:center;	
	background:#FFFFFF; /* blanco */
	width: 500px;
	height: 280px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	margin-top: 3.5%;
	margin-left:5%;
	}
	
	
.quiensoy {
	font-family: "Arial";
	color: #6B0014; /* rojo oscuro */
	font-size: 1.1em;
	background:#FFFFFF; /* blanco */
	width: 80%;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	padding: 5%;
	margin-bottom: 2%;
	margin-top: 2%;
	margin-left:5%;
	margin-right: 5%;
}
	
.trabajos {
	font-family: "Arial";
	color: #6B0014; /* rojo oscuro */
	font-size: 1.1em;
	background:#FFFFFF; /* blanco */
	width: 80%;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	padding: 5%;
	padding-top: 10%;
	margin-bottom: 2%;
	margin-top: -5%;
	margin-left:5%;
	margin-right: 5%;
}

.contacto {
	font-family: "Arial";
	color: #6B0014; /* rojo oscuro */
	font-size: 1.1em;
	background:#FFFFFF; /* blanco */
	width: 70%;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	padding: 5%;
	text-align: center;
	margin-bottom: 1%;
	margin-top: -5%;
	margin-left:10%;
	margin-right: 10%;
}

.pies {
	
	font-size: 1em;
	background:#6B0014; /* rojo oscuro */
	text-align: center;
	font-family: "Tahoma";
	padding-top:1%;
	padding-bottom:1%;
	color: #E9E9E9; /* gris claro */
	float:center;
	clear: left;
	vertical-align:center;
	}
a {text-decoration: none;}


.imagen1 {
	float:left;
	margin-left:3%;
	margin-top: 3%;
}

.imagen2{
	float:right;
	margin-top: 3%;

}

.imagen3{
	float:left;
	margin-top: 3%;
	margin-left:15%;

}

.imagen4{
	float:right;
	margin-top: 3%;
	margin-right:40%;

}

.imagen-soy{
	float:left;
	margin-top: 2%;
	margin-left:5%;
}

.imagen-trabajos{
	display: block;
	width: 90%;
	margin-bottom: 0%;
	margin-top: 2%;
	margin-left:5%;
	margin-right: 5%;
	}
.imagen-contacto{
	display: block;
	width: 80%;
	margin-bottom: 0%;
	margin-top: 2%;
	margin-left:10%;
	margin-right: 10%;
	}
	
.imagen-contacto2{
	display: block;
	width:30%;
	height:auto;
	margin-left: auto;
	margin-right: auto;
    margin-bottom: -1%;
	margin-top: -2%;
}
		
/* RELATIVO A MENU */


	

.menu_bar {
	display:none;
	}
	
header {
	width:100%;
	}
	
	/* fondo del menu*/
header nav {
	background:#6B0014; /* rojo oscuro */
	z-index:1024px;
	max-width:1024px;
	margin:0px auto;
	padding-left:10%;
	padding-right:10%;
	}
	
header nav ul {
	list-style:none;
	
}

header nav ul li {
	display:inline-block;
	position: relative;
	margin:0px auto;
	
	}

header nav ul li:hover{
	background: #E9E9E9; /* gris claro */
    
   padding-top:0px;
	padding-bottom:0px;
	padding-left:0%;
	padding-right:5%;
    text-align: center;
    
}


	/* texto de menu*/
header nav ul li a {
	color:#fff;
	display:block;
	text-decoration:none;
	padding-top:15px;
	padding-bottom:15px;
	padding-left:15%;
	padding-right:15%;
	font-size:1em;
	text-align: center;
	font-family: "Britannic Bold";
	}
	
header nav ul li a:hover{
	color: #6B0014;
	}
	
		
header nav ul li a span {
	margin-right:20px;
    margin-left:20px;
}	

	/* PARA TABLETS */
@media screen and (max-width: 800px) {
  
    /*
  .menu_bar{
	display:block;
	width:100%;
	position:relative;
	top:0;
	background:black;
	}
	.menu_bar .bt-menu {
	display:block;
	padding:1%;
	color:#fff;
	overflow:hidden;
	font-size:25px;
	font-weight:bold;
	text-decoration:none;
	}
	.menu_bar span{
	float:right;
	font-size:30px;
	}
	header nav{
	min-width: 200px;
	width: 45%;
	position:absolute;
	right:100%;
	margin:0;
	overflow:none;
	}
	header nav ul li {
	display:block;
	border-bottom:1px solid rgba(255,255,255,.5);
	
	}
	
	header nav ul li a {
	display:block;
	padding-left:0%;
	
	}
	
    */
	.contenedor{
		width: 95%;
		}

	.imgcabeza1  {
		display: block;
		width:100%;
		height:auto;
		}

	.imagen1 {
		display: block;
		width:70%;
		margin-bottom: 0%;
		margin-top: 10%;
		margin-left:10%;
		margin-right: 10%;
	}

	.imagen2{
		display: block;
		width:70%;
		margin-bottom: 0%;
		margin-top: 0%;
		margin-left:10%;
		margin-right: 10%;

	}

	.imagen3{
		display: block;
		width:70%;
		margin-bottom: 0%;
		margin-top: 0%;
		margin-left:10%;
		margin-right: 10%;

	}

	.imagen4{
		display: block;
		width:70%;
		margin-bottom: 0%;
		margin-top: 0%;
		margin-left:10%;
		margin-right: 10%;
	}
	
	
	.principal1{

		width: 80%;
		height: auto;
		margin-top: 10%;
		margin-left: 10%;
		margin-right: 10%;
		margin-bottom: 2%;
		padding: 0%;


		}
				
	
	.principal2{

		width: 80%;
		height: auto;
		margin-top: 0%;
		margin-left: 10%;
		margin-right: 10%;
		margin-bottom: 2%;
		padding: 0%;
		float: center;

		}
	.principal3{

		width: 80%;
		height: auto;
		margin-top: 0%;
		margin-left: 10%;
		margin-right: 10%;
		margin-bottom: 2%;
		padding: 0%;
		float: center;

		}
	.principal4{

		width: 80%;
		height: auto;
		margin-top: 0%;
		margin-left: 10%;
		margin-right: 10%;
		margin-bottom: 2%;
		padding: 0%;
		float: center;

		}
	.pies{
		font-size:80%;
		
		}
		
  }
	
/* PARA MOVILES */


@media screen and (max-width: 500px) {
  
    /*
  .menu_bar{
	display:block;
	width:100%;
	position:relative;
	top:0;
	background:black;
	}
	.menu_bar .bt-menu {
	display:block;
	padding:1%;
	color:#fff;
	overflow:hidden;
	font-size:25px;
	font-weight:bold;
	text-decoration:none;
	}
	.menu_bar span{
	float:right;
	font-size:30px;
	}
	header nav{
	min-width: 200px;
	width: 45%;
	position:absolute;
	right:100%;
	margin:0;
	overflow:none;
	}
	header nav ul li {
	display:block;
	border-bottom:1px solid rgba(255,255,255,.5);
	
	}
	
	header nav ul li a {
	display:block;
	padding-left:0%;
	
	}
	*/
	.contenedor{
		width: 95%;
		}

	.imgcabeza1  {
		display: block;
		width:100%;
		height:auto;
		}

	.imagen1 {
		display: block;
		width:80%;
		margin-bottom: 0%;
		margin-top: 10%;
		margin-left:10%;
		margin-right: 10%;
	}

	.imagen2{
		display: block;
		width:80%;
		margin-bottom: 0%;
		margin-top: 5%;
		margin-left:10%;
		margin-right: 10%;

	}

	.imagen3{
		display: block;
		width:80%;
		margin-bottom: 0%;
		margin-top: 5%;
		margin-left:10%;
		margin-right: 10%;

	}

	.imagen4{
			display: block;
		width:80%;
		margin-bottom: 0%;
		margin-top: 5%;
		margin-left:10%;
		margin-right: 10%;

	}
	.principal1{
		font-size:90%;
		width: 80%;
		height: auto;
		margin-top: 10%;
		margin-left: 10%;
		margin-right: 10%;
		margin-bottom: 0%;
		padding: 0%;


		}
				
	
	.principal2{
		font-size:90%;
		width: 80%;
		height: auto;
		margin-top: 5%;
		margin-left: 10%;
		margin-right: 10%;
		margin-bottom: 0%;
		padding: 0%;
		float: center;

		}
	.principal3{
		font-size:90%;
		width: 80%;
		height: auto;
		margin-top: 5%;
		margin-left: 10%;
		margin-right: 10%;
		margin-bottom: 0%;
		padding: 0%;
		float: center;

		}
	.principal4{
		font-size:90%;
		width: 80%;
		height: auto;
		margin-top: 5%;
		margin-left: 10%;
		margin-right: 10%;
		margin-bottom: 0%;
		padding: 0%;
		float: center;

		}
	.pies{
		font-size:80%;
		
		}
		
  }