body {

	position:relative;

	background-color: #000000;

	margin: 0px;

	padding: 0px;

	overflow: hidden;

}

#Contenedor {

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

	background-repeat: repeat-x;

	height: 560px;

	width: 800px;

	background-color: #F7EBD1;

	margin: auto;

	position: relative;

	overflow:hidden;

}

img{

	border:0px;

}

/*------------------------------------------

  ENCABEZADO

--------------------------------------------*/

#Header {

	position: relative;

}

	#Header h1 {

	height: 90px;

	width: 169px;

	margin-left: 20px;

	float: left;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	/*position: absolute;

	left: 0px;

	top: 0px;*/

	padding: 0px;

	}

	#Header h2 {

	height: 90px;

	width: 437px;

	text-indent: -9999px;

	margin-left: 260px;

	padding: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	}

	#Header h2.metodologia {

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

		background-repeat: no-repeat;

		height: 90px;

		width: 437px;

		text-indent: -9999px;

		margin-left: 260px;

		padding: 0px;

		margin-top: 0px;

		margin-right: 0px;

		margin-bottom: 0px;

	}









/*------------------------------------------

  CONTENIDO

--------------------------------------------*/

#Contenido {

	width: 800px;

	overflow: hidden;

}

#divsMoviles {

	width: 3210px;

	height: 550px;

}



	.franjaMedia {

		height: 50px;

		width: 100%;

		margin: 0px;

		padding: 0px;

		clear: both;

	}

	/*---------------------------------------------------------------

	utilidades: links, columnas

  -----------------------------------------------------------------*/

	a.anterior {

		background-image: url(../images/flechaizquierda6.png);

		background-repeat: no-repeat;

		background-position: 0px 0px;

		height: 50px;

		width: 34px;

		text-indent: -9999px;

		margin: 0px;

		padding: 0px;

		display: block;

		float: left;

	}

	a.anterior:hover {

		background-image: url(../images/flechaizquierdaOver.png);

		height: 50px;

		width: 34px;

		background-repeat: no-repeat;

		background-position: 0px 0px;

		text-indent: -9999px;

		margin: 0px;

		padding: 0px;

		display: block;

		float: left;

	}

	

	a.siguiente {

		background-image: url(../images/flechaderecha6.png);

		height: 50px;

		width: 34px;

		background-repeat: no-repeat;

		background-position: 0px 0px;

		text-indent: -9999px;

		margin: 0px;

		padding: 0px;

		display: block;

		float: right;

	}

	a.siguiente:hover {

		background-image: url(../images/flechaderechaOver.png);

		height: 50px;

		width: 34px;

		background-repeat: no-repeat;

		background-position: 0px 0px;

		text-indent: -9999px;

		margin: 0px;

		padding: 0px;

		display: block;

		float: right;

	}

	.menu {

	list-style-type: none;

	padding: 0px;

	margin-top: 35px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 41px;

	clear: right;

	display: block;

	}

	.selecciones {

		float: left;

		height: 148px;

		width: 20px;

		margin-top: 35px;

		margin-left: 20px;

	}

	.selecciones span {

		display: block;

		margin: 0px;

		padding: 0px;

		height: 36px;

		width: 20px;

	}

	.selecciones  span.selected {

		background-image: url(../images/iconoseleccionado.gif);

		background-repeat: no-repeat;

		display: block;

		margin: 0px;

		padding: 0px;

		height: 36px;

		width: 20px;

		background-position: -4px;

	}

a.creacion  {

		background-image: url(../images/btnintcreacion.gif);

		display: block;

		height: 36px;

		width: 138px;

		text-indent: -9999px;

		background-repeat: no-repeat;

		}

a.descripcion {

		background-image: url(../images/btnintdescripcion.gif);

		display: block;

		height: 36px;

		width: 138px;

		text-indent: -9999px;

		background-repeat: no-repeat;

		}

a.estadisticas {

	background-image: url(../images/btnintloquedicen.gif);

	display: block;

	height: 36px;

	width: 138px;

	text-indent: -9999px;

	background-repeat: no-repeat;

}



	a.demostracion {

		background-image: url(../images/btnintdemostracion.gif);

		display: block;

		height: 36px;

		width: 138px;

		text-indent: -9999px;

		background-repeat: no-repeat;

		}

	.contenidoizquierdo {

		width: 260px;

		float: left;

	}

	.contenidoderecho {

	float: right;

	width: 475px;

	border-left-width: 2px;

	border-left-style: dotted;

	border-left-color: #e0d4b6;

	padding-left:20px;

	padding-top: 0px;

	padding-bottom: 0px;

	margin-top: 5px;

	margin-bottom: 5px;

	margin-right: 10px;

	padding-right: 25px;

	height: 410px;

	overflow: auto;

	}

h4      {

	display: block;

	height: 25px;

	background-position: 0px 1px;

	text-indent: -9999px;

	padding: 0px;

	margin-top: 15px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

	border-bottom-width: thin;

	border-bottom-style: inset;

}



#creacion/*---------------------------------------------------------------

	tab de porquesecreo

  -----------------------------------------------------------------*/		

		 {

	height: 550px;

	width: 800px;

	float: left;

	}

#creacion  h3  {

	background-image: url(../images/titulocreacion.png);

	background-repeat: no-repeat;

	height: 50px;

	width: 250px;

	padding: 0px;

	text-indent: -9999px;

	background-position: 0px 10px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 260px;

		}

#creacion  p {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	color: #333333;

	line-height: 22px;

	margin-top: 15px;

	margin-right: 0px;

	margin-bottom: 5px;

	margin-left: 0px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 10px;

}

#creacion p.pregunta {

	font-family: "Trebuchet MS", sans-serif;

	font-size: 15px;

	color: #714400;

	padding: 6px;

	line-height: 24px;

	margin-bottom: 15px;

	background-color: #F1DBAD;

}





#descripcion/*---------------------------------------------------------------

	tab de comofunciona

  -----------------------------------------------------------------*/	

	 {

	height: 550px;

	width: 800px;

	float: left;

	}

#descripcion   h3  {

	background-image: url(../images/titulodescripcion.png);

	background-repeat: no-repeat;

	height: 50px;

	width: 250px;

	padding: 0px;

	text-indent: -9999px;

	background-position: 0px 15px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 260px;

		}

#descripcion  p {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	color: #666666;

	line-height: 20px;

	padding: 0px;

	margin-top: 3px;

	margin-right: 0px;

	margin-bottom: 5px;

	margin-left: 0px;

}

.comofunciona {

	background-image: url(../images/subticomofunciona.gif);

	background-repeat: no-repeat;

}

.autoestudio {

	background-image: url(../images/subtiautoestudio.gif);

	background-repeat: no-repeat;

}

.papelestudiante {

	background-image: url(../images/subtipapelestudiante.gif);

	background-repeat: no-repeat;

}

.opcionesestudio {

	background-image: url(../images/subtiopcionesestudiar.gif);

	background-repeat: no-repeat;

}



.active {

	background-color: #E8DCBF;

}





#estadisticas {

	height: 550px;

	width: 800px;

	float: left;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	line-height: 20px;

	color: #666666;

}

#estadisticas h3 {

	background-image: url(../images/tituloestadisticas.png);

	background-repeat: no-repeat;

	height: 50px;

	width: 250px;

	padding: 0px;

	text-indent: -9999px;

	background-position: 0px 10px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 260px;

}

#estadisticas p {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	color: #666666;

	line-height: 20px;

	padding: 0px;

	margin-top: 3px;

	margin-right: 0px;

	margin-bottom: 5px;

	margin-left: 0px;

}

.funciona {

	background-image: url(../images/subtisifunciona.gif);

	background-repeat: no-repeat;

}

.testimonios {

	background-image: url(../images/subtitestimonios.gif);

	background-repeat: no-repeat;

}



tr {

	margin-top: 1px;

	font-family: Arial, Helvetica, sans-serif;

	color: #333333;

	font-size: 12px;

}

td {

	background-color: #F3E3BE;

	padding-top: 3px;

	padding-right: 3px;

	padding-bottom: 3px;

	padding-left: 3px;

	margin: 3px;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #857246;

}

dl {

	padding: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

}

dt {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 13px;

	color: #625433;

	font-weight: bold;

	margin-top: 8px;

	cursor: pointer;

}

.datosAlumno {

	font-size: 11px;

	font-weight: normal;

	color: #948259;

	padding: 0px;

	display: block;

	margin-top: -5px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

}



.cursosAlumno {

	font-size: 11px;

	font-weight: normal;

	color: #948259;

	padding: 0px;

	margin-top: -5px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

}

dd {

	background-color: #F3E3BE;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 13px;

	color: #857246;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 15px;

	padding-top: 8px;

	padding-right: 8px;

	padding-bottom: 5px;

	padding-left: 8px;

}



















/*---------------------------------------------------------------

	tab de demostracion

  -----------------------------------------------------------------*/		

	#demostracion {

	height: 550px;

	width: 800px;

	float: left;

	}



		#demostracion h3  {

	background-image: url(../images/titulodemostracion.png);

	background-repeat: no-repeat;

	height: 50px;

	width: 250px;

	padding: 0px;

	text-indent: -9999px;

	background-position: 0px 10px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 260px;

		}

#demostracion p {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	color: #666666;

	line-height: 20px;

	padding: 0px;

	margin-top: 3px;

	margin-right: 0px;

	margin-bottom: 5px;

	margin-left: 0px;

}

.sitios {

	background-image: url(../images/subtisitios.gif);

	background-repeat: no-repeat;

}

#demostracion  .piedefoto {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #666666;

	display: none;

	width: 260px;

	text-align: center;

	padding: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

	text-decoration: none;

}

.demoenvivo {
	background-image: url(../images/subtidemostracion.gif);
	background-repeat: no-repeat;
}