/***** CSS DE ESTRUCTURA Y CONTENIDO GENERAL *****/



*{	margin: 0;	padding: 0;}

a {	outline:none;}

.sin_estilos {	visibility: hidden;}



/***** ETIQUETAS HTML *****/

body.portada {

	background-color: #F8F1E9;

	background-image: url(../images/fondo_portada.jpg);

	background-repeat: repeat-x;

}

body.general {

	background-color: #E0D5CF;

	background-image: url(../images/fondo_general.jpg);

	background-repeat: repeat-x;

}

h1 {	size: 0px;	font-size: 0px;	line-height: 0px;}

h2.destacado {	font: bold 27px Arial;	color: #555;	margin-bottom: 20px;	line-height: 30px;}

h2.general {	font: bold 25px Arial;	color: #555;	line-height: 30px;}

h3 {	font: bold 19px Arial;	color: #555;	margin: 20px 0 10px; 0;	line-height: 30px;}

h3.detalles {	font: bold 20px Arial;	color: #846A59;	margin: 0px 0 10px; 0;	line-height: 20px;}

h3.ayuda {	font: bold 16px Arial;	color: #7EA5CD;	margin: 30px 0 10px; 0;	line-height: 18px;}

h4.contacto {	font: bold 16px Arial;	color: #666;}

p.ayuda {	width: 637px; font:bold 12px Arial; color: #535353; line-height: 16px;}

p.detalles {	font: bold 13px Arial;	color: #666;	margin-top: 20px;	margin-bottom: 5px;	line-height: 17px;}

p.paso1 {	font: bold 19px Arial;	color: #A08370;	line-height: 28px;}

	p.paso1 span {		color: #666;	}

	p.paso1 span.blanco {		color: #fff;	}

	p.paso1 a {	color: #A08370;	}

	p.paso1 a:hover {	color: #666;	}

p.paso2 {	background-image: url(../images/cuadrado.jpg);	background-repeat: no-repeat;	background-position: 0px 7px;	padding-left: 15px;	font: bold 15px Arial;	color: #977864;	line-height: 21px;}

	p.paso2 a{	color: #977864;}

	p.paso2 a:hover{	color: #666;	}

p.general {	font: bold 15px Arial;	color: #977864;	margin: 13px 0 18px 0;}

	p.general a{	color: #977864;}

	p.general a:hover{	text-decoration: none;	}

p.pregunta {	font: bold 16px Arial;	color: #977864; margin: 15px 0 7px 0;}

p.consulta {	font: bold 15px Arial;	color: #747474;	margin: 30px 0 10px 0;}	

a.nerv {	float: right; display: inline;	margin-top: 35px;	text-decoration: none;	font: bold 11px Arial;	color: #A08A74;}

a.recordar {text-decoration:none; float:right; display:inline; margin-top:15px;} a.recordar:hover {text-decoration:underline; }

.azul {	color:#7DA5CD;}

.verde {	color: #72B254;}

.rojo {	color: #990000;}



/*** CAPAS DE ESTRUCTURA GENERAL ***/



#web {	width: 1000px;		min-height: 400px;	margin: auto;	}



#cabecera {	width: 1000px;	height: 40px;	position: relative;}

	.cabecera_general {	background: url(../images/cabecera_fondo_general.jpg) no-repeat;	}

	.cabecera_portada {	background: url(../images/cabecera_fondo_portada.jpg) no-repeat;	}

#cabecera a.link_logo {	  display: block;	position: absolute;	width: 150px;	height: 35px;	left: 15px;	top: 0px;}



#pagina {	float: left; display: inline;	width: 1000px;	_height: 375px;	min-height: 375px;}



.pancarta {	background-image: url(../images/portada.jpg); 	width: 1000px;	height: 375px;}

	.pancarta .baner_registro {	float: left; display: inline;	margin: 40px 0 0 626px;	width: 200px;	height: 282px;	}

	.pancarta .baner_registro ul {	margin: 24px 0 0 40px;	}

	.pancarta .baner_registro ul li {	font:13px Tahoma; color: #676767;	line-height: 13px;	margin-bottom: 7px; 	}

	.pancarta a.detalles {	font: bold 12px Arial; color: #6699CC;	margin-left:40px; }

	.pancarta a.detalles:hover {	text-decoration: none;	}

	.pancarta a.registro {	background-image: url(../images/registro.jpg);	float: left; display: inline;	margin: 15px 0 0 30px;	width: 143px;	height: 53px;	}

	.pancarta a.registro:hover {	background-position: 0px -53px;	}

	.pancarta p {	width: 160px;	font: 10px Arial; color: #757575;	text-align: center;	margin: 10px 0 0 20px; 	float: left; display: inline;	}



#pagina #colum{	float: left; display: inline;	width: 949px;	margin: 26px 0 0 25px;	padding-bottom: 20px;}

#pagina #colum_izq {	float: left; display: inline;	width: 675px;	margin: 26px 0 0 25px;	padding-bottom: 20px;}

#pagina #colum_der{	float: left; display: inline;	width: 275px;	margin: 26px 0 0 25px;	padding-bottom: 20px;}



#pie {	float: left; display: inline;	width: 100%;	height: 275px;}

	.pie_general  {	background-image: url(../images/pie_fondo_general.jpg); background-repeat: repeat-x;}

	

	#pie div.contenedor {	width: 1000px;	height: 275px;	margin: auto;	}

		#pie div.contenedor.portada {	background-image: url(../images/pie_portada.jpg); background-repeat: no-repeat;}

		#pie div.contenedor.general {	background-image: url(../images/pie_general.jpg); background-repeat: no-repeat;}



#pie ul.proximas {	float: left; display: inline;	margin: 55px 0 0 25px;	width: 225px; height: 160px;}

	#pie ul.proximas li {

		float: left; display: inline;

		list-style: none;

		font: 13px Tahoma;

		line-height: 20px;

		color: #A4A4A4;
		
		width: 225px;

	}

	#pie ul.proximas li a {	text-decoration: none;	margin-left: 5px;	color: #fff;	}

	#pie ul.proximas li a:hover {	text-decoration: underline;	}

	

#pie ul.destacadas {	float: left; display: block;	margin: 55px 0 0 25px;	width: 225px; height: 160px;}

	#pie ul.destacadas li {

		float: left; display: inline;

		width: 200px;

		list-style: none;

		font: 13px Verdana;

		line-height: 26px;

		color: #A4A4A4;

	}

	#pie ul.destacadas li img {float: left; display: inline;	border: 1px solid #BCBCBC;	margin-top: 4px;	}

	#pie ul.destacadas li a {	text-decoration: none;	margin-left: 9px;	color: #fff;	}

	#pie ul.destacadas li a:hover {	text-decoration: underline;}



#pie ul.populares {	float: left; display: inline;	margin: 55px 0 0 25px;	width: 225px; height: 160px;}

	#pie ul.populares li {

		float: left; display: inline;

		width: 200px;

		list-style: none;

		font: 13px Tahoma;

		line-height: 20px;

		color: #A4A4A4;

	}

	#pie ul.populares li div.comentarios {	text-align: right;	}

	#pie ul.populares li a {float: left; display: inline;	text-decoration: none;	width: 130px;	color: #fff;}

	#pie ul.populares li a:hover {text-decoration: underline;}	



#pie ul.temas {	float: left; display: block;	margin: 50px 0 0 25px;	width: 225px; height: 160px;}

	#pie ul.temas li {

		float: left; display: inline;

		width: 200px;

		list-style: none;

		font: 13px Tahoma;

		line-height: 28px;

		color: #FFF;

	}

	#pie ul.temas li img {	float: left; display: inline;	border: 1px solid #BCBCBC;	margin: 9px 11px 0 0;}

	#pie ul.temas li div.temas_cont {	float: left; display: inline;	width: 90px;	height: 13px;	margin-top: -5px;	line-height: 13px; color: #A4A4A4;	}

	

/* Cajas */

.caja1 {

	background-color: #FFF;

	width: 637px;

	_height: 43px;

	margin-top: 8px;

	min-height: 53px;

	border: 1px solid #BEAB9E;

	padding: 8px 15px 12px 18px;

}

	.caja1 .meta {font: bold 16px Arial; height: 20px;}

	.caja1 .meta p.encabezado { color: #999; float: left; display: inline;}

	.caja1 .meta p.encabezado span {color: #977864;}

	.caja1 .meta a { font-size: 14px; color: #990000; text-decoration: none; float: right; display: inline;}

	.caja1 p.text { width: 637px; margin-top: 10px; font: 12px Arial; color: #666; line-height: 16px;}

	

.caja2 {

	background-image: url(../images/caja2_fondo.jpg);

	width: 275px;

	height: 167px;

	position: relative;

}

	.caja2 div.barra { 

		position: absolute;

		top: 56px;

		left: 25px;

		height: 9px;

		line-height: 0px;

		font-size: 0px;

		background-color: #5A9B42;

	}

	.dia14 { width:15px;}	.dia13 { width:30px;}	.dia12 { width:45px;}	.dia11 { width:60px;}	.dia10 { width:75px;}	.dia9 { width:90px;}

	.dia8 { width:105px;}	.dia7 { width:120px;}	.dia6 { width:135px;}	.dia5 { width:150px;}	.dia4 { width:165px;}	.dia3 { width:180px;}

	.dia2 { width:195px;}	.dia1 { width:210px;}	.dia0 { width:224px;}

	.caja2 p {	position: absolute; top:70px; left: 25px;	width: 226px;	font: 13px Arial; color: #FFF;	}

	.caja2 a {	position: absolute; top:118px; left: 65px;	width: 138px; height: 20px;}



.caja10 {

	background-image: url(../images/caja10_fondo.jpg);

	width: 275px;

	height: 167px;

	position: relative;

}
.caja11 {

	background-image: url(../images/caja11_fondo.jpg);
	
	margin-top: 13px;

	width: 275px;

	height: 167px;

	position: relative;

}
.caja12 {
	background-image: url(../images/baner_san_valentin.jpg);
	margin-bottom: 13px;
	width: 275px;
	height: 167px;
	position: relative;
}


	.caja10 p, .caja11 p {	position: absolute; top:50px; left: 25px;	width: 226px;	font: 13px Arial; color: #FFF;	}

	

.caja3 {

	background-image: url(../images/caja3_fondo.jpg);

	margin-top: 13px;

	width: 275px;

	height: 257px;

	position: relative;

}

	.caja3 ul {	position: absolute; top: 50px; left:30px;	width: 224px;	}

	.caja3 ul li {

		background-image: url(../images/lista_tareas_fondo.jpg); background-repeat: no-repeat;

		font: bold 13px Arial;

		color: #676767;

		padding-left: 25px;

		background-position: 0px 2px;

		line-height: 19px;

		margin-top: 1px;

	}

	.caja3 ul li.completado {	background-image: url(../images/lista_tareas_fondo_hecho.jpg); background-repeat: no-repeat;	color: #d6d6d6;	}

	.caja3 ul li a{ color: #676767;}

	.caja3 ul li.completado a { color: #d6d6d6;}

	.caja3 ul li a:hover { text-decoration: none; }



.caja4 {

	background-image: url(../images/caja4_fondo.jpg);

	margin-top: 13px;

	width: 275px;

	height: 82px;

	position: relative;

	cursor: pointer;

}



.caja5 {	background-image: url(../images/baner_administrador.jpg);	margin-top: 35px;	width: 675px;	height: 178px;}

	.caja5 p {

		float: left; display: inline;

		margin: 60px 0 0 25px;

		width: 427px;

		font: 13px Arial; color: #666;

		line-height: 17px;

	}

	.caja5 a {

		background-image: url(../images/boton_empezar.jpg);

		background-color: #FFF;

		width: 106px;	height: 29px;

		float: left; display: inline; clear: left;

		margin: 15px 0 0 20px;

		border: none;

		cursor: pointer;

	}

	

.caja6 {	background-color: #E9E2DD;	padding: 17px 25px 17px 25px;	float: left; display: inline;}



.caja7 {

	background-image: url(../images/caja7_fondo.jpg);	

	margin-top: 35px;	

	width: 642px;	

	height: 141px;

	padding: 18px 15px 12px 18px;

}

	.caja7 p.text {font: bold 12px Arial;	color: #8D8D8D;	margin: 13px 0 0px 0; line-height: 17px; width: 450px;	}



.caja8 {

	background-color: #F6F2F1;

	width: 640px;

	_height: 33px;

	margin-top: 8px;

	min-height: 33px;

	border: 1px solid #EBE3E0;

	padding: 18px 15px 12px 18px;

}

.caja8 p.text {	font: bold 12px Arial;	color: #8D8D8D;	margin: 13px 0 18px 0; line-height: 17px;	}

.caja8 table td {padding-left:20px;	font: bold 12px Arial;	color: #8D8D8D;	margin: 13px 0 18px 0; line-height: 17px;	}



.caja9 {	background-image: url(../images/caja9_fondo.jpg);	width: 275px;	height: 155px;	padding: 42px 0 0 0; 	position: relative;}

	.caja9 p { float: left; display: inline; margin: 13px 0 0 24px; width: 226px;	font: 13px Arial; color: #FFF; line-height: 15px;}

	.caja9 a {	position: absolute; top:146px; left: 25px;	width: 225px; height: 20px;}

	

p.tipo_pago {	font: bold 16px Arial;	color: #666;	margin: 0 0 18px 0;}

	

/*Formularios*/

textarea {	font: 13px Arial;	color: #666;	overflow: auto;}

input.texto {	font: 12px Arial;	color: #666;	background-color: #FFF;	width: 338px;	border: 1px solid #BEAB9E;	padding: 8px 18px 8px 18px;}

input.enviar, input.insertar, input.modificar, input.continuar {

	background-color: #C2AC9A;

	width: 83px;	height: 20px;

	float: right; display: inline;

	margin-top: 10px;

	border: none;

	cursor: pointer;

}

input.enviar { background-image: url(../images/boton_enviar.jpg); }

input.insertar { background-image: url(../images/boton_insertar.jpg); }

input.modificar { background-image: url(../images/boton_modificar.jpg);	width: 108px; }

input.continuar { background-image: url(../images/boton_continuar.jpg);	float: left; display: inline; width: 108px;} 

.aviso a { color: #DA549D;}