@charset "utf-8";
/* CSS Document */

body {
	background-image:url(../imagenes/fondo.jpg);
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	color:#4d2205;
	background-color:#83a723
}

a:link {
	color:#4d2205;
}

a:visited {
	color:#4d2205;
}

a:hover {
	color:#d23600;
}

p {
	font-size:13px;
	line-height: 16pt;
	margin:0 0 15px 0
}

h1 {
	font-size:13px;
	margin:0 0 25px 0;
	line-height: 17pt;
}

h1 span{
	font-size:18px;
	color:#d13600
}

h2 {
	font-size:14px;
	color:#d03600
}

h3 {
	color:#38322d;
	font-size:20px;
	margin:20px 0
}

span {
	color:#d23600;
	font-weight:bold
}

ul {
	font-size:11px
}


ul li {
	margin:5px 0;
	font-weight:bold
}

ul li span {
	color:#83a723
}
/******************************Estructura*****************************/

#content {
	width:900px;
	margin:0 auto;
	height:880px
}

#header {
	width:900px;
	margin:0 auto
}

#cuerpo-top {
	background-image:url(../imagenes/top-cuerpo.jpg);
	height:22px;
	margin:20px 0 0 0
}

#cuerpo-medio {
	height:463px;
	background-image:url(../imagenes/medio-cuerpo.jpg);
	background-repeat:repeat-y;
	padding:15px 0 0 0
}

#cuerpo-pie {
	height:34px;
	background-image:url(../imagenes/pie-cuerpo.jpg);
	background-repeat:no-repeat
}

#pie {
	text-align:center;
	margin:40px 0 0 0
}

#pie p {
	color:#FFFFFF;
	font-size:11px
}

#col-izquierda {
	width:150px;
	float:left;
	margin: 0 40px 0 15px;
}

#col-derecha {
	float:left;
	width:670px
}

.info-comentarios {
width:670px;
float:left
	}

/********************************Otros***********************************/

.retos {
	width:398px;
	height:204px;
	background-image:url(../imagenes/retos1.png);
	position:relative;
	bottom:230px;
	left:580px
}


.retos2 {
	width:338px;
	height:266px;
	background-image:url(../imagenes/retos2.png);
	position:relative;
	bottom:630px;
	left:650px
}

/****************************************** imagenes***************************/

#col-izquierda img {
	border:2px solid #b4e03d;
	margin:0 20px 5px 20px;
	
}

#col-izquierda img:hover {
	border:2px solid #d5f372;
	margin:0 20px 5px 20px;
}


/*********************************Circuitos******************************/

#izquierda-circuitos {
	width:277px;
	float:left;
	margin:5px 0 0 0
}

#derecha-circuitos {
	float:left;
	width:360px;
	margin:5px 0 0 0;
	padding-left: 10px;
}

.listado {
	font-size:13px;
	color:#756753
}

.listado span {
	color:#83a723
}

.col-circuitos {
	float:left;
	width:50%
}

.comentarios-circuitos {
	line-height:14px;
}
	
.menu-circuitos {
	margin:10px 0 0 0
}

/***********************************Contactar*******************************/

#izquierda-contactar {
	width:383px;
	float:left;
	border-right:1px solid #9b8d6d
}

#derecha-contactar {
	width:245px;
	float:left;
	padding:0 20px
}

#derecha-contactar img {
	margin:0 0 0 0
}

#izquierda-contactar img {
	margin:0 0 30px 0
}

#derecha-contactar p {
	margin:0px 0 0 0;
	color:#4d2205;
	font-size: 11px;
}

#derecha-contactar input {
	width:240px;
	border:1px solid #9b8d6d;
	
}

#derecha-contactar textarea{
	width:240px;
	border:1px solid #9b8d6d
}

#derecha-contactar label{
	width:240px;
	float:left;
}

#derecha-contactar .fecha {
	width:40px
	
}

#derecha-contactar .fecha-larga {
	width:60px;
	
}

#derecha-contactar .circuito {
	width:15px;
	border:none
}

#derecha-contactar span {
	font-size:11px;
	color:#4d2205;
	font-weight:normal;
	margin:0 5px 0 0
}

.margin-forms {
	margin:10px 0 0 0
}


.btn {
	background-color:#84a725;
	color:#fff;
	height:18px
}

.mapa {
	width:360px;
	border:5px solid #d8c094
}

/**************************************Tarifas***************************/

#derecha-tarifas {
	width:245px;
	float:left;
	padding:0 20px
}

.text-tarifas {
	background-image:url(../imagenes/flecha-tarifas.gif);
	background-repeat:no-repeat;
	padding:0 0 0 24px;
	margin:0 0 10px 0
	
}

#derecha-tarifas p {
	color:#4d2205;
	font-weight:bold;
	margin:0
}

.text-tarifas span{
	color:#d03600;
	}

.info-tarifas {
	font-size:15px;
	color:#ca3501;
	margin:50px 0 0 0;
	
}

/*************************************Actividades***********************************/

.text-actividades {
	padding:0 0 0 24px;
}

.menu-actividades {
	position:relative;
	left:500px;
	bottom:35px;
	width:180px
}

.tit-actividades {
	margin: 0 0 35px 0
}