@CHARSET "UTF-8";

body, ul,ol, li, div, p, h1, h2, h3, h4, h5, h6, img{ border: 0px; margin: 0px; padding: 0px; list-style: none; }

body{
	margin: 20px 0px;
	padding: 0px;
	font-family: Arial, Verdana, Sans-serif;
	font-size: 69.5%;
	background:#1c1401 repeat-x;
}

#cuerpo{
	background: url(img/cuerpo2.png) no-repeat 18px 0px;
	width: 895px;
	padding-left: 18px;
	height: 735px;
	margin: 0 auto;
	position: relative;
}

	div#cuerpo > div{
		border: 13px solid #e4ded7;
		position: absolute;
		height: 477px;
		left: 36px;
		top: 190px;
		width:829px;
	}

	h1{
		position: absolute;
		width: 386px;
		height: 96px;
		left: 72px;
		top: 55px;
	}
	
		h1 a{
			display: block;
			text-indent: -9999px;
			height: 96px;	
		}
	#cuerpo p.mn{
		width: 215px;
		height: 80px;
		position: absolute;
		left: 520px;
		top: 53px;
	}
	
		#cuerpo p.mn a{
			width: 50px;
			height: 80px;
			display: block;
			float: left;
			margin-right: 21px;
			text-indent: -9999px;
		}
	#cuerpo p.rs{
		width: 87px;
		height: 24px;
		position: absolute;
		top: 9px;
		left: 729px;
	}
		#cuerpo p.rs a{
			width: 24px;
			height: 24px;
			display: block;
			float: left;
			text-indent: -9999px;
			margin-right: 5px;
		}
		
		
/* Secciones */

div#index{
	background: url(img/findex.jpg) no-repeat;
	padding-left: 72px;
	padding-right: 512px;
	width: 250px !important;
}

	div#index h2{
		margin-top: 37px;
		margin-bottom: 35px;
		text-indent: -9999px;
	}

	div#index p{
		padding: 0px 25px;
		color:#fff;
		margin: 10px 0px;
	}
	
	div#index p.ag{
		margin-top: 50px
	}
	
	div#index p strong{
		color:#fff5cb;
	}
	
div#info{
	background: url(img/fondoinfo.jpg) no-repeat;
}

	div#info h2, div#work h2{
		width: 32px;
		height: 17px;
		position: absolute;
		top: 40px;
		left: 178px;
		text-indent: -9999px;
	}
	
	div#info > ul, div#work > ul{
		width: 655px;
		height: 18px;
		position: absolute;
		top: 91px;
		left: 86px;
	}
	
		div#info > ul li, div#work > ul li{
			width: 80px;
			margin: 0px 25px;
			float: left;
			height: 18px;
		}
			div#info > ul li a, div#info p.ag a,div#work > ul li a, div#work p.ag a{
				display: block;
				height: 18px;
				text-align: center;
				font-size: 1.4em;
				text-decoration: none;
				color:#fdf5cb;
				font-weight: bold;
			}
	div#info p.ag, div#work p.ag{
		width: 108px;
		height: 15px;
		position: absolute;
		top: 39px;
		left: 685px;
	}
		div#info p.ag a, div#work p.ag a{
			font-size: 1.2em;
		}
		div#info > ul li a:hover, div#info > ul li a:focus,
		div#info p.ag a:hover,div#info p.ag a:focus,
		div#work > ul li a:hover, div#work > ul li a:focus,
		div#work p.ag a:hover,div#work p.ag a:focus{
			color:#8d6f00;
		}
		 
	div#info > div.cont{
		position: absolute;
		color:#fff;
		left: 125px;
		font-size: 1.1em;
		top: 145px;
		width: 320px;
	}
	div#info > div.cont p{
		margin: 8px 0px;
	}
	
	div#info h3{
		color:#fff5cb;
		font-size: 1.3em;
		margin: 10px 0px;
	}
	div#info h4{
		color:#fff5cb;
		font-size: 1.1em;
		margin: 5px 0px;
	}
	div#info div#perfil{ width: 520px; }
	div#info div#perfil img{
		display: block;
		margin: 3px;
		float: left;
	}
	
	div#info div#contacto fieldset{
		width: 250px;
		height: 191px;
		border: 0px;
		margin: 0px;
		background: url(img/fondofom.png) no-repeat;
		position: absolute;
		top: 15px;
		left: 300px;
		padding: 26px 26px 13px 42px;
	}
		div#info div#contacto fieldset p{
			margin: 0px;
		}
			div#info div#contacto fieldset p label{
				color:#fff5cb;
				font-weight: bold;
			}
			
			div#info div#contacto fieldset p input, div#info div#contacto fieldset p textarea{
				width: 190px;
				background: none;
				border: 0px;
				color:#fff;
				font-weight: bold;
			}
			div#info div#contacto fieldset p textarea{
				width: 170px;
				height: 90px;
				vertical-align: top;
			}
			
			div#info div#contacto fieldset p.btn input{
				margin: 0 auto;
				display: block;
				margin-top: 10px;
				color: #fff5cb;
			}
	
	div#info div#contacto ul{
		width: 87px;
		height: 25px;
		top: 210px;
		left: 0px;
		position: absolute;
	}
	
		div#info div#contacto ul li{
			float: left;
			width: 26px;
			height: 25px;
			margin: 0px 1px;
		}
		div#info div#contacto ul li a{
			display: block;
			height: 25px;
			text-indent: -9999px;
			background: url(img/redes_sociales.png) no-repeat;
		}
		
		div#info div#contacto ul li.tw a{ background-position: -29px 0px; }
		div#info div#contacto ul li.fb a{ background-position: top right; }

div#work{
	background: url(img/fondo_work.jpg) no-repeat;
}
	div#work > ul{
		top: 105px;
	}

.oculto{
	display: none;
}

	div#work p.ag{
		width: 75px;
		height: 23px;
		top: 40px;
		left: 710px;
	}
	
		div#work p.ag a{
			display: block;
			text-indent: -9999px;
			height: 23px;
		}
	
		div#work > div ol{
			position: absolute;
			width: 180px;
			padding: 0px 30px 25px 30px;
			border-bottom: 1px dashed #fff;
			top: 160px;
			left: 85px;
			height: 130px;
		}
		
			div#work > div ol li{
				width: 26px;
				margin: 2px;
				height: 18px;
				float: left;
				background: url(img/linkswork.png) no-repeat right top;
			}
			
			div#work > div ol li a{
				width: 24px;
				padding-left: 2px;
				height: 16px;
				padding-top: 2px;
				text-indent: -9999px;
				background: url(img/linkswork.png) no-repeat;
				display: block;
			}
			div#work > div ol li a:hover,div#work > div ol li a.sel{
				background: url(img/linkswork.png) no-repeat -28px 0px;
				color:#8e7400;
				text-decoration: none;
				font-weight: bold;
				text-indent: 0px;
				font-size: 0.7em;
			}
			
			div#work > div > div{
				color:#fff;
			}
			
			div#work > div > div > p.desc{
				position: absolute;
				top: 330px;
				left: 120px;
				width: 180px;
			}
			
				div#work > div > div > p.desc span{
					color:#fff5cb;
					font-weight: bold;
				}
			
			div#work > div > div > p.pics{
				position: absolute;
				top: 170px;
				text-align: center;
				left: 370px;
				width: 342px;
				height: 242px;
			}
			
			div#work > div > div > p.maspics{
				width: 300px;
				height: 14px;
				position: absolute;
				top: 425px;
				left: 368px;
			}
			
				div#work > div > div > p.maspics a{
					width: 14px;
					height: 14px;
					display: block;
					float: left;
					margin: 2px;
					background:#fff;
					text-indent: -9999px;
					
				}
				div#work > div > div > p.maspics a:hover,div#work > div > div > p.maspics a.sel{
					background:#9a6b00;
				}