@charset "utf-8";
/* CSS Document */

body{
	background-image:url(img/background.gif);
	background-repeat:repeat-x;
	margin-top:0px;
	background-color:#0099CC;
	text-align:center;
	margin-top:15px;
	font-family:Arial, Helvetica, sans-serif;	
	}

img{
	border:0px none;
	}
	
a{
	color:#333;
	text-decoration:none;	
	}

a:hover{
	color:#999;
	text-decoration:underline;
	}


#contenedor{
		width:765px;
		margin-left:auto;
		margin-right:auto;
/*		background-image:url(img/background_contenido.png);*/
}

#header{
		background-image:url(img/background_header.png);
		background-repeat:no-repeat;
		height:225px;
		margin-left:0px;
		text-align:left;
		behavior: url(iepngfix.htc);
	}

#header img{
		margin-top:5px;
		text-align:left;
		margin-bottom:5px;
	}

#lenguajes{
		margin-right:25px;
		text-align:right;
	}

#contenido{
		background-image:url(img/background_contenido.png);
		behavior: url(iepngfix.htc);
		width:100%;
		height:100%;
		}

/*****************BOTONERA ***********************/
#botonera {
		float:left;
		width:160px;
		height:auto;
		text-align:left;
		margin-top:0px;
		padding-top:0px;
	}

	#botonera ul{
		margin-left:0px;
		padding-left:0px;
		list-style:none;
		margin-top:0px;
		padding-top:0px;
		}
	
	#botonera ul li {
			list-style:none;
			padding-left:0px;
			margin-left:0px;
		}
	#botonera ul li a{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;		
		display:block;
		height:21px;
		width:150px;
		background-image:url(img/boton.gif);
		color:#FFF;
		text-decoration:none;
		padding-left:10px;
		padding-top:5px;
		}
	
	#botonera ul li a:hover{
			background-image:url(img/boton_hover.gif);
			font-weight:bold;
		}
	
	#botonera li.actual a{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;		
		display:block;
		height:21px;
		width:150px;
		background-image:url(img/boton_selected.gif);
		color:#FFF;
		text-decoration:none;
		padding-left:0px;
		padding-top:5px;
		text-align:right;
		padding-right:10px;
		font-weight:bold;
		}

/*******************************SECCION *************************/
#seccion{
		float:right;
		width:605px;
	}
	
	#texto{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#900;
		padding-left:15px;
		padding-right:15px;
		text-align:justify;
		height:410px;
		overflow:auto;
		width: 560px;
		}
	
	#titulo_de_texto{
		padding-top:10px;
		border-bottom:#F0EEDF solid 1px;
		margin-right:15px;
		font-family:"Times New Roman", Times, serif;
		color:#003366;
		font-weight:bold;
		text-align:right;
		padding-right:10px;
		font-size:20px;
		}
	
	#texto_error{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#900;
		padding-left:15px;
		padding-right:15px;
		text-align:center;
		}


#footer{
		clear:both;
		background-image:url(img/background_footer.png);
		behavior: url(iepngfix.htc);
		height:57px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#FFF;
		text-align:center;
		padding-left:160px;
		padding-top:10px;
	}

#footer a{
		color:#FFF;
		text-decoration:none;
		font-weight:bold;
	}

.limpiador{
		clear:both;
	}

.recuadro{
		border: #CCC solid 1px;
		margin-bottom:25px;
		width:210px;
		padding-left:20px;
		padding-right:20px;
		margin-left:auto;
		margin-right:auto;
		float:left;
		margin-right:5px;
	}

.titulo{
		font-weight:bold;
		text-decoration:underline;
	}

#seccion li{
		list-style-image:url(img/li.gif);
	}

/**************FORMULARIOS**************************/
.entrada{
	width:192px;
	height:20px;
	background-image:url(img/input.gif);
	background-repeat:no-repeat;
	border:none 0px;
	color:#FFF;
	margin-top:2px;
	padding-left:5px;
	padding-right:5px;
	font-weight:bold;
	padding-top:2px;
	}

textarea{
	width:197px;
	height:68px;
	border:none 0px;
	color:#FFF;
	background-image:url(img/textarea.gif);
	background-repeat:no-repeat;
	padding: 2px 2px 2px 2px;
	font-weight:bold;
	}

#loading{
	display:none;
	text-decoration:blink;
	}

#enviado {
	display:block;
	width:450px;
	border:#9C0 solid 1px;
	margin: 5px auto 5px auto;
	color:#333;
	padding: 5px 5px 5px 5px;
	}

#noenviado {
	display:block;
	width:450px;
	border:#F00 solid 1px;
	margin: 5px auto 5px auto;
	color:#000;
	padding: 5px 5px 5px 5px;
	}

/****************Formulario de contacto**************/
#contactForm{
	float:right;
	}

#contacto{
	margin-left:auto;
	margin-right:auto;
	width:300px;
	padding-top:30px;
	padding-bottom:30px;
	}

#contacto input{
	width:200px;
	}


/***********************Imagenes****************************/
.imagenALaDerecha{
	float:right;
	padding-left:10px;	
	}
.imagenALaIzquierda{
	float:left;
	}

/***********************Calendario*****************************/
#calendario{
	width:160px;
	color:#FFF;
	display:block;
	font-size:12px;
	margin-left:auto;
	margin-right:auto;
	}

#calendario table{
		border:1px solid #069;
	}

#calendario td {
		border:1px solid #069;
		text-align:center;
	}

.diaMes{
	background-color:#FFF;
	color:#333;
	}

#mes{
		text-align:center;
		background-color:#069;
		color:#FFF;
		font-weight:bolder;
		font-size:12px;
	}
#hoy{
	background-color:#600;
	font-weight:bold;
	}


/******************FECHA************************/
#fecha{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:11px;
	line-height:19px;
	text-align:center;
	margin-top:15px;
	}
.tictac{
	text-decoration:blink;
	}

/******************CONTADOR DE VISITAS*******/
#contadorDeVisitas{
	text-align:center;
	margin:15px auto 5px auto;
	}

#contadorDeVisitas a{
	color:#CCC;
	text-decoration:none;
	font-size:10px;
	}