/* CSS Document */
html
{
	height:100%; 
}

body 
{
	padding:0px;
	margin:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	height:100%; 
	background:#999999;
}

h1
{
padding: 0px;
margin: 0px ;
}

p
{
padding: 0px;
margin: 0px ;
}

a
{
	color: #00a5ff;
	text-decoration: none;
}

a:hover
{
	color: #666666;
}


/* ----------header-------------- */

#header {
padding: 0px;
margin: 0px auto;
width:772px;
height:143px;
background:url(img/head.gif) no-repeat
}

/* --------------2 col-------------- */

#contenido{
	width:772px;
	height: 100%;
	height: auto;
	min-height: 400px;
	padding:0px;
	margin: 0 auto;
	text-align: left;
	background:url(img/backcont.gif);
}


#contenido .seccion
{
	float: left;
	padding:5px;
	
}


/* ----------1-------------- */
#seccion1
{	
	width: 230px;
	w\idth:: 230px;
	height: 380px;
	padding: 0px;
	margin: 0px;
	text-align:left
}



/* ------------2-------------- */


#seccion2
{
	width: 510px;
	w\idth:: 510px;
	padding: 0px;
	margin: 0px;
	text-align:left
}

/* ----------menu-------------- */
ul
{
padding: 0px;
margin: 0px 0px 0px 2px;
}


li
{
list-style:none;
background:url(img/botOFF.gif);
padding-left:20px;

}

li a
{
font-size:14px;
font-weight:bold;
letter-spacing:-1px;
text-decoration:none;
color:#000000;
display:block;
height:28px;
padding-top: 4px;
}

li a:hover
{
color:#00a5ff;
}




/*  ----------------footer---------------------- */ 
#footer
{
padding: 0px;
margin: 0px auto;
width:772px;
height: 53px;
background:url(img/footer.gif) no-repeat
}

/*-------para 100% firefox----------*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */