* {
	margin: 0;
	padding: 0;
}

body {
	background: #FFF url(../css/body-bkg.gif) repeat-x left top;
	font: 10px normal "Trebuchet MS", Helvetica, Arial, sans-serif;
	text-align: center;
}

/* Base */
#base {
	font-size: 1.1em;
	margin: 0 auto 0 auto;
	position: relative;
	text-align: left;
	width: 850px;
	z-index: 10;
}

	h1, h2, h3 {
		line-height: 130%;
	}
	
	h1 {
		font-family: Geneva, Arial, Helvetica, sans-serif;
	}
	
	h1 { font-size: 1.6em;}
	h2 { font-size: 1.5em;}
	h3 { font-size: 1.3em;}
	
	p, blockquote {
		color: #333333;
		font: normal 1.2em/18px "Trebuchet MS", Helvetica, Arial, sans-serif;
		line-height: 150%;
		margin: 5px auto;
	}
	/*blockquote {
		margin-left: 80px;
	}*/
	
	strong {  }
	
	em {  }
	
	ul {
		color: #333333;
		font-size: 1.1em;
		margin-left: 25px;
	}
	ul li ul li {
		font-size: 0.8em;
	}
	
	a { color: #E40508; }
	a:hover { text-decoration: none; }
	a:visited { color: #E40508; /*color: #666666;*/ }

	hr {
		border-color: #CCC;
		border-style: solid;
		border-width: 1px 0 0 0;
		clear: both;
		margin-bottom: 10px;
	}
	

/* sección superior */

#sup {
	background: transparent url(../css/sup-bkg.jpg) no-repeat 2px 20px;
	/*border-color: #999999;
	border-style: solid;
	border-width: 0px 1px 0px 1px;*/
	height: 157px;
	margin: 0px auto;
	position: relative;
	width: 800px;
}
	#sup h1 a {
		background: url(../css/fructa.png) no-repeat;
		display: block;
		height: 72px;
		right: 20px;
		overflow: hidden; 
		position: absolute;
		text-indent: -8000px;
		top: 40px;
		width: 220px;
	}
	#sup h2 {
		background: url(../css/assistance-bkg.png) no-repeat 25px 0px;
		display: block;
		font: normal 1em/18px "Trebuchet MS", Helvetica, Arial, sans-serif;
		height: 87px;
		padding: 8px 12px 0 0;
		position: absolute;
		right: 15px;
		text-align: right;
		top: 45px;
		visibility: 80%;
		width: 240px;
	}

	#sup div#riha {
		background: url(../css/riha.gif) no-repeat left top;
		display: block;
		height: 137px;
		position: relative;
			top: 20px;
		width: 137px;
		z-index: 10;
	}
	
	#sup ul#nav {
		font-size: 1em;
		overflow: hidden;
		position: absolute;
		top: 1px;
		right: 5px;
		width: auto;
	}
	#sup ul#nav li {
		border-left: #8CB01E solid 1px;
		display: inline;
		list-style: none;
		padding-left: 5px;
	}
	#sup ul#nav li a {
		color: #FFF;
	}
	#sup ul#nav li a:visited {
		color: #FFF;
	}
	
	/* Menu */
	#sup ul#menu {
		background: url(../css/menu-bkg.gif) no-repeat 25px 0px;
		font: normal 0.9em/18px Verdana, Arial, Helvetica, sans-serif;
		height: 25px;
		margin-left: 0px;
		overflow: hidden;
		position: absolute;
		text-align: center;
		top: 132px;
		width: 800px;
		z-index: 100;
	}
	#sup ul#menu li {
		background: url(../css/menu-li.gif) no-repeat top left;
		display: inline;
		float: left;
		height: 25px;
		list-style: none;
		position: relative;
	}
	#sup ul#menu li a {
		color: #FFF;
		display: block;
		font-size: 1.1em;
		font-weight: bold;
		height: 23px;
		padding-top: 2px;
		text-decoration: none;
		width: 131px;
	}
	#sup ul#menu li a:hover,
	#sup ul#menu li.active a {
		background: url(../css/menu-li-active.gif) no-repeat left top;
		color: #73941D;
		height: 25px;
	}


#wrapper {
	background: url(../css/wrapper-bkg.gif) repeat-y;
	margin: 0 auto;
	overflow: hidden;	
	width: 850px;
}

/* Seccion Central */
#cen {
	background: url(../css/cen-bottom.gif) no-repeat bottom left;
	overflow: hidden;
	padding: 0 25px 40px 25px;
	position: relative;
	width: 800px;
}
	#cen h1 {
		color: #557100;
		margin: 5px auto 10px auto;
	}
	#cen h2 {
		color: #333333;
		margin: 5px auto 10px auto;
	}
	#cen h3 {
		color: #333333;
	}
	#cen ul li {
		list-style-image: url(../css/list-icon.gif);
		line-height: 150%;
	}
	
	
/* Seccion Inferior */
#inf {
	margin: 0px auto 15px auto;
	overflow: hidden;
	position: relative;
	text-align: center;
	top: -25px;
	width: 800px;
	z-index: 100;
}
	#inf p {
		color: #666666;
		font-size: 1.1em;
	}
	#inf ul {
		font-size: 1.1em;
		margin: 5px auto; 
		overflow: hidden;
		text-align: center;
	}
	#inf ul li {
		border-left: #666 solid 1px;
		display: inline;
		list-style: none;
		padding: 0 4px;
	}
	#inf a {
		color: #666666;
		text-decoration: none;
	}
	#inf a:hover {
		color: #666666;
		text-decoration: underline;
	}
	#inf a:visited {
		color: #666666;
		text-decoration: none;
	}
	#inf a.metodus {
		font-weight: bold;
	}


/* Cont-Pri */
#cont-pri {
	float: left;
	margin: 15px 0 0 0;
	overflow: hidden;
	padding: 0 10px 8px 10px;
	width: 515px;
}
	#cen h1 span {
		font: normal 0.9em/18px "Trebuchet MS", Helvetica, Arial, sans-serif;
		margin: 25px auto 10px auto;
	}
	#cen h2 {
		font: normal 1.6em/18px "Trebuchet MS", Helvetica, Arial, sans-serif;
		margin: 25px auto 10px auto;
	}
	#cen h3 {
		font: normal 1.4em/18px "Trebuchet MS", Helvetica, Arial, sans-serif;
		margin: 5px auto;
	}
	#cen ul {
		font: normal 1.2em/18px "Trebuchet MS", Helvetica, Arial, sans-serif;
		margin: 5px 5px 10px 25px;
	}
	#cen img {
		float: right;
		margin: 0 0 5px 10px;
	}
	#cen div.promo {
		margin: 0 0 20px 0;
		overflow: hidden;		
	}
		#cen div.promo img {
			float: right;
			margin: 0;
			padding: 0;
		}

	
	

/* Cont-Seg */
#cont-seg {
	float: right;
	margin: 15px 0 0 0;
	padding: 0 8px 8px 8px;
	width: 228px;
}
	#cont-seg h1 {
		color: #333333;
		font: normal 1.8em/18px "Trebuchet MS", Helvetica, Arial, sans-serif;
	}
	
	#cont-seg h2 {
		color: #333333;
		font: normal 1.6em/18px "Trebuchet MS", Helvetica, Arial, sans-serif;
		margin-top: 5px;
	}
	#cont-seg h3 {
		color: #333333;
		font: normal 1.4em/18px "Trebuchet MS", Helvetica, Arial, sans-serif;
	}
	
	#cont-seg div {
		border-top: #CCC solid 1px;
		margin-bottom: 25px;
		padding-top: 15px;
		overflow: hidden;
	}

/* Table */
table {
	font: normal 1.2em/18px "Trebuchet MS", Helvetica, Arial, sans-serif;
	margin: 10px auto;
	width: 100%;
}
	th {
		background: #E5E5E5;
		border-bottom: #FFF solid 2px;
		color: #595959;
		font-weight: normal;
		padding: 5px;
	}
	td {
		background: #EFEFEF;
		border-bottom: #FFF solid 2px;
		color: #FF6600;
		padding: 5px;
	}


/* Forms */
form {
	margin: 10px auto;
	width: 80%;
}
	fieldset {
		border: none;
	}
	form div {
		margin: 15px auto;
		overflow: hidden;
	}
	form label {
		display: block;
		float: left;
		font-size: 1.1em;
		margin: 0 10px 0 0;
		text-align: right;
		width: 30%;
	}
	form input {
		background: url(../css/form-input.gif) no-repeat left 0px;
		border: none;
		color: #333;
		font: normal 1.2em/18px "Trebuchet MS", Helvetica, Arial, sans-serif;
		height: 24px;
		padding: 6px 3px 0px 5px;
		width: 260px;
	}
		form input.small {
			background: url(../css/form-input-small.gif) no-repeat;
			width: 150px;
		}
	form textarea {
		background: url(../css/form-textarea.gif) no-repeat left 0px;
		border: none;
		color: #333;
		font: normal 1.2em/18px "Trebuchet MS", Helvetica, Arial, sans-serif;
		height: 141px;
		padding: 6px 3px 3px 5px;
		width: 250px;
	}
	form select {
		background: #FFF url(../css/form-input.gif) no-repeat left 0px;
		border: none;
		color: #333;
		font: normal 1.2em/18px "Trebuchet MS", Helvetica, Arial, sans-serif;
		height: 30x;
		padding: 6px 25px 5px 5px;
		width: 280px;
	}
	form button {
		background: url(../css/form-button.gif) no-repeat left 0px;
		border: none;
		color: #FFF;
		font: bold 1.4em/18px "Trebuchet MS", Helvetica, Arial, sans-serif;
		height: 43px;
		left: 32%;
		padding-bottom: 15px;
		position: relative;
		width: 154px;
	}	
	form button:hover {
		background-position: 0 -44px;
	}
	form span {
		clear: both;
		color: #999999;
		position: relative;
	}
	form span.required {
		color: #FF0000;
	}
	form label span.small {
		font-size: 0.9em;
		margin: 0 5px 0 0;
	}

/* Error */
div.error {
	border: #990000 solid 1px;
	margin: 10px auto;
	padding: 10px;
	width: 500px;
}

div.error p {
	color: #990000;
	font-size: 1.4em;	
}
div.error ul {
	color: #990000;
}


/* Deco */
div.deco {
	height: 80px;
	left: -35px;
	position: absolute;
	width: 80px;
	z-index: -1;
}

div#top {
	background: url(../css/orange.gif) no-repeat top right;
	top: 450px;
}
div#bottom {
	background: url(../css/mango.gif) no-repeat top right;
	top: 750px;
}