/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, blockquote, th, td 
{ margin : 0; padding : 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }


/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, th, var
{ font-style : normal; font-weight : normal; }

/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset,img { border : 0; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }


/* layout.css */

html 	{ text-align : center;  }

body { 
margin : 0 auto; 
text-align : left; }
h1	{
	font-size:340%;
	}
h2	{
	font-size:200%;
	}
h3	{
	font-size:160%;
}
h4	{
	font-size:140%;
}
h5	{
	font-size:110%
}
p	{
	padding: 3px 3px;
}
/* wrapper contains all divs */
#wrapper	{
	position : relative; 
	width:1024px;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
}
#container	{
	position : relative; 
	width:700px;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
}
#header		{
	width:1024px;
	height:200px;
}
#intro	{
position:absolute;
top:15px;
left:15px;
width:238px;
height:170px;
border-style:solid;
border-width:4px;
}
/*moving logo cebollas */

#slideshow {
  width: 238px;
  height: 170px;
  position: absolute;
  top:19px;
left:19px;
  overflow: hidden;
  border-width: 0;
}

img#preview {
  position: absolute;
  border-width: 0;
  outline-width: 0;
}
#entre-cebolla-y-papa	{
position:absolute;
top:15px;
left:261px;
width:442px;
height:178px;
padding-left:30px;
padding-right:30px;
}
.align-right		{
	text-align:right;
}
#intra		{
position:absolute;
top:15px;
right:15px;
width:238px;
height:170px;
border-style:solid;
border-width:4px;
}
/*moving logo papas */
#slideshowp {
  width: 238px;
  height: 170px;
  position: absolute;
  top:19px;
left:767px;
  overflow: hidden;
  border-width: 0;
}

img#previewp {
  position: absolute;
  border-width: 0;
  outline-width: 0;
}
#navigator		{
	position:relative;
	top:-6px;
	width:1024px;
	height:60px;
}

/* tabs of the navigation and all its facets */

#nav {	
	float: 		right;
	padding-right:18px; /*distance between tabs*/
	
	}

#nav li {
	float: 	right;
	margin: 	20px 5px 0 0; /*moves the complete block of tabs*/
	list-style-type:none;
	}

#nav a {float: 		left;		/*tabs to be clicked to make link*/
	display: 	block;
	margin: 	0;
	padding: 	11px 9px 10px 9px;
	width:80px;
	text-align:center;
	text-decoration: none;
		}
	/* END of tabs of the navigation and all its facets */ 
	/* the left window */
#information	{
	position:absolute;
	top:250px;
	left:0px;
	width:210px;
	margin-left:0px;
	margin-top:15px;
	margin-right:0px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:30px;
	padding-top:15px;
	}
	#mainframe	{
	position:relative;
	top:-6px;
	left:230px;
	width:763px;
	border-left-style:solid;
	border-left-width:1px;
	margin-left:0px;
	margin-right:0px;
	padding-top : 20px; 
	padding-left : 15px;
	padding-right : 15px;
	margin-bottom:-6px;
	}
	/* END the left window */
	
	.aap	{
		padding-bottom:15px;
		
			}
	.noot	{
		width:170px;
		padding-left:15px;
		padding-bottom:30px;
		padding-top:15px;
		padding-right:15px;
		text-align:left;
	}
	.nootellens	{
		width:140px;
		padding-left:15px;
		padding-bottom:30px;
		padding-top:15px;
	}
	

.indextable	{
	width:600px;
	
	margin-top:25px;
	margin-bottom:25px;
	
}
.indextable th	{
	background-color:#800000;
	color:white;
	width:33%;
	text-align:center;
	padding:10px;
	font-size:120%;
	font-weight:600;
	border-width:1px;
	border-style:solid;
	border-color:#800000;
}
.indextable td	{
	vertical-align:top;
	padding:10px;
	border-width:1px;
	border-style:solid;
	border-color:#800000;
	text-align:center;
	font-weight:400;
	font-family:"Trebuchet MS", Tahoma, Helvetica, sans-serif;
}
.indextable a:hover	img {
	filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;
}
.opaque a:hover	img {
	filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;
}
.left		{
		text-align:left;
}
.right		{
		text-align:right;
}
.center		{
		text-align:center;
	}
	.centera		{
		margin-left:auto;
		margin-right:auto;
	}
	
	.center img	{
		text-align:center;
	}
	.fotoder a:hover	img	{
		filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;
	}
	.fotoder	{
		float:right;
		margin-right:20px;
		padding:5px;
		border:1px solid #800000;
		text-align:center;
		margin-left:15px;
			}
	.foto	{
		margin-right:15px;
		padding:5px;
		border:1px solid #800000;
		text-align:center;
		margin-left:15px;
					}
					foto a	{
						text-decoration:none;
					}
	
			.foto2	{
		margin-right:10px;
		padding:5px;
		border:1px solid #800000;
		margin-left:1px;
			}
		.fotodersin	{
		float:right;
		margin-right:0px;
		padding-left:10px;
		border:0px solid #800000;
		text-align:center;
			}
			.fotoder img	{
				margin-top:5px;
				margin-bottom:5px;
			}
	.fotoizq{
	
		float:left;
		padding:5px;
		border:1px solid #800000;
		margin-left:0px;
		margin-right:15px;
		text-align:center;
			}
		.foto a:hover	img{
		filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;}
		.fotoizq a:hover	img	{
		filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;}
		.fotoizqsin a:hover	img	{
		filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;
	}
	.fotoizqsinnofloat a:hover	img	{
		filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;
	}
			.fotoizqsin	{
		float:left;
		padding-right:10px;
		border:0px solid #800000;
		margin-left:0px;
		text-align:center;
			}
			.fotoizqsinnofloat	{
		margin-left:0px;
		padding-left:0px;
		text-align:center;
			}
			.fotoizq img	{
				margin-top:5px;
				margin-bottom:5px;
			}

/* different separators to use with floats */
.separator150px		{
	line-height:150px;
}
.separator230px		{
	line-height:230px;
}
.separator125px		{
	line-height:125px;
}
.separator135px		{
	line-height:35px;
}
.separator25px		{
	line-height:25px;
}
.separator65px		{
	line-height:65px;
}
.listinlist	{
	padding-left:100px;
	padding-right:100px;
}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxtable efficiencyXXXXXXXXXXXXXXXXXXXXXXXX*/
.calculator 	{
	font-size:	100%;
	color:#800000;
	background-color:#C0C0C0;
	border:		1px solid black;
	border-collapse:collapse;
	
	}
.calculator  td	{
	font-size:	100%;
	text-align:	center;
	border:		1px solid black;
	
	}
.calculator  th	{
	font-size:	100%;
	text-align:	center;
	border:		1px solid black;
	
	}

.input		{
	width:	6em;
		}
.frameleft	{
	float:left;
	width:376px;
	border:1px solid gray;
	
}
.frameright	{
	float:right;
	width:376px;
	border:1px solid gray;
	
}
.renta		{
		font-size:80%;
		border:2px solid gray;
		
	}
	.renta td	{
		padding:10px;
		font-weight:700;
		text-align:right;
	}
	.renta th	{
		padding:10px;
		background-color:gray;
		color:white;
		font-weight:700;
		text-align:right;
	}