@charset "utf-8";
@import url("ProtectorUsuarioD.css");

/*Aquí empiezan los estilos CSS para Elementos HTML*/

body {
	line-height: 20px;
	margin: 0;
	padding: 0;
	background-color: #FFF;
	font-family: Lato;
	color: #79377E;
	background-color:white;
}

a:link {
	text-decoration: none;
	color: #79377E;
}

a:visited {
	text-decoration: none;
	color: #79377E;
}

a:hover {
	text-decoration: none;
	color: #F00;
}

a:active {
	text-decoration: none;
	color: #B40AB8;
}

p {
	font-family: Lato;
	font-size: 14px;
	color: #79377E;
	font-weight: bold;
	text-indent: 30px;
}

table {
	border-collapse: separate;
	border-spacing: 1pt;
	font-family: Lato;
	width: 100%;
	color: #322731;
	font-weight: normal;
	font-size: 16px;
	line-height: 25px;
	background-color: #FFF;
}

td {
	padding-right: 5px;
	text-indent: 3px;
	height: 35px;
}

input {
	font-size: 14px;
	padding-left: 5px;
}


/*Aquí empiezan los estilos CSS por ID*/

#ABC{
	font-family: Lato;
	font-size:14px;
	text-align: center;
	border: thin solid #79377E;
	height: 26px;
	width: 40px;
	text-indent: 5;
}

#Autent {
	font-family: Lato;
	height: auto;
	margin-top: 40px;
	width: 100%;
	position: absolute;
	top: 200px;
}

#Autent #form1 table tr td table {
	text-align: center;
}

#CabeceraG {
	background-image: url(../img/RiesgoCero_500px.jpg);
	background-repeat: no-repeat;
	border-bottom-width: thin;
	border-bottom-style: inset;
	border-bottom-color: #8B0188;
	height: 200px;
	background-position: center center;
	width: 100%;
}

#CabeceraM {
	width: 100%;
	text-align: left;
	height: 120px;
	background-image: none;
	background-repeat: no-repeat;
	background-position: left center;
	border-bottom-width: thin;
	border-bottom-style: inset;
	border-bottom-color: #8B0188;
}

#Cabecera {
	width: 100%;
	text-align: left;
	height: auto;
	border-bottom-width: thin;
	border-bottom-style: inset;
	border-bottom-color: #8B0188;
	background-image: none;
	background-repeat: no-repeat;
	background-position: left center;
	z-index: 90;
}

#ContenedorTabla {
	border: thin solid #79377E;
	font-family: Lato;
	font-size: 14px;
	width: 50%;
}

#Cuerpo {
	width: 90%;
}

#Desplegable {
	border: thin solid #000;
	height: 200px;
	visibility:hidden;
	width: 200px;
	z-index: 2;
}

#Logo {
	background-image: url(../img/gestion-de-riesgos-.jpg);
	height: 87px;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center;
	margin-top: 50px;
}

#LogoMini{
	height: 33px;
	width: 150px;
	margin-top: 34px;
	margin-left: 25px;
}

#MenuA {
	height: 50px;
	width: auto;
	border: thin solid #000;
}

#Menus {
	position:absolute;
	width:1032px;
	height:20px;
	left:14px;
	top: 5px;
	z-index:8;	
}

#MenuNavegacionM {
	height:45px;
	vertical-align: middle;
	text-align: center;
	font-size: 35px;
	border-bottom-width: thin;
	border-bottom-style: inset;
	border-bottom-color: #8B0188;
	width:100%;
}

#MenuNavegacion {
	height:45px;
		vertical-align: middle;
	border-bottom-width: thin;
	border-bottom-style: inset;
	border-bottom-color: #8B0188;
	width:100%;
	color: #F0F;
	text-align:center;
}
	
#MiniLogo{
	height: ;
	width: ;
	margin-top: ;
	margin-left: ;
	vertical-align: middle;
	font-size: 16px;
}

#NuevoCliente {
	width: 100%;
	text-align: center;
}

#Origen {
	height: auto;
	margin-right: 15px;
	margin-left: 15px;
	width: auto;
}

#Pie {
	background-color: #79377E;
	text-align: center;
	height: 100px;
	width: 100%;
}

#Principal {
	font-family: Lato;
	height: auto;
	width: 100%;
}
#Principal #BarraMenu #BotonMenu {
	font-family: Lato;
	background-color: #79377E;
	font-size: 14px;
	height: 30px;
	width: auto;
	text-align: center;
	color: #FFF;
	margin-top: 2px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#Preguntas {
	position:absolute;
	width:1030px;
	height:400px;
	z-index:6;
	left: 14px;
	top: 540px;
	overflow-x:hidden;
	overflow-y:scroll;
	border: thin solid #00F;
}
#PreguntasSubBloque {
	position:absolute;
	width:612px;
	height:420px;
	z-index:7;
	left: 14px;
	top: 110px;
	overflow-x:hidden; overflow-y:scroll;
	border: thin solid #00F;
	}
#Productos {
	z-index:2;
}

#TablaPreguntasyGrupos tr td img {
	text-align: center;
	vertical-align: middle;
}

#TablaPreguntasyGrupos tr td{
	height: 30px;
	width: 30px;
}

#TextoCabecera {
	font-family: Lato;
	height: auto;
	width: 100%;
	position: absolute;
	top: 130px;
}
#TextoMantenimiento {
	font-family: Lato;
	height: auto;
	width: 100%;
	margin-top: 20px;
}

#TextoMantenimientoS {
	font-family: Lato;
	height: auto;
	width: 100%;
	margin-top:20px;
}

#TextoMenu {
	font-family: Lato;
	height: auto;
	width: 100%;
	position: absolute;
	top: 200px;
}

.BarraMenu {
	border: thin solid #79377E;
	background-color: #D6D6D6;
}

.BordeInferior {
	font-size: 16px;
	text-align: center;
	vertical-align: middle;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #79377E;
	font-weight: bold;
}


.BotonGrisG {
	background-color: #D6D6D6;
	border: thin solid #79377E;
	font-family: Lato;
	font-size: 16px;
	height: 30px;
	text-align: center;
	width: 200px;
	font-weight: bold;
	color: #322731;
}

.BotonGrisCG {
	background-color: #D6D6D6;
	border: thin inset #A40698;
	font-family: Lato;
	font-size: 16px;
	height: 30px;
	text-align: center;
	width: 150px;
	color: #322731;
	font-weight: bold;
}

.BotonGrisM {
	background-color: #D6D6D6;
	border: thin inset #A40698;
	font-family: Lato;
	font-size: 16px;
	height: 30px;
	text-align: center;
	width: 110px;
	color: #322731;
	font-weight: bold;
}

.BotonGrisCM {
	background-color: #D6D6D6;
	border: thin inset #A40698;
	font-family: Lato;
	font-size: 16px;
	height: 30px;
	text-align: center;
	font-weight: bold;
	width: 95px;
	color: #322731;
}

.BotonGrisP {
	background-color: #D6D6D6;
	border: thin solid #79377E;
	font-family: Lato;
	font-size: 16px;
	height: 30px;
	text-align: center;
	width: 85px;
	vertical-align: middle;
	font-weight: bold;
	color: #322731;
}

.BotonGrisCP {
	background-color: #D6D6D6;
	border: thin solid #79377E;
	font-family: Lato;
	font-size: 16px;
	height: 30px;
	text-align: center;
	width: 65px;
	vertical-align: middle;
	font-weight: bold;
	color: #322731;
}

.BotonGrisCP2 {
	background-color: #D6D6D6;
	border: thin solid #79377E;
	font-family: Lato;
	font-size: 13px;
	height: 25px;
	text-align: center;
	width: 65px;
	vertical-align: middle;
	font-weight: bold;
	color: #322731;
}

.BotonGrisMP {
	background-color: #D6D6D6;
	border: thin solid #79377E;
	font-family: Lato;
	font-size: 14px;
	height: 35px;
	text-align: center;
	width: 35px;
	text-indent: 0;
	margin: 0px;
	color: #322731;
	font-weight: bold;
}

.BotonMoradoG{
	background-color:#79377E;
	border: thin inset #E109D1;
	color: #E8E8E8;
	font-family: Lato;
	font-size:16px;
	height: 30px;
	text-align: center;
	width: 200px;
}


.BotonMoradoCG {
	background-color:#79377E;
	border: thin inset #E109D1;
	color: #E8E8E8;
	font-family: Lato;
	font-size:16px;
	height: 30px;
	text-align: center;
	width: 175px;
}

.BotonMoradoM {
	background-color:#79377E;
	border: thin inset #E109D1;
	color: #E8E8E8;
	font-family: Lato;
	font-size:16px;
	height: 30px;
	text-align: center;
	width: 150px;
}

.BotonMoradoCM {
	background-color:#79377E;
	border: thin inset #E109D1;
	color: #E8E8E8;
	font-family: Lato;
	font-size:16px;
	height: 30px;
	text-align: center;
	width: 135px;
}

.BotonMoradoP {
	background-color:#79377E;
	border: thin inset #E109D1;
	color: #E8E8E8;
	font-family:Lato;
	font-size:16px;
	height: 30px;
	text-align: center;
	width: 90px;
	position: relative;
	top:5px;
}

.BotonMoradoMP {
	background-color:#79377E;
	border: thin inset #E109D1;
	color: #E8E8E8;
	font-family: Lato;
	font-size:16px;
	height: 30px;
	text-align: center;
	width: 90px;
}

.CuadroTxtMorIzq {
	font-family: Lato;
	font-size:15px;
	text-align: left;
	border: thin solid #79377E;
	height: 30px;
	width: auto;
	text-indent: 5px;
}


.CuadroTxtMorIzqP {
	font-family: Lato;
	font-size:16px;
	text-align: left;
	border: thin inset #A40698;
	height: 30px;
	width: 240px;
	text-indent: 5px;
}

.CuadroTxtMorCentro {
	font-family: Lato;
	font-size:16px;
	text-align: center;
	border: thin solid #79377E;
	height: 26px;
	width: 135px;
	text-indent: 5;
}
.DivModelo {
	float: left;
	width: 48%;
}

.DivModelo2 {
	float: left;
	width: 52%;
}

.FilaFondoClaro{
	background-color:#FFF;	
}

.FilaFondoOscuro{
	background-color:#F4F4F4;
}

.SelectorFamilia {
	height: 30px;
	text-align: center;
	vertical-align: middle;
}
.Iconos {
	text-align: center;
	vertical-align: middle;
	height: 20px;
	width: 20px;
}

.LetraMorada {
	font-family: Lato;
	font-size: 18px;
	color: #79377E;
	font-weight: bold;
	text-indent: 3px;
}

.LetraMoradaG {
	font-family: Lato;
	font-size: 18px;
	color: #79377E;
	font-weight: bold;
	vertical-align: middle;
}

.LetraMoradaM {
	font-family: Lato;
	font-size: 20px;
	color: #79377E;
	font-weight: bold;
}

.LetraOscuraM {
	font-size: 20px;
	color: #322731;
	font-weight: bold;
}

.LetraOscuraP {
	font-size: 14px;
	color: #322731;
}

.LetraOscuraPB {
	color: #322731;
	font-size: 14px;
	font-weight: bold;
}

.LetraOscuraB {
	font-weight: bold;
}


.TablaPaddingI {
	margin-bottom: 17px;
}


.ListaDensa tr td {
	height: 13px;
	border: thin solid #CCC;
	font-family: Lato;
	font-size: 13px;
	color: #322731;
	line-height: 18px;
}

.TablaBordeFino tr td{
	border: thin solid #CCC;
	height: 25px;
}
	

.ListaTabla4{
	margin-right: 20%;
	margin-left: 20%;
	font-family: Lato;
	font-size: 18px;
	width: 60%;
	color: #322731;
}

.ListaTabla90{
	width: 98%;
	margin-left: 1%;
	text-indent: 0;
	color: #322731;
	text-align: center;
}
.ListaTabla1 {
	margin-right: 5%;
	margin-left: 5%;
	font-family: Lato;
	font-size: 18px;
	width: 90%;
	color: #322731;
}

.ListaTabla2 {
	margin-right: 10%;
	margin-left: 10%;
	width: 80%;
	color: #322731;
}

.ListaTabla2A {
	margin-right: 10%;
	margin-left: 10%;
	width: 80%;
	color: #322731;
	height: 20px;
	margin-bottom: 17px;
	margin-top: 17px;
}

.ListaTabla3 {
	margin-right: 15%;
	margin-left: 15%;
	width: 70%;
	color: #322731;
}

.ListaTabla5{
	width: 100%;
	border-collapse: collapse;
	text-indent: 0;
	font-family: Lato;
	color: #322731;
}

.PaddingLeft5px {
	padding-left: 5px;
	font-family: Lato;
}

.Protector {
	background-image: url(../img/ProtectorRM_A.png);
	height: 87px;
	width: 400px;
}

.Resaltar:hover{
	color: red;
}

.TablaSimpleCentrada {
	width: 90%;
	padding-left: 5px;
	line-height: 25px;
	font-family: Lato;
	font-size: 16px;
	color: #79377E;
	font-weight: bold;
	text-indent: 3px;
}

.TableEditarClientes {
	font-family: Lato;
	width: auto;
}

.TextoSubrayado {
	color: #79377E;
	text-decoration: underline;
	font-weight: bold;
	font-size: 16px;
	height: 30px;
	text-align: center;
	bottom: 11px;
	padding: 5px;
}

.TextoSubrayadoM {
	color: #79377E;
	text-decoration: underline;
	font-weight: bold;
	font-size: 16px;
	height: 25px;
	bottom: 11px;
	padding: 5px;
}

.TextoSubrayadoG {
	font-size: 26px;
	color: #79377E;
	font-weight: bold;
	height: 40px;
}

.BordeInferior {
	border-bottom-width: thin;
	border-bottom-style: inset;
	border-bottom-color: #79377E;
	color: #79377E;
}
.LetraMoradaGUnderLine {
	color: #79377E;
	font-weight: bold;
	text-decoration: underline;
	font-size: 18px;
}
.Calculo {
	position:relative;
	width:300px;
	overflow: scroll;
}