/*  



Theme Name: Idard Theme



Author: Andrés J. Villar – Merit Designs



Author URI: https://meritdesigns.com



Description: Theme responsive 



Version: 1.0



*/







@font-face {



    font-family: 'Bebas Neue';



    src: url('fonts/BebasNeue.eot');



    src: url('fonts/BebasNeue.eot?#iefix') format('embedded-opentype'),



        url('fonts/BebasNeue.woff') format('woff'),



        url('fonts/BebasNeue.ttf') format('truetype');



    font-weight: normal;



    font-style: normal;



}







body { font-family: 'Open Sans', sans-serif; font-size: 16px; color: #3D3D38; line-height: 1.6em; }



p{ text-align: justify; }



.container-fluid { width: 1120px; max-width: 100%; margin: 0 auto; } 



.clear { clear: both; }



.text-right { text-align: right; }



.text-left { text-align: left; }



.text-justify { text-align: justify; }



.text-center { text-align: center; }



.black { color: #000; }



.white { color: #fff; }



.green { color: #00B050; }



.orange { color: #e8570a; }



.yellow { color: #FFFF00; }



.blue { color: #0065BD; }



.bg-black { background: #000; }



.bg-white { background: #fff; }



.bg-light-green { background: #82C23C; }



.bg-dark-green { background: #209348; }



.bg-yellow { background: #FFFF00; }



.bg-grey { background: #f8f8f8; }



.bg-azul { background: #0065BD; }



.bg-blue { background: url(images/degradado.png) repeat-x center center; }



.bg-green { background: url(images/green-key/bg-green.jpg) repeat-x center center; }



.paddings-laterales { padding-left: 10%; padding-right: 10%; }







a, a:hover { text-decoration: none; }



img { max-width: 100%; height: auto; }



h1, h2, h3, h4, h5, h6 { font-family: 'Oswald', sans-serif; margin-top: 0; letter-spacing: 1px; font-weight: 500; text-transform: uppercase; }







/** TOP **/



.top { padding-top: 6px; padding-bottom: 6px; color: #fff; font-size: 14px; font-family: 'Oswald', sans-serif;  }



.top .contacts img { margin-right: 6px; vertical-align: middle; height: 18px; }



.top .contacts p { line-height: 20px; margin: 0; padding: 0;}



.top .contacts span { margin-right: 15px; }



.top .contacts span.email, .top .contacts span.phone { white-space: nowrap; }



.top .social img { margin-left: 5px; height: 22px; }



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











header { width: 100%; position: fixed; top: 0; left: 0; /** height: 130px; **/ z-index: 999; -webkit-transition: height 0.3s; -moz-transition: height 0.3s; -ms-transition: height 0.3s; -o-transition: height 0.3s; transition: height 0.3s; padding: 10px 0; }



header .logo img { height: 85px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; max-width: inherit; }



.navbar.navbar-default { padding: 20px 0 0 0; margin: 0; background: transparent; border: none; border-radius: none !important; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }



.navbar-default .navbar-nav > li > a { text-transform: uppercase; font-family: 'Oswald', sans-serif; color: #000; padding: 8px 13px; white-space: nowrap; font-size: 15px;  }



.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li.current-menu-item > a { background: transparent; color: #005BD1; }



.navbar-collapse { border: none !important; padding-right: 0; }







.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background-color: #fff;



    color: #005BD1;



}



.dropdown-menu > li > a { font-family: 'Oswald', sans-serif; text-transform: uppercase; clear: both; color: #000; display: block; font-weight: normal; line-height: 1.42857; padding: 3px 20px; white-space: nowrap; }



.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover { color: #fff; background: #005BD1;}







/** Menu fixed **/



header .new_header .menu_principal { border-top: 1px solid #0F599A; padding-left: 4px; padding-right: 4px; margin-top: 18px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }



header.smaller .logo img { height: 60px; width: auto; }



header.smaller .navbar.navbar-default { padding: 5px 0 0 0; }







.navbar-toggle { margin-bottom: 20px; padding: 0 !important; border: none !important; margin-right: 0 !important; background: #fff !important; }



.navbar-toggle .icon-bar { border-top: 3px solid #005BD1; }



.navbar-default .navbar-nav > li { padding-top: 6px; padding-bottom: 6px;  }







header { position: relative; width: 100%; transition: all .3 ease; -webkit-transition: all 0.3s; -moz-transition: all 0.3s;   -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }



header.smaller { data-animation: slideInDown; position: fixed; top: 0; left: 0; background: #fff; z-index: 999999; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);} 















/** CAROUSEL **/



.bs-slider{ overflow: hidden; max-height: 700px; position: relative; background: #000000; }



.bs-slider:hover {  cursor: -moz-grab; cursor: -webkit-grab; }



.bs-slider:active { cursor: -moz-grabbing; cursor: -webkit-grabbing; }



.bs-slider .bs-slider-overlay { position: absolute; top: 0; left: 0; width: 100%;  height: 100%; background-color: rgba(0, 0, 0, 0.40); }



.bs-slider > .carousel-inner > .item > img, .bs-slider > .carousel-inner > .item > a > img { margin: auto;  width: 100% !important; }



.bs-slider .item.active { height: 480px; }







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



Slide effect



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







.fade { opacity: 1; }



.fade .item { top: 0; z-index: 1; opacity: 0; width: 100%; position: absolute; left: 0 !important; display: block !important;    -webkit-transition: opacity ease-in-out 1s; -moz-transition: opacity ease-in-out 1s; -ms-transition: opacity ease-in-out 1s; -o-transition: opacity ease-in-out 1s; transition: opacity ease-in-out 1s; }



.fade .item:first-child { top: auto; position: relative; }



.fade .item.active { opacity: 1; z-index: 2; -webkit-transition: opacity ease-in-out 1s; -moz-transition: opacity ease-in-out 1s;     -ms-transition: opacity ease-in-out 1s; -o-transition: opacity ease-in-out 1s; transition: opacity ease-in-out 1s; }







/*---------- LEFT/RIGHT ROUND CONTROL ----------*/



.control-round .carousel-control { top: 47%; opacity: 0; width: 45px; height: 45px; z-index: 100; color: #ffffff; display: block; font-size: 38px; cursor: pointer; overflow: hidden; line-height: 40px; text-shadow: none; position: absolute; font-weight: normal; background: transparent; -webkit-border-radius: 100px; border-radius: 100px; }



.control-round:hover .carousel-control{ opacity: 1; }



.control-round .carousel-control.left { left: 1%; }



.control-round .carousel-control.right { right: 1%; }



.control-round .carousel-control.left:hover, .control-round .carousel-control.right:hover{  color: #fdfdfd; background: none;  border: 0px transparent; }



.control-round .carousel-control.left>span:nth-child(1){ left: 45%; }



.control-round .carousel-control.right>span:nth-child(1){ right: 45%; }







/*---------- INDICATORS CONTROL ----------*/



.indicators-line > .carousel-indicators{ right: 45%; bottom: 1%; left: auto; width: 90%; height: 20px; font-size: 0; overflow-x: auto;     text-align: right; overflow-y: hidden; padding-left: 10px; padding-right: 10px; padding-top: 1px; white-space: nowrap; }



.indicators-line > .carousel-indicators li{ padding: 0; width: 15px; height: 15px; border: 1px solid rgb(158, 158, 158); text-indent: 0;     overflow: hidden; text-align: left; position: relative; letter-spacing: 1px; background: rgb(158, 158, 158); -webkit-font-smoothing: antialiased; -webkit-border-radius: 50%; border-radius: 50%; margin-right: 5px; -webkit-transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99); z-index: 10; cursor:pointer; }



.indicators-line > .carousel-indicators li:last-child{ margin-right: 0; }



.carousel-indicators {

    bottom: 10px;

}



.indicators-line > .carousel-indicators .active{ margin: 1px 5px 1px 1px; box-shadow: 0 0 0 2px #fff; background-color: transparent; position: relative;  -webkit-transition: box-shadow 0.3s ease; -moz-transition: box-shadow 0.3s ease; -o-transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; transition: background-color 0.3s ease; }



.indicators-line > .carousel-indicators .active:before{ transform: scale(0.5); background-color: #fff; content:"";  position: absolute; left:-1px; top:-1px; width:15px; height: 15px; border-radius: 50%; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; transition: background-color 0.3s ease; }







/*---------- SLIDE CAPTION ----------*/



.slide_style_left { text-align: left !important; }



.slide_style_right { text-align: right !important; }



.slide_style_center { text-align: center !important; }



.slide-text { color: #ffffff; font-weight: 400; font-size: 16px; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; left: 0; bottom: 10%; right: 0; margin: auto; padding: 10px 10%; position: absolute; text-align: left;  }



.slide-text h1 { padding: 0; color: #ffffff; font-size: 42px; font-style: normal; letter-spacing: 1px; }

.slide-text h2 { padding: 0; color: #ffffff; font-size: 36px; font-style: normal; letter-spacing: 1px; }

.slide-text h3 { padding: 0; color: #ffffff; font-size: 30px; font-style: normal; letter-spacing: 1px; }









/** CONTENTS **/



section { padding-top: 60px; padding-bottom: 60px; }



h3.title { display: inline-block; font-size: 36px; margin-bottom: 30px; }







section.programas .col-sm-3 .block { border: 1px solid #e2e2e2; margin-bottom: 24px; }



section.programas .logo { display: inline-block; width: 100%; text-align: center; padding-top: 20px; padding-bottom: 20px; text-align: center; }



section.programas .imagen { width: 100%; height: 210px; }



section.programas .greenkey .block { background: #00af50; } 



section.programas .ecoescuelas .block { background: #e9570a; } 



section.programas .banderaazul .block { background: #0170c1; } 



section.programas .resicla .block { background: #f5f5f5; } 



section.programas a { transition: all .3 ease; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }



section.programas a:hover { }







.parallax { color: #fff; background: url(images/parallax2.jpg) no-repeat center center; background-size: cover; background-attachment: fixed; padding: 50px 0; color: #fff; }



.parallax p { padding-left: 12%; padding-right: 12%; font-weight: 600; }



.parallax a, .parallax a:hover, .parallax a:focus { color: #fff; }



.parallax h4 { text-transform: none; font-weight: 500; margin-top: 5px;  }







.noticia img { height: auto; width: 100%; margin-bottom: 10px; }



.news { padding: 40px 0; }



.news img { margin-bottom: 10px; width: 100%; height: auto; }



.news h4.title { text-transform: upercase; margin-bottom: 0; padding-bottom: 0; line-height: 1.3em; overflow: hidden; max-height: 48px;}



.news a, .news a:hover { color: #333; }



.news .col-sm-4 { padding-left: 24px; padding-right: 24px; }



.news .block { margin-top: 14px; background: #fff; border: 1px solid #e2e2e2; padding: 10px; }



p.date { font-size: 0.9em; color: #666666; font-family: 'Oswald', sans-serif; border-top: 1px solid #e2e2e2; padding: 10px 0 0 0; margin-top: 10px; margin-bottom: 0;}



p.date span { color: #888; font-size: 12px; margin-right: 5px; }



.paginacion { margin-bottom: 40px; }



span.pages { font-weight: 600; font-size: 14px; color: #000; margin-right: 10px; }







/** FOOTER **/



.foot-galeria { width: 100%; padding: 0; margin: 0; }



.foot-galeria a { margin-bottom: -10px; position: relative; overflow: hidden; }



.foot-galeria a.img0, .foot-galeria a.img1, .foot-galeria a.img2, .foot-galeria a.img3, .foot-galeria a.img4, .foot-galeria a.img5, .foot-galeria a.img6, .foot-galeria a.img7  { display: inline-block; height: 150px;  }



.foot-galeria a.img0, .foot-galeria a.img3, .foot-galeria a.img4, .foot-galeria a.img7 { width: 30%; }



.foot-galeria a.img1, .foot-galeria a.img2, .foot-galeria a.img5, .foot-galeria a.img6 { width: 20%; }







.foot-galeria a .zoom { position: relative; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; display: inline-block; width: 100%; height: 100%; background: rgba(0,0,0,0); text-align: center; color: #fff !important; }



.foot-galeria a:hover .zoom { background: rgba(0,0,0,0.6); }



.foot-galeria a .zoom .glyphicon { position: absolute; top: -40px; margin-left: -5px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }



.foot-galeria a:hover .zoom .glyphicon { top: 42%; }







footer { padding-top: 40px; padding-bottom: 20px; font-family: 'Oswald', sans-serif; font-weight: normal; font-size: 15px; color: #fff; background: url(images/maps.png) no-repeat center center; background-size: cover; }



footer .col-sm-4 { margin-bottom: 20px; }



footer .copy { padding-top: 30px; font-size: 14px; font-weight: 400; }



footer .social { text-align: right; padding-top: 14px; }







/** PAGINAS **/



.page { padding: 30px 0; margin: 0; }



.page.programs { font-size: 14px; line-height: 1.4em; }



.page.programs h3.title { margin-bottom: 24px; }



.page ul { list-style-type: none; margin: 0; padding: 0; }



.page ul li { margin: 0; padding: 3px 0 3px 15px; background: url(images/li.png) no-repeat left 12px; background-size: 7px; }



.img-cabecera { position: relative; background: url(images/header.jpg) no-repeat center bottom; width: 100%;  background-size: cover; }



.img-cabecera h3 { color: #fff; padding: 36px 0; margin: 0; }



.img-cabecera .breadcrumbs { color: #fcfcfc; text-aling: left; font-family: 'Oswald', sans-serif; font-size: 16px; font-weight: 400; padding: 5px 0; bottom:0; right: 0; left: 0; width: 100%; background: rgba(0,0,0,0.5); }



.img-cabecera .breadcrumbs a, .img-cabecera .breadcrumbs a:hover { color: #fcfcfc; }



.img-cabecera .breadcrumbs span { margin-left: 5px; margin-right: 5px; }







.img-cabecera.cab-green { background: url(images/green-key/cab-green.jpg) no-repeat center bottom; background-size: cover; } 



.img-cabecera.cab-green .breadcrumbs { background: rgba(0,180, 80,0.6); }



.img-cabecera.cab-green .cab-menu { padding: 12px 0; background: rgba(0,180, 80,0.6); margin-bottom: 120px; }



.img-cabecera.cab-orange { background: url(images/ecoescuelas/cab-ecoescuelas.jpg) no-repeat center bottom; background-size: cover; } 



.img-cabecera.cab-orange .breadcrumbs { background: rgba(230,85, 10,0.6); }



.img-cabecera.cab-orange .cab-menu { padding: 12px 0; background: rgba(230,85, 10,0.6); margin-bottom: 120px; }



.img-cabecera.cab-blue { background: url(images/bandera/cab-blue.jpg) no-repeat center bottom; background-size: cover; } 



.img-cabecera.cab-blue .breadcrumbs { background: rgba(0,126, 240,0.6); }



.img-cabecera.cab-blue .cab-menu { padding: 12px 0; background: rgba(0,126, 240,0.6); margin-bottom: 120px; }



.img-cabecera .menu { float: right; padding: 10px 0; }



.img-cabecera .menu a { padding: 0 10px; }



.img-cabecera .menu a, .img-cabecera .menu a:hover, .img-cabecera .menu a:focus { color: #fff; font-weight: 500; }







.maincontent { background: #fff; padding: 30px; border-bottom: 2px solid #006dd9; border-top: 1px solid #ececec; border-left: 1px solid #ececec; border-right: 1px solid #ececec; margin-bottom: 30px; }



.greenkey.maincontent { border-bottom: 2px solid #00B050; }



.banderaazul.maincontent { border-bottom: 2px solid #0065BD; }



.ecoescuelas.maincontent { border-bottom: 2px solid #e8570a; }



.page.programs h4 { text-transform: none;  }



.page.programs .metas { position: relative; padding: 24px 15%; text-align: center; margin: 40px 0; color: #fff;}



.greenkey .metas { background: #00b050; }



.ecoescuelas .metas { background: #e8570a; }



.banderaazul .metas { background: #0065BD; }



.page.programs .metas h4 { color: #fff; }



.greenkey .metas span.open-quote { position: absolute; left: 10%; top: 50px; background: url(images/green-key/quote-green.png) no-repeat center center; background-size: 100%; width: 40px; height: 30px; display: inline-block; }



.greenkey .metas span.close-quote { position: absolute; right: 10%; top: 50px; background: url(images/green-key/quote2-green.png) no-repeat center center; background-size: 100%; width: 40px; height: 30px; display: inline-block; }







.ecoescuelas .metas span.open-quote { position: absolute; left: 10%; top: 50px; background: url(images/ecoescuelas/quote-green.png) no-repeat center center; background-size: 100%; width: 40px; height: 30px; display: inline-block; }



.ecoescuelas .metas span.close-quote { position: absolute; right: 10%; top: 50px; background: url(images/ecoescuelas/quote2-green.png) no-repeat center center; background-size: 100%; width: 40px; height: 30px; display: inline-block; }







.banderaazul .metas span.open-quote { position: absolute; left: 10%; top: 50px; background: url(images/bandera/quote.png) no-repeat center center; background-size: 100%; width: 40px; height: 30px; display: inline-block; }



.banderaazul .metas span.close-quote { position: absolute; right: 10%; top: 50px; background: url(images/bandera/quote2.png) no-repeat center center; background-size: 100%; width: 40px; height: 30px; display: inline-block; }







.page.programs .objetivos p { margin-top: 30px; display: inline-block; width: 33%; vertical-align: middle; float: left; padding: 0 12px; }



.page.programs .objetivos p img { float: left; margin-right: 10px; margin-bottom: 24px; margin-top: -12px; }



.page.programs .objetivos.objetivos_bandera p { margin-top: 30px; display: inline-block; width: 49%; vertical-align: middle; float: left; padding: 0 12px; }









.page.programs .stats { border-top: 3px solid #e0e0e0; padding: 30px 15px; margin-top: 30px; }



.page.programs .stats h3 { margin-bottom: 20px; }



.page.programs .stats .col-sm-6 { margin-bottom: 30px; }



.page.programs .stats img { margin-bottom: 10px; }



.page.programs .stats td { padding-top: 6px; vertical-align: bottom; }



.page.programs .stats td:nth-child(2) { padding-left: 30px; text-align: right; }



.page.programs .stats tr { border-bottom: 1px dashed #ccc; }



.page.programs .temas { padding: 30px 24px; }



.page.programs .temas h4  { margin-top: 12px; text-align: center; margin-bottom: 24px;}



.greenkey .temas h4 { color: #00B050 !important; }



.banderaazul .temas h4 { color: #0065BD !important; }



.ecoescuelas .temas h4 { color: #e8570a !important; }



.page.programs  .temas p { text-align: center; width: 24%; display: inline-block; padding: 0 10px 20px 10px; }



.page.programs  .temas.temas_bandera p { text-align: center; width: 100%; padding: 0 10px 20px 10px; }





.page.programs  .temas p img { display: block; margin: 0 auto 4px auto; clear: both; }



.page.programs  .temas.temas_bandera p img { width: auto; }



.page.programs  .pasos { vertical-align: middle; padding-top: 30px; background: #f8f8f8; margin-top: 150px; margin-bottom: 100px; position: relative; }



.page.programs  .pasos h4 { padding: 70px 0; font-size: 28px; max-width: 50%; }



.page.programs  .pasos img {  position: absolute; max-width: 45%; top: -120px; right: 0;}











.contact-form { background: #f4f4f4; border: 1px solid #e2e2e2; padding: 24px; }



.contact-form input, .contact-form textarea { margin-bottom: 20px; width: 100%; padding: 9px 20px; border: 1px solid #e0e0e0; color: #333; }



.contact-form input[type="submit"] { width: auto; padding: 7px 50px; color: #fff; font-family: 'Oswald',sans-serif; border: none; font-size: 18px; background: url(images/degradado.png) repeat-x center center; }



.mapa { text-align: center; font-size: 13px; line-height: 15px; }



.mapa .col-sm-4 { padding: 0 8px; margin-bottom: 20px; }



.mapa img { display: inline-block; clear: both; }







.asociados img { width: 20%; border: 1px solid #e2e2e2; margin: 0 2% 20px 2%; }







.lightbox { z-index: 9999999; }







@media (max-width: 1080px) { 



	.slide-text { padding: 0 5%; }



	.carousel-indicators { display: none; }



    .page.programs .metas span.open-quote { left: 8%; width: 28px; }



    .page.programs .metas span.close-quote { right: 8%; width: 28px; }



}







@media (max-width: 992px) {



	.content-menu { width: 100%; }



	.logo { max-width: 250px; z-index: 9999; }



	header .content-menu { margin-top: -70px; }



	header.smaller  .content-menu { margin-top: -54px; } 



	.navbar-default, .navbar-default .navbar-nav, .navbar-default .navbar-nav > li { max-width: 98%; }



	.navbar-default .navbar-nav > li > a { padding-top: 0; padding-bottom: 0; }



   .slide-text h1 { padding: 0; color: #ffffff; font-size: 36px; font-style: normal; letter-spacing: 1px; }

	.slide-text h2 { padding: 0; color: #ffffff; font-size: 30px; font-style: normal; letter-spacing: 1px; }

	.slide-text h3 { padding: 0; color: #ffffff; font-size: 26px; font-style: normal; letter-spacing: 1px; }



	.slide-text { font-size: 15px; }



    h3.title { font-size: 28px; }



    .news .col-sm-4 { padding-left: 15px; padding-right: 15px; }



    footer .copy, footer .social { text-align: center; width: 100%; }



    footer .copy { padding-top: 10px;  }



    footer .copy a { color: #fff; }



    footer .social { padding-top: 5px; }







    .img-cabecera .menu { float: none; padding: 10px 0; display: block; text-align: left; }



    .img-cabecera .menu a { white-space: nowrap; }











    .page.programs .objetivos p { width: 50%; }



    .page.programs .objetivos p img { width: 50px; }



    .page.programs .temas p { width: 32%; }

	

	







    .page.programs .pasos { vertical-align: middle; padding-top: 30px; background: #f8f8f8; margin-top: 120px; margin-bottom: 100px; position: relative; }



    .page.programs .pasos h4 { padding: 50px 0; font-size: 28px; max-width: 50%; }



    .page.programs .pasos img {  position: absolute; max-width: 45%; top: -90px; right: 0;}



}











@media  (max-width: 768px) {



    .slide-text p { display: none; }



	.slide-text h1 { padding: 0; color: #ffffff; font-size: 30px; font-style: normal; letter-spacing: 1px; }

	.slide-text h2 { padding: 0; color: #ffffff; font-size: 24px; font-style: normal; letter-spacing: 1px; }

	.slide-text h3 { padding: 0; color: #ffffff; font-size: 20px; font-style: normal; letter-spacing: 1px; }



	.top .contacts { display: none; }



	.top .social { width: 100%; }



    .parallax { padding-bottom: 16px; }



    .parallax h4 { margin-bottom: 32px; }



    .parallax p { padding-left: 6%; padding-right: 6%; }



    a.readmore { font-size: 16px; }



    .news .col-xs-6 { margin-bottom: 20px; }



    .paddings-laterales { padding-left: 6%; padding-right: 6%; }



    footer .ministerio { text-align: center; padding: 10px 0 5px 0;}



    .mapa { margin-top: 30px; }



    .asociados img { width: 30%; margin: 0 1% 20px 1%; }



    .foot-galeria a.img0, .foot-galeria a.img1, .foot-galeria a.img2, .foot-galeria a.img3, .foot-galeria a.img4, .foot-galeria a.img5, .foot-galeria a.img6, .foot-galeria a.img7  { display: inline-block; height: 100px;  }



    .foot-galeria a.img0, .foot-galeria a.img3, .foot-galeria a.img4, .foot-galeria a.img7 { width: 25%; }



    .foot-galeria a.img1, .foot-galeria a.img2, .foot-galeria a.img5, .foot-galeria a.img6 { width: 25%; }







    .page.programs .objetivos p { margin-top: 10px;  width: 100%; margin-bottom: 0; padding: 0; }

	

	.page.programs .objetivos.objetivos_bandera p { margin-top: 10px;  width: 100%; margin-bottom: 0; padding: 0; }



    .page.programs .objetivos p:first-child {margin-top: 30px; }







    .page.programs .pasos { text-align: center; background: none; margin-top: 30px; padding-top: 0; margin-bottom: 0; position: relative; }



    .page.programs .pasos h4 { padding: 0; font-size: 22px; max-width: 100%; margin-bottom: 20px;}



    .page.programs .pasos img {  position: relative; max-width: 90%; top: inherit; right: inherit;}



}







@media (max-width: 598px) {



    .greenkey .temas p { width: 49%; }



}







@media  (max-width: 480px) {



	body { font-size: 15px; line-height: 1.4em; }



    .slide-text { padding: 10px 20px; }



    .slide-text h1 { padding: 0; color: #ffffff; font-size: 26px; font-style: normal; letter-spacing: 1px; }

	.slide-text h2 { padding: 0; color: #ffffff; font-size: 22px; font-style: normal; letter-spacing: 1px; }

	.slide-text h3 { padding: 0; color: #ffffff; font-size: 20px; font-style: normal; letter-spacing: 1px; }



	.slide-text a { font-size: 18px; padding: 0 10px; background: none; }



    .indicators-line > .carousel-indicators{ display: none; }







    .img-cabecera .menu a { width: 100%; display: block; }



	



	section.programas .col-xs-6 { width: 100%; }



    h3.title { font-size: 24px; }



    h4.title { font-size: 17px; }

	

	



    a.readmore { font-size: 18px; background: none;}



    .news .col-xs-6 { width: 100%; }



    .paddings-laterales { padding-left: 20px; padding-right: 20px; }



    .foot-galeria a.img0, .foot-galeria a.img1, .foot-galeria a.img2, .foot-galeria a.img3, .foot-galeria a.img4, .foot-galeria a.img5, .foot-galeria a.img6, .foot-galeria a.img7  { display: inline-block; height: 70px;  }



    .page.programs .metas { margin: 20px 0; padding-left: 20px; padding-right: 20px; }



    .page.programs .metas span.open-quote { display: none;  }



    .page.programs .metas span.close-quote { display: none; }



    .page.programs .objetivos p { text-align: center; }



    .page.programs .objetivos p:first-child { margin-top: 20px; }



    .page.programs .objetivos p img { float: none; display: block; clear: both; margin: 0 auto 12px auto; }



    .page.programs .temas p { width: 99%; padding-bottom: 14px ;}



    .page.programs .pasos h4 { font-size: 20px; }



    .page.programs {  }



    .page.programs .pie img { height: 80px; }



    .page.programs .pie img:nth-child(1) { margin-top: 16px; }



}































/** PAGINAS **/



















.nosotros .imagen-izq { float: left; margin-right: 30px; max-width: 30%; margin-bottom: 0; padding-bottom: 0; }







.nosotros .imagen-izq .attachment-post-thumbnail.size-post-thumbnail.wp-post-image { margin-bottom: 0; padding-bottom: 0; }







.nosotros .contents { padding: 40px 0 20px 0; }







.nosotros .contents ul { padding-left: 20px; list-style-type: none; display: inline-block; }







.nosotros .contents ul li { padding-bottom: 10px; background: url(images/check.png) no-repeat left 5px; padding-left: 20px; }















.descargas { padding-top: 40px; padding-bottom: 40px; }







.descargas img.tipo { float: left; margin-right: 8px; width: 18px; }







.descargas img.download { float: right; width: 32px; padding-right: 2px; }







.descargas p { border-bottom: 1px solid #ccc; padding-top: 4px; padding-bottom: 4px; }







.descargas a, .descargas a:hover, .descargas a:focus { color: #000; font-weight: 600; font-size: 15px; }































.servicios { padding-top: 40px; padding-bottom: 40px; }







.servicios .col-sm-6 { margin-bottom: 20px;  }







.servicios .col-sm-6 .col-xs-3 { text-align: right; }







.servicios .col-sm-6 .col-xs-3 img { width: auto; height: auto; }















.img-cabecera.contacto { margin: 0; padding: 0; background: url(images/header-contacto.jpg) no-repeat center bottom; width: 100%; min-height: 160px; background-size: 100%; }







.page-contacto { background: url(images/contact-bg.jpg) no-repeat center center; background-size: cover; padding-top: 4px; padding-bottom: 60px; }







.page-contacto .col-sm-6 { padding: 40px 20px;  }







.page-contacto strong { color: #000; }







.page-contacto .bg-dark-green { color: #fff; }







.page-contacto input, .page-contacto textarea { width: 100%; border: 1px solid #82C23C; border-radius: 2px; padding: 7px 14px; margin-bottom: 14px; color: #666; }







.page-contacto input[type="submit"] { font-family: 'Bebas Neue', sans-serif; font-size: 19px; letter-spacing: 1px; color: #209348; }



h4.title-news { font-size: 15px; min-height: 3em; max-height: inherit; line-height: 1.4em; }



.estadisticas-ecoescuelas { color: #fff; }

.estadisticas-ecoescuelas h1, .estadisticas-ecoescuelas h4 { text-align: center; color: #fff; padding: 0; margin: 0; display: inline-block; width: 100%; }

.estadisticas-ecoescuelas h1 { padding-top: 50px; }

.estadisticas-ecoescuelas .circulo1 { background: #e8570a; border: 8px solid #e8570a; display: inline-block; width: 200px; height: 200px; border-radius: 200px; position: relative; z-index: 2; }

.estadisticas-ecoescuelas .circulo2 { background: #fff; border: 8px solid #e8570a; display: inline-block; width: 200px; height: 200px; border-radius: 200px; position: relative; z-index: 1; margin-left: -30px; }

.estadisticas-ecoescuelas .circulo2 h1, .estadisticas-ecoescuelas .circulo2 h4 { color: #e8570a; }



@media (max-width: 998px) {

	.estadisticas-ecoescuelas h1 { padding-top: 30px; font-size: 24px; }

	.estadisticas-ecoescuelas .circulo1 { background: #e8570a; border: 5px solid #e8570a; display: inline-block; width: 120px; height: 120px; border-radius: 120px; position: relative; z-index: 2; }

	.estadisticas-ecoescuelas .circulo2 { background: #fff; border: 5px solid #e8570a; display: inline-block; width: 120px; height: 120px; border-radius: 120px; position: relative; z-index: 1; margin-left: -20px; }

}



.estadisticas-banderaazul { color: #fff; }

.estadisticas-banderaazul h1, .estadisticas-banderaazul h4 { text-align: center; color: #fff; padding: 0; margin: 0; display: inline-block; width: 100%; }

.estadisticas-banderaazul h1 { padding-top: 50px; }

.estadisticas-banderaazul .circulo1 { background: #0065bd; border: 8px solid #0065bd; display: inline-block; width: 200px; height: 200px; border-radius: 200px; position: relative; z-index: 2; }

.estadisticas-banderaazul .circulo2 { background: #fff; border: 8px solid #0065bd; display: inline-block; width: 200px; height: 200px; border-radius: 200px; position: relative; z-index: 1; margin-left: -30px; }

.estadisticas-banderaazul .circulo2 h1, .estadisticas-banderaazul .circulo2 h4 { color: #0065bd; }



@media (max-width: 998px) {

	.estadisticas-banderaazul h1 { padding-top: 30px; font-size: 24px; }

	.estadisticas-banderaazul .circulo1 { background: #0065bd; border: 5px solid #0065bd; display: inline-block; width: 120px; height: 120px; border-radius: 120px; position: relative; z-index: 2; }

	.estadisticas-banderaazul .circulo2 { background: #fff; border: 5px solid #0065bd; display: inline-block; width: 120px; height: 120px; border-radius: 120px; position: relative; z-index: 1; margin-left: -20px; }

}



.estadisticas-greenkey { color: #fff; }

.estadisticas-greenkey h1, .estadisticas-greenkey h4 { text-align: center; color: #fff; padding: 0; margin: 0; display: inline-block; width: 100%; }

.estadisticas-greenkey h1 { padding-top: 50px; }

.estadisticas-greenkey .circulo1 { background: #00af4f; border: 8px solid #00af4f; display: inline-block; width: 200px; height: 200px; border-radius: 200px; position: relative; z-index: 2; }

.estadisticas-greenkey .circulo2 { background: #fff; border: 8px solid #00af4f; display: inline-block; width: 200px; height: 200px; border-radius: 200px; position: relative; z-index: 1; margin-left: -30px; }

.estadisticas-greenkey .circulo2 h1, .estadisticas-greenkey .circulo2 h4 { color: #00af4f; }



@media (max-width: 998px) {

	.estadisticas-greenkey h1 { padding-top: 30px; font-size: 24px; }

	.estadisticas-greenkey .circulo1 { background: #00af4f; border: 5px solid #00af4f; display: inline-block; width: 120px; height: 120px; border-radius: 120px; position: relative; z-index: 2; }

	.estadisticas-greenkey .circulo2 { background: #fff; border: 5px solid #00af4f; display: inline-block; width: 120px; height: 120px; border-radius: 120px; position: relative; z-index: 1; margin-left: -20px; }

}



ol li { padding-bottom: 10px; }



/** MAROTEO **/
.img-cabecera.cab-marron {
	position: relative;
	background: none;
}
.img-cabecera.cab-marron .cab-menu {
	position: absolute;
	top: 0;
	background: rgba(117,77,37,0.8);
	z-index: 99;
	left: 0;
	right: 0;
	width: 100%;
	padding: 8px 0;
}
.img-cabecera.cab-marron .cab-menu img {
	width: 134px;
}
.img-cabecera a.full_link {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
}
.img-cabecera.cab-marron .breadcrumbs {
	position: absolute;
	bottom: 0;
	z-index: 99;
	background: rgba(117,77,37,0.8);
}
.maroteo.maincontent {
	background: #eff7ea;
	border-bottom: 2px solid #754D25;
}
.marron {
	color: #754D25;
}
.height12 {
	clear: both;
	height: 12px;
}
.height20 {
	clear: both;
	height: 20px;
}
.height30 {
	clear: both;
	height: 30px;
}
.separamaroteo {
	height: 3px;
	background: #d9d8c6;
}
h3.maroteo {
	text-transform: none;
	font-size: 24px;
	padding-bottom: 7px;
	border-bottom: 1px solid #86CDA4;
	margin-bottom: 20px;
}
.sabiasque {
	background: #56ba81;
	color: #fff;
	padding: 20px;
	text-align: center;
	min-height: 190px;
}
.sabiasque strong {
	display: block;
	padding-bottom: 10px;
}
.sabiasque .separa {
	display: inline-block;
	clear: both;
	width: 120px;
	height: 3px;
	background: #fff;
	margin-bottom: 20px;
}
.sabiasque p {
	text-align: center;
}
.bgmarron {
	background: #754d25;
	color: #fff;
	padding: 6px 20px 0 20px;
}
.bgmarron img {
	float: left;
}
.bgmarron a, .bgmarron a:hover, .bgmarron a:focus {
	color: #fff;
}
.bgmarron span {
	display: inline-block;
	padding-top: 12px;
	padding-left: 10px;
}
.cierre img {
	width: 200px;
	margin-bottom: 30px;
}
.cierre .fa {
	background: #56ba81;
	color: #fff;
	display: inline-block;
	margin: 0 2px;
	width: 32px;
	height: 32px;
	text-align: center;
	line-height: 32px;
	border-radius: 32px;
}
.plantadelmes {
	display: block;
	width: 100%;
	height: 190px;
}
a.link-maroteo {
	text-transform: uppercase;
	color: #754d25;
	font-family: 'Oswald', sans-serif;
	font-weight: 500;
	display: block;
	padding-top: 8px;
	font-size: 18px;
}
.imagenfruta img {
	width: 100%;
}
.galeria {
	border-top: 1px solid #e1e8dc;
	padding-top: 30px;
}
a.item-galeria {
	width: 25%;
	float: left;
	height: 100px;
	margin-bottom: 5px;
	border: 4px solid #eff7ea;
}

@media(max-width: 498px) {
	.catalogo .col-xs-6 {
		width: 100%;
	}
	a.item-galeria {
		height: 80px;
	}
}


.botonescatalogo {
	text-align: right;
}
a.btncatalogo {
	display: inline-block;
	font-family: 'Oswald',sans-serif;
	font-size: 15px;
	text-transform: uppercase;
	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	background: #d9d8c6;
	color: #754d25;
	margin-left: 2px;
	text-decoration: none;
	padding: 7px 15px;
}
a.btncatalogo:hover, a.btncatalogo:focus, a.btncatalogo.active {
	color: #fff;
	background: #754d25;
}

/** Equipo **/
.circle {
	display: inline-block;
	width:180px;
	height: 180px;
	border-radius: 140px;
	border: 2px solid #f2f2f2;
	margin-bottom: 8px;
}
.text-equipo {
	text-align: center;
}
.text-equipo p {
	text-align: center;
	padding: 0 12%;
}
.equipo h4 {
	font-size: 15px;
	margin-bottom: 4px;
	padding-bottom: 0;
}
.equipo {
	font-size: 15px;
	margin-bottom: 36px;
}
@media(max-width: 598px) {
	.equipo {
		width: 100%;
		float: none;
	}
	.text-equipo p {
		text-align: center;
		padding: 0 5%;
	}
}