/*
 * General
 */
.clear{
	clear:both;	
}

html {
	
}

a{
	text-decoration: none;
	color:#FFFFFF;
}

body{
	/* Imagen de fondo que se escala */
   	/*background:url(/img/bg.jpg) no-repeat center center fixed;*/
   	-webkit-background-size:cover; /* navegadores basados en webkit */
   	-moz-background-size:cover;  /* Mozilla Firefox */
   	-o-background-size:cover;  /*  Opera */
   	background-size:cover;
   	
   	font-family: 'Ropa Sans', sans-serif; 
   	font-weight: 300;
   	font-size: 1em;
}

body.index{
   	background:url(/img/bg.jpg) no-repeat center center fixed;
}

body.estudio{
   	background:url(/img/bg2.jpg) no-repeat center center fixed;
}

body.galeria{
   	background:url(/img/bg3.jpg) no-repeat center center fixed;
}

body.contacto{
   	background:url(/img/bg4.jpg) no-repeat center center fixed;
}


#content{
	display:none;
}

nav#menu{
	background-color:#000000;
	-webkit-box-shadow: 0px 0px 0px 0px #000000;
	-moz-box-shadow: 0px 0px 0px 0px #000000;
	box-shadow: 0px 0px 0px 0px #000000;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 15px;
	-moz-border-radius-bottomright: 15px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-radius: 0px 15px 15px 0px;
	border-radius: 0px 15px 15px 0px; 
	position:fixed;
	bottom:5%;
	margin-left:0;
	width:60%;
	max-width:700px;
	padding:20px;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
	visibility:hidden;
}

nav#menu ul{
	padding:0px;
	margin:0px;
	margin:0 auto;
	width:100%;
}

nav#menu ul li{
	float:left;
	width:33%;
	text-align:center;
	color:white;
	font-size:1.8em;
	text-transform:uppercase;
}

header{
	position:fixed;
	bottom:5%;
	right:0%;
	float:right;
	width:30%;
	max-width:260px;
}

header h1{
	padding:0px;
	margin:0px;
}

header h1 img{
	margin-left:40%;
	width:50%;
	height:auto;
	display:none;
}

article#content{
	padding:3%;
	width:94%;
	max-height:60%;
}

footer{
	/* Ocultamos el footer para precargar en el */
	display:none;
	visibility:hidden;
}

/*
 * Portada
 */
section#portada{
	margin:0 auto;
	width:100%;
}

section#portada img{
	margin:0 20%;
	width:60%;
	height:auto;
}

/*
 * Estudio
 */
section#estudio{
	float:right;
	width:30%;
	color:white;
}


section#estudio article{
	width:100%;
}

section#estudio section{
	width:45%;
	float:left;
}

section#estudio section img{
	width:80%;
	height:auto;
	margin-left:10%;
}

section#estudio section p{
	text-align:justify;
	padding-top:20px;
}

section#estudio section#jorge{
	float:left;
}

section#estudio section#amadeo{
	float:right;
}

section#estudio section#jorge p{
	text-align:center;
	padding-top:0;
}

section#estudio section#amadeo p{
	text-align:center;
	padding-top:0;
}

section#estudio section footer{
	display:block;
	visibility:visible;
}

section#estudio section:last-child{
	width:100%;
	float:none;
	clear:both;
}

section#estudio aside{
	text-transform:uppercase;
	clear: both;
}

section#estudio aside header{
	width:100%;
	position:static;
	bottom:0;
	right:0;
	float:none;
	max-width: 100%;
	margin-bottom:20px;
}

section#estudio aside ul{
	margin:0;
	padding-left:20px;
	list-style-type:square
}

/*
 * Contacto
 */
section#contacto{
	float:right;
	width:35%;
	color:black;
	font-size:0.9em;
}


section#contacto article{
	width:100%;
}

section#contacto section{
	width:100%;
}

section#contacto article header{
	width:100%;
	position:static;
	bottom:0;
	right:0;
	float:none;
	max-width: 100%;
	margin-bottom:20px;
}

section#contacto article header img{
	width:100%;
	height:auto;
	margin-left:0;
}

section#contacto section#direccion{
	text-align:center;
}

section#contacto section#formulario form{
	width:100%;
	height:400px;
}

section#contacto section#formulario form p{
	width:100%;
	border:1px solid black;
	clear:both;
	height: 30px;
}

section#contacto section#formulario form p label{
	padding-left:2%;
	padding-right:2%;
	width:26%;
	text-align:center;
	display:block;
	float:left;
	padding-top:8px;
}

section#contacto section#formulario form p input{
	border:0px;
	border-left:1px solid black;
	width:64%;
	padding-left:2%;
	padding-right:2%;
	height:28px;
	float:right;
}

section#contacto section#formulario form textarea{
	border:1px solid black;
	padding:2%;
	width:96%;
	height:100px;
}

section#contacto section#formulario form input[type="submit"]{
	background:black;
	color:white;
	border:0px;
	font-family: 'Ropa Sans', sans-serif;
	padding:7px 15px 7px 15px;
	font-size:1.1em;
	float:left;
	margin-top:5px;
}

section#contacto section#formulario form label[for="submit"]{
	float:right;
	margin-top:5px;
}

/*
 * Galeria
 */
section#galeria nav{
	width:100%;
	height:46px;
	border-bottom: 5px solid black;
}

section#galeria nav ul{
	width: 100%;
	height:30px;
	padding:0;
	margin:0;
}

section#galeria nav ul li{
	float:left;
	height:39px;
	width:16%;
	padding-top:7px;
	text-align:center;
	text-transform:uppercase;
	font-size:1.1em;
}

section#galeria nav ul li.active{
	border-bottom: 5px solid white;
	background-color:#000000;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px; 
	color:white;
}

section#galeria nav ul li a{
	color:black;
}

section#galeria nav ul li.active a{
	color:white;
}

section#galeria #portfolio{
	width:100%;
}