@charset "utf-8";

/* CSS Document */
body {
	background-size: cover;
	font-family: caviar;
}

.cabezote {
	background: url(../../../resources/commons/images/bg-cabe.png) #FFFFFF bottom;
	height: 90px;
	width: 100%;
	text-align: center;

}

.cabezote img {
	padding-top: 9px;
	height: 90px;
}

.bg-cabe {
	background-image: url(../images/bg-cabe.jpg);
	background-size: 33px;
	padding: 15px;
	height: 86px;
	text-align: center;
}

.centrar {
	text-align: center;
}

.text-selec-rol {
	font-size: 11px;
	font-family: caviar-bold;
	color: #ffffff;
	background: #32bcea;
	padding: 15px 15px;
	transform: scaleX(1.08);
	box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 5px;
}

.tri-izq-blue {
	background: url(../images/tri-izq.png) no-repeat;
	float: left;
	height: 9px;
	width: 12px;
	margin: -1px 0 0 -12px;
}

.tri-der-blue {
	background: url(../images/tri-der.png) no-repeat;
	float: right;
	height: 9px;
	width: 12px;
	margin: -1px -12px 0 0;
}

.text-selec-rol-green {
	font-size: 11px;
	font-family: caviar-bold;
	color: #ffffff;
	background: #820AD1;
	padding: 15px 15px;
	transform: scaleX(1.08);
	box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 5px;
}

.tri-izq-green {
	background: url(../images/tri-izq-green.png) no-repeat;
	float: left;
	height: 9px;
	width: 12px;
	margin: -1px 0 0 -12px;
}

.tri-der-green {
	background: url(../images/tri-der-green.png) no-repeat;
	float: right;
	height: 9px;
	width: 12px;
	margin: -1px -12px 0 0;
}

.text-selec-rol-greenl {
	font-size: 11px;
	font-family: caviar-bold;
	color: #ffffff;
	background: #22B573;
	padding: 15px 15px;
	transform: scaleX(1.03);
	box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 5px;
	padding: 25px 250px;
	text-align: justify;
}

.tri-izq-greenl {
	background: url(../../../Login/images/tri-izq-greenl.png) no-repeat;
	float: left;
	height: 9px;
	width: 12px;
	margin: -1px 0 0 -12px;
}

.tri-der-greenl {
	background: url(../../../Login/images/tri-der-greenl.png) no-repeat;
	float: right;
	height: 9px;
	width: 12px;
	margin: -1px -12px 0 0;
}

.text-selec-rol-red {
	font-size: 16px;
	font-family: caviar;
	color: #ffffff;
	background: #C1162A;
	padding: 15px 15px;
	transform: scaleX(1.08);
	box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 5px;
}

.text-selec-rol-redd {
	font-size: 11px;
	font-family: caviar-bold;
	color: #ffffff;
	background: #C1162A;
	padding: 15px 15px;
	transform: scaleX(1.03);
	box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 5px;
	padding: 25px 250px;
	text-align: justify;
}

.tri-izq-red {
	background: url(../images/tri-izq-red.png) no-repeat;
	float: left;
	height: 9px;
	width: 12px;
	margin: -1px 0 0 -12px;
}

.tri-der-red {
	background: url(../images/tri-der-red.png) no-repeat;
	float: right;
	height: 9px;
	width: 12px;
	margin: -1px -12px 0 0;
}

.text-selec-rol-bluedark {
	font-size: 11px;
	font-family: caviar-bold;
	color: #ffffff;
	background: #1A5175;
	padding: 15px 15px;
	transform: scaleX(1.03);
	box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 5px;
	padding: 25px 150px;
	text-align: justify;
}

.tri-izq-blue {
	background: url(../images/tri-izq.png) no-repeat;
	float: left;
	height: 9px;
	width: 12px;
	margin: -1px 0 0 -12px;
}

.tri-der-blue {
	background: url(../images/tri-der.png) no-repeat;
	float: right;
	height: 9px;
	width: 12px;
	margin: -1px -12px 0 0;
}

.text18 {
	font-size: 18px;
}

.espacio {
	height: 25px;
}

.footer-line {
	height: 5px;
	background: #ab5302;
}

.margin-tb {
	margin: 15px 0;
}

.text-bold-b {
	color: #578FB3;
	font-family: caviar-bold;
	line-height: 18px;
	font-size: 20px;
}

.btn-pre {
	background: url(../images/btn-pre.png);
	height: 126px;
	width: 99px;
	box-shadow: rgba(0, 0, 0, 0.2) 5px 10px 15px;
	font-family: caviar-bold;
	display: block;
	margin: auto;
}

.btn-pre:hover {
	background: url(../images/btn-pre-hover.png);
	text-decoration: none;
}

.btn-pre a:hover {
	text-decoration: none !important;
}

.btn-usu {
	background: url(../images/btn-usu.png);
	height: 126px;
	width: 99px;
	box-shadow: rgba(0, 0, 0, 0.2) 5px 10px 15px;
	display: block;
	margin: auto;
}

.btn-usu:hover {
	background: url(../images/btn-usu-hover.png);
}

.btn-est {
	background: url(../images/btn-estu.png);
	height: 126px;
	width: 99px;
	box-shadow: rgba(0, 0, 0, 0.2) 5px 10px 15px;
}

.btn-est:hover {
	background: url(../images/btn-estu-hover.png);
}

.btn-admin {
	background: url(../images/btn-admin.png);
	height: 126px;
	width: 99px;
	box-shadow: rgba(0, 0, 0, 0.2) 5px 10px 15px;
}

.btn-admin:hover {
	background: url(../images/btn-admin-hover.png);
}

.aling-right {
	text-align: right;
}

.text-left {
	text-align: left !important;
	padding: 15px 15px;
}

.recordar {
	color: #70B8E5;
	font-size: 11px;
	font-family: caviar-bold;
	text-decoration: underline;
	text-align: center;
	padding: 0px;
	margin-bottom: 21px;
}

.modal-recordar {
	background: #fff url(../images/line-grey.png) bottom repeat-x;
	text-align: center;
}

.modal-recordar img {
	padding: 20px 40px;
	max-width: 100%;
	margin-left: -15px;
}

.bg-blue {
	background: #f97800;
}

.header-recordar {
	font-size: 38px;
	line-height: 36px;
	font-family: caviar-bold;
	color: #ffffff;
	text-align: center;
}

.text-recordar {
	color: #000;
	font-family: champagne-bold;
	font-size: 18px;
	text-align: justify;
	padding: 50px 70px;
}

.input-large {
	width: 300px !important;
}

.bg-f-recu {
	height: 85px;
	background-color: #f97800 !important;
}

.text-footer-recordar {
	color: #fff;
	text-align: center;
	font-family: champagne-bold;
	padding-top: 25px;
}

.popover {
	background: #979797;
	color: #ffffff;
	font-family: champagne-bold;
}

.bg-azul {
	text-align: center;
	background: #578FB3;
	margin-top: 25px;
	padding: 25px 0;
	color: #ffffff;
}

.bg-red {
	text-align: center;
	background: #FF3948;
	margin-top: 25px;
	padding: 25px 25px;
	color: #ffffff;
}

.bg-green {
	text-align: center;
	background: #22B573;
	margin-top: 25px;
	padding: 25px 25px;
	color: #ffffff;

}

.main {
	margin-top: 25vh;

}

.modal-dialog,
.modal-body {
	background-color: #ffffff !important;
}


@media only screen and (max-width : 992px) {
	.main {
		margin-top: 4vh;
		margin-left: 30px;
		margin-right: 30px;
	}
	.header-recordar {
		margin: 20px 0;
	}

	.text-recordar {
		text-align: center;

	}

	.input-large {
		width: 200px !important;
		margin: auto;
	}

	.text-selec-rol-greenl {
		padding: 25px 25px;
		text-align: center;
	}

	.text-selec-rol-redd {
		padding: 25px 25px;
		text-align: center;
	}

	.text-selec-rol-bluedark {
		padding: 25px 25px;
		text-align: center;
	}

}

.ge-btn-cero {
	background-color: transparent !important;
	border: none;
	padding: 0px;
}


/* Ajustes */

form#data-login>div {
	margin-top: 11px;
}



form#data-login button[type="submit"] {
	margin: auto;
	display: block;
	margin-top: 20px;
}



/* Redes sociales */

.ConteRedes {
	position: absolute;
	bottom: 0px;
	right: 0px;
	transform: scale(0.6);
}

.ConteMegutas {
	position: absolute;
	bottom: 45px;
	right: 40px;
	width: 370px;
	height: 196px;
	background-color: #dedede;
	z-index: 1000;
	border-radius: 0px 100px 100px 0px;
}

.ConteMegutas img {
	width: 100%;
}

img.Element-5 {
	position: absolute;
	bottom: 382px;
	right: 211px;
}

img.Element-1 {
	position: absolute;
	bottom: 6px;
	right: 270px;
	z-index: 1001;
}

.ConteRed_1 {
	position: absolute;
	top: 11px;
	left: 171px;
	width: 75px;
}

.ConteRed_2 {
	position: absolute;
	top: 11px;
	left: 286px;
	width: 75px;
	text-align: center;
}

.ConteRed_3 {
	position: absolute;
	top: 17px;
	left: 151px;
	width: 125px;
	text-align: center;
}

img.Element-6 {
	position: absolute;
	bottom: 0px;
	right: 0px;
}

img#GC-logo_page {
	max-height: 100px;
	max-width: 80%;
}

.modal-dialog,
.modal-body {
	background-color: #ffffff !important;
}