/* CSS Document */

body{
	margin: 0;
	padding: 0;
	color: #f7f2cc;
	font: 100% "Trebuchet MS", Arial, Helvetica, sans-serif;
	background:#000000 url(../images/bg-body.gif) repeat-x left top;
	
}
img{
	border: 0;
}
a{
	text-decoration: underline;
	color: #ffa12e;
	font-size:0.7em;
}
a:hover{
	text-decoration: none;
	color: #ffffff;
}
form{
	margin: 0;
	padding: 0;
}
input{
	border:1px solid #a4a4a4;
	color:#333333;
	font-size:1.0em;
	padding-left:3px;
	font-family:Arial, Helvetica, sans-serif;
}
select{
	background-color:#FFFFFF;
	border:1px solid #a4a4a4;
	font-size:0.9em;
	padding-left:3px;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
}
textarea{
	background-color:#FFFFFF;
	border:1px solid #a4a4a4;
	color:#0033FF;
	font-size:1.0em;
	padding-left:3px;
	font-family:Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6{
	margin: 0;
	padding: 0;
	font-weight:normal;
}
ul, li {
	margin: 0;
	padding: 0;
	list-style:none;
}

/* ---- DIVS ----*/
#wrap {
	position: relative;
	width: 727px;
	margin:0 auto;
	text-align: left; /* vuelve al correcto alineamiento del texto */
}

/* ---- ESTILOS PARA EL LOGO ----*/
h1.logo{
	left:-110px;
	position:absolute;
	top:205px;
}

/* ---- ESTILOS PARA LA BARRA DE MENÚS ----*/
ul.menuBar{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	background:url(../images/bg-menuBar-ul.gif) repeat-x left top;
	height:107px;
}
	ul.menuBar li{display:inline;}
	ul.menuBar li a{
		display:block;
		background:url(../images/bg-menuBar-li.gif) no-repeat left top;
		height:107px;
		width:117px;
		float:left;
		text-decoration:none;
		color:#a49366;
		font-size:0.8em;
		margin-right:5px;
		letter-spacing:-0.05em;
	}
	ul.menuBar li a:hover{
		background:url(../images/bg-menuBar-li.gif) no-repeat left -107px;
		color:#FFFFFF;
		font-weight:bold;
	}
		ul.menuBar li a.quitarMargen{margin-right:0px;}
	
		ul.menuBar li a span{
			display:block;
			margin:55px 15px 0 10px;
		}


/* ---- ESTILOS PARA LA IMAGEN PRINCIPAL DE LA WEB ----*/
.imagePral {
	background:url(../images/imagen-home.jpg) no-repeat left top;
	width:725px;
	height:369px;
	margin-top:10px;
}
	/* ---- ESTILOS PARA EL SLOGAN	 ----*/
	h2.slogan {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#a1b3b3;
	font-size:1.6em;
	margin-top:245px;
	position:absolute;
	width:350px;
	line-height:1.0em;
	left: 7px;
	top: 121px;
	}

/* ---- ESTILOS CONTENIDO ----*/
.columLeft1{
	float:left;
	width:500px;
	position:relative;
	margin-bottom:20px;
}
.columLeft{
	float:left;
	width:242px;
	position:relative;
	margin-bottom:20px;
}
.columbig{
	width:700px;
	position:relative;
	margin-bottom:20px;
}
.columRight{
	float:left;
	width:443px;
	position:relative;
	margin-bottom:20px;
	margin-left:25px;
}
h3{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#8a7973;
	font-size:1.8em;
}

p{
	color:#b9b599;
	font-size:0.7em;
	line-height:1.1em;
	padding:0;
	margin:8px 0 0 0;
}


/* ---- ESTILOS PARA LA EL PIE DE LA WEB ----*/
.footer{
	clear:both;
	color:#FFFFFF;
	font-weight:bold;
	font-size:0.7em;
	letter-spacing:-0.05em;
	background:url(../images/bg-footer.gif) no-repeat left top;
	width:705px;
	height:200px;
	margin-top:10px;
	padding:15px 0 0 20px;
}

.footer1{
	clear:both;
	color:#000000;
	font-weight:bold;
	font-size:1.6em;
	letter-spacing:-0.05em;
}
.footer ul{
		float:right;
		margin-right:25px;
		}
	.footer ul li{
			display:inline;
		}
		.footer ul li a{
			color:#811f00;
			font-size:1.2em;
			padding:0 10px 0 10px;
			border-left:1px solid #811f00;
			text-decoration:none;
		}
		.footer ul li a:hover{
			color:#000000;
			text-decoration:underline;
		}

/* ---- clases ----*/
.flotarL{float:left;}
.flotarR{float:right;}
.limpiar{clear:both;}
.letraCapital{
	color:#B30000;
	font-size:1.4em;
	font-weight:bold;
}
.borderImg{
	border:1px solid #262626;
	padding:3px;
	display:block;
}
.borderImg2{
	border:1px solid #999999;
}
.margenTop1{margin-top:20px;float:left;}
.margenFoto{margin:4px;}