/*
Theme Name: ACIPLAST - Cámara Costarricense de la Industria del Plástico
Theme URI: aciplast.org
Author: 506 Design
Author URI: http://506design.com/
Description:  Cámara Costarricense de la Industria del Plástico
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: fv2

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/* CSS Document */
body {  background:#979797;font-family: 'avenirLight'; font-size:14px; text-align:center; width:100%; color:#000;}
div, ul, li, h1, h2, h3, h4, p, a, span, strong, form, input, label, textarea { position:relative; box-sizing: border-box;}
body, ul, li, h1, h2, h3, h4, p { margin:0; padding:0; font-weight:normal;}
li { list-style:none;}
a { outline:none; text-decoration:none; cursor: pointer;}
*:focus { outline: none; } 
a, select, .greenCTA, .formSave input, input[type="date"] {-webkit-appearance:none;}
a[href^="tel"]{ color:inherit;}
a img { border:none;}
p { padding-bottom:10px; line-height:20px;}
.wrapper {width:100%; z-index:1;}

header, nav, section, footer, hgroup, article, figure { display:block; position:relative; margin:0;box-sizing: border-box;}
header { width:100%; position:sticky; top:0; left: 0; z-index: 999;}
.headerHolder { width:100%;}

/*Top navigation*/
.mainLogo { width:120px; position:absolute; z-index:2; left:4%; top:0; background:#fff; padding:5px; box-shadow: 0 5px 10px -5px #000; border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px;}
.mainLogo a, .mainLogo a img { display:block; width:100%;}

nav { text-align:right; width:100%; z-index: 1;}
.menu-top-menu-container { width:95%; }
.menu-second-top-menu-container { width:100%; background-color: #fff; }
.navHolder { width:100%;}
.navHolder li a, .socialMedia li a { display:block; padding:8px;}
.navHolder li a { padding:10px;}
.navHolder li a:hover,
.navHolder li a:active,
.navHolder li.current-menu-item a { background:#ffa826; color:#fff; }

/*Sub-menu*/
.navHolder li:hover .sub-menu { display:block;}
.sub-menu { width:200px; position: absolute; top:37px; display:none;}
.sub-menu li { width:100%;}
.sub-menu li a { text-align:left; background:#fff; color:#000; border-bottom:1px solid #dedede;}
.sub-menu li:last-child a { border:none;}
.sub-menu li a:hover, .sub-menu li a:active { color:#fff!important;}
.sub-menu li a:hover, .sub-menu li a:active { background-color:#999;}

.topNav li a { color:#fff; }

/*Responsive Top Menu*/
nav a#pull {width: 30px;height:30px;border-radius:0; line-height:30px; color:#fff; text-align:right; display:none;}
nav a#pull:after {content:""; background: url('images/nav-icon.png') no-repeat; background-size: 100%; width: 26px;height: 26px;display: inline-block; position: absolute;right: 0;top: 2px;}

/*Social Media*/
.social { text-align:center; position: absolute; right: 0; top: 0; z-index: 2; width: 5%;}
.social li a { display:block; width:auto; text-align:center; padding:3px 0; cursor:pointer;}
.social li a img { display:block; width:25px; height:25px; left: 2px; top: 2px; position: relative;}
.social li a:hover, .social li a:active { color:#999; background-color:transparent;}

.topNav2 > li:first-child { display:none; }

/*Contenido*/
.content { background:#fff; z-index: 1;}
.content, .contentPage { width:100%;}

/*Slider*/
.slider li a, .slider li img { display:block; width:100%; height:auto;}

.sliderHolder, .colHolder { width:100%; max-width:1200px; margin:0 auto;}
.colHolder { padding-top:20px; }
.colHolder > li h2 { text-align:left; text-transform:uppercase; padding:15px 0 }
.colHolder > li { width:73%; padding-right: 1%}
.colHolder > li:last-child { width:25%; padding: 0;}
.colHolder li .orangeBG, .col50 h2 { color:#fff; padding:10px; text-align:left; font-size:16px; text-transform: uppercase;}

.orangeHome { text-align:left; color:#fff; padding:20px 20px 40px; overflow:hidden; }
.orangeHome h1 { text-align:left; }
.orangeHome li { width:69%; padding-right:3%; text-align:justify; }
.orangeHome li:nth-child(2) { width:30%; padding:0 }
.orangeHome li:nth-child(2) img { width:100%; height:auto; display:block; }
.orangeHome li:last-child { position: absolute; bottom:0; right:0; text-align:right; width:30%; left:70%; padding:0 }
.orangeHome li:last-child .blueCTA { width:100%; color:#fff; display:block; text-align:center; padding:10px;text-transform: uppercase; }

.newsCol { width:100%; text-align: left; display: flex; overflow-x: scroll; padding-bottom: 15px;}
.newsCol li { padding: 0 1%; margin: 0 5px;}
.newsCol li a { color:#000; display:block; width:100%; }
.newsCol li .imgHolder { width:300px; height: 100px; overflow: hidden;}
.newsCol li .imgHolder  img { width:100%; height:auto; display:block; }
.newsCol li h2 { font-size:14px; text-align:left; padding: 15px 0; line-height:20px; width:100%;}
.newsCol li p { text-align:left; width:100%; font-size: 14px; line-height: 24px;}
.newsCol li p a:hover,
.newsCol li p a:active { text-decoration:none;}
.newsCol li p a.more-link { padding:5px 10px; color:#fff; width:50%; display:block;  text-decoration: none; text-align: center; font-size: 14px;}
.newsCol li p a.more-link span { display:block; }

.eventsCol { padding-bottom:20px; }
.eventsCol li { background:#fbfbfb;}
.eventsCol li .imgLine { width:80%; left:10%; height:5px; }
.eventsCol li h2 { color:#5b5b5b; text-align:center;}
.eventsCol li h2,
.eventsCol li p {width:90%; left:5%; }

.colHolder > li .affiliadosTitle {width:100%; }
.colHolder > li .affiliadosTitle h2 { padding:10px; text-align:center; color:#fff;  width:100%; display:block; }
.colHolder > li .affiliadosTitle:after { content:""; border-left: 150px solid transparent; border-right: 150px solid transparent; border-top: 16px solid #1769aa; display:block; }

.eventsCol li .imgLine { width: 80%; left: 10%; height: 5px;}

/*Listado de cajas*/
.col50 { width:48%; margin-left:1%;}

.listHolder { width:100%; padding-top:20px;}
.listHolder li { width:92%; margin-bottom:5px; text-align:left; border:1px solid #f1f1f1; border-left: 2px solid #7eb059; padding:2%;}
.listHolder li:nth-child(even) { border-left-color:#f39200;}
.listHolder li h2 {color:#000; padding:0 0 6px;}

/*Publicidad*/
.bannerBox { width:100%; margin-bottom: 10px;}
.bannerBox a,
.bannerBox img { width: 100%; height: auto; display: block; }

/*Afiliados home page*/
.afiliadosHolder h2 { padding:10px; text-transform:uppercase; }
.afiliadosHolder h2.blueBG {color:#fff; }
.logoList { width:90%; max-width:1200px; margin: 0 auto; padding:30px 0;}
.logoList li,
.logoList li a,
.logoList li img { width:100%; height:auto; display:block; }

.videoHolder { padding:20px; width:100%; background: #f1f1f1;}
.videoHolder .videoTitle { width:39%; }
.videoHolder .videoTitle h2 { font-size:36px; text-align:right; padding:20px 20px 0; }
.videoHolder .videoTitle p { text-align:right; font-size:16px; padding:0 20px; }
.videoHolder iframe { width: 60%; max-width: 650px; }

/*Footer*/
footer { width:100%; padding-bottom:30px;}
.footerIMG { width:100%; border-bottom:2px solid #fff;}
.footerIMG img { width:50%; max-width:300px; height:auto; display: inline-block; position:relative; top:3px;}
.footerIcons { top:-30px;}
.footerIcons li { margin:0 2px;}

.footerHolder { width:90%; max-width:1200px; margin:0 auto; padding-top:20px;}
.menu-footer1-container,
.menu-footer2-container,
.footerList { width:23%;}
.menu-footer1-container .footerList,
.menu-footer2-container .footerList { width: 100%; }

.footerList > li { width:100%; padding-bottom:10px; text-align:left;color:#fff;}
.footerList > li a { width:100%; color:#fff; padding:5px;}
.footerList > li a:hover, .footerList > li a:active,
.footerList > li.current-menu-item a {color:#fff; }

.footerList > li.footerLogo { padding:0;}
.footerList > li.footerLogo a { padding:0;}
.footerList > li.footerLogo a img { height:auto;}
.footerList > li.footerLogo a, .footerList > li.footerMail a { display:block; text-align:center; }
.footerList > li.footerLogo a:hover, .footerList > li.footerLogo a:active { background:none; opacity:.8;}
.footerList > li.footerMail, .footerList > li.footerTel { padding:0; text-align:center; }
.footerList > li.footerMail a  { font-size:14px; padding:5px 0;}
.footerList > li .social { position: relative; width: inherit;}
.footerList > li .social a { padding:0;}

/*----------- Inner Pages -------------*/
/*Quienes Somos*/
.innerP h1, .innerP h2 { font-size:24px; padding-bottom:20px; text-transform: uppercase;}
.innerP .contentPage h1, .innerP .contentPage h2, .innerP .contentPage p, .innerP .contentPage > ul,
.innerP .contentPage > table { max-width:1200px; margin:0 auto; width:90%; line-height:26px;}
.innerP .contentPage p { text-align:justify;}
.innerP .contentPage p >img { max-width:100%; height:auto; display:block; position:relative; margin:0 auto;}
.innerP .contentPage > ul { width:90%;}
.innerP .contentPage > ul li { width:95%; padding:0 0 10px; text-align:left;}
.innerP .contentPage > ul li a { color:#000;}
.innerP .contentPage > ul li a.greenCTA { color:#fff; }
.innerP .contentPage > ul li .fa-circle { font-size:6px; margin-right: 8px; top:-2px; position: relative;}

.innerP .contentPage > table { text-align:left; border:solid #dedede; border-width: 0 1px 1px 0; display:inline-block; overflow:scroll;}
.innerP .contentPage > table td,
.innerP .contentPage > table th { border: solid #dedede; border-width: 1px  0 0 1px; padding: 10px;}
.innerP .contentPage > table td:first-child,
.innerP .contentPage > table th { text-align: center; background: #1972b9; color:#fff;}
.innerP .contentPage > table td:last-child,
.innerP .contentPage > table th:last-child { min-width:200px;}

.tableHolder { max-width:900px; margin:0 auto; width:90%; overflow:auto;}

/*Misión y Visión*/
.quienesBox { width: 60%; color: #fff; padding: 2% 2% 2% 10%; text-align: left; margin: 20px 0; }
.quienesBox h2 { padding-bottom: 10px; font-size: 20px; color: #fff!important; }
.quienesBox p { font-size: 16px; }
.innerP .contentPage .quienesBox p { text-align: left; }
.visionBox { left: 28%; padding: 2% 10% 2% 2%;}

/*Objetivos*/
.objetivosList { padding-bottom: 20px;}
.innerP .contentPage > ul.objetivosList li { width: 28%; margin: 0 1% 1%; padding:1%; text-align: center; min-height: 150px; font-size: 16px; border-bottom: 4px solid #1972b9; }
.innerP .contentPage > ul.objetivosList li:nth-child(even){ border-color:#f39200; }
.innerP .contentPage > ul.objetivosList li:last-child { width: 93%; min-height: inherit; color: #fff; border: none; }

.publicidadHolder, .objetivosList  { width: 90%; max-width: 1200px; margin: 0 auto; }
.publicidadHolder .bannerBox { width: 30%; margin: 1%; }
.publicidadHolder { padding: 20px 0; }

/*Afiliese */
.afilieseP h2 { color: #000!important; text-align: left; text-transform: inherit; }
.afilieseP .contentPage > ul li a:hover,
.afilieseP .contentPage > ul li a:active { text-decoration: underline; }

.descargaBox { padding: 20px 0; }
.descargaBox a { display: block; width: 100%; height: auto; }
.descargaBox img { width: 100px; }
.innerP .contentPage .descargaBox h2 { width: 300px; margin-left: 20px; color: #fff!important; font-size: 26px; line-height: 30px; }

/*Contacto Page*/
.contentContact .descHolder { padding:40px 0 0;}
.contentContact .descHolder li.w50:nth-child(2) { width: 46%; padding:0 2%;}

.innerP .contentPage > ul.contactHolder { padding-top:20px;}
.innerP .contentPage > ul.contactHolder > li { width:56%;}
.innerP .contentPage > ul.contactHolder > li:last-child { width:38%;}

.innerP .anunciosList li h2 { font-size:14px; padding:15px 0; line-height:20px; }

.contactTXT { text-align:left;}
.contactTXT h2 { padding: 0 0 15px;}
.contactTXT p { font-size:18px;}
.contactTXT p a { color:#000;}

/*Form*/
.formHolder { padding-bottom:50px; width:90%; margin:0 auto;}
.formItems { border:1px solid #dedede; padding:20px 0;}
.formItems li { padding:10px 0;width:90%; margin:0 auto;}
.formItems li:last-child { overflow:hidden;}
.formItems li br { display: none; }

.formItems li label, .formItems li input, .formItems li textarea  { font-size:14px; text-align:left; width:98%; display:block;}
.formItems li label { padding-bottom:15px; font-size:18px;}
.formItems li input, .formItems li textarea, .formItems li .comboMask  { background-color:#eaeaea; width:90%; border:1px solid #dedede; padding:13px 4%;}
.formItems li input:focus, .formItems li textarea:focus { border:1px solid #090;}
.formItems li textarea { height:115px; padding:10px 4%;}
.formItems li .greenCTA { width:90%; border:none; text-align:center; font-size:20px; padding:12px 0; color:#fff!important;}
.formItems li .greenCTA:active, .formItems li .greenCTA:hover { border:none;}
.formItems li .greenCTA:active { box-shadow:none;}

/*Combo*/
.formItems li select { width:110%; background-color: transparent; border:none; font-size:14px; line-height:24px; cursor:pointer; color:#999;}
.formItems li .comboMask { width:91%; overflow:hidden; background:#eaeaea url(images/gray_arrow_down.png) no-repeat 96% 18px; padding:10px 4%; background-size:20px 12px;}
.formItems li .comboMask select { color:#666;}
.formItems li input:hover, .formItems li textarea:hover, .formItems li .comboMask:hover,
.formItems li input:active, .formItems li textarea:active, .formItems li .comboMask:active { border:1px solid #090;}

/*Board of directors*/
.comisionesP .contentPage > ul.boardList li { width: 24%; margin: 0; padding: 0 0 10px; }
.comisionesP .contentPage > ul.boardList li .avatarHolder { width: 100px; height: 100px;overflow: hidden; margin: 0 auto; border:2px solid #dedede; margin-bottom: 10px;}
.comisionesP .contentPage > ul.boardList li .avatarHolder img { width: 120%; height: auto; display: block; left: -10%; position: relative;}
.comisionesP .contentPage > ul.boardList li h2 { padding: 0; font-size: 14px; }
.comisionesP .contentPage > ul.boardList li h2,
.comisionesP .contentPage > ul.boardList li p { text-align: center; }
.comisionesP table { position: relative; margin:0 auto; padding-bottom: 20px; }

/*Capacitaciones*/
.capacitacionesP .contentPage > ul.anunciosList { width: 100%; }
.capacitacionesP .contentPage > ul.anunciosList li { width: 40%; padding: 0; margin:0 4%; }
.capacitacionesP .contentPage > ul.anunciosList li a,
.capacitacionesP .contentPage > ul.anunciosList li a img { width: 100%; display: block; height: auto; }
.capacitacionesP .contentPage > ul.anunciosList li a{ box-shadow: 0 0 10px #999; }

/*Leyes*/
.leyesP .contentPage > ul.docList li { width:100%; padding:0; margin-bottom:10px;}
.leyesP .contentPage > ul.docList li .far { color: red; font-size: 20px; }
.leyesP .contentPage > ul.docList li p { width: 90%; font-size: 18px;margin:0; padding:0; white-space:nowrap; overflow: hidden; text-overflow:ellipsis; }
.leyesP .contentPage > ul.docList li p a { width:100%;color: #666;}
.leyesP .contentPage > ul.docList li p a:hover,
.leyesP .contentPage > ul.docList li p a:active { text-decoration: underline; }

/*Directorio*/
.directorioT { width: 90%; max-width: 800px; margin:0 auto; position: relative; }
.directorioT th { background-color: #1972b9; color: #fff; padding: 5px; font-size: 16px; }
.directorioT td { color: #666; padding: 10px; text-align: left; line-height: 22px; }
.directorioT tr:nth-child(even) { background: #f1f1f1; }

/*Comunicados de Prensa*/
.innerP .contentPage > ul.comList li { width: 33%; padding: 1%; margin-bottom: 1%; min-height: 650px;}
.innerP .contentPage > ul.comList li .comIMG { width:100%; max-height:240px; overflow: hidden; margin-bottom: 15px;}
.innerP .contentPage > ul.comList li .comIMG img { width:100%; height:auto; display:block; }
.innerP .contentPage > ul.comList li .newsBox,
.newsSlider .imgBox { width:100%; max-height:200px; overflow:hidden;}
.innerP .contentPage > ul.comList li .newsBox img { width:100%; height:auto; display:block;}

.innerP .contentPage > ul.comList li h2 { color: #000; font-size: 14px; padding:10px 0; width: 100%; line-height: 20px; }
.innerP .contentPage > ul.comList li p { padding: 0; width: 100%; }
.innerP .contentPage > ul.comList li p a.more-link { display: none; }
.innerP .contentPage > ul.comList li p iframe,
.innerP .contentPage > ul.comList li p img {width:100%; height:160px; position: relative; margin:0 auto;}
.innerP .contentPage > ul.comList li p img { height:auto;}

.noticiasP .contentPage > ul.comList li { min-height:440px; }

/*Single Page general*/
.singleP .newsCol { width:100%;}
.singleP .contentPage > ul.newsCol li {width:25%; padding:0;}
.singleP .contentPage > ul.newsCol li img { width:100%; height:auto; display:block;}
.singleP .contentPage > ul.newsCol li:last-child { width:74%!important;}

.noticiasP, .comunicadosP, .singleP { padding-top:50px;}

/*Campañas */
.campainP .headerCampain,
.headerCampain hgroup,
.navTabs,
.dataBox,
.campainP .bulletList,
.campainP .bulletList li,
.itemsList,
.itemsList li,
.campainIMG,
.newsBanner { width:100%;}

.headerCampain hgroup {padding:20px; }
.headerCampain h1,
.headerCampain h2 { color:#fff; text-transform:uppercase; font-size:34px; text-align:left; }
.colHolder > li .headerCampain h2 { font-size:18px; text-transform: initial; font-style: italic; padding: 0;}

.navTabs { display:flex;padding:1rem 0;}
.navTabs li a { padding:10px 14px 8px; font-size:16px; background-color:#f1f1f1; margin:0 5px;  cursor: pointer;}
.navTabs li.active a,
.navTabs li a:hover,
.navTabs li a:active { color:#fff; }

.dataBox > p { text-align:left; }
.campainP .bulletList { padding-top:20px; }
.campainP .bulletList li,
.proParques,
.newsHolder {display:flex; padding-bottom: 20px;}
.bulletNumber { width:70px; height:70px; line-height:70px; text-align:center; color:#fff; font-size:32px; }
.bulletText { width: 80%; text-align:left; padding-left:2%; }

.itemsList li { margin-bottom:10px; font-size:18px; text-align:left;  padding: 20px; color: #fff; text-transform: uppercase;}
.itemsList li:nth-child(2) { background-color:#dedede; color:#000; }

.logoBox { width:25%;}
.logoBox img,
.campainIMG img,
.newsBanner img { width:100%; height:auto; display:block; }
.logoDesc { width:75%; padding-left:2%; }
.logoDesc p { text-align:left; }

.newsHolder { justify-content:space-between; }
.campainNews { width:48%; text-align:left; }
.colHolder > li .campainNews h2 { padding-top:0; }
.campainIMG { padding-bottom:10px; }
.newsBanner, .itemsList { padding-bottom:40px; }


/* ------------------------- GENERAL -------------------------*/ 

/*Color Naranja*/
.dataBox > h2,
.campainNews h2 {color:#f39200;}

.orangeBG, .innerP .contentPage > ul.objetivosList li:last-child,
.orangeHome, .headerCampain hgroup,
.bulletNumber { background:#f39200;}

/*Color Verde*/
.greenCTA, .formItems li input.greenCTA { background:#6fc000; }

.newsSlider li h2,
.formItems li input.greenCTA { color:#7eb059;}

.col50 > h2.greenBG, .quienesBox, .descargaBox,
.newsCol li p a.more-link,
.eventsCol li:nth-child(even) .imgLine { background:#7eb059;}

/*Color celeste*/
.topNav2 li a,
.newsSlider li p a, .listHolder li p a,
.innerP h1, .innerP h2, .innerP .contentPage > ul li .fa-circle,
.afilieseP .contentPage > ul li a,
.videoHolder .videoTitle h2  {color:#1972b9;}

header, .topNav, .col50 > h2, .afiliadosHolder h2.blueBG, .visionBox,
.footerList > li a:hover, .footerList > li a:active,
.footerList > li.current-menu-item a,
.orangeHome li:last-child .blueCTA,
.eventsCol li .imgLine,
.affiliadosTitle h2,
.navTabs li.active a,
.navTabs li a:hover,
.navTabs li a:active,
.itemsList li { background:#1972b9;}

/*Color verde go*/
.greenCTA:hover, .greenCTA:active,
.formItems li input.greenCTA:hover,
.formItems li input.greenCTA:active,
.orangeHome li:last-child .blueCTA:hover,
.orangeHome li:last-child .blueCTA:active,
.newsCol li p a.more-link:active,
.newsCol li p a.more-link:hover { background:#090; color:#fff;}

/*Text overflow*/
{ white-space:nowrap; text-overflow: ellipsis; overflow:hidden;}

/*Display Inline block- vertical aling top*/
.navHolder, .navHolder li, footer > ul, .menu-footer1-container,
.menu-footer2-container, .colHolder li,
.footerIcons li, .footerList, .social li, .newsSlider li, .col50,
.logoList li, .objetivosList li, .publicidadHolder .bannerBox,
.descargaBox img, .descargaBox h2, .innerP .contentPage > ul.contactHolder > li,
.innerP .contentPage > ul.boardList li,
.capacitacionesP .contentPage > ul.anunciosList li,
.innerP .contentPage > ul.comList li,
.singleP .contentPage > ul.newsCol li,
.leyesP .contentPage > ul.docList li .far,
.leyesP .contentPage > ul.docList li p,
.videoHolder .videoTitle,
.videoHolder iframe { display:inline-block; vertical-align:top;}

/*Display Inline block- vertical aling middle*/
.descargaBox img, .descargaBox h2,
.videoHolder .videoTitle,
.videoHolder iframe { vertical-align:middle;}

/*Border radius 5px*/
 .formItems,
 .formItems li input,
 .formItems li textarea,
 .formItems li .comboMask,
 .greenCTA,
 .footerList li a,
 .videoHolder,
 .orangeHome,
 .newsCol li .imgHolder {-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}

 .navTabs li a {-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}

 .innerP .contentPage > ul.boardList li .avatarHolder,
 .bulletNumber { border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
 
.outlineCTA, .greenCTA { width:80%; max-width:300px; display:block; padding:10px; font-size:20px; text-align:center; border:2px solid #fff; margin:0 auto; cursor:pointer}
.greenCTA { color:#fff;} 

/*Font  Family Avenir Black*/
h1, h2, .footerHolder ul:nth-child(3) li:first-child,
.bulletNumber, .bulletText p strong,
.itemsList li {font-family: 'avenirBlack';}

.headerCampain h2 { font-family:'avenirLight'; }

/*Gradiente celeste a azul*/
{background: rgb(25,114,185); /* Old browsers */
background: -moz-linear-gradient(top, rgba(25,114,185,1) 0%, rgba(19,76,122,1) 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(25,114,185,1) 0%,rgba(19,76,122,1) 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(25,114,185,1) 0%,rgba(19,76,122,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1972b9', endColorstr='#134c7a',GradientType=0 ); /* IE6-9 */}

/*Gradiente blanco a gris*/
.newsSlider > li, .objetivosList > li {background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */}

/*------------------------- ENDS GENERAL -------------------------*/

@media screen and (max-width:1100px) {
	.menu-top-menu-container { width:90%; }
	.social { width:10%; }
	.colHolder > li .affiliadosTitle:after { border-left: 128px solid transparent; border-right: 128px solid transparent; }

}

@media screen and (max-width:768px) {
	.menu-top-menu-container { left:23%; width:50% }
	.navHolder li a { font-size:12px; text-align:left; padding:10px 5px }
	.social { width:17%; top: 3px; }
	.social li a { width:30px; height:30px; padding:0; }
	nav a#pull { display:block; z-index:9999;}

	.menu-second-top-menu-container { position:fixed; right:-300px; width:300px; background:#fff;z-index:9999; height: 100%; transition: all linear .3s; top: 0;}
	.menu-second-top-menu-container.showMenu { right:0;transition: all linear .3s; }
	.topNav2,
	.topNav2 li { width:100%;}
	.topNav2 li a { font-size:18px; border-bottom:1px solid #dedede;}
	.topNav2 li:first-child { display:block; font-weight:bold; }
	.topNav2 > li:first-child a { text-align:right;  font-size: 26px; padding: 5px 10px 0;}
	.sub-menu { width: 100%; position: relative; top: 0;}
	.sub-menu li a {background-color:#ebebeb; border-color: #fff; text-align: left;}

	.orangeHome li { width:100%; }
	.orangeHome li:last-child { width:50%; left:50%; }
	.colHolder > li .affiliadosTitle:after { border-left: 90px solid transparent; border-right: 90px solid transparent; }
	.videoHolder .videoTitle h2 { font-size:20px;}
	.videoHolder iframe { height:200px;}
	.eventsCol { flex-wrap: wrap;}
	.eventsCol li { width:100%;}
	.headerCampain h1 { font-size:26px; }
	.colHolder > li .headerCampain h2,
	.itemsList li { font-size:14px; }
	.colHolder > li .bulletText h2 { font-size:16px; padding-top:0; }
}

@media screen and (max-width:767px) {
	.mainLogo { width:74px; left:10px; padding:10px 5px;}
	.orangeHome li { width:69%; }
	.newsCol li { margin-bottom:10px; }
	.colHolder > li,
	.colHolder > li:last-child {width: 96%}
	.innerP .contentPage h1 { font-size: 16px; }
	.innerP .contentPage > ul.comList li {width: 96%; min-height: inherit;}
	.comisionesP .contentPage > ul.boardList li { width: 32%;}

	.bannerBox, .logoList li { width:32%; display:inline-block; vertical-align:top; }
	.videoHolder iframe { height:240px; width:100%; }

	.quienesBox { width:90%; }
	.visionBox { left:10%; }
	}

@media screen and (max-width:650px) {
	.headerHolder, .videoHolder .videoTitle { width: 100%;}
	.social { width:28% }
	.menu-footer1-container, .menu-footer2-container { display: none; }
	.orangeHome li,
	.orangeHome li:nth-child(2) { width:100%; padding:0; }
	.orangeHome li:nth-child(2) img { width:50%; margin:0 auto;  padding-bottom: 10px;}
	.footerHolder ul, .orangeHome li:last-child { width: 100%; left: 0;}
	.footerList > li {text-align: center; }
	.videoHolder .videoTitle { padding-bottom:20px;}
	.videoHolder .videoTitle h2,
	.videoHolder .videoTitle p,
	.colHolder > li h2 { text-align:center;}
	.campainP .colHolder > li h2 { text-align:left; }
	.headerCampain h1 { font-size:18px; }
	}

@media screen and (max-width:530px) {
	.comisionesP .contentPage > ul.boardList li { width: 49%;}
	.newsCol li { width:100%; }
	.singleP .contentPage > ul.newsCol li,
	.singleP .contentPage > ul.newsCol li:last-child { width:100%!important;}
	.singleP .contentPage > ul.newsCol li:first-child {padding-bottom:15px;}
	.colHolder > li .affiliadosTitle:after { border-left: 170px solid transparent; border-right: 170px solid transparent; }

	.bulletNumber { width: 50px; height: 50px; line-height: 50px; font-size: 26px;}
	.newsHolder, .proParques { flex-wrap:wrap; }
	.campainNews, .logoBox, .logoDesc { width:100%; }
	.logoBox img { width:60%; }
	}
@media screen and (max-width:375px) {
	nav { height:38px; }
	.topNav li a { font-size:10px; padding:5px;}
}
@media screen and (max-width:320px) {

}
/*Fuentes*/
@font-face {
font-family: 'avenirBlack';
src: url('fonts/avenirBlack/Avenir-Black-webfont.eot');
src: url('fonts/avenirBlack/Avenir-Black-webfont.eot?#iefix') format('embedded-opentype'),
 url('fonts/avenirBlack/Avenir-Black-webfont.woff') format('woff'),
 url('fonts/avenirBlack/Avenir-Black-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'avenirLight';
src: url('fonts/avenirLight/avenir-light.eot');
src: url('fonts/avenirLight/avenir-light.eot?#iefix') format('embedded-opentype'),
 url('fonts/avenirLight/avenir-light.woff') format('woff'),
 url('fonts/avenirLight/avenir-light.ttf') format('truetype');
font-weight: normal;
font-style: normal;

}