/*
    Created on : 17/09/2015, 02:30:11 PM
    Author     : Amado Urias G
*/

.modalmask {
	position: fixed;
	font-family: Arial, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
        display: none; /*Para que no funcione con IE<8*/
}
.modalmask:target {
	opacity:1;
	pointer-events: auto;
        display: block;
}
.modalbox{
	width: 400px;
	position: relative;
	padding: 5px 20px 13px 20px;
	background: #fff;
	border-radius:3px;
	-webkit-transition: all 500ms ease-in;
	-moz-transition: all 500ms ease-in;
	transition: all 500ms ease-in;
	/*text-align: justify;*/
}
.modalbox-lg{
	position: relative;
	width: 90%; /*ancho ventana*/
	height: 90%;
	margin: 2% auto; /*posicion top*/
	padding: 5px 20px 13px 20px;
	background: #fff;
	border-radius:3px;
	-webkit-transition: all 500ms ease-in;
	-moz-transition: all 500ms ease-in;
	transition: all 500ms ease-in;
	/*text-align: justify;*/
}

.movedown {
	margin: 0 auto;
}
.rotate {
	margin: 10% auto;
	-webkit-transform: scale(-5,-5);
	transform: scale(-5,-5);
}
.resize {
	margin: 10% auto;
	width:0;
	height:0;

}
.modalmask:target .movedown{
	margin:10% auto;
}

.modalmask:target .rotate{
	transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
}

.modalmask:target .resize{
	width:400px;
	height:200px;
}

.modaltitle{
    text-align: center;
    font-size: 1.2em;
    font-weight:bold;
    padding-bottom: 10px;
}

.modalclose {
    background: #606061;
    line-height: 25px;
    position: absolute;
    right: 1px;
    text-align: center;
    top: 1px;
    width: 24px;
    font-weight: bold;
    border-radius:3px;
    font-size:16px;
}
a.modalclose {
    text-decoration: none;
    color: #FFF;
}
a.modalclose:hover {
    background: #000;
    color:#eee;
}

.modalbody {
    margin: 2px;
    /*border-top: 1px solid #eee;*/
}