/*Creado con Ardora - www.webardora.net
bajo licencia Attribution-NonCommercial-NoDerivatives 4.0 International (CC BY-NC-ND 4.0)
para otros usos contacte con el autor*/
@font-face {font-family: "Ardora_arrows";src: url("fonts/ardoraArrows/Ardora_arrows.eot");src: local("?"), url("fonts/ardoraArrows/Ardora_arrows.woff") format("woff"),url("fonts/ardoraArrows/Ardora_arrows.ttf") format("truetype"), url("fonts/ardoraArrows/Ardora_arrows.svg") format("svg");font-weight: normal;font-style: normal;}
.butfont{ -moz-height:25px; font-family:"Ardora_arrows",Sans-Serif; font-size: 22px;cursor: pointer; border:1px #666;border-style:solid;-webkit-padding-before:2px;color:#000000;background-color:#FFFFFF;opacity:1;box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.5); border-radius:4px; margin:0 5px 5px 0;padding: 3px 3px 3px 3px;}
.butfont:hover{box-shadow: 0px 0px 0px rgba(50, 50, 50, 0.5); color:#FFFFFF; background-color:#000000}
.butRi{float: right;}
.butLe{float: left;}
.butfontClose{ -moz-height:18px; font-family:"Ardora_arrows",Sans-Serif; font-size: 7px;cursor: pointer; border:1px #666;border-style:solid;-webkit-padding-before:2px;color:#000000;background-color:#FFFFFF;opacity:1;box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.5); border-radius: 10px; margin:0 5px 5px 0;padding: 2px 2px 0 2px;}
.butfontClose:hover{box-shadow: 0px 0px 0px rgba(50, 50, 50, 0.5); color:#FFFFFF; background-color:#000000}
#modal-background {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color:rgba(0,0,0,0.7);z-index: 1000;}
#modal-content{background-repeat:no-repeat;border-radius:5px;font-family:Verdana, Geneva, sans-serif;background-color:#FFFFFF;box-shadow: 0 0 20px 0 #222;display:none;height:auto;padding:0px;position:absolute;z-index:1000;}
#modal-background.active, #modal-content.active {display: block;}
#modalTit{font-size:12px;color:#000000;width:calc(100% - 12px);background:linear-gradient(to top,#AEAEAE,#FFFFFF);text-shadow: 2px 2px #FFFFFF;font-weight: bold;border-top-right-radius: 5px;border-top-left-radius: 5px;padding: 10px 5px 5px 5px;border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #5B5B5B;cursor: move;}
#modalBody{background-color:#FFFFFF;font-family:Verdana, Geneva, sans-serif;padding: 5px; font-size:14px;color:#000000;}
#modalBar{height: 25px;}
.green{margin-right:5px;background-color:#008000 !important; color:#FFFFFF !important;width: 23px;padding-left:2px;margin: 0 5px 5px 0; padding-left: 3px;}
.green:hover{background-color:#FFFFFF !important;color:#008000 !important;}
.red{background-color:#FF0000 !important;color:#FFFFFF !important; width: 23px; margin: 0 0 5px 5px; padding-left: 3px;}
.red:hover{background-color:#FFFFFF !important; color:#FF0000 !important;}
#pusN{transform: rotate(90deg);margin:0 0 35px 0;padding:0 0 20px;font-size: 16px;width:auto;}
#alertDiv{background-color: rgba(215, 44, 44, 0.2);color:red;width: calc( 100% - 30px );display: inline-block;margin:0;padding: 10px 5px 5px 5px; margin-top: 5px;border-style: solid;border-radius: 5px; border-width: 1px;}
#alertIco{font-family:"Ardora_arrows",Sans-Serif;float: left;font-size: 24px;margin:0;}
#errorMen{text-align: center;font-family:Verdana, Geneva, sans-serif;font-size: 16px;vertical-align: central;margin:0 0 0 10px;}
#alertDiv{animation: animationFrames linear 1s;animation-iteration-count: 1;transform-origin: 50% 50%;
-webkit-animation: animationFrames linear 1s;-webkit-animation-iteration-count: 1;-webkit-transform-origin: 50% 50%;-moz-animation: animationFrames linear 1s;-moz-animation-iteration-count: 1;-moz-transform-origin: 50% 50%;
-o-animation: animationFrames linear 1s;-o-animation-iteration-count: 1;-o-transform-origin: 50% 50%;-ms-animation: animationFrames linear 1s;-ms-animation-iteration-count: 1;-ms-transform-origin: 50% 50%;}
@keyframes animationFrames{
0% {transform:  translate(0px,0px)  ;}
10% {transform:  translate(-10px,0px)  ;}
20% {transform:  translate(10px,0px)  ;}
30% {transform:  translate(-10px,0px)  ;}
40% {transform:  translate(10px,0px)  ;}
50% {transform:  translate(-10px,0px)  ;}
60% {transform:  translate(10px,0px)  ;}
70% {transform:  translate(-10px,0px)  ;}
80% {transform:  translate(10px,0px)  ;}
90% {transform:  translate(-10px,0px)  ;}
100% {transform:  translate(0px,0px)  ;}
}
@-moz-keyframes animationFrames{
0% {-moz-transform:  translate(0px,0px)  ;}
10% {-moz-transform:  translate(-10px,0px)  ;}
20% {-moz-transform:  translate(10px,0px)  ;}
30% {-moz-transform:  translate(-10px,0px)  ;}
40% {-moz-transform:  translate(10px,0px)  ;}
50% {-moz-transform:  translate(-10px,0px)  ;}
60% {-moz-transform:  translate(10px,0px)  ;}
70% {-moz-transform:  translate(-10px,0px)  ;}
80% {-moz-transform:  translate(10px,0px)  ;}
90% {-moz-transform:  translate(-10px,0px)  ;}
100% {-moz-transform:  translate(0px,0px)  ;}
}
@-webkit-keyframes animationFrames {
0% {-webkit-transform:  translate(0px,0px)  ;}
10% {-webkit-transform:  translate(-10px,0px)  ;}
20% {-webkit-transform:  translate(10px,0px)  ;}
30% {-webkit-transform:  translate(-10px,0px)  ;}
40% {-webkit-transform:  translate(10px,0px)  ;}
50% {-webkit-transform:  translate(-10px,0px)  ;}
60% {-webkit-transform:  translate(10px,0px)  ;}
70% {-webkit-transform:  translate(-10px,0px)  ;}
80% {-webkit-transform:  translate(10px,0px)  ;}
90% {-webkit-transform:  translate(-10px,0px)  ;}
100% {-webkit-transform:  translate(0px,0px)  ;}
}
@-o-keyframes animationFrames{
0% {-o-transform:  translate(0px,0px)  ;}
10% {-o-transform:  translate(-10px,0px)  ;}
20% {-o-transform:  translate(10px,0px)  ;}
30% {-o-transform:  translate(-10px,0px)  ;}
40% {-o-transform:  translate(10px,0px)  ;}
50% {-o-transform:  translate(-10px,0px)  ;}
60% {-o-transform:  translate(10px,0px)  ;}
70% {-o-transform:  translate(-10px,0px)  ;}
80% {-o-transform:  translate(10px,0px)  ;}
90% {-o-transform:  translate(-10px,0px)  ;}
100% {-o-transform:  translate(0px,0px)  ;}
}
@-ms-keyframes animationFrames{
0% {-ms-transform:  translate(0px,0px)  ;}
10% {-ms-transform:  translate(-10px,0px)  ;}
20% {-ms-transform:  translate(10px,0px)  ;}
30% {-ms-transform:  translate(-10px,0px)  ;}
40% {-ms-transform:  translate(10px,0px)  ;}
50% {-ms-transform:  translate(-10px,0px)  ;}
60% {-ms-transform:  translate(10px,0px)  ;}
70% {-ms-transform:  translate(-10px,0px)  ;}
80% {-ms-transform:  translate(10px,0px)  ;}
90% {-ms-transform:  translate(-10px,0px)  ;}
100% {-ms-transform:  translate(0px,0px)  ;}
}
