/* ------------------*/
/* Estilos Generales */
/* ------------------*/
body {
 font-family: Verdana, Arial, sans-serif;
}

A {
TEXT-DECORATION: none;
}
A.aviso  {
	FONT-SIZE: 8pt;
}

A.aviso:hover  {
	COLOR: red;
}
/* Fin estilos Generales */

/* ------------------*/
/* Estilos APLICACIÓN */
/* ------------------*/
div.r01gApplication .q92aCabecera {
	background-color : #000066;
}

div.r01gApplication .q92aErrores{
	color:red;
	font-size : 1.3em;
	margin-bottom: 1.5em;
}

div.r01gApplication .q92aListaAlineada{
	margin-top:1.2em;
	list-style-type: square;
}

div.r01gApplication .q92aTituloMenu {
	background-color : #FFFACD;
	color : #4682B4;
	font-size : xx-small;
	border-top: 1px solid #4682B4;
	border-bottom: 1px solid #4682B4;
	
}

div.r01gApplication .q92aTituloMenuEx {
	background-color : #000066;	
	color : #ccff00;
	font-size : xx-small;
	font-weight : bold;
	/*background-color : #CCFF00;
	color : #000066;*/
	/*border-top: 1px solid #4682B4;
	border-bottom: 1px solid #4682B4;*/
	/*border-top: 1px solid #ccff00;
	border-bottom: 1px solid #ccff00;*/	
}
div.r01gApplication .q92aPasarelaIzq{
	float:left;
	width:20%;
}
div.r01gApplication .q92aPasarelaDcha{
	float:right;
	text-align:left;
	width:60%;
	margin-top:5em;
}
div.r01gApplication .q92aTabla{
	background-color : #4682B4;
	width: 100%;
}

div.r01gApplication .q92aListadoActividades td, th {
  padding: 0.5em;
}

div.r01gApplication .q92aTablaIzq{
	 float:left;
	 width:8%;
}

div.r01gApplication .q92aTablaDcha{
	 float:letf;
}
div.r01gApplication .q92aCentrarEnPantalla{
	margin-top:8em;
}
div.r01gApplication .q92aBloqueIzq{
	float:left;
}
div.r01gApplication .q92aBloqueDcha{
	margin-left:20em;
}

div.r01gApplication .q92aIzq{
	float:left;
	width:32%;
	text-align:center;
	
}
div.r01gApplication .q92aMedio{
	float:left;
	width:32%;
	text-align:center;
	
}

div.r01gApplication .q92aMedioIzq{
	float:left;
	width:15%;
	text-align:center;
	margin-top:0.5em;
}

div.r01gApplication .q92aDcha{
	float:left;
	text-align:center;
	width:35%;
	
}
div.r01gApplication .q92aTablaAcceso{
	width: 40%;
	float:center;
	margin-left:17em;
	margin-top:5em;
}

div.r01gApplication .q92aControlItem {
	color : #4682B4;
	/*font-size : 1em;*/
	/*border: 0.05em solid #4682B4;*/
	border: 1px solid #4682B4;	
	border-radius: 5px;
}

div.r01gApplication .q92aControlItemMand {
	color: #4682B4;
	/*font-size: 1.2em;*/
	border: 1px solid #4682B4;	
	border-radius: 5px;
	background-color: #F2F2F2;
}
 
div.r01gApplication .q92aTextAreaItem {
	color : #4682B4;
	font-family: arial;
	font-size : x-small;
	border: 1px solid #4682B4;
}

div.r01gApplication .q92aTextoInfo {
	color : #4682B4;
	font-size : 1.3em;
}

div.r01gApplication .q92aTextoInfoSmall {
	color : #4682B4;
	font-size : 0.8em;
}

div.r01gApplication .q92aTextoRes {
	/*color : #4682B4;*/
	color : #CCCCCC;
	font-size : 1.8em;
	font-weight : bold;
}

div.r01gApplication .q92aTextoResTable {
	/*color : #4682B4;*/
	color : #CCCCCC;
	font-size : 1.2em;
	font-weight : bold;
}

div.r01gApplication .q92amenuItem {
	color : #4682B4;
	font-size : 1.3em;
	padding-bottom: 5px;
}

div.r01gApplication .q92aList{
	/*list-style-type: square;*/
	list-style-type: disc;
	color : #4682B4;
}
div.r01gApplication .q92amenuItemDiv {
	color : #4682B4;
	font-size : 1.8em;
}
div.r01gApplication .q92aSeparacion{
	margin-bottom: 1.1em;
}

div.r01gApplication .q92aMenuItemBack {
	color : #cccccc;
	font-size : xx-small;
}

div.r01gApplication .q92aMenuItemSel {
	color : red;
	font-size : xx-small;
}

div.r01gApplication .q92aMenuItemV {
	color : #000066;
	font-size : xx-small;
}


div.r01gApplication .q92aMenuItemX {
	color : #4682B4;
	font-size : x-small;
}


div.r01gApplication .q92aMenuItemAmarillo {
	color : yellow;
	font-size : xx-small;
}

div.r01gApplication .q92aPie{
	font : 100 italic xx-small;
	color : #A9A9A9;
}
 


div.r01gApplication .q92aTextoCabecera{
	color: #FFFFFF;
	font-size: 7.5pt;
	font-weight : bold;
}

div.r01gApplication .q92aTituloOpcion {
	background-color : #FFFACD;
	color : #4682B4;
	font-size : larger;
	border-top: 1px solid #4682B4;
	border-bottom: 1px solid #4682B4;
}

div.r01gApplication .q92acabeceraMarcoDatos {
	background-color : #CCCCCC;
	color : #4682B4;
	font-size :1.2em;;
	border-top: 0.2em solid #4682B4;
	border-bottom: 0.2em solid #4682B4;
	FONT-WEIGHT: bold;
}
div.r01gApplication .q92acabeceraMarcoDatosDiv {
	background-color : #CCCCCC;
	color : #4682B4;
	font-size :1.2em;;
	border-top: 1px solid #4682B4;
	border-bottom: 1px solid #4682B4;
	FONT-WEIGHT: bold;
	padding: 5px;
	border-radius: 5px;
}

div.r01gApplication .q92acabeceraMarcoDatosV {
	background-color : #000066;
	color : #CCFF00;
	font-size : 8pt;
	border-top: 1px solid #4682B4;
	border-bottom: 1px solid #4682B4;
	FONT-WEIGHT: bold;
}

div.r01gApplication .q92afilaLista {
	color : #4682B4;
	font-size : 1.2em;
	background-color: #ffffff;
	border-radius: 5px;
	border: 0.05em solid #4682B4;
}

div.r01gApplication .q92afilaListaMand {
	color : #4682B4;
	/*font-size : 1em;*/	
	background-color : #F2F2F2;
	border: 1px solid #4682B4;
	border-radius: 5px;
	/*background-color : #FFFFFF;*/
}
div.r01gApplication .q92afilaListaDiv {
	color : #4682B4;
	font-size : 1.3em;
	background-color: #ffffff;
}
div.r01gApplication .q92afilaListaLista {
	color : #4682B4;
	font-size : 1.3em;
	background-color: #ffffff;
}
div.r01gApplication .q92aLista{
	color : #4682B4;
	font-size : 1.3em;
	list-style-type: square;
}

div.r01gApplication .q92afilaListaSeleccionada {
	color : #4682B4;
	background-color: #E7E7E7;
	font-size : xx-small;
}

div.r01gApplication .q92aTituloPantalla {
	background-color :  #d8e2ec;
	border-top: 0.1em solid #cccccc;
	border-bottom: 0.1em solid #cccccc;
	color : #4682B4;
	font-size : 2em;
}
div.r01gApplication .q92aTituloPantallaDiv {
	background-color:#d8e2ec;
	border-top:0.1em solid #cccccc;
	border-bottom:0.1em solid #cccccc;
	color:#4682B4;
	font-size:2em;
	border-radius: 5px 5px 5px 5px;
	padding: 4px;
}
div.r01gApplication .q92aTituloPantallaCentrado {
	background-color :  #d8e2ec;
	border-top: 0.1em solid #cccccc;
	border-bottom: 0.1em solid #cccccc;
	color : #4682B4;
	font-size : 1.2em;
	margin-bottom: 1.5em;
	text-align:center;
	border-radius: 5px 5px 5px 5px;
}

div.r01gApplication .q92aCaption {
	color : #4682B4;
	font-size : 1.3em;
	text-align:left;
}

div.r01gApplication .q92aTituloLista {
	color : #4682B4;
	font-size : 1.2em;
	font-weight : bold;	
}

div.r01gApplication .q92aTituloPantallaV {
	/*background-color :  #CCFF00;
	color : #000066;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;*/
	background-color :  #000066;
	color : #ccff00;
	font-size : 9pt;
	font-weight : bold;	
}

div.r01gApplication .q92aTituloInicio {
	background-color :  #d8e2ec;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	color : #4682B4;
	font-size : 26pt;
}

div.r01gApplication .q92aBotonIzq{
	float:left;
	width:49%;
	text-align:right;
	
}
div.r01gApplication .q92aBotonDcha{
	float:right;
	width:49%;
	text-align:left;
}
div.r01gApplication .q92aboton {
	width: 8em;
	height: 1.6em;
	cursor: pointer;
	background-color:#ffffff;
	color:#000066;
	font-size : 1.2em;
	BORDER-RIGHT: #000066 0.1em solid;
    BORDER-TOP: #000066 0.1em solid;
    BORDER-LEFT: #000066 0.1em solid;
    BORDER-BOTTOM: #000066 0.1em solid
}

div.r01gApplication .q92abotonPeq {
	width:3em;
	height:1.6em;
	cursor:HAND;
	background-color:#ffffff;
	color:#000066;
	font-size : 1.2;
	BORDER-RIGHT: #000066 1px solid;
	BORDER-TOP: #000066 1px solid;
	BORDER-LEFT: #000066 1px solid;
	BORDER-BOTTOM: #000066 1px solid
}

div.r01gApplication .q92abotonGrn {
	width: 12em;
	height:1.6em;
	cursor:HAND;
	background-color:#ffffff;
	color:#000066;
	font-size : 1.2;
	BORDER-RIGHT: #000066 1px solid;
    BORDER-TOP: #000066 1px solid;
    BORDER-LEFT: #000066 1px solid;
    BORDER-BOTTOM: #000066 1px solid
}

div.r01gApplication .q92aicono {
	width:12px;
	height:12px;
}

div.r01gApplication .q92acolorBorde {
	border : 1px solid #cccccc;
}

div.r01gApplication .q92afondoMsg {
	background-color:#E7E7E7;
	color:#4682B4;
	font-size: 10pt;
}

div.r01gApplication .q92aletraMsg {
	color:#000000;
}

div.r01gApplication .q92alista0 {
	color : #4682B4;
	font-size : 10pt;
}

div.r01gApplication .q92alista1 {
	color : #4682B4;
	font-size : 9pt;
}

div.r01gApplication .q92amarcoDatos {
	border:0.1em solid #4682B4;
}

div.r01gApplication .q92a_marcoDatos_pad_lat {
	border:1px solid #4682B4;
	padding: 2ex;
	padding-top: 1ex;
	border-radius: 5px;
}

div.r01gApplication .q92a_marcoDatos_pad_sup_inf {
	border:1px solid #4682B4;
	padding: 2ex;
	margin-bottom: 2ex;
	border-radius: 5px;
}

div.r01gApplication .q92adiaMes {
	color : #ffffff;
	font-size : xx-small;
}
div.r01gApplication .q92aCuadrado{
	margin-top:0.5em;
	width:100%;
	clear: both;
	padding: 0.5em;
}
div.r01gApplication .q92aListaDestacados{
	list-style-image: url("/AVComun/r01gContentListVA/images/r01TypoPress.gif");
	margin-right: 1em;
	color: #152A93;
}

div.r01gApplication .q92aElementoListaDestacados{
	margin-bottom: 1em;
	font-size: 1.2em;
}

div.r01gApplication .q92aTituloDestacadas{
	font-family: Cooper Black;
	color: #152A93;
	background-color:#DED903;
	font-size: 1.5em;
	margin-bottom: 1em;
	padding: 0.5em;
}
div.r01gApplication .q92aLink{
	text-decoration: none;
	color : #152A93;
	
}
div.r01gApplication .q92aLink:hover {
	color : #556b2f;
	text-decoration: none;
}
div.r01gApplication .q92aLink:visited {
	color :#152A93;
}

div.r01gApplication .q92aContenidoApp{
	width: 97%;
	float: left;
}

div.r01gApplication .q92aContenidoAppContenidos{
	width: 100%;

}


div.r01gApplication #q92aAccesoFormulario{
	width: 97%;
	float: left;
	text-align: center;
	color: #4682B4;
	font-size: 1.2em;
	padding: 1em;
}

div.r01gApplication #q92aAccesoInputs{
    margin-left: 30%;
    margin-right: 20%;
	text-align: center; 
}
div.r01gApplication #q92aAccesoBoton{
	width: 97%;
	float: left;
	text-align: center;
	margin-top: 2em;
	border: thick;
}

/****/

div.r01gApplication .q92aGeneral2Columnas{	
	width:99%;
    overflow:hidden;
	padding: 5px;
}
div.r01gApplication #q92aColumnaIzq{
	float: left;
	/*width: 47%;*/
	width: 34%;
}
 div.r01gApplication #q92aColumnaDrch{
	float: left;
	width: 49%;
 }
 
div.r01gApplication .q92aMarcoFormulario{
	padding: 10px;
	margin-left: 10%;
    margin-right: 10%;
    border-radius: 5px 5px 5px 5px;
}

div.r01gApplication .q92aCampoText{
	border: 1px solid #BABABA;
    border-radius: 5px 5px 5px 5px;
}

div.r01gApplication .q92aboton2 {
	width: 10em;
	height: 2.5em;
	cursor:HAND;
	/*background-color:#ffffff;*/
	font-size : 1.2em;
	border-radius: 3px 3px 3px;
	margin-left: 80px;
	margin-top: 15px;
	color : #4682B4;	
  	background: #f5f5f5;  	
 /*border-color: #dedede #d8d8d8;*/
 /* box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb;*/
 }

div.r01gApplication .q92abotonGrn2{
	width: 12em;
	height:1.6em;
	cursor:HAND;
	/*background-color:#ffffff;*/
	background: #f5f5f5;  	/**/
	color: #4682B4;
	font-size : 1em;
	border-radius: 3px 3px 3px;
	/*BORDER-RIGHT: #000066 1px solid;
    BORDER-TOP: #000066 1px solid;
    BORDER-LEFT: #000066 1px solid;
    BORDER-BOTTOM: #000066 1px solid*/
}
div.r01gApplication .q92abotonLink{	
	border: none;
	cursor: HAND;
	background-color: transparent;
	margin-left: 80px;
	margin-top: 10px;
	color : #4682B4;
	font-size : 1.2em;
	text-decoration: underline;
	text-align: left;
}

div.r01gApplication .q92abotonLink:hover {
	/*color: blue;*/
	/*background-color: transparent;*/	
	color : grey;
	text-decoration: none;
}

div.r01gApplication #q92aColumnaIzqSeparacion{

	float: left;
	width: 49%;
	border-right:1px solid #CCCCCC;
}

div.r01gApplication .q92aTabla2 td {
  padding: 0.5em;
  border-bottom: 1px dotted #4682B4;
}

div.r01gApplication .q92afilaTabla{
	color : #4682B4;
	font-size : 1.3em;
	background-color: #ffffff;
	border-bottom: 0.2em solid #4682B4;
		
}
div.r01gApplication .q92aTabla2{	
	width: 100%;
	/*border-collapse: collapse;*/	
}

div.r01gApplication .q92aLink2{
	text-decoration: none;
	color : #4682B4;	
}
div.r01gApplication .q92aLink2:hover {
	color : grey;
	text-decoration: underline;
}
div.r01gApplication .q92aLink2:visited {
	color : grey;
}
div.r01gApplication .q92aLink2Subrayado{
	text-decoration: none;
	color : #4682B4;
	text-decoration: underline;
	
}
div.r01gApplication .q92aLink2Subrayado:hover {
	color : grey;
	text-decoration: underline;
}
div.r01gApplication .q92aLink2Subrayado:visited {
	color : grey;
}

div.r01gApplication .q92aTextoProteccionDatos {
	color : #4682B4;
	font-size : 1.0em;
	font-style: oblique;
	text-align: justify;
}
div.r01gApplication .q92aMarcoFormularioFinal{
	padding: 30px;
	margin-left: 5%;
    margin-right: 5%;
    border-radius: 5px;
}

div.r01gApplication .q92aList2{
	/*list-style-type: square;*/
	list-style-type: circle;
	color : #4682B4;
	font-size: 1.2em;
	
}
div.r01gApplication .q92acheck{
		margin-left: 5%;		
}

.ui-dialog-titlebar-close span.ui-icon-closethick::before, .ui-button-icon.ui-icon.ui-icon-closethick {
    display: none !important;
    
}



/* NUEVOS */

table.table-material  {
    border: 1px #c0c0c0 solid !important;
    
}

table.table-material > thead tr {
    background-color: #e9e9e9 !important;
  
}

.edukiontzia div.r01gContainer table th {
    background-color: transparent !important;
    color: black !important;
    
}

.obligatorio {
    background-color: #ffffee !important;
    
}

fieldset.marcoDatos td {
    padding-top: 0.3em !important;
    padding-bottom: 0.3em !important;
    
}

.edukiontzia div.r01gContainer * {
  	text-align: -moz-center-or-inherit;
  
}

.center{
	text-align: center !important;
	
}

.right{
	text-align: end !important;
	
}

.smpSortableTable--nav-links.smpSortableTable--disabled {
    background-color: #eeeeee !important;
    cursor: not-allowed !important;
    color: lightgrey !important;
    
}

.TituloPantalla {
  	font-size: 20px !important;
  	font-weight: bold !important;
  	
}

input, textarea {
    background-color: #fff !important;
    background-image: none !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    box-shadow: 0 1px 1px rgb(0 0 0 / 8%) inset !important;
    color: #555 !important;
    font-size: 1rem !important;
    line-height: 1.42857 !important;
    padding: 2px 12px !important;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 1.1em !important;
    
}

.deleteNode{
	border: none !important;
	box-shadow: none !important;
	
}

.jstree-anchor {
    display: inline-block !important;
    color: black !important;
    white-space: nowrap !important;
    padding: 0 4px 0 1px  !important;
    margin: 0  !important;
    vertical-align: top !important;
    text-decoration: none !important;
    
}

.boton{
  	height: 32px !important;
  	
}

.ui-widget-header {
    background-image: none !important;
    background: #69a3d6 !important;
    border: none !important;
    color: #fff !important;
    font-weight: bold  !important;
    
}



#boletinEuskera, #boletinCastelleno{
 	padding: 10px;
}

.etiquetaActividad{
	background-color: #008AC1 !important;
}

.etiquetaNoticia{
    background-color: #FF5E00 !important;
}

.etiquetaPublicacion{
	background-color: #0E9C7A !important;
}

.etiquetaOtro{
	background-color: #E3C71E !important;
}

#previewImgInp{
	font-size: 10px !important;
    padding: 6px 0px !important;
    border: none !important;
    max-width: 230px !important;
	
}

#seccionActividades, #seccionNoticias, #seccionPublicaciones, #seccionOtros, #seccionActividadesEu, #seccionNoticiasEu, #seccionPublicacionesEu, #seccionOtrosEu{
	padding: 20px !important;
	
}

#seccionActividades h2, #seccionNoticias h2, #seccionPublicaciones h2, #seccionOtros h2, #seccionActividadesEu h2, #seccionNoticiasEu h2, #seccionPublicacionesEu h2, #seccionOtrosEu h2{
    text-transform: uppercase !important;
    margin-bottom: 15px !important;
    
}

.editarEnlacesRight{
	float: right;
	margin-top: 5px;
	
}

.ui-dialog-titlebar-close span.ui-icon-closethick::before, .ui-button-icon.ui-icon.ui-icon-closethick {
    display: none !important;
    
}

.ui-button-icon-only.ui-dialog-titlebar-close{
	background-image: url('/kiroleskola/imagenes/kao.gif');
	
}

#boletin #html, #htmlBole #boletinPre{
	float: right;
    height: 23px;
    font-size: 13px;
    padding: 2px;
    width: 140px;
    
}

#previewImgInp::-webkit-file-upload-button {
	visibility: hidden;
}


.upload {
	height: 30px;
    display: inline-block;
    background-image: url('/kiroleskola/imagenes/upload.png');
    background-position: 5px !important;
    background-repeat: no-repeat;
    border: 1px solid #999;
    border-radius: 3px;
    padding: 5px 7px;
    padding-left: 32px;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    text-shadow: 1px 1px #fff;
    font-weight: 700;
    background-size: 22px;
    font-size: 12px !important;
    margin-top: 3px;

}

.uploadImg {
	background-image: url(/kiroleskola/imagenes/upload.png);
   
}

.uploadVideo{
    background-image: url(/kiroleskola/imagenes/video.png);
   	
}

#previewImgInp:hover::before {
	border-color: black;
}

#previewImgInp:active::before {
	background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
	
}

.deleteImg{
	border: none !important;
    box-shadow: none !important;
	
}

input[type="button"], input[type="submit"], .btn {
    font-size: 1.1rem !important;
    padding: 6px 12px !important;
    border-radius: 4px !important;
    line-height: 1 !important;
    font-weight: normal !important;
    margin-bottom: 0 !important;
    
}

#promotionsDismissalsTree a, #noticiasTree a, #actividadesTree a, #publicacionesTree a, #otrosTree a,  #bannerTree a{
  color: gray !important;
  font-weight: 0 !important;
  text-decoration: none !important;
  
}

.celdaCentro{
	text-align: center;
	
}

#logotipos{
	display:flex;
	justify-content: space-between;
	    
}


#publicacion .jstree-children .jstree-themeicon, #noticia .jstree-children .jstree-themeicon, #actividad .jstree-children .jstree-themeicon{
	  background: url("/kiroleskola/jstree/32px.png") -100px -68px no-repeat !important;
	
}

#kirolklik{
	text-align: center;
    margin: 20px 0px 10px 0px;
	
}

.diaEnvio{
	font-size: 15px;
	margin-top: -10px;
	    
}

form[name="Q92aSeleccionActividadFormBean"] .q92aTablaIzq{
    margin-right: 20px;
    
}

.q92aErrores li{
	color: red;
	
}

#dialogNewNode, #dialogNewBanner {
    padding-bottom: 50px !important;
}

#dialogNewNode .rup-feedback.rup-feedback_image {
    background-image: none;
    padding: 1em 0.5em 0.5em 2.5em;
}

#dialogNewNode input[type="button"]:hover{
	background-color: #f2f2f2 !important;
}

#boletinTexto input[type="file"], #bannerTexto input[type="file"]{
	font-size: 15px !important;
}

.banner{
	margin-bottom: 60px;
}

.banner #enlaces{
	background-color: #1d6830;
	display: flex;
    align-items: center;
    justify-content: space-around;
}

.banner #enlaces a{
	margin: 8px;
    font-size: 19px;
	color: white;	
}

.banner #redes{
	float: right;
	margin-top: 10px;
	
}

.banner #redes span{
	margin-right: 10px;
}

.banner #redes a{
	margin-right: 2px;
}

.banner .bannerImage{
	width: 100%;
    /*object-fit: cover;*/
    height: 270px;
    margin-top: 10px;
}

.banner .bannerText{
	background-color: black;
    padding: 10px 20px;
}

.banner .bannerText p{
	color: white;
}

.banner .bannerText h2, .banner .bannerText h2 a{
	color: #10a39b !important;
}

#bannerEs{
	margin-top: 50px;

}


#cargarMasNotic, #cargarMasPublic{
	font-weight: bold;
	
}

#cargarMasNotic .jstree-icon.jstree-themeicon, #cargarMasPublic .jstree-icon.jstree-themeicon{
    background: url(/kiroleskola/imagenes/more.png) !important;
    background-size: 16px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

#docsEs #docsEu{
	width: 345px;
    color: gray;
    margin-top: 10px;
}


