@charset "UTF-8";
/* CSS Document */

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on December 21, 2015 */


@font-face {
    font-family: 'open_sans_condensedbold';
    src: url('../fonts/OpenSans-CondBold-webfont.eot');
    src: url('../fonts/OpenSans-CondBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-CondBold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-CondBold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-CondBold-webfont.svg#open_sans_condensedbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanscondensed_light';
    src: url('../fonts/OpenSans-CondLight-webfont.eot');
    src: url('../fonts/OpenSans-CondLight-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-CondLight-webfont.woff') format('woff'),
         url('../fonts/OpenSans-CondLight-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-CondLight-webfont.svg#open_sanscondensed_light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansCnLtIt';
    src: url('../fonts/OpenSans-CondLightItalic-webfont.eot');
    src: url('../fonts/OpenSans-CondLightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-CondLightItalic-webfont.woff') format('woff'),
         url('../fonts/OpenSans-CondLightItalic-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-CondLightItalic-webfont.svg#open_sansCnLtIt') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/OpenSans-Bold-webfont.eot');
    src: url('../fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansbold_italic';
    src: url('../fonts/OpenSans-BoldItalic-webfont.eot');
    src: url('../fonts/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-BoldItalic-webfont.woff') format('woff'),
         url('../fonts/OpenSans-BoldItalic-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-BoldItalic-webfont.svg#open_sansbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansitalic';
    src: url('../fonts/OpenSans-Italic-webfont.eot');
    src: url('../fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Italic-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Italic-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanslight_italic';
    src: url('../fonts/OpenSans-LightItalic-webfont.eot');
    src: url('../fonts/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-LightItalic-webfont.woff') format('woff'),
         url('../fonts/OpenSans-LightItalic-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-LightItalic-webfont.svg#open_sanslight_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/OpenSans-Regular-webfont.eot');
    src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanslight';
    src: url('../fonts/OpenSans-Light-webfont.eot');
    src: url('../fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'bebasregular';
    src: url('../fonts/BebasNeue.woff') format('woff2'),
         url('../fonts/BebasNeue.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body{ font-family: 'open_sansregular', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif!important;color:#002040;}

.skryj{display:none;}


.renglon10{height:10px;overflow:auto;clear:both;}
.renglon20{height:20px;overflow:auto;clear:both;}
.renglon30{height:30px;overflow:auto;clear:both;}
.renglon40{height:40px;overflow:auto;clear:both;}
.renglonsoporte{height:1px;overflow:auto;clear:both;}


a{color:#135FAC;}

a:hover,
a:focus{
	color:#135FAC;
	text-decoration:underline;
	}
strong{font-family: 'open_sansbold';}

p{margin-bottom:15px;clear:both;}

.imagen_izq {
	float: left;
	margin: 10px 25px 10px 0!important;
    border: 0px;
	display: table;
}

.imagen_der {
	float: right;
	margin: 10px 0px 10px 25px!important;
    border: 0px;
	display: table;
}

.imagen_izq img, .imagen_der img{
	margin-bottom:20px;
}

.imagen_izq span, .imagen_der span{
	font-size: 14px;	
}


.form-control {
    background-color: #fff;
    background-image: none;
    border: 1px solid #20202F;
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #20202F!important;
    display: block;
    font-size: 12px;
    height: 40px;
    line-height: 1.42857;
    padding: 9px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}

.boton a,
button[type="button"].comenteNoti{
	min-width: 170px;
	margin-top:30px;
	margin-bottom:10px;
	font-size:14px;
	text-transform: uppercase;
    color: #424251;
    background-color: transparent;
    border: 1px solid #424251;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding:8px 20px;
}


.boton a:hover, .boton a:focus,
button[type="button"].comenteNoti:hover, button[type="button"].comenteNoti:focus{
	background:  #424251;
	color:#fff;
	 -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;
}

button.btn.btn-default[type="submit"] {
	min-width: 190px;
	margin-top:10px;
	margin-bottom:10px;
	font-size:14px;
	text-transform: uppercase;
    color: #3A828A;
    background-color: transparent;
    border: 2px solid #54B6BF;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding:10px 0px;
	display:block;
	
}

button.btn.btn-default[type="submit"]:hover,
button.btn.btn-default[type="submit"]:focus{
	 -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;
	background:#54B6BF;
	color:#1f1f2e;
}

.bot-volver{
	margin:10px 0;
	float:right;
	}

.bot-volver a{
	background:transparent;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	font-size:13px;
	text-align:center;
	padding:10px 50px;
	color:#7b7b87;
	font-weight:bold;
	border:1px solid #7b7b87;
}

.bot-volver a:hover, .bot-volver a:focus{
	background: #C6D500;
	 -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;
	border:1px solid  #C6D500;
}

.scroller {
    clear: both;
    color: #7b7b87;
    float: left;
    font-size: 1em;
    margin-top: 25px;
}
.scroller span.active {
    border: 1px solid #7b7b87;
    border-radius: 5px;
    float: left;
    font-weight: bold;
    margin-right: 5px;
    padding: 7px 13px;
    text-align: center;
}
.scroller a {
    border: 1px solid #cccccc;
	background: #CCCCCC none repeat scroll 0 0;
    border-radius: 5px;
    color: #000000;
    float: left;
    font-size: 1em;
    margin-right: 5px;
    padding: 7px 13px;
    text-align: center;
    text-transform: uppercase;
}
.scroller a:hover, .scroller a:focus {
    border:1px solid #05A88A;
	background: #05A8AA none repeat scroll 0 0;
    text-decoration: none;
    transition: all 0.5s ease-in-out 0s;
	color:#fff;
}
span.delimiter {
    display: none;
}

/******FORMATO DEL TOOGLE******/

.navbar-default .navbar-toggle {
    border-color: #135FAC;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-toggle {
    background-color: #135FAC;
    background-image: none;
    border: 1px solid #135FAC;
    border-radius: 4px;
    float: right;
    margin-bottom: 8px;
    margin-right: 0px;
    margin-top: 33px;
    padding: 10px 10px;
    position: relative;
}
.navbar-toggle:focus {
    outline: 0 none;
}
.navbar-toggle .icon-bar {
    border-radius: 1px;
    display: block;
    height: 3px;
    width: 22px;
	color:#fff;
}

span.icon-bar{color:#fff!important;}




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

.container.encab{min-height:90px;}

.navbar-brand {
    float: left;
    font-size: 18px;
    min-height: 50px;
    line-height: 20px;
    padding: 15px 0 0 0;
	margin-top:0px;
}

.navbar-default {
    background-color: transparent;
    border-color: transparent;	
}

.navbar {
    border-radius: 0px;
}
.navbar {
    border: 1px solid transparent;
    margin-bottom: 0px!important;
    min-height: 110px;
    position: relative;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: transparent!important;
	padding-left:0!important;
	padding-right:0!important;
}

ul.nav.navbar-nav{
	background:#E9E9E9;
	margin-top:55px;
	font-family: 'open_sansbold';
	float:right;
}

.nav > li > a {
    display: block;
    padding: 18px 16px;
	color:#002040;
}

.nav > li > a.contactenos {
    display: block;
    padding: 18px 25px;
	color:#002040;
	background:#135FAC url(../graficasColnodo/ico-contacto.png) center center no-repeat;
	height:56px;
}

.nav > li > a.busca {
    display: block;
    padding: 18px 25px;
	color:#002040;
	background:#c6d30d url(../graficasColnodo/ico-busca.png) center center no-repeat;
	height:56px;
}

.nav > li.idioma {
    display: block;
    padding: 18px 10px;
	color:#002040;
	background:#E9E9E9;
	height:56px;
	float:left;	
}

.nav > li.idioma span{font-family: 'open_sansbold';}

.goog-te-gadget-simple {
    background-color: transparent!important;
    border-color: transparent transparent transparent!important;
    border-style: solid;
    border-width: 0px;
	display:inline-block;
	float:right;
}

.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > li > a{
    color: #002040;
}

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    background-color:#c6d30d;
    color: #002040;
}

.navbar-default .navbar-nav > li > a.busca:focus, .navbar-default .navbar-nav > li > a.busca:hover {
    background-color:#1a61aa;
    color: #002040;
}

/*****CARRUSEL************/

/* Carousel Styles */
.carrusel-ini .carousel-indicators .active {
    background-color: #ff4b47;
}

.carrusel-ini h2 a{color:#fff;}

.carrusel-ini .carousel-inner,
.carrusel-ini .carousel-inner img {
    width: 100%;
    max-height: 600px;
}

.carrusel-ini .carousel-control {
    width: 0;
}

.carrusel-ini .carousel-control.left,
.carrusel-ini .carousel-control.right {
	opacity: 1;
	filter: alpha(opacity=100);
	background-image: none;
	background-repeat: no-repeat;
	text-shadow: none;
}

.carrusel-ini .carousel-control.left span {
	padding: 15px;
}

.carrusel-ini .carousel-control.right span {
	padding: 15px;
}

.carrusel-ini .carousel-control .glyphicon-chevron-left, 
.carrusel-ini .carousel-control .glyphicon-chevron-right, 
.carrusel-ini .carousel-control .icon-prev, 
.carrusel-ini .carousel-control .icon-next {
	position: absolute;
	top: 45%;
	z-index: 5;
	display: inline-block;
}

.carrusel-ini .carousel-control .glyphicon-chevron-left,
.carrusel-ini .carousel-control .icon-prev {
	left: 0;
}

.carrusel-ini .carousel-control .glyphicon-chevron-right,
.carrusel-ini .carousel-control .icon-next {
	right: 30px;
}

.carrusel-ini .carousel-control.left span,
.carrusel-ini .carousel-control.right span {
	background-color: transparent;
}

.carrusel-ini .carousel-control.left span:hover,
.carrusel-ini .carousel-control.right span:hover {
	opacity: .7;
	filter: alpha(opacity=70);
}

.carrusel-ini .seccion1{
	position:absolute;
	top:0;
	width:100%;
	border-top:8px solid #FF4B47;
	z-index:9;
    position: absolute;
    top: 0px;
}

.carrusel-ini .seccion1 span{
	background:#FF4B47;
	color:#fff;
	padding:8px 20px 8px 20px;
	margin-left:80px;
	position:absolute;
	top:0px;
}

.carrusel-ini .seccion1 span a,
.carrusel-ini .seccion2 span a{
	color:#fff!important;}

.carrusel-ini .seccion2{
	position:absolute;
	top:0;
	width:100%;
	border-top:8px solid #52BAC6;
	z-index:10;
    position: absolute;
    top: 0px;
}

.carrusel-ini .seccion2 span{
	background:#52BAC6;
	color:#fff;
	padding:8px 20px 8px 20px;
	margin-left:80px;position:absolute;
	top:0px;
}

/* Carousel Header Styles */
.carrusel-ini .header-text {
    position: absolute;
    top: 10%;
   	right: 8%;
    color: #fff;
   width: 35%;
	background-color:rgba(0, 0, 0, 0.8);
	padding-bottom:30px;
}

.carrusel-ini .header-text h2 {
    font-size: 20px;
	line-height:130%;
	color:#fff;
	padding:10px 30px 0 30px;
}


.carrusel-ini .header-text p {
	color:#fff;
	font-size:15px;
	line-height:130%;
	padding: 20px 30px 10px 30px;
}

.carrusel-ini .header-text .tag{font-size:12px;padding:0 30px 20px 30px;}

.carrusel-ini .header-text .tag a{;padding:0 10px 0 0;color:#E5FF99;}

.carrusel-ini a.boton-header,
.impacto a.boton-header{
    min-width: 170px;
	margin-bottom:30px;
	font-size:14px;
	text-transform: uppercase;
    color: #fff;
    background-color: transparent;
    border: 1px solid #fff;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding:10px 20px;
}

.carrusel-ini a.boton-header:hover,
.impacto a.boton-header:hover{
    color: #000;
    background-color: #fff;
    border-color: #fff;
}

.impacto{
	background:#26628A;
	border-top:7px solid #52BAC6;
	height:auto;
	overflow:auto;
	padding-bottom:30px;
	padding-top:8px;
	margin-top:1px;
}

.row.impac{margin-top:50px;}
.seccion-impacto{
	background:#52BAC6;
	color:#fff;
	padding:9px 20px 8px 20px!important;
	/*margin-left:980px;*/
	display:inline;
	overflow:auto;
	top:0;right:50px;
}

.seccion-impacto a{color:#fff;}

.ih-item.square.effect7{margin-bottom:20px;}

h3.titulo-impacto  {
    color: #fff;
    font-size: 20px!important;
	line-height:130%;
    text-transform: none;
	margin-top:20px!important;
	padding-top:0!important;
}

h3.titulo-impacto a {
    color: #fff;
	text-decoration:none;
}

h3.titulo-impacto a:hover,
h3.titulo-impacto a:focus
{
    color: #52bac6;
	text-decoration:none;
}

.ih-item.square.effect7 .info p {
    color: #fff;
    font-size: 15px;
    font-style: normal;
    padding: 30px 10px 10px 10px;
}

.mas-impacto{
	background-color: #fff;
	width:40px;
	height:40px;
	margin-top:30px;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	margin:0px auto;
	padding: 9px 0 0 0;
}

.mas-impacto:hover,
.mas-impacto:focus{
	background-color: #52bac6;
	-webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
}

.impacto h3 {
    font-size: 24px;
	line-height:130%;
	color:#fff;
	padding:30px 0px 0 0px;
	text-align:center;
}


.impacto p {
	color:#fff;
	font-size:15px;
	line-height:130%;
	padding: 20px 0px 10px 0px;
	text-align:center;
}

.impacto .tag{font-size:12px;padding:0px 30px 20px 30px; text-align:center;}

.impacto .tag a{;padding:0 10px 0 0;color:#E5FF99;}

.impacto a.boton-header {
    min-width: 170px;
	margin-top:30px;
	margin-bottom:10px;
	font-size:14px;
	text-transform: uppercase;
    color: #fff;
    background-color: transparent;
    border: 1px solid #fff;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding:10px 20px;
}


.impacto a.boton-header {
    min-width: 170px;
	margin-top:30px;
	margin-bottom:10px;
	font-size:14px;
	text-transform: uppercase;
    color: #fff;
    background-color: transparent;
    border: 1px solid #fff;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding:10px 20px;
}

.impacto a.boton-header:hover {
    color: #000;
    background-color: #fff;
    border-color: #fff;
}

.impacto .carousel-indicators{bottom:0px;}

/*********ANUNCIOS*********/


.anuncio {
    margin:0px 0;
}

/**********editorial-twitter**********/
.col-md-7.col-sm-6.editorial{
	width:100%;
	margin-bottom:30px;
}
.col-md-7.col-sm-6.editorial .row .col-md-7 h4{
	font-size: 18px;
	margin-top:40px;
}

.editorial-twitter{margin-top: 0px; color:#414151}

.editorial-twitter a,
.anuncios-novedades a{color:#414151}

.editorial-twitter h2,
.anuncios-novedades h2{
	font-size:14px;
	text-transform: uppercase;
	border-bottom:1px solid #AFC8C1;
	padding-bottom:4px;
}

.novedades h2{margin-top:0}

.editorial h3,
.novedades h3{
	font-size:18px;
	font-family: 'open_sansbold';
	margin-bottom:20px;
}

.editorial h4,
.novedades h4{
	font-size:14px;
	font-family: 'open_sansbold';
}

.novedades h4{margin-top:0;
padding-top:0;}

.editorial .capsula{
	margin-top:20px;
	overflow:auto;	
}

.editorial img{width:140px;height:140px;}

.editorial .capsula img{
	width:70px!important;
	height:70px!important;
}

.imagen_izq.editorial {
	float: left;
	margin: 0px 15px 0px 0!important;
    border: 0px;
	display: table;
}

.novedades img{margin-top:20px;}


.novedades .capsula{
	margin-top:20px;
	overflow:auto;
	border-bottom:1px solid #AFC8C1;
	margin-bottom:10px;
}

/***SERVICIOS***/

.servicios{
	padding: 50px 0;
	background:#F5F9CF;
	margin-top:40px;
}

.servicios h3{
	text-align:center;
	font-size: 40px;
	font-family: 'bebasregular';
	letter-spacing: 0px;
	word-spacing: 4px;
	margin-bottom:40px;
	font-style:normal!important;	
}

.servicios h3 a{
	color:#414151;
}

.servicios h4{
	text-align:center;
	font-size: 18px;
	font-family: 'open_sansbold';
	margin:20px 0;
}

.servicios h4 a{color:#002040;}

.servicios h5{margin-bottom:30px;}

/********CLIENTES*********/

.twitter-clientes{
	margin-top:0px;
	padding: 0 0px 40px 0px;
	background: #E9F6F7;
	border-top:8px solid #57BAC5;
}

.twitter-clientes .tit{
	font-family: 'bebasregular';
	color:#1F1F2E;
	font-size:20px;
	background:#57BAC5;
	padding:6px 20px 8px 20px;
	display:inline;
	float:right;	
}

.torrente{
	/*margin-top:40px;*/
	/*background:#B6E2E7;
	height:auto;
	min-height:420px;*/
	color		: #000;
	position	: absolute;
	left		: -9999em;
	top		: -9999em ;
	text-indent	: -9999em;
}

.formularios{
	background:#fff;
	margin-top:40px;
}

.formularios .capsula{
	background:#fff;
padding:20px;
min-height:295px;
}



.correo h3,
.soporte h3,
.suscribase h3{
	font-size:14px;
	font-family: 'open_sansbold';
	color:#20202F;
	margin:25px 0;
}


.correo button.btn.btn-default[type="submit"]{margin-top:30px!important;width:100%;}

.soporte button.btn.btn-default[type="submit"]{margin-top:20px!important;width:100%;}

.suscribase button.btn.btn-default[type="submit"]{margin-top:2px;width:100%;}

.logos-aliados{padding:20px 0 40px 0;}

.logos-aliados h3{font-size:18px;
	font-weight:bold;
	text-align:center!important;
	padding-bottom:20px;
	text-transform: uppercase;
}

.owl-nav{display:none;}

.soporte .popover-content{width:250px;}

/*****P I E *****/

.pie{
	background:#132B4D;
	padding:40px 0 0 0;	
}

.pie ul{
	margin:0 0 30px 0;
	padding:0 0 0 0;}

.pie ul li{
	display:inline;
	font-size:14px;;
	padding: 0 30px 0 0;
}

.pie ul li a,
.pie p a{color:#fff;}

.pie a:hover, .pie a:focus{
	color:#C6D500;
	text-decoration:none;
}

.pie .datos{margin-bottom:30px;}

.pie h3{	
	font-size:22px;
	margin:0 0 10px 0;
	padding:0 0 0 0;
	color:#fff;
}

.pie p{
	color:#fff;
	margin:0 0 3px 0!important;
}

.fb a{
	background:url(../graficasColnodo/1sabanaColnodo2017.png) -27px 0;
	width:32px;
	height:32px;
	float:left;
	margin: 0 30px 0 0;
}

.fb a:hover, .fb a:focus{background:url(../graficasColnodo/1sabanaColnodo2017.png) -27px -32px;}

.tw a{
	background:url(../graficasColnodo/1sabanaColnodo2017.png) -62px 0;
	width:32px;
	height:32px;
	float:left;
	margin: 0 30px 0 0;
}

.tw a:hover, .tw a:focus{background:url(../graficasColnodo/1sabanaColnodo2017.png) -62px -32px;}

.instagram a{
	background:url(../graficasColnodo/1sabanaColnodo2017.png) -97px 0;
	width:32px;
	height:32px;
	float:left;
	margin: 0 30px 0 0;
}

.instagram a:hover, .instagram a:focus{background:url(../graficasColnodo/1sabanaColnodo2017.png) -97px -32px;}

.youtube a{
	background:url(../graficasColnodo/1sabanaColnodo2017.png) -132px 0;
	width:32px;
	height:32px;
	float:left;
	margin: 0 ;
}

.youtube a:hover, .youtube a:focus{background:url(../graficasColnodo/1sabanaColnodo2017.png) -132px -32px;}

.logopie a{
	background:url(../graficasColnodo/1sabanaColnodo2017.png) -171px 0;
	width:243px;
	height:86px;
	float:left;
	margin-top:50px;
}

/*********SECUNDARIAS**********/
.encab-sec{position:relative; height:350px; border-top:8px solid #00BEFF;}

.encab-sec img{position:absolute;}

.encab-sec h2{
	background:#00beff;
	color:#fff;
	padding:8px 20px 8px 20px;
	margin-left:40px;
	position:absolute;
	top:0px!important;
	font-size:14px;
	margin-top:0!important;
	
}

.encab-sec h2.largo{
	font-size:60px;
	 top: 30px;
	word-spacing:8px!important;
}

.encab-sec h2.tagline{
	position:absolute;
	left:0px;
	top: 280px!important;
	font-size:18px;
	font-family: 'open_sansregular';
	color:#fff;
	text-align:center;
	background-color: rgba(0, 0, 0, 0.7);
	letter-spacing: 0px;
	word-spacing:0px!important;
	display:inline-block;
	line-height:140%;
	height:auto!important;
	padding:10px 0 10px 0!important;
	margin:0 0 0 0!important;
	width:100%;
	overflow:auto;
}

.container.secundarias .row{padding-left:10px;padding-right:10px; clear:both; margin: auto; width: 60%; display: flex;}

.container.secundarias .row .col-md-8{
	margin: auto;
}



.secundarias{color:#3F3F51; display: flex;}

.secundarias p{font-size:16px;}

.breadcrumb {
    background-color: transparent;
    border-radius: 0px;
    font-size: 13px;
    list-style: outside none none;
    margin-bottom: 60px;
	margin-top:60px;
    padding: 8px 15px 8px 0 !important;
    text-align: left;
	/*text-transform: uppercase;*/
    width: 100%;
	border-bottom:1px solid #CBCBD0;
}


/*Personal*/

.persona {padding: 0 20px 40px 20px;}
.persona h5{text-align:center;margin-bottom:5px!important;white-space:pre-wrap;}
.persona h6{text-align:center;margin-bottom:5px!important;text-transform:uppercase;margin-top:0!important;white-space:pre-wrap;}

h2.resp-accordion {font-size: 16px!important;font-family: 'open_sansbold'!important;}

.resp-tabs-container.hor_1 .page-header{overflow:auto;}
.resp-tabs-container.hor_1 .page-header h3{display:inline; float:left;}
.resp-tabs-container.hor_1 .page-header .boton a{float:right; margin-top:10px;}

/*linea de tiempo historia*/

.timeline {
    list-style: none;
    padding: 20px 0 20px;
    position: relative;
	max-height:770px;
	overflow:scroll;
}

    .timeline:before {
        top: 0;
        bottom: 0;
        position: absolute;
        content: " ";
        width: 3px;
        background-color: #eeeeee;
        left: 50%;
        margin-left: -1.5px;
    }

    .timeline > li {
        margin-bottom: 20px;
        position: relative;
    }

        .timeline > li:before,
        .timeline > li:after {
            content: " ";
            display: table;
        }

        .timeline > li:after {
            clear: both;
        }

        .timeline > li:before,
        .timeline > li:after {
            content: " ";
            display: table;
        }

        .timeline > li:after {
            clear: both;
        }

        .timeline > li > .timeline-panel {
            width: 46%;
            float: left;
            border: 1px solid #d4d4d4;
            border-radius: 2px;
            padding: 20px;
            position: relative;
            -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
            box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
        }

            .timeline > li > .timeline-panel:before {
                position: absolute;
                top: 26px;
                right: -15px;
                display: inline-block;
                border-top: 15px solid transparent;
                border-left: 15px solid #ccc;
                border-right: 0 solid #ccc;
                border-bottom: 15px solid transparent;
                content: " ";
            }

            .timeline > li > .timeline-panel:after {
                position: absolute;
                top: 27px;
                right: -14px;
                display: inline-block;
                border-top: 14px solid transparent;
                border-left: 14px solid #fff;
                border-right: 0 solid #fff;
                border-bottom: 14px solid transparent;
                content: " ";
            }

        .timeline > li > .timeline-badge {
            color: #fff;
            width: 50px;
            height: 50px;
            line-height: 50px;
            font-size: 14px;
            text-align: center;
            position: absolute;
            top: 16px;
            left: 50%;
            margin-left: -25px;
            background-color: #999999;
            z-index: 100;
            border-top-right-radius: 50%;
            border-top-left-radius: 50%;
            border-bottom-right-radius: 50%;
            border-bottom-left-radius: 50%;
        }

        .timeline > li.timeline-inverted > .timeline-panel {
            float: right;
        }

            .timeline > li.timeline-inverted > .timeline-panel:before {
                border-left-width: 0;
                border-right-width: 15px;
                left: -15px;
                right: auto;
            }

            .timeline > li.timeline-inverted > .timeline-panel:after {
                border-left-width: 0;
                border-right-width: 14px;
                left: -14px;
                right: auto;
            }

.timeline-badge.primary {
    background-color: #2e6da4 !important;
}

.timeline-badge.success {
    background-color: #3f903f !important;
}

.timeline-badge.warning {
    background-color: #f0ad4e !important;
}

.timeline-badge.danger {
    background-color: #d9534f !important;
}

.timeline-badge.info {
    background-color: #5bc0de !important;
}

.timeline-title {
    margin-top: 0;
    color: inherit;
}

.timeline-body > p,
.timeline-body > ul {
    margin-bottom: 0;
}

.timeline-body > p + p {
        margin-top: 5px;
    }

.timeline-body p,
.resp-tabs-container.hor_1 p{
       font-size:14px;
	margin-bottom:10px;
    }

.resp-tabs-container.hor_1 h4{
	font-weight:bold;
	margin-top:20px;
}

.resp-tabs-container.hor_1 .glyphicon.glyphicon-file{color:#FF4D4D;margin-right:10px;}

.legalidad{
	max-height:500px;
	overflow:scroll;
}

.experiencias-sec,
.impacto-sec{position:relative;
margin-bottom:40px;}

.experiencias-sec{border-top:6px solid #FF4B47;}

.impacto-sec{border-top:6px solid #00BFFF;}

.experiencias-sec h3,
.impacto-sec h3{
	color:#fff;
	padding:8px 15px;
	position:absolute;
	top:0px;
	right:20px;
	font-size:14px;
	margin:0 0 0 0;
	text-transform: uppercase;
}

.experiencias-sec h3{background:#FF4B47;}

.impacto-sec h3{background:#00BFFF;}
	
.experiencias-sec h4,
.impacto-sec h4{
	position:absolute;
	bottom:0;
	background-color: rgba(0, 0, 0, 0.5);
	color:#fff;
	padding:10px 20px;
	font-size:16px;
	font-family: 'open_sans_condensedbold';
	margin-bottom:0!important;
	width:100%;
}

.experiencias-sec h4 a,
.impacto-sec h4 a{
	color:#fff;
	text-decoration:none;
}

.experiencias-sec h4 a:hover, .experiencias-sec h4 a:focus,
.impacto-sec h4 a:hover, .impacto-sec h4 a:focus{
	color:#fff;
	text-decoration:underline;
}

.extras .mas{
	width:17px;
	height:16px;
	display:inline-block;
	background:url(../graficasColnodo/1sabanaColnodo2017.png) -4px -42px;
	vertical-align:bottom;
	margin-left:5px;
}

.extras .editorial h3 {
    border-bottom: 1px solid #afc8c1;
    font-size: 14px;
    padding-bottom: 4px;
    text-transform: uppercase;
}

.extras .editorial h4 {
    font-family: "open_sansbold";
    font-size: 16px;
	margin:20px 0;
}

.extras .editorial p {
    font-size: 14px;
}

.mapa{
	display:block;
	min-height:300px;
	background:#ccc;
	margin:40px 0;
}

.zonaclientes{}

.zonaclientes .btn.btn-default.btn-md.dropdown-toggle{
	font-family: 'bebasregular';
	background:#fff;
	border-radius: 2px;
    border-color: #fff;
    color: #1F1F2E;
	padding: 10px 5px;
	vertical-align:middle;
	word-spacing: 2px;
}

span.ico-zonaclientes{
	background:url(../graficasColnodo/1sabanaColnodo2017.png) 0 -67px;
	width:32px;
	height:32px;
	display: inline-block;
	margin:0 20px 0 0;
	vertical-align:middle;
}

.zonaclientes .dropdown-menu{
	min-width:500px;
	padding:10px;
	background:#E9E9E9;
	border-radius: 2px;
    border-color: #E9E9E9;
}

.zonaclientes .form-control {
    border: 1px solid #396C7A;
}

.zonaclientes button[type="submit"].ingresar {
    border: 1px solid #396C7A;
	background:#396C7A;
	color:#fff!important;
	width:100%;
	min-width:100%;
	margin-top:10px;
	border-radius: 3px;
	text-align:center;
	padding:8px 0;
}

.ingresar::-moz-placeholder {
    color: #fff;
    opacity: 1;
}

.ico-pass{
	background:url(../graficasColnodo/1sabanaColnodo2017.png) -39px -84px;
	width:14px;
	height:17px;
	margin:0 0px 0 0;
	vertical-align:middle;
}

.zonaclientes .glyphicon.glyphicon-user{color:#fff;}

.zonaclientes .input-group-addon {
    background-color: #396c7a;
    border: 1px solid #396c7a;
}

.zonaclientes span.no-esta{font-size:16px; text-align:center;margin-top:10px;font-family: 'open_sansbold';}

.zonaclientes button[type="submit"].registrese{
    border: 1px solid #ff4b47;
	background:#ff4b47;
	color:#fff!important;
	width:100%;
	min-width:100%;
	margin-top:8px;
	border-radius: 3px;
	text-align:center;
	padding:8px 0;
}

.zonaclientes h5{text-align:center;margin-top:20px;}

.dropdown-menu.logueado{
	min-width:200px!important;
	padding:10px 10px 0 10px;
	background:#E9E9E9;
	border-radius: 2px;
    border-color: #E9E9E9;
}

.logueado ul{
	padding:5px 20px 0 20px!important;
}

.logueado li{
	list-style: none;
	font-size:14px;
}

.logueado li a{
	color:#000;
	padding:5px;
	display:block;
}

.logueado li a:hover,
.logueado li a:focus{
	color:#000;
	background:#DADADA;
	text-decoration:none;
}

.nuestralabor h3{
	 font-family: 'bebasregular';
	color:#095DAF;
	font-size:30px;
	text-align:center;
	letter-spacing: -1px;
	white-space: pre;
	margin-bottom:40px;
}

.boton-eje a{
	border:2px solid #095DAF;
	border-radius:5px;
	text-align:center;
	display:block;
	padding:20px 0;
	color:#095DAF;
	text-transform: uppercase;
	font-size:14px;
	font-family: 'open_sansbold';
	margin-bottom:20px;
	}

.boton-eje a:hover,
.boton-eje a:focus{
	border:2px solid #095DAF;
	background:#095DAF;
	color:#fff;
	text-decoration:none; 
	-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;
	}

.programas{
	background:#E9E9E9 url(../graficasColnodo/bg-programas.jpg) center top repeat-x;
	padding:60px 20px 0px 20px;
	margin-bottom:40px;
}

.programas .capsula{
	margin-bottom:30px;
	background:#fff;
	border-radius:8px;
	min-height:400px;
}

.programas .capsula h4{
	padding:30px 15px;
	color:#fff;
	font-family: 'bebasregular';
	font-size:20px;
	text-shadow: 1px 1px 3px #000;
	white-space: pre;
	line-height:130%;
	margin-top:0!important;
	border-radius:8px 8px 0 0;
}

.programas .capsula h4.gobierno{background:#C1DF4D url(../graficasColnodo/flecha-verde.jpg) bottom left no-repeat;}

.programas .capsula h4.apropiacion{background:#015271 url(../graficasColnodo/flecha-azulo.jpg) bottom left no-repeat;}

.programas .capsula h4.politicas{background:#008084 url(../graficasColnodo/flecha-verdeo.jpg) bottom left no-repeat;}

.programas .capsula h4.gestion{background:#00C3D3 url(../graficasColnodo/flecha-azul.jpg) bottom left no-repeat;}

.programas .capsula p{
	padding:20px 15px;
}

.botonesEjes{
	padding:0px 15px;
}

.programas .bot a{
	border-radius:5px;
	text-align:center;
	display:block;
	padding:10px 0;
	color:#095DAF;
	text-transform: uppercase;
	font-size:14px;
	font-family: 'open_sansbold';
	margin-bottom:20px;
	}

.programas .bot a:hover,
.programas .bot a:focus{
	color:#fff;
	text-decoration:none; 
	-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;
	}	

.bot.gob a{
	border:2px solid #A1C022;
	color: #A1C022;
}

.bot.gob a:hover,
.bot.gob a:focus{
	text-decoration:none;
	color:#fff;
	background:#A1C022;
}

.bot.apropiacion a{
	border:2px solid #015271;
	color: #015271;
}

.bot.apropiacion a:hover,
.bot.apropiacion a:focus{
	text-decoration:none;
	color:#fff;
	background:#015271;
}

.bot.politicas a{
	border:2px solid #008084;
	color: #008084;
}

.bot.politicas a:hover,
.bot.politicas a:focus{
	text-decoration:none;
	color:#fff;
	background:#008084;
}

.bot.gestion a{
	border:2px solid #00C3D3;
	color: #00C3D3;
}

.bot.gestion a:hover,
.bot.gestion a:focus{
	text-decoration:none;
	color:#fff;
	background:#00C3D3;
}

.proyectos h3,
.etiquetas h3,
.orgaliadas h3,
.capsulaNovedades h3{
	font-family: 'bebasregular';
	color:#095DAF;
	font-size:30px;
	letter-spacing: -1px;
	word-spacing: 6px; 
	margin-bottom:40px;
}


.proyectos .capsula,
.orgaliadas .capsula{
	border:2px solid #e9e9e9;
	border-radius:8px;
	overflow:auto;
	margin-bottom:40px;
}

.proyectos .imagen,
.orgaliadas .imagen{
	background:#fff;
	text-align:center;
	padding:20px;
}

.proyectos .capsula .cont{
	padding:20px;
	display:table-cell;
	background:#e9e9e9;	
}

.orgaliadas .capsula .cont{
	padding:20px;
	display:table-cell;
}



.proyectos .capsula .cont h4,
.etiquetas .capsula h4,
.orgaliadas .capsula h4,
.capsulaNovedades h4{
	font-family: 'open_sansbold';
	font-size:17px;
	margin:0!important;
	padding:0!important;
}

.proyectos .capsula .cont p,
.orgaliadas .capsula .cont p,
.capsulaNovedades p{
	font-family: 'open_sansregular';
	font-size:14px;
	margin:20px 0 0 0;
	padding:0!important;
}

.capsulaNovedades p{margin:0px 0 0 0!important;}

.ficha .imagen{margin-bottom:40px;}

.ficha h3{
	font-family: 'open_sansbold';
	font-size:24px;
	margin-bottom:40px;
}

.ficha td,
.ficha p{font-size:15px;
line-height:140%!important;}

.ficha ul li{font-size:15px;
margin-bottom:5px;}

.notacompleta h3{
	font-size:30px!important;
	font-family: 'open_sansbold', Calibri, Candara, "Segoe Print", "Segoe UI", "Open Sans", Arial;
	margin-bottom:20px;
	color:#F47542;
	text-align:center;
}

.resources-site .nuestralabor h3{
	 font-family: 'bebasregular'!important;
	color:#05a8aa;
	font-size:40px;
	text-align:center;
	letter-spacing: 0px;
	white-space: pre;
	margin-bottom:20px;
}

ul.temas{margin-left:20px!important;}

.notacompleta .tags,
.capsulaNovedades .tags{
	border-top:1px solid #7b7b87;
	border-bottom:1px solid #7b7b87;
	padding: 7px 0;
	color:#7b7b87;
	font-size:12px;
	margin-bottom:20px;
}

.capsulaNovedades .tags{margin-top:10px;}

.notacompleta .tags a,
.capsulaNovedades .tags a{
	padding: 0 0 0 15px;
	color:#7b7b87;
}

.notacompleta .tags a:hover,
.notacompleta .tags a:focus{
	color:#22618C;
}

.notacompleta .imagen_izq,
.editorial-sec .imagen_izq{
    border-bottom: 1px solid #333;
    display: table;
    margin: 10px 0px 30px 0!important;
	width:100%;
	padding-bottom:10px;
	height:auto;
	overflow:auto;
}

.notacompleta .imagen_izq span,
.editorial-sec .imagen_izq span{
    font-family: 'open_sansitalic';
	padding:0px 0;
	font-size:12px;
	margin:0 0 20px 0!important;
	color: #666;
}

.notacompleta .imagen_izq img, .notacompleta .imagen_der img,
.editorial-sec .imagen_izq img, .editorial-sec .imagen_der img{
	margin-bottom:10px;
}

.notacompleta h4{
	font-size:20px;
	font-family: 'open_sansbold';
	margin:40px 0 20px 0;
}

.notacompleta h5{
	font-size:17px;
	font-family: 'open_sansbold';
	margin:40px 0 20px 0;
}

.notacompleta ul{
	padding-left:20px;
}

.notacompleta li{
	font-size:16px;
	margin-bottom:10px;
}

.notacompleta ul li ul {
    padding-left: 25px;
    margin-top: 20px;
}

.capsulaNovedades .col-md-6{overflow:auto;padding:20px 0;}

.row .filete{border-bottom:1px solid #ccc;}

.capsulaNovedades .imagen{
	padding-left:0!important;
	padding-right:0!important;
}

.capsulaNovedades .cont{}

p.datos-articulo{
	font-family: 'open_sansitalic';
	font-size:16px;
	margin-bottom:10px;
	color:dimgray;
}

.compartir{
	margin-top:40px;
	padding-top: 20px;
	overflow:auto!important;
	clear:both;
	border-top:1px solid #7b7b87;
}

.compartir-twitter a{
	background: url("../graficasColnodo/1sabanaColnodo2017.png") repeat scroll -97px -84px;
    float: left;
    height: 28px;
    margin: 0 15px 0 0;
    width: 28px;
	} 

.compartir-fb a{
	 background: url("../graficasColnodo/1sabanaColnodo2017.png") repeat scroll -66px -84px;
    float: left;
    height: 28px;
    margin: 0 15px 0 0;
    width: 28px;
	} 
	
.imprimir a{
	 background: url("../graficasColnodo/1sabanaColnodo2017.png") repeat scroll -161px -84px;
    float: left;
    height: 28px;
    margin: 0 15px 0 0;
    width: 28px;
	}

.enviar a{
	 background: url("../graficasColnodo/1sabanaColnodo2017.png") repeat scroll -129px -84px;
    float: left;
    height: 28px;
    margin: 0 15px 0 0;
    width: 28px;
	}
	
.compartir span{display:inline;float:left; color:#777873; margin-top:8px;margin-right:20px;}

h3.error{
	font-size:40px;
	font-family: 'open_sansbold', Calibri, Candara, "Segoe Print", "Segoe UI", "Open Sans", Arial, "sans-serif";
	letter-spacing: -1px;
	margin:30px 0 30px 0;
	color:#F47542;
	text-align:center;
	background: url("/graficas/error.png")top center;
	padding:100px 0 20px 0;
	background-repeat:no-repeat;
}

h4.error{
	font-size:25px;
	font-family: 'open_sansbold', Calibri, Candara, "Segoe Print", "Segoe UI", "Open Sans", Arial, "sans-serif";
	letter-spacing: -1px;
	margin-bottom: 20px;
	line-height:120%;	
	color:#376C7B;
	text-align:center;
}

h5.error{
	font-size:18px;
	font-family: 'open_sansbold', Calibri, Candara, "Segoe Print", "Segoe UI", "Open Sans", Arial, "sans-serif";
	line-height:120%;
	margin-bottom:10px;
	color:#171616;		
}
.btn.ingresar{
	background:#05A8AA;
	margin-top:20px;
	float:right;
}

h5.error a{
	color:#376C7B;		
}
.row.logueo .alert{
	overflow:auto!important;
}

.etiquetas .capsula{
	border:2px solid #e9e9e9;
	background: #e9e9e9;
	border-radius:8px;
	overflow:auto;
	margin-bottom:40px;
	padding-bottom:0px;
}

.etiquetas .capsula .imagen{
	background:#fff;
}

.etiquetas .capsula h4{
	font-family: 'open_sansbold';
	font-size:17px;
	margin:30px 20px 10px 20px!important;
	padding:0!important;
	line-height:130%;
}

.etiquetas .capsula p{
	font-size:15px;
	margin:0px 20px!important;
	padding:0!important;
	line-height:130%;
}

.etiquetas .capsula h5, 
.etiquetas .capsula p{
	margin:10px 20px!important;
	line-height:130%;
}

.filtros{
	background:#E9E9E9;
	margin:40px 0;
	padding:20px;
	overflow:auto;
}

.filtros h4{
	font-family: 'bebasregular';
	text-align:center;
	font-size:25px;
	margin-bottom:10px;
}

.filtros .input-group.selecc{width:100%!important;display:block;}

.filtros .boton {margin-top:10px;}

.filtros .boton a{padding:9px 60px;}

.filtros input[type="text"]{position:relative;}

.filtros button.btn.btn-default[type="submit"] {
	min-width: 40px;
	margin-top:0px;
	margin-bottom:0px;
	font-size:14px;
	text-transform: uppercase;
    color: #3A828A;
    background-color:transparent;
    border: 1px solid transparent;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding:7px 0px;
	display:block;
	position:absolute;
	right:18px;top:3px;
}

h3.tit-editorial {
	font-family: 'bebasregular';
	color:#095DAF;
	font-size:30px;
	letter-spacing: -1px;
	word-spacing: 6px; 
	margin-bottom:40px;
}

h4.intro-editorial{
	font-size:20px;
	line-height:135%;
	color:#666666;
	font-family: 'open_sansregular';
	margin-bottom:40px;
	
}

.foto-editorial{
	background:#e9f6f7;
	border-radius:10px;
	padding:40px 20px 20px 20px;
}

.foto-editorial img{
	-webkit-filter: grayscale(70%);
filter: grayscale(70%);
	
}

.foto-editorial h5{
	font-family: 'open_sansbold';
	font-size: 16px;
	text-align:center;
	margin:20px 0;
}

.foto-editorial h6{
	font-family: 'open_sansregular';
	font-size: 13px;
	text-align:center;
	margin:0px 0 20px 0;
	text-transform: uppercase;
}

.boton.editorial a{
	margin-top:20px;
	margin-bottom:0!important;
	padding:12px 0px!important;
	display:block;
	text-align:center;
	margin-left:-15px;
	margin-right:-15px;
	
}

.columnista{
	background:#e9e9e9;
	padding:40px 0;
	margin-bottom:40px;
	border-radius: 10px;
}

.columnista img.desaturada { filter: grayscale(80%);
-webkit-filter: grayscale(80%);
-moz-filter: grayscale(80%);
-ms-filter: grayscale(80%);
-o-filter: grayscale(80%);
}

.columnista h3.autor{
	font-size:30px;
	font-family: 'open_sansbold';
	margin:0 0 0 0;
	padding:0 0 30px 0;
	color:#333;
}

.columnista p{
	font-size:16px;
	font-family: 'open_sansregular';
	margin:0 0 0 0;
	padding:0 0 0 0;
	color:#333;
}

.redesNoticias{
	position:fixed;
	top:200px;
	left:0px;
	width:50px;
	padding-left:5px;
	padding-right:5px;
	border-radius: 0 15px 15px 0;
	box-shadow: -1px 0px 5px #000;
	height:220px;
	background-color:#fff;
	z-index:1000;
}

.redesNoticias .fb a{
	background:url(../graficasColnodo/1sabanaredes.png) 0 0;
	width:35px; 
	height:50px;
	border-bottom:1px solid #DDDEDF;
}

.redesNoticias .tw a{
	background:url(../graficasColnodo/1sabanaredes.png) 0 -50px;
	width:35px; 
	height:56px;
	border-bottom:1px solid #DDDEDF;
}

.redesNoticias .comente-noticia {
	background: url(../graficasColnodo/1sabanaredes.png) 0 -109px;
	float:left;
	width:35px;
	height:56px;
	border-bottom:1px solid #DDDEDF;	
}

.redesNoticias .enviar a{
	background: url(../graficasColnodo/1sabanaredes.png) 0 -168px;
	width:35px; 
	height:56px;
	clear:both;
}

.comentar button[type="submit"]{
    border: 1px solid #ff4b47;
	background:#ff4b47;
	color:#fff!important;
	width:250px;
	min-width:250px;
	margin-top:8px;
	border-radius: 3px;
	text-align:center;
	padding:8px 0;
}

.comentar a{color:#ff4b47;}

.comentar textarea{ border: 1px solid #20202F;
    border-radius: 3px;}

.comentarios .well{overflow:auto!important;}

.comentarios h5{ cursor:pointer;}

.comentarios span.badge{background:#c6d30d;}

.comentarios .capsula{padding:20px 0px 20px 0px; overflow:auto;}

.comentarios .capsula.respuesta{padding:20px 0 20px 30px;border-left:1px solid #ccc;}

.comentarios span.fecha{font-family: 'open_sansitalic'; color:#5ab1d0;}

.nombre-comentario{font-size:14px;
font-family: 'open_sansbold';
margin-bottom: 10px;
}

.texto-comentario p{
	font-size:14px;
margin-bottom: 20px;
}

h4.panel-title{
	font-size:18px;
}

.tab-content #collapse1 h5,
.tab-content #collapse3 h5,
.tab-content #collapse4 h5{
	font-size:16px;
	font-weight:bold;
	margin:30px 0 20px 0;
}

.tab-content ul{margin-left:20px;}

.tab-content ul li{
	list-style:none;
	background:url(../graficasColnodo/bullet.png) 0 6px no-repeat;
	margin:10px 0;
	padding-left:20px;
	font-size:16px;
}

.tab-content #historia ul li{
	list-style:none;
	background:none;
	margin:5px 0;
	padding-left:0px;
}


/*-------------------------------*/
/*    Carousel Fade Transition   */
/*-------------------------------*/

#fade-quote-carousel.carousel {
  padding-bottom: 20px;
}
#fade-quote-carousel.carousel .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
      -ms-transition-property: opacity;
          transition-property: opacity;
}
#fade-quote-carousel.carousel .carousel-inner .active {
  opacity: 1;
  -webkit-transition-property: opacity;
      -ms-transition-property: opacity;
          transition-property: opacity;
}
#fade-quote-carousel.carousel .carousel-indicators {
  bottom: 10px;
}
#fade-quote-carousel.carousel .carousel-indicators > li {
  background-color: #e84a64;
  border: none;
}
#fade-quote-carousel blockquote {
    text-align: center;
    border: none;
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
.embed-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

/************ANADIDOS MR DONACIONES SEPT2020************/
.donaciones h2{padding-bottom:30px!important;}

.donaciones .capsula{
	padding:20px;
	background:#E9E9E9;
	align-items:center;
	margin-bottom:30px;
	border-top:4px solid #c6d30d;
}

.donaciones .capsula .flex{
	display:flex;
	align-items: center;
}


.donaciones .capsula h4{
	font-size: 20px;
font-family: 'open_sansbold';
margin: 0px 0 20px 0;
}

.donaciones .capsula .boton-eje a {
    border: 2px solid #095DAF;
	background-color: #095DAF;
    border-radius: 5px;
    text-align: center;
    display: block;
    padding: 15px 0;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 14px;
    font-family: 'open_sansbold';
    margin-bottom: 15px;
}

.donaciones .capsula .boton-eje a:hover,
.donaciones .capsula .boton-eje a:focus{
    border: 2px solid #396c7a;
	background-color: #396c7a;
}

.swal2-popup {
    width: 42em!important;
   font-size: 1.3rem!important;
}

/***ACORDEON MODALES DONACIONES***/

.aportes h4.panel-title{
    font-size: 18px;
    font-family: 'open_sansbold';
    margin: 0px 0 0px 0!important;
	padding:0 0 0 0!important;
}

.aportes h4 a{
   color:#000!important;
}

.payu{}

.paypal{}

/******DESENFOCADOS*******/

h1,
.navbar-default .navbar-nav em,
.pie em,
.mas em,
.compartir em,
.redesNoticias em
{
	color		: #000;
	position	: absolute;
	left		: -9999em;
	top		: -9999em ;
	text-indent	: -9999em;
}


/****IMAGEN ORGANIZACIONES ALIADAS *******/


.pull-left-orgaliadas {
    float: left !important;
    margin-right: 10px;
}

.table-striped .imagen_izq{
    border-bottom: none!important;
    display: table;
    margin: 10px 0px 10px 0!important;
	width:auto;
	padding-bottom:10px;
	height:auto;
	overflow:auto;
}

/******MEDIA QUERIES********/

/*Tablets en horizonal y escritorios normales --> col-md
   ------------------------------------------------------------------------- */
@media (min-width: 768px) and (max-width: 1199px)
{ 
	
	.imagen-impacto img{display:none!important;}
	.encab-sec h2{font-size:48px; top:10px; word-spacing: 2px;}
	.encab-sec h2.largo{font-size:45px; top:20px;}
	.encab-sec h2.tagline{font-size:16px; top:90px;white-space:normal;}
	.navbar-brand {min-height: 80px;}
}


/*Moviles en horizontal o tablets en vertical
   ------------------------------------------------------------------------- */
@media (max-width: 767px) {
.navbar-brand {margin-top:-10px;}
.navbar-default {min-height:170px;}
ul.nav.navbar-nav{float:none!important;display:inline-block!important; width:100%;}
.carrusel-ini .carousel-inner {background-image:url(../graficasColnodo/encab2.jpg); background-size:cover; min-height:400px; height:auto!important;overflow:visible!important;}
.carrusel-ini .carousel-inner img{display:none!important;}
	
.carrusel-ini .header-text {
	top: 0%;
   	right: 0%;
    color: #fff;
    width: 100%;
	padding-top:35px;
	min-height:400px;
}
.encab-sec{height:160px;}	

.encab-sec h2{font-size:14px; top:20px;word-spacing: 2px;
	}
.encab-sec h2.largo{font-size:35px; top:10px;}
.encab-sec h2.tagline{font-size:16px; top:60px; }	
		
.impacto{min-height:400px!important;}
	
.impacto .carousel-inner > .item{height:370px; }
	
.impacto .carousel-indicators {bottom: 0px;}	
	
.imagen-impacto img{display:none!important;}	
	
ul.timeline:before {
        left: 40px;
    }

ul.timeline > li > .timeline-panel {
        width: calc(100% - 90px);
        width: -moz-calc(100% - 90px);
        width: -webkit-calc(100% - 90px);
    }

ul.timeline > li > .timeline-badge {
        left: 15px;
        margin-left: 0;
        top: 16px;
    }

ul.timeline > li > .timeline-panel {
        float: right;
    }

ul.timeline > li > .timeline-panel:before {
            border-left-width: 0;
            border-right-width: 15px;
            left: -15px;
            right: auto;
        }

ul.timeline > li > .timeline-panel:after {
            border-left-width: 0;
            border-right-width: 14px;
            left: -14px;
            right: auto;
        }	
	
.redesNoticias {
  bottom: 0!important;
  top:auto;
  margin:0px auto;
  width: 80%;
  left:10%;
  border-radius: 15px 15px 0px 0;
  box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
  height: 55px;
  display:flex;
  flex-wrap: nowrap;
	justify-content:center;
	align-items:center;
}
.redesNoticias .comente-noticia {
   margin-right: 27px;
}
	.pie {
    padding: 40px 0 80px 0;
}
}

 

/*Moviles en vertical
   ------------------------------------------------------------------------- */
@media (max-width: 480px) {
ul.nav.navbar-nav{float:none!important;display:inline-block!important; width:100%;}
.carrusel-ini .carousel-inner {background-image:url(../graficasColnodo/encab2.jpg); background-size:cover; min-height:550px; height:auto!important;overflow:visible!important;}
.carrusel-ini .carousel-inner img{display:none!important;}
.container.encab{min-height:120px;}	
.zonaclientes .dropdown-menu{min-width:300px;}	
	
.carrusel-ini .header-text {
	top: 0%;
   	right: 0%;
    color: #fff;
    width: 100%;
	padding-top:35px;
	min-height:550px;
}
.carrusel-ini .carousel-control .glyphicon-chevron-right, .carrusel-ini .carousel-control .icon-next { right: 10px;}
	
.carrusel-ini .seccion1, .carrusel-ini .seccion2{
	padding: 8px 20px;
    position: absolute;
    top: -5px;
}

.carrusel-ini .seccion1 span, .carrusel-ini  .seccion2 span{
	padding:8px 20px 8px 20px;
	margin-left:20px;}	
	
.formularios{
	background:#fff;
	margin-top:40px;
	margin-bottom:20px;
}

.formularios .capsula{
	background:#fff;
padding:10px 0 0 0;
min-height:255px;
}	
		
.pie ul li{font-size:12px;padding: 0 15px 0 0;}
.encab-sec{height:130px;}
.encab-sec h2{
	color		: #000;
	position	: absolute;
	left		: -9999em;
	top		: -9999em ;
	text-indent	: -9999em;
	/*font-size:14px; 
	top:20px;
	word-spacing: 2px;*/
	}	
.encab-sec h2.largo{font-size:25px;top: 10px;word-spacing: 2px;}
.encab-sec h2.tagline{display:none;}
.breadcrumb {margin-top:30px;margin-bottom:30px;}
.persona {padding: 0 0px 20px 0;}
.persona h5{font-size:12px;}
.persona h6{font-size:10px;}
.boton-eje a{font-size:16px;}
.programas .capsula h4{padding:30px 10px;font-size:18px;}
.proyectos .capsula .cont h4,
.etiquetas .capsula h4,
.orgaliadas .capsula h4,
.capsulaNovedades h4{margin:20px 0 0 0!important;}
.donaciones .capsula{padding:5px!important;}
.donaciones .capsula .flex{display:block;}
.donaciones .capsula .flex h4{margin-top:20px; font-size:16px;text-align:center;}

.contactTelWha{
    position: fixed !important;
    right:6px  !important;
    bottom:4px  !important;
}
.contactTelWha #contactowhatsapp img {
    height:40px !important; 
    width:39px  !important;
}
.contactTelWha #contactotelegram img {
    height:32px  !important; 
    width:32px  !important;
}
	.container.secundarias .row {
		width:100%;
	}
}

/*******fin mediaquery*********/

ul {
    margin: 0 0 0 5px;
    padding: 0px;
}

/*---------------*/
.mapaitems{
    list-style: none;
    font-size: 1em !important;
    color: #000;
    margin: 0 0 15px 0;
    line-height: 150%;
}

.items_h:visited {
    color: #000000;
    text-decoration: none;
}


.items_h:link {
    color: #064d8a;
    text-decoration: none;
    padding: 5px;
}

.items_h:hover{
    background-color: #C6D310;
    border-radius: 2px;
    padding: 5px;
}

.listmap{
    color: #1D61AA;
    font-size: 1.4em;
    text-transform: uppercase;
}


   
.map-site .col-md-4{
    border-left: 2px solid #cecece;
}

.map-site .col-md-4 h4{
    margin: 10px 0 20px 0;
}

#accordion-pf h4{
    margin: 0 !important;
}

#accordion-pf .panel-default>.panel-heading{
    color: #ffffff ;
    background-color: #135fac;
    border-color: #135fac;
}

#accordion-pf .panel-default>.panel-heading:hover{
    background-color: #c6d30d;
    color: #135FAC;
}


#accordion-pf a:link {
    color: #fff;
    text-decoration: none;
}

#accordion-pf a:hover {
    color: #135FAC;
    text-decoration: none;
}

#collapseSearch input{
	width: 100%;
	border: 1px solid transparent;
}

.contact-site .jumbotron{
	background-color: #fff;
	border: 1px solid #cecece;
}

.contact-site input, .contact-site textarea, .contact-site select{
	border: 1px solid #cecece;
}

.contact-site label{
	color: #141414;
}

.contact-site #btn-send{
	width: 80px !important;
	font-family: 'open_sansbold','Helvetica';
	font-size: 1.2em;
}

.result-site h4{
	margin: 0;
}

/* Centrar Vertical Bootstrap Modals
  ----------------------------------------------------------------------------*/

.modal {
  text-align: center;
  padding: 0!important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
	min-width: 300px;
}


/* Estilos especificos dentro de modales
    ----------------------------------------------------------------------------*/

.modal ul {
    padding: 0 2em;
}

.modal .panel-group .panel-heading a{
    text-decoration: none;
    color: #095DAF;
    font-weight: bold;
    font-family: 'open_sansregular', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif!important;
}

.modal-title, .servicios-titulo{
    font-family: 'bebasregular';
    color: #095DAF;
}

.popover-content a.registrese{
    border: 1px solid #ff4b47;
	color:#ff4b47;
	background:#fff!important;
	width:100%;
	min-width:100%;
	margin-top:px;
	border-radius: 3px;
	text-align:center;
	padding:8px 20px;
}

.popover-content a.registrese:hover,
.popover-content a.registrese:focus{
    border: 1px solid #ff4b47;
	background:#ff4b47!important;
	color:#fff!important;
	text-decoration:none;
}


/*Contacto a whatsapp, telegram  */

.contactTelWha{
    position: fixed;
    right:32px;
    bottom:4px;
}
.contactTelWha #contactowhatsapp img {
    height:36px; 
    width:35px
}
.contactTelWha #contactotelegram img {
    height:28px; 
    width:28px
}




.recordar{
	background-color: #58355e;
    border: none;
    color: white;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s;
}
.recordar:hover{
background-color: #05a8aa;
color: white !important;
}