body {

	background-color: #f9f2e0;

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

	background-repeat: repeat-x;

	margin: 0px;

	padding: 0px;

	font-size: 14px;

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

}

#Contenedor {

	display: table;

	height: 100%;

	width: 100%;

	padding: 0px;

	margin: 0px;

}



/*-ENCABEZADO---------------------------------------------------*/

	#Header {

	height: 107px;

	width: 900px;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

	overflow: hidden;

	clear: both;

	}

		#Header #logo {

			float: left;

		}

			#Header #logo h1 {

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

	text-indent: -9999px;

	height: 73px;

	width: 202px;

	margin-top: 5px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 23px;

	background-repeat: no-repeat;

			}

			#Header #logo h5 {

				height: 15px;

				width: 405px;

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

				background-repeat: no-repeat;

				text-indent: -9999px;

				padding: 0px;

				margin-top: 8px;

				margin-right: 0px;

				margin-bottom: 0px;

				margin-left: 28px;

			}

		#Header #menu {

			color: #FFFF00;

			list-style-type: none;

			margin: 0px;

			float: right;

		}

			#Header #menu a:link,#Header #menu a:visited {

				font-family: Impact, "Arial Narrow", sans-serif;

				color: #FFFFFF;

				text-decoration: none;

				font-size: 18px;

				letter-spacing: 0.2px;

			}

			#Header #menu a:hover,#Header #menu a:active {

				font-family: Impact, "Arial Narrow", sans-serif;

				color: #FFCC99;

				text-decoration: none;

				font-size: 18px;

				letter-spacing: 0.2px;

			}

			

			#Header #menu li {

				display: block;

				float: left;

				height: 25px;

				margin-left: 5px;

				margin-right: 5px;

				padding-right: 5px;

				padding-left: 5px;

				margin-top: 81px;

				font-family: Impact, sans-serif;

				color: #FFFFFF;

				font-weight: lighter;

			}





/*-FRANJA MEDIA---------------------------------------------------*/	

	#FranjaMedia {

	height: 200px;

	width: 900px;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

	overflow: hidden;

	clear: both;

	position: relative;

			

	}

		#FranjaMedia h2 {

			margin: 0px;

			padding: 0px;

			color: #FFFFCC;

		}

		#FranjaMedia > div{

			margin: 0px;

			height: 200px;

			position: relative;

		}

		

		/*NOSOTROS----------------------------------------------*/		

		#FranjaMedia #nosotros {

			position: relative;

		}

			#FranjaMedia #nosotros h2 {

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

	background-repeat: no-repeat;

	text-indent: -9999px;

	padding: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: -10px;

	margin-left: 0px;

	height: 46px;

	width: 204px;

			}

#FranjaMedia  #nosotros  #fotos {

	position: absolute;

	left: 700px;

	height: 200px;

	width: 200px;

	top: 0px;				

				

			}

#Contenedor #FranjaMedia #nosotros #fotos ul {

	list-style-type: none;

	margin:0;

	padding:0;

	margin-top:20px;

}



			#FranjaMedia #nosotros .texto     {

				width: 680px;

				height: 120px;

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

				background-repeat: no-repeat;

				text-indent: -9999px;

				background-position: 0px 0px;

				position: absolute;

				top: 45px;

			}

			#FranjaMedia #nosotros a {

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

				height: 33px;

				width: 84px;

				position: absolute;

				left: 600px;

				top: 167px;

				text-indent: -9999px;

				cursor:pointer;

			}

			.texto  .grande {

				font-size: 24px;

				color: #fef4e1;

				margin: 0px;

				padding: 0px;

			}

			.texto  .pequeno {

				font-size: 18px;

				color: #fcdfa8;

				margin: 0px;

				padding: 0px;

			}

			

		/*METODOLOGIA----------------------------------------------*/		

		#FranjaMedia #metodologia {

			position: relative;

		}

			#FranjaMedia #metodologia h2 {

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

	background-repeat: no-repeat;

	text-indent: -9999px;

	padding: 0px;

	height: 46px;

	width: 273px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: -10px;

	margin-left: 0px;

	clear: both;

			}

			#FranjaMedia #metodologia img {

	position: absolute;

	left: 700px;

	height: 180px;

	width: 180px;

	top: 0px;

	margin-top: 10px;

			}

			#FranjaMedia #metodologia .texto {

				width: 680px;

				height: 120px;

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

				background-repeat: no-repeat;

				background-position: 0px 0px;

				text-indent: -9999px;

				position: absolute;

				top: 45px;

			}

			#FranjaMedia #metodologia a {

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

				height: 33px;

				width: 84px;

				position: absolute;

				left: 600px;

				top: 167px;

				text-indent: -9999px;

				cursor:pointer;

			}

			

		/*CURSOS----------------------------------------------*/

		#FranjaMedia #cursos {

			position: relative;

		}

			#FranjaMedia #cursos h2 {

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

	background-repeat: no-repeat;

	text-indent: -9999px;

	height: 46px;

	width: 150px;

	padding: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: -10px;

	margin-left: 0px;

			}

			

			

			#FranjaMedia #cursos ul {

				margin: 0px;

				padding: 0px;

				list-style-type: none;

				position: absolute;

				height: 131px;

				width: 905px;

				top: 45px;

			}

			#FranjaMedia #cursos li {

				float: left;

				margin-top: 5px;

				margin-right: 9px;

				margin-bottom: 5px;

				margin-left: 9px;

			}

	#FranjaMedia #cursos img {

		border: none;

	}



/*-CONTENIDO---------------------------------------------------*/	

	#Contenido {

	width: 900px;

	margin-top: 15px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

	clear: both;

	}

	#Contenido #izquierdo {

	float: left;

	width: 610px;

	padding: 0px;

	margin: 0px;

	}

	#Contenido #izquierdo h2 {

		margin: 0px;

		padding: 0px;

		color: #543e0b;

	}

	#Contenido #izquierdo h3 {

		margin: 0px;

		padding: 0px;

		font-weight: bold;

		color: #634f20;

	}

/*#Contenido #izquierdo #publicidad {

	background-repeat: no-repeat;

	height: 375px;

	width: 610px;

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

}

#publicidad h2 {

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

	background-repeat: no-repeat;

	height: 51px;

	width: 341px;

	margin: 0px;

	padding: 0px;

	text-indent: -9999px;

}

#publicidad  p.trespasos {

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

	padding: 0px;

	height: 165px;

	width: 581px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 13px;

	text-indent: -9999px;

}

#publicidad #ranking {

	background-color: #F3E7C5;

	height: 110px;

	width: 180px;

	margin-left: 13px;

	margin-top: 5px;

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

	font-size: 11px;

	padding: 10px;

}

#publicidad #ranking h3 {

	text-decoration: underline;

	margin: 0px;

	padding: 0px;

	font-size: 13px;

}

#publicidad #ranking ul {

	margin: 0px;

	padding: 0px;

	list-style-position: inside;

	line-height: 18px;

}

#publicidad #ranking .total {

	font-size: 12px;

	padding: 3px;

	margin-top: 5px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

	background-color: #EBD598;

	font-weight: bold;

	text-align: center;

}

#publicidad .asterisco {

	font-size: 10px;

	color: #FFFFFF;

	padding: 0px;

	margin-top: 2px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 13px;

	font-weight: bold;

}*/

#Contenido #izquierdo #proximoscursos {

	margin-top: 10px;

	border-top-width: 2px;

	border-top-style: dotted;

	border-top-color: #E2D8BA;

	padding-top: 10px;

}

#proximoscursos h2 {

	margin: 0px;

	padding: 0px;

}





	

	#Contenido .experiencias {

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

	background-repeat: repeat-x;

	width: 578px;

	border: 1px solid #dadada;

	min-height: 95px;

	margin-bottom: 10px;

	position: relative;

	padding: 15px;

	}





	#Contenido #izquierdo .experiencias .ilustracion {

		background-color: #FFFFFF;

		padding: 5px;

		border: 1px solid #CCCCCC;

		float: left;

		margin-right: 9px;

		display: inline-table;

	}

	

	#Contenido #izquierdo .experiencias p {

	padding: 0px;

	color: #505050;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 5px;

	margin-left: 0px;

	}

#Contenido  .temaslink  {

	height: 18px;

	width: 100px;

	position: absolute;

	cursor:pointer;

	color: #634F20;

	text-decoration: none;

	background-color: #F9F2E0;

	font-size: 12px;

	text-align: center;

	display: block;

	float: left;

	right: 0px;

	bottom: -5px;

}

.experiencias .temas {

	clear: both;

}

#proximoscursos .experiencias ul {

	margin-top: 10px;

	margin-right: 0px;

	margin-bottom: 10px;

	margin-left: 0px;

}



	

	

	#Contenido #derecho {

	padding: 0px;

	float: right;

	width: 265px;

	margin: 0px;

	}

	#Contenido #derecho #contacto {

	background-color: #e6dcc3;

	width: 250px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 15px;

	padding-left: 15px;

	}

	#Contenido #derecho h2 {

	color: #543e0b;

	background-color: #DDCFAC;

	width: 100%;

	padding-top: 0px;

	padding-bottom: 0px;

	padding-left: 15px;

	margin-top: 0px;

	margin-right: -15px;

	margin-bottom: 0px;

	margin-left: -15px;

	}

#Contenido  #derecho  #contacto  #direccion  {

	background-color: #F3EFE4;

	padding: 10px;

	font-size: 12px;

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

	color: #AD6021;

	border: 2px dotted #DDCFAC;

	font-weight: bold;

	line-height: 16px;

	margin-right: 15px;

	margin-top: 10px;

}

#contacto #direccion img {

	display: block;

	float: right;

	border: 1px solid #999999;

}

#contacto #formulario {

	margin-top: 15px;

	border-top-width: 1px;

	border-top-style: solid;

	border-top-color: #CDBA87;

	padding-top: 10px;

	margin-right: 15px;

	width: 100%;

	position: relative;

}

#contacto form {

	margin: 0px;

	padding: 0px;

}

#contacto #formulario p {

	padding-top: 7px;

	padding-right: 0px;

	padding-bottom: 7px;

	padding-left: 0px;

	font-size: 14px;

	margin-top: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

	border-top-width: 1px;

	border-top-style: dotted;

	border-top-color: #D6C69A;

}

#contacto #formulario label {

	color: #634F20;

	display: block;

	width: 76px;

	text-align: right;

	float: left;

	padding: 0px;

	height: 25px;

	vertical-align: bottom;

	margin-top: 4px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

}

#contacto #formulario input {

	height: 22px;

	width: 154px;

	border: 1px solid #E6DCC3;

	background-color: #F9F5EE;

	margin: 0px;

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

	font-size: 14px;

	color: #594511;

	padding-top: 3px;

	padding-right: 1px;

	padding-bottom: 1px;

	padding-left: 1px;

}

#contacto #formulario .comentario {

	float: none;

	margin: 0px;

	padding: 0px;

	display: inline;

}

#contacto #formulario input.boton {

	background-color: #E2D8BA;

	text-align: center;

	display: block;

	width: 100%;

	border: 3px outset #E2D8BA;

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

	font-size: 14px;

	color: #6C5415;

	padding-top: 2px;

	padding-bottom: 15px;

	height: 28px;

}



#contacto #formulario textarea {

	height: 100px;

	width: 234px;

	background-color: #F9F5EE;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

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

	font-size: 14px;

	color: #594511;

}

#mensaje {

	font-size: 15px;

	color: #990000;

	background-color: #EBBE70;

	text-align: center;

	height: 75px;

	width: 215px;

	position: absolute;

	left: 0px;

	top: 290px;

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

	vertical-align: 50%;

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

	background-repeat: no-repeat;

	padding-top: 15px;

	padding-right: 10px;

	padding-bottom: 10px;

	padding-left: 10px;

}

#mensaje .cerrar {

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

	background-repeat: no-repeat;

	height: 30px;

	width: 235px;

	margin-top: 5px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 200px;

	text-indent: -9999px;

	display: block;

	background-position: 200px 0px;

}





#Contenedor #Pie {

	font-size: 10px;

	color: #5F3310;

	background-color: #91501A;

	clear: both;

	width: 100%;

	padding-top: 8px;

	border-top-width: 3px;

	border-top-style: inset;

	border-top-color: #66562B;

	text-align: center;

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

	line-height: 12px;

	padding-bottom: 5px;

}

.yadictandose {

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

	font-size: 11px;

	color: #CC6600;

}

#video {
	position: absolute;
	bottom: 0px;
	right: 0px;
	z-index: 15;
}