/*Messagebox */.divMessageBox{width:100%;height:100%;position:fixed;top:0;left:0;background: rgba(0,0,0,0.6);z-index:100000;}.MessageIE{background-image: url(../img/bg.png);}.MessageBoxContainer{position: relative;top: 35%;color: white;position: relative;width: 100%;background-color:#232323;font-family: 'Segoe UI', Tahoma, Helvetica, Sans-Serif;}.MessageBoxMiddle{position: relative;left: 20%;width: 50%;font-family: 'Segoe UI', Tahoma, Helvetica, Sans-Serif;padding: 10px;}.MessageBoxMiddle .MsgTitle{font-size: 26px;}.MessageBoxMiddle .pText{font-style: 30px;}.MessageBoxContainer input{width: 50%;padding: 5px;}.MessageBoxContainer select{width: 50%;padding: 5px;}.MessageBoxButtonSection{width: 100%;height: 30px;}.MessageBoxButtonSection button{float: left;/*background-color: black;*/ border-color: white;border-width: 2px;border-style: solid;color: white;margin-left: 5px;padding: 5px;padding-right: 15px;padding-left: 15px;font-family: arial;}.MessageBoxButtonSection button:hover{background-color: red;}/* End of MessageBox */.LoadingBoxContainer{position: relative;top: 20%;color: white;position: relative;width: 100%;background-color:#232323;font-family: 'Segoe UI', Tahoma, Helvetica, Sans-Serif;}.LoadingBoxMiddle{position: relative;left: 20%;width: 50%;font-family: 'Segoe UI', Tahoma, Helvetica, Sans-Serif;padding: 10px;}.LoadingBoxContainer .MsgTitle{font-size: 26px;}.LoadingBoxContainer .pText{font-style: 30px;}#LoadingPoints{position: absolute;}/* bigBoxes */.bigBox{position: fixed;left: 10px;bottom: 10px;background-color: #004d60;padding-right: 10px;padding-top: 10px;padding-left: 10px;padding-bottom: 5px;width: 390px;height: 150px;color: white;font-family: 'Segoe UI', Tahoma, Helvetica, Sans-Serif;z-index: 9999999;}.bigBox span{font-size: 22px;}.bigBox p{font-size: 14px;margin-top: 2px;}#divMiniIcons{float: left;position: fixed;width: 430px;left: 10px;bottom: 180px;z-index: 9999999;}.botClose{position: absolute;left: 10px;height: 15px;width: 15px;cursor: pointer;}#divMiniIcons .cajita{margin-left: 4px;margin-top: 5px;background-color: red;width: 30.5px;height: 30.5px;margin: 2 2px 0em;float: left;cursor: pointer;display: block;}.cajita img{width: 23px;height: 23px;padding-left: 3px;padding-top: 3px;}.bigBox .bigboxicon{width: 100px;margin: 0 0px 0em;float: left;}.bigBox .bigboxnumber{width: 220px;margin: 5 0px 0em;float: left;text-align: left;font-size: 25px;margin-top: 2px;}/* End of bigBoxes *//* SmallBox */#divSmallBoxes{position: fixed;left: 0;top: 15px;z-index: 9999999;}.SmallBox{position: absolute;left: 0px;top: 20px;padding-left: 30px;padding-right:0;width: 420px;color: white;font-family: 'Segoe UI', Tahoma, Helvetica, Sans-Serif;z-index: 9999999;-webkit-box-shadow: 0px 0px 10px #666666;-moz-shadow: 0px 0px 10px #666666;box-shadow: 0px 0px 10px #666666;min-width:290px;}.SmallBox:hover{cursor: pointer;-webkit-box-shadow: 0px 0px 10px #000000;-moz-shadow: 0px 0px 10px #000000;box-shadow: 0px 0px 10px #000000;}.SmallBox .foto{width: 100px;height: 100px;margin: 0 0 0 -10px;float: right;text-align:right;}.SmallBox .foto img{max-height:100px !important; max-width:100px !important; border: none !important;outline: none !important;padding:0 !important;margin:0 !important;}.SmallBox .textoFull{width: 93%;float: right;padding-left: 20px;}.SmallBox .textoFoto{width: 65%;margin: 0 20px 0em;float: left;padding:10px 0 0;}.miniPic{position: absolute;bottom: 46px;left: 0;}.miniIcono{height: 100%;float:left;}.SmallBox span{font-size: 22px;font-weight: bold;text-shadow: #000000 0.1em 0.1em 0.2em;text-align:right;display:block;}.SmallBox p{font-size: 12px;margin-top: 2px;padding:5px 0 10px;text-shadow: #000000 0.1em 0.1em 0.1em; text-align:right;}/* End of SmallBox */#pageslide{/* These styles MUST be included. Do not change. */ display: none;position: absolute;position: fixed;top: 0;height: 100%;z-index: 9999999;/* Specify the width of your pageslide here */ width: 305px;padding: 20px;/* These styles are optional, and describe how the pageslide will look */ background-color: #004d60;color: #FFF;-webkit-box-shadow: inset 0 0 5px 5px #222;-moz-shadow: inset 0 0 0px 0px #222;box-shadow: inset 0 0 0px 0px #222;}.purehtml{color: white;font-family: 'Segoe UI', Tahoma, Helvetica, Sans-Serif;font-size: 16px;}@font-face{font-family: Quattro;src: url('Quattrocento-Regular.otf');}/* Mobile Phones */@media screen and (max-width: 450px) and (max-width: 767px){/* SmallBox Responsive */#divSmallBoxes{position: fixed;width: 90%;left: 0;top: 0;}.SmallBox{position: absolute;left: 0px;top: 20px;padding-left: 30px;width: 100%;color: white;font-family: 'Segoe UI', Tahoma, Helvetica, Sans-Serif;z-index: 9999999;}.SmallBox:hover{box-shadow: 0px 0px 10px #000000;cursor: pointer;}.SmallBox span{font-size: 16px;/*font-weight:bold;*/}.SmallBox p{font-size: 12px;margin-top: 2px;}.SmallBox .foto{width: 100px;height: 100px;margin: 0 0 0 -10px;float: left;}.SmallBox .textoFull{width: 93%;float: left;padding-left: 20px;}.SmallBox .textoFoto{width: 55%;margin: 0 15px 0em;float: left;}/* End of SmallBox Responsive*//* bigBoxes Responsive */.bigBox{position: fixed;left: 10px;bottom: 10px;background-color: #004d60;padding-left: 10px;padding-top: 10px;padding-left: 10px;padding-bottom: 5px;width: 88%;height: 150px;color: white;font-family: 'Segoe UI', Tahoma, Helvetica, Sans-Serif;z-index: 9999999;}.bigBox span{font-size: 19px;}.bigBox p{font-size: 12px;margin-top: 2px;}#divMiniIcons{float: left;position: fixed;left: 10px;bottom: 180px;z-index: 9999999;}.botClose{position: absolute;left: 10px;height: 20px;width: 20px;}.bigBox .bigboxicon{width: 100px;margin: 0 0px 0em;float: left;}.bigBox .bigboxnumber{position: fixed;width: 220px;margin: 5 0px 0em;float: left;text-align: left;font-size: 25px;margin-top: 2px;}/* End of bigBoxes Responsive */ /*Messagebox Responsive */.divMessageBox{width:100%;height:100%;position:fixed;top:0;left:0;background: rgba(0,0,0,0.6);z-index:100000;}.MessageBoxContainer{position: relative;top: 25%;color: white;position: relative;width: 100%;background-color:#232323;font-family: 'Segoe UI', Tahoma, Helvetica, Sans-Serif;}.MessageBoxMiddle{position: relative;left: 10%;width: 80%;font-family: 'Segoe UI', Tahoma, Helvetica, Sans-Serif;padding: 3px;}.MessageBoxMiddle .MsgTitle{font-size: 22px;}.MessageBoxMiddle .pText{font-style: 10px;}.MessageBoxContainer input{width: 50%;padding: 5px;}.MessageBoxContainer select{width: 50%;padding: 5px;}.MessageBoxButtonSection{width: 100%;height: 30px;}.MessageBoxButtonSection button{float: left;/*background-color: black;*/ border-color: white;border-width: 2px;border-style: solid;color: white;margin-left: 5px;padding: 5px;padding-left: 15px;padding-left: 15px;font-family: arial;}.MessageBoxButtonSection button:hover{background-color: red;}/* End of MessageBox Responsive */}/* Animations */.animated{-webkit-animation-duration: 1s;-moz-animation-duration: 1s;-o-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;-moz-animation-fill-mode: both;-o-animation-fill-mode: both;animation-fill-mode: both;}.animated.fast{-webkit-animation-duration: 0.4s;-moz-animation-duration: 0.4s;-ms-animation-duration: 0.4s;-o-animation-duration: 0.4s;animation-duration: 0.4s;}@-webkit-keyframes fadeIn{0%{opacity: 0;}100%{opacity: 1;}}@-moz-keyframes fadeIn{0%{opacity: 0;}100%{opacity: 1;}}@-o-keyframes fadeIn{0%{opacity: 0;}100%{opacity: 1;}}@keyframes fadeIn{0%{opacity: 0;}100%{opacity: 1;}}.fadeIn{-webkit-animation-name: fadeIn;-moz-animation-name: fadeIn;-o-animation-name: fadeIn;animation-name: fadeIn;}@-webkit-keyframes fadeInleft{0%{opacity: 0;-webkit-transform: translateX(20px);}100%{opacity: 1;-webkit-transform: translateX(0);}}@-moz-keyframes fadeInleft{0%{opacity: 0;-moz-transform: translateX(20px);}100%{opacity: 1;-moz-transform: translateX(0);}}@-o-keyframes fadeInleft{0%{opacity: 0;-o-transform: translateX(20px);}100%{opacity: 1;-o-transform: translateX(0);}}@keyframes fadeInleft{0%{opacity: 0;transform: translateX(20px);}100%{opacity: 1;transform: translateX(0);}}.fadeInleft{-webkit-animation-name: fadeInleft;-moz-animation-name: fadeInleft;-o-animation-name: fadeInleft;animation-name: fadeInleft;}@-webkit-keyframes fadeInUp{0%{opacity: 0;-webkit-transform: translateY(20px);}100%{opacity: 1;-webkit-transform: translateY(0);}}@-moz-keyframes fadeInUp{0%{opacity: 0;-moz-transform: translateY(20px);}100%{opacity: 1;-moz-transform: translateY(0);}}@-o-keyframes fadeInUp{0%{opacity: 0;-o-transform: translateY(20px);}100%{opacity: 1;-o-transform: translateY(0);}}@keyframes fadeInUp{0%{opacity: 0;transform: translateY(20px);}100%{opacity: 1;transform: translateY(0);}}.fadeInUp{-webkit-animation-name: fadeInUp;-moz-animation-name: fadeInUp;-o-animation-name: fadeInUp;animation-name: fadeInUp;}@-webkit-keyframes fadeOut{0%{opacity: 1;}100%{opacity: 0;}}@-moz-keyframes fadeOut{0%{opacity: 1;}100%{opacity: 0;}}@-o-keyframes fadeOut{0%{opacity: 1;}100%{opacity: 0;}}@keyframes fadeOut{0%{opacity: 1;}100%{opacity: 0;}}.fadeOut{-webkit-animation-name: fadeOut;-moz-animation-name: fadeOut;-o-animation-name: fadeOut;animation-name: fadeOut;}@-webkit-keyframes fadeOutLeft{0%{opacity: 1;-webkit-transform: translateX(0);}100%{opacity: 0;-webkit-transform: translateX(-20px);}}@-moz-keyframes fadeOutLeft{0%{opacity: 1;-moz-transform: translateX(0);}100%{opacity: 0;-moz-transform: translateX(-20px);}}@-o-keyframes fadeOutLeft{0%{opacity: 1;-o-transform: translateX(0);}100%{opacity: 0;-o-transform: translateX(-20px);}}@keyframes fadeOutLeft{0%{opacity: 1;transform: translateX(0);}100%{opacity: 0;transform: translateX(-20px);}}.fadeOutLeft{-webkit-animation-name: fadeOutLeft;-moz-animation-name: fadeOutLeft;-o-animation-name: fadeOutLeft;animation-name: fadeOutLeft;}/* End of Animations