/* -------------- Estilos Generales ----------------- */

body {
	margin: 0em;
	padding: 0em;
	font-size: 62.5%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	background: #ffffff;
}

html {
	margin: 0em;
	padding: 0em;
	height: 100%;
}

h1 {
	position: absolute;
	left: -5000px;
}

h2 {
	margin: 1.5em 0em 0em 1em;
	padding: 0em;
	font-size: 1.1em;
	font-weight: bold;
	width: 100%;
	color: #006f51;
	text-transform: uppercase;
	float: left;
}

h3 {
	margin: 1.5em 0em 0em 1em;
	padding: 0em;
	font: bold 1.8em Verdana;
	width: 100%;
	color: #d32e12;
	text-transform: uppercase;
	float: left;
}


html>body h2 {
	margin: 1.5em 0em 0em 2em;
}

div.hr {
	margin: 2em 0em 0em 0em;
	padding: 0em;
	background: #e3f6c8 url(../images/hr.gif) repeat-x;
	height: 0.1em;
	float: right;
	width: 100%;
}
div.hr hr{
	display: none;
}

img {
	border: none
}
	
a {
	text-decoration: none;
	color: #006f51;
}
a:hover {
	text-decoration: none;
	color: #000000;
}

.expo {
	position: absolute;
	top: 1em;
	right: 1em;
	}
	
.clear {
	clear: left;
}



/* -------------- Contenedor ----------------- */

#contenedor {
	margin: 0em;
	padding: 0em;
	width: 100%;
	height: 100%;
	/*background: url(../images/fondo.jpg) no-repeat top right;*/
	float: left;
}

.index {
	margin: 0px;
	padding: 0px;
	width: 290px;
	height: 130px;
	background:url(../images/null.gif) repeat;
	float: left;
}



/* -------------- Ventajas ----------------- */

#detalle {
		margin: 15px 0px 0px 50px;
		padding: 0.5em 1em 0.8em 1em;
		font: bold 1em Verdana;
		text-decoration: none;
		color: #fff;
		background: #d32e12;
		float: left;
}

#detalledos {
		margin: 15px 0px 0px 0px;
		padding: 0.5em 1em 0.6em 1em;
		font: bold 1em Verdana;
		text-decoration: none;
		color: #d32e12;
		border: 1px solid #d32e12;
		float: left;
}

#ventajas {
	margin: 0px;
	padding: 0px;
	float: left;
}

#ventajas ul {
	margin: 7px 0px 10px 35px;
	padding: 0px;
	font: normal 1em Verdana;
	float: left;
}

#ventajas ul li {
	padding: 0px 0px 0px 15px;
	list-style-type: none;
	background:url(../images/arrowul.gif) no-repeat left;
}




/* -------------- Cabecera ----------------- */

#cabecera {
	margin: 0em;
	padding: 0em;
	width: 100%;
	height: 13.6em;
	background: url(../images/logo.jpg) no-repeat top left;
	float: left;
	overflow: hidden;
}

#menu {
	margin: 0em;
	padding: 0em;
	height: 3.2em;
	border-top: 0.1em solid #c7ee92;
	border-bottom: 0.1em solid #c7ee92;
	background: url(../images/fndmenu.gif) repeat-x top left;
	float: left;
}

#menu ul {
	width: 95em;
	margin: 0.9em 0em 0em 1.3em;
	padding: 0em;
	float: left;
}
html>body #menu ul {
	margin: 0.9em 0em 0em 2.7em;
}
#menu ul li {
	list-style-type: none;
	margin: 0em 0.5em 0em 0em;
	padding: 0em 0.5em 0em 0.5em;
	float: left;
}


#menu ul li a {
	list-style-type: none;
	margin: 0em 0.5em 0em 0em;
	padding: 0em 0.5em 0em 0.5em;
	font-weight: bold;
	color: #014c38;
	float: left;
}
#menu ul li a:hover {
	color:#6aae1b;
}


#menu2 {
	margin: 0em;
	padding: 0em;
	height: 3.2em;
	background: url(../images/fndmenu2.gif) repeat-x top left;
	float: left;
}

#menu2 ul {
	width: 95em;
	margin: 0.9em 0em 0em 1.3em;
	padding: 0em;
	float: left;
}
html>body #menu2 ul {
	margin: 0.9em 0em 0em 2.7em;
}
#menu2 ul li {
	list-style-type: none;
	margin: 0em 0.5em 0em 0em;
	padding: 0em 0.5em 0em 0.5em;
	float: left;
}

#menu2 ul li a {
	list-style-type: none;
	margin: 0em 0.5em 0em 0em;
	padding: 0em 0.5em 0em 0.5em;
	color: #547d20;
	font-weight: bold;
	background: #c6e5a1;
	float: left;
}
#menu2 ul li a:hover {
	color:#6aae1b;
}









#menu ul li.rojo a {
	list-style-type: none;
	margin: -9px 1em 0em -0.5em;
	padding: 0.9em 1.5em 0.1em 1.5em;
	color: #ffffff;
	background: #8cc740;
	float: left;
}
html>body #menu ul li.rojo a {
	padding: 0.9em 1.5em 1.2em 1.5em;
}
#menu ul li.rojo a {
	list-style-type: none;
	margin: -9px 1em 0em -0.5em;
	padding: 0.9em 1.5em 0.1em 1.5em;
	color: #ffffff;
	background: #990000;
	float: left;
}
html>body #menu ul li.rojo a {
	padding: 0.9em 1.5em 1.2em 1.5em;
}
/*
#menu ul li a {
	margin: 0em;
	padding: 0em;
	font: bold 1em Verdana, Arial, Helvetica, sans-serif;
	color: #014c38;
	text-transform: uppercase;
}
*/
#menu ul li a.rojor {
	color: #ffffff;
	}
#menu ul li a.rojor:hover {
	color: #ffdfdf;
	}
#menu ul li a.rojo:hover {
	color: #ffffff;
	}
	/*
#menu ul li a:hover {
	color: #8cc740;
}*/
#menu ul li a.selecc {
	color: #8cc740;
}



#menu ul li.verde a {
	list-style-type: none;
	margin: -9px 1em 0em -0.5em;
	padding: 0.9em 1.5em 0.1em 1.5em;
	color: #ffffff;
	background: #8cc740;	
	float: left;
}
html>body #menu ul li.verde a {
	padding: 0.9em 1.5em 1.2em 1.5em;
}
#menu ul li.verde a {
	list-style-type: none;
	margin: -9px 1em 0em -0.5em;
	padding: 0.9em 1.5em 0.1em 1.5em;
	color: #ffffff;
	background: #8cc740;
	float: left;
}
html>body #menu ul li.verde a {
	padding: 0.9em 1.5em 1.2em 1.5em;
}
/*
#menu ul li a {
	margin: 0em;
	padding: 0em;
	font: bold 1em Verdana, Arial, Helvetica, sans-serif;
	color: #393939;
	text-transform: uppercase;
}*/
#menu ul li a.verde {
	color: #ffffff;
	}
#menu ul li a.rojor:hover {
	color: #ffdfdf;
	}
#menu ul li a.verde:hover {
	color: #ffffff;
	}
#menu ul li a:hover {
	color: #8cc740;
}
#menu ul li a.selecc {
	color: #8cc740;
}


/* -------------- Contenido ----------------- */

#contenido {
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
	width: 95%;
	float: left;	
}
#contenido p {
	margin: 1em 0em 0em 2em;
	padding: 0em;
	font-size: 1em;
	width: 98%;
	line-height: 1.4em;
	float: left;	
}
html>body #contenido p {
	margin: 1em 0em 0em 4em;
}

#flash {
	margin: 1em 0em 0em 1em;
	padding: 0em;
	width: 953px;
	height: 616px;
	background: url(../images/flash.gif) no-repeat top left;
	float: left;
	}
html>body #flash {
	margin: 1em 0em 0em 2em;
	}
	
#enlaces {
	margin: 1em 0em 0em 0em;
	padding: 0em;
	width: 100%;
	float: left;
 }
 
#enlaces ul {
	margin: 1em 0em 0em 1em;
	padding: 0em;
	width: 95%;
	float: left;
}
html>body #enlaces ul {
	margin: 1em 0em 0em 2em;
}
#enlaces ul li {
	list-style-type: none;
	margin: 0em 1em 0.5em 0em;
	padding: 0em;
	display: inline;
	line-height: 16px;
}
.gris{
	color: #333333;
	font-weight: bold;
}

.llegar {
	margin: 0em;
	padding: 0em;
	width: 23.8em;
	font-size: 1.1em;
	height: 4.9em;
	background: url(../images/llegar.jpg) no-repeat top left;
	float: left;
	}
.llegar a {
	margin: 0.5em 0em 0em 1em;
	padding: 0em;
	width: 20.5em;
	height: 3.8em;
	color: #8ec740;
	font-weight: bold;
	float: left;
	}
.llegar a:hover {
	color: #8ec740;
	}



/* -------------- Pie ----------------- */

#pie {
	margin: 2em 0em 0em 0em;
	padding: 0em;
	width: 100%;
	height: 90px;
	float: left;
}
#pie p {
	margin: 1em 0em 0em 0.5em;
	padding: 0em;
	float: left;
}
html>body #pie p {
	margin: 1em 0em 0em 1em;
}

#pie p.accesible {
	margin: 1em 0em 0em 1em;
	padding: 0em;
}
#pie p.derecha {
	margin: 0em 1em 0em 0em;
	padding: 0em;
	float: right;
}
html>body #pie p.derecha {
	margin: 0em 2em 0em 0em;
}



/* -------------- Ruta ----------------- */

#ruta {
	margin: 0em;
	padding: 0em;
	width: 100%;
	float: left;
}
#ruta p {
	margin: 0.5em 0em 0em 1.6em;
	padding: 0em;
	color: #8ec740;
	float: left;	
}
html>body #ruta p {
	margin: 0.5em 0em 0em 3.3em;
}
#ruta p a {
	color: #8ec740;
	}
	
/* ----------- Contacto -------------- */

fieldset {
	margin: 1em 1em 1em 3em;
	width: 74em;
	height: 19em;
	font-size: 1.2em;
	color: #333;
	float: left;
}

legend {
	color: #87ab61;
	font-weight: bold;
}

.celda {
	margin: 0.25em 0em 0em 0em;
	width: 12.7em;
	height: 2em;
	float: left;
}
.celda2 {
	margin: 0.25em 0em 0em 0em;
	width: 24em;
	height: 2em;
	float: left;
}


.celda3 {
	margin: 0px;
	margin: 60px 0px 0px 0px;
	float: left;
}

.boton {
	margin-top: 0.5em;
	padding: 0.2em;
	border: 0.1em solid #014c38;
	background: #014c38;
	width: 11.5em;
	text-align: center;
	color: #fff;
	}
.boton2 {
	margin-top: 0.5em;
	padding: 0.2em;
	border: 0.1em solid #014c38;
	background: #014c38;
	width: 6.5em;
	text-align: center;
	color: #fff;
	}
	
	
	
/* -------------- Menusup ----------------- */


	ul#menusup {
		margin: 11.4em 0em 0em 0em;
		padding: 0em;
		float: left;
	}
	ul#menusup li {
		list-style-type: none;
		margin: 0em;
		padding: 0em;
		float: left;
	}		
	ul#menusup li.riberas {
		margin: 0em 0em 0em 1em;
		padding: 0em;
		float: left;
		}
	ul#menusup li.riberas a {
		margin: 0em;
		padding: 0.5em 1em 0.6em 1em;
		color: #fff;
		font: bold 1em Verdana;
		text-decoration: none;
		background: #3c95d3;
		float: left;
		}
	ul#menusup li.riberas a:hover {
		color: #fff;
		background: #4e4e4e;
		float: left;
		}
	
	ul#menusup li.contacto {
		margin: 0em 0em 0em 1em;
		padding: 0em;
		float: left;
		}
	ul#menusup li.contacto a {
		margin: 0em;
		padding: 0.5em 1em 0.6em 1em;
		color: #fff;
		font: bold 1em Verdana;
		text-decoration: none;
		background: #d32e12;
		float: left;
		}
	ul#menusup li.contacto a:hover {
		color: #fff;
		background: #4e4e4e;
		float: left;
		}