@charset "UTF-8";
/* CSS Document */
/*empezamos por esto, para evitar resultados extraños en distintos navegadores, y algo de estilo al texto*/

* {
  margin: 0;
  padding: 0;
}

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style: normal;
    font-weight: normal;
	letter-spacing: normal;
	line-height: 1.6em;
	color:#666666;
	background:#dae8ef url(imgs/bkgtop.gif) repeat-x;
	
}


#contenedor {
	width:960px; /*ancho total de la pagina*/
	background-color:#FFFFFF;
	margin:10px auto; /*0px arriba y abajo, y auto a los lados, para los navegadores nuevos es suficiente para centrar la pagina*/
}
/*----------------------------------------------------------------------------------------------------------------*/

#encabezado {
	width:960px;
	height:260px;
	background-color:#660033; /*more*/
	display:inline; /*(*)display:inline; se usa en este caso para corregir un error en IE, en la interpretación del margin y el padding,
	si flotamos a la izquierda, y hay 10px de margin a la izquierda,
	IE sumara el doble de ese margen. Con esta linea corregimos eso.*/
}


/*-----------------------------------------------------BARRA MENU PRINCIPAL -----------------------------------------------------------*/
	
#menu {

	float:left;
	width:960px;
	height:38px;
	}
	
ul {
	list-style-type:none; /*con esto quitamos las viñetas*/
	margin:0; /*le quitamos el margen a la lista*/ 
	padding:0; /*y el relleno*/
}

li {
	margin:0; /*le quito el margen al elemento de la lista*/ 
	float:left; /*y los floto a la izquierda para eliminar el salto de linea*/ 
}

#logo {
	background:#fff url(imgs/Logo%20UE-FEDR.jpg) no-repeat top right;
	width:20px;
	height:100px;
	float:left;
	margin-top:5px;	
	padding:6px 50px;
}

#logo2 {
	background:#fff url(imgs/Logo%20UE-FEDR.jpg) no-repeat top right;
	width:50px;
	height:65px;
	float:left;
	margin-top:5px;
	padding:0 450px;
}

#emprendedores {
	width:200px;
	height:140px;
	float:left;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 600px;
}

.tabla {
	margin:10px 0 40px 70px;
}

.celda {
	padding: 10px 15px ;
	float:left;
}

/*-------------------------------------------------BOTONES IMAGEN ROLLOVER MENU PRINCIPAL ------------------------------------------*/

a {
  outline: none;
}


a.book:link, a.book:visited, a.book:active {
	color:#9D6B2C;
	font-size:10px;
}

a.book:hover {
	font-style:italic;
	font-weight:bold;
	color:#9D6B2C;
	font-size:10px;
}

/* Ponemos primero los botones en inglés porque sino al pulsar sobre los botones en español se ve la palabra en inglés */

/*--------------------------OPCION 01 FRANCES--------------------*/

.rollover01b {
  display: block;
  width: 126px;
  height: 38px;
  background: url(frances/botones_frances/bot_hom.jpg) no-repeat;
  text-indent: -9999px;
}

a.rollover01b:link, a.rollover01:visited, a.rollover01:active {
  background: url(frances/botones_frances/bot_hom.jpg) no-repeat;
}

a.rollover01b:hover {
  background-position: -126px;
}

/*--------------------------OPCION 02 FRANCES--------------------*/

.rollover02b {
  display: block;
  width: 126px;
  height: 38px;
  background: url(frances/botones_frances/bot_bpu.jpg) no-repeat;
  text-indent: -9999px;
}

a.rollover02b:link, a.rollover02:visited, a.rollover02:active {
  background: url(frances/botones_frances/bot_bpu.jpg) no-repeat;
}

a.rollover02b:hover {
  background-position: -126px;
}

/*--------------------------OPCION 03 FRANCES--------------------*/

.rollover03b {
  display: block;
  width: 126px;
  height: 38px;
  background: url(frances/botones_frances/bot_bed.jpg) no-repeat;
  text-indent: -9999px;
}

a.rollover03b:link, a.rollover03:visited, a.rollover03:active {
  background: url(frances/botones_frances/bot_bed.jpg) no-repeat;
}

a.rollover03b:hover {
  background-position: -126px;
}

/*--------------------------OPCION 04 FRANCES--------------------*/

.rollover04b {
  display: block;
  width: 126px;
  height: 38px;
  background: url(frances/botones_frances/bot_bonli.jpg) no-repeat;
  text-indent: -9999px;
}

a.rollover04b:link, a.rollover04:visited, a.rollover04:active {
  background: url(frances/botones_frances/bot_bonli.jpg) no-repeat;

}

a.rollover04b:hover {
  background-position: -126px;
}

/*--------------------------OPCION 05 FRANCES--------------------*/

.rollover05b {
  display: block;
  width: 126px;
  height: 38px;
  background: url(frances/botones_frances/bot_bev.jpg) no-repeat;
  text-indent: -9999px;
}

a.rollover05b:link, a.rollover05:visited, a.rollover05:active {
  background: url(frances/botones_frances/bot_bev.jpg) no-repeat;
}

a.rollover05b:hover {
  background-position: -126px;
}

/*--------------------------OPCION 06 FRANCES--------------------*/

.rollover06b {
  display: block;
  width: 126px;
  height: 38px;
  background: url(frances/botones_frances/bot_consult.jpg) no-repeat;
  text-indent: -9999px;
}

a.rollover06b:link, a.rollover06:visited, a.rollover06:active {
  background: url(frances/botones_frances/bot_consult.jpg) no-repeat;

}

a.rollover06b:hover {
  background-position: -126px;
}



/*--------------------------OPCION 01 INGLES--------------------*/

.rollover01a {
  display: block;
  width: 126px;
  height: 38px;
  background: url(ingles/botones_ingles/bot_hom.jpg) no-repeat;
  text-indent: -9999px;
}

a.rollover01a:link, a.rollover01:visited, a.rollover01:active {
  background: url(ingles/botones_ingles/bot_hom.jpg) no-repeat;
}

a.rollover01a:hover {
  background-position: -126px;
}

/*--------------------------OPCION 02 INGLES--------------------*/

.rollover02a {
  display: block;
  width: 126px;
  height: 38px;
  background: url(ingles/botones_ingles/bot_bpu.jpg) no-repeat;
  text-indent: -9999px;
}

a.rollover02a:link, a.rollover02:visited, a.rollover02:active {
  background: url(ingles/botones_ingles/bot_bpu.jpg) no-repeat;
}

a.rollover02a:hover {
  background-position: -126px;
}

/*--------------------------OPCION 03 INGLES--------------------*/

.rollover03a {
  display: block;
  width: 126px;
  height: 38px;
  background: url(ingles/botones_ingles/bot_bed.jpg) no-repeat;
  text-indent: -9999px;
}

a.rollover03a:link, a.rollover03:visited, a.rollover03:active {
  background: url(ingles/botones_ingles/bot_bed.jpg) no-repeat;
}

a.rollover03a:hover {
  background-position: -126px;
}

/*--------------------------OPCION 04 INGLES--------------------*/

.rollover04a {
  display: block;
  width: 126px;
  height: 38px;
  background: url(ingles/botones_ingles/bot_bonli.jpg) no-repeat;
  text-indent: -9999px;
}

a.rollover04a:link, a.rollover04:visited, a.rollover04:active {
  background: url(ingles/botones_ingles/bot_bonli.jpg) no-repeat;

}

a.rollover04a:hover {
  background-position: -126px;
}

/*--------------------------OPCION 05 INGLES--------------------*/

.rollover05a {
  display: block;
  width: 126px;
  height: 38px;
  background: url(ingles/botones_ingles/bot_bev.jpg) no-repeat;
  text-indent: -9999px;
}

a.rollover05a:link, a.rollover05:visited, a.rollover05:active {
  background: url(ingles/botones_ingles/bot_bev.jpg) no-repeat;
}

a.rollover05a:hover {
  background-position: -126px;
}

/*--------------------------OPCION 06 INGLES--------------------*/

.rollover06a {
  display: block;
  width: 126px;
  height: 38px;
  background: url(ingles/botones_ingles/bot_consult.jpg) no-repeat;
  text-indent: -9999px;
}

a.rollover06a:link, a.rollover06:visited, a.rollover06:active {
  background: url(ingles/botones_ingles/bot_consult.jpg) no-repeat;

}

a.rollover06a:hover {
  background-position: -126px;
}


/*--------------------------OPCION 01--------------------*/

.rollover01 {
  display: block;
  width: 126px;
  height: 38px;
  background: url(imgs/bot_hom.jpg) no-repeat;
  text-indent: -9999px;
}

a.rollover01:link, a.rollover01:visited, a.rollover01:active {
  background: url(imgs/bot_hom.jpg) no-repeat;
}

a.rollover01:hover {
  background-position: -126px;
}



/*--------------------------OPCION 02--------------------*/

.rollover02 {
  display: block;
  width: 126px;
  height: 38px;
  background: url(imgs/bot_bpu.jpg) no-repeat;
  text-indent: -9999px;
}

a.rollover02:link, a.rollover02:visited, a.rollover02:active {
  background: url(imgs/bot_bpu.jpg) no-repeat;
}

a.rollover02:hover {
  background-position: -126px;
}



/*--------------------------OPCION 03--------------------*/

.rollover03 {
  display: block;
  width: 126px;
  height: 38px;
  background: url(imgs/bot_bed.jpg) no-repeat;
  text-indent: -9999px;
}

a.rollover03:link, a.rollover03:visited, a.rollover03:active {
  background: url(imgs/bot_bed.jpg) no-repeat;
}

a.rollover03:hover {
  background-position: -126px;
}



/*--------------------------OPCION 04--------------------*/

.rollover04 {
  display: block;
  width: 126px;
  height: 38px;
/*  background: url(imgs/bot_bma.jpg) no-repeat; */
  background: url(imgs/bot_bonli.jpg) no-repeat;
  text-indent: -9999px;
}

a.rollover04:link, a.rollover04:visited, a.rollover04:active {
/*  background: url(imgs/bot_bma.jpg) no-repeat; */
  background: url(imgs/bot_bonli.jpg) no-repeat;

}

a.rollover04:hover {
  background-position: -126px;
}



/*--------------------------OPCION 05--------------------*/

.rollover05 {
  display: block;
  width: 126px;
  height: 38px;
  background: url(imgs/bot_bev.jpg) no-repeat;
  text-indent: -9999px;
}

a.rollover05:link, a.rollover05:visited, a.rollover05:active {
  background: url(imgs/bot_bev.jpg) no-repeat;
}

a.rollover05:hover {
  background-position: -126px;
}


/*--------------------------OPCION 06--------------------*/

.rollover06 {
  display: block;
  width: 126px;
  height: 38px;
/*  background: url(imgs/bot_bmu.jpg) no-repeat;*/
  background: url(imgs/bot_consult.jpg) no-repeat;
  text-indent: -9999px;
}

a.rollover06:link, a.rollover06:visited, a.rollover06:active {
/*  background: url(imgs/bot_bmu.jpg) no-repeat;*/
  background: url(imgs/bot_consult.jpg) no-repeat;

}

a.rollover06:hover {
  background-position: -126px;
}


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



#contenido {
	width:960px; /*el ancho mas el padding me da 960px de ancho que es loque mide la pagina */	
	display:inline; /*(*)display:inline; se usa en este caso para corregir un error en IE, en la interpretación del margin y el padding,
	si flotamos a la izquierda, y hay 10px de margin a la izquierda,
	IE sumara el doble de ese margen. Con esta linea corregimos eso.*/ 
} 


#menuseccion {
	width:200px; 
	height:400px;
	background-color:#FFFFFF;
	float:left;
	padding: 0px 20px 20px 20px;
	overflow: hidden;
 }
 
				/*hack*/
 				*html #menuseccion { 
				
					width:240px;
					w\idth:200px;
				}


#seccion {
	width:600px; 
	height:auto;
	background-color:#fff;
/*	float:right;
	padding: 50px 40px 5px 0; */
	float:left;
	padding: 0px 0 5px 10px; 
	text-align:justify;
	overflow: hidden;
}
				/*hack*/
				*html #seccion { 
				
					width:640px;
					w\idth:600px;
				}

#seccion2 {
	width:600px; 
	height:auto;
	background-color:#fff;
	float:left;
	padding: 0px 0 25px 90px; 
	text-align:justify;
	overflow: hidden;
}
				/*hack*/
				*html #seccion { 
				
					width:640px;
					w\idth:600px;
				}


#inicio {
	width:700px;
	height:auto;
	margin:auto;
	background-color:#fff;
	overflow: hidden;
	padding-top: 0px;
	padding-right: 40px;
	padding-bottom: 20px;
	padding-left: 40px;
}
				/*hack*/
				*html #inicio { 
				
					width:780px;
					w\idth:700px;
				}


#inicio2 {
	width:800px;
	height:auto;
	margin:auto;
	background-color:#fff;
	/*float:right;*/
/*	padding: 50px 40px;*/
	padding:0px 40px;
	overflow: hidden;
}
				/*hack*/
				*html #inicio { 
				
					width:780px;
					w\idth:800px;
				}




.columna {
	/*width:280px; */
	height:auto;
	float:left;
	display:inline; /*(*)display:inline; se usa en este caso para corregir un error en IE, en la interpretación del margin y el padding,
	si flotamos a la izquierda, y hay 10px de margin a la izquierda,
	IE sumara el doble de ese margen. Con esta linea corregimos eso.*/
	overflow: hidden;
	padding-right: 10px;
	padding-top: 10px;
}


.centro {
	margin:0 100px;
}

.centrado {
	margin: 0 0 0 350px;
}

.colcentro {      /*bloque de texto pagina inicial */
	width:550px;
	
	margin: 0px auto;
	text-align:justify;
	}

.bottemas{      /*botones de temas para portafolio */
	padding-top:20px;
	float:left;
   
   
   } 

#thumb {
	width:auto; /*el ancho mas el padding me da 600px de ancho que es loque mide la pagina */
	height:123px;
	float:left;
	display:inline; /*(*)display:inline; se usa en este caso para corregir un error en IE, en la interpretación del margin y el padding,
	si flotamos a la izquierda, y hay 10px de margin a la izquierda,
	IE sumara el doble de ese margen. Con esta linea corregimos eso.*/
	overflow: hidden;
	margin-top: 10px;
	margin-bottom: 10px;
}

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

#footer {
	background-color:#dae8ef;
	width:940px; /*menos porque debemos sumar el padding del div contenido*/
	text-align:right;
	padding:10px;
	font-size:90%;
	color:#fff;
	background: #000 url(imgs/foot.gif);
	background-repeat: no-repeat;
/*	background-position: 525px;*/
	background-position:right;
/*	height: 10px; */
	height: 20px;
}

/*----------------------------------------------------------------------------------------------------------------*/
a img{ border:none; }
a .jnt {float:inherit;}
.right {float:right}
.left {float:left}
.clear {clear:both}
.margen { margin-bottom:43px;}
.lin {
	border-bottom: 1px dotted #ccc;
}

h1{
	font-size:18px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
}

img { float:left;} /*alieacion a al izquierda de imagen intro de seccion*/

a:link {
	text-decoration: underline;
	color:#666;
	}
	a:visited {
	text-decoration: underline;
	color:#666;
		
	}
	a:hover {
	text-decoration: underline;
	color:#666;
	}
	a:active {
		text-decoration: none;
		color:#666;
		
	}