html,body{
	margin:0;padding:0;height:100%;
}
body  {
	text-align: left;
	font-size:0.75em;
	color:#424649;
	font-family: "helvetica neue", helvetica, arial, sans-serif;
}

/*CONTENEDORES*/
.contenedorborder {
	position: relative;
	width:82em;
	background:url(../imagenes/cabecera/borders3b.png) repeat-y scroll center center #FFFFFF;
	margin: 0 auto;
	height: auto;
	z-index: 0;
}
.contenedor{
	position:relative;	
	margin: 0 auto;
	border-left:0;
	border-right:0;
	width:80.4em;
	height:100%;
	min-height: 100%;
	text-align:center;
	background-color:#FFF;
}
/*FIN CONTENEDORES*/

/*FRAME*/
#div_frame{
	position: relative;
	width: 80.3em;
	height: 450px;
	padding: 0px;
	margin: 0px;
	border: 0px solid blue;
	overflow: hidden;
}
#frame_principal{
	width: 77.4em;
	height: 490px;
	padding: 0px;
	margin: 0px;	
}
#frame_descargas{
	width: 75.5em;
	height: 400px;
	padding: 0px;
	margin: 0px;	
}
/*FIN FRAME*/
 
/* _________________________ div de borde blanco superior en la pantalla ____________________________________ */
.whiteline {clear:both;margin:0 auto;width:100%;height:0.78em;	background-color:#ffffff;padding:0;color:#000;z-index:-5;}
/* __________________ div que guarda la cabecera con los dos menús horizontales superiores __________________ */
.header{
/*	width:76.4em;*/
    width:100%;height:1.59em;
	background-color:#ffffff;
	margin:0 auto;padding:0 0 0.1em 0;color:#000;
}
/* __________________________ redes sociales _________________________________________________________________ */
.social {
    background-color: #00A4AB;
    border: 0.1em solid #CCCCCC;
    border-radius: 0.4em 0.4em 0.4em 0.4em;
    box-shadow: 0.2em 0.2em 0.6em #CCCCCC;
    color: #FFFFFF;
    float: left;
    margin: 0;
	margin-top: -0em;
    padding: 0em 1em;
    text-align: left;
    vertical-align: middle;
	height: 1.55em;
}
.social ul        { list-style-type: none;margin:0;padding:0.2em 0 0 0;}
.social ul li     { display: inline;margin:0;padding:0;}
.social ul li a   { color:#fff;}
.social a:visited { text-decoration: none; color:#fff}
.social a:hover   { text-decoration: none; color:#fff}
.social a:active  { text-decoration: none; color:#fff}
.social img { float:left; height:1.59em; margin:0 -0.23em 0 -0.23em;}
/* __________________________ estilos del menú horizontal superior de pestañas _______________________________ */
.menutop           { float:right;height:1.59em;padding-left:2em;margin:0;white-space:nowrap;text-align:center;vertical-align:top;background:url(../imagenes/cabecera/menutop_izq.gif) no-repeat #00A4AB;color:#ffffff;}
.menutop ul        { list-style-type: none;margin:0;padding:0.2em 0 0 0;}
.menutop ul li     { display: inline;margin:0;padding:0;}
.menutop ul li a   { color:#fff;}
.menutop a:visited { text-decoration: none; color:#fff}
.menutop a:hover   { text-decoration: none; color:#fff}
.menutop a:active  { text-decoration: none; color:#fff}
.menutop img { float:left; height:1.59em; margin:0 -0.23em 0 -0.23em;}
/* __________________________ estilos del menú horizontal superior de idiomas ________________________________ */
.menuidioma           { float:right; height:1.59em; padding-left: 2em; margin-left:0.5em; text-align:center; background:url(../imagenes/cabecera/menutop_izq.gif) no-repeat #00A4AB;color:#ffffff; }
.menuidioma ul        { list-style-type: none;margin:0;padding:0.2em 0 0 0;}
.menuidioma ul li     { display: inline;margin:0;padding:0;}
.menuidioma ul li a   { color:#fff;}
.menuidioma a:visited { text-decoration: none; color:#fff}
.menuidioma a:hover   { text-decoration: none; color:#fff}
.menuidioma a:active  { text-decoration: none; color:#fff}
.menuidioma img { float:left; height:1.59em; margin:0 -0.23em 0 -0.23em; color:#fff;}
/* ____________________________ div con nombre, apellidos y botones de usuario _______________________________ */
.constructorAction {color:#ECF7ED;position:absolute;top:7.35em;left:-0.5em;margin:0;padding:0;height:1.59em;background:url(../imagenes/cabecera/menusupli.gif) left no-repeat #05533e;white-space:nowrap;text-align:center;color:#ffffff;padding: 0 0.5em 0 2.4em;margin-left:0.5em;vertical-align:top;}
.constructorAction a {text-decoration:none;color:#ECF7ED;}
.constructorAction a:visited { text-decoration: none; color:#ECF7ED;}
.constructorAction a:hover   { text-decoration: none; color:#ECF7ED;}
.constructorAction a:active  { text-decoration: none; color:#ECF7ED;}
.spanbienvenida {font-weight:bold;color:#ECF7ED;}
/* ____________________________ div con logo, imagen de fondo y menú vertical ________________________________ */
.title{
	/*width:76.4em;*/
    width:100%;height:8.9em;
	background-color:#ffffff;color:#000;
	margin:0 auto;
	position:relative;
}
.fondo_title {z-index:0;position:absolute;top:0;left:0;width:100%;height:100%;}
/* __________________________________ div con la imagen de logo de la rioja __________________________________ */
.logo { position:absolute;top:0;left:0.5em;width:20em;height:5em;}
.imglogo {width:100%;height:100%;}
/* __________________________________ estilos del menú vertical de cabecera __________________________________ */
.menusup       { position:absolute;top:0.1em;right:0;margin:0 auto;width:15.1em;}
.menusup ul    {list-style-type:none;margin:0;padding:0;}
.menusup ul li { text-align:left;padding:0.22em 0 0.22em 2em;margin:0.25em 0 0.25em 0;background:url(../imagenes/cabecera/menu_supli_2.gif) left no-repeat}
.menusup a         { text-decoration: none; color:#FFF; font-size:1.2em;}
.menusup a:visited { text-decoration: none; color:#FFF;font-size:1.2em;}
.menusup a:hover   { text-decoration: none; color:#FFF;font-size:1.2em;}
.menusup a:active  { text-decoration: none; color:#FFF;font-size:1.2em;}

* html img { margin:0 -0.23em 0 -0.23em; border:0; }
img {border:0;}
.img2 { margin-left:1em;margin-right:1em;border:0;cursor:pointer;vertical-align:middle;}
.img3 {border:0;width:100%;height:100%;}

.boton1 {background-color:#55BE47;border:1px solid #000;color:white;font-weight:bold;}
/* estilos de botones */
.titulo2 {font-size:1.4em; margin:0 auto; color:#006142; font-weight:bold;}

h1 { font-size:1.4em; margin:0 0 1.0em 0; color:#007771; }
h2 { font-size:1.3em; margin:0 0 0.9em 0; color:#007771; }
h3 { font-size:1.2em; margin:0 0 0.8em 0; color:#007771; }
h4 { font-size:1.1em; margin:0 0 0.7em 0; color:#007771; }
h5 { font-size:1.0em; margin:0 0 0.6em 0; color:#007771; }
h6 { font-size:0.9em; margin:0 0 0.5em 0; color:#007771; }

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

hr {height: 0;border-top: 1px solid #00935b;width:90%;}

.txt1roj	{background-color: #ffffff; color: #D40707;} /* texto rojo */

/* __________________________________________ div pie de página _____________________________________________ */
.footer{
	position: relative;
    padding:0 0 0.15em 0;
	width:100%;
	background-color:#414b56;
	margin:0 auto;
	color:#fff;clear:both;	
	z-index: 2;	
}

.footer ul        { list-style-type: none;margin:0;padding:0;}
.footer ul li     { display:inline;margin:0;padding:0;font-size:0.85em;}
.footer ul li a   { color:#fff;}
.footer a:visited { text-decoration: none; color:#fff;}
.footer a:hover   { text-decoration: none; color:#fff;}
.footer a:active  { text-decoration: none; color:#fff;}

.notdisplay {display:none;}

/******************************************
    POSICIONAMIENTO*/
.izq	{float: left; height:auto;padding:0 3px 0 3px;}
.dcha	{float: right; height:auto;padding:0 3px 0 3px;}
.dcha2	{text-align: right;}
.clear	{clear: both;}

/******************************************
	SEMILLA*/
.menupath a         { text-decoration: none; color:#424649;}
.menupath a:visited { text-decoration: none; color:#424649;}
.menupath a:hover   { text-decoration: none; color:#424649;}
.menupath a:active  { text-decoration: none; color:#424649;}	

.divmenupath {font-size:0.85em;float:left;padding:0 0 0 0.3em;text-align:justify;margin:0;}
.menupath  { list-style-type: none;margin:0;padding:0.2em 0 0 0;line-height:1.2em;display:inline;}

/******************************************
	SUBMENUS*/
/* ______________________________ estilos del menú vertical de web secundarias ________________________________ */

.menuwebsecundaria           { clear:both;text-align:left;padding:1em 0.3em 0 0.2em;}
.menuwebsecundaria ul        { list-style-type:none;padding:0;margin:0;}
.menuwebsecundaria ul li.linormal    { background:url(../imagenes/menu/cuadr_b2.png)  no-repeat top left;text-align:left;line-height:1.5em;vertical-align:middle;padding-left:1em;}
.menuwebsecundaria ul li.liexpand    { background:url(../imagenes/menu/cuadr_b2.png) no-repeat top left;text-align:left;line-height:1.5em;vertical-align:middle;padding-left:1em;}
.menuwebsecundaria ul li.linotexpand { background:url(../imagenes/menu/cuadr_b2.png) no-repeat top left;text-align:left;line-height:1.5em;vertical-align:middle;padding-left:1em;}

.menuwebsecundaria a         { color:#007771;font-weight:bold;}
.menuwebsecundaria a:visited { text-decoration: none; color:#007771;font-weight:bold;}
.menuwebsecundaria a:hover   { text-decoration: none;color:#007771;font-weight:bold;}
.menuwebsecundaria a:active  { text-decoration: none;color:#007771;font-weight:bold;}

.menuwebsecundaria h2 {
    background-image: url("../imagenes/ic_h2.gif");
    background-position: 0.4em center;
    background-repeat: no-repeat;
    border: 0.1em solid #D0D0D1;
    border-radius: 0.4em 0.4em 0.4em 0.4em;
    box-shadow: 0.2em 0.2em 0.6em #CCCCCC;
    height: auto;
    margin: 0em 0em 1em -0.2em;
    padding: 0.3em 0 0.3em 1.5em;
    width: 13em;
	font-size: 1.15em;
	color: #007771;
    font-weight: bold;
	text-decoration: none;
}


a.menuwebsec_nivel1 {color:#007771;font-weight:bold;}
a.menuwebsec_nivel1:visited {color:#007771;font-weight:bold;}
a.menuwebsec_nivel1:hover {color:#007771;font-weight:bold;}
a.menuwebsec_nivel1:active {color:#007771;font-weight:bold;}

span.menuwebsec_nivel1 {color:#007771;font-weight:bold;}

a.menuwebsec_nivelmas {color:#007771;font-weight:normal;}
a.menuwebsec_nivelmas:visited {color:#007771;font-weight:normal;}
a.menuwebsec_nivelmas:hover {color:#007771;font-weight:normal;}
a.menuwebsec_nivelmas:active {color:#007771;font-weight:normal;}

/* ______________________________ estilos del menú vertical de web noticias ________________________________ */

/******************************
	BARRA VERDE DE SEPARACION*/
.adivbottomzone			{border-bottom: #00A4AB 1px solid; clear: both; margin-top: 1em; margin-bottom: 1em;}
.adivbottomzonebarra	{display: none;}
.adivbottomzoneimg		{display: none;}
.clear	{clear: both;}

/***********************************
	MARCO NOTICIAS*/
.marco_top{
	background:url(../imagenes/marco_top.gif) no-repeat top left;
	height:10px;
	border: 0px solid rgb(212,208,200);
	padding:0px;
	}
.marco_bottom{
	background:url(../imagenes/marco_bottom.gif) no-repeat top left;
	height:10px;
	border: 0px solid rgb(212,208,200);
	margin-bottom: 10px;
	}
.marco_middle{
	background:url(../imagenes/marco_middle.gif) top left;
	height: auto;
	border: 0px solid rgb(212,208,200);
	padding:15px;
	padding-top: 10px;
	margin:0px;
	}

div#semilla{
	position: absolute;
	text-align: left;
	margin: 5px;
	margin-left: 125px;
}

.titulo_IDE{
	padding-top: 40px;
	margin-left: 60px;
}

.descarga{
	margin-top: 0px;
	padding-top: 15px;
	margin-left: 270px;
}

.img_descarga{
	margin: 0px;
	padding: 0px;
	border: 0px solid rgb(212,208,200);
	
}

.enlace_boton{
	border: 0px solid;
	text-align: left;
	cursor: pointer;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

#medalla{
	cursor: pointer;
	text-align: center;
}

#feder{
	text-align: center;
	font-size: 0.8em;
}

#leftcontent {
	position: absolute;
	left:0px;
	top:0px;
	text-align: left;	
	font-family: "helvetica neue", helvetica, arial, sans-serif;
	padding: 8px;
	padding-bottom: 0px;
	padding-top:12px;
	margin-bottom: 10px;
	width: 205px;
	height: 477px;
	background-color: #FFFFFF;
	border: 0px solid rgb(212,208,200);
	border-right: 1px dashed rgb(5, 83, 62);	
	}
	
#rightcontent {
	position: absolute;
	right:0px;
	top:0px;clear:both;
	text-align: left;	
	font-family: "helvetica neue", helvetica, arial, sans-serif;
	padding: 8px;
	padding-bottom: 0px;
	padding-top:12px;
	margin-bottom: 10px;
	width: 180px;
	height: 477px;
	background-color: #FFF;
	border: 0px solid rgb(212,208,200);
	border-left: 1px dashed rgb(5, 83, 62);	
	z-index: 1;	
	}	
	
#centercontent {
	text-align: left;
	font-family: "helvetica neue", helvetica, arial, sans-serif;
	padding: 8px;clear:both;
	padding-bottom: 0px;
	padding-top:0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 210px;
	margin-right: 205px;
	height: 100%;min-height: 100%;
	border: 0px solid rgb(212,208,200);
	z-index: 1;	
	}	

#centercontent2 {
	text-align: left;
	font-family: "helvetica neue", helvetica, arial, sans-serif;
	padding: 8px;clear:both;
	padding-bottom: 0px;
	padding-top:0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 230px;
	margin-right: 0px;
	height: 100%;min-height: 100%;
	border: 0px solid rgb(212,208,200);
	z-index: 1;	
	}	
	
#centercontent3 {
	text-align: left;
	font-family: "helvetica neue", helvetica, arial, sans-serif;
	padding: 8px;clear:both;
	padding-bottom: 0px;
	padding-top:0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 1px;
	margin-right: 1px;
	height: 100%;min-height: 100%;
	border: 0px solid rgb(212,208,200);
	z-index: 1;	
	}