@charset "utf-8";

body {
	background:#ffffff url(../img/background-1.png) repeat-x;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}
#container {
	width: 962px;
	margin: 0px auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#header {
	width: 884px;
	height: 280px;
	padding: 0;
}
#header h1 {
	margin: 0px; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 20px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	position:relative;
	width: 884px;
	height: 220px;
	top:21px;
	left:37px;
	overflow:hidden;
}
#header span.fondo {
	display:block;
	position:absolute;
	left:0px;
	top:-5px;
	z-index:1;
	width: 884px;
	height: 220px;
	margin:0;
	padding:0;
	background:url(../img/header.png) top left no-repeat;
}
span.logo {
	display: block;
	position: absolute;
	right: 100px;
	top: 7px;
	z-index: 2;
	width: 225px;
	height: 195px;
	margin: 0;
	padding: 0;
	background:url(../img/logo.png) top left no-repeat;
}
/* Este codigo le da formato a la navegacion */
			
#menu{position:relative; top: -7px; left: 220px; margin:0 auto;}
#menu ul .item{display:none;}
#menu ul:hover .item{display:block;background:#333;padding:1px;margin:1px;}

#menu ul .top a{display:block;color:#fff;text-decoration:none;}
#menu ul:hover .item a{color:#fff;text-decoration:none;}
#menu ul:hover .item a:hover{color:#FFFFFF;}
#menu ul:hover .item a:visited{color:#FFFFFF;}

#menu ul{width:100px;float:left;margin:0px;padding:2px;background:none;list-style:none;}
.clear{clear:both;height:10px;}


			a:link {
				color:							#669966;
			}

			a:visited {
				color:							#003300;
			}

			a:hover {
				text-decoration:		none;
				color:							#FFFFFF;
				/*background-color:		#669966;*/
				background-color: #659bca;
			}
						
			ul.navigation {
				font-family: arial, sans;
				/*background-color:		#333333;*/
				padding:						0em 0.5em;
				list-style-type:		none;
				position: relative;
				top:-28px;
				left:150px;
				font-size: 1.2em;
			}
			
			ul.navigation li {

				display:						inline;			
			}
			
			.navigation a {
				color:	#eeeeee;
				/*color:							#FFFFFF;*/
				padding:						0.5em;
			}
/* termina estilo de la navegacion */

#mainContent {
	margin: 30px 90px 20px 90px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}
#Content {
	padding: 20px 120px 30px 120px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin: 0px;
	/* background: #D0E6B5;*/
	background:#CAE9FB;
}
/* da estilo a las esquinas redondeadas*/
.xtop, .xbottom {
	display: block;
	background: transparent;
	font-size: 1px;
}

.xb1, .xb2, .xb3, .xb4 {
	display: block;
	overflow: hidden;
}

.xb1, .xb2, .xb3 {
	height: 1px;
}

.xb2, .xb3, .xb4 {
	background: #CAE9FB; /* main Bg Colour mainbox */
	border-left: 1px solid #CAE9FB;
	border-right: 1px solid #CAE9FB;
}
.xb2 {
	margin: 0 3px;
	border-width: 0 2px;
}

.xb3 {
	margin: 0 2px;
}

.xb4 {
	height: 2px;
	margin: 0 1px;
}
/* termina el estilo redondoeado */
#mainContent h1 {
	color:#003399;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: bold;
	margin-left:-60px;
}
#mainContent h2 {
	color:#0033CC;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: bold;
	font-size: 1.1em;
	margin-left:-20px;
}
#mainContent img {
	border: 1px solid #ffffff;
	padding: 5px;
	background: #ffffff;
}
#mainContent p {
	color: #111;
	font-family: "Times New Roman", Times, serif;
	text-align: justify;
	margin-bottom: 15px;
	letter-spacing: .05em;
	font-size: 1em;
}
#footer {
	margin:0px;
	padding: 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
}
#footer p {
	color:#666666;
	font-size:12px;
	text-align:center;
	margin: 0px; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 5px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

address {
	color:#666666;
	text-align:center;
	}
	
td {
	font-size: 0.9em;
	color:#333333;
	font-family: Georgia, "Times New Roman", Times, serif;
}

td.cuatro {
	text-align: center;
	width: 25%;
}

.contador {
	font-size: 2em;
	font-weight: bold;
	}