@charset "UTF-8";

/*
//
// Alert ModalBox Elements
//
*/

.spaceModalBox{width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(0,0,0,.6);z-index:100000}
.ModalBoxContainer{top:35%;color:#fff;position:relative;width:100%;background-color:#232323;background-color:rgba(0,0,0,.8);padding:20px}
.ModalBoxMiddle{position:relative;left:20%;width:60%}
.ModalBoxMiddle .MsgTitle{letter-spacing:-1px;font-size:24px;font-weight:300}
.ModalBoxMiddle .pText{font-size:13px}
/*.ModalBoxContainer input,.ModalBoxContainer select{width:50%;padding:5px}*/
.ModalBoxButtonSection{width:100%;height:30px}
.ModalBoxButtonSection button{float:right;margin-right:7px;padding-left:15px;padding-right:15px;font-size:14px;font-weight:700}

.bottomBox{position:fixed;right:10px;bottom:10px;background-color:#004d60;padding-left:10px;padding-top:10px;padding-right:10px;padding-bottom:5px;width:390px;height:150px;color:#fff;z-index:99999;box-sizing:content-box;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;border-left:5px solid rgba(0,0,0,.15);overflow:hidden}
.bottomBox span{font-size:17px;font-weight:300;letter-spacing:-1px;padding:5px 0!important;display:block}
.bottomBox p{font-size:13px;margin-top:10px}
.bottomBox .bigboxicon{font-size:30px;text-align:left;position:absolute;top:120px;left:6px;z-index:0}
.bottomBox .bigboxnumber{width:100%;text-align:right;font-size:25px}

#divMiniIcons{position:fixed;width:415px;right:10px;bottom:180px;z-index:9999;float:right}
.botClose{position:absolute;right:10px;height:16px;width:15px;cursor:pointer;font-size:18px;opacity:.5;display:block;top:15px}
.botClose:hover{opacity:1}
#divMiniIcons .cajita{text-align:center;vertical-align:middle;padding:4px 6px;color:#FFF;float:right;cursor:pointer;display:block;background-color:red;font-size:17px;margin-left:4px;margin-top:5px}
#divMiniIcons .cajita:active{top:1px;left:1px;position:relative}
.cajita img{width:23px;height:23px;padding-left:3px;padding-top:3px}

#topBoxes{position:fixed;right:0;top:0;z-index:9999}
.topBox{position:absolute;right:5px;top:20px;width:420px;color:#fff;z-index:9999;overflow:hidden;border:1px solid transparent}
.topBox:hover{border:1px solid #fff;cursor:pointer}
.topBox .foto{font-size:50px;position:absolute;left:17px}
.topBox .textoFull{width:93%;float:left;padding-left:20px}
.topBox .textoFoto{width:78%;margin:3px 20px 3px 80px;float:left}
.miniPic{position:absolute;bottom:8px;right:9px}
.miniIcono{height:100%;font-size:20px}
.topBox span{font-size:17px;font-weight:300;letter-spacing:-1px;display:block;margin:4px 0}
.topBox p{font-size:13px;margin-top:2px}

@media screen and (max-width:450px) and (max-width:767px){
	#topBoxes{position:fixed;width:90%;right:0;top:0}
	.topBox{width:95%}
	.topBox:hover{box-shadow:0 0 10px #888;cursor:pointer}
	.topBox span{font-size:16px}
	.topBox p{font-size:12px;margin-top:2px}
	.topBox .textoFull{width:93%;float:left;padding-left:20px}
	.topBox .textoFoto{width:55%;margin:3px 20px 3px 80px;float:left}
	.bottomBox{position:fixed;right:10px;bottom:10px;background-color:#004d60;padding-left:10px;padding-top:10px;padding-right:10px;padding-bottom:5px;width:88%;height:150px;color:#fff;z-index:99999}
	.spaceModalBox{width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(0,0,0,.6);z-index:100000}
	.ModalBoxContainer{top:25%;color:#fff;position:relative;width:100%;background-color:#232323}
	.ModalBoxMiddle{position:relative;left:0;width:100%;padding:3px}
	.ModalBoxMiddle .MsgTitle{font-size:22px}
	.ModalBoxMiddle .pText{font-size:13px}
	/*.ModalBoxContainer input,.ModalBoxContainer select{width:50%;padding:5px}*/
	.ModalBoxButtonSection{width:100%;height:30px}
	.ModalBoxButtonSection button{float:right;margin-right:5px;padding-left:15px;padding-right:15px}
}

.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:.4s;-moz-animation-duration:.4s;-ms-animation-duration:.4s;-o-animation-duration:.4s;animation-duration:.4s}
