body {
	background-color: black;
	background-image: url(../images/backHome.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}

.body22 {
	background-color: black;
	background-image: url(../images/backHome22.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}

.bodyQS {
	background-color: black;
	background-image: url(../images/backQS.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}

.bodyQS22 {
	background-color: black;
	background-image: url(../images/backQS22.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}

.bodyAI22 {
	background-color: white;
	background-image: url(../images/backAI22.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}

.bodyBIO22 {
	background-color: white;
	background-image: url(../images/backBIO22.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}

.bodyESC22 {
	background-color: white;
	background-image: url(../images/backESC22.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}

.bodyDHI22 {
	background-color: white;
	background-image: url(../images/backDHI22.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}

.bodyECAe22 {
	background-color: white;
	background-image: url(../images/backECAe22.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}

.bodyFIS22 {
	background-color: white;
	background-image: url(../images/backFIS22.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}

.bodyFOL22 {
	background-color: white;
	background-image: url(../images/backFOL22.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}

.bodyICT22 {
	background-color: white;
	background-image: url(../images/backICT22.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}

.bodyIMA22 {
	background-color: white;
	background-image: url(../images/backIMA22.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}

.bodyLYL22 {
	background-color: white;
	background-image: url(../images/backLYL22.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}

.bodyMAT22 {
	background-color: white;
	background-image: url(../images/backMAT22.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}

.bodyPMC22 {
	background-color: white;
	background-image: url(../images/backPMC22.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}

.bodyQUI22 {
	background-color: white;
	background-image: url(../images/backQUI22.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}

.bodyEMP22 {
	background-color: white;
	background-image: url(../images/backEMP22.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}

.bodyHIS22 {
	background-color: white;
	background-image: url(../images/backHIS22.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}

.bodyCIU22 {
	background-color: white;
	background-image: url(../images/backCIU22.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}

.bodyFIL22 {
	background-color: white;
	background-image: url(../images/backFIL22.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}

.bodyECA22 {
	background-color: white;
	background-image: url(../images/backECA22.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}

.bodyLIB {
	background-color: white;
	background-image: url(../images/backLIB.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}

.bodyLIB22 {
	background-color: white;
	background-image: url(../images/backLIB22.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}

.bodySER {
	background-color: white;
	background-image: url(../images/backSER.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}

.bodySER22 {
	background-color: white;
	background-image: url(../images/backSER22.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}

.bodyCON {
	background-color: white;
	background-image: url(../images/backCON22.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}

.bodyCON22 {
	background-color: white;
	background-image: url(../images/backCON22.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}

.bodyVIR {
	background-color: white;
	background-image: url(../images/backVIR.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}

.bodyVIR22 {
	background-color: white;
	background-image: url(../images/backEVA22.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}

@font-face{
   font-family: "Simplifica";
   src: url(../fonts/SIMPLIFICATypeface.ttf);
}

@font-face{
   font-family: "steelfishBold";
   src: url(../fonts/steelfishBold.ttf);
}

@font-face{
   font-family: "zenk";
   src: url(../fonts/zenk.ttf);
}

@font-face{
   font-family: "greenCorner";
   src: url(../fonts/greenCorner.otf);
}

#boxHome {
	background-image: url(../images/backHomeDet.png);
	background-position: center center;
	background-repeat: no-repeat;
	height: 500px;
	padding-top: 20px;
	margin-top: 20px;
}

#btnBoxEV{
	height: 50px;
	font-family: Simplifica;
	font-size: 36px;
	text-align: center;
	padding-top: 3px;
	padding-left: 90px;
	color: white;
	background-image: url(../images/homeEV.png);
	background-position: center center;
	background-repeat: no-repeat;
	margin-top: 20px;
	-webkit-transition: all 0.25s;
    transition: all 0.25s;
}

#btnBoxEV:hover,  #btnBoxEV:active{
	opacity: 90%;
	background-image: url(../images/homeEVro.png);
	background-position: center center;
	background-repeat: no-repeat;
	color: #5CDDFF;
	-webkit-transition: all 0.25s;
    transition: all 0.25s;
}

#btnBoxCAT{
	height: 50px;
	font-family: Simplifica;
	font-size: 36px;
	text-align: center;
	padding-top: 3px;
	padding-left: 90px;
	color: white;
	background-image: url(../images/homeCAT.png);
	background-position: center center;
	background-repeat: no-repeat;
	margin-top: 20px;
	-webkit-transition: all 0.25s;
    transition: all 0.25s;
}

#btnBoxCAT:hover, #btnBoxCAT:active {
	opacity: 90%;
	background-image: url(../images/homeCATro.png);
	background-position: center center;
	background-repeat: no-repeat;
	color: #5CDDFF;
	-webkit-transition: all 0.25s;
    transition: all 0.25s;
}

#btnBoxCON{
	height: 50px;
	font-family: Simplifica;
	font-size: 36px;
	text-align: center;
	padding-top: 3px;
	padding-left: 90px;
	color: white;
	background-image: url(../images/homeCON.png);
	background-position: center center;
	background-repeat: no-repeat;
	margin-top: 20px;
	-webkit-transition: all 0.25s;
    transition: all 0.25s;
}

#btnBoxCON:hover, #btnBoxCON:active {
	opacity: 90%;
	background-image: url(../images/homeCONro.png);
	background-position: center center;
	background-repeat: no-repeat;
	color: #5CDDFF;
	-webkit-transition: all 0.25s;
    transition: all 0.25s;
}

#btnBoxONL{
	height: 60px;
	font-family: Simplifica;
	font-size: 36px;
	text-align: center;
	padding-top: 8px;
	background-color: rgba(255,255,255,0.9);
	color: #002E84;
	margin-top: 20px;
	-webkit-transition: all 0.25s;
    transition: all 0.25s;
    text-align: center;
    border-radius: 10px;
}

#btnBoxONL:hover, #btnBoxONL:active {
	opacity: 90%;
	color: #5CDDFF;
	-webkit-transition: all 0.25s;
    transition: all 0.25s;
}

#centrar {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.creWAD{
	width: 100%;
	position: fixed;
	bottom: 0%;
	left: 50%;
	transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

#logoDid {
	margin-top: 20px;
}

#colIMA {
	top:300px;
}

#catDID {
	background-color: rgba(31,23,51,0.3);
	border-radius: 30px;
}

#btnLD {
	height: 45px;
	font-family: Simplifica;
	font-size: 30px;
	line-height: 28px;
	text-align: center;
	padding-top: 8px;
	padding-left: 35px;
	background-image: url(../images/btnLD.png);
	background-repeat: no-repeat;
	background-position: center bottom;
    color: white;
}

#btnLD:hover {
	background-image: url(../images/btnLDro.png);
	text-decoration: none;
}

#btnLD:active {
	background-image: url(../images/btnLDro.png);
	text-decoration: none;
}

#btnLD22 {
	height: 45px;
	font-family: zenk;
	font-size: 27px;
	line-height: 20px;
	text-align: center;
	padding-top: 7px;
	padding-left: 45px;
	background-image: url(../images/btnLD.png);
	background-repeat: no-repeat;
	background-position: center bottom;
   color: white;
}

#btnLD22:hover {
	background-image: url(../images/btnLDro.png);
	text-decoration: none;
}

#btnLD22:active {
	background-image: url(../images/btnLDro.png);
	text-decoration: none;
}

#btnCAT2 {
	height: 45px;
	font-family: Simplifica;
	font-size: 30px;
	line-height: 28px;
	text-align: center;
	padding-top: 8px;
	padding-left: 35px;
	background-image: url(../images/btnCAT.png);
	background-repeat: no-repeat;
	background-position: center bottom;
    color: white;
}

#btnCAT2:hover {
	background-image: url(../images/btnCATro.png);
	text-decoration: none;
}

#btnCAT2:active {
	background-image: url(../images/btnCATro.png);
	text-decoration: none;
}

#btnCAT22 {
	height: 45px;
	font-family: zenk;
	font-size: 27px;
	line-height: 20px;
	text-align: center;
	padding-top: 7px;
	padding-left: 37px;
	background-image: url(../images/btnCAT.png);
	background-repeat: no-repeat;
	background-position: center bottom;
    color: white;
}

#btnCAT22:hover {
	background-image: url(../images/btnCATro.png);
	text-decoration: none;
}

#btnCAT22:active {
	background-image: url(../images/btnCATro.png);
	text-decoration: none;
}

#btnCAT {
	color: white;
	background-color: none;
	padding-top: 10px;
	padding-bottom: 10px;
	font-family: Simplifica;
	font-size: 22px;
}

#btnCAT:hover {
	background-color: rgba(31,23,51,0.5);
}

#btnCAT:active {
	background-color: rgba(31,23,51,0.5);
}

#telDID {
	top:100px;
	height: 225px;
	background-color: rgba(255,255,255,0.1);
	border-radius: 225px;
	text-align: center;

}

#txtCAT {
	color: white;
	background-color: none;
	padding-top: 10px;
	padding-bottom: 10px;
	font-family: Simplifica;
	font-size: 22px;
}

#txtWAD {
	margin-top: 20px;
	color: rgba(31,23,51,1);
	font-family: Simplifica;
	text-align: center;
	font-size: 18px;
	background-color: rgba(255,255,255,0.75);
}

#menu {
	z-index: 100;
}

#backMenu {
	min-height: 100px;
	padding-top: 40px;
}

#btnMenu {
	display: block;
	font-family: Simplifica;
	font-size: 30px;
	color: #006AAF;
	text-decoration: none;
	-webkit-transition: all 0.25s;
    transition: all 0.25s;
    border-right: 1px solid #006AAF;
    background-position:bottom;
    background-size: 0% 0%;
}

#btnMenu:hover, #btnMenu:active {
	display: block;
	background: url(../images/backBtMenu.png);
	background-repeat: no-repeat;
	background-position: bottom;
	font-weight: bold;
	background-size: 80% 100%;
	text-decoration: none;
	-webkit-transition: all 0.25s;
    transition: all 0.25s;
    color: #00337C;
}

#btnMenuB {
	display: block;
	font-family: Simplifica;
	font-size: 30px;
	color: #CED4E6;
	text-decoration: none;
	-webkit-transition: all 0.25s;
    transition: all 0.25s;
    border-right: 1px solid #FFFFFF;
    background-position:bottom;
    background-size: 0% 0%;
}

#btnMenuB:hover, #btnMenuB:active {
	display: block;
	background: url(../images/backBtMenuB.png);
	background-repeat: no-repeat;
	background-position: bottom;
	font-weight: bold;
	background-size: 80% 100%;
	text-decoration: none;
	-webkit-transition: all 0.25s;
    transition: all 0.25s;
    color: #FFFFFF;
}

#newMenuBtn {
	display: block;
	font-family: Simplifica;
	font-size: 24px;
	float: right;
	padding-top: 5px;
	margin-right: 10px;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
	text-transform: lowercase;
	text-align: center;
}

#newMenuBtn:hover, #newMenuBtn:active {
	font-size: bold;
	color: #5CDDFF;
}

#newMenuBtn22 {
	display: block;
	font-family: zenk;
	font-size: 22px;
	line-height: 16px;
	float: right;
	padding-top: 5px;
	margin-right: 10px;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
	text-transform: lowercase;
	text-align: center;
	color: #9AA2A5;
}

#newMenuBtn22:hover, #newMenuBtn22:active {
	font-size: bold;
	color: #5CDDFF;
}

#redes {

}

#menuXS {
	background-color: rgba(6, 23, 35, 0.5);
}

#btnDesplXS {
	text-align: left;
	background-color: rgba(30, 105, 170, 1);
}
#btnDespl {
	background-color: rgba(255, 255, 255, 1);
	color: #9AA2A5;
	font-family: zenk;
	font-size: 20px;
	margin-top: -20px;
	margin-left: 20px;
	position: absolute;
	z-index: 40;
	text-align: center;
}

#btnDespl22 {
	background-color: rgba(255, 255, 255, 1);
	color: rgba(30, 105, 170, 1);
	font-family: Simplifica;
	font-size: 20px;
	margin-top: -20px;
	margin-left: 20px;
	position: absolute;
	z-index: 40;
	text-align: center;
}

#menuXSdesp {
	background-color: rgba(255, 255, 255, 0.9);
	display: none;
	z-index: 20;
	text-align: right;
	padding-top: 20px;
	padding-bottom: 20px;
}

#btnMenuXS {
	padding-left: 25px; 
    display: block;
	font-family: Simplifica;
	font-size: 30px;
	color: #9AA2A5;
	text-decoration: none;
	-webkit-transition: all 0.25s;
    transition: all 0.25s;
    background-position:bottom;
    background-size: 0% 0%;
    padding-right: 20px;
}

#btnMenuXS:hover, #btnMenuXS:active {
	background-color: rgba(70, 70, 70, 0.75);
	color: white;
	text-decoration: none;
	-webkit-transition: all 0.2s;
    transition: all 0.2s;
}

#divMenu {
	padding-top: 0px;
	width: 100%;
}

#divMenuXS {
	padding-top: 20px;
	width: 100%;
	display: block;
}
.logoCentro {
	margin-top: 30px;
}

#centrar2 {
	background-color: rgba(255, 255, 255, 0.5);
	position: absolute;
	height: 40px;
	margin-bottom: 0px;
	width: 50%;
	left: 50%;
	bottom: 0px;
	transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    border-radius: 10px 10px;
}

#centrar3 {
	background-color: rgba(255, 255, 255, 0.5);
	position: absolute;
	height: 40px;
	margin-bottom: 0px;
	margin-top: 40px;
	width: 50%;
	left: 25%;
    border-radius: 10px 10px;
}

#centrarXS {
	background-color: rgba(255, 255, 255, 0.5);
	position: absolute;
	padding-top: 4px;
	height: 60px;
	margin-top: 40px;
	width: 100%;
    border-radius: 10px 10px;
}

#txtFooter, #txtFooterB {
	font-family: Simplifica;
	color: rgba(6, 23, 35, 1);
	font-size: 20px;
	padding-top: 8px;
}

#txtFooterB:hover {
	color: #1E69AA;
	text-decoration: none;	
}

#txtFooterXS {
	font-family: Simplifica;
	color: rgba(6, 23, 35, 1);
	font-size: 18px;
	padding-top: 8px;
}

#footerXS {
	
}

#btHome {
	height: 55px;
	background-color: rgba(23, 121, 255, 0.75);
	color: white;
	border-radius: 20px;
	margin-top: 20px;
	padding-top: 8px;
	font-family: Simplifica;
	font-size: 30px;
	box-shadow: 0px 0px 5px 1px #FFF;
	-webkit-transition: all 0.3s;
    transition: all 0.3s;
}

#btHome:hover {
	background-color: rgba(23, 121, 255, 0.85);
	box-shadow: 0px 0px 10px 3px #FFFFFF;
	-webkit-transition: all 0.3s;
    transition: all 0.3s;
}

#btHome1 {
	height: 130px;
	background-color: rgba(6, 23, 35, 0.75);
	color: white;
	border-radius: 200px;
	margin-top: 20px;
	padding-top: 20px;
	font-family: Simplifica;
	font-size: 30px;
	box-shadow: 0px 0px 5px 1px #FFF;
	-webkit-transition: all 0.3s;
    transition: all 0.3s;
}

#btHome1:hover {
	box-shadow: 0px 0px 10px 1px #00A0D8;
	-webkit-transition: all 0.3s;
    transition: all 0.3s;
}

#contenido {
	margin-top: 20px;
	background-color: rgba(255,255,255,0.75);
	border-radius: 20px;
	padding-top: 10px;
	padding-bottom: 20px;
}

#contenidoLIB22 {
	background-color: rgba(255,255,255,0.75);
	padding-top: 30px;
	padding-bottom: 20px;
}

#contenido22 {
	margin-top: 20px;
	background-color: rgba(95, 165, 248, 0.9);
	padding: 20px;
	text-align: center;
}

#contenidoVIR {
	margin-top: 20px;
	background-color: rgba(255,255,255,0);
	background-size: 300px;
	border-radius: 20px;
	padding-top: 10px;
	padding-bottom: 20px;
}

#titContenido {
	font-family: Simplifica;
	font-size: 90px;
	color: #1E69AA;
	line-height: 80px;
	margin-bottom: 15px;
	margin-top: 10px;
}

#titContenido22 {
	font-family: greenCorner;
	font-size: 70px;
	color: #FFFFFF;
	line-height: 70px;
	margin-bottom: 15px;
	margin-top: 10px;
	text-align: center;
}

#titContenidoXS {
	font-family: Simplifica;
	font-size: 60px;
	color: #1E69AA;
	line-height: 55px;
	margin-bottom: 15px;
	margin-top: 10px;
}

#detTitContenido {
	margin-top: -10px;
	height: 10px;
	background-image: url(../images/detTitCon.png), url(../images/detTitCon1.png);
	background-repeat: repeat-x, no-repeat;
	background-position: top, left;
	margin-bottom: 20px;
}

#detTitContenido2 {
	margin-top: 10px;
	height: 10px;
	background-image: url(../images/detTitCon.png);
	background-repeat: repeat-x;
	background-position: top;
	margin-bottom: 10px;
}

#txtContenido {
	margin-top: 20px;
	font-family: Simplifica;
	color: #575756;
	font-size: 26px;
	text-align: justify;
	line-height: 35px;
}

#txtContenido22 {
	font-family: zenk;
	color: #FFFFFF;
	font-size: 20px;
	text-align: justify;
	line-height: 24px;
}

#subTitInternas {
	font-family: Simplifica;
	font-size: 50px;
	color: #F18623;
	border-top: 2px solid #F18623;
	margin-top: 20px;
	text-align: center;
}

#footerInt {
	margin-top: 20px;
	background-color: rgba(255,255,255,0.75);
	border-radius: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

.form-control {
	padding-left: 20px;
	height: 50px;
	font-family: zenk;
	font-size: 24px;
	color: #FFFFFF;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	border: 1px solid rgba(255, 255, 255, 0.9);
	background-color: rgba(255, 255, 255, 0);
}

.conBtn {
	text-align: center;
}

.btnPFB {
	left: 5%;
	width: 90%;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	border: none;
	background-color: #FFFFFF;
	color: #575756 !important;
	font-family: zenk;
	font-size: 22px;
}

.btnPFB:hover, .btnPFB:active {
	background-color: #526CB2;
	color: white !important;
}

::-webkit-input-placeholder {
  color: #FFFFFF !important;
}

:-moz-placeholder { /* Firefox 18- */
   color: #FFFFFF !important;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #FFFFFF !important; 
}

:-ms-input-placeholder {  
   color: #FFFFFF !important;
}

#dirCON22 {
	color: #FFFFFF;
	font-family: zenk;
	font-size: 18px;
	text-align: right;
	border-right: 2px solid rgba(25, 50, 153, 1);
	padding-right: 10px;
}

#miniCon {
	text-align: center;
	background-color: #8ED0DE;
	color: #575756;
	padding: 10px;
	border-radius: 20px;
	font-family: Simplifica;
	font-size: 22px;
	line-height: 28px;
	margin-bottom: 20px;
}

#itemAI {
	background-color: rgba(255,255,255,0);
	height: 300px;
	font-family: zenk;
	font-size: 24px;
	line-height: 28px;
	text-align: center;
	padding-top: 0px;
	background-image: url(../images/serieAI.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
    color: #858584;
}

#itemAI:hover, #itemAI:active {
	background-color: rgba(255,187,85,0.9);
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
    color: #FFFFFF;
    font-size: 28px;
    padding-top: 10px;
}

#itemDHI {
	background-color: rgba(255,255,255,0);
	height: 300px;
	font-family: zenk;
	font-size: 24px;
	line-height: 28px;
	text-align: center;
	background-image: url(../images/serieDHI.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
    color: #858584;
}

#itemDHI:hover, #itemDHI:active {
	background-color: rgba(93, 174, 240, 0.9);
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
    color: #FFFFFF;
    font-size: 28px;
    padding-top: 10px;
}

#itemESC {
	background-color: rgba(255,255,255,0);
	height: 300px;
	font-family: zenk;
	font-size: 24px;
	line-height: 28px;
	text-align: center;
	background-image: url(../images/serieESC.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
    color: #858584;
}

#itemESC:hover, #itemESC:active {
	background-color: rgba(80, 176, 147, 0.9);
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
    color: #FFFFFF;
    font-size: 28px;
    padding-top: 10px;
}

#itemFOL {
	background-color: rgba(255,255,255,0);
	height: 300px;
	font-family: zenk;
	font-size: 24px;
	line-height: 28px;
	text-align: center;
	background-image: url(../images/serieFOL.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
    color: #858584;
}

#itemFOL:hover, #itemFOL:active {
	background-color: rgba(149, 172, 201, 0.9);
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
    color: #FFFFFF;
    font-size: 28px;
    padding-top: 10px;
}

#itemICT {
	background-color: rgba(255,255,255,0);
	height: 300px;
	font-family: zenk;
	font-size: 24px;
	line-height: 28px;
	text-align: center;
	background-image: url(../images/serieICT.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
    color: #858584;
}

#itemICT:hover, #itemICT:active {
	background-color: rgba(216, 128, 77, 0.9);
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
    color: #FFFFFF;
    font-size: 28px;
    padding-top: 10px;
}

#itemPMC {
	background-color: rgba(255,255,255,0);
	height: 300px;
	font-family: zenk;
	font-size: 24px;
	line-height: 28px;
	text-align: center;
	background-image: url(../images/seriePMC.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
    color: #858584;
}

#itemPMC:hover, #itemPMC:active {
	background-color: rgba(137, 155, 199, 0.9);
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
    color: #FFFFFF;
    font-size: 28px;
    padding-top: 10px;
}

#itemHIS {
	background-color: rgba(255,255,255,0);
	height: 300px;
	font-family: zenk;
	font-size: 24px;
	line-height: 28px;
	text-align: center;
	background-image: url(../images/serieHIS.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
    color: #858584;
}

#itemHIS:hover, #itemHIS:active {
	background-color: rgba(218, 155, 89, 0.9);
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
    color: #FFFFFF;
    font-size: 28px;
    padding-top: 10px;
}

#itemCIU {
	height: 300px;
	font-family: zenk;
	font-size: 24px;
	line-height: 28px;
	text-align: center;
	background-image: url(../images/serieCIU.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
    color: #858584;
}

#itemCIU:hover, #itemCIU:active {
	background-color: rgba(158, 181, 168, 0.9);
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
    color: #FFFFFF;
    font-size: 28px;
    padding-top: 10px;
}

#itemFIL {
	height: 300px;
	font-family: zenk;
	font-size: 24px;
	line-height: 28px;
	text-align: center;
	background-image: url(../images/serieFIL.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
    color: #858584;
}

#itemFIL:hover, #itemFIL:active {
	background-color: rgba(194, 149, 163, 0.9);
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
    color: #FFFFFF;
    font-size: 28px;
    padding-top: 10px;
}

#itemBIO {
	height: 300px;
	font-family: zenk;
	font-size: 24px;
	line-height: 28px;
	text-align: center;
	background-image: url(../images/serieBIO.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
    color: #858584;
}

#itemBIO:hover, #itemBIO:active {
	background-color: rgba(145, 212, 130, 0.9);
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
    color: #FFFFFF;
    font-size: 28px;
    padding-top: 10px;
}

#itemQUI {
	height: 300px;
	font-family: zenk;
	font-size: 24px;
	line-height: 28px;
	text-align: center;
	background-image: url(../images/serieQUI.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
    color: #858584;
}

#itemQUI:hover, #itemQUI:active {
	background-color: rgba(173, 158, 209, 0.9);
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
    color: #FFFFFF;
    font-size: 28px;
    padding-top: 10px;
}

#itemFIS {
	height: 300px;
	font-family: zenk;
	font-size: 24px;
	line-height: 28px;
	text-align: center;
	background-image: url(../images/serieFIS.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
    color: #858584;
}

#itemFIS:hover, #itemFIS:active {
	background-color: rgba(91, 138, 220, 0.9);
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
    color: #FFFFFF;
    font-size: 28px;
    padding-top: 10px;
}

#itemEMP {
	height: 300px;
	font-family: zenk;
	font-size: 24px;
	line-height: 28px;
	text-align: center;
	background-image: url(../images/serieEMP.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
    color: #858584;
}

#itemEMP:hover, #itemEMP:active {
	background-color: rgba(239, 177, 36, 0.9);
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
    color: #FFFFFF;
    font-size: 28px;
    padding-top: 10px;
}

#itemECA {
	height: 300px;
	font-family: zenk;
	font-size: 24px;
	line-height: 28px;
	text-align: center;
	background-image: url(../images/serieECA.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
    color: #858584;
}

#itemECA:hover, #itemECA:active {
	background-color: rgba(168, 204, 100, 0.9);
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
    color: #FFFFFF;
    font-size: 28px;
    padding-top: 10px;
}

#itemMAT {
	height: 300px;
	font-family: zenk;
	font-size: 24px;
	line-height: 28px;
	text-align: center;
	background-image: url(../images/serieMAT.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
    color: #858584;
}

#itemMAT:hover, #itemMAT:active {
	background-color: rgba(107, 186, 239, 0.9);
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
    color: #FFFFFF;
    font-size: 28px;
    padding-top: 10px;
}

#itemLYL {
	height: 300px;
	font-family: zenk;
	font-size: 24px;
	line-height: 28px;
	text-align: center;
	background-image: url(../images/serieLYL.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
    color: #858584;
}

#itemLYL:hover, #itemLYL:active {
	background-color: rgba(147, 110, 146, 0.9);
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
    color: #FFFFFF;
    font-size: 28px;
    padding-top: 10px;
}

#itemIMA {
	height: 300px;
	font-family: zenk;
	font-size: 24px;
	line-height: 28px;
	text-align: center;
	background-image: url(../images/serieIMA.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
    color: #858584;
}

#itemIMA:hover, #itemIMA:active {
	background-color: rgba(117,197,215,0.9);
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
    color: #FFFFFF;
    font-size: 28px;
    padding-top: 10px;
}

#itemECAe {
	height: 300px;
	font-family: zenk;
	font-size: 24px;
	line-height: 28px;
	text-align: center;
	background-image: url(../images/serieECAe.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
    color: #858584;
}

#itemECAe:hover, #itemECAe:active {
	background-color: rgba(91, 191, 179, 0.9);
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
    color: #FFFFFF;
    font-size: 28px;
    padding-top: 10px;
}

/**********************************************************/
/**********************************************************/
/**********************************************************/
/**********************************************************/
/**********************************************************/
/**********************************************************/

/*NUEVA COLECCION 2024 CREATE:CCO*/
/*1. Item Imagina y Aprende*/

#itemIA {
	background-color: rgba(255,255,255,0);
	height: 300px;
	font-family: zenk;
	font-size: 24px;
	line-height: 28px;
	text-align: center;
	padding-top: 0px;
	background-image: url(../images/serieIA.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
    color: #858584;
}

#itemAI:hover, #itemAI:active {
	background-color: rgba(255,187,85,0.9);
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
    color: #FFFFFF;
    font-size: 28px;
    padding-top: 10px;
	
		
	}

/*2. Item Lengua y Literatura EGB*/

#itemLYLEGB {
	background-color: rgba(255,255,255,0);
	height: 300px;
	font-family: zenk;
	font-size: 24px;
	line-height: 28px;
	text-align: center;
	padding-top: 0px;
	background-image: url(../images/serieLYLEGB.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
    color: #858584;
}

#itemLYLEGB:hover, #itemLYLEGB:active {
	background-color: rgba(255,187,85,0.9);
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
    color: #FFFFFF;
    font-size: 28px;
    padding-top: 10px;

}	
	
	
/*3. Matematicas  EGB*/
#itemMEGB {
	background-color: rgba(255,255,255,0);
	height: 300px;
	font-family: zenk;
	font-size: 24px;
	line-height: 28px;
	text-align: center;
	padding-top: 0px;
	background-image: url(../images/serieMEGB.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
    color: #858584;
}

#itemMEGB:hover, #itemMEGB:active {
	background-color: rgba(255,187,85,0.9);
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
    color: #FFFFFF;
    font-size: 28px;
    padding-top: 10px;
	
}
/*4. Estudios Sociales EGB*/

#itemES {
	background-color: rgba(255,255,255,0);
	height: 300px;
	font-family: zenk;
	font-size: 24px;
	line-height: 28px;
	text-align: center;
	padding-top: 0px;
	background-image: url(../images/serieES.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
    color: #858584;
}

#itemES:hover, #itemES:active {
	background-color: rgba(255,187,85,0.9);
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
    color: #FFFFFF;
    font-size: 28px;
    padding-top: 10px;
}	

/*5. Pasaporte a la Lectura*/

#itemPLEGB {
	background-color: rgba(255,255,255,0);
	height: 300px;
	font-family: zenk;
	font-size: 24px;
	line-height: 28px;
	text-align: center;
	padding-top: 0px;
	background-image: url(../images/seriePLEGB.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
    color: #858584;
}

#itemPLEGB:hover, #itemPLEGB:active {
	background-color: rgba(255,187,85,0.9);
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
    color: #FFFFFF;
    font-size: 28px;
    padding-top: 10px;

	}

/*9. Pasaporte a la lectura EGB*/

#itemAI {
	background-color: rgba(255,255,255,0);
	height: 300px;
	font-family: zenk;
	font-size: 24px;
	line-height: 28px;
	text-align: center;
	padding-top: 0px;
	background-image: url(../images/serieAI.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
    color: #858584;
}

#itemAI:hover, #itemAI:active {
	background-color: rgba(255,187,85,0.9);
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
    color: #FFFFFF;
    font-size: 28px;
    padding-top: 10px;
	

/*10. Lengua y literatura BGU*/

#itemAI {
	background-color: rgba(255,255,255,0);
	height: 300px;
	font-family: zenk;
	font-size: 24px;
	line-height: 28px;
	text-align: center;
	padding-top: 0px;
	background-image: url(../images/serieAI.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
    color: #858584;
}

#itemAI:hover, #itemAI:active {
	background-color: rgba(255,187,85,0.9);
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
    color: #FFFFFF;
    font-size: 28px;
    padding-top: 10px;
	

/*11. Matemática BGU*/

#itemAI {
	background-color: rgba(255,255,255,0);
	height: 300px;
	font-family: zenk;
	font-size: 24px;
	line-height: 28px;
	text-align: center;
	padding-top: 0px;
	background-image: url(../images/serieAI.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
    color: #858584;
}

#itemAI:hover, #itemAI:active {
	background-color: rgba(255,187,85,0.9);
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
    color: #FFFFFF;
    font-size: 28px;
    padding-top: 10px;
	

/*12. Química BGU*/

#itemAI {
	background-color: rgba(255,255,255,0);
	height: 300px;
	font-family: zenk;
	font-size: 24px;
	line-height: 28px;
	text-align: center;
	padding-top: 0px;
	background-image: url(../images/serieAI.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
    color: #858584;
}

#itemAI:hover, #itemAI:active {
	background-color: rgba(255,187,85,0.9);
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
    color: #FFFFFF;
    font-size: 28px;
    padding-top: 10px;
	

/*13. Física BGU*/

#itemAI {
	background-color: rgba(255,255,255,0);
	height: 300px;
	font-family: zenk;
	font-size: 24px;
	line-height: 28px;
	text-align: center;
	padding-top: 0px;
	background-image: url(../images/serieAI.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
    color: #858584;
}

#itemAI:hover, #itemAI:active {
	background-color: rgba(255,187,85,0.9);
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
    color: #FFFFFF;
    font-size: 28px;
    padding-top: 10px;
	

/*14. Biología BGU*/

#itemAI {
	background-color: rgba(255,255,255,0);
	height: 300px;
	font-family: zenk;
	font-size: 24px;
	line-height: 28px;
	text-align: center;
	padding-top: 0px;
	background-image: url(../images/serieAI.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
    color: #858584;
}

#itemAI:hover, #itemAI:active {
	background-color: rgba(255,187,85,0.9);
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
    color: #FFFFFF;
    font-size: 28px;
    padding-top: 10px;
	
	
/*17. Filosifía BGU*/

#itemAI {
	background-color: rgba(255,255,255,0);
	height: 300px;
	font-family: zenk;
	font-size: 24px;
	line-height: 28px;
	text-align: center;
	padding-top: 0px;
	background-image: url(../images/serieAI.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
    color: #858584;
}

#itemAI:hover, #itemAI:active {
	background-color: rgba(255,187,85,0.9);
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
    color: #FFFFFF;
    font-size: 28px;
    padding-top: 10px;
	
	
/*18. Educación para la ciudadanía BGU*/

#itemAI {
	background-color: rgba(255,255,255,0);
	height: 300px;
	font-family: zenk;
	font-size: 24px;
	line-height: 28px;
	text-align: center;
	padding-top: 0px;
	background-image: url(../images/serieAI.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
    color: #858584;
}

#itemAI:hover, #itemAI:active {
	background-color: rgba(255,187,85,0.9);
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
    color: #FFFFFF;
    font-size: 28px;
    padding-top: 10px;
	
	
/*19. Educación Cultural y Artística BGU*/

#itemAI {
	background-color: rgba(255,255,255,0);
	height: 300px;
	font-family: zenk;
	font-size: 24px;
	line-height: 28px;
	text-align: center;
	padding-top: 0px;
	background-image: url(../images/serieAI.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
    color: #858584;
}

#itemAI:hover, #itemAI:active {
	background-color: rgba(255,187,85,0.9);
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
    color: #FFFFFF;
    font-size: 28px;
    padding-top: 10px;
	
	
/*20. Investigación ciencia y tecnología BGU*/

#itemAI {
	background-color: rgba(255,255,255,0);
	height: 300px;
	font-family: zenk;
	font-size: 24px;
	line-height: 28px;
	text-align: center;
	padding-top: 0px;
	background-image: url(../images/serieAI.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
    color: #858584;
}

#itemAI:hover, #itemAI:active {
	background-color: rgba(255,187,85,0.9);
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
    color: #FFFFFF;
    font-size: 28px;
    padding-top: 10px;
	
	
/*21. Problemas del mundo contemporaneo BGU*/

#itemAI {
	background-color: rgba(255,255,255,0);
	height: 300px;
	font-family: zenk;
	font-size: 24px;
	line-height: 28px;
	text-align: center;
	padding-top: 0px;
	background-image: url(../images/serieAI.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
    color: #858584;
}

#itemAI:hover, #itemAI:active {
	background-color: rgba(255,187,85,0.9);
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
    color: #FFFFFF;
    font-size: 28px;
    padding-top: 10px;
	
	
/*22. Formación y orientación laboral BGU*/

#itemAI {
	background-color: rgba(255,255,255,0);
	height: 300px;
	font-family: zenk;
	font-size: 24px;
	line-height: 28px;
	text-align: center;
	padding-top: 0px;
	background-image: url(../images/serieAI.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
    color: #858584;
}

#itemAI:hover, #itemAI:active {
	background-color: rgba(255,187,85,0.9);
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
    color: #FFFFFF;
    font-size: 28px;
    padding-top: 10px;



#btnVolver {
	font-family: Simplifica;
	font-size: 24px;
	line-height: 22px;
	text-align: center;
	background-color: rgba(0,0,0,0.1);
	height: 40px;
	padding-top: 10px;
	margin-top: 30px;
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
}

#btnVolver22 {
	font-family: zenk;
	font-size: 22px;
	line-height: 20px;
	text-align: center;
	background-color: rgba(255,255,255,0.5);
	height: 40px;
	padding-top: 8px;
	margin-top: 0px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	color: gray;
}

#btnVolverXS {
	font-family: Simplifica;
	font-size: 24px;
	line-height: 22px;
	text-align: center;
	background-color: rgba(0,0,0,0.1);
	height: 40px;
	padding-top: 10px;
	border-radius: 15px;
}

.titModal {
	font-family: zenk;
	font-size: 40px;
	text-align: left;
	color: #1E69AA;
}

.txtModal {
	font-family: zenk;
	text-align: left;
	font-size: 24px;
	line-height: 24px;
	color: #858584;
}