/* CSS Hoja de estilos */
/*Body es el cuerpo de la página donde configuro datos generales*/
body { font: 11px "Trebuchet MS",Arial, Helvetica, sans-serif; color: #666666;
	background: url(../images/fondo.gif) repeat-x #B78F52;	margin: 0px; padding: 0px;	text-align: center;}

/*Envoltorio lo utilizo para centrar la pagina en el navegador*/
#envoltorio 	{ margin: 0px; margin-top: 0px; padding: 0px; text-align: center;}

/*Caja son las dimensiones de la página*/
#caja			{ width: 996px; margin: auto; text-align: center;
				background: url(../images/sombra.gif) repeat-y #fff; border: 0px;}

/*Capa para poner la sombra que tiene degradado en la parte izquierda*/
#sombra_izq 	{ float: left; width: 5px; height: 330px; margin: 0px; padding: 0px;
				background: url(../images/sombra_izq.gif) no-repeat top left #666;}

/*Capa para poner la sombra que tiene degradado en la parte derecha*/
#sombra_dch 	{ float: right; width: 5px; height: 330px; margin: 0px; padding: 0px;
				background: url(../images/sombra_dch.gif) top right #666;}

/*Capa donde van todos las capas con contenido*/
#caja_int 		{ display: inline; float: left; width: 946px; margin: 0px 0px 0px 14px; padding: 0px;
				text-align: center;	background: #fff;}

/*En la cabecera es donde se muestra el logotipo de la empresa*/
#cabecera 		{ float: left; width: 948px; height: 82px; margin: 0px; padding: 0px; text-align: center;
				background: #fff;}

/*#cabecera	img	{ width: 281px; height: 93px; margin: 0px 0px -4px 20px; padding: 0px; border: none;}*//*Estilo usado si ponemos en el codigo <img>*/

#cabecera	h1	{ display: inline; float: left; width: 259px; height: 77px; margin: 0; padding: 0;}

#cabecera	h1	img{  border: none;}

#cabecera	img.tit_cab	{ display: inline; float: right; width: 404px; height: 81px; margin: 0 3px 0 0px; padding: 0px;}

#cabecera	span { display: none;}

/*En esta capa ira el menú principal*/
#menu			{ float: left; width: 956px; height: 34px; margin: 0; padding: 0px; text-align: center;}

#menu ul 		{ float: left; list-style: none; margin: 0; padding: 0px; font: bold  10px "Tahoma",Arial, Helvetica, sans-serif;}

#menu li	{ display: inline; float: left; margin: 0; padding: 0;}

#menu a.construccion_txt	{ display: inline; float: left; width: 305px; height: 34px; text-decoration: none;
							color: #ffd79a; background: url(../images/menu_curso.gif) no-repeat top left transparent;
							background-position: 0px 0px;}

#menu a.construccion_txt:hover	{ background-position: 0px -34px;}

.menu_sep1		{ display: inline; float: left; width: 2px; height: 34px;
				background: url(../images/menu_sep1.jpg) no-repeat top left transparent;}

#menu a.terminadas_txt	{ display: inline; float: left; width: 260px; height: 34px; text-decoration: none;
							color: #ffd79a; background: url(../images/menu_terminadas.gif) no-repeat top left transparent;}

#menu a.terminadas_txt:hover	{ background-position: 0px -34px;}

.menu_sep2		{ display: inline; float: left; width: 2px; height: 34px;
				background: url(../images/menu_sep2.jpg) no-repeat top left transparent;}

#menu a.conozca_txt	{ display: block; float: left; width: 223px; height: 34px; text-decoration: none;
							color: #ffd79a; background: url(../images/menu_conozca.gif) no-repeat top left transparent;}

#menu a.conozca_txt:hover	{ background-position: 0px -34px;}

#menu a.contacto_txt	{ display: inline; float: left; width: 168px; height: 34px; text-decoration: none;
							color: #ffd79a; background: url(../images/menu_contacto.gif) no-repeat top left transparent;}

#menu a.contacto_txt:hover	{ background-position: 0px -34px;}

#menu a.activo			{ background-position: 0px -68px;}

#menu a.activo:hover			{ background-position: 0px -68px;}

.oculto 		{ display: none;}

/*En esta capa ira el contenido principal*/
#cont			{ float: left; width: 956px; margin: 0; padding: 0; text-align: left;
				background: #fff;}

#cont p.ruta 		{ font: 10px "Tahoma",Arial, Helvetica, sans-serif; color: #745f40;
					margin: 3px 0 0 0; padding: 0 0 0 5px; display: inline; float: left; width: 956px; height: 15px;
					background: url(../images/img_ruta.gif) no-repeat left bottom transparent;}

#cont p.ruta a		{ text-decoration: none; font: 10px "Tahoma",Arial, Helvetica, sans-serif; color: #745f40;}

#cont p.ruta a:hover		{ text-decoration: underline; font: 10px "Tahoma",Arial, Helvetica, sans-serif; color: #745f40;}

/*****************************************/
/*Los estilos de los contenidos de cada página, estan en las hojas de estilos correspondientes a cada página*/
/* __________________________________*/
/*|PAGINA-------------HOJA DE ESTILOS|*/
/*|index.php--------->index.css      |*/
/*|encurso.php------->encurso.css    |*/
/*|promocion.php----->promocion.css  |*/
/*|contacto.php------>contacto.css   |*/
/*|__________________________________|*/
/*****************************************/

/*En esta capa ira el enlace para subir a la parte superior de la página*/
#subir			{ float: left; width: 996px; height: 29px; margin: 0px; padding: 0px; text-align: center;
				background: url(../images/img_subir.gif) no-repeat top left #fff;}

#subir	a		{ display: inline; float: left; width: 996px; height: 19px; font: bold  10px "Trebuchet MS",Arial, Helvetica, sans-serif;
				color: #53360E; text-decoration: none; margin: 0px; padding: 6px 0 0 0; }

#subir	a:hover { text-decoration: underline;}

/*En esta capa ira el pie página*/
#pie			{ float: left; width: 996px; height: 113px; margin: 0px; padding: 0px; text-align: center;
				background: #B78F52; }

#pie ul 		{ display: inline; float: left; list-style: none; margin: 7px 0 0 238px; font: bold  10px "Tahoma",Arial, Helvetica, sans-serif;
				padding: 0;}

#pie li 		{ float: left; margin: 0 0 0 0px;}

#pie ul li a:hover	{ text-decoration: underline; color: #fff;}

#pie ul li a	{ text-decoration: none; color: #ffd79a;}

#pie span.menu_sup_spc 		{ margin: 0 6px 0 6px; color: #ffd79a;}

#logo_veiss { display: inline; float: right; width: 43px; height: 18px; margin: 0 30px 0 0; }

#logo_veiss a { display: inline; float: right; width: 43px; height: 18px; background: url(../images/logo_veiss.gif) no-repeat; }

#logo_veiss a:hover { background-position: 0 -18px; }

#pie img.logo_inf 		{ display: inline; float: left; margin: 12px 0 0 430px; padding: 0;}

#pie p.direccion 		{ display: inline; float: left; font: 11px "Trebuchet MS",Arial, Helvetica, sans-serif; color: #543401; text-align: left;
						margin: 2px 0px 0px 36px; padding: 0;}

#pie span.negrita2       { font-weight: bold; color: #543401;}

#pie span.espacio1       { margin: 0 3px 0 3px; color: #543401;}

#pie span.espacio2       { margin: 0 3px 0 3px; color: #543401;}

#pie span.espacio3       { margin: 0 4px 0 6px; color: #543401;}

#pie span.espacio4       { margin: 0 3px 0 6px; color: #543401;}

#pie a.dir_mail	{ text-decoration: none; color: #543401;}

#pie a.dir_mail:hover	{ text-decoration: underline; color: #fff;}

#pie ul.menu_inf 		{ display: inline; float: left; padding: 0; list-style: none; margin: 0 0 0 460px;
						font: 10px "Tahoma",Arial, Helvetica, sans-serif;}

#pie li 				{ margin: 0;}

#pie a.menu_inf_txt 			{ text-decoration: none; color: #543401;}

#pie span.menu_inf_espacio 		{ margin: 0 5px 0 6px; color: #543401;}
/*******************/
/*******************/
.clear { clear: both;}