html
{
overflow: hidden;
}
@font-face
{
font-family:'AvenirNext';
font-weight:normal;
font-style:normal;
}
.requestable, .launchable{
	cursor: pointer;
}

#divsuperior
	{
	width: 100%;
	}

#divsuperior .cabecera{
	min-height: 11em;
	width:100%;
	height: 16%;
	padding-left: 0px;
}
.imagenLogo{text-align:center; /*background-image: url("../Resources/Images/Login/white-dot-op90.png"); background-repeat: repeat;*/ margin-top:15.5vh; width:69vh;}	
.imagenLogo img{width:67vh; height:18.5vh; margin: 0.01vh 0 0.01vh 0;}
.fraseLogo{box-sizing:border-box;/*background-image: url("../Resources/Images/Login/orange-dot-op80.png");background-repeat: repeat;*/text-align:right;font-family: "RobotoLight";color: #ffffff;text-shadow: 1px 1px #000000;padding-right:3.33vh;padding-top:1.5vh;font-size: 6.33vh;margin-top:1.42vh;width:85.02vh;height:11.66vh;vertical-align:middle;}

.title {
    text-align: center;
    font-size: 20px;
    margin-bottom: 7px;
}

#divsuperior .cabecera #logo{
	min-height: 11em;
	height:100%;
}
#divsuperior .cuerpo{
	min-height: 50em;
	height: 84%;
}
#divsuperior .cuerpo .cuerpo-titular{
	height: 10%;
    padding-left: 1em;	
}
#divsuperior .cuerpo .cuerpo-titular .titular{
    font-size: 26px;
    color: white;
    font-weight: 500;
    padding-top: 17px;
    width: 100%;
}
#divsuperior .cuerpo .cuerpo-contenido{
    height: 98%;
}

#divsuperior .cuerpo .cuerpo-contenido .cuerpo-col{
	/* scroll fix temporal*/
	/*height: 100%;*/
}
#divsuperior .cuerpo .cuerpo-contenido .cuerpo-col .cuerpo-block{
	padding-top: 20px;
	padding-bottom: 22px;
}
#divsuperior .divLateral {
	min-height: 50em;
	height: 100%;
}

#divsuperior .divContenido {
	padding: 2em;
	min-height: 50em;	
	height: 100%;
}

#divsuperior .divContenido .divContenidoInner {
	/*background-color: #1AA3DA;*/
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	/*height: 46em;*/
    height:100%;
	width: 100%;
	padding-right: 1em !important;
}
#divsuperior .cuerpo .cuerpo-contenido  .block-icon-title{
	margin-bottom: 10px;
}
#divsuperior .cuerpo .cuerpo-contenido  .block-icon{
	width: 15%;
	float: left;
}
#divsuperior .cuerpo .cuerpo-contenido  .block-title{
    width: 80%;
    float: left;
    font-size: 20px;
    font-weight: bold;
    margin-top: 26px;
    padding-left: 0px;
}


.noPad
	{
	padding: 0px;
	}

.menuCover
{
display: block;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
background-color: rgba(0,0,0,0.5);
height: 11em;
}
	
.PopUpModal
	{
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.5);
	width: 100%;
	height: auto;
	z-index: 9999;
	min-height: 100%;
	}

.modalCont
	{
	display:block;
	position:absolute;
	float:left;
	width:40%;
	min-height:40%;
	/*background-color: white;
	border: 0.6em solid #009ad8;*/
	border-radius: 30px ;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	}
	
.ModalTit {
    width: 100%;
    text-align: center;
    display: block;
    margin: 1em;
    font-size: 18px;
    font-weight: bold;
}

.ModalText{
    width: 100%;
    text-align: justify;
    display: block;
    padding: 1em;
}


.PUheader
{
background-color: rgb(26, 163, 218);
color: white;
text-transform: capitalize;
font-weight: bold;
border-radius:30px 30px 0px 0px;
}

.PUcontent
{
background-color: RGBA(255, 255, 255, 0.93);
color: black;
border-radius:0px 0px 30px 30px;
padding: 0em;
}

.PUN0
{
display: block;
float: left;
width: 100%;
padding: 2em;
text-align: center;
font-size: 14px;
color: black;
margin-top:2em;
/*margin-bottom:2em;*/
}


.PUN1
{
display: block;
float: left;
width: 100%;
text-align: center;
text-transform: capitalize;
font-weight: bold;
font-size: 25px;
color: rgb(26, 163, 218);
margin-top:0.7em;
}

.PUN2
{
display: block;
float: left;
width: 100%;
text-align: center;
text-transform: capitalize;
font-weight: bold;
font-size: 40px;
color: #FE8B02;
margin-bottom:0.7em;
}

.PUClose
{
width: 100%;
display: block;
text-align: center;
min-height: 3em;
}

.PUCloseB
{
color: white;
text-transform: capitalize;
background-color: rgb(26, 163, 218);
border-radius: 1em;
margin: 1em;
font-weight: bold;
margin: 1em;
padding: 1em 3em;
border-radius: 1em;
text-align: center;
}

.botonAzul
{
color: white;
text-transform: capitalize;
background-color: rgb(26, 163, 218);
border-radius: 1em;
margin: 1em;
font-weight: bold;
margin: 1em;
padding: 1em 3em;
border-radius: 1em;
text-align: center;
cursor: pointer;
}
.white {
	color: rgb(255, 255, 255);
}

.bg-blanco
{
background-color: rgb(255, 255, 255);	
}

.bg-white
{
background-color: rgb(255, 255, 255);
cursor: pointer;
}

.bg-white:hover
{
background-color: #d7e6ec;
}

.hvcent
{
margin-top: 50%;
margin-left: 50%;
transform: translateY(-50%) translateX(-50%);

}


.vcent
{
margin-top: 50%;
transform: translateY(-50%);
}

.hcent
{
margin-left: 50%;
transform: translateX(-50%);
}

.left
{
display: block;
float: left;
}	

.RT
{
border-top-left-radius: 1em;
border-top-right-radius: 1em;
}
.RB
{
border-bottom-left-radius: 1em;
border-bottom-right-radius: 1em;
}

.MT1 {margin-top:1em; !important}
.MT2 {margin-top:2em; !important}
.MB1 {margin-bottom:1em; !important}
.MB2 {margin-bottom:2em; !important}


.subrayado-empty{
	display: inline-block;
	width: 40%;
	border: 1px solid white;
	margin: 0 5px;
}
.jcarousel-wrapper{
	margin-top:0;
}

@media (max-width: 480px) {
	html
	{
		overflow: auto;
	}
	p{
		font-size: 12px;
		line-height: 14px;
	}	
	.title {
		font-size: 14px;
	}
	#divsuperior .divContenido {
		height: auto;
		/*min-height: auto;*/
	}
	#divsuperior .cabecera #logo{
		display:none;
		visibility:hidden;
	}
	#divsuperior .divContenido .divContenidoInner {
		padding-right: 0 !important;
		 height: auto;
	}
	#divsuperior .cuerpo {
		/*min-height: auto;*/
		height: auto;
	}
	#divsuperior .cuerpo .cuerpo-titular {
		height: auto;
	}		
	#divsuperior .cuerpo .cuerpo-titular .titular {
		font-size: 14px;
		font-weight: 800;
		padding-top: 0.5em;
		padding-bottom: 0.5em;
	}	
	#divsuperior .cuerpo .cuerpo-titular .titular span {
		font-size: 12px;
		font-weight: 100;
	}		
	#divsuperior .cuerpo .cuerpo-contenido {
		padding-top: 0.5em;
		padding-bottom: 0.5em;
		height: auto;
	}
	#divsuperior .cuerpo .cuerpo-contenido .cuerpo-col {
		height: auto;
	}	
	#divsuperior .cuerpo .cuerpo-contenido .cuerpo-col .cuerpo-block{
		margin-bottom: 1em;
		padding-top: 20px;
		padding-bottom: 11px;		
	}	
	#divsuperior .cuerpo .cuerpo-contenido  .block-icon img{
		max-height: 30px;
	}
	#divsuperior .cuerpo .cuerpo-contenido .block-title {
		margin-top: 10px;
		font-size: 14px;
	}	
	.jcarousel a{
		font-size: 12px;
	}

	.subrayado-empty{
		display: inline-block;
		width: 20%;
		border: 1px solid white;
		margin: 0 5px;
	}
	#divsuperior .divLateral {
		/*min-height: auto;*/
	}
}

@media (max-width: 768px) {

.menuCover{
	height: 6.5em !important;	
}

	#divsuperior .cabecera{
		position: fixed;
		z-index: 99;
		padding-right: 0;
		min-height: 2em;
		right: 0;
		left: 0;		
	}
	#divsuperior .cuerpo {
		margin-top: 5em;
	}
}
@media (min-height: 900px) {
	#divsuperior .cuerpo .cuerpo-contenido {
		height: 100%;
	}
}
@media (min-height: 760px) {
	#divsuperior .cuerpo .cuerpo-contenido {
		height: 100%;
	}
}
#divsuperior {
	background: url("../css/roleplay/images/fondo_LOGIN.jpg") no-repeat fixed center;
	/* background-size: 100%; */
	/* background-position: 0px -33px !important; */
	background-position: center center;
	background-size: cover;
}