/* CSS Document */

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
/*The padding and margin properties tell the browser not to leave any gaps around the edge of the page, but to run the content right up to the edge.*/
margin: 0;
padding: 0;
border: 0;
}

body {
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
color:#666666;
background-color: #cccccc;
text-align: center; /*corrige el bug de IE 5.x*, no es necesario en Firefox ni en IE 6.x*/
/*background-image: url(Img/bg_strips.gif);*/
/*background-attachment: fixed; para imagen sin scroll*/
min-width: 760px; /*safe browser*/
}

.style1 {color: #6FA3E6}

a:link {
	color: #666666;
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color: #666666;
}
a:hover {
	color: #333333;
	text-decoration: underline;
}
a:active {
	text-decoration: underline;
	color: #666666;
}


/*The function of a wrapper div is to act as container element for all elements you use within a page he wrapper also determines where the design is positioned in the body element.*/

#wrapper {
width: 760px; /*770px es la safe medida*/
background-color:#FFFFFF;
margin:0px auto; /*yo uso 0px de margen*/
/*border: 1px solid #000000;*/
text-align:left; /*corrige el bug de IE 5.x*/
}



/*Comienza el flujo natural de los elementos que van dentro del wrapper*/

#menuh {
	height: 25px;
	position: relative;
	float: right;
	z-index:500;
}

#amplio {
	height: 0px;
	position: absolute;
	float: right;
}

#menuv {
	top: 300px;
	position: absolute;
	width: 0px;	
	float: left;
}

#midgris {
	top: 482px;
	position: absolute;	
	margin-left: 0px;
}

#midnegro {
	top: 573px;
	position: absolute;	
	margin-left: 129px;
	width: 219px;
}

#minipics {
	top: 300px;
	position: absolute;
	width: 320px;	
	margin-left: 220px;
}

#barrita {
	top: 300px;
	position: absolute;
	margin-left: 749px;
}

#content1 {
	position : absolute;
	top: 500px;
	margin-left: 235px;
	width: 500px;
}