@charset "UTF-8";
/* CSS Document */
    
	body{
	margin: 0;
	padding: 0;
    padding-top:30px;
	}


	ul#nav, ul#lang {
    padding-top: 14px;
	font-size: 18px;
	}
	
	#nav {
	position:fixed;	
	top:0px;	
	width:100%;	
	background: #fff;
	text-align: center;
	height: 35px;
	-webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.3);
	z-index:300;
    opacity:0.9;
	filter:alpha(opacity=90); /* For IE8 and earlier */
	}

	
	.separador{
 border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}



#seccion_1 .bg_1{
		width: 100%;
		height: 300px;
		background-color: black;
		-moz-box-shadow:    inset 0 0 6px white;
		-webkit-box-shadow: inset 0 0 6px white;
		 box-shadow:         inset 0 0 6px white;
	}
	
	#nombre{
margin: 0 auto;
width:450px;
text-align:center;
position:relative;
top:-100px;
left:100px;
font-size:55px;
text-transform:uppercase;
letter-spacing: 12px;
}

	#separador1{
	background: url(../images/separador_1.png) no-repeat center;
	height:800px;
	position:relative;
	top:-200px;
	}
	
	#seccion_1{
		width: 100%;
		position: relative;
		height:auto;	
	}
	
	#contenedor_1{
		position:relative;
		padding-top:100px;
		margin: 0 auto;
		z-index:200;
		width: 100%;	
	}
	
	#separador2{
	background: url(../images/separador_2.png) no-repeat center;
	height:900px;
	position:relative;
	top:-500px;
	}
	
	#seccion_2{
		width: 100%;
		position: relative;
		height:auto;	
	}
	
	#contenedor_2{
		position:relative;
		margin: 0 auto;
		z-index:200;
		padding-top:60px;
		width: 100%;
	}
	
	#seccion_3{
		width: 100%;
		position: relative;
		height:auto;
	}
	
	#contenedor_3{
		position:relative;
		margin: 0 auto;
		z-index:200;
		width: 100%;
		padding-top:60px;	
	}
	

	#seccion_4{
		width: 100%;
		position: relative;
		height: 950px;	
	}
	
	.imagen{
		background: url(../images/fotografia.png) no-repeat;
		position:relative;
		width:251px;
		height:252px;
		top:40px;
		left:200px;
	}
	
	#contenedor_4{
		position:relative;
		margin: 0 auto;
		z-index:200;
		width: 100%;
		padding-top:60px;	
			
	}
	
	#seccion_5{
		width: 100%;
		position: relative;
		height:auto;
	}
	
	#contenedor_5{
		position:relative;
		margin: 0 auto;
		z-index:200;
		width: 100%;
		padding-top:60px;	
			
	}
	
	.h1_1  {
		border-bottom: 3px solid black;  
	}



.blanco{
color:white;	
}


.video{
width:450px;
height:450px;
float:left;
padding-left:5px;
}

.clear{
clear:both;
}

#redes_sociales{
left:82%;
position:fixed;	
width:100%;	
z-index:300;
top:10px;
}


#redes_sociales img{
padding-left:8px;
}




/* ESTILOS P�RRAFOS*/
.contenido{
	margin: 0 auto;
    font-size: 20px;
    max-width:1220px;
	width: 70%;
	text-align: justify;
    height: auto;
	font-family: 'Oswald', sans-serif;
	min-height:600px;
}


a{
color:#A55858;
}
a:hover{
color:#772233 ;
}
a:visited{
color:#A55858;
}


h1{
	text-transform: uppercase;
	font-size: 55px;
    line-height:1;
    text-align:left;

}

h2 {
	text-transform: uppercase;
    font-style:italic;
    font-size:20px;
    }


#lang {
	position:fixed;	
	top:-15px;	
	width:300px;	
	height: 40px;
	z-index:300;
}



ul#nav  li, ul#lang  li{
	display: inline;
	border-right: 1px solid #e6e6e6;
	padding: 11px 20px 8px 20px;
	margin: 0;
}


#nav a, #lang a {
	color: #515151;
	font-weight: 300;
	text-decoration: none;
	text-transform: uppercase;
}
#nav a:hover, #lang a:hover {
	text-decoration: underline;
}

#nav .active a, #lang .active a{
text-shadow: 1px 1px #ff0000;	
text-decoration: underline;
}

.oswald{
font-family: 'Oswald', sans-serif;
}

.source{
font-family: 'Source Sans Pro', sans-serif;
}

.old{
font-family: 'Old Standard TT', serif;
}

.nova{
	font-family: 'Nova Square', cursive;
	}
 


.columnas_1 {
    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
	width:100%;
	padding-top:25px;
   }


.blanco{
color:white;
}

.negro{
color:black;
}

.center{
text-align:center;
}

.clear{
clear: both;
}

.resaltar{
color: #515151;
}

strong{
color: #A55858;
}



.small{
font-size:18px;
}
.medium{
font-size:30px;
}
.big{
font-size: 58px;
}

 .izquierdo{
position:relative;
float:left;
left:80px;
}

.derecho{
position:relative;
float:left;
left:120px;
}