
fondo_body  {
	text-align: center;
	font-size: 0.75em;
	color: #424649;
	font-family: "helvetica neue", helvetica, arial, sans-serif;
	margin: 0;
	padding: 0;
}

body  {
	text-align: center;
	font-size: 0.75em;
	color: #424649;
	font-family: "helvetica neue", helvetica, arial, sans-serif;
	margin: 0;
	padding: 0;
}
file{
	border: 1px solid #007771;
	color: #424649;
}
input{
	border: 1px solid #007771;
	color: #424649;
	padding-bottom: 0.17em;
}
textarea{
	border: 1px solid #007771;
	color: #424649;
}
select{
	border: 1px solid #007771;
	color: #424649;
}
#br {
    margin-top: 0;
}
#br p {
    margin-bottom: 0;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 0;
}
/* _______________ div con los laterales en verde para guardar el contenido del portal centrado ______________ */
.contenedorborder {
	width: 82em;
	height: auto;
	position: relative;
    z-index: 0;	
    background: #FFF url(/npRioja/upload/nuevo_dis/borders3b.png) repeat-y center;
	margin: 0 auto;
}

.contenedor	{
	margin: 0 auto;
	border-left: 0;
	border-right: 0;	
        width: 80.4em;
	height: auto;
	text-align: center;
	background-color: #FFF;
	/*position: relative;*/
    z-index: 0;
	color: #424649;	
    background: url(/npRioja/upload/nuevo_dis/fondo_container.png) 23.7% 0;
}

* html .contenedor {    
   background: url(/npRioja/upload/nuevo_dis/fondo_container.gif) 23.7% 0;
   width: 80.4em;
}

/* _________________________ 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;
    overflow: hidden;
}

/*-----reloj-----------*/

#clock {
	-moz-border-radius:0.4em;
	-webkit-border-radius:0.4em;
	box-shadow: 0.2em 0.2em 0.6em #B8B1B1;
	-webkit-box-shadow: 0.2em 0.2em 0.6em #B8B1B1;
	-moz-box-shadow: 0.2em 0.2em 0.6em #B8B1B1;
	background-image: url("http://pruebasportal.larioja.org/npRioja/upload/reloj_2.png");
    background-position: 2em 3em;
    background-repeat: no-repeat;
    border: 1px solid #007771;
    color: #006699;
    margin: 3em auto;
    padding: 0 0 2em;
    width: 35em;
}

#clock ul {
	padding:0 0 0.1em 3em;
	margin:2em 0 2em 10em;
	/*list-style-type: none;*/
}

#clock ul li {
	padding-bottom: 0.5em;
	font-weight: bold;
}

#clock a, #clock a:visited {

	-moz-border-radius:0.4em;
	-webkit-border-radius:0.4em;
	box-shadow: 0.2em 0.2em 0.6em #B8B1B1;
	-webkit-box-shadow: 0.2em 0.2em 0.6em #B8B1B1;
	-moz-box-shadow: 0.2em 0.2em 0.6em #B8B1B1;
	background-color:#ffffff;
	border:1px solid #cccccc;
	font-weight:bold;
	color: #003781;
	text-decoration: none;
	display: block;
	margin:auto;
	padding:0.4em 2em;
	width:5em;
	text-align: center;	
	white-space: nowrap;

}

#clock a:hover, #clock a:focus {
	color: #003781;
	border:1px solid #999;
}

#clock p {
	margin:0;
	width:100%;
	text-align:center;
	}

.titulohora {
	color: #007771;
	/*background-color:#006699;*/
	font-weight: bold;
	font-size: 1.3em;
	padding:0.5em 0;
}
/*-----------------fin reloj------------*/




/* __________________________ redes sociales _______________________________ */
.social { 
   float: left; 
   padding: 0.2em 1em 0.2em 1em;
   margin: 0;                    
   text-align: left;
   vertical-align: top;
  /* background: url(/npRioja/upload/nuevo_dis/menutop_izq.gif) no-repeat #00a4ab;*/
   color: #ffffff;
   -moz-border-radius:0.4em;
   -webkit-border-radius:0.4em;
   box-shadow: 0.2em 0.2em 0.6em #cccccc;
   -webkit-box-shadow: 0.2em 0.2em 0.6em #cccccc;
   -moz-box-shadow: 0.2em 0.2em 0.6em #cccccc;	
   background-color:#00a4ab;
   border:0.1em solid #cccccc;
   margin-bottom:0;
   margin-top:0;
  }


.social 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}
ul.redes_sociales {
	float:left;
	list-style-type: none;
	width: auto;
	margin: 0;
	padding: 0;
}

ul.redes_sociales li {
	display: inline;
	text-align: center;
	padding-left: 0.5em;
	
}
/* __________________________ fin redes sociales _______________________________ */

/*.redes_sociales{
	float:left;
	width: 6%;
}
.youtube{
	float:left;
	width: 6%;
}*/

/* __________________________ estilos del men  horizontal superior de pesta as _______________________________ */

.menutop { 
                    float: right; 
                    /*height: 1.59em;*/
                    padding-left: 2em;
                    padding-bottom: 0.2em;
                    margin: 0;                    
                    text-align: right;
                    vertical-align: top;
                    /*background: url(../img/layout/left_top.gif) no-repeat #009460;*/
                    background: url(/npRioja/upload/nuevo_dis/menutop_izq.gif) no-repeat #00a4ab;
                    color: #ffffff;
                    /*white-space: nowrap;*/
                    max-width: 75%;
         }
.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(../../img/layout/left_idioma.gif) no-repeat #55be47;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.3em;*/
                    left: 340px;
                    margin: 0;
                    padding: 0;
                    height: 1.59em;
                    background: #00361E url(../../img/layout/menusupli.gif) left no-repeat;
                    white-space: nowrap;
                    text-align: center;
                    color: #ffffff;
                    padding: 0 0.5em 0 2.4em;
                    margin-left: 0.5em;
                    vertical-align: top;
                    bottom: 0em;
                }
.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 {     
    /*top: 0; 
    left: 0.5em; */
    width: 20em; 
    height: 5em;    
    position: absolute;
    z-index: 1;
    left: 0.5em;
}
.imglogo {width: 100%; height: 100%;}
/*.logo_gobierno {
    background-image: url("/npRioja/upload/nuevo_dis/logo.png");
    background-position: left center;
    background-repeat: no-repeat;
    display: block;
    height: 60px;
    text-indent: -9999px;
    width: 232px;
}*/


/* __________________________________ estilos del men  vertical de cabecera __________________________________ */
.menusup {
	position: absolute;
	/*top: 0.1em;
    margin: 0 auto;
	bottom: 0.2em;*/
    width: 15.1em;
	right: 0em;
	bottom:0em;
	top:0em;
	background-image: url(/npRioja/upload/nuevo_dis/fondo_men_sup.png);
	background-repeat: repeat-y;
	background-position: left;    
}
.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(/npRioja/upload/nuevo_dis/menu_supli_2.gif) left no-repeat}

.menusup a         { /*background-color: #00361E;*/ 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;}

/* _____________________________________ div con el cuerpo del portal ________________________________________ */
.fondo_cuerpo {	    
    background: url(../img/layout/borde_derecha.gif) 65.7em 0;
    height: auto;
    border-bottom: 0.01em solid #000;
    float: left;
    width: 100%;
}
.fondo_cuerpo1{	background-color:#FFF; height:auto;float:left;}
.fondo_cuerpo2{	background-color:transparent; height:auto;float:left;}

/* ___________________________________ div columna izquierda en el cuerpo ____________________________________ */
.izquierda{
    width: 15.5em;
    height: auto;
    margin: 0;
    float: left;
    display: inline;
}

/* __________________________________ estilos del men  vertical de  reas _____________________________________ */
.menuareas           { text-align:left;padding:1em 0 0 1em;}
.menuareas ul        { list-style-image:url(/npRioja/upload/nuevo_dis/cuadr_b.png);margin:0;padding: 0 1em 1em 1em;vertical-align:middle}
.menuareas ul li     { text-align:left;line-height:1.5em;vertical-align:middle}
.menuareas ul li a   { text-decoration: none;color:#007771;}
.menuareas a:visited { text-decoration: none; color:#007771;}
.menuareas a:hover   { text-decoration: none;color:#007771;}
.menuareas a:active  { text-decoration: none;color:#007771;}

/* __________________________________ estilos del men  vertical de  reas _____________________________________ */
.pagemenu           { text-align:left;padding:1em 0 0 0;}
.pagemenu ul        { list-style-image:url(/npRioja/upload/nuevo_dis/cuadr_b.png);margin:0;padding: 0 0em 1em 1.3em;vertical-align:middle}
.pagemenu ul li     { text-align:left;line-height:1.5em;vertical-align:middle}
.pagemenu ul li a   { text-decoration: none;color:#007771;}
.pagemenu a:visited { text-decoration: none; color:#007771;}
.pagemenu a:hover   { text-decoration: none;}
.pagemenu a:active  { text-decoration: none;color:#007771;}

/* ______________________________ estilos del men  vertical de web secundarias ________________________________ */
.menuwebsecundaria           { clear:both;text-align:left;padding:1em 0em 0 1em;}
.menuwebsecundaria ul        { list-style-type:none;padding:0;margin:0;}
.menuwebsecundaria ul li ul li    { background:url(/npRioja/upload/nuevo_dis/triang.png)  no-repeat top left;}
.menuwebsecundaria ul li.linormal    { background:url(/npRioja/upload/nuevo_dis/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(/npRioja/upload/nuevo_dis/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(/npRioja/upload/nuevo_dis/cuadr_b2.png) no-repeat top left;text-align:left;line-height:1.5em;vertical-align:middle;padding-left:1em;}

.menuwebsecundaria a         { color:#414B56;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;}

/* ______________________________ estilos del men  vertical de web 3  nivel __________________________________ */

/*.menuwebsecundaria ul.menu3nivel                { list-style-image:url(../img/bullets/icomenu3nivel.gif);margin:0;padding-left:1.2em;vertical-align:middle;margin:0;}
.menuwebsecundaria ul li.menu3nivel    { background:url(../img/bullets/icomenu3nivel.gif)  no-repeat top left;text-align:left;line-height:1.5em;text-indent:1.2em;margin:0;}*/
.menu3nivel    { background:url(../../img/bullets/icomenu3nivel.gif) no-repeat top left;text-align:left;line-height:1.5em;vertical-align:middle;padding-left:1em;}

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;}

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;}

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

/* _____________________________ estilos del men  vertical izquierdo inferior ________________________________ */
.menurightdown           { float:right;text-align:left;}
.menurightdown ul         { list-style-type:none;margin:0;vertical-align:middle;padding:0;}
.menurightdown ul li      { text-align:left;line-height:1.5em;vertical-align:middle;}
.menuLD0 { border-bottom:0.1em solid #eef8ef;background-color:#00533f;width:14em;background-image:url(../../img/bullets/icomenuleftdown.gif);background-position:right;background-repeat:no-repeat;}
.menuLD1 { border-bottom:0.1em solid #eef8ef;background-color:#009460;width:14em;background-image:url(../../img/bullets/icomenuleftdown.gif);background-position:right;background-repeat:no-repeat;}
.menuLD2 { border-bottom:0.1em solid #eef8ef;background-color:#55be47;width:14em;background-image:url(../../img/bullets/icomenuleftdown.gif);background-position:right;background-repeat:no-repeat;}
.menuLD3 { border-bottom:0.1em solid #eef8ef;background-color:#414B56;width:14em;background-image:url(../../img/bullets/icomenuleftdown.gif);background-position:right;background-repeat:no-repeat;}

.menurightdown a         { color:#FFF;font-size:1.1em;padding-left:0.5em;font-weight:bold;}
.menurightdown a:visited { text-decoration: none; color:#FFF;padding-left:0.5em;}
.menurightdown a:hover   { text-decoration: none; color:#FFF;padding-left:0.5em;}
.menurightdown a:active  { text-decoration: none; color:#FFF;padding-left:0.5em;}

/* ___________________ Div que contendr  los componentes situados en la primera columna __________________ */
/* .firstcolcomp  { 
	padding:0 0 0 0.5em;*/
	
.firstcolcomp  { 
	padding:0 0 0 0.5em;
	width: 16em;
	_width: 17.5em; /* IE 6 and below */
	clear:both;
	float:left;
}

.firstcolcomp p {
	margin: 5px 0 5px 0;
	text-align:center;

}



/* ___________________ Div que para una sola columna __________________ */
.uniquecolumn { float:left; width:76em; margin:0;padding:0;border:1px solid blue;}

/* __________________________ Div para las columnas intermedias _____________________________ */
.middlecontent { 
	float: left; 
	width: 46.5em;
	margin: 0;
	padding: 0.2em 0.5em 0 0em;
}


html>body .middlecontent {  /*solo para firefox*/
	float: left; 
	width: 46.5em; 
	margin: 0;
	padding: 0.2em 0.5em 0 1em;
} 

.middleheight {float:left;width:0.01em;margin:0;padding:0;height:32em;}

.middlecolumns { 
    padding: 0 0.2em 0 0.2em;
    float: left;
    height: auto; 
    text-align: center; 
    overflow: hidden;    
    width: 46em;
}

/* __________________________ estilos del men  que muestra el  path de situaci n _____________________________ */
.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;}

.limedio  { display:inline;margin:0;padding:0 1.2em 0 0.3em;background:url(../img/bullets/flecha_path.gif) right no-repeat;}
.liultimo { display:inline;margin:0;padding:0 0 0 0.3em;}
.h2liprimero {font-size:1em;margin:0;display:inline;font-weight: normal;}

.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}

/* __________________________ Div para las columnas final _____________________________ */
.lastcolumn    { 
	padding: 0.5em 0.5em 0 0;
	float: right;
	height: auto; 
	width: 14.6em;
	text-align: center;
}

.lastcolumn  p { 
	margin: 7px 0;
	text-align:center;
}


* html .lastcolumn { padding:0.5em 0.3em 0 0em}
.controlaltura {float:right;height:0;width:0.01em;}
* html .controlaltura {float:right;height:0em;width:0.01em}

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

.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;}


/* __________________________________________________________________________________________________________ */
/*                                                                                                            */
/*                                            estilos gen ricos                                               */
/* __________________________________________________________________________________________________________ */

fieldset	{border:0.08em solid #e3e3e3; padding:0.5em 0.5em 0.5em 0.5em;margin:0.2em;}
legend		{font-weight:bold;}
form		{margin:0; padding:0;}

* 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 {
	margin:0 0 1em 0;
	font-size: 1em;
}

h1 a {  
    background-image: url("/npRioja/upload/nuevo_dis/logo.png");
    background-position: left center;
    background-repeat: no-repeat;
    display: block;
    height: 60px;
    text-indent: -9999px;
    width: 232px;
}

/* Cambiado*/
h2 { font-size:1.15em; margin:0 0 0.9em 0; color:#007771; font-weight: normal;}

.menuareas h2 {
	-moz-border-radius:0.4em;
	-webkit-border-radius:0.4em;
	box-shadow: 0.2em 0.2em 0.6em #cccccc;
	-webkit-box-shadow: 0.2em 0.2em 0.6em #cccccc;
	-moz-box-shadow: 0.2em 0.2em 0.6em #cccccc;
	background-image: url(/npRioja/upload/nuevo_dis/ic_h2.gif);
	border:0.1em solid #d0d0d1;
	margin:0.5em 0 0.5em -1em;
	line-height: 2em;
	background-repeat: no-repeat;
	background-position: 0.4em center;
	height: 2em;
	width: 11.5em;
	padding-left: 1.5em;
	}

.menuwebsecundaria h2 { 
	-moz-border-radius:0.4em;
	-webkit-border-radius:0.2em;
	box-shadow: 0.2em 0.2em 0.6em #cccccc;
	-webkit-box-shadow: 0.2em 0.2em 0.6em #cccccc;
	-moz-box-shadow: 0.2em 0.2em 0.6em #cccccc;
	
	background-image: url(/npRioja/upload/nuevo_dis/ic_h2.gif);
	border:0.1em solid #d0d0d1;
	margin:0.5em 0 0.5em -1em;
	background-repeat: no-repeat;
	background-position: 0.4em center;
	/*height: 2em;
	line-height: 2em;*/
    height: auto;
	width: 11.5em;
	padding: 0.2em 0 0.2em 1.5em;
	
	}
	
/*.menuwebsecundaria h2 img {
	margin:-1em -1.7em ;
	 -moz-border-radius: none;
	 -moz-box-shadow: none;
	 background-image: none;	

	}*/


h3 { font-size:1.2em; margin:0.5em 0 0.8em 0; color:#007771; }
h4 { font-size:1.1em; margin:0 0 0.7em 0; color:#007771; }
h5 { font-size:1em;   margin:0.3em 0 0.6em 0; color:#007771; }
h6 { font-size:0.9em; margin:0 0 0.5em 0; color:#007771; }

ul + h4, ul + h3, ul + h5, ul + h6 {
	margin-top: 1em;
}

a         { color:#007771; text-decoration: none; }
a:visited { color:#551A8B; text-decoration: none; }
a:hover   { color:#007771; text-decoration: none }

/* Cambiado por La Rioja y adaptado a tal fin por JGB */
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 */

.fdivmiddlezone h3{
	margin-top: 0;
}
/* __________________________________________________________________________________________________________ */
/*                                                                                                            */
/*                                         Pagina de validacion                                               */
/* __________________________________________________________________________________________________________ */

.loginbody {text-align:center;margin:10em auto;padding:0;background-color:#fff;background-image:none;color:#000;}
.tabla {margin:0 auto;width:16em;border:0.1em solid #007771;padding:1.5em;text-align:center;}
.celda {padding:0.3em;white-space:nowrap;font-weight:bold;color:#007771;text-align:left;font-size:0.75em;}
.botonlogin {background-color:#55BE47; border:1px solid #000; color:#ffffff; font-weight:bold; cursor: pointer;font-size:0.75em;}
.inputlogin { font-size:0.75em}

/* __________________________________________ main page clock  _____________________________________________ */



.banner {
    z-index: 0;
    position: absolute;
    /*width: 80.4em;*/
   /* height: 100%;*/
    left: 0em;
}


/* fix for GSA (styles overwrited) */
.constructorAction a:link    { text-decoration: none; color:#ECF7ED;}
.menusup 	   a:link    { /*background-color: #00361E;*/ text-decoration: none; color: #FFF; font-size: 1.2em;}

/* HR to DIV */
.divhr{
	border-top: 0.05em solid rgb(153, 153, 153); 	
	padding-top: 3px;
}

.zindex{
	z-index: 1;
}
.portal_printer {
	text-align: right;

}
.portal_printer a {
	visibility: hidden; 
	cursor: pointer;
}

.youtube {
    float: left;
    padding-left: 0.5em;
    width: 6%;
}
/******************************************/

/*caja*/

.textocaja ul li {
	list-style-image: url(/npRioja/upload/nuevo_dis/ic_lista_caja.png);	
	}




.tituloverdeoscuro {
background-color:#00533f;

-moz-border-radius-topleft:0.2em;
-moz-border-radius-topright:0.2em;

	border-bottom-width: 0.1em;
	border-bottom-style: solid;
	border-bottom-color: #00533f;
	padding: 0.7em 0em 0em 1em;
}

.tituloverdeoscuro h3 {
color:#ffffff;
}
.tituloverdeoscuro h4 {
color:#ffffff;
}
.tituloverdeoscuro h5 {
color:#ffffff;
}
.tituloverdeoscuro h6 {
color:#ffffff;
}


.tituloverdemedio {
background-color:#009460; 

-moz-border-radius-topleft:0.2em;
-moz-border-radius-topright:0.2em;

	border-bottom-width: 0.1em;
	border-bottom-style: solid;
	border-bottom-color: #009460;
	padding: 0.7em 0 0 1em;
}

.tituloverdemedio h4 {
color:#ffffff;
}

.tituloverclaro {
background-color:#55be60; 
/*
-moz-border-radius-topleft:0.4em;
-moz-border-radius-topright:0.4em;
*/
	border-bottom-width: 0.1em;
	border-bottom-style: solid;
	border-bottom-color: #55be60;
	padding: 0.3em;
}
.tituloverclaro h3{
	padding: 0.7em 0 0 1em;
}
.tituloazul {
/*
-moz-border-radius-topleft:0.4em;
-moz-border-radius-topright:0.4em;
*/
	border-bottom-width: 0.1em;
	border-bottom-style: solid;
	border-bottom-color: #00baff;
	padding: 0.7em 0 0 1em;
}
.titulorojo {
/*
-moz-border-radius-topleft:0.4em;
-moz-border-radius-topright:0.4em;
*/
	border-bottom-width: 0.1em;
	border-bottom-style: solid;
	border-bottom-color: #af0000;
	padding: 0.7em 0 0 1em;
}

.titulogris {
/*
-moz-border-radius-topleft:0.4em;
-moz-border-radius-topright:0.4em;
*/
	border-bottom-width: 0.1em;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
	padding: 0.7em 0 0 1em;
}

.titulogris h4 {
color:#666666;
}

.tituloicono {
	border-bottom-width: 0.1em;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
	padding: 0.7em 0 0 2.5em;
	background-image: url(/npRioja/upload/nuevo_dis/icono_titulo_caja.png);
	background-repeat: no-repeat;
	background-position: 1em center;
}

.titulonegrita {
	padding: 0.7em 0 0 1em;
	font-weight: bold;
}

.bordeverdeoscuro {
-moz-border-radius:0.4em;
-webkit-border-radius:0.4em;
box-shadow: 0.2em 0.2em 0.6em #cccccc;
-webkit-box-shadow: 0.2em 0.2em 0.6em #cccccc;
-moz-box-shadow: 0.2em 0.2em 0.6em #cccccc;	

/*background-color:#F9F9F9;*/
border:0.1em solid #00533f;
margin-bottom:0.5em;
margin-top:0.5em;
overflow:auto;
}
.bordeverdemedio {
-moz-border-radius:0.4em;
-webkit-border-radius:0.4em;
box-shadow: 0.2em 0.2em 0.6em #cccccc;
-webkit-box-shadow: 0.2em 0.2em 0.6em #cccccc;
-moz-box-shadow: 0.2em 0.2em 0.6em #cccccc;	
/*background-color:#F9F9F9;*/
border:0.1em solid #009460;
margin-bottom:0.5em;
margin-top:0.5em;
overflow:auto;
}
.bordeverdeclaro {
-moz-border-radius:0.4em;
-webkit-border-radius:0.4em;
box-shadow: 0.2em 0.2em 0.6em #cccccc;
-webkit-box-shadow: 0.2em 0.2em 0.6em #cccccc;
-moz-box-shadow: 0.2em 0.2em 0.6em #cccccc;	
/*background-color:#F9F9F9;*/
border:0.1em solid #55be47;
margin-bottom:0.5em;
margin-top:0.5em;
overflow:auto;
}
.bordeazul {
-moz-border-radius:0.4em;
-webkit-border-radius:0.4em;
box-shadow: 0.2em 0.2em 0.6em #cccccc;
-webkit-box-shadow: 0.2em 0.2em 0.6em #cccccc;
-moz-box-shadow: 0.2em 0.2em 0.6em #cccccc;	
/*background-color:#F9F9F9;*/
border:0.1em solid #00baff;
margin-bottom:0.5em;
margin-top:0.5em;
overflow:auto;
}
.borderojo {
-moz-border-radius:0.4em;
-webkit-border-radius:0.4em;
box-shadow: 0.2em 0.2em 0.6em #cccccc;
-webkit-box-shadow: 0.2em 0.2em 0.6em #cccccc;
-moz-box-shadow: 0.2em 0.2em 0.6em #cccccc;	
/*background-color:#F9F9F9;*/
border:0.1em solid #af0000;
margin-bottom:0.5em;
margin-top:0.5em;
overflow:auto;
}

.bordegris {
-moz-border-radius:0.4em;
-webkit-border-radius:0.4em;
box-shadow: 0.2em 0.2em 0.6em #cccccc;
-webkit-box-shadow: 0.2em 0.2em 0.6em #cccccc;
-moz-box-shadow: 0.2em 0.2em 0.6em #cccccc;	
/*background-color:#F9F9F9;*/
border:0.1em solid #cccccc;
margin-bottom:0.5em;
margin-top:0.5em;
overflow:auto;
}


.bordeicono {
-moz-border-radius:0.4em;
-webkit-border-radius:0.4em;
box-shadow: 0.2em 0.2em 0.6em #cccccc;
-webkit-box-shadow: 0.2em 0.2em 0.6em #cccccc;
-moz-box-shadow: 0.2em 0.2em 0.6em #cccccc;	
/*background-color:#F9F9F9;*/
border:0.1em solid #cccccc;
margin-bottom:0.5em;
margin-top:0.5em;
}

.bordenegrita {
-moz-border-radius:0.4em;
-webkit-border-radius:0.4em;
box-shadow: 0.2em 0.2em 0.6em #cccccc;
-webkit-box-shadow: 0.2em 0.2em 0.6em #cccccc;
-moz-box-shadow: 0.2em 0.2em 0.6em #cccccc;	
border:0.1em solid #cccccc;
margin-bottom:0.5em;
margin-top:0.5em;
}
.fondo{
background-color:#F9F9F9;
}
.textocaja	{text-align: justify; padding:0.5em 1em;}




/*fin caja*/

/*Alineación imágenes*/

.img_derecha {
	float:right;
	clear: right;	
	display: inline;
/*	border: 1px solid #99CC99;*/	
	background-color: #FFFFFF;
		margin:0.5em 0 0.5em 0.5em;
}

.img_izquierda {

	float:left;
	clear: left;	
	padding: 0.5em;	
	display: inline;
	background-color: #FFFFFF;
	margin:0.5em 0.5em 0.5em 0;
}

/*Fin alineación imágenes/*


/*buscador*/


#buscador form {color: #666666;	margin: auto;	width: 600px;	font: 0.8em "helvetica neue",helvetica,arial,sans-serif;}
#buscador label {float: left;	width: 25em;	display: block;	text-align: right;	vertical-align: middle;	margin-right: 0.5em;	line-height: 2em;}
#buscador input {border: 1px solid #5F99BD;	padding: 0.4em;	color: #477b9f;	font: 0.9em "helvetica neue",helvetica,arial,sans-serif; width:240px;}
#buscador select {border: 1px solid #5F99BD;	padding: 0.4em;	color: #477b9f;	font: 0.9em "helvetica neue",helvetica,arial,sans-serif;	width:240px;}
#buscador ul, form ol {margin: 0px;	padding: 0px;	list-style: none;}
#buscador form li {display: block;	margin: 0.4em;}
#buscador fieldset {padding: 2em 0;border: 1px solid #bcdedf;	position: relative;	margin-bottom:0.5em;	background-image:url(http://pruebasportal.larioja.org/npRioja/upload/lupa.png);	background-repeat: no-repeat;	background-position: 1.5em 4em;}
#buscador legend {position: absolute;	margin: 0;	padding: 0;	color: #006699;	font: italic bold 1.4em "helvetica neue",helvetica,arial,sans-serif;}
#buscador legend span {position: absolute;	margin-top: -1.3em;	margin-left: 1em;	left: 0;	top: 0;}
#buscador fieldset.enviar {background-color: #FFFFFF;	border-style: none;	background-image: none;	float: right;}
#buscador input:focus, textarea:focus {	background-color: #f3f3f3;	border: 1px solid #000033;}
#buscador img {border:none;}
.clear{clear: both;}


