/* CSS Document */

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	margin:0;
	background-color:#024B82;
	text-align:center;
	}
#top {
	height:35px;
	background-image:url(images/top.png);
	}
	
#main {
	width:770px;
	margin:20px auto;
	text-align:left;
	background-image:url(images/bg_main.png);
	background-repeat:repeat-y;
	}
#header {
	height:100px;
	margin:0 35px;
	background-image:url(images/bg_head.png);
	background-repeat:repeat-x;
	background-color:#EDA614;
	}
	#header h1 {
		margin:0;
		padding:0;
		float:left;
		}
	#header h1 a {
		display:block;
		height:100px;
		width:245px;
		background-image:url(images/logo.png);
		}
	#header h1 a span {
		display:none;
		}
	#header h2 {
		float:right;
		margin:10px;
		font-family:"Impact", Arial, Helvetica, sans-serif;
		font-size:60px;
		color:#FFAE00;
		}
#menu {
	height:30px;
	margin:0 35px;
	background-image:url(images/bg_menu.png);
	background-repeat:repeat-x;
	}
	#menu ul {
		margin:0;
		padding:0;
		list-style:none;
		}
	#menu ul li {
		margin:0;
		padding:0;
		float:left;
		width:80px;
		}
	#menu ul li a {
		display:block;
		margin:3px 0;
		padding:4px 10px;
		height:16px;
		color:#024B82;
		font-weight:bold;
		text-decoration:none;
		}
	#menu ul li a:hover {
		color:#FFFFFF;
		background-image:url(images/bg_boton.png);
		background-repeat:repeat-x;
		}
/*-----------------------------------------------------
					Contenido
-----------------------------------------------------*/
#contenido {
	padding:10px 35px;
	}
#caja {
	margin:20px 10px 20px 20px;
	padding:10px;
	width:208px;
	float:left;
	display:inline;
	background-color:#ECF8FF;
	border:1px solid #CCCCCC;
	}
	#caja p {
		font-size:12px;
		color:#024B82;
		line-height:18px;
		font-weight:bold;
		font-style:italic;
		}
	#caja img {
		padding:3px;
		background-color:#FF9900;
		border:1px solid #CCCCCC;
		}
	#caja a img {
		padding:3px;
		background-color:#FF9900;
		border:1px solid #CCCCCC;
		}
	#caja a:hover img {
		padding:3px;
		text-decoration:none;
		background-color:#0099FF;
		border:1px solid #666666;
		}
#cajon {
	margin:20px 20px 10px 0;
	float:right;
	width:390px;
	padding:0 10px;
	background-color:#FFFFFF;
	}
	#cajon table {
		background-color:#CCCCCC;
		text-align:center;
		}
	#cajon table tr th {
		background-color:#FDFCDF;
		}
	#cajon table tr td {
		background-color:#FFFFFF;
		}
	#cajon table tr {
		background-color:#FFFFFF;
		}
#contenido h2 {
	font-size:16px;
	font-style:italic;
	color:#FF9900;
	}
#contenido h3 {
	font-size:14px;
	font-style:italic;
	color:#0099FF;
	}
#contenido a {
	text-decoration:none;
	color:#0099FF;
	padding:2px;
	}
#contenido a:hover {
	color:#FFFFFF;
	background-color:#0099FF;
	}
/*-------------------------------------------------*/
#cajon form {
	width:340px;
	margin:10px auto;
	padding:10px;
	background-color:#ECF5FF;
	}
#cajon form fieldset {
	margin:0;
	padding:0;
	border:0;
	}
#cajon form fieldset input, #cajon form fieldset textarea{
	width:330px;
	margin:2px;
	border:1px solid #CCCCCC;
	background-color:#FFFFFF;
	color:#666666;
	font-family:"Courier New", Courier, mono;
	font-size:12px;
	padding:2px;
	}
/*-----------------------------------------------------
					Extras
-----------------------------------------------------*/
.extra {
	margin:20px 10px 20px 20px;
	padding:10px;
	width:208px;
	float:left;
	display:inline;
	background-color:#ECF8FF;
	border:1px solid #CCCCCC;
	}
	.extra img {
		padding:3px;
		background-color:#FF9900;
		border:1px solid #CCCCCC;
		}
#foot {
	width:640px;
	clear:both;
	margin:0 auto;
	border-top:1px solid #CCCCCC;
	text-align:center;
	height:40px;
	padding-top:10px;
	font-size:10px;
	color:#999999;
	}
	#foot a {
		color:#A6D2FF;
		text-decoration:none;
		}
	#foot a:hover {
		color:#0099FF;
		}
#bottom {
	height:35px;
	background-image:url(images/bottom.png);
	clear:both;
	}