/* Generated by Font Squirrel (http://www.fontsquirrel.com) on December 21, 2015 */



@font-face {
    font-family: 'allerbold';
    src: url('../fonts/aller_bd-webfont.eot');
    src: url('../fonts/aller_bd-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/aller_bd-webfont.woff2') format('woff2'),
         url('../fonts/aller_bd-webfont.woff') format('woff'),
         url('../fonts/aller_bd-webfont.ttf') format('truetype'),
         url('../fonts/aller_bd-webfont.svg#allerbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'allerbold_italic';
    src: url('../fonts/aller_bdit-webfont.eot');
    src: url('../fonts/aller_bdit-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/aller_bdit-webfont.woff2') format('woff2'),
         url('../fonts/aller_bdit-webfont.woff') format('woff'),
         url('../fonts/aller_bdit-webfont.ttf') format('truetype'),
         url('../fonts/aller_bdit-webfont.svg#allerbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'alleritalic';
    src: url('../fonts/aller_it-webfont.eot');
    src: url('../fonts/aller_it-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/aller_it-webfont.woff2') format('woff2'),
         url('../fonts/aller_it-webfont.woff') format('woff'),
         url('../fonts/aller_it-webfont.ttf') format('truetype'),
         url('../fonts/aller_it-webfont.svg#alleritalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'aller_lightregular';
    src: url('../fonts/aller_lt-webfont.eot');
    src: url('../fonts/aller_lt-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/aller_lt-webfont.woff2') format('woff2'),
         url('../fonts/aller_lt-webfont.woff') format('woff'),
         url('../fonts/aller_lt-webfont.ttf') format('truetype'),
         url('../fonts/aller_lt-webfont.svg#aller_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'aller_lightitalic';
    src: url('../fonts/aller_ltit-webfont.eot');
    src: url('../fonts/aller_ltit-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/aller_ltit-webfont.woff2') format('woff2'),
         url('../fonts/aller_ltit-webfont.woff') format('woff'),
         url('../fonts/aller_ltit-webfont.ttf') format('truetype'),
         url('../fonts/aller_ltit-webfont.svg#aller_lightitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'allerregular';
    src: url('../fonts/aller_rg-webfont.eot');
    src: url('../fonts/aller_rg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/aller_rg-webfont.woff2') format('woff2'),
         url('../fonts/aller_rg-webfont.woff') format('woff'),
         url('../fonts/aller_rg-webfont.ttf') format('truetype'),
         url('../fonts/aller_rg-webfont.svg#allerregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body{ font-family: 'aller_lightregular', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif!important;}

.renglon10{margin-top:10px;overflow:auto;clear:both;}
.renglon20{margin-top:20px;overflow:auto;clear:both;}
.renglon40{margin-top:40px;overflow:auto;clear:both;}

p{font-size:1em}

a{color:#47871D}

p a:hover, p a:focus{color:#47871D;text-decoration:underline;}

.boton.rojo a{
	background: #F24B48;
	border-radius: 25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	font-size:1.0em;
	text-align:center;
	padding:7px 50px;
	color:#fff;
	font-family: 'allerregular';
	text-transform:uppercase;
	float:right;
	margin-top:20px;
}

.boton.rojo a:hover, .boton.rojo a:focus{
	background: #FF8000;
	 -moz-transition:ease-in-out 1s;
  -webkit-transition: ease-in-out 0.5s;
  -o-transition: ease-in-out 0.5s;
  transition: ease-in-out 0.5s;
  text-decoration:none;
}	

.encabezado{
	background: rgba(132,184,93,1);
background: -moz-linear-gradient(left, rgba(132,184,93,1) 0%, rgba(180,200,68,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(132,184,93,1)), color-stop(100%, rgba(180,200,68,1)));
background: -webkit-linear-gradient(left, rgba(132,184,93,1) 0%, rgba(180,200,68,1) 100%);
background: -o-linear-gradient(left, rgba(132,184,93,1) 0%, rgba(180,200,68,1) 100%);
background: -ms-linear-gradient(left, rgba(132,184,93,1) 0%, rgba(180,200,68,1) 100%);
background: linear-gradient(to right, rgba(132,184,93,1) 0%, rgba(180,200,68,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#84b85d', endColorstr='#b4c844', GradientType=1 );

	}
	
.marca{
	background-image:url(../graficasRDS/bg-encab.png);
background-position:center right;
background-repeat:no-repeat;
padding-bottom:0px;
}

.marca.admin{padding-top:15px;padding-bottom:0;}	

.marca.rg{padding-bottom:20px;}
	
.navbar.navbar-default.fondo-menu{
 padding: 0px 0;
 color: #fff;
 background-color: rgba(0, 0, 0, 0.2);
overflow:auto;
border:none!important;
}

ul.nav.navbar-nav.navbar-right > li {
  font-size:1em;
  padding-left:3px;
  padding-right:3px;
}

ul.nav.navbar-nav.navbar-right > li > a {
  color: #fff;
   border-bottom: 4px solid transparent;
}

ul.nav.navbar-nav.navbar-right a:hover,
ul.nav.navbar-nav.navbar-right a:focus {
  color: #FFD67B;
   background-color: rgba(0, 0, 0, 0.2);
   border-bottom: 4px solid #FFD67B;
  /* esta transiciÃ³n afectarÃ¡ al color de fondo de cada item */
  -moz-transition:ease-in-out 1s;
  -webkit-transition: ease-in-out 0.5s;
  -o-transition: ease-in-out 0.5s;
  transition: ease-in-out 0.5s;
}
ul.nav.navbar-nav.navbar-right{float:left!important;}
.navbar-nav > li > a {
    padding-bottom: 11px;
    padding-top: 15px;
	padding-left:17px;
	padding-top:17px;
}

button[type="button"].navbar-toggle.collapsed{
	padding-right:10px;color:#fff!important;border-color:#fff;
	}
	
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #B4C845;
}
span.icon-bar{color:#fff!important;}	

.logo{margin-bottom:10px;}

.registrese a{
	background: none;
	border:2px solid #fff;
	border-radius: 25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	display:block;
	font-size:1.3em;
	text-align:center;
	padding:7px 0;
	color:#fff;
	font-family: 'allerregular';
}

.registrese a:hover, .registrese a:focus{
	background: #F24B48;
	border:2px solid #F24B48;
	 -moz-transition:ease-in-out 1s;
  -webkit-transition: ease-in-out 0.5s;
  -o-transition: ease-in-out 0.5s;
  transition: ease-in-out 0.5s;
  text-decoration:none;
}

.registrese.admin h2{
	color:#fff;
	font-family: 'allerbold';
	text-align:right;
	padding-top:30px;
}

input.registrese[type="button"], input.registrese[type="submit"] {
	background: none;
	border:2px solid #fff;
	border-radius: 25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	float:right;
	font-size:1.3em;
	text-align:center;
	padding:7px 30px;
	color:#fff;
	font-family: 'allerregular';
	margin-right:40px;
}

input.registrese[type="button"]:hover, input.registrese[type="submit"]:hover{
	background: #F24B48;
	border:2px solid #F24B48;
	 -moz-transition:ease-in-out 1s;
  -webkit-transition: ease-in-out 0.5s;
  -o-transition: ease-in-out 0.5s;
  transition: ease-in-out 0.5s;
  text-decoration:none;
}

input.registrese.intente[type="submit"] {
	margin-right:0px!important;
	float:left;
	width:100%;
}

.transaccion{margin-bottom:10px;}

.registrese.consulte input[type="button"]{
	margin-top:40px!important;
	font-size:1.2em;
	background: none;
	border:2px solid #fff;
	border-radius: 25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	display:block;
	text-align:center;
	padding:7px 70px;
	color:#fff;
	font-family: 'allerregular';
}

a.inicie-sesion{
	text-align:center;
	color:#fff;
	font-size: 1.2em;
	padding:5px 20px;
	border:2px solid transparent;
	clear:both;
	margin-top:5px;
	}
	
a.inicie-sesion{
	text-decoration:none;
	}
	
.redes-buscador		{
	border-bottom:1px solid #C8DFA7;
	background-color: rgba(255, 255, 255, 0.3);
	clear:both;
	}
	
.boletin{
	background: url(../graficasRDS/bg-boletin.png) left top no-repeat; 
	min-height:53px;
	clear:both;
	overflow:auto; 
	position:relative;
	border-top:1px solid #C3DDAB;
	}
	
.nombre-usuario h3{
	color:#395024;
	font-size:16px;
	font-family: 'allerbold';
	text-align:right;
	padding: 10px 0 10px 0;
	margin:0 0 0 0;
	}	
	
.nombre-usuario h3 span{padding-right:10px;}		
	
input[type="email"].input-boletin{
	border-radius: 25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	border-color:transparent;
	margin:0px 0 5px 0px;
	float:left;
	padding:5px 5px 5px 15px!important;
	color:#3B5024!important;
	float:left;
	}
		
button[type="button"].avion{
	float:right;
	border:none!important;
	background-color:transparent;
	background-image:url(../graficasRDS/avion.png);
	background-repeat:no-repeat;
	width:39px;
	height:26px;
	position:absolute;
	bottom:10px;
	right:5px!important;
	}	
	
button[type="submit"].avion{
	float:right;
	border:none!important;
	background-color:transparent;
	background-image:url(../graficasRDS/avion.png);
	background-repeat:no-repeat;
	width:36px;
	height:24px;
	background-size:90%;
	position:absolute;
	bottom:10px;
	right:15px;
	}		
	
	
	
.boletin span{
	color:#3B5024;
	margin:0px 0 0 47px;
	padding-top:15px!important;
	font-family:allerbold;
	font-size:1.2em;
	float:left;
	}
	
.redes{
	padding-left:60px;
	border-top:1px solid #C3DDAB;
}

.busc{border-top:1px solid #C3DDAB;}

.redes .capsula{
	 border-left:1px solid #C8DFA7;
	/* padding: 15px;*/
	 overflow:auto;
	 float:left;
	 height:51px;
	 }

.twitter a{
	background:  url(../graficasRDS/ico-x.svg) 0 0;
	width:20px;
	height:20px;
	margin:20px 11px 0 11px;
	float:left;
	}
	
.twitter a:hover, .twitter a:focus{
	background:  url(../graficasRDS/ico-x-hover.svg) 0 0;
	}	
	
.facebook a{
	background:  url(../graficasRDS/1sabanaRDS.png) -19px 0;
	width:11px;
	height:22px;
	float:left;
	margin: 15px 20px 0 20px;
	}
	
.facebook a:hover, .facebook a:focus{
	background:  url(../graficasRDS/1sabanaRDS.png) -19px -27px;
	}
	
.enviar a{
	background:  url(../graficasRDS/1sabanaRDS.png) -101px 0;
	width:29px;
	height:18px;
	float:left;
	margin: 0 5px;
	}
	
.enviar a:hover, .enviar a:focus{
	background:  url(../graficasRDS/1sabanaRDS.png) -101px -19px;
	}	
		

.contacto a{
	border-right:#C8DFA7;
	background:  url(../graficasRDS/1sabanaRDS.png) -31px 0;
	width:22px;
	height:14px;
	float:left;
	margin:20px 15px 0 15px;
	}
	
.contacto a:hover, .contacto a:focus{
	background:  url(../graficasRDS/1sabanaRDS.png) -31px -15px;
	}		
	
.mapasitio a{
	border-right:#C8DFA7;
	background:  url(../graficasRDS/1sabanaRDS.png) -75px 0;
	width:25px;
	height:18px;
	float:left;
	margin:15px 15px 0 15px;
	}
	
.mapasitio a:hover, .mapasitio a:focus{
	background:  url(../graficasRDS/1sabanaRDS.png) -75px -19px;
	}
	
.input-group.col-md-3.pull-right{margin-bottom:5px; position:relative;}		
	
input.form-control.campo-buscador[type="text"]{
	background:#fff;
	border-radius: 15px!important;
	-moz-border-radius: 15px!important;
	-webkit-border-radius: 15px!important;
	border:1px solid #B5CE89!important;
	margin-top:10px;
	}
	
	
button.btn.btn-primary.busca[type="submit"]	{
	border-radius: 0 15px 15px 0;
	-moz-border-radius: 0 15px 15px 0;
	-webkit-border-radius: 0 15px 15px 0;
	background:#90A037;
	/*margin-left:-12px;*/
	margin-top:10px;
	border:1px solid #90A037!important;
	padding-left:15px!important;
	position:absolute;
	right:-12px;
	z-index:100;
	}
	
#sidebar-wrapper button.btn.btn-primary.busca[type="submit"]	{
	border-radius: 0 15px 15px 0;
	-moz-border-radius: 0 15px 15px 0;
	-webkit-border-radius: 0 15px 15px 0;
	background:#90A037;
	/*margin-left:-12px;*/
	margin-top:10px;
	border:1px solid #90A037!important;
	padding-left:15px!important;
	position:absolute;
	right:-12px;
	z-index:100;
	top: 0px;
	}		
			
	
.contenidos-ini,
.contenidos-sec{margin-bottom:40px;}	
	
.banner728x90{margin:20px 0 ;}

.intro{
	padding:20px 0!important;
	float:left;}

.intro h2{ 
	margin:0 0 0 0;
	text-align:center;
	font-size:1.6em;
	line-height:125%;
	padding:0 0 0 0!important;
}

.novedades{
	margin-bottom:20px;
	overflow:auto!important;
}

.novedades .capsula{
	background:#EDEDE5;
	border:2px solid #EDEDE5;
	}
	
.row.dos-not .capsula{
	height:500px;
	background:#EDEDE5;
	border:2px solid #EDEDE5;
	}	

.capsula.ppal{
	overflow:auto;
	border:2px solid #EDEDE5;
}

.capsula.ppal img{
	margin-left:-15px;
	}

.capsula.ppal h3 a{
	padding-top:20px;
	}
	

.novedades .capsula.nota-completa{background:none!important;}
.novedades .capsula.recursos{
	background:none!important;
	border-bottom: 1px solid #c8dfa7;
	overflow:auto;
	padding: 20px 0 20px 0;}

.novedades .capsula.nota-completa p, .novedades .capsula.recursos p{font-size:1.1em;}

.novedades .capsula.nota-completa img, .novedades .capsula.recursos img{margin-bottom:20px;}

.capsula.recursos h3.peque{padding-top:0!important;margin-top:0!important;}

.novedades .capsula h3{
	font-size:1.6em;
	line-height:125%;
	font-family: 'allerbold';
	padding:0 20px 10px 20px;
	margin:10px 0 0 0;
}

.novedades .capsula.nota-completa h3{
	font-size:2em;
	line-height:125%;
	font-family: 'allerbold';
	padding:0 20px 10px 20px;
	margin:10px 0 20px 0;
}

.novedades .capsula h3.peque{
	font-size:1.3em;
}

.capsula.sinfoto{border:none!important;}

.novedades .capsula h3.peque.sinfoto{
	padding:0 0px 10px 0px;	
}

.novedades .capsula h3 a, .novedades .capsula h3.peque a{
	color:#000;
}

.novedades .capsula h3 a:hover, .novedades .capsula h3 a:focus,
.novedades .capsula h3.peque a:hover, .novedades .capsula h3.peque a:focus{
	color:#729F44;
	text-decoration:none;
}

.novedades .capsula p{
	padding:10px 20px;
	}
	
.novedades .capsula p.peque{
	font-size:0.95em;
	}
	
.novedades .capsula.sinfoto{
	margin-top:20px;
	border-bottom:1px solid #EDEDE5;
	background:none!important;
	}	
	
.novedades .capsula p.peque.sinfoto{
	padding:10px 0;
	}
	
.novedades .capsula p a{color:#729F44
	}			
	
.novedades .capsula .categoria{
	font-size:0.8em;
	text-transform:uppercase;
	padding:6px 20px 4px 20px;
	font-family: 'allerbold';
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	vertical-align:middle;
}

.novedades .capsula .categoria a{
	padding: 0 5px;
	color:#729F44;
}

.novedades .capsula .categoria.sinfoto{
	padding:6px 0px 4px 0px;
	font-family: 'allerbold';
	border-top:1px solid #EDEDE5;
	border-bottom:1px solid #EDEDE5;
	vertical-align:middle;
}

.dos-not{margin-top: 40px;}	

a.mas{
	background:url(../graficasRDS/mas.png) top no-repeat;
	height:14px;
	width:14px;
	display:inline-block;
	margin-left:5px;
	vertical-align:middle;
}

a.mas:hover, a.mas:focus{
	background:url(../graficasRDS/mas.png) bottom no-repeat;
}

.banner-pago{margin-bottom:10px;}

.banner-google-336x280{
	margin-bottom:10px;
	margin-left:7px;
	}
	
.lo-mas{}

.lo-mas .nav-tabs > li{
  font-family: 'allerbold';
  font-size:1.1em;}

.lo-mas .nav-tabs > li.active > a,
.lo-mas .nav-tabs > li.active > a:hover,
.lo-mas .nav-tabs > li.active > a:focus {
  background:#6D9448!important;
  border:1px solid #6D9448;
  color:#fff;
   }
   
  .lo-mas .nav-tabs > li > a{background:#EDEDE5;} 

.lo-mas #my-tab-content{
	background:#6D9448; 
	padding:10px;
	color:#fff;
	min-height:200px;
	height:auto;
	}
	
.lo-mas #my-tab-content ol {padding-top:20px; margin-left:0px!important;padding-left:20px!important;}		
	
.lo-mas #my-tab-content ol li{font-size:1.1em; margin-bottom:10px; margin-left:0px!important; padding-left:10px;}	

.lo-mas #my-tab-content ol li a{color:#fff;}	
	
	
.banner-google-160x600{
	margin-bottom:10px;
	width:100%;
	}	
	
.cursos{
	border-top: 1px solid #C8DFA7
	}	
	
.container-moodle{
	}	
	
.publicidad{
	margin-top:60px;
	}
	
.moodle{
	margin-top:30px;
	background:#B1C745 url(../graficasRDS/bg-moodle.png) right bottom no-repeat;
	display:block;
	padding-bottom:0px;
	height:111px;
	}
	
.ico-moodle{
	background:url(../graficasRDS/bg-ico-moodle.png) top left no-repeat;
	height:125px;
	margin-left:-15px;
	background-size:contain;
	}
	
.moodle h3{
	color:#fff;
	font-size:2.2em;
	padding-top:0px;
	margin-top:10px!important;
	}
.ingrese-moodle{padding-top:30px;}
	
.ingrese-moodle a{
	background: none;
	border:2px solid #fff;
	border-radius: 25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	display:block;
	font-size:1.5em;
	text-align:center;
	padding:7px 0;
	color:#fff;
	font-family: 'allerregular';
	margin-top:20px;
}

.ingrese-moodle.sec a{
	font-size:1.2em;
	overflow:auto;
	margin-bottom:20px;
	min-height:40px;
}

.ingrese-moodle.archivo{padding-bottom:0!important;}

.ingrese-moodle.archivo a
{
	margin-top:0px!important;
	font-size:1.1em;
	text-align:center;
	padding:3px 0;
	margin-bottom:10px;
	}

.ingrese-moodle a:hover, .ingrese-moodle a:focus{
	background: #F24B48;
	border:2px solid #F24B48;
	 -moz-transition:ease-in-out 1s;
  -webkit-transition: ease-in-out 0.5s;
  -o-transition: ease-in-out 0.5s;
  transition: ease-in-out 0.5s;
  text-decoration:none;
}	

.mercado{
	background:#D8E49F;
	margin-top:40px;
	padding:40px 0;
	}
	
.mercado h2{
	font-size:4em;
	color:#666948;
	margin:0 0 40px 0;
	padding:0 0 0 0;
	letter-spacing:-2px;
	}	

.mercado .registrese a{
	background: #F24B48;
	border:2px solid #F24B48;
	border-radius: 25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	display:block;
	font-size:1.3em;
	text-align:center;
	padding:9px 0;
	color:#fff;
	font-family: 'allerregular';
	margin-top:10px;
}

.mercado .registrese a:hover, .mercado .registrese a:focus{
	background: #ff8000;
	border:2px solid #ff8000;
	 -moz-transition:ease-in-out 1s;
  -webkit-transition: ease-in-out 0.5s;
  -o-transition: ease-in-out 0.5s;
  transition: ease-in-out 0.5s;
  text-decoration:none;
	color:#fff;
}
	
/****/
img {
	width: 100%;
}

figure {
	margin: 0;
	padding: 0;
	height: auto;
	position: relative;
	display: block;
	cursor: pointer;
	overflow: hidden;
}

figure:hover figcaption {
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	filter: alpha(opacity=100);
	opacity: 1;
	top: 0;
}

figcaption {
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	filter: alpha(opacity=0);
	opacity: 0;
	position: absolute;
	height: 100%;
	width: 100%;
	top: 250px;
	background: rgba(0,0,0,.6);
	color: #fff;
	-webkit-transition: all .9s ease;
	-moz-transition: all .9s ease;
	-o-transition: all .9s ease;
	-ms-transition: all .9s ease;
	transition: all .9s ease;
	-webkit-transition-delay: .5s;
	-moz-transition-delay: .5s;
	-o-transition-delay: .5s;
	-ms-transition-delay: .5s;
	transition-delay: .5s;
}

figcaption h3 {
	font-family: 'allerbold';
	color: #fff;
	text-align:center;
	padding: 10px 20px;
	margin-bottom: 0;
	position: relative;
	right: 100%;
	margin-top: 87px;
	font-size: 1.8em;
	-webkit-transition: all .9s ease;
	-moz-transition: all .9s ease;
	-o-transition: all .9s ease;
	-ms-transition: all .9s ease;
	transition: all .9s ease;
}

figcaption h3.adentro {
	margin-top: 37px;
	font-size: 1.4em;
}

figcaption p {
	font-family: 'Open sans';
	padding: 10px 20px;
	margin-bottom: 0;
	margin-top: 20px;
	position: relative;
	left: 100%;
	font-size: 13px;
	-webkit-transition: all .9s ease;
	-moz-transition: all .9s ease;
	-o-transition: all .9s ease;
	-ms-transition: all .9s ease;
	transition: all .9s ease;
}

figure:hover h3,figure:hover p {
	left: 0;
}

.producto{margin-bottom:20px;}

/*****/

a.mas-mercado {
	background:url(../graficasRDS/mas-mercado.png) top;
	height:38px;
	width:38px;
	display:block;
	margin:0px auto;
	margin-top:0px;
}

a.mas-mercado:hover {
	background:url(../graficasRDS/mas-mercado.png) bottom;
}				


.boton.rojo.mercado a{
	background: #F24B48;
	border-radius: 25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	font-size:1.0em;
	text-align:center;
	padding:7px 50px;
	color:#fff;
	font-family: 'allerregular';
	text-transform:uppercase;
	margin: 0 auto;
	margin-top:0px;
}

.boton.rojo.mercado a:hover, .boton.rojo.mercado a:focus{
	background: #FF8000;
	 -moz-transition:ease-in-out 1s;
  -webkit-transition: ease-in-out 0.5s;
  -o-transition: ease-in-out 0.5s;
  transition: ease-in-out 0.5s;
  text-decoration:none;
}

.archivo h2{
	font-size:3.5em;
	color:#717167;
	margin:40px 0 2px 0;
	padding:0 0 0 20px;
	letter-spacing:-2px;
	}
	
.seleccione-cat-flecha{
	width:100%;
	background:url(../graficasRDS/bg-seleccione.jpg) 20px top no-repeat;
	height:16px;
	}
	
.seleccione-cat{
	font-family: 'allerregular';
	background:#EDEDE5;
	padding:15px 20px 10px 20px;
	font-size:1.4em;
	overflow:auto;
	margin-bottom:20px;
	}
	
/*************************/

span.cat {
  float: left;
  position: relative;
  overflow: hidden;
  font-size: 0;margin-bottom:20px!important;
}
span.cat .categoria {
  font-size: 14px;
  position: absolute;
  bottom: calc(35px - 100%);
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  padding: 10px;
  box-sizing: border-box;
  overflow: hidden;
  transition: bottom .5s;
}
span.cat .categoria:hover{
  bottom: 0;
}
span.cat .categoria h3 {
  line-height: 120%;
  font-size: 1.3em;
  margin: 0!important;
  color:#fff;
  font-family: 'allerregular';
  text-shadow: 2px 2px 2px #000;
  letter-spacing:-1px
}

span.cat .categoria h3 a{
color:#fff;
text-decoration:none;
}

span.cat .categoria ul{
	margin-top:20px;
	margin-left:0;
	padding-left:0;
	}
	
span.cat .categoria li{
	color:#fff;
	list-style-type:none!important;
	display:inline;
	margin-left:0;
	padding-left:0;
	padding-right:6px;
	font-size:90%;
	}	

.cuadro{
	position:absolute;
	top:0;
	right:0;
	background-image:url(../graficasRDS/doc.png);
	background-position:5px 7px;
	background-repeat: no-repeat;
	width: 90px;
	padding:10px 5px 10px 30px;
	color:#fff;
	}

.agua{background-color:#0080FF}

.aire{background-color:#85B200;}

.suelo{background-color:#BF00FF;}

.poblacion{background-color:#FFA64D;}

.economia{background-color:#FF4D4D;}

.ciencia{background-color:#7373FF;}

.indicadores{background-color:#0085B2;}

.cambio{background-color:#00661A;}

.educacion{background-color:#FF8000;}	

.energia{background-color:#D9D900;}

.estrategias{background-color:#FF4D4D;}	

.transporte{background-color:#00D900;}

.amalgamas{background-color:#361E77}

.plomo{background-color:#7C632C;}

.tics-m-a{background-color:#11CCC2;}

.eventos{
	background:#EBF2CD;
	margin-top:50px;
	overflow:auto;
	padding-bottom:40px;
	}
	
.recomendado h2{
	font-size:2.5em;
	color:#717167;
	letter-spacing:-1px;
	margin-bottom:20px;
	padding-top:0px;
	}	

.capsula-ev{
	padding:20px 0 20px 0!important;
	clear:both;
	}
	
.fecha{
	background:#F8473B;
	border-radius: 40px;
	-moz-border-radius: 40px;
	-webkit-border-radius: 40px;
	text-align:center;
	color:#fff;
	text-shadow: 2px 2px 2px #000;
}

.fecha.sec{
	margin-top:10px;
}


.mes{
	text-transform:uppercase;
	font-size:1em;
	margin:5px 0 0 0;
	text-align:center;
}

.mes.sec{font-size:0.7em;}

.dia{
	font-family: 'allerbold';
	font-size:2.2em;
	margin:-10px 0 0 0;
	text-align:center;
}

.dia.sec{font-size:2.0em;}

.ano{
	font-size:1em;
	margin:-8px 0 3px 0;
	text-align:center;
}

.ano.sec{font-size:0.8em; margin:-6px 0 3px 0;}	

.capsula-ev p{margin-top:0!important;
padding-top:0!important;}
	
.recomendado{
	margin-top:40px;
	margin-bottom:40px;
	}
	
p.lead{
	color:#000;
	line-height:115%!important;
	font-weight:bold;
	font-size:18px;
	padding-top:15px!important;
}

p.lead a{
	color:#000;
	}	
	
.bot-eventos a{
	background: none;
	border:2px solid #F8473B;
	border-radius: 25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	display:block;
	font-size:1em;
	text-align:center;
	padding:7px 0;
	color:#F8473B;
	font-family: 'allerregular';
	text-transform:uppercase;
	margin-top: 10px;
	letter-spacing:-1px;
}

.bot-eventos a:hover, .bot-eventos a:focus{
	color:#fff;
	background: #F24B48;
	border:2px solid #F24B48;
	 -moz-transition:ease-in-out 1s;
  -webkit-transition: ease-in-out 0.5s;
  -o-transition: ease-in-out 0.5s;
  transition: ease-in-out 0.5s;
  text-decoration:none;
}
	
.recomendado h3{
	font-size:1.7em;
	color:#717167;
	letter-spacing:0px;
	margin-bottom:20px;
	padding-top:10px;
	font-family: 'allerbold';
	}
	
.aliados{background:#EDEDE5;}

.logo-aliado{padding:40px 20px;}



    #owl-demo{margin-top:40px}
	
	#owl-demo .item{
      margin: 3px;
    }
    #owl-demo .item img{
      display: block;
      width: 100%;
      height: auto;
    }

.pie{
	margin-top:40px;
	margin-bottom:40px;
	}
	
.pie h2{
	font-family: 'aller_lightregular';
	font-size: 1.8em;
	font-weight:normal;
	}
	
/******SECUNDARIAS********/

#migas {
float : left;
text-align : right;
vertical-align :bottom;
font-weight : normal!important;
font-size :1em;
margin: 50px 0 30px 0;
}

#migas ul{
display: inline;
text-align: left;
padding: 0 0 0 0 ;
}

#migas span{
padding : 2px 9px 0px 0px!important;
display :inline;
margin : 1px 0 0 0;
}

#migas ul li{
display : inline;
background : url(../graficasRDS/bulletmiga.jpg) 0px 5px no-repeat!important;
padding : 0px 12px 0px 14px!important;
color : #000;
font-size :inherit!important;
}	

#migas ul li a{color:#47871D}

#migas ul li a:hover, #migas ul li a:focus{color:#47871D;text-decoration:underline;}

.scroller{
clear:both;
margin: 15px 0 0px 0;
font-size:1em;
color: #58533E;
float:left;
}

.scroller span.active{
	float:left;
	font-weight:bold;
	background: fFff;
	border-radius: 25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	border:1px solid #F24B48; 
	text-align:center;
	padding:7px 13px;
	margin-right:5px;
	}

.scroller a{
background: #F24B48;
	border-radius: 25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	font-size:1.0em;
	text-align:center;
	padding:7px 13px;
	color:#fff;
	font-family: 'allerregular';
	text-transform:uppercase;
	float:left;
	margin-right:5px;
	
}

.scroller a:hover, .scroller a:focus{
background: #FF8000;
	 -moz-transition:ease-in-out 1s;
  -webkit-transition: ease-in-out 0.5s;
  -o-transition: ease-in-out 0.5s;
  transition: ease-in-out 0.5s;
  text-decoration:none;
}

.delimiter{display:none;}	

.izquierda h2, .actividades h2{
	font-size:3em;
	font-family: 'aller_lightregular';
	letter-spacing:-1px;
}

.izquierda h4{
	font-size:1.4em;
	font-family: 'allerbold';
	line-height:130%;
	color: #F24B48;
	margin-top:40px;
}


.izquierda h3{
	font-size:1.6em;
	font-family: 'aller_lightregular';
	line-height:130%;
}

.row.archivo3{
	background:#EDEDE5;
	padding:20px 0;
	overflow:auto;
	}
	
.izquierda .capsula{margin-bottom:20px;}	
	
.izquierda .capsula.nota-completa{border:none;}	

.izquierda h3.archivo3{
	font-size:1.6em;
	font-family: 'aller_lightregular';
	line-height:130%;
	padding-top:0!important;
	margin-top:0px!important;
	color:#717167;
}

.izquierda h3 span{
	font-family: 'allerbold';
	line-height:130%;
	text-transform:uppercase;
	display:block;
}


.moodle-sec{
	background:#B1C745;
	overflow:auto;
	margin-bottom:20px;
}

.moodle-sec h3{color:#fff;
  text-align:center;
  font-size:1.4em;
  font-family: 'allerregular';}	
  
/*  .ico-moodle{
	  margin-left:-15px;
	  height:132px;
}*/	
  
.compartir{
	border-top: 1px solid #c8dfa7;
	border-bottom:1px solid #c8dfa7;
	padding: 10px;
	overflow:auto;
	clear:both;
}

.compartir .twitter a{
	margin:3px 10px 0 10px;
	} 

.compartir .facebook a{
	margin:0 10px;
	} 
	
.imprimir a{
	border-right:#C8DFA7;
	background:  url(../graficasRDS/1sabanaRDS.png) -54px 0;
	width:20px;
	height:18px;
	float:left;
	margin:3px 10px 0 10px;
	}
	
.imprimir a:hover, .imprimir a:focus{
	background:  url(../graficasRDS/1sabanaRDS.png) -54px -19px;
	}
	
.compartir span{display:inline;float:left; color:#777873;}	

.compartir em{display:inline;float:left; color:#777873;margin-left:50px;}
	
.comente a, .responde a{
	background: none;
	border:2px solid #89AE3F;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	display:inline;
	font-size:1.0em;
	text-align:center;
	padding:5px 35px;
	color:#89AE3F;
	font-family: 'allerregular';	
}

.comente a:hover, .comente a:focus,
.responde a:hover, .responde a:focus{
	background: #F24B48;
	border:2px solid #F24B48;
	 -moz-transition:ease-in-out 1s;
  -webkit-transition: ease-in-out 0.5s;
  -o-transition: ease-in-out 0.5s;
  transition: ease-in-out 0.5s;
  text-decoration:none;
  color:#fff;
}

.responde a{
	font-size: 0.9em;
	padding:5px 25px;
	margin-right: 20px;
}

.comment{
	background:#EDEDE5;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	overflow:auto;
	margin-bottom:20px;
	padding-bottom:20px;
	padding-left:20px;
	}
	
.comment h4{
	color:#000;
	font-size:1.2em;
	margin-bottom:0px!important;
	padding-bottom:0px!important;
	}
	
.comment p{
	 margin: 0 0 5px 0!important;
	 padding-top:0px;
	
	}	
	
.comment p span{
	font-size: 0.9em;
	 font-family: 'alleritalic';
	
	}
		
	

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555;
  cursor: default;
  background-color: #fff;
  border: 1px solid #c8dfa7;
  border-bottom-color: transparent;
}

.nav-tabs {
  border-bottom: 1px solid #c8dfa7;
}		

.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #E3F0D2;
}	

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #E3F0D2;
  border-color: #C8DFA7;
}

a.recurso{
	background: none;
	border:2px solid #89AE3F;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	display:inline;
	font-size:1.0em;
	text-align:center;
	padding:5px 30px;
	color:#89AE3F;
	font-family: 'allerregular';
	margin:10px 5px;
	overflow:auto;
	
}

a.recurso:hover, a.recurso:focus{
	background: #F24B48;
	border:2px solid #F24B48;
	 -moz-transition:ease-in-out 1s;
  -webkit-transition: ease-in-out 0.5s;
  -o-transition: ease-in-out 0.5s;
  transition: ease-in-out 0.5s;
  text-decoration:none;
  color:#fff;
}

.google-archivo{
	margin:10px 0 0 0;
	}

.moodle-archivo{
	background:#B1C745 url(../graficasRDS/bg-moodle-archivo.jpg) top left no-repeat;
	overflow:auto;
	margin:10px 0 0 0;
	}
	
.moodle-archivo h3{
	font-size:1.2em;
	margin-top:10px!important;}	

/***lateral seccion archivo***/

	
	
	
	
	
	
	
	
	
	
	
	  #sidebar-wrapper {
    top:0px;
	/*margin-right: -250px;
    right: 0;*/
	margin-left:-250px;
	left:0;
    width: 250px;
    background: #2E3311;
  	position: fixed;
    height: 100%;
    overflow-y: auto;
    z-index: 1000;
    transition: all 0.5s ease-in 0s;
    -webkit-transition: all 0.5s ease-in 0s;
    -moz-transition: all 0.5s ease-in 0s;
    -ms-transition: all 0.5s ease-in 0s;
    -o-transition: all 0.5s ease-in 0s;
  }

  .sidebar-nav {
    position: absolute;
    top: 0;
    width: 250px;
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .sidebar-nav li {
    line-height: 125%;
    text-indent: 0px;
  }

  .sidebar-nav li a {
    color: #999999;
    display: block;
    text-decoration: none;
  }

  .sidebar-nav li a:hover {
    color: #fff;
    background: rgba(255,255,255,0.2);
    text-decoration: none;
  }

  .sidebar-nav li a:active, .sidebar-nav li a:focus {
    text-decoration: none;
  }

 .sidebar-brand {
    height: 30px;
    line-height: 125%;
    font-size: 18px;
	color:#fff;
	margin-top:40px;
	padding:0 10px 0px 10px;
  }
  
.filtre-archivo {
    line-height: 125%;
    font-size: 16px;
	color:#C7E0A5;
	margin-top:10px;
	padding:0 10px 0px 10px;
  } 

.archivo{padding:0 10px 20px 10px;}

.input-group.archivo{width:95%}

hr.hr{clear:both;
border-top:1px solid #4D562D;
border-bottom:1px solid #6C794B;
margin:10px 0;
}

  #menu-toggle {
  /* top: 0;
    left: 0;
    position: fixed;
    z-index: 1;*/
	background:#B2C748;
	border-color:transparent;
	margin-top:15px;
  }

  #sidebar-wrapper.active {
  
   left:250px;
    width: 250px;
    transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
  }

  .toggle {
    margin: 5px 5px 0 0;
  }

.checkbox.check-archivo label{display:block; color:#fff;padding:0 10px 5px 10px;margin-left:20px!important;}

h4.bg-danger{padding:10px;}

input.btn-filtro[type="Submit"]
{
	margin-top:0px!important;
	font-size:1.1em;
	text-align:center;
	padding:4px 40px;
	margin-bottom:10px;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border:1px solid #fff;
	background:transparent;
	color:#fff;
	margin-left:20px;
	}

input.btn-filtro[type="Submit"]:hover,
input.btn-filtro[type="Submit"]:focus{
	background: #F24B48;
	border:1px solid #F24B48;
	 -moz-transition:ease-in-out 1s;
  -webkit-transition: ease-in-out 0.5s;
  -o-transition: ease-in-out 0.5s;
  transition: ease-in-out 0.5s;
  text-decoration:none;
}	

.row.mercado-int{
	margin:20px 0;
	}

.bg-claro{
	background:#EDEDE5;
	overflow:auto;
	padding:20px 0 0 0;
}

.borde-mercado{
	border-bottom:1px solid #c8dfa7;	
}					

.borde-mercado > p{
	margin:0 0 0 0;
	padding:0 0 0 0;	
}

p.negrita{  font-family: 'allerbold';}

.alert-warning {
  color: #fff;
  background-color: #A5C16A;
  border-color: #89AE3F;
  clear:both;
}

.alert-warning a{
  color: #fff!important;
  font-family: 'allerbold';
  text-decoration:underline; 
}

a.no-esta{margin-left:10px;
background: none;
	border:2px solid #fff;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	display:inline;
	font-size:1.0em;
	text-align:center;
	padding:5px 25px;
	color:#fff;
	font-family: 'allerregular';
	text-decoration:none;}



a.no-esta:hover, a.no-esta:focus{
	background: #F24B48;
	border:2px solid #F24B48;
	 -moz-transition:ease-in-out 1s;
  -webkit-transition: ease-in-out 0.5s;
  -o-transition: ease-in-out 0.5s;
  transition: ease-in-out 0.5s;
  text-decoration:none;
  color:#fff;
}

.datos-contacto p{
	padding:3px 0!important;
	margin:0 0 0 0!important;
	
	}
	
.datos-contacto p strong{
	padding:3px 0!important;
	margin:0 0 0 0!important;
	font-family: 'allerbold';
	}
	
/********REGISTRO Y PLANES*********/	

.registro{
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	background-color: rgba(0, 0, 0, 0.5);
	padding-bottom:40px;
	margin-bottom:40px;
	overflow:auto;
	}
	
.registro h2{
	color:#fff;
	text-align:center;
	font-size: 1.4em;
	line-height:130%;
	padding:10px 0 0 0;
	margin:0 0 0 0!important;
	}
	
.registro h2.negrita{
	color:#fff;
	text-align:center;
	font-size: 1.8em;
	line-height:130%;
	padding:20px 0 0 0;
	margin:0 0 0 0!important;
	font-family: 'allerregular';
	}		
	
 .planes h2{
	color:#fff;
	text-align:center;
	font-size: 1.6em;
	line-height:130%;
	padding:20px;
	margin:0 0 0 0!important;
	}
	
.planes h3{
	color:#fff;
	text-align:center;
	font-size: 3.8em;
	line-height:130%;
	font-family: 'allerbold';
	margin:0 0 0 0!important;
	padding:0 0 0 0!important;
	}			
	
.registro h3{
	color:#fff;
	text-align:center;
	font-size: 3.8em;
	line-height:130%;
	font-family: 'allerbold';
	margin:0 0 0 0!important;
	padding:0 0 0 0!important;
	}
	
.formu-registro{
	color:#fff;
	margin-bottom:20px!important;
}

.clear{clear:both;}

.aa-help{margin-top:10px;line-height:120%;font-family: 'alleritalic';color:#DAEE8B}	
	
.form-control.reg {
    width: 100%;
	border:1px solid #fff;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	 -webkit-box-shadow: none;
    box-shadow: none;
	height:33px;
	margin-bottom: 5px;
}

button.olvido[type="button"]{
	color:#fff;
	background:transparent!important;
	border:none!important;
	}
	
button.olvido[type="button"]:hover, button.olvido[type="button"]:focus{
	color:#3B5022;
	}
	
button.olvido.bienvenido[type="button"]:hover, button.olvido[type="button"]:focus{
	color:#AFDA4D;
	}	
		

select.form-control.reg.select{
	border-radius: 15px 0 0 15px;
	-moz-border-radius: 15px 0 0 15px;
	-webkit-border-radius: 15px 0 0 15px;
	}
	
select.form-control.reg.select.inline{ width:30%; margin-right:3px;}	
	
label.block.fechan{width:100%; text-align:left;}
	
label.areas-interes{float:left; clear:both;}	

.formu-registro .checkbox{margin-bottom:10px;}

.checkbox.reg {color:#fff!important; padding-left:15px;}

a.terminos{color:#DAEE8B; text-decoration:underline;}

a.terminos:hover, a.terminos:focus{color:#fff; text-decoration:underline;}

/******/

table.planes{
	background:transparent;
	margin-bottom:20px;
	text-align:center;
	width:100%}
	
table.planes td{
	background:#fff;
	border-bottom:1px solid #ccc;
	}
	
table.planes td.sinborde{border-bottom:1px transparent!important;}	
	
table.planes th.verde{
	background-color: rgba(255, 255, 255, 0.5);
	border-bottom:1px solid #89AD47;
	padding:13px 0px 13px 8px;
	font-size:1em;
	text-align:left;
	}
	
table.planes th.verde.obtenga{
	background-color: rgba(255, 255, 255, 0.5);
	border-bottom:1px solid #89AD47;
	padding:13px 0 13px 8px;
	font-size:1.5em;
	text-align:left;
	vertical-align:bottom;
	 font-family: 'allerbold';
	}
		
td.nombre_plan{
	background:#F24B48!important;
	color:#fff;
	font-size:1.3em;
	text-align:center;
	padding:10px 0;
	margin:0 0 0 0;
	font-family: 'allerbold';
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	} 	

td.precio_plan{
	font-size:1.5em;
	margin:0 0 0 0!important;
	vertical-align:middle;
	padding:0 0 0 0!important;
	font-family: 'allerbold';
	background:#FCC9C7;
	color:#8B0900;
	text-align:center;
	}
	
td.precio_plan span{
	font-size:5em;
	vertical-align:middle;
	margin:0 0  0 !important;
	padding:0 0 0 0!important;
	line-height:100%;
	letter-spacing:-5px;
	}
	
td.precio-dcto{
	border-bottom:1px solid #fff!important;
	padding:10px 0;
	margin:0 0 0 0!important;
	vertical-align:middle;
	font-family: 'allerbold';
	color:#8B0900;
	text-align:center;
	}		
	
td.precio-dcto span{
	font-size:3em;
	vertical-align:middle;
	margin:0 0  0 !important;
	padding:0 0 0 0!important;
	line-height:100%;
	letter-spacing:-5px;
	font-family: 'allerbold';
	color:#8B0900;
	border-bottom:none!important;
	}
	
td.precio_dcto em{
	font-size:0.8em;
	font-family: 'allerregular';
	}		
	
td.precio_plan em{
	font-size:0.8em;
	}	
	
 td.opcion{
	padding:8px;
	font-size:1em;
	}
	
th.opcion1,
td.opcion1{
	padding:13px 8px;
	font-size:1em;
	background:transparent;
	text-align:left;
	}
	
	
.glyphicon.glyphicon-ok.verde	{color:green!important}	
.glyphicon.glyphicon-remove.red	{color:#F24B48!important}	
	
 a.reg-plan{
	background: none;
	border:2px solid #F24B48;
	border-radius: 25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	font-size:0.9em;
	text-align:center;
	padding:7px 15px;
	color:#F24B48;
	font-family: 'allerregular';
}

a.reg-plan:hover, a.reg-plan:focus{
	background: #F24B48;
	border:2px solid #F24B48;
	 -moz-transition:ease-in-out 1s;
  -webkit-transition: ease-in-out 0.5s;
  -o-transition: ease-in-out 0.5s;
  transition: ease-in-out 0.5s;
  text-decoration:none;
  color:#fff;
}						
	

/***************/

.well.ingrese{
  min-height: 20px;
  padding: 5px!important;
  margin-bottom: 0px;
  background: none!important;
  border: none;
  border-top:1px solid #fff;
  border-radius: 0px;
  clear:both;
  box-shadow:none!important;
  -webkit-box-shadow: none!important;
}

button[type="submit"].ingrese{
	text-align:center;
	color:#fff;
	font-size: 1.2em;
	padding:3px 20px;
	border:2px solid #FFFFFF;
	background:none!important;
	clear:both;
	margin-top:0px;
	text-decoration:none;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	vertical-align:top;
	}
	
	
button[type="submit"].ingrese:hover{	
	background: #F24B48!important;
	border:2px solid #F24B48;
	 -moz-transition:ease-in-out 1s;
  -webkit-transition: ease-in-out 0.5s;
  -o-transition: ease-in-out 0.5s;
  transition: ease-in-out 0.5s;
  text-decoration:none;	
}
	
 label.check{
	 vertical-align:top; 
	 margin-top: -10px;
 }
 
 .logueado{border-top:1px solid #fff;
 padding:10px 0; color:#fff;}
 
.nombreu{
	padding-right:0px;
	font-size:1.1em;
	color:#fff;
	font-family: 'allerbold';
	display:inline;
	white-space:pre!important;
	}
	
.btn-default.log {
  color: #333;
  background-color: transparent!important;
  border-color: transparent!important;
}
	
span.glyphicon.glyphicon-user.log{color:#fff;}

span.caret.log{color:#fff;}
 
 a.cerrar-sesion {
	background: none;
	border:2px solid #fff;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	font-size:1em;
	text-align:center;
	padding:5px 15px;
	color:#fff;
	font-family: 'allerregular';
	cursor:pointer;
}

 a.cerrar-sesion:hover,  a.cerrar-sesion:focus{
	background: #F24B48;
	border:2px solid #F24B48;
	 -moz-transition:ease-in-out 1s;
  -webkit-transition: ease-in-out 0.5s;
  -o-transition: ease-in-out 0.5s;
  transition: ease-in-out 0.5s;
  text-decoration:none;
}
	
.eventos h3, .calendario h3{
	font-size:2.0em;
	color:#717167;
	letter-spacing:-1px;
	margin-bottom:20px;
	padding-top:0px;
	}
 
.calendario{}

table#calendario {
    background-color: transparent;
    border-bottom: 1px solid #c2bba9;
    border-left: 1px solid #EDEDE5;
    border-top: 1px solid #c2bba9;
    margin: 0;
    padding: 0;
    width: 100%;
}
table#calendario tbody {
    border: 0 none;
    margin: 0;
    padding: 0;
}
table#calendario th {
    background: #EDEDE5;
    border-top:1px solid #EDEDE5;
	border-left:1px solid #EDEDE5;
	border-right:1px solid #EDEDE5;
    color: #000;
    font-size: 1em;
    font-weight: normal;
    margin: 0;
    padding: 8px 0;
    text-align: center;
}
table#calendario tr {
    margin: 0;
    padding: 0;
    vertical-align: top;
	border-top: 1px solid #c2bba9;
}

table#calendario tr.semana {
    margin: 0;
    padding: 0;
    vertical-align: top;
	border-top: none;
}


table#calendario td {
    margin: 1px;
    padding: 3px;
    width: 14%;
	}
	
	
table#calendario td.empty {
    border-right: 1px solid #EDEDE5;
    height: 100px;
	min-height:100px;
}

table#calendario td.vacio {
    border-right: 1px solid #EDEDE5;
    height: 100px;
	min-height:100px!important;
	border-bottom:1px solid #c2bba9;
}

table#calendario td.eventotitulo {
    background: #F8473B none repeat scroll 0 0;
    border-right: 1px solid #EDEDE5;
    font-size: 0.8em;
	color:#fff!important;
	height:auto;
}
table#calendario td.eventotitulo a {
    color:#fff!important;
}
table#calendario td.evento a:link {
    color: #fff;
}
table#calendario td.numero_dia {
    border-right: 1px solid #EDEDE5;
    
    color: #999;
    font-size: 0.9em;
    text-align: right;
}
table#calendario td.numero_dia a {
    font-weight: bold;
}
a.ev-1 {
    background: #6A944A none repeat scroll 0 0;
    color: #fff !important;
    display: block;
    font-size: 0.9em;
    font-weight: bold;
    margin: 0;
    padding: 2px;
    text-decoration: none;
}
a.ev-2 {
    background: #F24B48 none repeat scroll 0 0;
    color: #fff !important;
    display: block;
    font-size: 0.9em;
    font-weight: bold;
    margin: 0;
    padding: 2px;
    text-decoration: none;
}
.ev-3 {
    background: #ee7a07 none repeat scroll 0 0;
    color: #fff !important;
    display: block;
    font-size: 0.9em;
    font-weight: bold;
    margin: 0;
    padding: 2px;
    text-decoration: none;
}
.ev-4 {
    background-color: #ccc101;
    color: #fff !important;
    display: block;
    font-size: 0.75em;
    font-weight: bold;
    margin: 0;
    padding: 2px;
    text-decoration: none;
}
.ev-5 {
    background: #4e4fcc none repeat scroll 0 0;
    color: #fff !important;
    display: block;
    font-size: 0.9em;
    font-weight: bold;
    margin: 0;
    padding: 2px;
    text-decoration: none;
}
select#mes, select#anno {
   border:1px solid #6B944A;
	padding:5px 4px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	width:140px;
	font-size:0.9em;
}

.acordeon h4{
	font-size:1.3em;
	font-family: 'allerbold';
	line-height:130%;
	color: #3B5022;
	margin-top:0px;
}

.acordeon .panel-default > .panel-heading {
  color: #333;
  background-color: #fff!important;
  border: none!important;
}	

.acordeon .panel-default{
  border-bottom:1px solid #86B95C;
  border-top:none;
  border-left:none;
  border-right:none;
}
	
.boton.boletin1 a{
	background: #B2C846;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	font-size:0.8em;
	text-align:center;
	padding:7px 30px;
	color:#fff;
	font-family: 'allerbold';
	text-transform:uppercase;
	float:left;
	margin-top:0px;
	margin-left:35px;
}

.boton.boletin1 a:hover, .boton.boletin1 a:focus{
	background: #89AD47;
	 -moz-transition:ease-in-out 1s;
  -webkit-transition: ease-in-out 0.5s;
  -o-transition: ease-in-out 0.5s;
  transition: ease-in-out 0.5s;
  text-decoration:none;
}

.acordeon h4.panel-title{font-size:16px!important;}	

.carousel-control.left, .carousel-control.right{background:none!important;}	

.todos a{
	background: none;
	border-radius: 25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	font-size:1em;
	text-align:center;
	padding:9px 20px;
	color:#89AD47;
	font-family: 'allerregular';
	text-transform:uppercase;
	float:right;
	margin-top:20px;
	border:2px solid #89AD47;
	}
	


.todos a:hover, todos a:focus{
	background: #F24B48;
	 -moz-transition:ease-in-out 1s;
  -webkit-transition: ease-in-out 0.5s;
  -o-transition: ease-in-out 0.5s;
  transition: ease-in-out 0.5s;
  text-decoration:none;
  border:2px solid #F24B48;
}	
	
	
	
	
	
	
	
	
	
	
	
select.form-control.recursos{border-color:#89ae3f;}	

option.subcategoria{padding-left:10px;
font-style:italic;}

.moodle-sec img{margin-left:0;}

.moodle-sec .col-md-12.col-xs-4{padding:0!important;}

.contactenos{}

.contactenos .aa-input{margin-bottom:20px;}

.new.contactenos input[type="text"],
.new.contactenos input[type="email"],
.new.contactenos input[type="url"],
.new.contactenos textarea#aa-n1_f23716d7da26548a09352a73f648c9c5-abstract________-0{
	width:100%;
	border:1px solid #6B944A;
	padding:8px 5px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.calendario input[type="submit"]{
	background: none;
	border:1px solid #6B944A;
	border-radius: 25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	font-size:0.9em;
	text-align:center;
	padding:5px 30px;
	color:#6B944A;
	font-family: 'allerregular';
	text-transform:uppercase;
	margin-top: 10px;
}

.calendario input[type="submit"]:hover, .calendario input[type="submit"]:focus{
	color:#fff;
	background: #6B944A;
	border:1px solid #6B944A;
	 -moz-transition:ease-in-out 1s;
  -webkit-transition: ease-in-out 0.5s;
  -o-transition: ease-in-out 0.5s;
  transition: ease-in-out 0.5s;
  text-decoration:none;
}

.calendario select{
	}


.form-end input[type="submit"]{
	background: none;
	border:2px solid #F8473B;
	border-radius: 25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	font-size:0.9em;
	text-align:center;
	padding:6px 30px;
	color:#F8473B;
	font-family: 'allerregular';
	text-transform:uppercase;
	margin-top: 10px;
}

.form-end input[type="submit"]:hover, .form-end input[type="submit"]:focus{
	color:#fff;
	background: #F24B48;
	border:2px solid #F24B48;
	 -moz-transition:ease-in-out 1s;
  -webkit-transition: ease-in-out 0.5s;
  -o-transition: ease-in-out 0.5s;
  transition: ease-in-out 0.5s;
  text-decoration:none;
}
	
.skryj{display:none;}

input.enviar-mensaje[type="button"]
{
	margin-top:0px!important;
	font-size:1.1em;
	text-align:center;
	padding:4px 40px;
	margin-bottom:10px;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border:1px solid #6D9448;
	background:transparent;
	color:#6D9448;
	margin-left:20px;
	float:right;
	}

input.enviar-mensaje[type="button"]:hover,
input.enviar-mensaje[type="button"]:focus{
	background: #F24B48;
	border:1px solid #F24B48;
	 -moz-transition:ease-in-out 1s;
  -webkit-transition: ease-in-out 0.5s;
  -o-transition: ease-in-out 0.5s;
  transition: ease-in-out 0.5s;
  text-decoration:none;
  color:#fff;
}	

.alert.alert-danger{
	display:none;
	padding-top:0;
	}	

.barra-admin a.list-group-item{
	background:transparent!important;
	border:none!important;
	color:#fff;
	font-size:16px;
}

.barra-admin a.list-group-item:hover{
	color:#A2C24E;	
}

.activo{	
	color:#A2C24E!important;	
}

.barra-admin a.list-group-item span{
	float:right;
}


ul.barra-admin li{
	margin: 20px 0;
}
	
ul.barra-admin li a{
	color:#fff;
	font-size:16px;	
}

h2.gestion {
	font-size:20px;
	font-family: 'allerbold';
	}
	
.row.tabla-admin{
	}
	
.tabla-admin-th{
	color:#3A5024;
	background-color:#E7EFD8;
	font-size:16px;
	font-family: 'allerbold';
	padding:10px 0 10px 5px;
	}	
	
.tabla-admin-color1{
	color:#3A5024;
	background-color:#fff;
	font-size:16px;
	font-family: 'allerregular';
	padding:10px 0 10px 5px;
	}	
	
p.recupere{
	color:#fff;
	text-align:center;
	margin-top:20px;
	font-size:16px;
	margin-bottom:0px!important;
}

a.olvido.bienvenido{color:#AFC748;}	

a.olvido.bienvenido:hover, a.olvido.bienvenido:focus{color:#AFC748;}

.edit .row, .detalle .row {
    border-bottom: 1px solid #ccc;
    vertical-align: middle;
	padding-right:25px;
}

.edit .row p, .detalle .row p {
    margin: 7px 0!important;
}

div.ajax_container {
    background: transparent url("../graficasRDS/lapiz.png") no-repeat scroll right 1px;
    margin-right: 17px;
}

.col-sm-6.edicion{padding-top:7px;}

.row.lapiz .ajax_container{padding-right:25px;}

input[type="submit"].save-button, input[type="button"].cancel-button {
    background: #B2C748;
    color: #fff;
    border: none!important;
    font-size: 12px;
    padding: 5px 10px;
    margin: 2px;
}


.edit .aa-help{color: #999;}

a.cerrar-sesion-admin {
	background: #F24B48;
	border:2px solid #F24B48;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	font-size:0.9em;
	text-align:center;
	padding:4px 15px;
	color:#fff;
	font-family: 'allerregular';
	cursor:pointer;
	margin-top:5px;
	margin-bottom:5px;
}

 a.cerrar-sesion-admin:hover,  a.cerrar-sesion-admin:focus{
	background: #FF8000;
	border:2px solid #FF8000;
	 -moz-transition:ease-in-out 1s;
  -webkit-transition: ease-in-out 0.5s;
  -o-transition: ease-in-out 0.5s;
  transition: ease-in-out 0.5s;
  text-decoration:none;
}

/*Formulario para nuevo item*/

.nuevo-item{}

.nuevo-item .aa-help{color:#395024;}

.nuevo-item select{
	border-radius: 10px 0 0 10px;
	border:1px solid #6A944A;
	padding:5px;
	min-width:120px;
	}
	
.nuevo-item label{
	font-weight:bold;
	font-style:italic;
	}
	
.nuevo-item table.aa-tab-mch td{width:25%;}	

.nuevo-item table.aa-tab-mch td label{
	font-weight:normal;
	font-style:normal;
	 display: inline-block;
    padding-left: 35px;
    text-indent: -15px;
	}	
	
.nuevo-item table.aa-tab-mch td input[type="checkbox"]{
	width: 13px;
    height: 13px;
    padding: 0;
    margin:0;
    vertical-align: bottom;
    position: relative;
    top: -3px;
    overflow: hidden;
	left:-5px;
	}
	
.nuevo-item  input[type="file"]{
	margin-top:10px;
	}	
	
.nuevo-item  input[type="url"]{
	border: 1px solid #6b944a;
    border-radius: 10px;
    padding: 8px 5px;
    width: 100%;
	}	
	
.nuevo-item  textarea{
	border: 1px solid #6b944a;
    border-radius: 10px;
    padding: 8px 5px;
    width: 100%;
	max-width:100%;
	min-width:100%;
	color:#333;
	}	
	
.mapa-de-sitio{}

.mapa-de-sitio h2{font-size:24px;}

.mapa-de-sitio ul, .pauta ul{margin-top:40px; margin-left:0; padding-left:0;}	

.mapa-de-sitio ul li
, .pauta ul li{ 
  list-style-type:none!important;
  margin-left:0!important;
  padding-left:20px;
  background:url(../graficasRDS/bullet-mapa.png) left 5px no-repeat;
  margin-bottom:4px;
  font-size:15px;
  font-weight:bold;
}

.mapa-de-sitio ul li a,
.pauta ul li a{ 
  color:#999;
}

.mapa-de-sitio ul li ul
{ 
  margin-left:0px;
  padding-left:0;
  margin-top:10px;
}

.mapa-de-sitio ul li ul li{ 
  list-style-type:none!important;
  margin-left:0;
  padding-left:20px;
  background:url(../graficasRDS/bullet-mapa1.png) left 5px no-repeat;
  margin-bottom:3px;
  font-size:14px;
  font-weight:normal;
}

.pauta h2{
	font-size: 20px;
	font-weight:bold;
	color:#FF4D51;
	font-family: 'allerbold';
	}
	
.aa-input input[type="text"],
.aa-input input[type="url"]{
    width: 100%;
	border:1px solid #fff;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	 -webkit-box-shadow: none;
    box-shadow: none;
	height:33px;
	margin-bottom: 15px;
	color:#666;
	padding-left:20px;
}

.aa-input input[type="file"]{
    border:none!important;
}

.subcategoria{padding-left:20px;}	

.cambiar2{
	background-image:url(../graficasRDS/bg-encab.png);
	background-position:center right;
	background-repeat:no-repeat;
	background-color:#A6C541;
	padding-bottom:20px;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	margin-top:40px;
	margin-bottom:10px;
	overflow:auto;
	padding-bottom:20px;
	}
	

.cambiar{
	
	padding-bottom:20px;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	margin-top:40px;
	margin-bottom:10px;
	overflow:auto;
	padding-bottom:20px;
	}
	
.cambiar h2.gestion,
.cambiar2 h2.gestion {
    font-family: "allerbold";
    font-size: 20px;
	line-height:135%;
	color:#fff;
	letter-spacing: normal!important;
	padding:20px 40px 10px 40px;
}

#myModal2 {
    z-index: 10000;
}

.modal-content.suba-plan{
	background-image:url(../graficasRDS/bg-encab.png);
	background-position:center right;
	background-repeat:no-repeat;
	background-color:#A6C541;
}

.modal-content.suba-plan .modal-header{
	border-bottom:none!important;
}

.modal-content.suba-plan .modal-footer{
	border-top:none!important;
}

.torrente{
	border:2px solid #A5D3F9;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}

.logueado .popover{color:#000!important;
left:60px!important;
top:18px!important;}

   .popover-title .close1{
        position: relative;
        bottom: 3px;
    }
 
 .popover p{
  color: #151515 !important;
  }

.izquierda .row{
	overflow:hidden;
}
/****************************/
	
.skryj{display:none;}	
		
/******DESENFOCADOS*******/

h1,
.twitter em,
.facebook em,
.contacto em,
.mapasitio em,
.enviar em,
a.mas em,
a.mas-mercado em,
.avion em,
.imprimir em{
	color		: #000;
	position	: absolute;
	left		: -9999em;
	top		: -9999em ;
	text-indent	: -9999em;
}

@media (max-width: 768px) {
  .renglon40 {margin-top:0!important;}
  .mercado h2{font-size: 3.5em;}
  .novedades .capsula.nota-completa h3{font-size:1.5em;}
  .registro h3{font-size: 2.5em;}
  td.precio_plan{font-size:1.1em;}
  td.precio_plan span{font-size:3em;}
  td.nombre_plan{font-size:1.1em;}
  .planes h2,.registro h2{font-size:1.2em;padding-bottom:20px;}
  .popover{ width:235px;background-color:#FFFFFF;padding:10px;}
  .popover h3.popover-title{font-size:1em;font-weight:bold;background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;}
  .moodle-sec{margin-top:30px!important;}
  .cursos{	padding-left:15px!important;	padding-right:15px!important;}
  input[type="email"].input-boletin{margin:15px 0 5px 0px;}
  button[type="submit"].avion{background-size:80%;}
  a.inicie-sesion {padding: 5px 10px!important;}
  .pie{padding-bottom:30px;}
  .moodle{height:240px;
	margin-bottom:30px;}
	.moodle h3{padding-top:25px;}
  .ico-moodle{display:none;}
	.ingrese-moodle {
    padding-top: 0px;
}
	}

/*------------AÑADIDOS MRO junio 2023----------------*/

.cursos h2{
	font-family: 'allerbold';
	margin-bottom:35px;
}
.cursos h3{
	font-size: calc(17px + (21 - 17) * ((100vw - 300px) / (1600 - 300)));
	color:#4C4C4C;
}
.cursos .capsula{
	height:auto!important;
	padding-bottom:20px;
	margin-bottom:25px;
	overflow:auto;
}
.cursos .capsula h3{
	padding:0 15px;
	font-family: 'allerbold';
}
.cursos .capsula p{
	padding:0 15px;
	font-size: calc(14px + (17 - 14) * ((100vw - 300px) / (1600 - 300)));
}
.cursos .capsula a.boton{
	padding:8px 25px;
	font-size: calc(14px + (17 - 14) * ((100vw - 300px) / (1600 - 300)));
	color:#ffffff;
	background: #6E9548;
	border-radius:20px;
	font-family: 'allerbold';
	float:right;
	margin:15px 15px 0 0;
	text-decoration:none;
	border:0px solid transparent;
}
.cursos .capsula a.boton:hover,
.cursos .capsula a.boton:focus{
	background: #F24B48;
}
.cursos .well{
	margin-top:70px!important;
	background-color: #EDEDE5;
	border: 1px solid #EDEDE5;
	border-radius: 4px;
	-webkit-box-shadow: none!important;
	box-shadow: none!important;
}
.cursos .well h4{
	font-family: 'allerbold';
	color:#F24B48;
	font-size: calc(18px + (21 - 18) * ((100vw - 300px) / (1600 - 300)));
}
.cursos .well p{
	font-weight:bold;
	padding:0 0 0 0;
	font-size: calc(13px + (16 - 13) * ((100vw - 300px) / (1600 - 300)));
}
.cursos .capsula .preregistro{
	padding:8px 25px;
	font-size: calc(14px + (17 - 14) * ((100vw - 300px) / (1600 - 300)));
	color:#ffffff;
	background: #6E9548;
	border-radius:20px;
	font-family: 'allerbold';
	float:right;
	margin:15px 0 0 0;
	text-decoration:none;
	text-transform:uppercase;
}
.cursos .capsula .preregistro:hover,
.cursos .capsula .preregistro:focus{
	background: #F24B48;
}
button[type="button"].btn.btn-default.preregistro{
	background:#F24B48!important;
	color:#fff!important;
	font-weight:bold!important;
	font-size: calc(13px + (16 - 13) * ((100vw - 300px) / (1600 - 300)));
	border-radius:8px;
	padding:10px 20px!important;
	margin-top:30px;
	border:0px!important;
	border-style:none!important;
}
button[type="button"].btn.btn-default.preregistro:hover,
button[type="button"].btn.btn-default.preregistro:focus{
	background:#FF8000;
}
/*----MRO - DESCRIPCION DE CADA CURSO FEBRERO 2024------*/

.nota-completa-cursos h3{
	font-size: calc(18px + (21 - 18) * ((100vw - 300px) / (1600 - 300)));
	font-weight:900!important;
	color: #6A934A!important;
}
.nota-completa-cursos ul h5{
	font-size: calc(16px + (17 - 16) * ((100vw - 300px) / (1600 - 300)));
	font-weight:700;
	margin-top:20px!important;
	margin-bottom:10px!important;
}
.nota-completa-cursos p,
.nota-completa-cursos li{
	font-size: calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)));
}
.text-right a.boton.inscripcion{
	background:#F24B48!important;
	color:#fff!important;
	font-weight:bold!important;
	font-size: calc(16px + (20 - 16) * ((100vw - 300px) / (1600 - 300)));
	border-radius:10px;
	padding:20px 40px!important;	
}

	.nota-completa-cursos{
		margin-top:35px!important;
	}
.nota-completa-cursos ul{
	padding-left:15px!important;
}

.text-right a.boton.inscripcion:hover,
.text-right a.boton.inscripcion:focus
{
	background:#FF8000!important;
	text-decoration:none!important;	
}
/*---MODAL PAGOS---*/
.cursoswompi{
	overflow-y:auto!important;
	overflow-x:hidden;
	background:#fff;
	padding: 40px!important;
}
.cursoswompi .container{
	width:100%!important;
}
.cursoswompi h2{
	margin-bottom:10px!important;
}

.cursoswompi .modal-body p,
.cursoswompi .modal-body li{
	font-size: calc(16px + (18 - 16) * ((100vw - 300px) / (1600 - 300)))!important;
}
.cursoswompi .modal-body button[type="button"]{
	background:#F24B48!important;
	color:#fff!important;
	font-weight:bold!important;
	font-size: calc(13px + (16 - 13) * ((100vw - 300px) / (1600 - 300)));
	border-radius:8px;
	padding:10px 20px!important;
	margin-top:30px;
	border:0px!important;
	border-style:none!important;
}
.cursoswompi .modal-body button[type="button"]:hover,
.cursoswompi .modal-body button[type="button"]:focus{
	background:#FF8000;
}
#collapseWompiCursosa06e21339a1d5c9366c710a16c9622b8{
	margin-top:30px;
}
form#CursosForma06e21339a1d5c9366c710a16c9622b8 .form-control{
	border:1px solid #89AD47;
}
#CursosForma06e21339a1d5c9366c710a16c9622b8 button[type="submit"]#btnEnviar.pagar.pull-right{
	background:#F24B48!important;
	color:#fff!important;
	font-weight:bold!important;
	font-size: calc(13px + (16 - 13) * ((100vw - 300px) / (1600 - 300)));
	border-radius:8px;
	padding:10px 20px!important;
	margin-top:15px;
	border:0px!important;
	border-style:none!important;
}



.colnodo30 {
    position: fixed;
    left: 30px !important;
    top: 10px;
    background: url('https://rds.org.co/graficasRDS/colnodo30.png');
	width:calc(100px + (150 - 100) * ((100vw - 300px) / (1600 - 300)));
	height:calc(100px + (150 - 100) * ((100vw - 300px) / (1600 - 300)));
    display: block;
    z-index: 10000;
    background-size: contain;




}