﻿/* ELEMENTOS COMUNES */
/* ------------------------------------ */

#fondo
{	
	margin-left: auto; margin-right: auto;
	z-index: 0;
	width: 1003px;	
	background-image: url(Fondo.jpg);
	background-repeat: no-repeat;
}

#contenedor
{
	position: relative;
	margin-left: auto; margin-right: auto;
	width: 950px;	
}

#cabecera
{
    position: relative;
    width: 950px;
    z-index: 1;
}

#fondoBlanco { position: relative; top: -5px; background-color: #FFFFFF; } 

#contenido { position: relative; top: 5px;  }

#pie { position: relative; }

.contenidoColumnaDerecha { position: absolute; top: 0px; right: 32px; }



/* ELEMENTOS HOME PRINCIPAL */
/* ------------------------------------ */

.contenidoInteriorInicio { position: relative; height: 988px; margin: 0px 0px 30px 38px; }

.controlProyectosInicio { position: absolute; top: 0px; left: 0px; }

.controlDestacadoCentralInicio { position: absolute; top: 10px; left: 320px; }

.controlAgendaInicio { position: absolute; top: 610px; left: 0px; }

.controlVideoInicio { position: absolute; top: 610px; left: 470px; }

/* ELEMENTOS INTERIORES */
/* ------------------------------------ */

/* INTERIOR - Dónde Estamos */

.contenidoInteriorDondeEstamos { margin: 0px 0px 30px 38px; }

/* INTERIOR - Quienes Somos */

.tituloContenidoInteriorQuienesSomos { position: relative; left: -15px; }

.contenidoInteriorQuienesSomos { margin: 0px 0px 30px 50px; }

.textosInteriorQuienesSomos { position: relative; }

.textosInteriorQuienesSomos p { width: 270px; }

.contenidoFlotanteQuienesSomos { position: absolute; top: 0px; left: 303px; }

.textoFinalQuienesSomos p { width: 574px; }

.iconoCruzQuienesSomos { margin-left: 10px; margin-right: 5px; }

/* INTERIOR - Profesores */

.contenidoInteriorProfesores { position: relative; margin: 0px 0px 30px 42px }

.textoTituloInteriorProfesores { position: absolute; top: 8px; left: 15px; font-size: 12px; color: #FFFFFF; }

.barraTituloInteriorProfesores { margin-bottom: 30px; }

/* INTERIOR - Listado de Profesores */

.panelParejaListadoProfesores { position: relative; left: 30px; width: 570px; margin-bottom: 35px; }

.panelParejaListadoProfesores p { line-height: 17px; color: #A0A0A0; text-indent: 10px; }

.panelFlotanteParejaListadoProfesores { position: absolute; top: 0px; left: 300px; }

.panelFlotanteParejaListadoProfesores p { margin-bottom: 0px; }

.imagenProfesorListadoProfesores { margin-bottom: 8px; }

.iconoMencionProfesorListadoProfesores { margin-right: 8px; }

/* INTERIOR - Agenda */

.contenidoInteriorAgenda { position: relative; margin: 0px 0px 30px 38px; color: #9F9F9F; }

.tituloPanelAgendaInteriorAgenda { margin-bottom: 30px; }

.contenidoInteriorAgenda ul { margin-left: 12px; }

.contenidoInteriorAgenda p { width: 591px; }

.elementoTituloPanelAgendaInteriorAgenda { position: relative; width: 590px; height: 21px; 
										   border-bottom : solid 1px #D3D3D3; margin-bottom: 5px; }

.enlaceTituloPanelAgendaInteriorAgenda { font-family: Times New Roman, arial, sans-serif; 
											 color: #E5B201; font-size: 20px; line-height: 20px; }

.elementoTituloPanelAgendaInteriorAgenda h2 { position: absolute; bottom: 2px; right: 0px; color: #222222; font-size: 10px; }

.panelPaginacionInteriorAgenda { margin-left: 12px; }

/* INTERIOR - Contacto */

.contenidoInteriorContacto { position: relative; margin: 0px 0px 0px 38px; }

.tituloInteriorContacto { margin-bottom: 30px; }

.panelFormulario { width: 595px; color: #000000; }

.panelFormulario ul { margin-left: 20px;  margin-bottom: 20px; }

.panelFormulario li { margin-bottom: 2px; }

.panelCeldaFormulario { position: relative; top: 5px; width: 100%; }

.botonEnviarFormulario { position: absolute; top: 0px; right: 0px; }

/* INTERIOR - Proyectos */

.contenidoInteriorProyectos { position: relative; margin: 0px 0px 30px 38px; color: #9F9F9F; }

.tituloPanelInteriorProyectos { margin-bottom: 30px; }

.panelPaginacionInteriorProyectos { margin-left: 12px; }

.panelParejaListadoProyectos { position: relative; left: 0px; width: 615px; margin-bottom: 35px; }

.panelFlotanteParejaListadoProyectos { position: absolute; top: 0px; left: 320px; }

.elementoPanelElementoListadoProyectos { width: 300px; height: 315px; margin-bottom: 5px; }

.elementoPanelElementoListadoProyectos a { font-family: Times New Roman, arial, sans-serif; color : #000000; font-size: 20px; }
   
.tituloElementoListadoProyectos { position: absolute; top: 225px; left: 0px; }

.contenidoElementoListadoProyectos { position: absolute; top: 248px; left: 0px; width: 295px; text-align: justify; }

.botonElementoListadoProyectos { position: absolute; bottom: 0px; left: 225px; }

/* INTERIOR - Proyecto (Ficha) */

.contenidoInteriorProyecto { position: relative; margin: 0px 0px 30px 38px; }

.tituloPanelInteriorProyecto { margin-bottom: 30px; }

.tituloInteriorProyecto { font-family: Times New Roman, arial, sans-serif; color : #000000; font-size: 26px; }

.contenidoTextoInteriorProyecto { margin-left: 4px; width: 585px; }

.contenidoTextoInteriorProyecto p { width: 585px; }

/* INTERIOR - Estudios */

.contenidoInteriorEstudios { position: relative; margin: 0px 0px 30px 38px; color: #9F9F9F; }

.tituloPanelInteriorEstudios { margin-bottom: 30px; }

.contenidoInteriorEstudios table { position: relative; margin-left: 12px; width: 589px;  margin-bottom: 15px; }

.contenidoInteriorEstudios td {  height: 19px; } 

.contenidoInteriorEstudios tr { height: 19px;  }

.contenidoInteriorEstudios table h1 { font-family: Times New Roman, arial, sans-serif; 
								   color: #E5B201; font-size: 20px; margin-bottom: 10px; }

.panelAmarilloListadoEstudios { background-color: #E9C57B; }

.panelAmarilloListadoEstudios a, .panelBlancoListadoEstudios a { position: relative; top: 0px; left: 8px; font-weight: bold; }

.panelAmarilloListadoEstudios a { color: #FFFFFF; }

.panelBlancoListadoEstudios a { color: #000000; font-weight: bold; }

/* INTERIOR - Estudios - Interior Estudio */

.contenidoInteriorEstudio { position: relative; margin: 0px 0px 30px 38px; }

.tituloPanelInteriorEstudio { margin-bottom: 30px; }

.menuInteriorEstudio { position: relative; margin-left: 12px; margin-bottom: 15px; }

.menu_2_InteriorEstudio { position: absolute; left: 131px;  }
.menu_3_InteriorEstudio { position: absolute; left: 250px;  }
.menu_4_InteriorEstudio { position: absolute; left: 397px;  }

.tituloCursoInteriorEstudio { font-family: Times New Roman, arial, sans-serif; 
							  color: #E5B201; font-size: 20px; margin: 0px 0px 20px 20px; }

.contenidoTextoInteriorEstudio { position: relative; width: 575px; margin-left: 20px; }

.contenidoTextoInteriorEstudio h1 { font-size: 11px; color: #E1B14D; font-weight: bold; }

.contenidoTextoInteriorEstudio h2 { font-size: 11px; color: #010101; font-weight: normal; }

.contenidoTextoInteriorEstudio h3 { font-size: 11px; color: #E1B14D; font-weight: normal; }

.contenidoTextoInteriorEstudio h4 { font-size: 11px; color: #010101; font-weight: bold; }

.contenidoTextoInteriorEstudio p { margin-bottom: 15px; }

.contenidoTextoInteriorEstudio ul p { margin-bottom: 0px;  }

.contenidoTextoInteriorEstudio strong { font-weight: bold; }

.contenidoTextoInteriorEstudio table { width: 555px; margin-left: 20px; }

.contenidoTextoInteriorEstudio td { text-align: center; height: 20px;  }

.panelColumnaIzquierdaProgramaInteriorEstudio { width: 270px; }

.panelColumnaIzquierdaProgramaInteriorEstudio p { text-align: left; } 

.panelColumnaDerechaProgramaInteriorEstudio { position: absolute; top: 0px; left: 290px; width: 270px; }

.panelColumnaDerechaProgramaInteriorEstudio p { text-align: left;}

.titulosTablaInteriorEstudios { background-color: #DFAC43; color: #FFFFFF; }

/* INTERIOR - Error 404 */

.imagenFondoInteriorError { margin-left: 60px; }

/* INTERIOR - Aviso Legal */

.contenidoInteriorPrivacidad { position: relative; margin: 0px 0px 30px 102px; color: #9F9F9F; }

.tituloInteriorAvisoLegal{ margin-bottom: 30px; }

.contenidoInteriorPrivacidad p { margin-left: 20px; width: 706px; }

/* INTERIOR - Instalaciones */

.contenidoInteriorInstalaciones { position: relative; margin: 0px 0px 30px 38px; color: #9F9F9F; }

.tituloPanelInteriorInstalaciones { margin-bottom: 30px; }

/* INTERIOR - Shop */

.contenidoInteriorShop { position: relative; margin: 0px 0px 30px 38px; color: #9F9F9F; }

.tituloPanelInteriorShop { margin-bottom: 30px; }

.elementoPanelElementoListadoProductos { position: relative; width: 605px; height: 205px; }

.imagenElementoListadoProductos { position: relative; left: 30px; }

.tituloElementoListadoProductos { position: absolute; top: 8px; left: 218px; 
                                  font-family: Times New Roman, arial, sans-serif; 
                                  color : #000000; font-size: 20px; }

.precioElementoListadoProductos { position: absolute; top: 135px; left: 218px; 
                                  font-family: Times New Roman, arial, sans-serif; 
                                  color : #E5B201; font-size: 36px; line-height: 36px; }

.notaPrecioElementoListadoProductos { position: absolute; top: 172px; left: 218px; font-size: 9px;  }

.contenidoElementoListadoProductos  { position: absolute; top: 40px; left: 221px; }

.contenidoElementoListadoProductos p { width: 350px; }

.botonElementoListadoProductos { position: absolute; bottom: 15px; right: 20px; }

.imagenSeparadorListadoProductos { margin-bottom: 15px; }

.panelPaginacionInteriorProductos { margin-left: 12px; }