@charset "utf-8";
* { padding: 0; margin: 0; }
body {
    	background: #0A64AD;
		color: #000;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 12px;
    	margin: 0; 
    	padding: 0;
    	text-align: center;
		}
p {
	margin-bottom:20px;
}
#mainContent p, #mainContent ul li{
		margin-left: 12px;
    }
h1 {
	color: #FFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	letter-spacing: -1px;
	}
img { border:none;}
img { behavior: url(iepngfix.htc); }  /*transparencia de png en IE6 */
ul {
	list-style: none;
	list-style-position:inside;
	padinng-left: 30px;
	margin-bottom: 10px;
}
ul li {
	list-style-image: url(../img/img_li.jpg);

}


/** LAYOUT ***/
    #container {
	width: 770px;
	background: #0A64AD;
	margin: 0 auto; 
	text-align: left;
    }
    #header {
		background: #0A64AD url(../img/bck_header.jpg) left no-repeat;
		height: 280px;
    	padding: 0 10px 0 20px;
    }
    #header h1 {
    	margin: 0; 
    	padding: 10px 0;
    }
    #mainContent {
		background: #FFF url(../img/bck_mainContent.gif) bottom left no-repeat;
    	padding:35px 20px 15px 20px;
    }
		#sponsor { /* columna gris para banners o sponsor */
		background-color:#999;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 10px;
		float:right;
		margin: 0 0 0 15px;
		min-height: 100%;
		padding: 5px;
		width: 145px;
		}
		#colLeft {
			float:left;
			width: 550px;
		}
    #footer {
		background: #0A64AD url(../img/bck_footer.gif) left no-repeat;
		color: #FFF;
		height: 55px;
    	padding: 17px 15px 0 15px;
    }
    #footer #copy {
    	float: left;
		border-right: 1px solid #390;
		margin-right: 20px;
		padding-right: 7px;
		line-height: 14px;
    }
	#footer #navFoot {
    	float: right;
    }
	#navFoot  a:link {
		color: #FFF;
    }
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/** ID´s ***/

/* Lista con fondo verde en degrade */
#items {
	background: #FFF url(../img/bck_items.gif) top left no-repeat;
	float:right;
	padding: 10px;
	margin: 0 0 10px 10px;
	text-align: left;
	width: 275px;
	}
	#items ul {
		list-style-position:outside;
		padding-left: 15px;
		}
	#items ul li {
		list-style-image: url(../img/img_check.gif);
		}


/*titulos verde y azul*/
div.blue, div.green { 
	float:left;
	padding:3px 7px;
	margin-bottom: 10px;
	clear:left;
	width:100%;
}
div.blue { /*títulos con fondo azul*/ background: #0A64AD; } 
div.green {/*títulos con fondo verde*/  background:#AFD900; }
div#sponsor { /*recuadro sponsor*/ background:#CCC; }