/* CSS by NOA Software */
.infoSin {
	border-style: ridge;
    background: white;
}

/* B�sicos */

html, body {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12 px;

	background: #f4e4d5;

	height: 100%;

	padding: 0;

	margin: 0;

}

p { margin: 0; padding: 0; }

img { margin: 0; padding: 0; border: none; vertical-align:middle; }



/* Para todos los botones. Copia de la web de la RANM */

input[type=submit] {

	font-size: 12px;

	background: url(img/descarga.png) repeat-x scroll 0 0 transparent;

	border-color: #D9D9D9 #D9D9D9 #BFBFBF;

	border-image: none;

	border-style: solid;

	border-width: 1px;

	box-shadow: 0 1px 0 #FFF inset, 0 1px 1px rgba(0, 0, 0, 0.05);

	color: #777;

	line-height: 16px;

	padding: 3px 10px 2px;

	text-shadow: 0 1px 0 #FFF;

	text-transform: uppercase;

}



input[type=button] {

	font-size: 12px;

	background: url(img/descarga.png) repeat-x scroll 0 0 transparent;

	border-color: #D9D9D9 #D9D9D9 #BFBFBF;

	border-image: none;

	border-style: solid;

	border-width: 1px;

	box-shadow: 0 1px 0 #FFF inset, 0 1px 1px rgba(0, 0, 0, 0.05);

	line-height: 16px;

	padding: 3px 10px 2px;

	text-shadow: 0 1px 0 #FFF;

}



input[type='radio'] {

    -webkit-appearance:none;

    width:14px;

    height:14px;

    border:1px solid darkgray;

    border-radius:50%;

    outline:none;

    box-shadow:0 0 2px 0px gray inset;

	    background:white;

}

input[type='radio']:hover {

    box-shadow:0 0 2px 0px orange inset;

}

input[type='radio']:before {

    content:'';

    display:block;

    width:50%;

    height:50%;

    margin: 25% auto;    

    border-radius:50%;    

}

input[type='radio']:checked:before {

    background:black;

}





/* Gen�ricos */

.etiqueta { font-size: 14px; }



.cabecera2 {

	font-family: 'Kreon', serif;

	font-size: 16px;

	color: #ffffff;

	background-image: url(img/backcab2.png);

}



.cabecera {

	font-family: 'Kreon', serif;

	font-size: 16px;

	color: #ffffff;

	background-image: url(img/backcab1.png);

}

.cabecera a, a:visited {

	font-size: 16px;

	color: #ffffff;

}

.cabecera a:hover {

	text-decoration: none;

}



.estados, .estados a {

	color: #000000;

}

.estados a.flojo {

	color: #c0c0c0;

}



/* ALERT */

#alerta_contenedor {

	width:400px;

	font-size:14px;

}

#alerta_cabecera {

	font-size:12px;

	padding:5px;

	margin-bottom: 20px;

	width:390px;

	text-align:center;

	font-family: 'Kreon', serif;

	font-weight:bold;

	font-style:italic;

	color: #ffffff;

	background-image: url(img/backcab1.png);

}

#alerta_pie {

	font-size:12px;

	text-align:center;

	margin-top:20px;

}



/* LOGIN */

#loginbody {

	background: url(img/fondo.png);

	background-color: #ffffff;

    background-size: contain;

	background-position:center;

    background-repeat: no-repeat;

}



#loginbody2 {

	background:

		url(img/alanam.png) no-repeat left bottom,

		url(img/ranm.png) no-repeat right bottom,

		url(img/ranm.jpg) 50% 0 no-repeat;

	background-color: #e3e3e3;

}





#logindiv {  

	position:absolute;  

    top: 50%;  

    left: 50%;  

    width:480px;  

    height:288px;  

    margin-top: -144px; /*set to a negative number 1/2 of your height*/  

    margin-left: -240px; /*set to a negative number 1/2 of your width*/  

    border: 1px solid #ccc;  

    background-color: #f3f3f3;  

} 



#loginlogo {

	background-color: #ffffff;

	width: 150px;

}

#loginform {

	font-size: 12px;

	background-color: #f4e4d5;

}

#aviso {

	color: red;

	font-style: italic;

}



#contenedor {

	background-color:red;

}

#cabecera2 {

	background-color:green;

}

#lista {

	float: left;

  	width: 150px;

	background-color:yellow;

}

#contenido {

	float: left;

	width: auto;

	background-color:blue;

}

#pie {

	clear: both;

	background-color:orange;

}

	 



/* IZQUIERDA */

.titulo { font-size: 14px; font-weight:bold; margin: 5px 0 5px 5px; }

.texto  { font-size: 11px; }



#resultados 	 { overflow-x: auto; overflow-y: scroll; height: 83vh; background-color:#ffffff; }

#viewportRES	 { }

.RES   			 { }

.ulRES   		 { list-style-image:none; list-style-type: none; padding-left:5px; margin: 0; }

.liRES0, .liRES0 a { font-size: 14px; font-weight: normal; color: #000000; text-decoration:none; margin-bottom: 2px; }

.liRES1, .liRES1 a { font-size: 14px; font-weight: normal; color: #cc0044; text-decoration:none; margin-bottom: 2px; }
.liRES1 a::after { 
    content: " (*)";
}

.liRES2, .liRES2 a { font-size: 14px; font-weight: normal; color: #c8c8c8; text-decoration:none; margin-bottom: 2px; }

.liSel {
	background-color: #DEEBF7;
}
.liSel.liRES2 {
	background-color: darkslateblue;
}



/* DERECHA */



.boton 		   { font-size: 12px; margin-right: 10px; color: #777; }

.boton_r 	   { font-size: 12px; margin-right: 10px; color: #cc0044; }

	



.textofuera	   { font-size: 14px; }



.sino 		   { font-size: 10px; }

.lema		   { font-size: 24px; color: #0064FF; padding-left: 10px; font-weight: bold; }

.equiving      { font-size: 14px; color: #000000; }

.numacep       { font-size: 16px; color: #0064FF; font-weight: bold; }

.definicion    { font-size: 14px; color: #000000; margin-left: 10px; margin-top: 10px; }

.propuesta     { font-size: 12px; color: #000000; padding-left: 10px; padding-top: 10px; font-style:italic; }

.entrada       { font-size: 14px; color: #000000; margin-left: 10px; margin-bottom: 10px; }

.observaciones { font-size: 14px; color: #000000; margin-left: 10px; margin-top: 10px; margin-bottom: 10px; }



.sinoacep		      { font-size: 12px; margin-left: 10px; margin-top: 10px; }

.sinoacep thead	tr th { font-size: 10px; font-style: italic; font-weight: bold; border-bottom: 1px solid black; border-collapse:separate; border-spacing:5px 5px; }

.sinolema 			  { font-size: 14px; margin-left: 10px; margin-top: 10px; }

.sinolema thead	tr th { font-size: 12px; font-style: italic; font-weight: bold; border-bottom: 1px solid black; border-collapse:separate; }



.comentarios { font-size: 12px; color: #ffffff; margin-left: 10px; margin-top: 10px; margin-bottom: 10px; }

.textocomentario {
	background: white;
	font-size: 14px; width:295px; height: 400px; resize:none; margin-left:5px;
}