/* Hoja de estilo correspondiente a la web de Carmen de la Rosa */
/* Para medios continuos (pantallas, etc...) */

body {
  font-family: "Verdana", sans-serif;
	font-size: 10pt;
	background-color: #FFF;
	color: #111;

	overflow: auto;
}

/* Propiedades generales de los párrafos */
/* No es necesario, pero tener presente por si quiero modificar algo concreto */
ul li { text-indent: 25px; 
	font-size: 10pt; }

.capa_invisible {
	visibility: hidden;
}
.justificado { 
	text-align: justify; 
}
.acotacion {
	font-size: 9pt;
	font-style: italic;
	text-align: right; 
}
.fechas_curso {   /* Los años de los cursos de formación */
	font-style: italic;
	color: #AAA;
}
.tipo_clases {   /* Los tipos de clases que imparte */
	font-weight:bold;
	color: #FF2244;
}

.tabla_colorines {
	position: absolute;
	left: 0px;
	bottom: 10px;
	display: inline;
}

/* Definiciones específicas de las cajas */
.caja_principal {
	/* border: 1px solid #FACFAC; /* Probando */
	position: absolute;
	height: 98%;
	width: 98%;
	top: 0px;
}

.caja_indice {
	/* border: 1px solid #FACFAC; /* Probando */
	text-align: left;

	position: absolute;
	width: 25%;
	left: 0px;
	top: 0px;
}

.piedepagina {
	text-align: left;
	font-size: 16pt;

	position: absolute;
	width: 250px;
	left: 0px;
	bottom: 0px;
}

.caja_central {
	/* border: 1px solid #FACFAC; /* Probando */
	text-align: justify;

	background-color: #FFF;
	color: #111;

	position: absolute;
	top: 0px;
	height: 95%;
	left: 25%; /* La anchura del Indice de Zapatitos */
	width: 70%; /* El resto hasta el 100% dejando un margen... */

	overflow:auto;
}
.titulocapatxt {
	position: absolute; 
	color: #FF2244;
	font-size: 18pt; 
	margin-top: 5px;
	margin-bottom: 5px;
}

.caja_texto_central {
	/* border: 1px solid #FACFAC; /* Probando */
	text-align: justify;

	padding: 20px;

	position: absolute;
	top: 50px;
	right: 0px;
	height: 75%;
	width: 80%;

	overflow:auto;
	scrollbar-base-color:       #FF2244;
	scrollbar-face-color:       #FF2244;
	scrollbar-arrow-color:      #ffffff; 
	scrollbar-shadow-color:     #bb0000; 
	scrollbar-track-color:      #000000; 
	scrollbar-highlight-color:  #FF2244; 
	scrollbar-darkshadow-Color: #000000;
}

/* Como colocar las fotos en la página dedicada a ello. */
.caja_foto {
	text-align: center; 

	position: absolute;
	right: 5%;	
	width: 90%; /* De este modo están centradas */
	height: 90%; /* De este modo están centradas */
	top: 5%;
}

/* Formateo de los horarios de los cursos */
.horariotaller {
	background: #fafafa;
	color: #000;
	margin-top: 0px;
	border: 2px solid #f00;
	padding: 10px;
	width: 90%;
}
.horariotaller tr td {
	font-size: 10pt;
	border: 1px solid #AA78B3;
}


.img_zapato {
	visibility: hidden;
	position: relative; 
	margin: 5px; 
	border: 0px;
}

.img_icono {
	height: 20px;
	border: 0px;
	cursor: pointer;
}

.icono_foto {
	position: relative; 
	margin: 5px; 
	width: 80px;
	cursor: pointer;
}
.icono_color {
	position: relative; 
	margin: 5px; 
	width: 20px;
	cursor: pointer;
}

.contacto {
	float: right; 
	height: 350px;
}

.sub_indice { 
	font-size: 9pt;
	line-height: 1.1em;
}

.sub_indice li {
	font-size: 9pt;
	color: #00f;
}

/* Propiedades de los links */
:link    {text-decoration:none; color:#FF9999; font-weight:bold}
:visited {text-decoration:none; color:#FF9999; font-weight:bold}
:active  {text-decoration:none; color:#007803; font-weight:bold}
:hover   {text-decoration:none; color:#AABB22; font-weight:bold}

/* Links de distintos tipos */
.item_indice { font-weight:bold}
A.item_indice:link    {text-decoration:none; color:#ffffff; }
A.item_indice:visited {text-decoration:none; color:#ffffff; }
A.item_indice:active  {text-decoration:none; color:#777777; }
A.item_indice:hover   {text-decoration:none; color:#999999; }

.favoritos { font-weight:bold}
A.favoritos:link    {text-decoration:none; color:#FF2244; }
A.favoritos:visited {text-decoration:none; color:#FF2244; }
A.favoritos:active  {text-decoration:none; color:#007803; }
A.favoritos:hover   {text-decoration:none; color:#FF9999; }

.piedepagina { font-weight:bold}
A.piedepagina:link    {text-decoration:none; color:#FF2244; }
A.piedepagina:visited {text-decoration:none; color:#FF2244; }
A.piedepagina:active  {text-decoration:none; color:#777777; }
A.piedepagina:hover   {text-decoration:none; color:#FF9999; }