body{font-family:Arial, Helvetica, sans-serif; margin:0px auto;}
#main{margin:auto;text-align:center;}
#main h2{margin:10px; font-size:14px;}
#menu{display:inline;}
footer {clear:both; margin:0 auto; width:760px; text-align:center; color:#808080; background-color:#ffffff; font-size:0.9em;}
footer p {padding:8px 0; margin:0; position: absolute; border-top:2px solid #dadada;}
footer a {color:#808080;background-color:inherit;text-decoration:none;}
footer a:hover {text-decoration:underline;}
#CDL a {color:#808080;background-color:inherit;text-decoration:none;}
#CDL a:hover {text-decoration:underline;}
.PrevFocus:focus {
    outline: none;
}
#Bloker{width:100%;height: 100%; background-color: white;z-index: 100000;}
#Fondo{position: fixed; width: 100%; height: 100%; z-index: -1; top:0; left:0;}


/*Menu*/
.menubar{height:25px; width:100%; min-width:2000px; background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(255, 255, 255, 1)),to(rgba(185, 185, 185, 1))); background:-moz-linear-gradient(top,rgba(255, 255, 255, 1),rgba(185, 185, 185, 1)); position:absolute; top:0px; left:0px; z-index:1500;}
.Menu-Element-1L{display: inline-block; position: relative; padding:1px; background:transparent; color:black; margin-right:1px; padding-left:10px; padding-right:10px; font-size:13px; height:20px; margin-top:2px; cursor:pointer; z-index:1100;}
.Menu-Element-1L:hover{background:#A9D0F5; -moz-border-radius: .3em; border-radius: .3em; cursor:pointer;}
.Menu-Element-1L-on{background:#A9D0F5; -moz-border-radius: .3em; border-radius: .3em; border:1px solid black; cursor:pointer; z-index:1100;}
.Menu-Container-1L{border:1px solid black; width:200px; z-index:1100;}
.Menu-Container-2L{border:1px solid black; width:200px; z-index:1101;}
.Menu-Element-2L{background:#EBECEC; color:black; width:187px; float:left; padding:3px; padding-left:10px; font-size:12px; cursor:pointer; z-index:1100;}
.Menu-Element-2L:hover{background:#A9D0F5; cursor:pointer;}
.Menu-Element-2LP{background:#EBECEC; color:black; width:187px; float:left; padding:3px; padding-left:10px; font-size:12px; cursor:pointer; z-index:1100;}
.Menu-Element-2LP:hover{background:#A9D0F5; cursor:pointer;}
.Menu-Element-2LP-on{background:#A9D0F5; cursor:pointer; z-index:1100;}
.Menu-Element-2L-Separator{background:#ACACAC; width:183px; float:left; height:1px; padding-right:3px; padding-left:10px; font-size:12px; margin-left:2px; cursor:pointer; z-index:1100;}
.Menu-Element-3L{background:#EBECEC; color:black; width:187px; float:left; padding:3px; padding-left:10px; font-size:12px; cursor:pointer; z-index:1100;}
.Menu-Element-3L:hover{background:#A9D0F5; cursor:pointer;}
.Menu-Element-3L-Separator{background:#ACACAC; width:183px; float:left; height:1px; padding-right:3px; padding-left:10px; font-size:12px; margin-left:2px; cursor:pointer; z-index:1100;}
.Mmobile{font-size:18px !important;}
.dockmenu{z-index:92000 !important;}

/*Ventanas*/
.tittlebar{height:25px; background:#80B5DF; position: absolute; z-index:999;}
.tittletext{float:left; margin-top: 7px; margin-left:5px; vertical-align: middle; color:black; font-family:Arial, Helvetica, sans-serif; font-size:12px; z-index:999;}
.tool{float:right; z-index:999; }
.tool-btn{width:16px; height:16px; margin:1px; margin-top:4px; z-index:1000; cursor: default; display: block;}
.maximize{background:url(../../images/lib/maximize.png) 0 0 no-repeat;}
.minimize{background:url(../../images/lib/minimize.png) 0 0 no-repeat;}
.window{border:solid 1px gray; position: absolute; overflow: hidden; z-index:999;}
.active{z-index:1090;}
.winborder-left{position: absolute; border-left:solid 1px black; background:#80B5DF;}
.winborder-right{position: absolute; border-right:solid 1px black; background:#80B5DF;}
.winborder-down{position: absolute; border-bottom:solid 1px black; background:#80B5DF;}
.winborder-rdown{position: absolute; border-bottom:solid 1px black; border-right:solid 1px black; background:#80B5DF;}
.winborder-wdown{position: absolute; border-bottom:solid 1px black; border-left:solid 1px black; background:#80B5DF;}
.winborder-up{position: absolute; border-top:solid 1px black; background:#80B5DF;}
.winborder-rup{position: absolute; border-top:solid 1px black; border-right:solid 1px black; background:#80B5DF; -webkit-border-top-right-radius: 15px; -moz-border-radius-topright: 15px; border-top-right-radius: 15px;}
.winborder-wup{position: absolute; border-top:solid 1px black; border-left:solid 1px black;  background:#80B5DF; -webkit-border-top-left-radius: 15px; -moz-border-radius-topleft: 15px; border-top-left-radius: 15px;}
/*Ventanas CC*/
.contextual{background-color: rgb(240,240,240) !important; position: absolute; overflow: hidden; z-index:999; box-shadow: 6px 6px 2px -3px rgb(105,105,105);}

.window-cc{border:solid 1px white; position: absolute; overflow: hidden; z-index:999;}
.active-cc{z-index:91190 !important;}
.modal{z-index:999999 !important;}

.winborder-left-cc.active-cc{border-left:solid 1px rgb(244,247,252) !important; background:rgb(180,180,180) !important; box-shadow: -1px 0px rgb(227,227,227);}
.winborder-right-cc.active-cc{border-right:solid 1px rgb(180,180,180) !important; background:rgb(180,180,180) !important; box-shadow: 1px 0px rgb(105,105,105);}
.winborder-down-cc.active-cc{border-bottom:solid 1px rgb(180,180,180) !important; background:rgb(180,180,180) !important; box-shadow: 0px 1px rgb(105,105,105);}
.winborder-rdown-cc.active-cc{border-bottom:solid 1px rgb(180,180,180) !important; border-right:solid 1px rgb(180,180,180) !important; background:rgb(180,180,180) !important; box-shadow: 1px 0px rgb(105,105,105), 0px 1px rgb(105,105,105), 1px 1px rgb(105,105,105);}
.winborder-wdown-cc.active-cc{border-bottom:solid 1px rgb(180,180,180) !important; border-left:solid 1px rgb(244,247,252) !important; background:rgb(180,180,180) !important; box-shadow: -1px 0px rgb(227,227,227), -1px 1px rgb(105,105,105), 0px 1px rgb(105,105,105);}
.winborder-up-cc.active-cc{border-top:solid 1px rgb(244,247,252) !important; background:rgb(180,180,180) !important; box-shadow: 0px -1px rgb(227,227,227);}
.winborder-rup-cc.active-cc{border-top:solid 1px rgb(244,247,252) !important; border-right:solid 1px rgb(180,180,180) !important; background:rgb(180,180,180) !important; box-shadow: 0px -1px rgb(227,227,227), 1px 0px rgb(105,105,105),1px -1px rgb(105,105,105);}
.winborder-wup-cc.active-cc{border-top:solid 1px rgb(244,247,252) !important; border-left:solid 1px rgb(244,247,252) !important;  background:rgb(180,180,180) !important; box-shadow: -1px -1px rgb(227,227,227),-1px 0px rgb(227,227,227),0px -1px rgb(227,227,227);}

.winborder-left-cc{position: absolute; border-left:solid 1px rgb(244,247,252); background:rgb(244,247,252); box-shadow: -1px 0px rgb(227,227,227);}
.winborder-right-cc{position: absolute; border-right:solid 1px rgb(244,247,252); background:rgb(244,247,252); box-shadow: 2px 0px rgb(105,105,105);}
.winborder-down-cc{position: absolute; border-bottom:solid 1px rgb(244,247,252); background:rgb(244,247,252); box-shadow: 0px 2px rgb(105,105,105);}
.winborder-rdown-cc{position: absolute; border-bottom:solid 1px rgb(244,247,252); border-right:solid 1px rgb(244,247,252); background:rgb(244,247,252); box-shadow: 2px 0px rgb(105,105,105), 0px 2px rgb(105,105,105), 2px 2px rgb(105,105,105);}
.winborder-wdown-cc{position: absolute; border-bottom:solid 1px rgb(244,247,252); border-left:solid 1px rgb(244,247,252); background:rgb(244,247,252); box-shadow: -1px 0px rgb(227,227,227), -1px 2px rgb(105,105,105), 0px 2px rgb(105,105,105);}
.winborder-up-cc{position: absolute; border-top:solid 1px rgb(244,247,252); background:rgb(244,247,252); box-shadow: 0px -1px rgb(227,227,227);}
.winborder-rup-cc{position: absolute; border-top:solid 1px rgb(244,247,252); border-right:solid 1px rgb(244,247,252); background:rgb(244,247,252); box-shadow: 0px -1px rgb(227,227,227), 2px 0px rgb(105,105,105),2px -1px rgb(105,105,105);}
.winborder-wup-cc{position: absolute; border-top:solid 1px rgb(244,247,252); border-left:solid 1px rgb(244,247,252);  background:rgb(244,247,252); box-shadow: -1px -1px rgb(227,227,227),-1px 0px rgb(227,227,227),0px -1px rgb(227,227,227);}

.working{opacity: 0;}

/*Checkbox*/
.checkbox{position: absolute; z-index:30;}
.checktxt{float:left; z-index:30; margin-left: 3px; margin-top: 1px;}
.checktxtg{vertical-align: -webkit-baseline-middle; z-index:30; margin-left: 3px; margin-top: 1px;}

/*Container*/
.container{position: absolute; z-index:30;}

/*Caja*/
.listbox{position: absolute; box-sizing:border-box; z-index:30;}

/*Campos*/
.textbox{position: absolute; box-sizing:border-box; z-index:30; padding-left: 3px; padding-right: 3px; padding-bottom: 1px; outline: none;}
.textbox::selection {background: transparent;}
.boxborder{border-width: 2px !important;}

/*Campos Multilinea*/
.editbox{position: absolute; box-sizing:border-box; z-index:30; padding-left: 3px; padding-right: 3px;}

/*Desplegables*/
.combobox{position: absolute; box-sizing:border-box; z-index:30;}
.combolist{position: absolute; z-index:1999998;}
.comboelement{padding-top: 2px; padding-bottom: 2px; padding-left: 2px;}
.comboactiveB .combotxt{padding-top: 0px !important; border: 1px solid rgb(204,102,0); outline: 1px dotted black; outline-offset: -1px;}

/*Shape*/
.line{position: absolute; z-index:30;}

/*Label*/
.label{position: absolute; z-index:35;}
/*Radio*/
.radio{position: absolute; z-index:30;}
.radio-txt{position: absolute; z-index:30;}

/*Shape*/
.shape{position: absolute; z-index:30;}

/*Table*/
.table{position: absolute; width:auto !important; background: white; border-collapse:collapse; z-index:30; table-layout: fixed;}

/*Pestañas*/
.page{float: left; position: relative; border-top: 1px solid lightgray; border-right: 1px solid lightgray; border-bottom: 1px solid lightgray; text-align: center; z-index:30; margin-left: 1px}
.pageselected{border-left: 1px solid lightgray !important; border-bottom: none !important; background:white !important; z-index:35; top:-1px !important; margin-right: -1px; margin-left: 0px !important;}
.pageselectedd{border-left: 1px solid lightgray !important; border-top: none; background:white !important; z-index:35; margin-right: -1px; margin-left: 0px !important;}
.pagecontent{display:block; z-index:30;}
.pageframe{position: absolute; border: 1px solid lightgray; z-index:35;}


/*Boton*/
.btn-cot{-moz-border-radius: .3em; border-radius: .3em; position: absolute; background:white; z-index:30;}
.button{margin:0; padding:0; border: 1px solid #9c9c9c; border: 1px solid rgba(0, 0, 0, 0.3); box-shadow: 0 0 .05em rgba(0,0,0,0.4); -moz-box-shadow: 0 0 .05em rgba(0,0,0,0.4); -webkit-box-shadow: 0 0 .05em rgba(0,0,0,0.4); background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(255, 255, 255, 1)),to(rgba(185, 185, 185, 1))); background:-moz-linear-gradient(top,rgba(255, 255, 255, 1),rgba(185, 185, 185, 1)); -moz-border-radius: .3em; border-radius: .3em; z-index:30;}
.button:active:enabled{border:black solid 1px !important; background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(255, 255, 255, 1)),to(rgba(104,179,219,1))) !important; background: -moz-linear-gradient(linear,0% 0%,0% 100%,from(rgba(255, 255, 255, 1)),to(rgba(104,179,219,1))) !important; }
.button:hover:enabled{border:1px outset buttonface; background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(255, 255, 255, 1)),to(rgba(104,179,219,1))) !important; background: -moz-linear-gradient(linear,0% 0%,0% 100%,from(rgba(255, 255, 255, 1)),to(rgba(104,179,219,1))) !important;}
.button:focus{outline-width: 1px; outline-offset: -4px; outline-color: black; outline-style: dotted; background: rgb(225,225,225) !important; }

.buttonhot{margin:0; padding:0; border: 1px solid #9c9c9c; border: 1px solid rgba(0, 0, 0, 0.3); z-index:30;  -moz-border-radius: .3em; border-radius: .3em;}
.buttonhot:hover:enabled{border:darkgray solid 1px !important; background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(255, 255, 255, 1)),to(rgba(185, 185, 185, 1)))!important; background:-moz-linear-gradient(top,rgba(255, 255, 255, 1),rgba(185, 185, 185, 1))!important;}
.buttonhot:active:enabled{border:darkgray solid 1px !important; background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(255, 255, 255, 1)),to(rgba(104,179,219,1))) !important; background: -moz-linear-gradient(linear,0% 0%,0% 100%,from(rgba(255, 255, 255, 1)),to(rgba(104,179,219,1))) !important; }
.buttonhot:focus{outline-width: 1px; outline-offset: -4px; outline-color: black; outline-style: dotted; background: rgb(225,225,225) !important; }


.buttonhotg{margin:0; padding:0; border: 1px transparent solid; overflow: hidden; display: block; z-index:30;  -moz-border-radius: .3em; border-radius: .3em; background: transparent;}
.gridselected.buttonhotg{outline: none !important; background: transparent !important;}
.gridselected.buttonhotg:hover:enabled{border:darkgray solid 1px !important; background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(255, 255, 255, 1)),to(rgba(185, 185, 185, 1)))!important; background:-moz-linear-gradient(top,rgba(255, 255, 255, 1),rgba(185, 185, 185, 1))!important;}
.buttonhotg:active:enabled{border:darkgray solid 1px !important; background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(255, 255, 255, 1)),to(rgba(104,179,219,1))) !important; background: -moz-linear-gradient(linear,0% 0%,0% 100%,from(rgba(255, 255, 255, 1)),to(rgba(104,179,219,1))) !important; }
.buttonhotg:focus{outline-width: 1px; outline-offset: -4px; outline-color: black; outline-style: dotted; background: rgb(225,225,225) !important; }
.gridselected.gridbutton{background: transparent !important;}

.contextual .buttonhot .btn-txt:hover{color: white !important;}
.contextual .buttonhot:hover{background: rgba(51,153,255,1) !important; color: white !important;}
.contextual .buttonhot{-moz-border-radius: 0; border-radius: 0; background: rgb(240,240,240) !important;}
.contextual .line{background: rgb(240,240,240) !important;}

.buttonplain{margin:0; padding:0; border: 1px solid #9c9c9c; border: 1px solid rgba(0, 0, 0, 0.3); box-shadow: 0 0 .05em rgba(0,0,0,0.4); -moz-box-shadow: 0 0 .05em rgba(0,0,0,0.4); -webkit-box-shadow: 0 0 .05em rgba(0,0,0,0.4);  -moz-border-radius: .3em; border-radius: .3em; z-index:30;}

.buttonplain:active:enabled{border:darkgray solid 1px !important; background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(255, 255, 255, 1)),to(rgba(104,179,219,1))) !important; background: -moz-linear-gradient(linear,0% 0%,0% 100%,from(rgba(255, 255, 255, 1)),to(rgba(104,179,219,1))) !important; }
.buttonplain:focus{outline-width: 1px; outline-offset: -4px; outline-color: black; outline-style: dotted; background: rgb(225,225,225) !important; }
.btn-txt{margin:0; padding-top:1px; padding-left:1px; color: inherit;} 
.contextual .btn-txt{margin:0; padding-top:1px; padding-left:15px; color: inherit;} 

.checktxt.objfoco{outline-width: 1px; outline-offset: 1px; outline-color: black; outline-style: dotted; }
.objfoco{outline-width: 1px; outline-offset: -4px; outline-color: black; outline-style: dotted; }

.headerfoco{background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(255, 255, 255, 1)),to(rgba(188,236,254,1))) !important; background: -moz-linear-gradient(linear,0% 0%,0% 100%,from(rgba(255, 255, 255, 1)),to(rgba(188,236,254,1))) !important;}

.headeractive{background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(255, 255, 255, 1)),to(rgba(140,211,246,1))) !important; background: -moz-linear-gradient(linear,0% 0%,0% 100%,from(rgba(255, 255, 255, 1)),to(rgba(140,211,246,1))) !important;}

.colmove{width: 1px !important; height: 100% !important; background: black;}

input[type=checkbox].airbox {
	visibility: hidden;
}

/* 20/04/2021 AOP - Botón selección programa */
.botonSP{margin:0; padding:0; border: 1px solid #eee; border-radius: .3em;}
.botonSP:hover:enabled{opacity: 0.3;}
.botonSP:active:enabled{opacity: 0.3;}
.botonSP:focus{outline-width: 1px; outline-offset: -3px; outline-color: black; background:#f5f5f5 !important; outline-style: dotted;}

/* 16/03/2021 AOP - Barra progreso */
#containerintro {
	width: 300px;
	height: 82px;
  padding: 15px;
  border-radius: 2px;
}

#DivLoad {
  display:inline;
}

#TextoLoad {
  font-size: 12px;
  margin-top: 55px;
  color: #444;
  float: left;
  letter-spacing: 0.5px;
}

#ImgLoad {
  float: right;
  margin-bottom: 5px;
}

#BarraProgreso { 
  height: 10px;
  position: relative;
  background: #eeeeee;
  padding: 1px;
  clear: both;
}

#BarraProgreso > span {
  display: block;
  height: 100%;
  background-color: #78b1c7;
  position: relative;
  overflow: hidden;
  animation: prog 10s linear;
}

#BarraProgresoAccion { 
  height: 10px;
  position: relative;
  background: #eeeeee;
  padding: 1px;
  clear: both;
}

#BarraProgresoAccion > span {
  display: block;
  height: 100%;
  background-color: #78b1c7;
  position: relative;
  overflow: hidden;
  animation: prog 15s linear;
}

@keyframes prog {
  0% {width: 0%}
  100% {width: 100%}
}
/********/

/* FOOTER */
.footer-container {background-color: #fff; position: fixed; bottom: 10px; right: 10px;    border: 1px solid rgba(23,24,26,.11);
    border-radius: 5px;
    overflow: hidden;}
.footer-copy {text-align: center;}
.footer-copy p {font-size: 12px;}
.footer-info {text-align: center;}
.footer-info a {display: inline-block; font-size: 14px; font-weight: 600; line-height: 38px; color: #000; text-decoration: none; border-right: 1px solid #d4d7d9;  padding: 0 16px;}
.footer-info a:last-child {border-right: none;}
.footer-info a:hover {text-decoration: underline;}

/* SQUARED TWO */
.OwnBox {
	width: 13px;
	height: 13px;
	background: rgb(128,128,128);
	float: left;
	position: relative;
}

.gridcheck .OwnBox {
	width: 13px;
	height: 13px;
	background: rgb(128,128,128);
	float: left;
	position: relative;
	top: 2px;
	left:2px;
}

.OwnBox:hover{
	background:rgb(85,134,163);
}

.disabled.OwnBox:hover {
	background: transparent !important;
}

.disabled.OwnBox {
	background: rgb(177,177,177) !important;
}

.OwnBox label {
	cursor: pointer;
	position: absolute;
	width: 10.5px;
	height: 10.5px;
	left: 1px;
	top: 1px;

	background: rgb(250,250,250);
	outline: solid 0.1px rgb(240,240,240);
	outline-offset:-1px; 
}

.OwnBox label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 6px;
	height: 2px;
	background: transparent;
	top: 3px;
	left: 2px;
	border: 2px solid rgb(74,95,151);
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-60deg);
	-moz-transform: rotate(-60deg);
	-o-transform: rotate(-60deg);
	-ms-transform: rotate(-60deg);
	transform: rotate(-60deg);
}

.disabled.OwnBox label:after {
	border: 2px solid rgb(177,177,177) !important;
	border-top: none !important;
	border-right: none !important; 
}

.OwnBox label:hover {
	background: rgb(221,243,254);
}

.disabled.OwnBox label:hover {
	background: rgb(255,255,255) !important;
}

.OwnBox input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

/*Imagen*/
.image{position: absolute; z-index:30; margin:1px;}

.scrollbar{z-index:30}

.trow{height:16px;}
.tractive{background:#b7dbff; color:white;}

.gridcheck{position: relative; }


.gridselected input:focus{background:white !important;}
.gridrselected{border:2px solid #A9D0F5;}

.tgridselected{background-color: #b7dbff; border:solid 1px #b7dbff;}
.tgridselected input:focus{background:white !important;}

#keyboard {border-top-left-radius: 10px; border-top-right-radius:10px; background-color: #9199A4; padding: 5px 2px; z-index:999999999;}
 
.row {margin: 15px 2px; text-align: center;}
 
.key {background-color: #ECEDEE; height: 25%; line-height: 4em; font-size: 1.4em; border-radius: 5px; width: 9%; text-align: center; display: inline-block; margin: 0 0.4%; font-family: Helvetica; font-weight: 800;}
.keyh {background:transparent; height: 1em; color:transparent; line-height: 0em; font-size: 1.4em; border-radius: 5px; width: 9%; text-align: center; display: inline-block; margin: 0 0.4%; font-family: Helvetica; font-weight: 800;}

.keytablet {background-color: #ECEDEE; height: 25%; line-height: 4em; font-size: 1.75em; border-radius: 5px; width: 5%; text-align: center; display: inline-block; margin: 0 0.4%; font-family: Helvetica; font-weight: 800;}
.keytableth {background:transparent; height: 1em; color:transparent; line-height: 0em; font-size: 1.75em; border-radius: 5px; width: 5%; text-align: center; display: inline-block; margin: 0 0.4%; font-family: Helvetica; font-weight: 800;}

.rowl {margin: 4px 2px; text-align: center;}
 
.keyl {background-color: #ECEDEE; height: 17%; line-height: 2em; font-size: 1.4em; border-radius: 5px; width: 9%; text-align: center; display: inline-block; margin: 0 0.4%; font-family: Helvetica; font-weight: 800;}
.keylh {background:transparent; height: 1em; color:transparent; line-height: 0em; font-size: 1.4em; border-radius: 5px; width: 9%; text-align: center; display: inline-block; margin: 0 0.4%; font-family: Helvetica; font-weight: 800;}

.keyltablet {background-color: #ECEDEE; height: 20%; line-height: 2.4em; font-size: 1.75em; border-radius: 5px; width: 5%; text-align: center; display: inline-block; margin: 0 0.4%; font-family: Helvetica; font-weight: 800;}
.keyltableth {background:transparent; height: 1em; color:transparent; line-height: 0em; font-size: 1.75em; border-radius: 5px; width: 5%; text-align: center; display: inline-block; margin: 0 0.4%; font-family: Helvetica; font-weight: 800;}


.system_key {background-color: #68717D; color: #FFF; font-weight: 600;}

/*Animacion nubes*/

#ImgLoaderre{cursor: pointer;}

.containernube {
	width:260px;
	height: 143px;
	background-image: url("../images/nube.png");
}

.containernube p {
	font-family: sans-serif;
	color: #5194de;
	font-size: 14px;
	margin-top: 25px;
	text-align: center;
}

.containernube span {
	color: red;
}

.contentBarnube {
	width: 150px;
	padding-top: 78px;
	margin: 0 auto;
}

.barlittle {
	background-color: #8cb3d9;
	width:16px;
	height:16px;
	float:left;
	margin-left:5px;
	transform:scale(0.7);
	-o-transform:scale(0.7);
	-ms-transform:scale(0.7);
	-moz-transform:scale(0.7);
	-webkit-transform:scale(0.7);
	animation:move 2s infinite linear;
	-o-animation:move 2s infinite linear;
	-ms-animation:move 2s infinite linear;
	-moz-animation:move 2s infinite linear;
	-webkit-animation:move 2s infinite linear;
}
#cuadro_1{
	animation-delay: .8s;
	-o-animation-delay: .8s;
	-ms-animation-delay: .8s;
 	-moz-animation-delay: .8s;
	-webkit-animation-delay: .8s;
 }
#cuadro_2{
	animation-delay: 1s;
	-o-animation-delay: 1s;
	-ms-animation-delay: 1s;
 	-moz-animation-delay: 1s;
	-webkit-animation-delay: 1s;
}
#cuadro_3{
	animation-delay: 1.2s;
	-o-animation-delay: 1.2s;
	-ms-animation-delay: 1.2s;
 	-moz-animation-delay: 1.2s;
	-webkit-animation-delay: 1.2s;
}
#cuadro_4{
	animation-delay: 1.4s;
	-o-animation-delay: 1.4s;
	-ms-animation-delay: 1.4s;
 	-moz-animation-delay: 1.4s;
	-webkit-animation-delay: 1.4s;
}
#cuadro_5{
	animation-delay: 1.6s;
	-o-animation-delay: 1.6s;
	-ms-animation-delay: 1.6s;
 	-moz-animation-delay: 1.6s;
	-webkit-animation-delay: 1.6s;
}
#cuadro_6{
	animation-delay: 1.8s;
	-o-animation-delay: 1.8s;
	-ms-animation-delay: 1.8s;
 	-moz-animation-delay: 1.8s;
	-webkit-animation-delay: 1.8s;
}
#cuadro_7{
	animation-delay: 2s;
	-o-animation-delay: 2s;
	-ms-animation-delay: 2s;
 	-moz-animation-delay: 2s;
	-webkit-animation-delay: 2s;
}
@keyframes move{
	0%{transform: scale(1);opacity:1;}
	100%{transform: scale(0.7);opacity:0.1;}
}
@-o-keyframes move{
	0%{-o-transform: scale(1);opacity:1;}
	100%{-o-transform: scale(0.7);opacity:0.1;}
}
@-ms-keyframes move{
	0%{-ms-transform: scale(1);opacity:1;}
	100%{-ms-transform: scale(0.7);opacity:0.1;}
}
@-moz-keyframes move{
	0%{-moz-transform: scale(1);opacity:1;}
	100%{-moz-transform: scale(0.7);opacity:0.1;}
}
@-webkit-keyframes move{
	0%{-webkit-transform: scale(1);opacity:1;}
	100%{-webkit-transform: scale(0.7);opacity:0.1;}
}