@charset "utf-8";
/* CSS Document */
h1 {
    color: #0B55C4;
	font-weight: bold;
	font-size: 2em;
    text-align:center;
    /*h3{text-shadow: 0.1em 0.1em 0.05em #333}*/
    text-shadow:1px 4px 7px rgba(51, 51, 51, 0.62);
    
}
h3.b {text-shadow: 0.4em 0.4em 0.3em black}

}

    h2 {
    color: #EF0922;
	font-weight: bold;
	font-size: 2em;
    text-align:center;
    /*h3{text-shadow: 0.1em 0.1em 0.05em #333}*/
    text-shadow:1px 4px 7px rgba(51, 51, 51, 0.62);
    
}
body {font-family: Arial,Helvetica,sans-serif;font-size:12px; text-align:left;margin:0 auto;padding:0; background: url(../img/back-body2.jpg) repeat-x #F4F4F4;}
body {font-family: "PT Sans Narrow", "Arial Narrow", Arial, Helvetica, sans-serif;font-size:16px; text-align:left;margin:0 auto;padding:0; background: url(../img/back-body.jpg) repeat  #FFFFFF ;}

#fracciones{
	height: 200px;
	font-family: "PT Sans Narrow", "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size:16px;
	text-align: justify;
}
.secmenu, .secsubmenuV {
  width: 250px;
  list-style: none;
  padding: 0;
  margin: 0;
}
/*diseño de todo el menu*/
.secmenu a {
    display: block;
    background-color: #BE81F7;
    text-decoration: none;
    padding: 10px;
    color: #610B5E;
  font-family:Verdana;
}
/*evento del menu HOVER*/
.secmenu a:hover {
    /*#B45AB9*/
    background-color:#A9BCF5;
    text-align: center;
  border-bottom-left-radius:4px;
  border-bottom-right-radius:4px;
}

.secmenu li:hover .secsubmenuV {
  display: block;
  max-height: 200px;
}


/*evento del submenu fondo*/

.secsubmenuV a {
  background-color: #AC58FA;
  /*#D06BE1*/
}
/*evento del submenu HOVER*/
.secsubmenuV a:hover {
  background-color: #8BC2EE;
  border-bottom-left-radius:4px;
  border-bottom-right-radius:4px;
}
.secsubmenuV {
  overflow: hidden;
  max-height: 0;
  -webkit-transition: all 0.5s ease-out;
}

 
/* Estilo para una caja tooltip sobre una ancla */
a.tooltip span {
    font-size: 10px;
    position:absolute;
    z-index: 999;
    white-space:nowrap;
    bottom:9999px;
    left: 50%;
    background:#000;
    color:#e0e0e0;
    padding:0px 7px;
    line-height: 24px;
    height: 24px;
     
    opacity: 0; 
    transition:opacity 0.4s ease-out; 
    }       

a.tooltip span::before {
    content: "";
    display: block;
    border-left: 6px solid #000000;
    border-top: 6px solid transparent;
    position: absolute;
    top: -6px;
    left: 0px;
    }
     
a.tooltip:hover span {
    opacity: 1;
    bottom:-35px;
    }


#menuImagen{
	height: 50px;
	float:left;
	/*background-color:red!important;*/
	background: url("../img/users50.png") no-repeat scroll left top ;

}
.sinpading
{
	padding: 3px;
	text-align: left;
	margin: 1px;
	margin-top: 0px;
	margin-bottom: 2px;

}
.objetivos li
{
  margin-top:20px;
  border-style: none;
  text-align: middle;
  list-style-position:outside;
  list-style-image:url('../imgDep/Visitaduria/acierto.png');
}

.ligasinteres
{
	list-style-image:url('../img/Igualdad/signo.png');
}
                          
.ligasinteres li
{
  margin-top:20px;
  border-style: none;
  text-align: middle;
  list-style-position:outside;
}

.sinpading
{
	padding: 3px;
	text-align: left;
	margin: 1px;
	margin-top: 0px;
	margin-bottom: 2px;

}
.sinpading2
{
	padding: 0px;
	text-align: right;
	margin: 1px;
	margin-top: 0px;
	margin-bottom: 5px;
}
.sinpading2 [class*="col-"]
{
	padding: 0px;
	
}
.img-rounded{
	padding: 0px;
	text-align:left;
	margin: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

#A-Izq{
	background: url('../img/back-header.png') repeat-x;
	width: 200px;
	height: 100px;
	padding: 0px;
}

#A-Izq-2{
	background: url('../img/back-header.png') repeat-x;
	width: 200px;
	height: 100px;
	padding: 0px;
}

#A-Cen{
	
	background: url('../img/back-header.png') repeat-x;
	width: 500px;
	height: 100px;
	padding: 0px;
	border: 1px;
}
#A-Der{
	float:right;
	background: url('../img/back-header.png') repeat-x;
	background-color: white;
	height: 100px;
	/*width: 250px;*/
	padding: 0px;
}
#A-Der-1{
	background-color: transparent;
	height: 25px;
	/*width: 250px;*/
	padding: 0px;
	margin-top: 3px;
}
#A-Der-2{
	background-color: transparent;
	height: 25px;
	/*width: 250px;*/
	padding: 0px;
}	
#A-Der-3{
	background-color: transparent;
	height: 22px;
	/*width: 250px;*/
	padding: 0px;
}
#A-Der-4{
	background-color: transparent;
	height: 25px;
	/*width: 250px;*/
	padding: 0px;
}
.table-striped>tbody>tr:nth-of-type(odd){
	background-color:#D8D8D8;
}
.sub-elem{
	background: url(../img/up.png) no-repeat;
	height:16px;
	width:16px;
	float:right;
}
.baj-elem{
	background: url(../img/down.png) no-repeat;
	height:16px;
	width:16px;
	float:left;
}

table.adminlist thead th {
	background: none repeat scroll 0 0 #F0F0F0;
    border-bottom: 1px solid #999999;
    border-left: 1px solid #FFFFFF;
    color: #666666;
    text-align: center;
}
table.adminlist tbody tr td {
	background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCC;
    height: 25px;
	padding:4px;
}
.adminlist{
	text-align:left;
	background-color: #E7E7E7;
    border-spacing: 0px;
    color: #666666;
    width: 100%;
}

#confmenu{
	text-align:left;
}
#finder{
	text-align:left;
}
.templ:hover{
	text-decoration:underline;
}
.templ{
	color:#042E79;
	font-weight:bold;
}
.text:focus{
	background:#EAF7FF;
}
.no-usar{
	background: url('../img/no-us.png') repeat-x !important;
	font-weight:bold;
}
.no-escr{
	background: url('../img/diagonales.png') repeat-x !important;
	font-weight:bold;
}

.header-tablas{
	font-size:12px;
	border-bottom:2px solid #333333;
	border-top:1px solid #ccc;
	height:20px;
}
#tabla-bus{
	width:930px;
	float:left;
}
.text{
    height: 30px;
    line-height: 20px;
    margin-bottom: 5px;	
}
#cont-ayuda-mod{
	width:205px;
	float:right;
	margin-top:20px;
	margin-bottom:20px;
	margin-right:10px;
	text-align:left;
	
}
.tit-clasif{
	color: #0B55C4;
    font-size: 12px;
    font-weight: bold;
	float:left;
	margin-bottom:5px;
	position:absolute;
	top:-8px;
	left:10px;
	background:#F9F9F9;
	padding-left:3px;
	padding-right:3px;
}
.clasificacion{
	position:relative;
	float:left;
	border:1px solid #CCC;
	padding:10px;
	margin:20px;
	margin-right:10px;
	margin-left:10px;
	width:670px;
}
.clasificacion-full{
	position:relative;
	float:left;
	border:1px solid #CCC;
	padding:10px;
	margin:20px;
	margin-right:10px;
	margin-left:10px;
	width:850px;
}
#cont-acotaciones{
	float:left;
	width:930px;
	border-top: 1px solid #CCC;
	
	margin-top:10px;
	margin-bottom:10px;
	padding-top:5px;
	height:16px;
}
.acotacion{
	margin:auto;
	float:left;
	border-right:1px solid #CCC;
	height:16px;
	width:auto;
	padding-left:5px;
	line-height:16px;
	padding-right:5px;
}

.icons-panel img { border:none;}
#barra-sup{
	float:left;
	width:100%;
	/*height:35px;*/
	text-align:right;
    padding-top: 5px;
    padding-right: 15px;
	background: white;
}
.logout:hover{
	text-decoration:underline;
}
.logout{
	background: url("../img/logout.png") no-repeat scroll left top transparent;
	padding-left:17px;
	text-decoration:none;
	line-height:35px;
	color:blue;
	margin-right:3px;
}
.Previsualizar:hover{
	text-decoration:underline;
}
.Previsualizar{
	background: url("../img/prev.png") no-repeat scroll left top transparent;
	padding-left:17px;
	text-decoration:none;
	line-height:20px;
	color:blue;
	margin-right:3px;
}
.tit-gestenlaces{
	float:left;
	width:300px;
	padding-left:60px;
	background: url("../img/enlaces50.png") no-repeat scroll left top ;
	line-height:50px;
	margin:0px;
}

.tit-gestdeptos{
	float:left;
	width:300px;
	padding-left:60px;
	background: url("../img/departamentos50.png") no-repeat scroll left top ;
	line-height:50px;
	margin:0px;
}

.tit-gestsliders{
	float:left;
	width:auto;
	padding-left:60px;
	background: url("../img/slider50.png") no-repeat scroll left top ;
	line-height:50px;
	margin:0px;
}
.tit-gestnoticias{
	float:left;
	width:300px;
	padding-left:60px;
	background: url("../img/noticias50.png") no-repeat scroll left top ;
	line-height:50px;
	margin:0px;
}
.tit-gesteventos{
	float:left;
	width:300px;
	padding-left:60px;
	background: url("../img/eventos50.png") no-repeat scroll left top ;
	line-height:50px;
	margin:0px;
}
.tit-gestsecciones{
	float:left;
	width:300px;
	padding-left:60px;
	background: url("../img/secciones50.png") no-repeat scroll left top ;
	line-height:50px;
	margin:0px;
}
.tit-gestestadisticas{
	float:left;
	width:300px;
	padding-left:60px;
	background: url("../img/office-chart-area50.png") no-repeat scroll left top ;
	line-height:50px;
	margin:0px;
}
.panel-footer{
	background-color: white ;
}
.tit-gestconfig{
	float:left;
	width:350px;
	padding-left:60px;
	background: url("../img/config50.png") no-repeat scroll left top ;
	line-height:50px;
	margin:0px;
}
.tit-gestpublicidad{
	float:left;
	width:300px;
	padding-left:60px;
	background: url("../img/publicidad50.png") no-repeat scroll left top ;
	line-height:50px;
	margin:0px;
}
.tit-gestarchivos{
	float:left;
	width:300px;
	padding-left:60px;
	background: url("../img/cabinet50.png") no-repeat scroll left top ;
	line-height:50px;
	margin:0px;
}
.tit-gestmenu{
	float:left;
	width:300px;
	padding-left:60px;
	background: url("../img/menu50.png") no-repeat scroll left top ;
	line-height:50px;
	margin:0px;
}
.tit-gestalbum{
	float:left;
	width:300px;
	padding-left:60px;
	background: url("../img/galeria50.png") no-repeat scroll left top ;
	line-height:50px;
	margin:0px;
}
.tit-gestvideos{
	float:left;
	width:300px;
	padding-left:60px;
	background: url("../img/videos50.png") no-repeat scroll left top ;
	line-height:50px;
	margin:0px;
}
.tit-gestestadisticas{
	float:left;
	width:300px;
	padding-left:60px;
	background: url("../img/office-chart-area50.png") no-repeat scroll left top ;
	line-height:50px;
	margin:0px;
}
.tit-gestRedes-Sociales{
	float:left;
	width:300px;
	padding-left:60px;
	background: url("../img/redes-sociales50.png") no-repeat scroll left top ;
	line-height:50px;
	margin:0px;
}
.tit-gestAccesos{
	float:left;
	width:300px;
	padding-left:60px;
	background: url("../img/acceso50.png") no-repeat scroll left top ;
	line-height:50px;
	margin:0px;
}
.tit-Info{
	float:left;
	width:300px;
	padding-left:60px;
	background: url("../img/info50.png") no-repeat scroll left top ;
	line-height:50px;
	margin:0px;
}


.tag-op:hover{
	text-decoration:underline;
}
.tag-op{
	line-height:15px;
	float:left;
	text-align:right;
	position:relative;
	padding:0px;
	margin:0px;
	width:50px;
	height:15px;
}
.tit-modulo img{
	border:none;
	
}
.opcion-mod{
	position:relative;
	margin:0px;
	float:right;
	height:50px;
	text-decoration:none;
	color:blue;
	text-align:center;
	padding:1px;
	width:55px;
    margin-right:15px;
}
.error{
	color:red;
	font-style: italic; 
	font-size:10px;
	/*width:150px;*/
	float:left;
}
input.error {
	border: 1px solid red;
	background:#FFE8E8 !important;
	font-style:normal;
}

a{border:none;}
#form-login{
	background:#F8F8F8;
	font-weight:bold;
    border: 1px solid #000000;
    color: #666666;
    font-size: 1.2em;
    padding: 1em;
    width: 350px;
	text-align:right;
	margin:auto;
	margin-bottom:10px;
}
.inst-login{
	text-align:left;
	color:#333333;
	font-size:10px;
	font-weight:normal;
}

/*diseño*/

#menu-top{
	float:right;
	color: white;	
    /*text-shadow: 2px 3px 4px #000000;*/
	font-weight: bold;
	font-size: 12px;
	/*font-family: Helvetica, Arial, sans-serif;*/
	font-family: "PT Sans Narrow", "Arial Narrow", Arial, Helvetica, sans-serif;
	/*background: url("../img/back-menu-top.png") no-repeat;*/
	/*width:240px;*/
	/*height:27px;*/
	text-align:right;
}
#menu-top a:hover{
	text-decoration:underline;
}
#menu-top a{
	font-size:11px;
	color:white;
	font-weight:bold;
	text-decoration:none;
	margin-left:3px;
	padding-right:5px;
	background: url("../img/sep-menu-top.png") no-repeat right top;
}
#menu-top-fecha{
	float:right;
	color: white;
    /*text-shadow: 2px 3px 4px #000000;*/
	/*font-weight: bold;*/
	font-size: 14px;
	/*font-family: Helvetica, Arial, sans-serif;*/
	padding-right:5px;
	text-align:right;
}

#menu-top-usuario{
	float:right;
	color: white;
    /*text-shadow: 2px 3px 4px #000000;*/
	/*font-weight: bold;*/
	font-size: 14px;
	/*font-family: Helvetica, Arial, sans-serif;*/
	padding-right:5px;
	text-align:right;
    padding-top: 5px;
}


#menu-top-busqueda{
	float:right;
	color: white;
    /*text-shadow: 2px 3px 4px #000000;*/
	/*font-weight: bold;*/
	font-size: 14px;
	/*font-family: Helvetica, Arial, sans-serif;*/
	padding-right:5px;
	text-align:right;
	width: 75%;
	height: 20px;
}
#menu-top-gestor{
	float:right;
	color: white;
    text-shadow: 2px 3px 4px #000000;
	/*font-weight: bold;*/
	font-size: 22px;
	font-family: Courgette;
	padding-right:5px;
	text-align:right;
	margin-top: -6px;
}

#cont-enlaces-header{
	float:right;
	width:100%;
	height:78px;
	text-align:right;
}
#cont-enlaces-header img{
	border:none;
}
#cont-enlaces-header a{
	width:100%;
}

#container-footer1{
	float:left;width:100%; text-align:center;
	background: url(../img/back-footer.jpg)  ;
   
}
#container-footer{
	width: 965px;
	margin:auto;
	text-align:center;
	height:auto;
}
#footer-Izq {
	width: 965px;
	margin: auto;
	float:left;
	text-align:center;
    padding-left: 15px;
    background: url("../img/sombra-blanca-izq.png") repeat-y scroll left top transparent;
	height:auto;
}
#footer-Der{
	background: url("../img/sombra-blanca-der.png") repeat-y scroll right top transparent;
    position: relative;
	float:left;
	padding-right: 15px;
	width: 975px;
	text-align: center;
	height:auto;
}
#cont-footer{
	float:left;
	margin:auto;
	width:100%;
	background: url("../img/back-footer-cont.png");
	position:relative;
	height:10%;
	color:#FFF;
	/*font-weight:bold;*/
	font-size:12px;
	text-shadow:0 1px 0 #000;
	text-align: center;
	align: center;
}
#container-menu{
	position:relative;
	float:left;
	width:100%; 
	height:40px;
	text-align:center;
}
#menu-Izq {
	width: 965px;
	margin: auto;
    padding-left: 15px;
	text-align: center;
    background: url("../img/sombra-blanca-izq.png") repeat-y scroll left top transparent;
	height:60px;
}
#menu-Der{
	background: url("../img/sombra-blanca-der.png") repeat-y scroll right top transparent;
    position: relative;
	padding-right: 15px;
	width: 950px;
	text-align: center;
	height:60px;
	float:left;
}
#cont-menu{
	border-top: #CC0000 solid 2px;
	float:left;
	margin:auto;
	width:100%;
	/*background-color:#FFF;*/
	position:relative;
	/*background: url("../img/back-menup.png") repeat-x scroll right top;*/
	margin-bottom: 10px;
	
}
.menu{float:left; width:950px;color:#FFF;list-style-type:none;margin:0;padding:0px;position:relative;font-weight:bold;}
.menu li{float:left;height:30px; padding-left:10px;padding-right:10px; line-height:30px;cursor:pointer;left:-7px;border-right: #0000CC dotted 1px;text-shadow:0 1px 0 #0033CC;}
.menu li a{text-decoration:none; color:#FFF;}
.msel{background: url(../img/selec-menu-hover.png) center bottom no-repeat;}
.smsel{ background: url(../img/selec-smenu-hover.png) center bottom no-repeat;}

.actual-sec{ color:#FFF;background-color:#0063C6; border-left:1px solid #007DFB;border-right:1px solid #007DFB !important;}
.menu-tit{float:left;text-decoration:none;}
.submenu{ width:950px;color:#000; background: url(../img/back-submenu.png);list-style-type:none;margin:0;padding:0px; position:absolute; top:30px;left:0;border-bottom: #119FFF solid 1px;height:28px;float:left;}
.submenu  a{
	margin:0px;
	padding-left:5px;
	padding-right:5px;
	text-decoration:none; 
	color:#333333 !important; 
	font-weight:bold;
	line-height:25px;
	height:25px;
}

.submenu li:hover{
	text-decoration:underline;
}
.submenu li{
	float:left;
	margin:0px;
	margin-top:4px;
	height:25px; 
	line-height:25px;
	border-right: #CC0000 dotted 1px ;
	text-shadow:0 1px 0 #E6E6E6;
}

.header-top{
	position:fixed; 
	top:0px; 
	right:0px;
	height:20px;
	width:100%;
	text-align: right;
	z-index:1;
	background-color:#000000; 
}

/*GoTOP*/
.subir{
	position:fixed; 
	bottom:0px; 
	right:2px;
	line-height:30px;
	height:30px;
	width:95px;
	text-align:center;
	z-index:1;
	/*back*/
}
.subir a {
	display:block;color: #CC0000;
	background: url(../img/arrow.gif) no-repeat;
	width:95px;
	height:30px;
	text-decoration:none;
	font-weight:bold;
}
.subir a:hover {
	color:#0B55C4;
	background: url(../img/arrow_active.gif) no-repeat;
}
/*GoTOP*/
/* Extra Small Devices, .visible-xs-* */
@media (max-width: 467px) {
    #sidebar {
        display:none !important;
    }
#menu-top-der{
	width: 405px; 
	margin: auto;
}

#menu-top-gestor{
	float:right;
	color: #D1A743;
    text-shadow: 2px 3px 4px #000000;
	/*font-weight: bold;*/
	font-size: 16px;
	font-family: Courgette;
	padding-right:5px;
	text-align:right;
	margin-top: -6px;
}

#menu-top-fecha{
	float:right;
	color: transparent;
    /*text-shadow: 2px 3px 4px #000000;*/
	/*font-weight: bold;*/
	font-size: 14px;
	/*font-family: Helvetica, Arial, sans-serif;*/
	padding-right:5px;
	text-align:right;
    margin-left: -75px
}
#menu-top-busqueda{
	float:right;
	color: white;
    /*text-shadow: 2px 3px 4px #000000;*/
	/*font-weight: bold;*/
	font-size: 14px;
	/*font-family: Helvetica, Arial, sans-serif;*/
	padding-right:5px;
	text-align:right;
	width: 160%;
	height: 20px;
    /*margin-left: -75px*/
}
	.header-titulo h1 {
		color: white;
		text-shadow: 2px 4px 4px #000000;
		/*font-weight: bold;*/
		font-size: 20px;
		font-style: italic;
		font-family: Courgette;
		/*text-align:center;*/
        margin-top:12px;
        margin-left: 5px;
	}
	.header-titulo  h2{
		color: white;
		text-shadow: 2px 4px 4px #000000;
		/*font-weight: bold;*/
		font-size: 12px;
		font-style: italic;
		font-family: Courgette;
		text-align: right;
		margin-top: -5px;
		margin-right: 5px;		
	}

    .header-texto a img {
        visibility:hidden;
        width:100px; 
        height:95%; 
        margin-top: 5px; 
        margin-left: -65px;
    }

    .header-logo a img {
        width:95px; 
        height:85%; 
        margin-top: 10px; 
        margin-left: -65px;
    }

	h1.tit-panel{
		font-size: 18px;
		line-height: 0px;
		margin-top: 14px;
	}
	h1.tit-gestusuarios{
		font-size: 20px;
	}
	.tit-gestusuarios{
		float:left;
		width:250px;
		padding-left:60px;
		background: url("../img/users50.png") no-repeat scroll left top ;
		line-height:60px;
		margin:0px;
	}
	#container-top{
		float:left;
		width:100%; 
		height:100px;
		text-align:center;
	}
	#header-Izq {
		width: 405px;
		margin: auto;
		padding-left: 15px;
		text-align: center;
		background: url("../img/sombra-blanca-izq.png") repeat-y scroll left top transparent;
		height:100px;
	}
	#header-Der{
		background: url("../img/sombra-blanca-der.png") repeat-y scroll right top transparent;
		position: relative;
		padding-right: 15px;
		width: 400px;
		text-align: center;
		height:100px;
		float:left;
	}
	#header{
		float:left;
		margin:auto;
		width:400px;                                                                                
		height:110px;
		background-color:white;
		position:relative;
		
        background-repeat:no-repeat;
background-size:cover;
background-position:center;
		/*padding-top: 15px;*/
	}
	#adentro-Izq{
		float:left;
		margin:auto;
		width:50px;
		height:100px;
		background-color:green;
		position:relative;
	}
	#adentro-Cen{
		float:left;
		margin:auto;
		width:300px;
		height:100px;
		background-color:blue;
		position:relative;
	}
	#adentro-Der{
		float:left;
		margin:auto;
		width:50px;
		height:100px;
		background-color:red;
		position:relative;
	}
	#container-cuerpo1{
		float:left;
		width:100%; 
		text-align:center;
         
	}
    #container-cuerpo2{
		float:left;
		width:100%; 
		text-align:center;
        max-height:120px;
	}
	#container-cuerpo{
		width: 405px;
		margin:auto;
		text-align:left;
		height:auto;
	}
	#cuerpo-Izq {
		width: 405px;
		margin: auto;
		float:left;
		text-align:left;
		padding-left: 15px;
		background: url("../img/sombra-blanca-izq.png") repeat-y scroll left top transparent;
		height:auto;
	}
	#cuerpo-Der{
		background: url("../img/sombra-blanca-der.png") repeat-y scroll right top transparent;
		position: relative;
		float:left;
		padding-right: 15px;
		width: 415px;
		text-align: left;
		height:auto;
		/*background-color: red;*/
	}
	#cont-cuerpo{
		float:left;
		margin:auto;
		width:400px;
		
		/*background-color:#FFF;*/
		position:relative;
		background: url('../img/back-header.png'); 
		padding-left: 5px;
		padding-right: 5px;
		text-align: left;
	}
	#cont-mod{
		float:left;
		border: 1px solid #666;
		width:400px;
		margin:10px;
		background:#F9F9F9;
	}
	.tit-modulo{
		float:left;
		margin: auto;
		border: 1px solid #333;
		line-height:50px;
		width:400px;
		text-align:left;
		background:#F9F9F9;
		background-color:green;
	}
	
	#cont-icons-panel{
		float:left;
		border: 0px solid #666;
		width:380px;
    margin-left:5px;
		margin-bottom:10px;
		background:#F9F9F9;
		/*background-color: yellow;*/
	}
	.icons-panel{
		float:left;
		border: 1px solid #666;
		width:100px;
		height:90px;
		margin:10px;
		text-decoration:none;
		color:#000;
		font-weight:bold;
		padding:3px;
		background:#F9F9F9;
		height:150px;
	}
}

/* Small Devices, .visible-sm-* */
@media (min-width: 468px) and (max-width: 991px) {
    #sidebar {
        display:none !important;
    }
	#menu-top-der{
		width: 805px; 
		margin: auto;
	}
	#main-menu {
		position:relative;
		z-index:9999;
		width:auto;
	}
	#main-menu ul {
		width:12em; /* fixed width only please - you can use the "subMenusMinWidth"/"subMenusMaxWidth" script options to override this if you like */
	}
	
	.header-titulo h1 {
		color: white;
		text-shadow: 2px 4px 4px #000000;
		/*font-weight: bold;*/
		font-size: 28px;
		font-style: italic;
		font-family: Courgette;
		/*text-align:center;*/
        margin-top:12px;
        margin-left: 5px;
	}
	.header-titulo  h2{
		color: white;
		text-shadow: 2px 4px 4px #000000;
		/*font-weight: bold;*/
		font-size: 18px;
		font-style: italic;
		font-family: Courgette;
	text-align: right;
    margin-top: -5px;
    margin-right: 5px;		
	}
	
    .header-texto a img {
        width:100px; 
        height:90px; 
        margin-top: 5px; 
        margin-left: 3px;
    }

    .header-logo a img {
        width: 95px; 
        height: 85%; 
        margin-top: 10px; 
        margin-left: -30px;
    }

	h1.tit-panel{
	font-size: 38px;
	}
	h1.tit-gestusuarios{
	font-size: 38px;
	}
	.tit-gestusuarios{
	float:left;
	width:150px;
	padding-left:60px;
	background: url("../img/users50.png") no-repeat scroll left top ;
	line-height:55px;
	margin:0px;
	}
	#container-top{
	float:left;
	width:100%; 
	height:100px;
	text-align:center;
	}
	#header-Izq {
	width:805px;
	margin: auto;
    padding-left: 15px;
	text-align: center;
    background: url("../img/sombra-blanca-izq.png") repeat-y scroll left top transparent;
	height:100px;
	}
	#header-Der{
	background: url("../img/back-header.png") repeat-y scroll right top transparent;
    position: relative;
	padding-right: 15px;
	width: 800px;
	text-align: center;
	height:100px;
	float:left;
	}
	#header{
	float:left;
	margin:auto;
	width:800px;
	height:110px;
	/*background-color:#FFF;*/
	position:relative;
	
    background-repeat:no-repeat;
background-size:cover;
background-position:center;
	/*padding-top: 15px;*/
	}
	#adentro-Izq{
	float:left;
	margin:auto;
	width:150px;
	height:100px;
	background-color:green;
	position:relative;
	}
	#adentro-Cen{
	float:left;
	margin:auto;
	width:450px;
	height:100px;
	background-color:blue;
	position:relative;
	}
	#adentro-Der{
	float:left;
	margin:auto;
	width:200px;
	height:100px;
	background-color:red;
	position:relative;
	}
	#container-cuerpo1{
	float:left;
	width:100%; 
	text-align:center;
    
	}
	#container-cuerpo{
	width: 805px;
	margin:auto;
	text-align:left;
	height:auto;
	}
	#cuerpo-Izq {
	width: 805px;
	margin: auto;
	float:left;
	text-align:left;
    padding-left: 15px;
    background: url("../img/sombra-blanca-izq.png") repeat-y scroll left top transparent;
	height:auto;
	}
	#cuerpo-Der{
	background: url("../img/sombra-blanca-der.png") repeat-y scroll right top transparent;
    position: relative;
	float:left;
	padding-right: 15px;
	width: 815px;
	text-align: left;
	height:auto;
	/*background-color: red;*/
	}
	#cont-cuerpo{
	float:left;
	margin:auto;
	width:800px;
	background-color:#FFF;
	position:relative;
	background: #FFF;
    padding-left: 5px;
    padding-right: 5px;
		text-align: left;

	}
	#cont-mod{
	float:left;
	border: 1px solid #666;
	width:800px;
	margin:10px;
	background:#F9F9F9;
	}
	.tit-modulo{
	float:left;
	/*margin:10px;*/
	margin: auto;
	border: 1px solid #333;
	
	line-height:50px;
	width:800px;
	text-align:left;
	background:#F9F9F9;
	background-color:green;
	}
	.tit-panel{
	padding-left:60px;
	background: url("../img/panel.png") no-repeat scroll left top ;
	line-height:30px;
	margin:0px;
	text-align: left;
	}
	#cont-icons-panel{
	float:left;
	border: 1px solid #666;
	width:585px;
    margin-left:100px;
	margin-bottom:10px;
	background:#F9F9F9;
	/*background-color: yellow;*/
	}
	.icons-panel{
	float:left;
	border: 1px solid #666;
	width:100px;
	height:90px;
	margin:5px;
	text-decoration:none;
	color:#000;
	font-weight:bold;
	padding:3px;
	background:#F9F9F9;
	height:150px;
	}
	}
	
	/* Medium Devices, .visible-md-* */
	@media (min-width: 992px) and (max-width: 1199px) {
        #sidebar {
        display:none !important;
    }
	#menu-top-der{
		width: 965px; 
		margin: auto;
	}	
	.header-titulo h1 {
	    color: white;
        text-shadow: 2px 4px 4px #000000;
	    /*font-weight: bold;*/
	    font-size: 36px;
	    font-style: italic;
	    font-family: Courgette;
	    /*text-align:center;*/
        margin-top:12px;
        margin-left: 5px;
	}
	.header-titulo  h2{
	color: white;
    text-shadow: 2px 4px 4px #000000;
	/*font-weight: bold;*/
	font-size: 26px;
	font-style: italic;
	font-family: Courgette;
	text-align: right;
    margin-top: -5px;
    margin-right: 5px;		
	}
	
    .header-texto a img {
        width:100px; 
        height:90px; 
        margin-top: 5px; 
        margin-left: 15px;
    }

    .header-logo a img {
        width:95px; 
        height:85%; 
        margin-top: 10px; 
        margin-left: -40px;
    }

	h1.tit-gestusuarios{
	font-size: 18px;
	}
	.tit-gestusuarios{
	float:left;
	width:300px;
	padding-left:60px;
	background: url("../img/users50.png") no-repeat scroll left top ;
	line-height:55px;
	margin:0px;
	}
	#container-top{
	float:left;
	width:100%; 
	height:100px;
	text-align:center;
	}
	#header-Izq {
	width: 965px;
	margin: auto;
    padding-left: 15px;
	text-align: center;
    background: url("../img/sombra-blanca-izq.png") repeat-y scroll left top transparent;
	height:100px;
	}
	#header-Der{
	background: url("../img/sombra-blanca-der.png") repeat-y scroll right top transparent;
    position: relative;
	padding-right: 15px;
	width: 960px;
	text-align: center;
	height:100px;
	float:left;
	}
	#header{
	float:left;
	margin:auto;
	width:960px;
	height:110px;
	background-color:#F9F9F9;
	position:relative;
	
    background-repeat:no-repeat;
background-size:cover;
background-position:center;
	/*padding-top: 15px;*/
	}
	#adentro-Izq{
	float:left;
	margin:auto;
	width:200px;
	height:100px;
	background-color:green;
	position:relative;
	}
	#adentro-Cen{
	float:left;
	margin:auto;
	width:500px;
	height:100px;
	background-color:blue;
	position:relative;
	}
	#adentro-Der{
	float:left;
	margin:auto;
	width:260px;
	height:100px;
	background-color:red;
	position:relative;
	}
	#container-cuerpo1{
	float:left;
	width:100%; 
	text-align:center;
     
	}
	#container-cuerpo{
	width: 965px;
	margin:auto;
	text-align:left;
	height:auto;
	}
	#cuerpo-Izq {
	width: 965px;
	margin: auto;
	float:left;
	text-align:left;
    padding-left: 15px;
    background: url("../img/sombra-blanca-izq.png") repeat-y scroll left top transparent;
	height:auto;
	}
	#cuerpo-Der{
	background: url("../img/sombra-blanca-der.png") repeat-y scroll right top transparent;
    position: relative;
	float:left;
	padding-right: 15px;
	width: 975px;
	text-align: left;
	height:auto;
	/*background-color: red;*/
	}
	#cont-cuerpo{
	float:left;
	margin:auto;
	width:960px;
	
	background-color:#FFF;
	position:relative;
	background: #FFF;
    padding-left: 10px;
    padding-right: 10px;
	text-align: left;
	}
	#cont-mod{
	float:left;
	border: 1px solid #666;
	width:900px;
	margin:10px;
	background:#F9F9F9;
	}
	.tit-modulo{
	float:left;
	margin:auto;
	border: 1px solid #333;
	
	line-height:50px;
	width:960px;
	text-align:left;
	background:#F9F9F9;
	background-color:green;
	}
	.tit-panel{
	padding-left:60px;
	background: url("../img/panel.png") no-repeat scroll left top ;
	line-height:50px;
	margin:0px;
	text-align: left;	
	}
	#cont-icons-panel{
	float:left;
	border: 1px solid #666;
	width:698px;
    margin-left:120px;
	margin-bottom:10px;
	background:#F9F9F9;
	/*background-color: yellow;*/
	}
	.icons-panel{
	float:left;
	border: 1px solid #666;
	width:165px;
	height:100px;
	margin:10px;
	text-decoration:none;
	color:#000;
	font-weight:bold;
	padding:3px;
	background:#F9F9F9;
	height:150px;
	}
	}
	
	/* Large Devices, .visible-lg-* */
	@media (min-width: 1200px) {
        #sidebar {
        display:none !important;
    }
	#menu-top-der{
		width: 965px; 
		margin: auto;
	}	
	.header-titulo h1 {
	    color: white;
        text-shadow: 2px 4px 4px #000000;
	    /*font-weight: bold;*/
	    font-size: 38px;
	    font-style: italic;
	    font-family: Courgette;
	    /*text-align:center;*/
        margin-top:12px;
        margin-left: 5px;
	}
	.header-titulo  h2{
	color: white;
    text-shadow: 2px 4px 4px #000000;
	/*font-weight: bold;*/
	font-size: 28px;
	font-style: italic;
	font-family: Courgette;
	text-align: right;
    margin-top: -5px;
    margin-right: 5px;	
	}
	
    .header-texto a img {
        width:100px; 
        height:90px; 
        margin-top: 5px; 
        margin-left: 15px;
    }

    .header-logo a img {
        width:95px; 
        height:85%; 
        margin-top: 10px; 
        margin-left: -40px;
    }

	h1.tit-gestusuarios{
	font-size: 25px;
	}
	.tit-gestusuarios{
	float:left;
	width:300px;
	padding-left:60px;
	background: url("../img/users50.png") no-repeat scroll left top ;
	line-height:55px;
	margin:0px;
	}
	#container-top{
	float:left;
	width:100%; 
	height:100px;
	text-align:center;
	}
	#header-Izq {
	width: 965px;	
	margin: auto;
    padding-left: 15px;
	text-align: center;
    background: url("../img/sombra-blanca-izq.png") repeat-y scroll left top transparent;
	height:100px;
	}
	#header-Der{
	background: url("../img/sombra-blanca-der.png") repeat-y scroll right top transparent;
    position: relative;
	padding-right: 15px;
	width: 960px;
	text-align: center;
	height:100px;
	float:left;
	}
	#header{
	float:left;
	margin:auto;
	width:120.7%;
	height:110px;
	background-color:#FFF;
	position:relative;
	
    background-repeat:no-repeat;
background-size:cover;
background-position:center;
	/*padding-top: 15px;*/
	}
	#adentro-Izq{
	float:left;
	margin:auto;
	width:200px;
	height:100px;
	background-color:green;
	position:relative;
	}
	#adentro-Cen{
	float:left;
	margin:auto;
	width:500px;
	height:100px;
	background-color:blue;
	position:relative;
	}
	#adentro-Der{
	float:left;
	margin:auto;
	width:260px;
	height:100px;
	background-color:red;
	position:relative;
	}
	#container-cuerpo1{
	float:left;
	width:100%; 
	text-align:center;
    
	}
	#container-cuerpo{
	width: 965px;
	margin:auto;
	text-align:left;
	height:auto;
	}
	#cuerpo-Izq {
	width: 965px;
	margin: auto;
	float:left;
	text-align:left;
    padding-left: 15px;
    background: url("../img/sombra-blanca-izq.png") repeat-y scroll left top transparent;
	height:auto;
	}
	#cuerpo-Der{
	background: url("../img/sombra-blanca-der.png") repeat-y scroll right top transparent;
    position: relative;
	float:left;
	padding-right: 15px;
	width: 975px;
	text-align: left;
	height:auto;
	/*background-color: red;*/
	}
	#cont-cuerpo{
	float:left;
	margin:auto;
	width:960px;
	
	background-color:#FFF;
	position:relative;
	background: #FFF;
	padding-left: 10px;
    padding-right: 10px;
		text-align: left;

	}
	#cont-mod{
	float:left;
	border: 1px solid #666;
	width:930px;
	margin:10px;
	background:#F9F9F9;
	}
	.tit-modulo{
	float:left;
	margin:auto;
	border: 1px solid #333;
	
	line-height:50px;
	width:960px;
	text-align:left;
	background:#F9F9F9;
	background-color:green;
	}
	.tit-panel{
	padding-left:60px;
	background: url("../img/panel.png") no-repeat scroll left top ;
	line-height:50px;
	margin:0px;
	text-align: left;	
	}
	#cont-icons-panel{
	float:left;
	border: 1px solid #666;
	width:698px;
    margin-left:120px;
	margin-bottom:10px;
	background:#F9F9F9;
	/*background-color: yellow;*/
	}
	.icons-panel{
	float:left;
	border: 1px solid #666;
	width:165px;
	height:100px;
	margin:10px;
	text-decoration:none;
	color:#000;
	font-weight:bold;
	padding:3px;
	background:#F9F9F9;
	height:150px;
	}


    .GridRojo_Header
{
    background-color: #E60D2E;
    color: White;
    font-weight: bold;
}

.GridRojo_Header th
{
    /* margin-bottom: 5px; */
    padding-bottom: 5px;
    margin-top: 2px;
    padding-top: 2px;
    padding-left: 20px;
    padding-right: 20px;
}



	}
    	/*estilo tabs*/

#exTab1 .tab-content {
  color : white;
  background-color: #428bca;
  padding : 5px 15px;
}

#exTab2 h3 {
  color : white;
  background-color:#428bca;
  padding : 5px 15px;
}

/* remove border radius for the tab */

#exTab1 .nav-pills > li > a {
  border-radius: 0;
}

/* change border radius for the tab , apply corners on top*/

#exTab3 .nav-pills > li > a {
  border-radius: 4px 4px 0 0 ;
  /*background-color:#eef29f;*/
  color:black;  
  width:160%;
  pointer-events:none;
  /*margin-left:155%*/
}
/*#exTab3 .nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{
    color:black;background-color:#f0f934}*/
#exTab3 .tab-content {
  color : black;
  background-color:transparent;
  padding: 5px 15px;
  
  width:100%;
}


  #BackgroundProg
    {
        position: fixed; 
        top: 0px; 
        bottom: 0px; 
        left: 0px; 
        right: 0px; 
        overflow: hidden; 
        padding: 0; 
        margin: 0; 
        background-color: #F0F0F0; 
        filter: alpha(opacity=80); 
        opacity: 0.8; 
        z-index: 100000;
    }
        
    #ProgressDiv
    {
        /*position: fixed;
        top: 40%; 
        left: 40%; 
        height:20%; 
        width:20%;*/ 
        z-index: 100001;  
        /*background-color: transparent; 
        border:none; 
        background-image: url('../img/loading2.gif'); 
        background-repeat: no-repeat; 
        background-position:center top;*/
    }

.myButton {
   padding: 10px 35px;
   overflow:hidden;



	-moz-box-shadow:inset 0px 1px 0px 0px #729ccf;
	-webkit-box-shadow:inset 0px 1px 0px 0px #729ccf;
	box-shadow:inset 0px 1px 0px 0px #729ccf;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1d80eb), color-stop(1, #02193d));
	background:-moz-linear-gradient(top, #1d80eb 5%, #02193d 100%);
	background:-webkit-linear-gradient(top, #1d80eb 5%, #02193d 100%);
	background:-o-linear-gradient(top, #1d80eb 5%, #02193d 100%);
	background:-ms-linear-gradient(top, #1d80eb 5%, #02193d 100%);
	background:linear-gradient(to bottom, #1d80eb 5%, #02193d 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1d80eb', endColorstr='#02193d',GradientType=0);
	background-color:#1d80eb;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #337fed;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #516c87;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #02193d), color-stop(1, #1d80eb));
	background:-moz-linear-gradient(top, #02193d 5%, #1d80eb 100%);
	background:-webkit-linear-gradient(top, #02193d 5%, #1d80eb 100%);
	background:-o-linear-gradient(top, #02193d 5%, #1d80eb 100%);
	background:-ms-linear-gradient(top, #02193d 5%, #1d80eb 100%);
	background:linear-gradient(to bottom, #02193d 5%, #1d80eb 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#02193d', endColorstr='#1d80eb',GradientType=0);
	background-color:#02193d;
}
.myButton:active {
	position:relative;
	top:1px;
}



.myButtonRed {
	
	-moz-box-shadow:inset 0px 1px 0px 0px #eb7f75;
	-webkit-box-shadow:inset 0px 1px 0px 0px #eb7f75;
	box-shadow:inset 0px 1px 0px 0px #eb7f75;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ed2517), color-stop(1, #ab1305));
	background:-moz-linear-gradient(top, #ed2517 5%, #ab1305 100%);
	background:-webkit-linear-gradient(top, #ed2517 5%, #ab1305 100%);
	background:-o-linear-gradient(top, #ed2517 5%, #ab1305 100%);
	background:-ms-linear-gradient(top, #ed2517 5%, #ab1305 100%);
	background:linear-gradient(to bottom, #ed2517 5%, #ab1305 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed2517', endColorstr='#ab1305',GradientType=0);
	background-color:#ed2517;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #d02718;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #810e05;
}
.myButtonRed:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ab1305), color-stop(1, #ed2517));
	background:-moz-linear-gradient(top, #ab1305 5%, #ed2517 100%);
	background:-webkit-linear-gradient(top, #ab1305 5%, #ed2517 100%);
	background:-o-linear-gradient(top, #ab1305 5%, #ed2517 100%);
	background:-ms-linear-gradient(top, #ab1305 5%, #ed2517 100%);
	background:linear-gradient(to bottom, #ab1305 5%, #ed2517 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ab1305', endColorstr='#ed2517',GradientType=0);
	background-color:#ab1305;
}
.myButton:active {
	position:relative;
	top:1px;

}
.myButtonRed:active {
	position:relative;
	top:1px;
}



.myButtonBlue {
	-moz-box-shadow: 0px 10px 14px -7px #8d9596;
	-webkit-box-shadow: 0px 10px 14px -7px #8d9596;
	box-shadow: 0px 10px 14px -7px #8d9596;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5982b3), color-stop(1, #11245c));
	background:-moz-linear-gradient(top, #5982b3 5%, #11245c 100%);
	background:-webkit-linear-gradient(top, #5982b3 5%, #11245c 100%);
	background:-o-linear-gradient(top, #5982b3 5%, #11245c 100%);
	background:-ms-linear-gradient(top, #5982b3 5%, #11245c 100%);
	background:linear-gradient(to bottom, #5982b3 5%, #11245c 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5982b3', endColorstr='#11245c',GradientType=0);
	background-color:#5982b3;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	
	padding:8px 18px;
	text-decoration:none;
	text-shadow:0px 1px 0px #798285;
}
.myButtonBlue:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #11245c), color-stop(1, #5982b3));
	background:-moz-linear-gradient(top, #11245c 5%, #5982b3 100%);
	background:-webkit-linear-gradient(top, #11245c 5%, #5982b3 100%);
	background:-o-linear-gradient(top, #11245c 5%, #5982b3 100%);
	background:-ms-linear-gradient(top, #11245c 5%, #5982b3 100%);
	background:linear-gradient(to bottom, #11245c 5%, #5982b3 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#11245c', endColorstr='#5982b3',GradientType=0);
	background-color:#11245c;
}
.myButtonBlue:active {
	position:relative;
	top:1px;
}

.myButtonDesc {
   
	 background-image:url(../img/descarga1.png);
      background-size:105% 105%;
      background-repeat:no-repeat;
}
.myButtonDesc:hover {
	 background-image:url(../img/descarga2.png);
     background-size:105% 105%;
     background-repeat:no-repeat;

     border-radius: 5px;
     transition: all 2s ease;
}
.myButtonDesc:active {
	position:relative;
	top:1px;
   
}

.myButtonEnv {
   
	 background-image:url(../img/email1.png);
      background-size:105% 105%;
      background-repeat:no-repeat;
}
.myButtonEnv:hover {
	 background-image:url(../img/email2.png);
     background-size:105% 105%;
     background-repeat:no-repeat;
     /*background-color:aqua;*/
     
 border-radius: 5px;
 /*
 transition: all 2s ease;*/

  transition:background-image 2s linear;
-webkit-transition: background-image 2s linear; /* Chrome y Safari */
-o-transition: background-image 2s linear; /* Opera */
-moz-transition:background-image 2s linear; /* Mozilla Firefox */
-ms-transition: background-image 2s linear; /* Internet Explorer */



}

.myButtonEnv:active {
	position:relative;
	top:1px;
   
}

  .cpHeader
        {
            color: white;
            background-color: #719DDB;
            font: bold 11px auto "Trebuchet MS", Verdana;
            font-size: 12px;
            cursor: pointer;
            width:450px;
            height:18px;
            padding: 4px;  
            float:right         
        }
        .cpBody
        {
            background-color: #DCE4F9;
            font: normal 11px auto Verdana, Arial;
            border: 1px gray;               
            width:450px;
            padding: 4px;
            padding-top: 7px;
             float:right    
        }      

.collapsePanel {
	
	background-color:white;
	overflow:hidden;
}

.collapsePanelHeader{
	width:100%;
	height:40px;
    margin-top:0.4%;
	background-color:#364666;
	background-repeat:repeat-x;
	color:#FFF;
	font-weight:bold;
}

.myButtonGray {
	-moz-box-shadow:inset 0px 1px 0px 0px #a3a3a3;
	-webkit-box-shadow:inset 0px 1px 0px 0px #a3a3a3;
	box-shadow:inset 0px 1px 0px 0px #a3a3a3;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #b5b5b5), color-stop(1, #787878));
	background:-moz-linear-gradient(top, #b5b5b5 5%, #787878 100%);
	background:-webkit-linear-gradient(top, #b5b5b5 5%, #787878 100%);
	background:-o-linear-gradient(top, #b5b5b5 5%, #787878 100%);
	background:-ms-linear-gradient(top, #b5b5b5 5%, #787878 100%);
	background:linear-gradient(to bottom, #b5b5b5 5%, #787878 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b5b5b5', endColorstr='#787878',GradientType=0);
	background-color:#b5b5b5;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #8a8a8a;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #616161;
}
.myButtonGray:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #787878), color-stop(1, #b5b5b5));
	background:-moz-linear-gradient(top, #787878 5%, #b5b5b5 100%);
	background:-webkit-linear-gradient(top, #787878 5%, #b5b5b5 100%);
	background:-o-linear-gradient(top, #787878 5%, #b5b5b5 100%);
	background:-ms-linear-gradient(top, #787878 5%, #b5b5b5 100%);
	background:linear-gradient(to bottom, #787878 5%, #b5b5b5 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#787878', endColorstr='#b5b5b5',GradientType=0);
	background-color:#787878;
}
.myButtonGray:active {
	position:relative;
	top:1px;
}



/*ESTILOS GIF DE CARGA*/
.cssload-thecube {
	width: 94px;
	height: 94px;
	margin: 0 auto;
	margin-top: 63px;
	position: fixed;
        top: 40%; 
        left: 50%; 
	transform: rotateZ(45deg);
		-o-transform: rotateZ(45deg);
		-ms-transform: rotateZ(45deg);
		-webkit-transform: rotateZ(45deg);
		-moz-transform: rotateZ(45deg);
        z-index:100001
}
.cssload-thecube .cssload-cube {
	position: relative;
	transform: rotateZ(45deg);
		-o-transform: rotateZ(45deg);
		-ms-transform: rotateZ(45deg);
		-webkit-transform: rotateZ(45deg);
		-moz-transform: rotateZ(45deg);
}
.cssload-thecube .cssload-cube {
	float: left;
	width: 50%;
	height: 50%;
	position: relative;
	transform: scale(1.1);
		-o-transform: scale(1.1);
		-ms-transform: scale(1.1);
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
}
.cssload-thecube .cssload-cube:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(22,22,224,0.96);
	animation: cssload-fold-thecube 2.76s infinite linear both;
		-o-animation: cssload-fold-thecube 2.76s infinite linear both;
		-ms-animation: cssload-fold-thecube 2.76s infinite linear both;
		-webkit-animation: cssload-fold-thecube 2.76s infinite linear both;
		-moz-animation: cssload-fold-thecube 2.76s infinite linear both;
	transform-origin: 100% 100%;
		-o-transform-origin: 100% 100%;
		-ms-transform-origin: 100% 100%;
		-webkit-transform-origin: 100% 100%;
		-moz-transform-origin: 100% 100%;
}
.cssload-thecube .cssload-c2 {
	transform: scale(1.1) rotateZ(90deg);
		-o-transform: scale(1.1) rotateZ(90deg);
		-ms-transform: scale(1.1) rotateZ(90deg);
		-webkit-transform: scale(1.1) rotateZ(90deg);
		-moz-transform: scale(1.1) rotateZ(90deg);
}
.cssload-thecube .cssload-c3 {
	transform: scale(1.1) rotateZ(180deg);
		-o-transform: scale(1.1) rotateZ(180deg);
		-ms-transform: scale(1.1) rotateZ(180deg);
		-webkit-transform: scale(1.1) rotateZ(180deg);
		-moz-transform: scale(1.1) rotateZ(180deg);
}
.cssload-thecube .cssload-c4 {
	transform: scale(1.1) rotateZ(270deg);
		-o-transform: scale(1.1) rotateZ(270deg);
		-ms-transform: scale(1.1) rotateZ(270deg);
		-webkit-transform: scale(1.1) rotateZ(270deg);
		-moz-transform: scale(1.1) rotateZ(270deg);
}
.cssload-thecube .cssload-c2:before {
	animation-delay: 0.35s;
		-o-animation-delay: 0.35s;
		-ms-animation-delay: 0.35s;
		-webkit-animation-delay: 0.35s;
		-moz-animation-delay: 0.35s;
}
.cssload-thecube .cssload-c3:before {
	animation-delay: 0.69s;
		-o-animation-delay: 0.69s;
		-ms-animation-delay: 0.69s;
		-webkit-animation-delay: 0.69s;
		-moz-animation-delay: 0.69s;
}
.cssload-thecube .cssload-c4:before {
	animation-delay: 1.04s;
		-o-animation-delay: 1.04s;
		-ms-animation-delay: 1.04s;
		-webkit-animation-delay: 1.04s;
		-moz-animation-delay: 1.04s;
}



@keyframes cssload-fold-thecube {
	0%, 10% {
		transform: perspective(175px) rotateX(-180deg);
		opacity: 0;
	}
	25%,
				75% {
		transform: perspective(175px) rotateX(0deg);
		opacity: 1;
	}
	90%,
				100% {
		transform: perspective(175px) rotateY(180deg);
		opacity: 0;
	}
}

@-o-keyframes cssload-fold-thecube {
	0%, 10% {
		-o-transform: perspective(175px) rotateX(-180deg);
		opacity: 0;
	}
	25%,
				75% {
		-o-transform: perspective(175px) rotateX(0deg);
		opacity: 1;
	}
	90%,
				100% {
		-o-transform: perspective(175px) rotateY(180deg);
		opacity: 0;
	}
}

@-ms-keyframes cssload-fold-thecube {
	0%, 10% {
		-ms-transform: perspective(175px) rotateX(-180deg);
		opacity: 0;
	}
	25%,
				75% {
		-ms-transform: perspective(175px) rotateX(0deg);
		opacity: 1;
	}
	90%,
				100% {
		-ms-transform: perspective(175px) rotateY(180deg);
		opacity: 0;
	}
}

@-webkit-keyframes cssload-fold-thecube {
	0%, 10% {
		-webkit-transform: perspective(175px) rotateX(-180deg);
		opacity: 0;
	}
	25%,
				75% {
		-webkit-transform: perspective(175px) rotateX(0deg);
		opacity: 1;
	}
	90%,
				100% {
		-webkit-transform: perspective(175px) rotateY(180deg);
		opacity: 0;
	}
}

@-moz-keyframes cssload-fold-thecube {
	0%, 10% {
		-moz-transform: perspective(175px) rotateX(-180deg);
		opacity: 0;
	}
	25%,
				75% {
		-moz-transform: perspective(175px) rotateX(0deg);
		opacity: 1;
	}
	90%,
				100% {
		-moz-transform: perspective(175px) rotateY(180deg);
		opacity: 0;
	}
}



/*LETRAS CARGANDO*/

#inTurnFadingTextG{
	width:234px;
	margin:auto;
   position: fixed;
        top: 45%; 
        left: 46.5%; 

     
    z-index:100001;
}

.inTurnFadingTextG{
	color:rgb(0,0,0);
	font-family:Arial;
	font-size:24px;
	text-decoration:none;
	font-weight:normal;
	font-style:normal;
	float:left;
	animation-name:bounce_inTurnFadingTextG;
		-o-animation-name:bounce_inTurnFadingTextG;
		-ms-animation-name:bounce_inTurnFadingTextG;
		-webkit-animation-name:bounce_inTurnFadingTextG;
		-moz-animation-name:bounce_inTurnFadingTextG;
	animation-duration:2.09s;
		-o-animation-duration:2.09s;
		-ms-animation-duration:2.09s;
		-webkit-animation-duration:2.09s;
		-moz-animation-duration:2.09s;
	animation-iteration-count:infinite;
		-o-animation-iteration-count:infinite;
		-ms-animation-iteration-count:infinite;
		-webkit-animation-iteration-count:infinite;
		-moz-animation-iteration-count:infinite;
	animation-direction:normal;
		-o-animation-direction:normal;
		-ms-animation-direction:normal;
		-webkit-animation-direction:normal;
		-moz-animation-direction:normal;

}

#inTurnFadingTextG_1{
	animation-delay:0.75s;
		-o-animation-delay:0.75s;
		-ms-animation-delay:0.75s;
		-webkit-animation-delay:0.75s;
		-moz-animation-delay:0.75s;
}
#inTurnFadingTextG_2{
	animation-delay:0.9s;
		-o-animation-delay:0.9s;
		-ms-animation-delay:0.9s;
		-webkit-animation-delay:0.9s;
		-moz-animation-delay:0.9s;
}
#inTurnFadingTextG_3{
	animation-delay:1.05s;
		-o-animation-delay:1.05s;
		-ms-animation-delay:1.05s;
		-webkit-animation-delay:1.05s;
		-moz-animation-delay:1.05s;
}
#inTurnFadingTextG_4{
	animation-delay:1.2s;
		-o-animation-delay:1.2s;
		-ms-animation-delay:1.2s;
		-webkit-animation-delay:1.2s;
		-moz-animation-delay:1.2s;
}
#inTurnFadingTextG_5{
	animation-delay:1.35s;
		-o-animation-delay:1.35s;
		-ms-animation-delay:1.35s;
		-webkit-animation-delay:1.35s;
		-moz-animation-delay:1.35s;
}
#inTurnFadingTextG_6{
	animation-delay:1.5s;
		-o-animation-delay:1.5s;
		-ms-animation-delay:1.5s;
		-webkit-animation-delay:1.5s;
		-moz-animation-delay:1.5s;
}
#inTurnFadingTextG_7{
	animation-delay:1.64s;
		-o-animation-delay:1.64s;
		-ms-animation-delay:1.64s;
		-webkit-animation-delay:1.64s;
		-moz-animation-delay:1.64s;
}
#inTurnFadingTextG_8{
	animation-delay:1.79s;
		-o-animation-delay:1.79s;
		-ms-animation-delay:1.79s;
		-webkit-animation-delay:1.79s;
		-moz-animation-delay:1.79s;
}
#inTurnFadingTextG_9{
	animation-delay:1.94s;
		-o-animation-delay:1.94s;
		-ms-animation-delay:1.94s;
		-webkit-animation-delay:1.94s;
		-moz-animation-delay:1.94s;
}
#inTurnFadingTextG_10{
	animation-delay:2.09s;
		-o-animation-delay:2.09s;
		-ms-animation-delay:2.09s;
		-webkit-animation-delay:2.09s;
		-moz-animation-delay:2.09s;
}
#inTurnFadingTextG_11{
	animation-delay:2.24s;
		-o-animation-delay:2.24s;
		-ms-animation-delay:2.24s;
		-webkit-animation-delay:2.24s;
		-moz-animation-delay:2.24s;
}




@keyframes bounce_inTurnFadingTextG{
	0%{
		color:rgb(0,0,0);
	}

	100%{
		color:rgb(255,255,255);
	}
}

@-o-keyframes bounce_inTurnFadingTextG{
	0%{
		color:rgb(0,0,0);
	}

	100%{
		color:rgb(255,255,255);
	}
}

@-ms-keyframes bounce_inTurnFadingTextG{
	0%{
		color:rgb(0,0,0);
	}

	100%{
		color:rgb(255,255,255);
	}
}

@-webkit-keyframes bounce_inTurnFadingTextG{
	0%{
		color:rgb(0,0,0);
	}

	100%{
		color:rgb(255,255,255);
	}
}

@-moz-keyframes bounce_inTurnFadingTextG{
	0%{
		color:rgb(0,0,0);
	}

	100%{
		color:rgb(255,255,255);
	}
}



/*UMBRELLA*/








































.cssload-preloader {
	position: fixed;
        top: 40%; 
        left: 50%; 
	font-size: 19px;
	display: block;
	width: 3.75em;
	height: 4.25em;
	margin-left: -1.875em;
	margin-top: -2.125em;
	transform-origin: center center;
		-o-transform-origin: center center;
		-ms-transform-origin: center center;
		-webkit-transform-origin: center center;
		-moz-transform-origin: center center;
	transform: rotateY(180deg) rotateZ(-60deg);
		-o-transform: rotateY(180deg) rotateZ(-60deg);
		-ms-transform: rotateY(180deg) rotateZ(-60deg);
		-webkit-transform: rotateY(180deg) rotateZ(-60deg);
		-moz-transform: rotateY(180deg) rotateZ(-60deg);
        z-index:100001
}

.cssload-preloader .cssload-slice {
	border-top: 1.125em solid transparent;
	border-right: none;
	border-bottom: 1em solid transparent;
	border-left: 1.875em solid #111f85;
	position: absolute;
	top: 0px;
	left: 50%;
	transform-origin: left bottom;
		-o-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		-webkit-transform-origin: left bottom;
		-moz-transform-origin: left bottom;
	border-radius: 3px 3px 0 0;
}

.cssload-preloader .cssload-slice:nth-child(1) {
	transform: rotateZ(60deg) rotateY(0deg) rotateX(0);
		-o-transform: rotateZ(60deg) rotateY(0deg) rotateX(0);
		-ms-transform: rotateZ(60deg) rotateY(0deg) rotateX(0);
		-webkit-transform: rotateZ(60deg) rotateY(0deg) rotateX(0);
		-moz-transform: rotateZ(60deg) rotateY(0deg) rotateX(0);
	animation: 0.47s linear 2.54s preload-hide-1 both 1;
		-o-animation: 0.47s linear 2.54s preload-hide-1 both 1;
		-ms-animation: 0.47s linear 2.54s preload-hide-1 both 1;
		-webkit-animation: 0.47s linear 2.54s preload-hide-1 both 1;
		-moz-animation: 0.47s linear 2.54s preload-hide-1 both 1;
}

.cssload-preloader .cssload-slice:nth-child(2) {
	transform: rotateZ(120deg) rotateY(0deg) rotateX(0);
		-o-transform: rotateZ(120deg) rotateY(0deg) rotateX(0);
		-ms-transform: rotateZ(120deg) rotateY(0deg) rotateX(0);
		-webkit-transform: rotateZ(120deg) rotateY(0deg) rotateX(0);
		-moz-transform: rotateZ(120deg) rotateY(0deg) rotateX(0);
	animation: 0.47s linear 2.29s preload-hide-2 both 1;
		-o-animation: 0.47s linear 2.29s preload-hide-2 both 1;
		-ms-animation: 0.47s linear 2.29s preload-hide-2 both 1;
		-webkit-animation: 0.47s linear 2.29s preload-hide-2 both 1;
		-moz-animation: 0.47s linear 2.29s preload-hide-2 both 1;
}

.cssload-preloader .cssload-slice:nth-child(3) {
	transform: rotateZ(180deg) rotateY(0deg) rotateX(0);
		-o-transform: rotateZ(180deg) rotateY(0deg) rotateX(0);
		-ms-transform: rotateZ(180deg) rotateY(0deg) rotateX(0);
		-webkit-transform: rotateZ(180deg) rotateY(0deg) rotateX(0);
		-moz-transform: rotateZ(180deg) rotateY(0deg) rotateX(0);
	animation: 0.47s linear 2.05s preload-hide-3 both 1;
		-o-animation: 0.47s linear 2.05s preload-hide-3 both 1;
		-ms-animation: 0.47s linear 2.05s preload-hide-3 both 1;
		-webkit-animation: 0.47s linear 2.05s preload-hide-3 both 1;
		-moz-animation: 0.47s linear 2.05s preload-hide-3 both 1;
}

.cssload-preloader .cssload-slice:nth-child(4) {
	transform: rotateZ(240deg) rotateY(0deg) rotateX(0);
		-o-transform: rotateZ(240deg) rotateY(0deg) rotateX(0);
		-ms-transform: rotateZ(240deg) rotateY(0deg) rotateX(0);
		-webkit-transform: rotateZ(240deg) rotateY(0deg) rotateX(0);
		-moz-transform: rotateZ(240deg) rotateY(0deg) rotateX(0);
	animation: 0.47s linear 1.8s preload-hide-4 both 1;
		-o-animation: 0.47s linear 1.8s preload-hide-4 both 1;
		-ms-animation: 0.47s linear 1.8s preload-hide-4 both 1;
		-webkit-animation: 0.47s linear 1.8s preload-hide-4 both 1;
		-moz-animation: 0.47s linear 1.8s preload-hide-4 both 1;
}

.cssload-preloader .cssload-slice:nth-child(5) {
	transform: rotateZ(300deg) rotateY(0deg) rotateX(0);
		-o-transform: rotateZ(300deg) rotateY(0deg) rotateX(0);
		-ms-transform: rotateZ(300deg) rotateY(0deg) rotateX(0);
		-webkit-transform: rotateZ(300deg) rotateY(0deg) rotateX(0);
		-moz-transform: rotateZ(300deg) rotateY(0deg) rotateX(0);
	animation: 0.47s linear 1.55s preload-hide-5 both 1;
		-o-animation: 0.47s linear 1.55s preload-hide-5 both 1;
		-ms-animation: 0.47s linear 1.55s preload-hide-5 both 1;
		-webkit-animation: 0.47s linear 1.55s preload-hide-5 both 1;
		-moz-animation: 0.47s linear 1.55s preload-hide-5 both 1;
}

.cssload-preloader .cssload-slice:nth-child(6) {
	transform: rotateZ(360deg) rotateY(0deg) rotateX(0);
		-o-transform: rotateZ(360deg) rotateY(0deg) rotateX(0);
		-ms-transform: rotateZ(360deg) rotateY(0deg) rotateX(0);
		-webkit-transform: rotateZ(360deg) rotateY(0deg) rotateX(0);
		-moz-transform: rotateZ(360deg) rotateY(0deg) rotateX(0);
	animation: 0.47s linear 1.3s preload-hide-6 both 1;
		-o-animation: 0.47s linear 1.3s preload-hide-6 both 1;
		-ms-animation: 0.47s linear 1.3s preload-hide-6 both 1;
		-webkit-animation: 0.47s linear 1.3s preload-hide-6 both 1;
		-moz-animation: 0.47s linear 1.3s preload-hide-6 both 1;
}

.cssload-preloader.cssload-loading {
	animation: 6.2s preload-flip steps(2) infinite both;
		-o-animation: 6.2s preload-flip steps(2) infinite both;
		-ms-animation: 6.2s preload-flip steps(2) infinite both;
		-webkit-animation: 6.2s preload-flip steps(2) infinite both;
		-moz-animation: 6.2s preload-flip steps(2) infinite both;
}

.cssload-preloader.cssload-loading .cssload-slice:nth-child(1) {
	transform: rotateZ(60deg) rotateY(90deg) rotateX(0);
		-o-transform: rotateZ(60deg) rotateY(90deg) rotateX(0);
		-ms-transform: rotateZ(60deg) rotateY(90deg) rotateX(0);
		-webkit-transform: rotateZ(60deg) rotateY(90deg) rotateX(0);
		-moz-transform: rotateZ(60deg) rotateY(90deg) rotateX(0);
	animation: 6.2s preload-cycle-1 linear infinite both;
		-o-animation: 6.2s preload-cycle-1 linear infinite both;
		-ms-animation: 6.2s preload-cycle-1 linear infinite both;
		-webkit-animation: 6.2s preload-cycle-1 linear infinite both;
		-moz-animation: 6.2s preload-cycle-1 linear infinite both;
}

.cssload-preloader.cssload-loading .cssload-slice:nth-child(2) {
	transform: rotateZ(120deg) rotateY(90deg) rotateX(0);
		-o-transform: rotateZ(120deg) rotateY(90deg) rotateX(0);
		-ms-transform: rotateZ(120deg) rotateY(90deg) rotateX(0);
		-webkit-transform: rotateZ(120deg) rotateY(90deg) rotateX(0);
		-moz-transform: rotateZ(120deg) rotateY(90deg) rotateX(0);
	animation: 6.2s preload-cycle-2 linear infinite both;
		-o-animation: 6.2s preload-cycle-2 linear infinite both;
		-ms-animation: 6.2s preload-cycle-2 linear infinite both;
		-webkit-animation: 6.2s preload-cycle-2 linear infinite both;
		-moz-animation: 6.2s preload-cycle-2 linear infinite both;
}

.cssload-preloader.cssload-loading .cssload-slice:nth-child(3) {
	transform: rotateZ(180deg) rotateY(90deg) rotateX(0);
		-o-transform: rotateZ(180deg) rotateY(90deg) rotateX(0);
		-ms-transform: rotateZ(180deg) rotateY(90deg) rotateX(0);
		-webkit-transform: rotateZ(180deg) rotateY(90deg) rotateX(0);
		-moz-transform: rotateZ(180deg) rotateY(90deg) rotateX(0);
	animation: 6.2s preload-cycle-3 linear infinite both;
		-o-animation: 6.2s preload-cycle-3 linear infinite both;
		-ms-animation: 6.2s preload-cycle-3 linear infinite both;
		-webkit-animation: 6.2s preload-cycle-3 linear infinite both;
		-moz-animation: 6.2s preload-cycle-3 linear infinite both;
}

.cssload-preloader.cssload-loading .cssload-slice:nth-child(4) {
	transform: rotateZ(240deg) rotateY(90deg) rotateX(0);
		-o-transform: rotateZ(240deg) rotateY(90deg) rotateX(0);
		-ms-transform: rotateZ(240deg) rotateY(90deg) rotateX(0);
		-webkit-transform: rotateZ(240deg) rotateY(90deg) rotateX(0);
		-moz-transform: rotateZ(240deg) rotateY(90deg) rotateX(0);
	animation: 6.2s preload-cycle-4 linear infinite both;
		-o-animation: 6.2s preload-cycle-4 linear infinite both;
		-ms-animation: 6.2s preload-cycle-4 linear infinite both;
		-webkit-animation: 6.2s preload-cycle-4 linear infinite both;
		-moz-animation: 6.2s preload-cycle-4 linear infinite both;
}

.cssload-preloader.cssload-loading .cssload-slice:nth-child(5) {
	transform: rotateZ(300deg) rotateY(90deg) rotateX(0);
		-o-transform: rotateZ(300deg) rotateY(90deg) rotateX(0);
		-ms-transform: rotateZ(300deg) rotateY(90deg) rotateX(0);
		-webkit-transform: rotateZ(300deg) rotateY(90deg) rotateX(0);
		-moz-transform: rotateZ(300deg) rotateY(90deg) rotateX(0);
	animation: 6.2s preload-cycle-5 linear infinite both;
		-o-animation: 6.2s preload-cycle-5 linear infinite both;
		-ms-animation: 6.2s preload-cycle-5 linear infinite both;
		-webkit-animation: 6.2s preload-cycle-5 linear infinite both;
		-moz-animation: 6.2s preload-cycle-5 linear infinite both;
}

.cssload-preloader.cssload-loading .cssload-slice:nth-child(6) {
	transform: rotateZ(360deg) rotateY(90deg) rotateX(0);
		-o-transform: rotateZ(360deg) rotateY(90deg) rotateX(0);
		-ms-transform: rotateZ(360deg) rotateY(90deg) rotateX(0);
		-webkit-transform: rotateZ(360deg) rotateY(90deg) rotateX(0);
		-moz-transform: rotateZ(360deg) rotateY(90deg) rotateX(0);
	animation: 6.2s preload-cycle-6 linear infinite both;
		-o-animation: 6.2s preload-cycle-6 linear infinite both;
		-ms-animation: 6.2s preload-cycle-6 linear infinite both;
		-webkit-animation: 6.2s preload-cycle-6 linear infinite both;
		-moz-animation: 6.2s preload-cycle-6 linear infinite both;
}


@keyframes preload-show-1 {
	from {
		transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
		border-left-color: rgb(30,58,168);
	}
}

@-o-keyframes preload-show-1 {
	from {
		-o-transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
		border-left-color: rgb(30,58,168);
	}
}

@-ms-keyframes preload-show-1 {
	from {
		-ms-transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
		border-left-color: rgb(30,58,168);
	}
}

@-webkit-keyframes preload-show-1 {
	from {
		-webkit-transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
		border-left-color: rgb(30,58,168);
	}
}

@-moz-keyframes preload-show-1 {
	from {
		-moz-transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
		border-left-color: rgb(30,58,168);
	}
}

@keyframes preload-hide-1 {
	to {
		transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
		border-left-color: rgb(30,58,168);
	}
}

@-o-keyframes preload-hide-1 {
	to {
		-o-transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
		border-left-color: rgb(30,58,168);
	}
}

@-ms-keyframes preload-hide-1 {
	to {
		-ms-transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
		border-left-color: rgb(30,58,168);
	}
}

@-webkit-keyframes preload-hide-1 {
	to {
		-webkit-transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
		border-left-color: rgb(30,58,168);
	}
}

@-moz-keyframes preload-hide-1 {
	to {
		-moz-transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
		border-left-color: rgb(30,58,168);
	}
}

@keyframes preload-cycle-1 {
	5% {
		transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
		border-left-color: rgb(30,58,168);
	}
	10%,
		75% {
		transform: rotateZ(60deg) rotateY(0) rotateX(0deg);
		border-left-color: rgb(239,249,52);
	}
	80%,
		100% {
		transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
		border-left-color: rgba(30,58,168,0.97);
	}
}

@-o-keyframes preload-cycle-1 {
	5% {
		-o-transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
		border-left-color: rgb(30,58,168);
	}
	10%,
		75% {
		-o-transform: rotateZ(60deg) rotateY(0) rotateX(0deg);
		border-left-color: rgb(239,249,52);
	}
	80%,
		100% {
		-o-transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
		border-left-color: rgba(30,58,168,0.97);
	}
}

@-ms-keyframes preload-cycle-1 {
	5% {
		-ms-transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
		border-left-color: rgb(30,58,168);
	}
	10%,
		75% {
		-ms-transform: rotateZ(60deg) rotateY(0) rotateX(0deg);
		border-left-color: rgb(239,249,52);
	}
	80%,
		100% {
		-ms-transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
		border-left-color: rgba(30,58,168,0.97);
	}
}

@-webkit-keyframes preload-cycle-1 {
	5% {
		-webkit-transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
		border-left-color: rgb(30,58,168);
	}
	10%,
		75% {
		-webkit-transform: rotateZ(60deg) rotateY(0) rotateX(0deg);
		border-left-color: rgb(239,249,52);
	}
	80%,
		100% {
		-webkit-transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
		border-left-color: rgba(30,58,168,0.97);
	}
}

@-moz-keyframes preload-cycle-1 {
	5% {
		-moz-transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
		border-left-color: rgb(30,58,168);
	}
	10%,
		75% {
		-moz-transform: rotateZ(60deg) rotateY(0) rotateX(0deg);
		border-left-color: rgb(239,249,52);
	}
	80%,
		100% {
		-moz-transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
		border-left-color: rgba(30,58,168,0.97);
	}
}

@keyframes preload-show-2 {
	from {
		transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
		border-left-color: rgb(30,58,168);
	}
}

@-o-keyframes preload-show-2 {
	from {
		-o-transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
		border-left-color: rgb(30,58,168);
	}
}

@-ms-keyframes preload-show-2 {
	from {
		-ms-transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
		border-left-color: rgb(30,58,168);
	}
}

@-webkit-keyframes preload-show-2 {
	from {
		-webkit-transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
		border-left-color: rgb(30,58,168);
	}
}

@-moz-keyframes preload-show-2 {
	from {
		-moz-transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
		border-left-color: rgb(30,58,168);
	}
}

@keyframes preload-hide-2 {
	to {
		transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
		border-left-color: rgb(30,58,168);
	}
}

@-o-keyframes preload-hide-2 {
	to {
		-o-transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
		border-left-color: rgb(30,58,168);
	}
}

@-ms-keyframes preload-hide-2 {
	to {
		-ms-transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
		border-left-color: rgb(30,58,168);
	}
}

@-webkit-keyframes preload-hide-2 {
	to {
		-webkit-transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
		border-left-color: rgb(30,58,168);
	}
}

@-moz-keyframes preload-hide-2 {
	to {
		-moz-transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
		border-left-color: rgb(30,58,168);
	}
}

@keyframes preload-cycle-2 {
	10% {
		transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
		border-left-color: rgb(30,58,168);
	}
	15%,
		70% {
		transform: rotateZ(120deg) rotateY(0) rotateX(0deg);
		border-left-color: rgb(239,249,52);
	}
	75%,
		100% {
		transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
		border-left-color: rgb(30,58,168);
	}
}

@-o-keyframes preload-cycle-2 {
	10% {
		-o-transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
		border-left-color: rgb(30,58,168);
	}
	15%,
		70% {
		-o-transform: rotateZ(120deg) rotateY(0) rotateX(0deg);
		border-left-color: rgb(239,249,52);
	}
	75%,
		100% {
		-o-transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
		border-left-color: rgb(30,58,168);
	}
}

@-ms-keyframes preload-cycle-2 {
	10% {
		-ms-transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
		border-left-color: rgb(30,58,168);
	}
	15%,
		70% {
		-ms-transform: rotateZ(120deg) rotateY(0) rotateX(0deg);
		border-left-color: rgb(239,249,52);
	}
	75%,
		100% {
		-ms-transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
		border-left-color: rgb(30,58,168);
	}
}

@-webkit-keyframes preload-cycle-2 {
	10% {
		-webkit-transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
		border-left-color: rgb(30,58,168);
	}
	15%,
		70% {
		-webkit-transform: rotateZ(120deg) rotateY(0) rotateX(0deg);
		border-left-color: rgb(239,249,52);
	}
	75%,
		100% {
		-webkit-transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
		border-left-color: rgb(30,58,168);
	}
}

@-moz-keyframes preload-cycle-2 {
	10% {
		-moz-transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
		border-left-color: rgb(30,58,168);
	}
	15%,
		70% {
		-moz-transform: rotateZ(120deg) rotateY(0) rotateX(0deg);
		border-left-color: rgb(239,249,52);
	}
	75%,
		100% {
		-moz-transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
		border-left-color: rgb(30,58,168);
	}
}

@keyframes preload-show-3 {
	from {
		transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
		border-left-color: rgb(30,58,168);
	}
}

@-o-keyframes preload-show-3 {
	from {
		-o-transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
		border-left-color: rgb(30,58,168);
	}
}

@-ms-keyframes preload-show-3 {
	from {
		-ms-transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
		border-left-color: rgb(30,58,168);
	}
}

@-webkit-keyframes preload-show-3 {
	from {
		-webkit-transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
		border-left-color: rgb(30,58,168);
	}
}

@-moz-keyframes preload-show-3 {
	from {
		-moz-transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
		border-left-color: rgb(30,58,168);
	}
}

@keyframes preload-hide-3 {
	to {
		transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
		border-left-color: rgb(30,58,168);
	}
}

@-o-keyframes preload-hide-3 {
	to {
		-o-transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
		border-left-color: rgb(30,58,168);
	}
}

@-ms-keyframes preload-hide-3 {
	to {
		-ms-transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
		border-left-color: rgb(30,58,168);
	}
}

@-webkit-keyframes preload-hide-3 {
	to {
		-webkit-transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
		border-left-color: rgb(30,58,168);
	}
}

@-moz-keyframes preload-hide-3 {
	to {
		-moz-transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
		border-left-color: rgb(30,58,168);
	}
}

@keyframes preload-cycle-3 {
	15% {
		transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
		border-left-color: rgb(30,58,168);
	}
	20%,
		65% {
		transform: rotateZ(180deg) rotateY(0) rotateX(0deg);
		border-left-color: rgb(239,249,52);
	}
	70%,
		100% {
		transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
		border-left-color: rgb(30,58,168);
	}
}

@-o-keyframes preload-cycle-3 {
	15% {
		-o-transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
		border-left-color: rgb(30,58,168);
	}
	20%,
		65% {
		-o-transform: rotateZ(180deg) rotateY(0) rotateX(0deg);
		border-left-color: rgb(239,249,52);
	}
	70%,
		100% {
		-o-transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
		border-left-color: rgb(30,58,168);
	}
}

@-ms-keyframes preload-cycle-3 {
	15% {
		-ms-transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
		border-left-color: rgb(30,58,168);
	}
	20%,
		65% {
		-ms-transform: rotateZ(180deg) rotateY(0) rotateX(0deg);
		border-left-color: rgb(239,249,52);
	}
	70%,
		100% {
		-ms-transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
		border-left-color: rgb(30,58,168);
	}
}

@-webkit-keyframes preload-cycle-3 {
	15% {
		-webkit-transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
		border-left-color: rgb(30,58,168);
	}
	20%,
		65% {
		-webkit-transform: rotateZ(180deg) rotateY(0) rotateX(0deg);
		border-left-color: rgb(239,249,52);
	}
	70%,
		100% {
		-webkit-transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
		border-left-color: rgb(30,58,168);
	}
}

@-moz-keyframes preload-cycle-3 {
	15% {
		-moz-transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
		border-left-color: rgb(30,58,168);
	}
	20%,
		65% {
		-moz-transform: rotateZ(180deg) rotateY(0) rotateX(0deg);
		border-left-color: rgb(239,249,52);
	}
	70%,
		100% {
		-moz-transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
		border-left-color: rgb(30,58,168);
	}
}

@keyframes preload-show-4 {
	from {
		transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
		border-left-color: rgb(30,58,168);
	}
}

@-o-keyframes preload-show-4 {
	from {
		-o-transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
		border-left-color: rgb(30,58,168);
	}
}

@-ms-keyframes preload-show-4 {
	from {
		-ms-transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
		border-left-color: rgb(30,58,168);
	}
}

@-webkit-keyframes preload-show-4 {
	from {
		-webkit-transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
		border-left-color: rgb(30,58,168);
	}
}

@-moz-keyframes preload-show-4 {
	from {
		-moz-transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
		border-left-color: rgb(30,58,168);
	}
}

@keyframes preload-hide-4 {
	to {
		transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
		border-left-color: #f0f934;
	}
}

@-o-keyframes preload-hide-4 {
	to {
		-o-transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
		border-left-color: #f0f934;
	}
}

@-ms-keyframes preload-hide-4 {
	to {
		-ms-transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
		border-left-color: #f0f934;
	}
}

@-webkit-keyframes preload-hide-4 {
	to {
		-webkit-transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
		border-left-color: #f0f934;
	}
}

@-moz-keyframes preload-hide-4 {
	to {
		-moz-transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
		border-left-color: #f0f934;
	}
}

@keyframes preload-cycle-4 {
	20% {
		transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
		border-left-color: #f0f934;
	}
	25%,
		60% {
		transform: rotateZ(240deg) rotateY(0) rotateX(0deg);
		border-left-color: #111f85;
	}
	65%,
		100% {
		transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
		border-left-color: #f0f934;
	}
}

@-o-keyframes preload-cycle-4 {
	20% {
		-o-transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
		border-left-color: #f0f934;
	}
	25%,
		60% {
		-o-transform: rotateZ(240deg) rotateY(0) rotateX(0deg);
		border-left-color: #111f85;
	}
	65%,
		100% {
		-o-transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
		border-left-color: #f0f934;
	}
}

@-ms-keyframes preload-cycle-4 {
	20% {
		-ms-transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
		border-left-color: #f0f934;
	}
	25%,
		60% {
		-ms-transform: rotateZ(240deg) rotateY(0) rotateX(0deg);
		border-left-color: #111f85;
	}
	65%,
		100% {
		-ms-transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
		border-left-color: #f0f934;
	}
}

@-webkit-keyframes preload-cycle-4 {
	20% {
		-webkit-transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
		border-left-color: #f0f934;
	}
	25%,
		60% {
		-webkit-transform: rotateZ(240deg) rotateY(0) rotateX(0deg);
		border-left-color: #111f85;
	}
	65%,
		100% {
		-webkit-transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
		border-left-color: #f0f934;
	}
}

@-moz-keyframes preload-cycle-4 {
	20% {
		-moz-transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
		border-left-color: #f0f934;
	}
	25%,
		60% {
		-moz-transform: rotateZ(240deg) rotateY(0) rotateX(0deg);
		border-left-color: #111f85;
	}
	65%,
		100% {
		-moz-transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
		border-left-color: #f0f934;
	}
}

@keyframes preload-show-5 {
	from {
		transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
		border-left-color: #f0f934;
	}
}

@-o-keyframes preload-show-5 {
	from {
		-o-transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
		border-left-color: #f0f934;
	}
}

@-ms-keyframes preload-show-5 {
	from {
		-ms-transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
		border-left-color: #f0f934;
	}
}

@-webkit-keyframes preload-show-5 {
	from {
		-webkit-transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
		border-left-color: #f0f934;
	}
}

@-moz-keyframes preload-show-5 {
	from {
		-moz-transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
		border-left-color: #f0f934;
	}
}

@keyframes preload-hide-5 {
	to {
		transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
		border-left-color: #f0f934;
	}
}

@-o-keyframes preload-hide-5 {
	to {
		-o-transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
		border-left-color: #f0f934;
	}
}

@-ms-keyframes preload-hide-5 {
	to {
		-ms-transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
		border-left-color: #f0f934;
	}
}

@-webkit-keyframes preload-hide-5 {
	to {
		-webkit-transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
		border-left-color: #f0f934;
	}
}

@-moz-keyframes preload-hide-5 {
	to {
		-moz-transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
		border-left-color: #f0f934;
	}
}

@keyframes preload-cycle-5 {
	25% {
		transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
		border-left-color: #f0f934;
	}
	30%,
		55% {
		transform: rotateZ(300deg) rotateY(0) rotateX(0deg);
		border-left-color: #111f85;
	}
	60%,
		100% {
		transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
		border-left-color: #f0f934;
	}
}

@-o-keyframes preload-cycle-5 {
	25% {
		-o-transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
		border-left-color: #f0f934;
	}
	30%,
		55% {
		-o-transform: rotateZ(300deg) rotateY(0) rotateX(0deg);
		border-left-color: #111f85;
	}
	60%,
		100% {
		-o-transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
		border-left-color: #f0f934;
	}
}

@-ms-keyframes preload-cycle-5 {
	25% {
		-ms-transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
		border-left-color: #f0f934;
	}
	30%,
		55% {
		-ms-transform: rotateZ(300deg) rotateY(0) rotateX(0deg);
		border-left-color: #111f85;
	}
	60%,
		100% {
		-ms-transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
		border-left-color: #f0f934;
	}
}

@-webkit-keyframes preload-cycle-5 {
	25% {
		-webkit-transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
		border-left-color: #f0f934;
	}
	30%,
		55% {
		-webkit-transform: rotateZ(300deg) rotateY(0) rotateX(0deg);
		border-left-color: #111f85;
	}
	60%,
		100% {
		-webkit-transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
		border-left-color: #f0f934;
	}
}

@-moz-keyframes preload-cycle-5 {
	25% {
		-moz-transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
		border-left-color: #f0f934;
	}
	30%,
		55% {
		-moz-transform: rotateZ(300deg) rotateY(0) rotateX(0deg);
		border-left-color: #111f85;
	}
	60%,
		100% {
		-moz-transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
		border-left-color: #f0f934;
	}
}

@keyframes preload-show-6 {
	from {
		transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
		border-left-color: #f0f934;
	}
}

@-o-keyframes preload-show-6 {
	from {
		-o-transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
		border-left-color: #f0f934;
	}
}

@-ms-keyframes preload-show-6 {
	from {
		-ms-transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
		border-left-color: #f0f934;
	}
}

@-webkit-keyframes preload-show-6 {
	from {
		-webkit-transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
		border-left-color: #f0f934;
	}
}

@-moz-keyframes preload-show-6 {
	from {
		-moz-transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
		border-left-color: #f0f934;
	}
}

@keyframes preload-hide-6 {
	to {
		transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
		border-left-color: #f0f934;
	}
}

@-o-keyframes preload-hide-6 {
	to {
		-o-transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
		border-left-color: #f0f934;
	}
}

@-ms-keyframes preload-hide-6 {
	to {
		-ms-transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
		border-left-color: #f0f934;
	}
}

@-webkit-keyframes preload-hide-6 {
	to {
		-webkit-transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
		border-left-color: #f0f934;
	}
}

@-moz-keyframes preload-hide-6 {
	to {
		-moz-transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
		border-left-color: #f0f934;
	}
}

@keyframes preload-cycle-6 {
	30% {
		transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
		border-left-color: #f0f934;
	}
	35%,
		50% {
		transform: rotateZ(360deg) rotateY(0) rotateX(0deg);
		border-left-color: #111f85;
	}
	55%,
		100% {
		transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
		border-left-color: #f0f934;
	}
}

@-o-keyframes preload-cycle-6 {
	30% {
		-o-transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
		border-left-color: #f0f934;
	}
	35%,
		50% {
		-o-transform: rotateZ(360deg) rotateY(0) rotateX(0deg);
		border-left-color: #111f85;
	}
	55%,
		100% {
		-o-transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
		border-left-color: #f0f934;
	}
}

@-ms-keyframes preload-cycle-6 {
	30% {
		-ms-transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
		border-left-color: #f0f934;
	}
	35%,
		50% {
		-ms-transform: rotateZ(360deg) rotateY(0) rotateX(0deg);
		border-left-color: #111f85;
	}
	55%,
		100% {
		-ms-transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
		border-left-color: #f0f934;
	}
}

@-webkit-keyframes preload-cycle-6 {
	30% {
		-webkit-transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
		border-left-color: #f0f934;
	}
	35%,
		50% {
		-webkit-transform: rotateZ(360deg) rotateY(0) rotateX(0deg);
		border-left-color: #111f85;
	}
	55%,
		100% {
		-webkit-transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
		border-left-color: #f0f934;
	}
}

@-moz-keyframes preload-cycle-6 {
	30% {
		-moz-transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
		border-left-color: #f0f934;
	}
	35%,
		50% {
		-moz-transform: rotateZ(360deg) rotateY(0) rotateX(0deg);
		border-left-color: #111f85;
	}
	55%,
		100% {
		-moz-transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
		border-left-color: #f0f934;
	}
}

@keyframes preload-flip {
	0% {
		transform: rotateY(0deg) rotateZ(-60deg);
	}
	100% {
		transform: rotateY(360deg) rotateZ(-60deg);
	}
}

@-o-keyframes preload-flip {
	0% {
		-o-transform: rotateY(0deg) rotateZ(-60deg);
	}
	100% {
		-o-transform: rotateY(360deg) rotateZ(-60deg);
	}
}

@-ms-keyframes preload-flip {
	0% {
		-ms-transform: rotateY(0deg) rotateZ(-60deg);
	}
	100% {
		-ms-transform: rotateY(360deg) rotateZ(-60deg);
	}
}

@-webkit-keyframes preload-flip {
	0% {
		-webkit-transform: rotateY(0deg) rotateZ(-60deg);
	}
	100% {
		-webkit-transform: rotateY(360deg) rotateZ(-60deg);
	}
}

@-moz-keyframes preload-flip {
	0% {
		-moz-transform: rotateY(0deg) rotateZ(-60deg);
	}
	100% {
		-moz-transform: rotateY(360deg) rotateZ(-60deg);
	}
}