/* ---------------------------------------------------------------------- RESET */
html, body, h1, h2, h3, h4, h5, h6, ul, li, p, div, form, fieldset, label, button, input, select, textarea, img {
	margin:0;
	padding:0;
	border:none;
}
a {	outline:none; }

html, body { font-family:'GothamBook', Arial, Helvetica, sans-serif; color:#545454; font-size:15px; }





/* ---------------------------------------------------------------------- CONTENEDOR GENERAL */
.cont { width:1300px; margin:0 auto; }


ul.sin { list-style:none; }
.m-menu { display:none; }


/* ---------------------------------------------------------------------- H1 GENERICO */
h1.h1gen { font-size: 20px; line-height: 19px; font-weight: normal; color: #ff001c; text-align: center; text-transform:uppercase; }
h1.h1gen span { border-bottom: 1px solid #ff001c; width:70px; height:15px;  display:block; margin:0px auto 30px; }
/* ---------------------------------------------------------------------- MENU MIGAS */
.bread { color:#999; font-size:11px; padding:20px; display:block;  }
.bread a { background:url(/assets/img/ccip-dets.png) no-repeat 4px 4px; padding-left:20px; color:#ff001c; text-decoration:none; }
.bread span { background:url(/assets/img/ccip-dets.png) no-repeat 4px 4px; padding-left:20px; color:#ff001c; font-weight:normal; }

/* ---------------------------------------------------------------------- PAGINACIÓN */
.paginar { text-align:center; padding-bottom:20px; }
.paginar a { padding:0 5px;  }

/* ---------------------------------------------------------------------- LEGALES */

.aviso-legal { font-size:15px; color:#464646; }
.aviso-legal div {  padding:20px; }
.aviso-legal p { padding-bottom:10px; line-height:15px; }

.aviso-legal .tth1, .aviso-legal h1 { font:28px 'GothamXLight'; padding-bottom:20px; }
.aviso-legal .tth2 { font-weight:bold; }
.aviso-legal .tth3 {}
.aviso-legal.convocatoria .tth1 { font:28px 'GothamXLight'; padding-bottom:25px; }
.aviso-legal.convocatoria p { padding-bottom:10px; line-height:21px; }


/* ---------------------------------------------------------------------- DESTACADOS */
/* ----- DESTACADOS RESTO */ 

.bannersos { width:100%; height:250px; margin-bottom:20px;}
.bannersos svg { width:100%; height:250px; position:absolute; z-index:7; }
.bannersos div { width:100%; height:250px; position:absolute; z-index:8; color:#FFF; }


/* ----- DESTACADOS HOME */
section.pilares-i { height:255px; padding-top:2px; } 
ul.pilares { list-style:none; }
ul.pilares li { width:160px; height:238px; display:block; float:left; text-transform:uppercase; margin:0 3px; text-align:center; }
ul.pilares li img { position:relative; z-index:1; width:160px; height:238px; }
ul.pilares li a { position:relative; z-index:3; margin-top:-238px; width:140px; height:238px; padding:17px 10px 0 10px; display:block; font-size:15px; color:#545454; text-decoration:none; } 
ul.pilares li:first-child { margin-left:0; }
ul.pilares li:last-child { margin-right:0; }
.banner { margin-bottom:20px; }
.banner img { width:100%; height:auto; }
/* ----- DESTACADOS RESTO */
section.pilares-w { height:278px; background:#f5f3f4; } 
section.pilares-w h2 { padding:20px 0; }
section.pilares-w ul.pilares-w { list-style:none; }
section.pilares-w ul.pilares-w span.txt { position:absolute; z-index:2; margin:0; width:150px; height:50px; padding:5px; background:#f5f3f4;  font-size:12px; text-align:center; }
section.pilares-w ul.pilares-w span.txt span { color:#000 !important; }
section.pilares-w ul.pilares-w li { width:160px; height:205px; display:block; text-transform:uppercase; float:left; overflow:hidden; margin:0 3px;}
section.pilares-w ul.pilares-w li a { text-decoration:none; color:#000 !important; width:160px; height:205px; display:block; overflow:hidden; position:relative; } 
section.pilares-w ul.pilares-w li a:hover span { color:#ff001c !important; }
section.pilares-w ul.pilares-w li img { width:160px; height:auto; position:absolute; z-index:1; margin-top:-20px; }
section.pilares-w ul.pilares-w li span.img { width:160px; height:145px; position:absolute; display:none; z-index:3; margin-top:60px; margin-left:0;  background:url(/assets/img/bg-p-over.png) no-repeat top center; background-size: 160px 145px; }

section.pilares-w ul.pilares-w li:first-child { margin-left:0; }
section.pilares-w ul.pilares-w li:last-child { margin-right:0; }





/* ---------------------------------------------------------------------- ESTRUCTURAS */

.cont.art { padding-top:90px; }

/*h2 { font-size:22px; line-height:25px; margin-bottom:30px; font-weight:normal; color:#ff001c; text-transform:uppercase; background:url(/assets/img/bg-h2.png) repeat-x center left;  }*/
h2 span { background:#FFF; }
h2.iz { text-align:left; }
h2.iz span { padding:0 20px 0 85px; }
h2.de { text-align:right; }
h2.de span { padding:0 85px 0 20px; }


p.up { text-transform:uppercase; font-size:13px; color:#000; padding:0 120px; }

.clr { clear:both; }

.cnt { text-align:center; }
.rj { color:#ff001c; }
.ne { color:#000; }
.nm { font-size:36px; }
.tx { font-size:22px; }
.tt { color:#545454; }
.az { color:#51749e; }

strong.ne { color:#000; }
span.blk { display:block; }



/* ---------------------------------------------------------------------- 2017.01.03 */

.avanzamos { font-family:'Conv_Champion HTFMiddleweight Regular',Sans-Serif; color:#F00; width:990px; margin:0px auto; }
.avanzamos h2 { font-size:48px; padding:30px 15px; line-height:50px; font-weight:normal; }
.avanzamos h3 { padding:15px; font-size:21px; letter-spacing:1px; font-weight:normal; }
.avanzamos h2 span { font-size:42px; background:none; }
.avanzamos ul { list-style:none; padding-top:45px; }
.avanzamos ul li { cursor:pointer; background:#f4f4f4; width:300px; height:380px; display:inline-bock; float:left; font-family:'Conv_Champion HTFMiddleweight Regular',Sans-Serif;  color:#f40008; margin-bottom:45px; }
.avanzamos ul li a { width:300px; height:380px; display:block; text-decoration:none; color:#f40008; }
li.bebidass { }
li.envasess { margin: 0 45px 45px 45px; }
li.sociedads { }
li.aguas { }
li.climas { margin: 0 45px 45px 45px; }
li.cadenas { }

li .anv { width:300px; height:380px; }
li .rev { display:none; background:#ff0102 url(/assets/img/fondodegradado.png) no-repeat; width:300px; height:380px;}
li .rev.port { background:#ff0102 url(/assets/img/fondodegradado-pt.png) no-repeat !important; }
li .rev p { color: #FFF; padding:30px 15px; font-size:21px; line-height:27px; }

.avanzamos-pop { width:990px; height:auto; margin:0px auto; padding:25px 35px 50px 75px; display:none; background:url(/assets/img/sosteniblilidad-logos-es.png) no-repeat bottom left; background-image:none; }
.avanzamos-pop.port { background:url(/assets/img/sosteniblilidad-logos-pt.png) no-repeat bottom left; background-image:none; }
.avanzamos-pop .cierra { width:32px; height:32px; background:url(/assets/img/av-close.png) no-repeat; display:block; float:right; cursor:pointer; margin-bottom:50px; }
.avanzamos-pop .cierra a { display:block; width:32px; height:32px; }


.avanzamos-int { clear:both; }
.avanzamos-int h3 { color:#000; font-weight:normal; font-family:'Conv_Champion HTFMiddleweight Regular',Sans-Serif; font-size:65px; padding-bottom:40px; line-height:60px}
.avanzamos-int div { width:470px; float:left; }
.avanzamos-int ul { float:right; width:450px; list-style:none; }
.avanzamos-int ul li { color:#000; font-weight:bold; font-size:18px; padding-bottom:20px; }
.avanzamos-int p { color:#ff0002; font-size:24px; font-weight:bold; padding-bottom:40px; }
.avanzamos-int p.intro { font-size:18px; }