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

/*-- Link Color --*/
a:hover{
	text-decoration: none;
}

body {-webkit-font-smoothing:antialiased; text-shadow:1px 1px 1px 1px rgba(0,0,0,0.004);
text-rendering:optimizeLegibility !important; -moz-osx-font-smoothing:grayscale !important;} /* antialised text - texto definido*/

.btn {outline:0 !important;}

/*-----------------------------------------------------------------------------*/


/*--short code page body--*/

#page-body{
padding: 15px 0;
}
.bs-glyphicons{padding: 15px 0}
section.main-body{padding: 15px 0}
html.box{width:1170px;margin: auto !important;background: #f5f5f5;overflow-x: hidden}
html.box body{background:#fff;box-shadow: 0 0 2px rgba(0,0,0,0.5);z-index:-8000}
html.fluid{width:100%}





/*----------------------------------- SECCIÓN TRIÁNGULOS INDEX --------------------*/

.triangulos-section{
	text-align: center;
	line-height: 55px;
	padding: 0px;
	padding-top: 60px;
	padding-bottom: 15px;
	background-color:#E0E0E0;
	font-family:'Open Sans', sans serif;
	letter-spacing:0em;
}


.container .nav > li > a {
    
    padding: 10px 10px !important;
}

.triangulos-section h1, .donacion-section h1{font-family:'Open Sans', sans serif; font-weight:300; font-size: 36px; color:#333; padding:0px 10px;}

.triangulos-section h1 span, .donacion-section h1 span{color:#008751}

.triangulos-section p, .donacion-section p{font-size:14px; font-weight: 400; color:#666666; line-height:1.5em; padding:6px 10px 0px 10px;}

.triangulos-section-item, .donacion-section-item{
	text-align: center;
	line-height: 20px;
	padding: 0px;
	padding-top: 10px;
	padding-bottom: 6%;
	background-color:#E0E0E0;
	font-family:'Open Sans', sans serif;
	font-weight: 400;
	letter-spacing:0em;
	color:#666666;
}

.bottom-border-triangulos{
	height: 10px;
	border-bottom-width: 4px;
	padding: 0px;
	padding-top: 10px;
	position: relative;
	top: 20px;	
}

.bottom-border-triangulos .pointer{color:#CCC;}

.icon-hover-triangulos-section{padding: 20px; padding-left: 15px; padding-right: 15px;}

.icon-hover-triangulos-section:hover .pointer{
	margin-top: -9px;
	position: absolute;
	left: 49%;
	width: 0px;
	height: 0px;	
}/* borde inferior figuras triángulos :hover */

.icon-hover-triangulos-section:hover .bottom-border-triangulos {border-bottom: 4px solid #CCC;} /* borde inferior figuras triángulos :hover */


/* figuras triángulos */
.icon-bg-triangulos-sec{
	background: url(../images/asociados.png)no-repeat 50%;
	text-align: center;
	width: 131px;
	height: 123px;
	margin: 0px;
	display: inline-block;
}

.icon-bg-triangulos-sec-two{
	background: url(../images/voluntarios.png)no-repeat 50%;
	text-align: center;
	width: 131px;
	height: 123px;
	margin: 0px;
	display: inline-block;
	transition: all 500ms;
}

.icon-bg-triangulos-sec-three{
	background: url(../images/escuelas.png)no-repeat 50%;
	text-align: center;
	width: 131px;
	height: 123px;
	margin: 0px;
	display: inline-block;
	transition: all 500ms;
}

.icon-bg-triangulos-sec-four{
	background: url(../images/ninos.png)no-repeat 50%;
	text-align: center;
	width: 131px;
	height: 123px;
	margin: 0px;
	display: inline-block;
	transition: all 500ms;
}


/* figuras triángulos over */
.icon-hover-triangulos-section:hover .icon-bg-triangulos-sec{
	background: url(../images/asociados.png)no-repeat 50%;
	text-align: center;
	width: 144px;
	height: 124px;
	margin: 0px;
	display: inline-block;
	transition: all 500ms;
	-webkit-transition:all 500ms;
	-moz-transition:all 500ms;
	-o-transition:all 500ms;
	-ms-transition:all 500ms;
}

.icon-hover-triangulos-section:hover .icon-bg-triangulos-sec-two {
	background: url(../images/voluntarios.png)no-repeat 50%;
	text-align: center;
	width: 144px;
	height: 124px;
	margin: 0px;
	display: inline-block;
	transition: all 500ms;
	-webkit-transition:all 500ms;
	-moz-transition:all 500ms;
	-o-transition:all 500ms;
	-ms-transition:all 500ms;
}

.icon-hover-triangulos-section:hover .icon-bg-triangulos-sec-three{
	background: url(../images/escuelas.png)no-repeat 50%;
	text-align: center;
	width: 144px;
	height: 124px;
	margin: 0px;
	display: inline-block;
	transition: all 500ms;
	-webkit-transition:all 500ms;
	-moz-transition:all 500ms;
	-o-transition:all 500ms;
	-ms-transition:all 500ms;
}

.icon-hover-triangulos-section:hover .icon-bg-triangulos-sec-four{
	background: url(../images/ninos.png)no-repeat 50%;
	text-align: center;
	width: 144px;
	height: 124px;
	margin: 0px;
	display: inline-block;
	transition: all 500ms;
	-webkit-transition:all 500ms;
	-moz-transition:all 500ms;
	-o-transition:all 500ms;
	-ms-transition:all 500ms;
}


.triangulos-section-item h2 {line-height:80px; color:#333; font-family:'Open Sans', sans serif; font-weight:600; font-size:22px;}
.triangulos-section-item h2 a{line-height:80px; color:#333; font-family:'Open Sans', sans serif; font-weight:600; font-size:22px;}
.triangulos-section-item h2 a:hover{color:#000;}


/*----------------------------------- TERMINA SECCIÓN TRIÁNGULOS INDEX --------------------*/



/*----------------------------------- INICIA SECCIÓN BARRA FACEBOOK INDEX --------------------*/
.barra-facebook{background:#3B5998; padding: 35px; width: 100%; height: 100%; padding-left:60px;} /*-- #069 --*/

.barra-facebook h1{font-family:'Open Sans',; font-weight:300 !important; sans-serif; font-size:36px; letter-spacing:0.03em; color:#FFF; text-align:center; margin:0;}

.barra-facebook-sec{padding: 5px}

/*-- Botón like --*/
.like-btn{
	padding: 4px 25px;
	background-color:#CCC;
	border: 2px solid #CCC;
	color:#3B5998;
	margin:0px;
	font-size:32px;
	font-weight:400;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	-o-border-radius:8px;
	-webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms;
}

.like-btn-sec{text-align: center;}

.like-btn:hover{
	background:#3B5998;
	border: 2px solid #FFF;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	-o-border-radius:8px;
	color:#FFF;
	transition: all 500ms;
}
/*----------------------------------- TERMINA SECCIÓN BARRA FACEBOOK INDEX --------------------*/



/*----------------------------------- INICIA SECCIÓN CREACIONES IMPULSA INDEX --------------------*/

.creaciones-sec{padding:0px; padding-top:4%; background-color:#008451;} 

.creaciones-head-title h1{font-family:'Open Sans', sans-serif; font-size:36px; color:#FFF; padding:0px; font-weight:300; text-transform:uppercase; padding-bottom:10px;}


.creaciones-head-title h1 span{color:#CCC}

.creaciones-head-title p{font-family:'Open Sans', sans-serif; font-size:14px; font-weight:400; color: #000; padding-bottom:16px;}

.creaciones-head-title{text-align:center; padding:15px; padding-bottom:10px;}

.custom-accordian{overflow:hidden;}

.item-heading{
	text-align: center;
	padding: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	z-index: 1;
	cursor: pointer;
}

.section-creaciones-item{padding:0px; padding-bottom:0%; background-color:#008451;}

.sec-creaciones{background-color:#FFF;}

.item{transition: all 100ms; -o-transition: all 100ms; -webkit-transition: all 100ms; position: relative;}

.creaciones-box-shadow{position:relative; top:-17px; display: block; height:auto; max-width:100%;}

.item-collapse{position:absolute; top:0; visibility: hidden;}

.open .item-collapse{position: relative; visibility: visible;}

.rox_acc_content:hover .icon-top-what-we-can-sec{
	-webkit-animation: spin 2s;
	transition: all 500ms;
}

.item-body{
	font-family:'Open Sans', sans serif; 
	text-align: center;
	line-height: 22px;
	padding: 0px;
	padding-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}

.item-body h2{font-size:16px; font-weight:600; padding:0px; padding-top:10px; padding-bottom:2px; color:#333;} 

.item-body p{font-size:14px; font-weight:400; padding:0px; padding-bottom:10px; color:#333;}

.rox_acc_content .item-body .btn.btn-default{
	font-size:11px;
	letter-spacing:0.1em;
	color:#FFF;
	background-color:#666666;
	border:none;
	border-radius:0px;
	position: relative;
	top:-10px;
	padding: 0px 10px;
	line-height: 16px;
}


.rox_acc_content .item-body .btn.btn-default:hover {background-color:#008751; color:#FFF;}
.rox_acc_content .item-body .btn.btn-default a {color:#FFF;}
.rox_acc_content .item-body .btn.btn-default a:hover {color:#FFF;}


.sec-creaciones h1{font-size: 32px;font-family: 'Open Sans', sans-serif;}

.rox_accordian>ul>li .rox_img {max-width:266px; display:inline-block; float:left; margin-right:20px; opacity:1; filter:alpha(opacity=100); padding:2px;}

.rox_accordian>ul {list-style:none ;padding:0; margin:0;}

.rox_accordian>ul>li {width:272px; position:relative; float:left; overflow:hidden; margin-right:20px; transition:width 0.3s ease 0.2s; -moz-transition:width 0.3s ease 0.2s; -webkit-transition:width 0.3s ease 0.2s; -o-transition:width 0.3s ease 0.2s}

.rox_accordian>ul>li>.rox_acc_content {width:585px;}


.rox_accordian>ul>li>.rox_acc_content:hover {width:272px; transition:linear 0.4s; -webkit-transition:linear 0.4s; -moz-transition:linear 0.4s; -o-transition:linear 0.4s; -ms-transition:linear 0.4s;}

.rox_accordian>ul>li.last {width:272px;}

.rox_accordian>ul>li:hover {width:272px;}

.rox_accordian>ul>li:hover .rox_img {opacity:0.9; filter:alpha(opacity=90); margin-left:-272px;}

.rox_accordian .content > em{ font-size:11px; color:#7d7d7d}
.rox_accordian .content > .m_title {font-size:13px;line-height:1.4; margin:10px 0}
.rox_accordian .text + a {font-size:10px; font-weight:bold; color:#888; display:inline-block; margin-top:5px}
.process_steps{overflow:hidden ;border-radius:2px; margin-bottom:15px}

.rox_accordian>ul>li .rox_img {-webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; -ms-transition:all 0.2s ease-out;transition:all 0.2s ease-out}

img.rox_acc_img {max-width:100%; position:relative; z-index:99; border: 1px solid #CCC;}

#spacer-creaciones {width:100%; height:60px; background-color:#008751;}


/*-- Responsive - Acomodo tamaño pantalla Recuadros Creaciones Impulsa --*/
.section-creaciones-item .container{width:100%; text-align:center;}

.rox_accordian {width:1170px; margin:0 auto;}

@media (min-width: 604px) and (max-width: 1180px) {
.rox_accordian {width:594px; margin:0 auto;}
}
@media (max-width: 603px) {
.rox_accordian {width:272px; margin:0 auto;}
}



/*----------------------------------- INICIA SECCIÓN ULTIMAS NOTICIAS INDEX --------------------*/

#blog-update {padding:0px; padding-top:4%; background-color:#CC9; text-align:center;}

#blog-update h1 {font-family:'Open Sans', sans-serif; font-size:36px; color:#333; padding:0px; font-weight:300; text-transform:uppercase; padding-bottom:10px;}

#blog-update h1 span{color:#008751}

#blog-update .heading {font-family:'Open Sans', sans-serif; font-size:14px; font-weight:400; color:#666666; padding-bottom:30px; text-align:center;}

.thumbnail{background:transparent; padding: 0px; border: 0px; position: relative;}

.blog-image{position:relative;}

.blog-image .date{position:absolute; padding:5px 15px; color:#FFF; text-align:center; text-transform:uppercase;line-height:22px; z-index:10; font-size:22px; font-family: 'Open Sans', sans-serif; font-weight:600; background-color:#008751;}

.down-arrow {position:absolute; border-right:6px solid transparent; border-left:6px solid transparent; border-top:8px solid #666666; bottom: -8px; left: 48%;}

.thumbnail .caption {padding:0px 15px; padding-top:1px; color:#545454; background: #F8F8F8; margin-top:16px; text-align:left;}
.thumbnail .caption a {color:#333; font-weight:600; text-transform:uppercase;}
.thumbnail .caption a:hover {color:#008751;}

.caption h3 p {color:#545454; font-family:'Open Sans', sans serif; text-align:left !important; font-weight:400;}

.blog-image img {margin-left:auto; margin-right:auto; max-width:100%; width:100%; height:auto; border-bottom:5px solid #666666; transition:all 0.5s ease;}

/*--
.blog-image img:hover {-webkit-filter:sepia(0.6) hue-rotate(50deg); -moz-filter:sepia(0.6) hue-rotate(50deg); -ms-filter:sepia(0.6) hue-rotate(50deg); -o-filter:sepia(0.6) hue-rotate(50deg); filter:sepia(0.6) hue-rotate(50deg);}
--*/

.caption h3{color:#333; font-family: 'Open Sans', sans-serif; font-weight:600; font-size:20px;}
.caption h3{color:#008751;}

.caption p {color:#545454; line-height: 22px; font-family:'Open Sans', sans-serif; font-weight:400;}

.caption .text-right{color:#333; padding-bottom:18px; text-align:right !important}

.caption .text-right a{color:#333; text-transform:none; font-family:'Open Sans', sans-serif; font-weight:400; font-size:12px; text-transform:none; }
.caption .text-right a:hover{color:#008751;}


.blog-images {height:50px;}






/*----------------------------------- INICIA SECCIÓN NUESTROS ASOCIADOS INDEX --------------------*/

.asociados-sec{padding:0px; padding-top:4%;}

.asociados-head-title{text-align:center; padding:15px; padding-bottom:10px;}

.asociados-head-title h1{font-family:'Open Sans', sans-serif; font-size:36px; color:#333; padding:0px; font-weight:300; text-transform:uppercase; padding-bottom:10px;}
.asociados-head-title h1 span{color:#008751}

.asociados-head-title p{font-family:'Open Sans', sans-serif; font-size:14px; font-weight:400; color:#666666; padding-bottom:16px; text-align:center;}

.section-asociados-item{padding:0px; padding-bottom:0px;}

.asociados_accordian>ul {list-style:none; padding:0; margin:0; text-align:center; margin: 0 auto;}
	
.asociados_accordian>ul>li {max-width:260px; position:relative; float:none; overflow:hidden; margin-right:10px; margin-left:15px; display:inline-block;}

.asociados_accordian>ul>li>.asociados_acc_content {max-width:260px;}

.asociados_accordian .img.asociados_acc_img {max-width:260px; position:relative; z-index:99; border:none;}

/*-- Responsive - Acomodo tamaño pantalla Logos Asociados Impulsa --*/
.section-asociados-item .container{width:100%; text-align:center;}

.asociados_accordian {width:1250px; margin:0 auto;}

@media (min-width: 1045px) and (max-width: 1275px) {
.asociados_accordian {width:1020px; margin:0 auto;}
}
@media (min-width: 870px) and (max-width: 1044px) {
.asociados_accordian {width:845px; margin:0 auto;}
}
@media (min-width: 655px) and (max-width: 869px) {
.asociados_accordian {width:630px; margin:0 auto;}
}
@media (min-width: 495px) and (max-width: 654px) {
.asociados_accordian {width:470px; margin:0 auto;}
}
@media (min-width: 375px) and (max-width: 494px) {
.asociados_accordian {width:355px; margin:0 auto;}
}
@media (max-width: 374px) {
.asociados_accordian {width:260px; margin:0 auto;}
}




/*----------------------------------- ESTILOS GENERALES INTERIORES --------------------*/

/*-- Page title section --*/
#breadcumb {padding:10px 0px 18px 0px; background-size:100% 100%; text-transform:uppercase; background-color:#9C3; color:#fff; background-image:url(../images/shadow-title.jpg); background-repeat:no-repeat;}

.breadcumb-title {font-size:36px; font-family:'Open Sans', sans-serif; font-weight:300; color:#fff;}




/*----------------------------------- INICIA SECCIÓN NOSOTROS --------------------*/


.foto-shadow img {width:100%}


/*-- Qué es Impulsa --*/
#que-es-impulsa {background-color:#FFF; text-align:left;}

.que-es-impulsa-title h2 {color:#000; font-weight:300; font-size:36px; margin-top:50px; margin-bottom:30px; font-family:'Open Sans', sans serif; padding-left:14px;}

.que-es-impulsa-title h2 span {color:#008751; font-weight:300; font-size:36px; font-family:'Open Sans', sans serif;}

.que-es-impulsa-text {font-family:'Open Sans', sans serif; font-size:14px; font-weight:400; color:#545454; margin-bottom:60px; padding-left:0px;}
.que-es-impulsa-text span {font-weight:600; color:#008751;}

.que-es-impulsa-foto img {width:100%}



/*-- Historia --*/
#historia-impulsa {background-color:#CC9; text-align:left;}

.historia-impulsa-title h2 {color:#000; font-weight:300; font-size:36px; margin-top:50px; margin-bottom:30px; font-family:'Open Sans', sans serif; padding-left:14px;}

.historia-impulsa-title h2 span {color:#008751; font-weight:300; font-size:36px; font-family:'Open Sans', sans serif;}

.historia-impulsa-text-title {font-family:'Open Sans', sans serif; font-size:16px; font-weight:600; color:#008751;}

.historia-impulsa-text {font-family:'Open Sans', sans serif; font-size:14px; font-weight:400; color:#333; margin-bottom:30px; padding:0px; margin-top:-4px;}

.historia-impulsa-text span {font-weight:600; color:#333;}

#cuadros-historia {width:70px; height:70px; background-color:#008751; text-align:center; padding-top:16px;}

#cuadros-historia-doble {width:70px; height:70px; background-color:#008751; text-align:center; padding-top:10px; line-height:1.5em;}

#cuadros-historia span {font-family:'Open Sans', sans serif; font-size:24px; font-weight:300; color:#FFF;}

#cuadros-historia-doble span {font-family:'Open Sans', sans serif; font-size:24px; font-weight:300; color:#FFF;}

@media only screen and (min-width: 992px) and (max-width: 1199px) {.historia-impulsa-text {padding-left:10px;}}
@media (min-width: 771px) and (max-width: 991px)  {.historia-impulsa-text {padding-left:30px;}}
@media (min-width: 539px) and (max-width: 770px)  {.historia-impulsa-text {padding-left:40px;}}
@media (min-width: 405px) and (max-width: 538px) {.historia-impulsa-text {padding-left:50px;}}
@media (max-width: 404px) {.historia-impulsa-text {padding-left:0px; padding-top:10px;}}




/*-- Consejo --*/
#consejo-impulsa {background-color:#E0E0E0; text-align:left;}

.consejo-impulsa-title h2 {color:#000; font-weight:300; font-size:36px; margin-top:50px; margin-bottom:30px; font-family:'Open Sans', sans serif; padding-left:14px;}

.consejo-impulsa-title h2 span {color:#008751; font-weight:300; font-size:36px; font-family:'Open Sans', sans serif;}

.consejo-impulsa-text {font-family:'Open Sans', sans serif; font-size:14px; font-weight:400; color:#333; padding:0px; padding-bottom:20px;}
.consejo-text-nombre {font-weight:400; color:#008571; font-size:20px;}
.consejo-text-cargo {font-weight:600; font-style:italic; color:#333; font-size:16px}
.consejo-text-empresa {font-weight:400; font-style:italic; color:#333; font-size:14px}



/*-- Directorio --*/
#directorio-impulsa {background-color:#666666; text-align:left;}

.directorio-impulsa-title h2 {color:#FFF; font-weight:300; font-size:36px; margin-top:50px; margin-bottom:30px; font-family:'Open Sans', sans serif; padding-left:14px;}

.directorio-impulsa-title h2 span {color:#9C9; font-weight:300; font-size:36px; font-family:'Open Sans', sans serif;}

.directorio-impulsa-text {font-family:'Open Sans', sans serif; font-size:14px; font-weight:400; color:#FFF; padding:0px; padding-bottom:20px;}
.directorio-text-oficina {font-weight:400; color:#9C9; font-size:20px;}
.directorio-text-director {font-weight:600; font-style:italic; color:#FFF; font-size:14px}
.directorio-text-contacto {font-weight:400; color:#FFF; font-size:14px}
.directorio-text-mail {font-weight:400; color:#FFF; font-size:14px}
.directorio-text-mail a {color:#FFF; text-decoration:none;}
.directorio-text-mail a:hover {color:#9C9; text-decoration:none;}

.directorio-text-oficinaMail {font-weight:400; color:#9C9; font-size:20px}
.directorio-text-oficinaMail a {color:#9C9; text-decoration:none;}
.directorio-text-oficinaMail a:hover {color:#FFF; text-decoration:underline;}
.directorio-text-oficinaMail a:visited {color:#9C9; text-decoration:none;}



/*----------------------------------- INICIA SECCIÓN PROGRAMAS --------------------*/


/*-- Programas Educativos --*/
#programas-educativos {background-color:#E0E0E0; text-align:left;}

.programas-educativos-title h2 {color:#000; font-weight:300; font-size:36px; margin-top:50px; margin-bottom:30px; font-family:'Open Sans', sans serif; padding-left:14px;}

.programas-educativos-title h2 span {color:#008751; font-weight:300; font-size:36px; font-family:'Open Sans', sans serif;}

.programas-educativos-text {font-family:'Open Sans', sans serif; font-size:14px; font-weight:400; color:#333; margin-bottom:60px; padding-left:0px;}
.programas-educativos-text span {font-weight:600; color:#008751;}

.programas-educativos-foto img {width:100%}

.programas-educativos-text a {color:#333; padding-left:14px; transition:all 100ms; -webkit-transition:all 100ms; -moz-transition:all 100ms; -o-transition:all 100ms; -ms-transition:all 100ms;}
.programas-educativos-text a:hover{color:#008751; font-size:16px; transition:all 100ms; -webkit-transition:all 100ms; -moz-transition:all 100ms; -o-transition:all 100ms; -ms-transition:all 100ms;}


/*--- Primaria, Secundaria, Bachillerato y Universidad ---*/
.programas-nivel {list-style:none; margin-left:-10px;}
.programas-nivel .fa-caret-up {margin-left:-14px;}

#programas-educativos-nivel {background-color:#CC9; text-align:left;}
.programas-educativos-nivel-text {font-family:'Open Sans', sans serif; font-size:14px; font-weight:400; color:#333; margin-bottom:60px; padding-left:0px;}
.programas-educativos-nivel-text a {font-family:'Open Sans', sans serif; font-size:14px; font-weight:400; color:#663; margin-bottom:60px; padding-left:0px;}
.programas-educativos-nivel-text a:hover {font-family:'Open Sans', sans serif; font-size:14px; font-weight:400; color:#008751; margin-bottom:60px; padding-left:0px;}

.programas-nivel-text-title {font-family:'Open Sans', sans serif; font-size:20px; font-weight:400; color:#008751; text-transform:uppercase; letter-spacing:0.02em;}
.programas-nivel-text-edad {font-family:'Open Sans', sans serif; font-size:12px; font-weight:400; color:#663;}
#spacer-programas-nivel {width:100%; height:2px; background-color:#996; margin-bottom:30px; margin-top:-80px;}
@media (max-width: 990px) {#spacer-programas-nivel {width:100%; height:2px; background-color:#996; margin-bottom:40px; margin-top:-40px;}}
.programas-nivel-foto {text-align:center}
.programas-nivel-foto img {width:100%}
@media (min-width: 550px) and (max-width: 767px)  {.programas-nivel-foto img {width:70%; text-align:center;}}
@media (min-width: 550px) and (max-width: 767px)  {.programas-nivel-primaria-text {text-align:center; padding-left:40px; padding-right:40px;}}




/*----------------------------------- INICIA SECCIÓN SOCIAL MEDIA -------------------------------*/

/*-- Facebook y Twitter --*/
#social-facebook-twitter {background-color:#FFF; text-align:left;}
.social-facebook-twitter-title h2 {font-family:'Open Sans', sans serif; color:#999; font-weight:300; font-size:36px; margin-top:50px; margin-bottom:30px; font-family:'Open Sans', sans serif; padding-left:14px;}
.social-facebook-twitter-title h2 span {font-family:'Open Sans', sans serif;color:#008751; font-weight:300; font-size:36px;}
#social-facebook-twitter .fb-like-box {background-color:#EEE; width:100%; margin-bottom:40px; border:1px solid #E0E0E0; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; -o-border-radius:6px; -ms-border-radius:6px;}
#social-facebook-twitter .twitter-timeline {width:100%; margin-bottom:70px;}
#social-facebook-twitter iframe[id^='twitter-widget-']{ width:100% !important;}

/*-- Youtube y Ustream --*/
.youtube-playlist {width:100%; height:400px; margin-bottom:70px;}
.ustream-video {width:100%; height:400px; margin-bottom:70px;}
#social-youtube-ustream {background-color:#E0E0E0; text-align:left;}
.social-youtube-ustream-title h2 {color:#000; font-weight:300; font-size:36px; margin-top:50px; margin-bottom:30px; font-family:'Open Sans', sans serif; padding-left:14px;}
.social-youtube-ustream-title h2 span {color:#008751; font-weight:300; font-size:36px; font-family:'Open Sans', sans serif;}

/*----------------------------------- INICIA SECCIÓN COLABORA (TRIANGULOS) --------------------*/

#colabora {background-color:#CC9; text-align:left;}

.colabora-title h2 {color:#000; font-weight:300; font-size:36px; margin-top:50px; margin-bottom:30px; font-family:'Open Sans', sans serif; padding-left:14px;}

.colabora-title h2 span {color:#008751; font-weight:300; font-size:36px; font-family:'Open Sans', sans serif;}

.colabora-text {font-family:'Open Sans', sans serif; font-size:14px; font-weight:400; color:#333; margin-bottom:60px; padding-left:0px;}

.colabora-text-list {padding-left:14px;}

.colabora-text-list-title {font-weight:600; color:#008751;}

.colabora-text-list .fa-caret-up {color:#008751; margin-left:-14px;}

.colabora-text-list-impulsa {color:#663; font-weight:600;}

.colabora-foto img {width:100%}




/*----------------------------------- INICIA SECCIÓN AVISO DE PRIVACIDAD --------------------*/

#container-privacidad {width:100%; margin: 0px auto;}
#header-privacidad {margin:0; width:100%; height:86px; background-color:#008751; display:block; float:left;}
#header-privacidad img{margin:0; border:none; margin-left:40px;}
#breadcumb-privacidad {margin:0; width:100%; background-size:100% 100%; text-transform:uppercase; background-color:#9C3; color:#fff; background-image:url(../images/shadow-title.jpg); background-repeat:no-repeat; text-align:center;  display:block; float:left; padding:0px; padding-top:23px; padding-bottom:24px;}
.breadcumb-privacidad-title {font-size:36px; font-family:'Open Sans', sans-serif; font-weight:300; color:#fff; }
#avisodeprivacidad {background-color:#FFF; text-align:left; padding:60px; display:block; float:left;}
.privacidad-text {font-family:'Open Sans', sans serif; font-size:14px; font-weight:400; color:#333;}



/*------------------ Some responsive issue ---------------------*/

@media only screen and (min-width: 320px) {
	.gap-btm{margin-bottom: 30px;}
}

@media only screen and (min-width: 768px) {
	.carousel-indicators {bottom: -20px;}
}

@media only screen and (min-width: 320px) and (max-width: 770px)  {
	ul.top-social {text-align: left; margin-left: 10px; margin-top: 20px;}
	.search {float: right;}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.search {float: right!important;}
}

@media only screen and (min-width: 320px) and (max-width: 360px) {
	.carousel-caption {left: 50%;}
	.carousel-indicators{bottom: -20px;}
	.carousel-caption ul.client-description {display: none;}
}

@media only screen and (min-width: 768px) and (max-width: 990px) {
	.search {display: none;}
	.search2{display: block;}
	.navbar-nav > li {padding: 20px 14px 25px;}
}


/*-- otros --*/
.fa-cog{
	font-size: 50px;
	border: 6px solid white;
	color: white;
	padding: 10px;
}
#social-facebook-twitter .blue {
	color: #428bca !important;
}
iframe.ytb-embed {
max-width: 96% !important;
display: block;
margin: 10px auto;
}
.video-responsive {
position: relative;
padding-bottom: 56.25%; /* 16/9 ratio */
padding-top: 5px; /* IE6 workaround*/
height: 0;
overflow: hidden;
}
.video-responsive iframe,
.video-responsive object,
.video-responsive embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}