/*EMULADOR COPY PASTE IMPORTANT*/
.pre2 {overflow: auto;font-family: monospace,monospace;border: 1px solid #999;page-break-inside: avoid;font-size: 1em;
display: block;padding: 10px;margin: 12px 0 10px;font-size: 15px;line-height: 1.4em;color: #333;word-break: break-all;
word-wrap: break-word;background-color: #f5f5f5;border: 1px solid #ccc;}
.adapt{white-space:pre-wrap;}

/*PIEZA 001 PRESENTADO POR*/
.headernav {height: 290px;margin-bottom: 20px;}
.imageDisplay {height: 290px;width: 100%;background-repeat: no-repeat;background-size: cover;
background-position: top center;position: absolute;width: 100%;left: 0}
.imageDisplay img {margin-left: 15px}
.PartnerContainer {left: 30%;right: 30%}
.PartnerContainer p {color: #fff;font-size: 11px;line-height: 20px;text-align: center;text-transform: uppercase;font-family: sans-serif;margin-top: 102px;margin-bottom: 0px;}
.presentedBy {border: 1px solid #fff; padding: 5px 5px;margin: 0 auto;text-align: center;color: #fff;width: 150px;font-size: 16px;font-family: sans-serif;font-weight: 900}
@media screen and (max-width: 840px) {
.headernav {position: relative;margin: 40px 0px 20px 0px;height: auto;height: 110px} 
.imageDisplay {height: 110px}
.PartnerContainer p {margin-top: 18px;font-size: 8px}
.presentedBy {font-size: 10px;padding: 5px}
}


/*PIEZA 002 E-COMERCE SIMULADOR-LANZADOR*/
.ecomerceContainer {height: auto;
width: 90%;margin:1% 5%;display: inline-block}
.itemModule {max-width: 450px;
margin: 0 auto 70px auto;min-height: 500px;overflow: hidden;padding-bottom: 20px}  
.itemModule img {margin-bottom: 5px}
p.numberedItem {font-size: 15px;line-height: 15px;color: #333; text-align: left;margin: 5px 25px 5px 2px;font-family: "Roboto",sans-serif;}
h4.titleItem {font-size: 24px;line-height: 28px;color: #000; text-align: left;margin: 15px 5px;font-family: "Noto Serif", serif;font-weight: 700;}
a.itemButton {border: 1px solid #000; padding: 10px 20px; text-align: center;font-size: 19px;line-height: 23px;margin: 6px 4px 10px 5px;cursor: pointer;text-decoration: none;color: #333}
a.itemButton:hover {transition-duration: 1s;background-color: black;color: #fff}  
@media screen and (max-width: 450px) {
.itemModule {max-width: inherit;}
h4.titleItem {font-size: 21px;line-height: 24px}
a.itemButton {font-size: 15px;line-height: 19px}
}

/*PIEZA 003 CONSIDERADA COMO IFRAME EXTERNO*/
/*PIEZA 004 FRASE A (SIN FOTO)*/
.FraseAMainWrapper {max-width: 327px;margin: 0px auto 20px auto;background-color: #fff;height: auto;border-top:1px solid #000;padding: 10px 10px 20px 10px}
.FraseAMainWrapper img {float: left;width: 20px;height: auto;margin: 3px 10px 0 5px}   
.FraseAMainWrapper span {font-family: 'Roboto', sans-serif;font-size: 18px;margin: 0;font-weight: 700;
padding: 1.5px;width: 4rem}
.FraseATittle {font-family: 'Noto Serif', serif;font-size: 18px;width: 95%;margin: 17px 0 0;line-height: 21px;
padding: 0; color: #000}
.FraseATittle a {text-decoration: none; color: #444}
.FraseAFirma {display: flex;align-items: center;border-bottom: 2px solid #eee;margin-top: 10px;justify-content: left;}
.firmaLogotype {max-width: 150px;text-align: center;justify-content: center;padding-bottom: 5px}
.FraseAFirma p {flex: 0 0 70%;margin: 0;font-size: .8rem;padding: 0px 10px;text-transform: uppercase;font-family: 'Roboto', sans-serif;}
.FraseAFirma p a {text-decoration: none; color: #000; cursor: pointer}
.FraseAFirma p a:hover {color:#474747}


/*FRASE NUEVA */
    .fdestacada-container{max-width: 600px;width: 90%;padding: 10px;background-color: rgba(222, 222, 222, 0.55);margin: 24px auto; font-family: "Times New Roman", Times, serif;font-size: 1.2em;font-weight: 700;font-style: italic;margin-bottom: 36px;min-height: 120px
}
    .fdestacada-container span{ font-family: Arial, Helvetica, sans-serif; font-size: 12px;font-weight: 700;font-style: italic;margin-bottom: 36px;text-transform: uppercase;color: #484848;font-style: normal;color: #363636
}    
    .fdestacada-container img {width: 120px;height: auto;display: inline-block;float: left;background-color: #000000;margin-right: 20px}



/* PIEZA 005 FRASE B (CON FOTO)*/
.frase {margin: 0 auto;padding: 2% 0%;width: 100%;line-height: 0.5em;text-align: center}
.frase img {width: 150px;height: 150px;overflow: hidden;margin: 20px auto 0px auto;text-align: center;}
.frase p {margin: 30px auto 0px auto;color: #343434;text-align: center;font-size: 35px;max-width: 1000px;font-weight: 400;
font-family: 'Noto Serif', serif;font-style: italic;line-height: 1.0em;}
.frase .OC_Quote {margin: 30px auto 20px auto;color: #5f5f5f;max-width: 500px;text-align: center;font-size: 12px;
line-height: 16px;letter-spacing: 1px;text-transform: uppercase;font-weight: 700;font-style: normal;padding: 0 30px}
/*COLOR STYLES */  
.colorBN {filter: grayscale(100%)}
.colorSepia {filter:sepia(100%)}
.colorNormal {filter:none}
@media screen and (max-width: 450px){
.frase p {font-size: 20px;max-width: 300px}
.frase .OC_Quote {font-size: 11px;line-height: 13px}  
}
@media (min-width: 450px) and (max-width: 700px) {
.frase p {font-size: 22px;max-width: 500px}
.frase .OC_Quote {font-size: 11px;line-height: 14px}   
}
@media (min-width: 700px) and (max-width: 1099px) { 
.frase p {font-size: 25px;max-width: 700px}
}


/* PIEZA 006 CIFRA DESTACADA */
.OC_pullOut {margin: 40px auto;padding: 2% 5% 1% 5%;max-width: 500px;min-height: 80px; line-height: 0.5em;
background-color: #fff; text-align: center;border-bottom: 10px solid #1B1919}
.OC_pullOut strong {font-size: 80px;line-height: 85px; margin: 10px auto 30px auto;text-align: center;color: #1B1919;font-family: 'Noto Serif', serif;font-weight: 700;letter-spacing: -2px}
.OC_pullOut p {font-size: 20px; line-height: 24px;color: #545454;margin: 10px auto;font-family: "Roboto",sans-serif;font-weight: 300}
@media screen and (max-width: 450px){
.OC_pullOut {border-bottom: 5px solid #1B1919}
.OC_pullOut strong {font-size: 55px;line-height: 50px }
.OC_pullOut p {font-size: 15px;line-height: 17px}
}
@media (min-width: 450px) and (max-width: 700px) {
.OC_pullOut {border-bottom: 8px solid #1B1919}
.OC_pullOut strong {font-size: 70px;line-height: 75px }
.OC_pullOut p {font-size: 18px;line-height: 20px}  
}


/*PIEZAS 007-011 Galerias Varias*/
.OC_Gallery01 {max-width:1500px; align-content: center; text-align: center;  margin: 20px auto 0px auto; display: block;}
.OC_Gallery01 span {line-height: 24px;color: #4A4A4A;font-family: "Roboto",sans-serif;font-size: 14px;font-weight: 400;}
.HorizontalPicture {width: 100%; display:inline-block; text-align: center; margin: 0 auto; max-height: 400px; overflow: hidden;}
.HorizontalPicture img {object-fit: cover;object-position: center;max-height: 400px;width: 100%;}
.SquarePics {width: 100%; max-height: 350px; border: none; display:inline-block; margin: 5px auto 0px auto; text-align: center;}
.SquarePics img {object-fit: cover;object-position: center;height: 350px;width: 33%}
.OC_Gallery02 {max-width:1200px; align-content: center; text-align: center;  margin: 20px auto 0px auto; display: block;}
.TWOPictures {width: 100%; display:inline-block; text-align: center; margin: 0 auto; max-height: 800px; overflow: hidden;}
.TWOPictures img {object-fit: cover;object-position: center;max-height: 800px;width: 50%;float: left;}
.VerticalPicture {width: 50%; display:flex; height: 800px; overflow: hidden;float: left}
.VerticalPicture img {object-fit: cover;object-position: center;height: 800px;width: 100%;}
.OtherPics {width: 50%; height: 800px; border: none; display:inline-block;float: none}
.OtherPics img {object-fit: cover;object-position: center;height: 400px;width: 100%;display: block}
.OC_Vertical {max-width: 550px; text-align: center; margin: 0 auto}
.OC_Vertical img {max-width: 100%}
/*CAPTIONS STYLES*/
.OC_CaptionAndCredit {color: #4A4A4A;font-family: "Roboto",sans-serif;font-size: 14px;line-height:16px;font-weight: 400;margin: 12px auto 15px auto; text-align: center}
.OC_CaptionAndCredit strong, .OC_CaptionAndCredit span {font-size:12px;line-height:13px}
.VerticalPicture {width: 50%; display:flex; height: 800px; overflow: hidden;float: left}
.VerticalPicture img {object-fit: cover;object-position: center;height: 800px;width: 100%;}
.OtherPics {width: 50%; height: 800px; border: none; display:inline-block;float: none}
.OtherPics img {object-fit: cover;object-position: center;height: 400px;width: 100%;display: block}
@media screen and (max-width: 450px){
.OC_Gallery01 span {line-height: 14px;font-size: 12px;}
.SquarePics {max-height: 900px; float: none; margin-top: 3px}
.SquarePics img {max-height: 300px; width: 100%; display: block; margin: inherit}
.OC_CaptionAndCredit  {font-size: 11px;line-height: 12px;}
.OC_CaptionAndCredit strong, .OC_CaptionAndCredit span {font-size:9px;line-height:10px}
.TWOPictures,.TWOPictures img {height: 250px;}
.VerticalPicture, .VerticalPicture img, .OtherPics {height: 400px}
.OtherPics img  {height: 200px}
.HorizontalPicture, .HorizontalPicture img {max-height: 300px;}
}
@media (min-width: 450px) and (max-width: 700px) {
 .SquarePics {max-height: 920px; float: none; margin-top: 3px}
.SquarePics img {max-height: 300px; width: 100%; display: block; margin: inherit} 
.TWOPictures,.TWOPictures img {height: 420px;}
.VerticalPicture, .VerticalPicture img, .OtherPics {height: 600px}
.OtherPics img {height: 300px}
}
@media (min-width: 700px) and (max-width: 1099px) { 
.SquarePics img {width: 32%}
.TWOPictures,.TWOPictures img {height: 600px;}
.VerticalPicture, .VerticalPicture img, .OtherPics {height: 700px}
.OtherPics img {height: 350px}
}

/*PIEZA 012 AGENDA CALENDARIO */

.agendaMainWrapper {max-width: 357px; margin: 0px auto 20px auto; background-color: #fff;height: 635px}
h5 {font-family: 'Roboto',sans-serif;font-size: 15px;font-weight: 600;line-height: 20px;color: #4a4a4a;
margin: 10px 0 2px 0;text-transform: uppercase}
h5:before {background-color: #003C6F;content: "";display: block;height: 0.25rem;margin-bottom: 0.625rem;
padding: 1.5px;width: 4rem}
.GNagenda_AD {width: 100%;margin: 5px auto 10px auto}
.agendaBlocksWrapper {height: 460px; width: 355px;overflow-y:scroll;display: block }
.agendaBlocks {width: 97%; min-height: 110px; display: flex;margin: 0px auto 5px auto;border-bottom: 1px solid #999;padding-right: 3%;padding-bottom: 5px}
.agendaFooter {height: 60px; border-bottom: 4px solid #000; padding: 5px 10px;background-image: linear-gradient(180deg, rgba(198, 198, 198, 0.1), rgba(198, 198, 198, 1) 110%)}
.agendaLinks {width: 100%;display: inline-table}
.agendaLinksA, .agendaLinksB {width: 50%;display: inline-block;height: 55px;margin: 0 auto}
.agendaLinksA ul, .agendaLinksB ul {text-decoration: none;list-style-type: none;padding: 0px; margin: 2px 2px}
.agendaLinksA ul li, .agendaLinksB ul li {display: inline-block;margin: 0px 3px;font-family: 'Roboto',sans-serif;font-size: 9px; line-height: 11px}
.agendaLinksA ul li a, .agendaLinksB ul li a {color: #333; font-size: 11px;text-decoration: none;cursor: pointer}.agendaLinksA ul li a:hover, .agendaLinksA ul li B:hover {color: #000}
.alignLeft {text-align: left}.alignRight {text-align: right}
.agendaCalendar {width: 80px; height: 100px;display:block;padding-top: 5px;margin-right: 6px}.agendaCalendar div {border: 1px solid #999; width: 65px;height: 85px; border-radius: 6px;padding: 8px 5px 2px 5px; text-align: center}
.agendaCalendar span {font-size: 10px; color: #5E5E5E; text-transform: uppercase;font-family: 'Roboto',sans-serif;width: 100%;display:block;margin-bottom: 1px}
.agendaCalendar strong {font-size: 35px; color: #5E5E5E; text-transform: uppercase;font-family: 'Roboto',sans-serif;width: 70%;font-weight: 900;border-bottom: 3px solid #5E5E5E; display: block;margin: 0px 10px;height: 37px}
.agendaCalendar b {font-size: 28px; color: #5E5E5E; text-transform: uppercase;font-family: 'Roboto',sans-serif;width: 80%;font-weight: 300; display: block;margin: 0px auto;height: 37px;overflow: hidden;letter-spacing: -2px}
.eventTexts {width: 255px;height: auto;display: block;margin-top: 5px;font-family: 'Roboto',sans-serif;}
.eventTitle {width: 100%;font-size: 19px; line-height: 20px; color: #333;text-align: left;font-weight: 700;margin: 0px 0px 2px 0px}
.eventPlace {width: 100%;font-size: 14px; color: #333;text-align: left;font-weight: 700;margin: 0px 0px 2px 0px}
.eventPlace span, .eventTime span {font-weight: 400}
.eventTime {width: 100%;font-size: 14px; color: #333;text-align: left;font-weight: 700;margin: 0px 0px 2px 0px}
.label {color: white;padding: 4px 7px;border-radius: 5px;font-size: 9px;display: inline-flex}
.cultura {background-color: #4CAF50;}
.artes {background-color: #2196F3;} 
.comercial {background-color: #ff9800;} 
.danza {background-color: #f44336;} 
.expos {background-color: #e7e7e7; color: black;}



/*PIEZA 013 BRANDVOICE PARA*/
#BrandStamp_Container {width: 100%;margin:0 auto;text-align: center;height: 111px;display: inline-block}
#BrandStamp_Container img, #BrandStamp_Container img img {max-width: 170px;display: inline-block}
 {max-width: 170px;display: inline-block}
.Para {font-size: 13px;color: #000;padding: 0px 15px;font-family: 'Roboto', sans-serif;display: inline-block;vertical-align: top;padding-top: 24px;
}       
/*@mediaqueries*/    
@media (max-width:450px) {
#BrandStamp_Container {height: 70px}
#BrandStamp_Container img, #BrandStamp_Container img img {max-width: 110px}
.Para {padding-top: 7px;}
}
@media (max-width:350px) {
#BrandStamp_Container {height: 50px}
#BrandStamp_Container img, #BrandStamp_Container img img {max-width: 80px}
.Para {padding-top: 0px;}
}