body, html { overflow-x: hidden; }

body {
    font-size: 1em;
    line-height: 1.4;
    font-family: 'Raleway', sans-serif;
    font-style: normal; 
    -webkit-font-smoothing: antialiased; 
    -webkit-text-size-adjust: 100%;
}

table {font-size: 12px;font-weight: normal;}
h1, h2, h3, h4, h5, h6, span, p { font-family: 'Raleway', sans-serif; }

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

/* cargando */
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff; /* color blanco fondo */
    z-index: 99; /* siempre arriba */
}


/* General */
#main-wrapper {
     overflow: hidden;
}

.templatemo-site-title { 
    color: #fff !important; 
    text-shadow: 0px 2px 3px rgba(0, 0, 0, 1);
	font-size: 48px;
}

.templatemo-site-title a, .templatemo-site-title a:hover { 
	color: #fff;
	text-decoration: none;
}

img.slide {
    width: 100%; 
    z-index: -9999999; 
    position: absolute;
}

.active {
    display: block;
}

.inactive {
    left: 703px;
    display: none;
}

.image-section {
    position: fixed;
}

.image-container {
    position: relative;
}

.image-container img {
    position: absolute;
}

.templatemo-content {
    position: static;
    overflow: hidden; 
    margin-top: 36%;
}

.templatemo-content section {
    font-family: 'Raleway', sans-serif;
    position: relative; 
    overflow: hidden;
    top: 0; 
    background-color: rgba(255,255,255,0.75);
    padding-bottom: 20px;
}


.templatemo-content-wrapper {
    overflow: hidden;
}

.templatemo-content h2 {
    color: #000;
    font-family: 'Raleway', sans-serif;
}

.templatemo-content p {
    font-family: 'Raleway', sans-serif;
    color: #000;
    font-size: 16px;
}

.menu {
    position: fixed; 
    width: 220px;
    z-index: 1; 
    top: 35px;
}

.myButton {
	-moz-box-shadow: inset 0px 1px 3px 0px #91b8b3;
	-webkit-box-shadow: inset 0px 1px 3px 0px #003366;
	box-shadow: inset 0px 1px 3px 0px #003366;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #768d87), color-stop(1, #6c7c7c));
	background: -moz-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
	background: -webkit-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
	background: -o-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
	background: -ms-linear-gradient(top, #768d87 5%, #6c7c7c 100%);


	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#768d87', endColorstr='#6c7c7c',GradientType=0);
	background-color: #cccccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	display: inline-block;
	cursor: pointer;
	color: #ffffff;
	width: 242px;
	height: 40PX;
	font-size: 18px;
	padding: 0px 20px;
	text-decoration: none;
	background-image: -webkit-gradient(linear, 50.00% 0.00%, 50.00% 100.00%, color-stop( 0% , rgba(129,187,204,1.00)),color-stop( 100% , rgba(37,125,173,1.00)));
	background-image: -webkit-repeating-linear-gradient(270deg,rgba(129,187,204,1.00) 0%,rgba(37,125,173,1.00) 100%);
	background-image: repeating-linear-gradient(180deg,rgba(129,187,204,1.00) 0%,rgba(37,125,173,1.00) 100%);
	background-position: bottom;
	border: 2px solid #003399;
	background:url(../images/fecha2.png);
	background-repeat: no-repeat;
}
.myButton:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #6c7c7c), color-stop(1, #0FF));
	background: -moz-linear-gradient(top, #6c7c7c 5%, #0FF 100%);
	background: -webkit-linear-gradient(top, #6c7c7c 5%, #0FF 100%);
	background: -o-linear-gradient(top, #6c7c7c 5%, #0FF 100%);
	background: -ms-linear-gradient(top, #6c7c7c 5%, #0FF 100%);
	background: linear-gradient(to bottom, #6c7c7c 5%, #0FF 100%);
	background:url(../images/maestrias/fecha1.png);
	background-repeat: no-repeat;


	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6c7c7c', endColorstr='#768d87',GradientType=0);
	background-color: #006699;
	color: #FC3;
}
.myButton:active {
	position: relative;
	top: 1px;
	background-color: #219DC7;
}

.myBuscar{



	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#768d87', endColorstr='#6c7c7c',GradientType=0);
	background-color: #cccccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	display: inline-block;
	cursor: pointer;
	color: #009;
	width: 170px;
	height: 40PX;
	font-size: 18px;
	padding: 0px 50px;
	text-decoration: none;
	background-image: -webkit-gradient(linear, 50.00% 0.00%, 50.00% 100.00%, color-stop( 0% , rgba(129,187,204,1.00)),color-stop( 100% , rgba(37,125,173,1.00)));
	background-image: -webkit-repeating-linear-gradient(270deg,rgba(129,187,204,1.00) 0%,rgba(37,125,173,1.00) 100%);
	background-image: repeating-linear-gradient(180deg,rgba(129,187,204,1.00) 0%,rgba(37,125,173,1.00) 100%);
	background-position: bottom;
	border: 2px solid #003399;
	background:url(../images/busca60px.png);
	background-repeat: no-repeat;
}
.myBuscar:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #6c7c7c), color-stop(1, #0FF));
	background: -moz-linear-gradient(top, #6c7c7c 5%, #0FF 100%);
	background: -webkit-linear-gradient(top, #6c7c7c 5%, #0FF 100%);
	background: -o-linear-gradient(top, #6c7c7c 5%, #0FF 100%);
	background: -ms-linear-gradient(top, #6c7c7c 5%, #0FF 100%);
	background: linear-gradient(to bottom, #6c7c7c 5%, #0FF 100%);
	background:url(../images/busca60px2.png);
	background-repeat: no-repeat;


	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6c7c7c', endColorstr='#768d87',GradientType=0);
	background-color: #006699;
	color: #FC3;
}
.myBuscar:active {
	position: relative;
	top: 1px;
	background-color: #219DC7;
}





#principal {
	width: 242px;
	border: 2px;
	border:#CCC;
	margin-left:10px;	
	height: auto;
	text-align: center;
	font-size: 12px;	
	background-color: #CCC;
	border-radius: 6px;
	background: rgba(181,209,227,1);
	background: -moz-radial-gradient(center, ellipse cover, rgba(181,209,227,1) 0%, rgba(111,159,195,1) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(181,209,227,1)), color-stop(100%, rgba(111,159,195,1)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(181,209,227,1) 0%, rgba(111,159,195,1) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(181,209,227,1) 0%, rgba(111,159,195,1) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(181,209,227,1) 0%, rgba(111,159,195,1) 100%);
	background: radial-gradient(ellipse at center, rgba(181,209,227,1) 0%, rgba(111,159,195,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5d1e3', endColorstr='#6f9fc3', GradientType=1 );
}

#ModoAdmin {
	width: 242px;
	border: 2px;
	border:#CCC;
	margin-left:10px;	
	height: auto;
	text-align: center;
	font-size: 12px;	
	background-color: #CCC;
	border-radius: 6px;
	background: rgba(181,209,227,1);
	background: -moz-radial-gradient(center, ellipse cover, rgba(181,209,227,1) 0%, rgba(111,159,195,1) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(181,209,227,1)), color-stop(100%, rgba(111,159,195,1)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(181,209,227,1) 0%, rgba(111,159,195,1) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(181,209,227,1) 0%, rgba(111,159,195,1) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(181,209,227,1) 0%, rgba(111,159,195,1) 100%);
	background: radial-gradient(ellipse at center, rgba(181,209,227,1) 0%, rgba(111,159,195,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5d1e3', endColorstr='#6f9fc3', GradientType=1 );
}


#cabecera {

	width:99%;
	height:auto;	
	border: 2px;
	border:#CCC;
	margin-left:10px;
	border-radius: 6px;
	background: rgba(181,209,227,1);
	background: -moz-radial-gradient(center, ellipse cover, rgba(181,209,227,1) 0%, rgba(111,159,195,1) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(181,209,227,1)), color-stop(100%, rgba(111,159,195,1)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(181,209,227,1) 0%, rgba(111,159,195,1) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(181,209,227,1) 0%, rgba(111,159,195,1) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(181,209,227,1) 0%, rgba(111,159,195,1) 100%);
	background: radial-gradient(ellipse at center, rgba(181,209,227,1) 0%, rgba(111,159,195,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5d1e3', endColorstr='#6f9fc3', GradientType=1 );
}

#cmdAPP {
	width: 242px;
	border: 2px;
	border:#CCC;
	margin-left:10px;	
	height: 48PX;
	text-align: center;
	font-size: 12px;	
	background-color: #CCC;
	border-radius: 6px;
	background: rgba(181,209,227,1);
	background: -moz-radial-gradient(center, ellipse cover, rgba(181,209,227,1) 0%, rgba(111,159,195,1) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(181,209,227,1)), color-stop(100%, rgba(111,159,195,1)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(181,209,227,1) 0%, rgba(111,159,195,1) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(181,209,227,1) 0%, rgba(111,159,195,1) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(181,209,227,1) 0%, rgba(111,159,195,1) 100%);
	background: radial-gradient(ellipse at center, rgba(181,209,227,1) 0%, rgba(111,159,195,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5d1e3', endColorstr='#6f9fc3', GradientType=1 );
}


#chuchin {
	width: 242px;
	border: 2px;
	border: #CCC;
	margin-left: 10px;
	height: 152px;
	text-align: center;
	font-size: 12px;
	background-color: #CCC;
	border-radius: 6px;
	position: absolute;
	bottom: 25px;
	left: 0px;
	background: rgba(181,209,227,1);
	background: -moz-radial-gradient(center, ellipse cover, rgba(181,209,227,1) 0%, rgba(111,159,195,1) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(181,209,227,1)), color-stop(100%, rgba(111,159,195,1)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(181,209,227,1) 0%, rgba(111,159,195,1) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(181,209,227,1) 0%, rgba(111,159,195,1) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(181,209,227,1) 0%, rgba(111,159,195,1) 100%);
	background: radial-gradient(ellipse at center, rgba(181,209,227,1) 0%, rgba(111,159,195,1) 100%);






	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5d1e3', endColorstr='#6f9fc3', GradientType=1 );
}

#mostrandoremix {
	width: 99%;
	height:auto;
	border: 2px;
	border:#CCC;
	margin-left:10px;	
	text-align: center;
	font-size: 12px;	
	background-color: #FFF;
	border-radius: 6px;
	position:absolute;
	left:0px;	
}






/* ================================================================== */
.CMD_EMPRESAS_AUDI {
width:200px; background-color:#FFF;
 height:100px;
 -webkit-border-top-right-radius:8px;
 -webkit-border-top-left-radius:8px; 
 text-align:center; 
 background-image:url(../assets/img/usuario1.png); 
 background-repeat:no-repeat; 
 background-position:center; 
 margin:auto;
}
.CMD_EMPRESAS_AUDI:hover {
	
	background-color:#9ccd4e;
	color:#000;
	background-image:url(../assets/img/usuario2.png);
	background-repeat:no-repeat;
	background-position:center;
}
.CMD_EMPRESAS_AUDI:active {
	background-color:#FFF;
	color:#FFF;
	background-image:url(../assets/img/usuario1.png);
	background-repeat:no-repeat;
	background-position:center;

}

/* ================================================================== */
.CMD_EMPRESAS_CALI
{
width:200px;
background-color:#FFF;
height:100px;
-webkit-border-top-right-radius:8px;
-webkit-border-top-left-radius:8px;
text-align:center;
background-image:url(../assets/img/lupa1.png);
background-repeat:no-repeat;
background-position:center;
}
.CMD_EMPRESAS_CALI:hover {
	background-color:#9ccd4e;
	color:#000;
	background-image:url(../assets/img/lupa2.png);
	background-repeat:no-repeat;
	background-position:center;
}
.CMD_EMPRESAS_CALI:active {
	background-color:#FFF;
	color:#FFF;

}
/* ================================================================== */
.cmd_verde_inf {
	margin-top:10px;
	width:430px;
	height:38px;
	border-radius:8px;
	background-color:#8fc144;
	background-image:url(../assets/img/FLECHA1.png);
	background-repeat:no-repeat;
	background-position:left;
	text-align:center;
	color:#FFF;
	font-size:14px;
	margin-left:auto; 
	margin-right:auto;
	font-size:18px;
}
.cmd_verde_inf:hover {
	background-color:#FFF;
	background-image:url(../assets/img/FLECHA2.png);
	background-position:left;
	background-repeat:no-repeat;
	color:#000;
}
.cmd_verde_inf:active {
	background-color:#0C3;
	background-image:url(../assets/img/FLECHA1.png);
	background-position:left;
	background-repeat:no-repeat;
	color:#FFF;
}



.CMD_INTERNO
{
width:200px; background-color:#08699c; height:30%; text-align:center; color:#FFF;  -webkit-border-bottom-right-radius:8px;-webkit-border-bottom-left-radius:8px;font-size:18px; padding-top:20px; height:80px;
}
.CMD_INTERNO:hover {
	background-color:#f6b124;
	color:#369;
}
/* ================================================================== */
.CMD_REGISTROX {
  width:200px;
  height:60px;
  text-align:center;
  padding-top:10px;
  padding-left:10px;
  border-radius:8px;
  color:#FFF;
  font-size: 18px;
  background-color:#f6b124;
  margin:auto;
  }
.CMD_REGISTROX:hover {
	border-top-color:#FFF;
	background: #FC0;
	color: #69C;
   }
.CMD_REGISTROX:active {
	background-color:#FC0;
   
   }
   
/*===========================================================================================*/














.cmd_instructivo {
   border-top: 1px solid #adadad;
   padding: 2px 2px;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
   
   color: white !important;
   font-size: 14px;

   text-decoration: none;
   vertical-align: middle;
   width:99%;
   background-color:#08699c;
  }
.cmd_instructivo:hover {
	border-top-color: #336;
	background: #36C;
	color: #69C;
   }
.cmd_instructivo:active {
	background-color:#003366;
   
   }



/*=ACORDION ==========================================================================================*/


.accordion {
  background-color:#08699c;

  width: 430px;
  height:38px;

  border: none;

  transition: 0.4s;

  border-radius:8px;
   text-align:center;
  color:#FFF;
  font-size:18px;
  margin-left:auto;
  margin-right:auto;
  margin-top:10px;

}
.active, {
  background-color: #08699c;
}

.accordion:hover {
	background-color:#8fc144;
	border-bottom-color:#009;
	color:#FFF;

}
.panel_accordion {
  border-radius:8px;
  padding:10px;

  background-color: white;
  display: none;
  overflow: hidden;
  margin-top:8px;
  margin-left:auto;
  margin-right:;
  text-align:center;
} 
/*=FIN ACORDION ==========================================================================================*/


















# {
    background-color: rgba(0, 0, 0,0.5);
    font-size: 16px; 
    padding: 0;
}

# > li {
    display: block;
}


# > li > a {
    font-family: 'Raleway', sans-serif; 
    padding: 10px 0 10px 30px; 
    text-decoration: none; 
    display: block;
    color: #fff; 
}

# > .active > a,
# > li > a:hover { 
    background-color: rgba(255,255,255,0.25);
}


#responsive {
    font-size: 16px;
    padding: 0;
    background-color: rgba(0,0,0,0.5);
}

#responsive li {
    display: block;
}

#responsive li a {
    font-family: 'Raleway', sans-serif; 
    color: #fff; 
    text-decoration: none; 
    padding: 10px 0;
    display: block;
}

#responsive > .active > a,
#responsive li a:hover {
    background-color: rgba(0,0,0,0.5);
}

#map-canvas {
	height: 256px;
	margin-bottom: 10px;
}

.templatemo-content {
    padding-bottom: 6%;
}

.footer {
    overflow: hidden; 
    position: fixed; 
    bottom: 10px;
}

.footer-text {
    font-family: 'Raleway', sans-serif; 
    color: #fff; 
    text-shadow: 0px 2px 3px rgba(0, 0, 0, 1);
    margin-left: 30px;
    font-size: 14px;
}

.footer-text a, .footer-text a:hover { 
	color: #fff;
	text-decoration: none;
}

@media (max-width: 991px) {
    .footer {
        overflow:hidden; 
        position:static;
        text-align: center;
        
    }
    .footer-text {
        margin-left: 0;
    }
}