/* CSS Document */
/*reseteo universal*/
* {
	border:0;
	margin:0;
	padding:0;
}
 
 H1{
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:18px;
 }
 H2{
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:16px;
 }
 H3{
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:14px;
 }
 li{
 list-style:none;
 }
/*estilos basicos*/
@font-face{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-style:normal;
	font-stretch:extra-expanded;
}

body{
background-color:#BDB68C;
color: #660000;
margin-bottom:0;
font-family:"Candara", Arial, Helvetica, sans-serif;
font-size:1em;	
}
p{
font-size:1em;
}

a{	color:#660000;
	text-decoration:none;
}
a hover{
	color:#660000;
	font-weight:bold;
}

section#web{
	text-align:center;
	height:100%;
	margin-top: 0;
	width:100%;
}
.imgD{
padding:5px;
}
.imgI{
float:left;
padding-right:10px;
}
header,footer{
	margin:0 auto;
	text-align:center;
}

footer{
	background-color:#660000;
	bottom:0;
	color:#FFFFFF;
	font-size:1em;
	left:0;
	position:fixed;
	width:100%;
}
/*menu de navegacion*/
nav{
	background-color:#beb592;
	background-size:contain;
	height:auto;
	margin:0 auto;
	overflow:hidden;
	position:absolute;
	width:20%;
	min-height:800px;
	left: 0;
	top: 0;
		
}
nav ul{
	background-color:none;
	list-style:none;
	margin-top:60%;
	margin-left:10%;
	position:relative;
	padding-right:0.3em;
	text-align:left;
	vertical-align:left;
	width:100%;
	
}
nav  li{
	color:#BDB68C;
	display:list-item;
	padding:1em;
	text-align:left;	
}
.autoraNav{
	background-image:url(../fotos/fondos/navImgAutora.png);
}

.obraNav{
	background-image:url(../fotos/fondos/navImgObra.png);
}

.otrosNav{
	background-image:url(../fotos/fondos/navImgOtros.png);
}

.boton{
	color:#ECEBDD;
	font-size:1em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	display:inline;
	height:auto;
	width:auto;
}

.laobra-btn{
	height:auto;
	color:#ECEBDD;
	font-size:0.9em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:5%;
}

/*maquetacion principal*/
.container{
	height:auto;
	margin:0 auto;
	width:100%;
}
.laobraPlace{
overflow:visible;
}

section#principal{
	display:block;
	color:#333333;
	height: auto;
	margin-left:25%;
	margin-top:0;	
	overflow: visible;
	padding:1em;
	position:absolute;
	text-align:left;
	top:-2%;
	width:40%;
}
aside{
	background-color:#BDB68C;
	float:right;
	height:auto;
	position: relative;
	vertical-align:top;
	top:-2%;
	width:25%;
}



article#derecha{
	height:auto;
	min-height:30%;
	position:relative;
	text-align:left;
	width:100%;
} 
.asideTtls{
	color:#660000;
	font-size:0.8em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:5%;
	text-align:left;
}

/*
@media(min-with:1081px){
	header h1{
	width:35%;
	max-width:400px;
	}
	nav {
	text-align:center;
	width:80%;
	}	
}
@media(max-with:1080px){
	nav li{
	font-size:1.3em;
	}
	article#galeria{
	width:90%;
	}
	section#derecha{
	width:20%;
	}
}
@media(max-with:800px){
	nav li{
	font-size:0.90em;
	}
	p{
	font-size:0.80em;
	}
	article#galeria{
	width:70%;
	}
	#formulario {
	width:40%;
	}
	section#principal{
	width:65%;
}
}
@media(max-with:600px){

	nav li{
	font-size:0.80em;
	}
	p{
	font-size:0.70em;
	}
	article#galeria{
	width:60%;
	}
	#formulario {
	width:30%;
	}
	section#principal{
	width:35%;
}*/

/* scrollbar width */
::-webkit-scrollbar {
    width:3px;
}

/* scrollbar Track */
::-webkit-scrollbar-track {
    background:#D5DAC2; 
}

/* scrollbar Handle */
::-webkit-scrollbar-thumb {
    background:#888; 
}

/*scrollbar Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background:#555; 
}


#gracias{
margin-top:80px;
width:40%;
height:120px;
float:left;
margin-left:100px;
}