@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(https://fonts.googleapis.com/css?family=Roboto);
@import url('./css/fontello/css/animation.css');
@import url('./css/fontello/css/fontello.css');
@import url('./css/fontello/css/fontello-codes.css');
@import url('./css/fontello/css/fontello-embedded.css');

html {
   height: 100%;
}
body {
   height: 98%;
   font-size: 12px;
   min-height: 98%;
	font-family: 'Roboto', sans-serif;
}

.font-small{
	font-size: 11px;
}
.font-medium{
	font-size: 12px;
}
.font-big{
	font-size: 14px;
}
.reloj {
	background: transparent;
	border: none;
	width: 32px;
	font-size: 11px;
	margin: 0;
	padding: 0;
	font-weight: 600;
}

.menu {
    color: #454545;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    text-decoration: none;	
	font-weight: 100;
}

.menu:hover{
    color:#17a2b8;

}
.menu2 {
    color: #454545;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    text-decoration: none;
	line-height:20px;
	background-image:url(images/mas.png);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:15px;

}

.menu2:hover{
    color:#17a2b8;

}
.titulo {
		font-family: 'Roboto', sans-serif;
		background:#17a2b8;
font-size: 1.2em;
  text-decoration: none;
  color: #ffffff;
  font-weight: 100;

	text-align: center;
	padding: 10px;
}
.subtitulo {
	color: #17a2b8;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	font-weight:bold;
}

.opcionesbig {
	color: #000099;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
}
.alerta {
	color: #ff0000;
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	padding:10px;
}
.opciones2 {
	font-family: 'Roboto', sans-serif;
	font-size: 1em;
}
.listado {
	color: #454545;
	font-family: 'Roboto', sans-serif;
	font-size:1em;
	padding:10px;
}
.listado a {
	text-decoration:none;
	color: #17a2b8;
}
.listado a:hover {
	color: #ff6028;
}
.listado2 {
	color: #ff0000;
	font-family: 'Roboto', sans-serif;
	font-size:1em;
	padding:10px;
}
.listadopeq {
	color: #000000;
	font-family: 'Roboto', sans-serif;
	font-size: 11;
}
.listadon {
	color: #000000;
	font-family: 'Roboto', sans-serif;
	font-size: small;
}
.titmen {
	color: #000099;
	font-family: 'Roboto', sans-serif;
	font-size: 14;
	padding-left: 20px;
}
.cuerpomen {
	color: #000000;
	font-family: 'Roboto', sans-serif;
	font-size: small;
	padding-left: 20px;
}
.piemen {
	color: #000000;
	font-family: 'Roboto', sans-serif;
	font-style: italic;
	font-size: x-small;
	padding-left: 20px;
}
.resmen {
	color: #000099;
	font-family: 'Roboto', sans-serif;
	font-style: italic;
	font-size: small;
	padding-left: 20px;
}
.menubig {
	color: #000099;
	font-family: 'Roboto', sans-serif;
	font-size: large;
}
.listador {
	color: #DF0101;
	font-family: 'Roboto', sans-serif;
	font-size: small;
}

.opcionesbig a:link, .opcionesbig a {
	color: #000099;
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	text-align: left;
	text-decoration: none
}
.opcionesbig a:hover {
	color: #17a2b8;
	font-size: 18px;
	font-weight: normal;
	font-style: normal;
	text-align: left;
	text-decoration: none
}
.opciones2 a:link, .opciones2 a {
	color: #000099;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	text-align: left;
	text-decoration: none
}
.opciones2 a:hover {
	color: #17a2b8;
	font-size: 13px;
	font-weight: normal;
	font-style: normal;
	text-align: left;
	text-decoration: none
}
.opciones a:link, .opciones a {
	/*color: #000099;*/
	font-size: 12px;
	text-align: left;
	text-decoration: none
}
.opciones a:hover {
	color: #17a2b8;

}
.body {
	font-family: 'Roboto', sans-serif;/*	background-image: url(images/beige10.gif);

	background-repeat:repeat-x;*/
}
.menu_izda {
	/*background-color: #ccffcc; */

	color: #17a2b8;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	text-align: left;
}
.menu_izda a:link, .colizda a {
	color: #000;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	text-align: left;
	line-height:2;
		
}
.menu_izda a:hover {
	color: #17a2b8;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	text-align: left;
}
.principal {
	width: 100%;
	background: #ffffff;
	/*margin: 0 auto;  los m�rgenes autom�ticos (conjuntamente con un ancho) centran la p�gina */
	text-align: center; /* esto anula text-align: center en el elemento body. */
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -4em;
	clear:both;

}
.colizdano {
	visibility: hidden;
	-webkit-border-radius: 10px 10px;  /* Safari  */
	-moz-border-radius: 10px 10px;     /* Firefox */
	/* ancho y color del men� */
	/*	position:relative;top:0px;left:0px;
	/*font-family: 'Roboto', sans-serif;*/
	float: left; /* dado que este elemento es flotante, debe asignarse un ancho */
	width: 220;
	/*width: 200px; /* el ancho real de este div, en navegadores que cumplen los est�ndares, o el modo de est�ndares de Internet Explorer, incluir� el relleno y el borde adem�s del ancho */
	background: #FFFFff; /* el color de fondo se mostrar� a lo largo de todo el contenido de la columna, pero no m�s all� */
	padding: 0px 0px 0px 0px; /* el relleno mantiene el contenido del div alejado de los bordes */
	border-right: 1px solid #17a2b8;
	border-left: 1px solid #17a2b8;
	border-top: 1px solid #17a2b8;
	border-bottom: 1px solid #17a2b8;
}
.colizda {
	-webkit-border-radius: 10px 10px;  /* Safari  */
	-moz-border-radius: 10px 10px;     /* Firefox */
	/* ancho y color del men� */
	/*font-family: 'Roboto', sans-serif;*/
	float: left; /* dado que este elemento es flotante, debe asignarse un ancho */
	width: 20%;
	/*width: 200px; /* el ancho real de este div, en navegadores que cumplen los est�ndares, o el modo de est�ndares de Internet Explorer, incluir� el relleno y el borde adem�s del ancho */
	/*background: #e4e7ea; /* el color de fondo se mostrar� a lo largo de todo el contenido de la columna, pero no m�s all� */
	/* background-image: url(images/beige10.jpg);
	/*background-repeat:repeat-x;*/
	padding: 15px 5px 15px 15px; /* el relleno mantiene el contenido del div alejado de los bordes */
	/*border-right: 1px solid #d4d4d4;
	/* border-left: 1px solid #006699;
	border-top: 1px solid #006699;
	border-bottom: 1px solid #006699;*/
}
.colizda h1 {
	font-family: 'Roboto', sans-serif;
	background:#17a2b8;
	/*background: rgba(73,193,209,1);
	background: -moz-linear-gradient(top, rgba(73,193,209,1) 0%, rgba(30,147,165,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(73,193,209,1)), color-stop(100%, rgba(30,147,165,1)));
	background: -webkit-linear-gradient(top, rgba(73,193,209,1) 0%, rgba(30,147,165,1) 100%);
	background: -o-linear-gradient(top, rgba(73,193,209,1) 0%, rgba(30,147,165,1) 100%);
	background: -ms-linear-gradient(top, rgba(73,193,209,1) 0%, rgba(30,147,165,1) 100%);
	background: linear-gradient(to bottom, rgba(73,193,209,1) 0%, rgba(30,147,165,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#49c1d1', endColorstr='#1e93a5', GradientType=0 );
	border-bottom:solid 1px #0c7787;
	border-top:solid 1px #9de0ea;*/
	font-size: 1.2em;
	line-height: 2.2em;
	text-decoration: none;
	color: #333333;
	font-weight: 300;
	text-align: center;
}
.colizda h2 {
	/*background-color: #ccffcc; */
	color: #17a2b8;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	text-align: left;
}
.colder {
	-webkit-border-radius: 10px 10px;  /* Safari  */
	-moz-border-radius: 10px 10px;     /* Firefox */
	float: right; /* dado que este elemento es flotante, debe asignarse un ancho */
	/*	width: 25%;*/
	width: 20%; /* el ancho real de este div, en navegadores que cumplen los est�ndares, o el modo de est�ndares de Internet Explorer, incluir� el relleno y el borde adem�s del ancho */
	/*background: #ccffcc; /* el color de fondo se mostrar� a lo largo de todo el contenido de la columna, pero no m�s all� */
	/*background-image: url(images/beige10.jpg);
	/*	background-repeat:repeat-x;*/
	padding: 15px 15px 15px 15px; /* el relleno mantiene el contenido del div alejado de los bordes */
	/*border-left: 1px solid #d4d4d4;*/

}
.imgder {
	-webkit-border-radius: 10px;  /* Safari  */
	-moz-border-radius: 10px;     /* Firefox */
	/*float: right; /* dado que este elemento es flotante, debe asignarse un ancho */
	/*	width: 25%;*/

		/*	width: 150px; /* el ancho real de este div, en navegadores que cumplen los est�ndares, o el modo de est�ndares de Internet Explorer, incluir� el relleno y el borde adem�s del ancho */

	    	/*background: #ccffcc; /* el color de fondo se mostrar� a lo largo de todo el contenido de la columna, pero no m�s all� */

	    	/*	background-image: url(images/beige10.jpg);

			/*	background-repeat:repeat-x;*/

	padding: 5px; /* el relleno mantiene el contenido del div alejado de los bordes */
	border: 1px solid #afb0b0;
    margin-left: 85%;
    padding: 5px;
    position: absolute;
    top:223px;
	background:#FFF;
	max-width:110px;
}

.colderno {
	visibility: hidden;
	-webkit-border-radius: 10px 10px;  /* Safari  */
	-moz-border-radius: 10px 10px;     /* Firefox */
	float: right; /* dado que este elemento es flotante, debe asignarse un ancho */
	width: 25%;
	/*width: 280px; /* el ancho real de este div, en navegadores que cumplen los est�ndares, o el modo de est�ndares de Internet Explorer, incluir� el relleno y el borde adem�s del ancho */
	background: #FFFFff; /* el color de fondo se mostrar� a lo largo de todo el contenido de la columna, pero no m�s all� */
	padding: 15px 15px 15px 15px; /* el relleno mantiene el contenido del div alejado de los bordes */
	border-right: 1px solid #17a2b8;
	border-left: 1px solid #17a2b8;
	border-top: 1px solid #17a2b8;
	border-bottom: 1px solid #17a2b8;
}
.colder h1 {
	font-family: 'Roboto', sans-serif;
	/*	background-image: url(images/fondo_h1_peq.jpg);*/
	background:#17a2b8;
	/*background: rgba(73,193,209,1);
	background: -moz-linear-gradient(top, rgba(73,193,209,1) 0%, rgba(30,147,165,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(73,193,209,1)), color-stop(100%, rgba(30,147,165,1)));
	background: -webkit-linear-gradient(top, rgba(73,193,209,1) 0%, rgba(30,147,165,1) 100%);
	background: -o-linear-gradient(top, rgba(73,193,209,1) 0%, rgba(30,147,165,1) 100%);
	background: -ms-linear-gradient(top, rgba(73,193,209,1) 0%, rgba(30,147,165,1) 100%);
	background: linear-gradient(to bottom, rgba(73,193,209,1) 0%, rgba(30,147,165,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#49c1d1', endColorstr='#1e93a5', GradientType=0 );
	border-bottom:solid 1px #0c7787;
	border-top:solid 1px #9de0ea;*/
	font-size: 1.2em;
	line-height: 2.2em;
	text-decoration: none;
	color: #333333;
	font-weight: 300;
	text-align: center;
}
.colder h2 {
	/*background-color: #ccffcc; */
	font-family: 'Roboto', sans-serif;
	color: #17a2b8;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	text-align: center;
}
.colder a:link, .colizda a {
	color: #000;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	text-align: left;
	line-height:2;
}
.colder a:hover {
	color: #17a2b8;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	text-align: left;
}
.colcentro {
	margin: 0 23%; /* los m�rgenes derecho e izquierdo de este elemento div crean las dos columnas externas de los lados de la p�gina. Con independencia de la cantidad de contenido que incluyan los divs de las barras laterales, permanecer� el espacio de la columna. Puede quitar este margen si desea que el texto del div #mainContent llene el espacio de las barras laterales cuando termine el contenido de cada una de ellas. */
	width: 50%;
	position:absolute;
	padding: 15px 15px 15px 15px;/*	padding: 0 10px; /* recuerde que el relleno es el espacio situado dentro del cuadro div y que el margen es el espacio situado fuera del cuadro div */
	z-index:1;
}
.colcentro h1 {
	font-family: 'Roboto', sans-serif;
	/*	background-image: url(images/fondo_h1_peq.jpg);*/
	background:#17a2b8;
	/*background: rgba(73,193,209,1);
	background: -moz-linear-gradient(top, rgba(73,193,209,1) 0%, rgba(30,147,165,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(73,193,209,1)), color-stop(100%, rgba(30,147,165,1)));
	background: -webkit-linear-gradient(top, rgba(73,193,209,1) 0%, rgba(30,147,165,1) 100%);
	background: -o-linear-gradient(top, rgba(73,193,209,1) 0%, rgba(30,147,165,1) 100%);
	background: -ms-linear-gradient(top, rgba(73,193,209,1) 0%, rgba(30,147,165,1) 100%);
	background: linear-gradient(to bottom, rgba(73,193,209,1) 0%, rgba(30,147,165,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#49c1d1', endColorstr='#1e93a5', GradientType=0 );
	border-bottom:solid 1px #0c7787;
	border-top:solid 1px #9de0ea;*/
	font-size: 1.2em;
	line-height: 2.2em;
	text-decoration: none;
	color: #333333;
	font-weight: 300;
	text-align: center;
}
.colcentro h2 {
	font-family: 'Roboto', sans-serif;
	/*background-color: #ccffcc; */
	color: #17a2b8;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	text-align: center;
}
.menu_cabecera {
	background: #FFFFFF;
	background-image: url(images/aqua.jpg);
	text-align: left;
	height: 25px;
	/* este relleno coincide con la alineaci�n izquierda de los elementos de los divs que aparecen bajo �l. Si se utiliza una imagen en el #header en lugar de texto, es posible que le interese quitar el relleno. */

	font-family: 'Roboto', sans-serif;
	color: #ffffff;
	padding: 3px 3px 3px 3px;
	font-size: 14px;
	font-weight: bold;
}
.pie {
	background: #FFFFFF;
	padding: 0 10px 0 20px;  /* este relleno coincide con la alineaci�n izquierda de los elementos de los divs que aparecen bajo �l. Si se utiliza una imagen en el #header en lugar de texto, es posible que le interese quitar el relleno. */
}
.pie p {
	margin: 0; /* el ajuste en cero de los m�rgenes del primer elemento del pie evitar� que puedan contraerse los m�rgenes (un espacio entre divs) */
	padding: 10px 0; /* el relleno de este elemento crear� espacio, de la misma forma que lo har�a el margen, sin el problema de la contracci�n de m�rgenes */
}
.clearfloat { /* esta clase debe colocarse en un elemento div o break y debe ser el �ltimo elemento antes del cierre de un contenedor que incluya completamente a un elemento flotante */
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
}
.contenedor {
	height: 400px;
	width: auto;
	overflow: scroll;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ffffff;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #ffffff;
	border-right-width: 10px;
	border-right-style: solid;
	border-right-color: #ffffff;
}
.contenedor a {
	color: #17a2b8;
}
.contenedor3 {
	height: 400px;
	padding: 15px 40px 15px 40px;
	width: auto;
	overflow: scroll;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ffffff;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #ffffff;
	border-right-width: 10px;
	border-right-style: solid;
	border-right-color: #ffffff;
}
.contenedor3 a {
	color: #17a2b8;
}
.colcentro a:link, .colcentro a {
	color: #000;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	text-align: left;
	line-height:2;
}
.colcentro a:hover {
	color: #17a2b8;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	text-align: left;
}
.contenedor2 {
	height: 220px;
	width: auto;
	overflow: scroll;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ffffff;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #ffffff;
	border-right-width: 10px;
	border-right-style: solid;
	border-right-color: #ffffff;
}
/* Estilo bucador cabecera */
div#buscador {
	/*line-height: 45px;*/
	/*margin-right: 30px;*/
	/*margin-top:-5px;*/
	/*opacity: 1;*/

}
div#buscador:hover {
	/*opacity: 1;*/
}
div#buscador input {
	width: 200px;
	padding: 5px;
	height: 12px;/*font-size: 1em;*/
}
div#buscador input[type="text"] {
	border: 1px solid #cccccc !important;
	border-radius: 3px;
}
div#buscador button {
	font-size: 1.2em;
	padding: 1px 0;
	color: #75b2c3;
	margin-left: -30px;
	border:none;
	background:none;
}
.suggestionsBox {
	position: relative;
	/*left: -40px;*/
	margin: 0px 0px 0px 0px;
	width: 200px;
	background-color: #fafafa;
	/*border: 1px solid #d6d6d6;*/
	color: #9e9c9c;
	/*font: 10px verdana, sans-serif;*/
	z-index: 9999;
}
.suggestionList {
	margin: 0px;
	padding: 5px 5px 5px 15px;
	position: absolute;
}
#autoSuggestionsList.suggestionList {
	background-color: #ffffff;
	border: 1px solid #cecece;
	/*width: 170px;*/
	
}
.suggestionList li {
	margin: 0px 0px 0px 0px;
	padding: 1px;
	cursor: pointer;
	font-size:11px;
	text-align:left;
	display:list-item;
}
.suggestionList li:hover {
	background-color: #e8e8e8;
}

/* Estilos formularios */
#forminput, .forminput {
	border: 1px solid #17a2b8;
	background-color: #ffefff;
	margin-left: 10px;
	margin-right: 20px;
	margin-bottom: 7px;
	text-align: left;
	color: #666666;
	padding: 4px;
	line-height: 20px;
}
#formsubmit, .formsubmit {
	width: 148px;
	margin-top: 15px;
	margin-bottom: 20px;
	color: #000;
	border: #17a2b8 1px solid;
	padding: 2px;
	font-size: 11px;
	text-align: center;
}
input {
	padding: 2px;
	font-size: 12px;
	border: 1px solid #cbcbcb;
}
input[type='submit'] {
	font-family: 'Roboto', sans-serif;
	padding: 6px;
	font-size: 1em;
	/*border: 1px solid #cbcbcb;
	font-family:Verdana;
	border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
background: rgba(226,226,226,1);
background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(232,232,232,1) 53%, rgba(224,221,224,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(226,226,226,1)), color-stop(53%, rgba(232,232,232,1)), color-stop(100%, rgba(224,221,224,1)));
background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(232,232,232,1) 53%, rgba(224,221,224,1) 100%);
background: -o-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(232,232,232,1) 53%, rgba(224,221,224,1) 100%);
background: -ms-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(232,232,232,1) 53%, rgba(224,221,224,1) 100%);
background: linear-gradient(to bottom, rgba(226,226,226,1) 0%, rgba(232,232,232,1) 53%, rgba(224,221,224,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#e0dde0', GradientType=0 );
margin:5px;*/
background:#17a2b8;
border:#17a2b8;
color:#FFF;
cursor:pointer;
}
input:hover[type='submit'] {
	background:#ff6028;
border:#ff6028;
	
}

input[type='reset'] {
font-family: 'Roboto', sans-serif;
	padding: 6px;
	font-size: 1em;
	/*border: 1px solid #cbcbcb;
	font-family:Verdana;
	border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
background: rgba(226,226,226,1);
background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(232,232,232,1) 53%, rgba(224,221,224,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(226,226,226,1)), color-stop(53%, rgba(232,232,232,1)), color-stop(100%, rgba(224,221,224,1)));
background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(232,232,232,1) 53%, rgba(224,221,224,1) 100%);
background: -o-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(232,232,232,1) 53%, rgba(224,221,224,1) 100%);
background: -ms-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(232,232,232,1) 53%, rgba(224,221,224,1) 100%);
background: linear-gradient(to bottom, rgba(226,226,226,1) 0%, rgba(232,232,232,1) 53%, rgba(224,221,224,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#e0dde0', GradientType=0 );
margin:5px;*/
background:#ffc107;
border:#ffc107;
color:#FFF;
cursor:pointer;

}
input:hover[type='reset'] {
	background:#333;
border:#333;
	}
#form.search input[type='submit'] {
	padding: 3px;
	background-image:url(./images/btn_search.jpg);
	background-repeat:no-repeat;
	margin:0px;
	cursor:pointer;
	border:none;
	border-radius:0;
	width:26px;
}
textarea {
	padding: 2px;
	font-size: 12px;
	border: 1px solid #cbcbcb;
	/*font-weight: bold;*/
	width: 100%;


}
input[type='radio'] {
	margin-top: 5px;
	margin-bottom: -2px;
	width: 20px;
    height: 20px;
}
INPUT[type="checkbox"] {
	color: #17a2b8;
	background-color: #0000ff;
	width: 20px;
    height: 20px;
}
.formselect {
	border: 1px solid #17a2b8;
	margin-bottom: 3px;
	text-align: left;
	color: #358;
	padding: 2px;
	min-width: 120px;
	font-size: 11px;
	background: #eeeffe;
	font-style: italic;
}
option {
	padding: 1px;
	vertical-align: bottom;
	font-size: 11px;
	background: #fff;
	font-style: italic;
}
.formoption {
	color: #358;
	font-size: 10px;
}
#formoption {
	padding: 4px;
}
input:focus, /*select:focus,*/ textarea:focus {
	background-color: #e7e7e7;
}
.body-login {
	background: #333333;
	height: auto !important;
	min-height: auto !important;
}
.form-login {
	padding: 15px;
}
.form-login .botones {
	display: flex;
	justify-content: space-between;
	
}
.form-login > .botones  > input[type="submit"], .form-login > .botones > input[type="reset"]{
	text-transform: uppercase;
	width: 45%;
	border: 1px solid #ffffff;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.form-login  > input[type="text"],  .form-login  > input[type="password"]{
	width: 100%;
	background-color: #dde3ec;
	height: 43px;
	color: #8290a3;
	border: 1px solid #dde3ec;
	outline: 0!important;
	box-shadow: none!important;
	height: 34px;
	padding: 3px 0 3px 6px;
	background-color: #fff;
	border: 1px solid #c2cad8;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	display: block;
  margin: 0 auto 15px auto;
}
.login-logo {
	margin: 30px auto 0;
	padding: 15px;
	text-align: center;
}

#login {
	background-color: #ffffff;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    border-radius: 7px;
    width: 30%;
    margin: 20px auto 10px;
    /* padding: 10px 30px 30px; */
    overflow: hidden;
    position: relative;
}
#login .login-titulo {
	color: #ffffff;
	text-align: center;
	font-size: 22px;
	font-weight: 400!important;
	background: #17a2b8;
	width: 100%;
	padding: 15px;
}
#login .login-titulo2 {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
	color:#454545;
	padding:10px 0 0 0; 
	text-align:center;
}
#login .login-titulo3 {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
	color:#858585;
	padding:20px;
   text-align: justify;
}

#ssl_login  {
  
}
#ssl_login img {
	margin: 0 auto 15px auto;
  display: block;
}
.login  .create-account {
    
	padding: 15px 0 17px;
	text-align: center;
	background-color: #6c7a8d;
	-webkit-border-radius: 0 0 7px 7px;
	-moz-border-radius: 0 0 7px 7px;
	-ms-border-radius: 0 0 7px 7px;
	-o-border-radius: 0 0 7px 7px;
	border-radius: 0 0 7px 7px;
}
.login .create-account p a {
	font-weight: 600;
	font-size: 14px;
	color: #c3cedd;
}
.login .create-account>p {
	margin: 0;
}
.login .create-account a {
	display: inline-block;
	margin-top: 5px;
}
.uppercase {
	text-transform: uppercase!important;
}

.formlogin{
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
	color:#454545;
	}

#cabecera{
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
	color:#454545;
	width:100%;
	}
#logo{
	display:inline-block;
	width:30%;
	}
.imagenlogo{
	float:left;
	/*height:70px;*/
}
.imagenlogo img{
	max-height:100px;
}
#nombreinstituto{
	display:inline-block;
	width:30%;
	font-family: 'Roboto', sans-serif;
    font-size: 16px;
	color:#454545;
	margin-bottom:15px;
	
}
#nombreinstituto H3{
	font-family: 'Roboto', sans-serif;
	font-weight:500;
    font-size: 18px;
	color:#454545;
	padding-bottom:10px;
	text-transform:uppercase;
}
#nombreinstituto p{
	font-family: 'Roboto', sans-serif;
    font-size: 11px;
	color:#454545;
	margin-bottom:0px;
}	
#usuario_tiempo{
	display:inline-block;
	width:30%;
	text-align:right;
	line-height:2;
}
#usuario_tiempo a{
	color:#17a2b8;
	text-decoration: none;
	font-weight: 600;
}
#pie{
	width:100%;
	background:#333333;
	bottom:5px;
	padding:5px 0 4px 0;
	clear:both;
	position:relative;
}
#separador{
	height: 4em;
}
#pie p{
	font-family: 'Roboto', sans-serif;
    font-size: 12px;
	color:#dddddd;
	line-height:5px;
	text-align:center;
	}
#pie a{
	font-family: 'Roboto', sans-serif;
    font-size: 12px;
	color:#17a2b8;
	text-decoration:none;
}
#pie a:hover{
	color:#dddddd;

}

.tablaindex {
margin:10px 0;
font-family: 'Roboto', sans-serif;
width: 100%;
}
 .tablaindex th {
background: #333333;
border-right:1px solid #ffffff;
color:#fff;
padding:6px;

text-align: center;
font-weight: 100;
}
.tablaindex td {
padding:6px;
border-bottom:1px #fff solid;
}
 

.tablaindex td:not(:last-child) {
border-right:1px #fff solid;
}
 
.tablaindex tr:nth-child(2n) {
color:#000000;
}
 .tablaindex tr:nth-child(2n):hover {
background: #ededed;
}
.tablaindex tr:nth-child(2n+1){
background: #f4f4f5;
}
 
.tablaindex.header tr:not(:first-child):hover, .tablaindex:not(.header) tr:hover {
background:#e4e4e4; 
color:#454545;
}
 
.tablaindex:not(.header) tr {
text-align: left;
}
 
.tablaindex.header tr:first-child {
font-weight: bold;
color:#fff;
background-color: #444;
border-bottom:1px #000 solid;
}
 
.tablaindex.header tr:nth-child(n+2) {
text-align: right;
}

.datos {
font-family: 'Roboto', sans-serif;
font-size:12px;

}
.datos th {
		font-family: 'Roboto', sans-serif;
		background:#17a2b8;
font-size: 1.2em;
  text-decoration: none;
  color: #ffffff;
  font-weight: 100;

	text-align: center;
	padding: 10px;
}
.datos td {
/*padding:5px 10px 5px 10px;*/
}
 
.datos tr:first-child td:first-child {
/*border-radius:5px 0px 0px 0px;*/
}
 
.datos tr:first-child td:last-child {
/*border-radius:0px 5px 0px 0px;*/
}
 
.datos tr:last-child td:first-child {
/*border-radius:0px 0px 0px 5px;*/
}
 
.datos tr:last-child td:last-child {
/*border-radius:0px 0px 5px 0px;*/
}
 
.datos td:not(:last-child) {
border-right:1px #afb0b0 solid;
}
.datos td.botonesformulario {
border-right:none;
width:100%;

} 
 
.datos tr:nth-child(2n), .datos tr:nth-child(2n+1) {
background: #ededed;
}
.datos tr:nth-child(2n) a, .datos tr:nth-child(2n+1) a {
font-family: 'Roboto', sans-serif;
font-size:12px;
text-decoration:none;
color:#454545;
}
.datos tr:nth-child(2n) a:hover, .datos tr:nth-child(2n+1) a:hover {

color:#17a2b8;
}
.datos.header tr:not(:first-child):hover, .datos:not(.header) tr:hover {
background:#ededed;
color:#454545;
}
 
.datos:not(.header) tr {
text-align: left;
}
 
.datos.header tr:first-child {
font-weight: bold;
color:#fff;
background-color: #444;
border-bottom:1px #000 solid;
}
 
.datos.header tr:nth-child(n+2) {
text-align: right;
}


.datos2 {
font-family: 'Roboto', sans-serif;
font-size:12px;

width:100%;

}
.datos2 th {
		font-family: 'Roboto', sans-serif;
		background:#17a2b8;
font-size: 1.2em;
  text-decoration: none;
  color: #ffffff;
  font-weight: 100;

	text-align: center;
	padding: 10px;
}
.datos2 h3 {
	font-family: 'Roboto', sans-serif;
	background:#17a2b8;
	font-size: 1.2em;

  text-decoration: none;
  color: #ffffff;
  font-weight: 100;
	text-align: center;
	padding: 10px;
	margin:2px;
}
.datos2 td {
padding:10px 20px 10px 20px;
}
 .datos2 p {
padding:5px 10px 5px 10px;
/*background:#e7e7e7;
*/margin:2px;

}
.datos2 tr:first-child td:first-child {
/*border-radius:5px 0px 0px 0px;*/
}
 
.datos2 tr:first-child td:last-child {
/*border-radius:0px 5px 0px 0px;*/
}
 
.datos2 tr:last-child td:first-child {
/*border-radius:0px 0px 0px 5px;*/
}
 
.datos2 tr:last-child td:last-child {
/*border-radius:0px 0px 5px 0px;*/
}
 
.datos2 td:not(:last-child) {
border-right:none;
}
.datos2 td.botonesformulario {
border-right:none;
width:100%;

} 
 
.datos2 tr:nth-child(2n), .datos2 tr:nth-child(2n+1) {
background: #f4f4f5;
}
.datos2 tr:nth-child(2n) a, .datos2 tr:nth-child(2n+1) a {
font-family: 'Roboto', sans-serif;
font-size:12px;
text-decoration:none;
color:#454545;
}
.datos2 tr:nth-child(2n) a:hover, .datos2 tr:nth-child(2n+1) a:hover {

color:#17a2b8;
}
.datos2.header tr:not(:first-child):hover, .datos2:not(.header) tr:hover {
background:#ededed;
color:#454545;
}
 
.datos2:not(.header) tr {
text-align: left;
}
 
.datos2.header tr:first-child {
font-weight: bold;
color:#fff;
background-color: #444;
border-bottom:1px #000 solid;
}
 
.datos2.header tr:nth-child(n+2) {
text-align: right;
}


.listadatos {
	color: #000000;
	font-family: 'Roboto', sans-serif;
	font-size:12px;
	padding:10px;
	display:table-cell;
vertical-align:top;
}
.listadatos li, .listadatos p{
	color: #454545;
	font-family: 'Roboto', sans-serif;
	font-size:12px;
	padding:10px;

}

.instrucciones {
	background-color:#333;
	color: #dddddd;
	font-family: 'Roboto', sans-serif;
	font-size:12px;
	padding:10px;

}
.instrucciones2 {
	background-color:#cc0000;
	color: #dddddd;
	font-family: 'Roboto', sans-serif;
	font-size:12px;
	padding:10px;

}
.instrucciones3 {
	background-color:#dadada;
	color: #333333;
	font-family: 'Roboto', sans-serif;
	font-size:12px;
	padding:10px;

}
.instrucciones3 a {
	color: #17a2b8 !important;
}
.instrucciones3 a:hover {
	color: #333333 !important;;
}
.opciones {
color: #454545;
font-family: 'Roboto', sans-serif;
font-size:12px;
padding-top:10px;
}
.opciones a{
	color: #454545;
font-family: 'Roboto', sans-serif;
font-size:12px;
}
.opciones a:hover{
	color: #17a2b8;

}

.tablaformulario {
border:1px solid #afb0b0;
/*border-radius:5px;*/
font-family: 'Roboto', sans-serif;
font-size:12px;

}
.tablaformulario th {
	font-family: 'Roboto', sans-serif;
	background:#17a2b8;
	font-size: 1.2em;
	text-decoration: none;
	color: #333333;
	font-weight: 100;
	text-align: center;
	padding: 10px;
}
.tablaformulario td {
padding:5px 10px 5px 10px;
}
 
.tablaformulario tr:first-child td:first-child {
/*border-radius:5px 0px 0px 0px;*/
}
 
.tablaformulario tr:first-child td:last-child {
/*border-radius:0px 0px 0px 0px;*/
}
 

.tablaformulario tr:last-child td:last-child {

}
 
.tablaformulario td:not(:last-child) {
border-right:1px #e4e3e3 solid;
border-bottom:1px #e4e3e3 solid;
}
 
 
.tablaformulario tr:nth-child(2n), .datos tr:nth-child(2n+1) {
background: #ededed;
}
.tablaformulario tr:nth-child(2n) a, .datos tr:nth-child(2n+1) a {
font-family: 'Roboto', sans-serif;
font-size:12px;
text-decoration:none;
color:#454545;
}
.tablaformulario tr:nth-child(2n) a:hover, .datos tr:nth-child(2n+1) a:hover {

color:#17a2b8;
}
.tablaformulario.header tr:not(:first-child):hover, .datos:not(.header) tr:hover {
background:#ededed;
color:#454545;
}
 
.tablaformulario:not(.header) tr {
text-align: left;
}
 
.tablaformulario.header tr:first-child {
font-weight: bold;
color:#fff;
background-color: #444;
border-bottom:1px #000 solid;
}
 
.tablaformulario.header tr:nth-child(n+2) {
text-align: right;
}
.titulosformularios {
	background-color:#333;
	color: #dddddd;
	font-family: 'Roboto', sans-serif;
	font-size:12px;
	padding:10px;
	text-align:center;

}
.tablaformulario: tr {
border-bottom:1px #afb0b0 solid;
}

@font-face {
 font-family: 'Material Icons';
 font-style: normal;
 font-weight: 400;
 src: local('Material Icons'), local('MaterialIcons-Regular'), url(https://fonts.gstatic.com/s/materialicons/v7/2fcrYFNaTjcS6g4U3t-Y5ZjZjT5FdEJ140U2DJYC3mY.woff2) format('woff2');
}

.enlace {
 font-family: 'Material Icons';
 font-weight: normal;
 font-style: normal;
 font-size: 24px;
 line-height: 1;
 text-transform: none;
 display: inline-block;
 white-space: nowrap;
 word-wrap: normal;
 direction: ltr;
 -webkit-font-feature-settings: 'liga';
 -webkit-font-smoothing: antialiased;
 text-decoration:none;
}

a.enlace {
font-size: 1.5rem;
color: white;
position: relative;
border-radius: 50%;
padding: 5px;
margin: 3px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
transition: color 0.2s ease, background-color 0.2s ease, transform 0.3s ease;
background-color: #17a2b8;
}

a.enlace:after {
content: "";
width: 100%;
height: 100%;
border: solid 2px;
transform: scale(0.8);
position: absolute;
top: -2px;
left: -2px;
border-radius: 50%;
transition: all 0.3s ease;
border-color: #17a2b8;
}

a.enlace:hover {
background-color: transparent;
transform: rotate(-360deg);
cursor: pointer;
color: #17a2b8;
box-shadow: none;
}

a.enlace:hover:after {
transform: scale(1);
box-shadow: 10px 0 20px rgba(0, 0, 0, 0.19), 6px 0 6px rgba(0, 0, 0, 0.23);
}
#datos {

font-family: 'Roboto', sans-serif;
font-size:12px;
margin-top:10px;
margin-bottom:20px;

}
.titulodatos {
	font-family: 'Roboto', sans-serif;
	background:#17a2b8;
font-size: 1.2em;
  text-decoration: none;
  color: #333333;
  font-weight: 100;

	text-align: center;
	padding: 10px;
margin: 2px;
}
.seleccionador {
  font-size: 12px;
	padding: 20px;
margin: 2px;
font-style:normal;
margin:10px 30px 10px 30px;
width:350px;
}
.seleccionador option{
  font-size: 12px;
font-style:normal;
font-family:Arial, Helvetica, sans-serif;
}
.seleccionador2 {
  font-size: 12px;
	padding: 2px 10px;
font-style:normal;
margin:10px 0;
}
.seleccionador2 option{
  font-size: 12px;
font-style:normal;
font-family:Arial, Helvetica, sans-serif;
}
.botonseleccionador{
	font-weight:bold;
background:#17a2b8;
border: 1px solid #ffffff;
border-radius: 5px;
color:#ffffff;
cursor:pointer;
}
.botonseleccionador:hover{
color:#333333;
}
/* Menu lateral fotos alumnos */
#tab {
  width: 40px;
  height: 50px;
  position: absolute;
  right: 0;
  top: 25px;
  display: block;
  cursor: pointer;
  background-color: #232526;
  border-radius: 10px 0 0 10px;
  padding: 5px 0 5px 5px;
}
#tab_interna {
  border-radius: 5px 0 0 5px;
  width: 100%;
  height: 100%;
  background: #CCC url('images/arrow_posts_left.png') no-repeat center center;
}
#tab_interna:hover {
  background-position: 5px 13px;
}
.expandida {
  background: #CCC url('images/arrow_posts_right.png') no-repeat center center !important;
}
.expandida:hover {
  background-position: 11px 13px !important;
}
#panel {
  position: absolute;
  right: 0;
  top: 25px;
  background-color: #CCC;
  height: 250px;
  width: 0;
  font: 18px Arial;
  color: #707275;
  text-align: center;
  border-radius: 0 0 0 15px;
}
#panel h3 {
  margin: 0;
  margin-bottom: 15px;
  text-transform: uppercase;
}
#panel .content {
  width: 320px;
  margin: 5px auto;
}
.boton {
	font-family: 'Roboto', sans-serif;
	padding: 6px;
	font-size: 1em;
	
background:#17a2b8;
border:#17a2b8;
color:#FFF;
cursor:pointer;
	text-decoration:none;

}
.boton:hover {
	background:#ff6028;
}
h5 {
	font-family: 'Roboto', sans-serif;
  padding: 5px;
  font-size: 11px;
  text-decoration: none;
  color: #333333;
  font-weight: 700;
	text-align: left;
	margin:0;
}
h4 {
	font-family: 'Roboto', sans-serif;
  padding: 3px;
  font-size: 13px;
  text-decoration: none;
  color: #333333;
  font-weight: 700;
	text-align: left;
	margin:5px 0;
	text-transform:uppercase;
	border-bottom:1px solid #17a2b8;
}
h1 {
	font-family: 'Roboto', sans-serif;
	  margin:0;

  font-size: 1.2em;
  line-height: 2.2em;
  text-decoration: none;
  color: #333333;
  font-weight: 300;
  text-align: center;
	
}
.contenedor4 {
	/*height: 400px;*/
	padding: 5px;
	width: auto;
	/*overflow: scroll;*/
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ffffff;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #ffffff;
	border-right-width: 10px;
	border-right-style: solid;
	border-right-color: #ffffff;
}
.contenedor4 a {
	color: #17a2b8;
}

#ssl {
	margin-left: 5px;
    position: absolute;
	top: 10px;
}

/* PAGINA DE INICIO */
.principal {
  /*clear: both;
  padding: 0px;
  margin: 0px;
*/} 
.rss {
	text-align: justify;
	color: #555555;
	padding: 0 10px;
} 
.rss > h5{
	padding: 10px 0;
} 
.rss-enlace > a{
	font-weight: 600 !important;
    color: #17a2b8 !important;
	float: right;
	
}

/*  COLUMN SETUP  */
.col {
display: block;
float:left;

	/*-webkit-border-radius: 10px 10px;  /* Safari  */
	/*-moz-border-radius: 10px 10px;     /* Firefox */	
	/*padding: 15px 5px 15px 15px; /* el relleno mantiene el contenido del div alejado de los bordes */
}
.col h1 {
	font-family: 'Roboto', sans-serif;
	background:#17a2b8;

  font-size: 1.2em;
  line-height: 2.2em;
  text-decoration: none;
  color: #ffffff;
  font-weight: 100;
  text-align: center;
}
.col h2 {
	color: #17a2b8;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	text-align: center;
}
.col .menu_izda {
	/*background-color: #ccffcc; */
	color: #17a2b8;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	text-align: center;
}

.col a:link, .col a {
	color: #000;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	text-align: left;
	line-height:2;
	text-decoration: none;
	
}
.col a:hover {
	color: #17a2b8;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	text-align: left;
}


.col:first-child { margin-left: 0; }
.span_3_of_3 {
width: 18%; 
margin: 0 1% 0 0;
}

.span_2_of_3 {
width: 60%; 
margin: 0 1%;
}

.span_1_of_3 {
width: 18%; 
margin: 0 0 0 1%;
}

.span_full {
	width: 98%;
	margin: 0 auto;
	float: none;
}

body {margin:0;}
/*popup de noticias */
#popup {
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1001;
}

.content-popup {
	margin:0px auto;
	margin-top:120px;
	position:relative;
	padding:10px;
	width:80%;
	min-height:250px;
	border-radius:4px;
	background-color:#FFFFFF;
	box-shadow: 0 2px 5px #666666;
}

.content-popup h2 {
	color:#48484B;
	border-bottom: 1px solid #48484B;
	margin-top: 0;
	padding-bottom: 4px;
}

.popup-overlay{ position:fixed; top:0; left:0; background:rgba(0,0,0,0.6); z-index:5; width:100%; height:100%; display:none; }
.close {
	position: absolute;
	right: 0;
	top:0;
}
/*popup de notificaciones */
.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #2b542c;
}
.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #245269;
}
.alert-warning {
  color: #1d1d1d;
  background-color: #f8c730;
  border-color: #faebcc;
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #66512c;
}
.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.alert-danger hr {
  border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
  color: #843534;
}
button.close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}

#dhtmlgoodies_dragDropContainer {	/* Main container for this script */
	width: 70%;
/*	height: 100px;
	border: 0px solid #dddddd;
	background-color: #FFF;
	-moz-user-select: none;*/
	margin: 10px auto;
}
#dhtmlgoodies_dragDropContainer ul {	/* General rules for all <ul> */
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding: 2px;
/*	width: 116px;*/
}
#dhtmlgoodies_dragDropContainer li, #dragContent li, li#indicateDestination {	/* Movable items, i.e. <LI> */
	list-style-type: none;
	height: 129px;
/*	background-color: #EEE;*/
	border: 1px solid #17a2b8;
	padding: 2px;
	margin-bottom: 10px;
	cursor: pointer;
/*	font-size: 12px;*/
	font-family:'Roboto', sans-serif;
	text-align: center;
}
li#indicateDestination {	/* Box indicating where content will be dropped - i.e. the one you use if you don't use arrow */
	border: 1px solid #a0d0d8;
	background-color: #FFF;
}
/* LEFT COLUMN CSS */

div#dhtmlgoodies_listOfItems {	/* Left column "Available students" */
	float: left;
	margin-left: 0px;
	padding-left: 10px;
	padding-right: 10px;
	/* CSS HACK */

	width: 122px;	/* IE 5.x */
	width/* */:/**/120px;	/* Other browsers */
	width: /**/120px;
}
#dhtmlgoodies_listOfItems ul {	/* Left(Sources) column <ul> */
/*	height:960px;*/

}
div#dhtmlgoodies_listOfItems div {
	border: 1px solid #17a2b8;
	margin-top: 3px;
}
div#dhtmlgoodies_listOfItems div ul {	/* Left column <ul> */
/*margin-left: 5px;	 Space at the left of list - the arrow will be positioned there */

}
#dhtmlgoodies_listOfItems div p {	/* Heading above left column */
	margin: 0px;
/*	font-weight: bold;*/
	padding: 5px;
 	text-align: center;
	background-color: #17a2b8;
	color: #FFF;
	margin-bottom: 2px;
}
/* END LEFT COLUMN CSS */

#dhtmlgoodies_dragDropContainer .mouseover {	/* Mouse over effect DIV box in right column */
	background-color: #E2EBED;
	border: 1px solid #317082;
}
/* Start main container CSS */

div#dhtmlgoodies_mainContainer {	/* Right column DIV */
	width: 700px;
	float: left;
}
#dhtmlgoodies_mainContainer div {	/* Parent <div> of small boxes */
	float: left;
	margin: 0 5px 10px 5px;
	border: 1px solid #17a2b8;
	/* CSS HACK */

	width: 102px;	/* IE 5.x */
	width/* */:/**/100px;	/* Other browsers */
	width: /**/110px;
}
#dhtmlgoodies_mainContainer div ul {
	margin-left: 0px;
}
#dhtmlgoodies_mainContainer li, #dragContent li, li#indicateDestination {	/* Movable items, i.e. <LI> */
	list-style-type: none;
	height: 129px;
/*	background-color: #EEE;*/
	border: 1px solid #17a2b8;
	padding: 2px;
	margin-bottom: 5px;
	cursor: pointer;
/*	font-size: 12px;*/
	font-family:'Roboto', sans-serif;
	text-align: center;
}
#dhtmlgoodies_mainContainer div p {	/* Heading above small boxes */
	margin: 0px;
	padding: 5px;
	text-align: center;
	/*padding-left: 12px;

	font-weight: bold;*/

	background-color: #17a2b8;
	color: #FFF;
	margin-bottom: 2px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
}
#dhtmlgoodies_mainContainer ul {	/* Small box in right column ,i.e <ul> */
/*	width: 100px;*/
	height: 80px;
	border: 0px;
	margin-bottom: 0px;
	overflow: hidden;
}
#dragContent {	/* Drag container */
	position: absolute;
	width: 100px;
	height: 60px;
	display: none;
	margin: 0px;
	padding: 0px;
	z-index: 2000;
}
#dragDropIndicator {	/* DIV for the small arrow */
	position: absolute;
	width: 7px;
	height: 10px;
	display: none;
	z-index: 1000;
	margin: 0px;
	padding: 0px;
}




@font-face {
  font-family: 'Glyphicons Halflings';

  src: url('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/fonts/glyphicons-halflings-regular.eot');
  src: url('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/fonts/glyphicons-halflings-regular.woff') format('woff'), url('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
  content: "\2a";
}
.glyphicon-plus:before {
  content: "\2b";
}
.glyphicon-euro:before,
.glyphicon-eur:before {
  content: "\20ac";
}
.glyphicon-minus:before {
  content: "\2212";
}
.glyphicon-cloud:before {
  content: "\2601";
}
.glyphicon-envelope:before {
  content: "\2709";
}
.glyphicon-pencil:before {
  content: "\270f";
}
.glyphicon-glass:before {
  content: "\e001";
}
.glyphicon-music:before {
  content: "\e002";
}
.glyphicon-search:before {
  content: "\e003";
}
.glyphicon-heart:before {
  content: "\e005";
}
.glyphicon-star:before {
  content: "\e006";
}
.glyphicon-star-empty:before {
  content: "\e007";
}
.glyphicon-user:before {
  content: "\e008";
}
.glyphicon-film:before {
  content: "\e009";
}
.glyphicon-th-large:before {
  content: "\e010";
}
.glyphicon-th:before {
  content: "\e011";
}
.glyphicon-th-list:before {
  content: "\e012";
}
.glyphicon-ok:before {
  content: "\e013";
}
.glyphicon-remove:before {
  content: "\e014";
}
.glyphicon-zoom-in:before {
  content: "\e015";
}
.glyphicon-zoom-out:before {
  content: "\e016";
}
.glyphicon-off:before {
  content: "\e017";
}
.glyphicon-signal:before {
  content: "\e018";
}
.glyphicon-cog:before {
  content: "\e019";
}
.glyphicon-trash:before {
  content: "\e020";
}
.glyphicon-home:before {
  content: "\e021";
}
.glyphicon-file:before {
  content: "\e022";
}
.glyphicon-time:before {
  content: "\e023";
}
.glyphicon-road:before {
  content: "\e024";
}
.glyphicon-download-alt:before {
  content: "\e025";
}
.glyphicon-download:before {
  content: "\e026";
}
.glyphicon-upload:before {
  content: "\e027";
}
.glyphicon-inbox:before {
  content: "\e028";
}
.glyphicon-play-circle:before {
  content: "\e029";
}
.glyphicon-repeat:before {
  content: "\e030";
}
.glyphicon-refresh:before {
  content: "\e031";
}
.glyphicon-list-alt:before {
  content: "\e032";
}
.glyphicon-lock:before {
  content: "\e033";
}
.glyphicon-flag:before {
  content: "\e034";
}
.glyphicon-headphones:before {
  content: "\e035";
}
.glyphicon-volume-off:before {
  content: "\e036";
}
.glyphicon-volume-down:before {
  content: "\e037";
}
.glyphicon-volume-up:before {
  content: "\e038";
}
.glyphicon-qrcode:before {
  content: "\e039";
}
.glyphicon-barcode:before {
  content: "\e040";
}
.glyphicon-tag:before {
  content: "\e041";
}
.glyphicon-tags:before {
  content: "\e042";
}
.glyphicon-book:before {
  content: "\e043";
}
.glyphicon-bookmark:before {
  content: "\e044";
}
.glyphicon-print:before {
  content: "\e045";
}
.glyphicon-camera:before {
  content: "\e046";
}
.glyphicon-font:before {
  content: "\e047";
}
.glyphicon-bold:before {
  content: "\e048";
}
.glyphicon-italic:before {
  content: "\e049";
}
.glyphicon-text-height:before {
  content: "\e050";
}
.glyphicon-text-width:before {
  content: "\e051";
}
.glyphicon-align-left:before {
  content: "\e052";
}
.glyphicon-align-center:before {
  content: "\e053";
}
.glyphicon-align-right:before {
  content: "\e054";
}
.glyphicon-align-justify:before {
  content: "\e055";
}
.glyphicon-list:before {
  content: "\e056";
}
.glyphicon-indent-left:before {
  content: "\e057";
}
.glyphicon-indent-right:before {
  content: "\e058";
}
.glyphicon-facetime-video:before {
  content: "\e059";
}
.glyphicon-picture:before {
  content: "\e060";
}
.glyphicon-map-marker:before {
  content: "\e062";
}
.glyphicon-adjust:before {
  content: "\e063";
}
.glyphicon-tint:before {
  content: "\e064";
}
.glyphicon-edit:before {
  content: "\e065";
}
.glyphicon-share:before {
  content: "\e066";
}
.glyphicon-check:before {
  content: "\e067";
}
.glyphicon-move:before {
  content: "\e068";
}
.glyphicon-step-backward:before {
  content: "\e069";
}
.glyphicon-fast-backward:before {
  content: "\e070";
}
.glyphicon-backward:before {
  content: "\e071";
}
.glyphicon-play:before {
  content: "\e072";
}
.glyphicon-pause:before {
  content: "\e073";
}
.glyphicon-stop:before {
  content: "\e074";
}
.glyphicon-forward:before {
  content: "\e075";
}
.glyphicon-fast-forward:before {
  content: "\e076";
}
.glyphicon-step-forward:before {
  content: "\e077";
}
.glyphicon-eject:before {
  content: "\e078";
}
.glyphicon-chevron-left:before {
  content: "\e079";
}
.glyphicon-chevron-right:before {
  content: "\e080";
}
.glyphicon-plus-sign:before {
  content: "\e081";
}
.glyphicon-minus-sign:before {
  content: "\e082";
}
.glyphicon-remove-sign:before {
  content: "\e083";
}
.glyphicon-ok-sign:before {
  content: "\e084";
}
.glyphicon-question-sign:before {
  content: "\e085";
}
.glyphicon-info-sign:before {
  content: "\e086";
}
.glyphicon-screenshot:before {
  content: "\e087";
}
.glyphicon-remove-circle:before {
  content: "\e088";
}
.glyphicon-ok-circle:before {
  content: "\e089";
}
.glyphicon-ban-circle:before {
  content: "\e090";
}
.glyphicon-arrow-left:before {
  content: "\e091";
}
.glyphicon-arrow-right:before {
  content: "\e092";
}
.glyphicon-arrow-up:before {
  content: "\e093";
}
.glyphicon-arrow-down:before {
  content: "\e094";
}
.glyphicon-share-alt:before {
  content: "\e095";
}
.glyphicon-resize-full:before {
  content: "\e096";
}
.glyphicon-resize-small:before {
  content: "\e097";
}
.glyphicon-exclamation-sign:before {
  content: "\e101";
}
.glyphicon-gift:before {
  content: "\e102";
}
.glyphicon-leaf:before {
  content: "\e103";
}
.glyphicon-fire:before {
  content: "\e104";
}
.glyphicon-eye-open:before {
  content: "\e105";
}
.glyphicon-eye-close:before {
  content: "\e106";
}
.glyphicon-warning-sign:before {
  content: "\e107";
}
.glyphicon-plane:before {
  content: "\e108";
}
.glyphicon-calendar:before {
  content: "\e109";
}
.glyphicon-random:before {
  content: "\e110";
}
.glyphicon-comment:before {
  content: "\e111";
}
.glyphicon-magnet:before {
  content: "\e112";
}
.glyphicon-chevron-up:before {
  content: "\e113";
}
.glyphicon-chevron-down:before {
  content: "\e114";
}
.glyphicon-retweet:before {
  content: "\e115";
}
.glyphicon-shopping-cart:before {
  content: "\e116";
}
.glyphicon-folder-close:before {
  content: "\e117";
}
.glyphicon-folder-open:before {
  content: "\e118";
}
.glyphicon-resize-vertical:before {
  content: "\e119";
}
.glyphicon-resize-horizontal:before {
  content: "\e120";
}
.glyphicon-hdd:before {
  content: "\e121";
}
.glyphicon-bullhorn:before {
  content: "\e122";
}
.glyphicon-bell:before {
  content: "\e123";
}
.glyphicon-certificate:before {
  content: "\e124";
}
.glyphicon-thumbs-up:before {
  content: "\e125";
}
.glyphicon-thumbs-down:before {
  content: "\e126";
}
.glyphicon-hand-right:before {
  content: "\e127";
}
.glyphicon-hand-left:before {
  content: "\e128";
}
.glyphicon-hand-up:before {
  content: "\e129";
}
.glyphicon-hand-down:before {
  content: "\e130";
}
.glyphicon-circle-arrow-right:before {
  content: "\e131";
}
.glyphicon-circle-arrow-left:before {
  content: "\e132";
}
.glyphicon-circle-arrow-up:before {
  content: "\e133";
}
.glyphicon-circle-arrow-down:before {
  content: "\e134";
}
.glyphicon-globe:before {
  content: "\e135";
}
.glyphicon-wrench:before {
  content: "\e136";
}
.glyphicon-tasks:before {
  content: "\e137";
}
.glyphicon-filter:before {
  content: "\e138";
}
.glyphicon-briefcase:before {
  content: "\e139";
}
.glyphicon-fullscreen:before {
  content: "\e140";
}
.glyphicon-dashboard:before {
  content: "\e141";
}
.glyphicon-paperclip:before {
  content: "\e142";
}
.glyphicon-heart-empty:before {
  content: "\e143";
}
.glyphicon-link:before {
  content: "\e144";
}
.glyphicon-phone:before {
  content: "\e145";
}
.glyphicon-pushpin:before {
  content: "\e146";
}
.glyphicon-usd:before {
  content: "\e148";
}
.glyphicon-gbp:before {
  content: "\e149";
}
.glyphicon-sort:before {
  content: "\e150";
}
.glyphicon-sort-by-alphabet:before {
  content: "\e151";
}
.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
}
.glyphicon-sort-by-order:before {
  content: "\e153";
}
.glyphicon-sort-by-order-alt:before {
  content: "\e154";
}
.glyphicon-sort-by-attributes:before {
  content: "\e155";
}
.glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
}
.glyphicon-unchecked:before {
  content: "\e157";
}
.glyphicon-expand:before {
  content: "\e158";
}
.glyphicon-collapse-down:before {
  content: "\e159";
}
.glyphicon-collapse-up:before {
  content: "\e160";
}
.glyphicon-log-in:before {
  content: "\e161";
}
.glyphicon-flash:before {
  content: "\e162";
}
.glyphicon-log-out:before {
  content: "\e163";
}
.glyphicon-new-window:before {
  content: "\e164";
}
.glyphicon-record:before {
  content: "\e165";
}
.glyphicon-save:before {
  content: "\e166";
}
.glyphicon-open:before {
  content: "\e167";
}
.glyphicon-saved:before {
  content: "\e168";
}
.glyphicon-import:before {
  content: "\e169";
}
.glyphicon-export:before {
  content: "\e170";
}
.glyphicon-send:before {
  content: "\e171";
}
.glyphicon-floppy-disk:before {
  content: "\e172";
}
.glyphicon-floppy-saved:before {
  content: "\e173";
}
.glyphicon-floppy-remove:before {
  content: "\e174";
}
.glyphicon-floppy-save:before {
  content: "\e175";
}
.glyphicon-floppy-open:before {
  content: "\e176";
}
.glyphicon-credit-card:before {
  content: "\e177";
}
.glyphicon-transfer:before {
  content: "\e178";
}
.glyphicon-cutlery:before {
  content: "\e179";
}
.glyphicon-header:before {
  content: "\e180";
}
.glyphicon-compressed:before {
  content: "\e181";
}
.glyphicon-earphone:before {
  content: "\e182";
}
.glyphicon-phone-alt:before {
  content: "\e183";
}
.glyphicon-tower:before {
  content: "\e184";
}
.glyphicon-stats:before {
  content: "\e185";
}
.glyphicon-sd-video:before {
  content: "\e186";
}
.glyphicon-hd-video:before {
  content: "\e187";
}
.glyphicon-subtitles:before {
  content: "\e188";
}
.glyphicon-sound-stereo:before {
  content: "\e189";
}
.glyphicon-sound-dolby:before {
  content: "\e190";
}
.glyphicon-sound-5-1:before {
  content: "\e191";
}
.glyphicon-sound-6-1:before {
  content: "\e192";
}
.glyphicon-sound-7-1:before {
  content: "\e193";
}
.glyphicon-copyright-mark:before {
  content: "\e194";
}
.glyphicon-registration-mark:before {
  content: "\e195";
}
.glyphicon-cloud-download:before {
  content: "\e197";
}
.glyphicon-cloud-upload:before {
  content: "\e198";
}
.glyphicon-tree-conifer:before {
  content: "\e199";
}
.glyphicon-tree-deciduous:before {
  content: "\e200";
}
/* FIN PAGINA DE INICIO */ 



.aviso-importante{
	width: 98%;
	margin: 10px auto;
	font-size: 2em;
	color: #ffc107;
	padding: 15px 0;
	background-color: #333333;
}

.mensajes-contenedor {
		
}

.mensajes-privados{
	display: inline-grid;
	margin: 1%;
	padding: 1%;
	text-align: left;
	width: 46%;
	background: #f4f4f5;
}

.mensajes-privados > h2{
	margin: 0px;
	text-align: left;
}
.mensajes-privados > h2 > a{
	color: #17a2b8 !important;
	font-size: 12px !important;
}
.mensajes-privados > sub{

}

.mensajes-cabecera{
    margin: 0 1%;
    padding: 1%;
    text-align: left;
    background: #ffc107;
}

.mensajes-cabecera > h2{
	margin: 0px;
	margin: 0px;
	text-align: left;
	color: #333333;
	font-weight: 600;
	font-size: 14px;
}
.mensajes-cabecera > sub{

}

.mensajes-mensaje{
    margin: 0 1%;
    padding: 1%;
    text-align: left;
    background: #f4f4f5;
}
.mensajes-responder{
	align-content: center;
	margin: 10px 0;
}

.mensajes-responder > a{
	font-family: 'Roboto', sans-serif;
	padding: 6px 10px;
	font-size: 1em !important;
	background: #17a2b8;
	color: #FFF !important;
	cursor: pointer;
	text-transform: uppercase;
	width: 45%;
}
.mensajes-responder > a:hover{
	background: #ff6028;
}


.mensajes-destinatarios{
	margin: 0 1%;
	padding: 1%;
	text-align: left;
	background: #e4e4e4;
	border-top: 1px solid #dadada;
	color: #047e91;
}
.mensajes-destinatarios > p{
	-webkit-column-count: 2;
  -moz-column-count: 2;
	column-count: 2;
	-moz-column-width: 330px;	        
	-webkit-column-width: 330px;
	column-width: 330px;
	line-height: 1.4em;
}
.mensajes-destinatarios > h2 {
	color: #555555;
	font-weight: 600;
}
.red{
	color: #cc0000;
}
.blue{
	color:#17a2b8;
}


/*
<div class="tooltip">Hover over me
  <span class="tooltiptext">Tooltip text</span>
</div>
*/

/* Tooltip container */
.tooltip {
	position: relative;
	display: inline-block;
	border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
	visibility: hidden;
	min-width: 120px;
	max-width: 240px;

	background-color: #ffc107;
	line-height: 1.4em;
	color: #222222;
	font-size: 11px;
	text-align: center;
	padding: 5px;
	border-radius: 6px;

	/* Position the tooltip text */
	position: absolute;
	z-index: 99999;
	top: 125%;
	left: 50%;
	margin-left: -60px;

	/* Fade in tooltip */
	opacity: 0;
	transition: opacity 0.3s;
}

/* Tooltip arrow */
.tooltip .tooltiptext::after {
	content: "";
	position: absolute;
	bottom: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color:  transparent transparent #ffc107 transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
	visibility: visible;
	opacity: 1;
}

/*========================================================================================================0
==================== MEDIA QUERY ====================================================================================*/

@media (min-width:601px) {
a.enlace {
padding:10px;
margin:10px;
font-size:2rem;
}

}


@media (min-width:993px) {
a.enlace {
padding:10px;
margin:15px;
font-size:2rem;
}
a.enlace:after {
border-width:3px;
top:-3px;
left:-3px;
}


}