/*PUBLILAND GLOBAL FRAMEWORK V2.1 - AUTHORIZED PERSONNEL ONLY - EYES ONLY - W3C VALID*/
* {margin: 0; padding: 0; border: 0 none; outline: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
BODY {font: 62.5% Arial, Helvetica, sans-serif; color: #000; background: #FFFFFF; height:100%; min-height:100%; line-height: 1}
H1, H2, H3, H4, H5, H6 {font-weight: normal; font-size: 100%; display: block}
ARTICLE, ASIDE, AUDIO, CANVAS, FIGURE, FIGCAPTION, FOOTER, HEADER, NAV ,SECTION, DETAILS, SUMMARY, HGROUP {display: block; }
TABLE {border-collapse: collapse; border-spacing: 0;}
TH {text-align: left;}
TD, TH {empty-cells: show}
INPUT, SELECT, TEXTAREA { font: 1em Arial, Helvetica, sans-serif; color: #000; background: #FFF; border: 1px solid #CCC; }
INPUT, SELECT { vertical-align: middle}
INPUT[type="radio"], INPUT[type="checkbox"] {border: none; height: auto !important; width: auto !important; background: none;}
INPUT[type="submit"], INPUT[type="reset"], INPUT[type="buttom"] {cursor: pointer; -webkit-appearance:none;}
TEXTAREA {overflow:auto; -webkit-appearance:none; resize: none}
UL, OL, LI {list-style: none;}
A {text-decoration: none; cursor:pointer;}
STRONG { font-weight: bold}
EM { font-style: italic}
.Clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
*+html .Clearfix {min-height: 1%;} /*IE7*/
* html .Clearfix {height:1%;} /*IE6*/
/*FIN GLOBAL*/

.MainBox {text-align: left; margin: 0px auto; width: 997px;}
.ie .MainBox { width: 991px}

/*HOME*/
#Home { width: 100%; float: left;  }
HEADER {  width: 100%;  position:fixed; top:0; left:0; border-top: 1px solid #dddddd; border-bottom: 1px solid #dededf; background-color:#FFF; z-index:1;}
.ie7 HEADER{ margin-bottom:-51px;}
HEADER H1 { float: left;  padding:11px 0px 3px 65px; }
HEADER H1 A {background:url(../images/sprite-iconar.png) no-repeat left top transparent; float:left; width:162px; height:36px; text-indent:-5000px;}
HEADER NAV { float: right; margin:30px 67px 0 5px; }
HEADER NAV UL { float: left}
HEADER NAV LI { float: left; padding-top:5px; width:65px; font:1.3em/13px KarlaRegular, Arial, Helvetica, sans-serif; }
HEADER NAV LI A {font:1em/12px KarlaRegular, Arial, Helvetica, sans-serif; color:#999999;}
HEADER NAV LI.selected A {color:#f37244;}
HEADER NAV LI:nth-child(2) {margin-right:1px;}
HEADER NAV LI:nth-child(3) {margin-right:8px;}
HEADER NAV LI:nth-child(4) {margin-right:2px;}
HEADER NAV LI:nth-child(5) {width:inherit; position:relative;}
.ie7 HEADER NAV LI:nth-child(5) {width:auto;}
HEADER NAV LI:nth-child(5) A {margin-top:-4px; width:19px; height:16px; text-indent:-5000px; font:1em/12px KarlaBold, Arial, Helvetica, sans-serif; color:#5e5e5e; position:absolute; right:0px; }
HEADER NAV LI:nth-child(5) A.face		{background:url(../images/sprite-iconar.png) no-repeat scroll -56px -46px transparent; right:-24px;}
HEADER NAV LI:nth-child(5) A.twitt 	{background:url(../images/sprite-iconar.png) no-repeat scroll -75px -45px transparent;}
HEADER NAV LI:nth-child(5) DIV { margin-top:-8px; position:absolute; right:-29px; width:0px; height:0px;}
.ie HEADER NAV LI:nth-child(5) DIV {margin-top:-9px}
.ie7 HEADER NAV LI:nth-child(5) DIV {margin-top:-8px}
.webkit HEADER NAV LI:nth-child(5) A {margin-top:-16px;}
.webkit HEADER NAV LI:nth-child(5) DIV {margin-top:-20px;}
#Slider { width: 100%; float: left; height: 210px; border-top: 1px solid #c0c0c1; /*border-bottom: 1px solid #f5f6f7;*/ /*margin-top:51px;*/  }

ARTICLE {  float:left; width:100%;}
ARTICLE DIV{float:left; width:377px; border-right:1px solid #c4c4c5; padding-right:52px; padding-left:63px; margin: 15px 0px 33px; }
ARTICLE DIV+DIV {padding-right:63px; width:376px; padding-left:47px; border:none; margin:18px 0px 19px 0px;}
ARTICLE P{font: 1.5em/21px KarlaRegular, Arial, Helvetica, sans-serif; color:#696969; padding-bottom:17px; text-align:justify;}
ARTICLE P:last-child{padding-bottom:0px;}
.ie7 ARTICLE {padding-bottom:17px;}
ARTICLE P STRONG {font:normal 1em/17px KarlaBold, Arial, Helvetica, sans-serif;}
ARTICLE DIV+DIV P {color:#999999;}
#HomeContent { width: 100%; float: left; background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #e8e7e8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e8e7e8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#e8e7e8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#e8e7e8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#e8e7e8 100%); /* IE10+ */
background: linear-gradient(top,  #ffffff 0%,#e8e7e8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e7e8',GradientType=0 ); /* IE6-9 */
}
FOOTER { width: 100%; float: left; background: #FFF; border-top: 1px solid #d3d3d4; /*#e7e7e7;*/ border-bottom: 1px solid #dadada;  position:fixed; bottom:0; left:0;  z-index:1; color:#696969;}
FOOTER P { float: left; padding:6px 0px 1px 62px; font:1.5em/18px KarlaRegular, Arial, Helvetica, sans-serif; }
FOOTER P A {color:#696969;}
FOOTER H4 { float: right; padding:4px 64px 6px 0px; font:1.5em/17px KarlaRegular, Arial, Helvetica, sans-serif;}
FOOTER H4 A{ float:left; width:28px; height:26px; margin-left:8px; margin-top:3px; float:left; background:url(../images/sprite-iconar.png) no-repeat 0px -36px; text-indent:-5000px;}
FOOTER H4 A+A{background-position:-28px -36px;}
FOOTER H4 SPAN { padding:12px 8px 0px 0px; float:left;}
.ie FOOTER H4 SPAN{padding-top:10px}
FOOTER H4 EM {padding-right:17px; float:left; font-style:normal; background:url(../images/sprite-iconar.png) no-repeat -162px 0px; height:26px; width:119px; text-indent:-5000px}

/*GALERIA*/
#Galeria { width: 100%; float: left; visibility:hidden; }
#Galeria .HeadBar { width: 100%; float: left; border-bottom: 1px solid #d3d3d4}
#Galeria .HeadBar H2 {font: 2em/32px KarlaRegular, Arial,Helvetica,sans-serif; left: 50%; margin-left: -490px; padding-left: 66px; position: relative; float: left; width: auto}
.ie7  #Galeria .HeadBar H2 {line-height:31px}
#GallerySlider { width: 95.9%; height:406px;  float: left; border-top: 1px solid #eeeeee; border-bottom: 1px solid #dedede; overflow:hidden; position:relative;  background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #e6e6e6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%); /* IE10+ */
background: linear-gradient(top,  #ffffff 0%,#e6e6e6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */
}
#GallerySlider DIV IMG {float:left; padding:0px 5px 10px 5px ;}

#GallerySlider DIV UL LI:first-child IMG{padding:0px 5px 10px 0px ;}
#GallerySlider .es-carousel UL {display:block; overflow:hidden; position: relative;}
#GallerySlider .es-carousel UL LI{ float:left;}
#GallerySlider .es-carousel UL LI A{display:block; float:none;}

/*CONTACTO*/
#Contacto { width: 100%; float: left;  display:none; visibility:hidden; position:relative;}
#Contacto .HeadBar { width: 100%; float: left;  border-bottom:1px solid #d3d3d4; }
#Contacto .HeadBar H2 {font: 1.9em/31px KarlaRegular, Arial,Helvetica,sans-serif; left: 50%; margin-left: -490px; padding-left: 66px; position: relative; float: left; width: auto}
#GoogleMap { width: 100%; float: left; background: #f6f6f6; height: 211px; overflow:hidden;}
.toolTip{position: absolute;    right: 24%;    top: 17%; background-color: rgba(204, 204, 204, 0.8); color:#fff; font-size: 2.2em; border-radius:8px; padding: 15px; line-height: 24px;}
.toolTip p{ padding-bottom: 25px;}
#Contactar { width: 100%;  float: left; height: 232px; background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #e6e6e6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%); /* IE10+ */
background: linear-gradient(top,  #ffffff 0%,#e6e6e6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */
}
#Contactar .MainBox {padding-top:19px; }
#Contactar .MainBox DIV {width:401px; float:left; padding: 13px 24px 0 63px;}
#Contactar .MainBox DIV P {margin-bottom:12px; font:1.5em/17px KarlaRegular, Arial, Helvetica, sans-serif; color:#696969;}
#Contactar .MainBox DIV P.pdf { margin-left:11px;   height:37px; background:url(../images/sprite-iconar.png) no-repeat -330px -21px; display: block; overflow:hidden; padding-left:60px;}
#Contactar .MainBox DIV P.pdf A{ margin-top:11px; display:block; font:1em/15px  Arial, Helvetica, sans-serif; color:#0500d8;}
#Contactar Form {width:383px; height:179px; float:left; border-left:1px solid #c4c4c5; padding:16px 83px 0px 22px; }
.ie7 #Contactar Form{padding-top:14px}
#Contactar Form INPUT, #Contactar Form TEXTAREA {border:none;}
#Contactar Form LABEL {font:1.5em/17px KarlaRegular, Arial, Helvetica, sans-serif; color:#696969;}

#Contactar Form P:last-child LABEL { display:block; padding-top:16px;}
#Contactar Form INPUT[type=text] {width:375px; height:22px; background:url(../images/sprite-iconar.png) no-repeat 0px -63px; font:1em/22px Arial, Helvetica, sans-serif; color:#696969; padding:0px 4px;}
#Contactar Form TEXTAREA {width:375px; height:91px;  background:url(../images/sprite-iconar.png) no-repeat 0px -85px; font:1.3em/15px Arial, Helvetica, sans-serif; color:#696969; padding: 4px; overflow:hidden;}
#Contactar Form INPUT[type=submit] {font-size:0px; line-height:0px; width:110px; height:23px; position:relative; top:-23px; left:273px; background:url(../images/sprite-iconar.png) no-repeat -220px -26px;  }
.webkit #Contactar Form INPUT[type=submit] { top:-24px;}
.ie7 #Contactar Form INPUT[type=submit] {top:-24px; }

/*linea 106 de la version original*/
#GallerySlider .es-carousel UL LI A{display:block; float:none;}
#controls a{background: transparent url(images/carousel/nav_black.png) no-repeat top left;width: 14px;height: 26px;margin-top: -13px;text-indent: -9000px;cursor: pointer;opacity: 0.8;}
/*elastis-slide.css*/
#controls a.prevBtn {right: 12px;margin-left: -14px;height: 100%;padding-left: 14px;background-position: 14px center}
#controls a.nextBtn {right: 12px;left: auto;height: 100%;padding-right: 14px;margin-right: -14px;background-position: -14px center;}
/*fancy*/
.fancybox-lock {margin-right:0px !important;}
.fancybox-opened .fancybox-skin {box-shadow:none; }
.fancybox-lock .fancybox-overlay {overflow:hidden;}
.fancybox-skin { border-radius: 0px;}
.fancybox-iframe {overflow: hidden;}
/*fancy*/
/*internas*/
.interna {margin-top: -1px; margin-right: -1px;}
#prevslide, #nextslide {z-index:1; position:relative;}
.firefox .interna #nextslide { right: 0.9%;}
#detailContent {/* height:101px; */ height: 77px; overflow: hidden; border-top: 17px solid #ffffff; position: relative;}
#detailContent H5 {position: absolute; top: -21px; font: 1.7em/19px KarlaBold, Arial, Helvetica, sans-serif;  color:#FFFFFF;}
#detailContent SECTION > DIV:first-child {width:auto; min-width: 208px; max-width:300px;  padding: 0px 29px 0px 39px; height: 61px; margin-bottom: 8px; margin-top: 9px;}
#detailContent SECTION > DIV:last-child {width:auto; max-width: 629px; padding: 0px 45px 0px 27px; min-width: 423px; overflow: hidden; text-overflow: ellipsis}
#detailContent DIV P {line-height: 17px; font-size: 1.4em; text-align: justify;}
#detailContent DIV P STRONG {line-height: 20px; font-size: 1.286em; text-align: left;}
.interna #controls-wrapper, .interna #controls {height:100%;}
.interna #slidecaption {position:relative; top: 0; left: 0; font: 1.7em/30px KarlaBold, Arial, Helvetica, sans-serif; padding:0px; height:100%;}
.interna #slidecaption h5{ position: absolute; color:#FFFFFF; z-index: 1; margin-right: -13.5%; right: 50%; bottom: -15px; line-height: 16px; font-size: 0.824em;}
.interna #slidecaption .siguiente {position: absolute; top: 32px; right: 50%; margin-right: -243px; z-index: 1; background: url(../images/botom_siguiente.png) no-repeat; width: 139px; height: 26px; float: left;}

.fancybox-type-iframe .fancybox-inner {border-radius: 5px 5px 5px 5px;}
body{background-color: #fff;}
.fancybox-skin {background-color: transparent;}
.interna ~ #supersized {background-color: transparent;}
.interna ~ #supersized li {background-color: transparent}
.interna ~ #detailContent {background-color: #fff;}

#detailContent.packaging {border-color: #287c0c;}
#detailContent.hiper {border-color: #7e3996;}
#detailContent.design {border-color: #FF9900;}
#detailContent.amb {border-color: #E7CD04;}
#detailContent.grafica {border-color: #CC0000;}
#detailContent.pop {border-color: #0D557D;}

.oculto {display: none;}
scrollbar * {display: none !important;}

/*FIX*/
#Slides { width: 100%; overflow: hidden; height: auto; text-align: center; margin: 0 auto; display: none; min-height: 420px;}
#Slides IMG { width: 100%; height: auto; float: left; min-height: 420px;}
.Wrapper { max-width: 997px; width: 100%; margin: 0 auto; display: block;}
/**/
.packaging,
.hiper,
.design,
.amb,
.grafica,
.pop { background: #fff; padding-bottom: 9px;}
/**/
.packaging H5 { background: #287c0c; color: #fff; font: 1.4em/17px KarlaBold,Arial,Helvetica,sans-serif; height: 17px; text-align: right; }
.hiper H5 { background: #7e3996; color: #fff; font: 1.4em/17px KarlaBold,Arial,Helvetica,sans-serif; height: 17px; text-align: right; }
.design H5 { background: #FF9900; color: #fff; font: 1.4em/17px KarlaBold,Arial,Helvetica,sans-serif; height: 17px; text-align: right; }
.amb H5 { background: #E7CD04; color: #fff; font: 1.4em/17px KarlaBold,Arial,Helvetica,sans-serif; height: 17px; text-align: right; }
.grafica H5 { background: #CC0000; color: #fff; font: 1.4em/17px KarlaBold,Arial,Helvetica,sans-serif; height: 17px; text-align: right; }
.pop H5 { background: #0D557D; color: #fff; font: 1.4em/17px KarlaBold,Arial,Helvetica,sans-serif; height: 17px; text-align: right; }
/**/
.Cliente { border-right: 1px solid #C4C4C5; float: left; margin-top: 9px; margin-bottom: 0px; height: auto; max-width: 26%; min-width: 26%; width: 26%; padding: 0;}
.Cliente P { font-size: 1.8em; line-height: 18px; padding: 0px 5px 0px 39px; text-align: left; }
.Detalle { border-right: none; float: left; margin-top: 12px; margin-bottom: 0px; max-width: 70%; min-width: 70%; overflow: hidden; text-overflow: ellipsis; width: 70%; padding: 0;}
.Detalle P { font-size: 1.4em; line-height: 17px; text-align: justify; padding: 0 45px 0 27px;}
.slidesjs-navigation { position: absolute; top: 25%; z-index: 100;}
.slidesjs-previous { display: block; background: rgba(255,255,255,0.6) url(../images/slide-arrows.png) no-repeat -83px center; width: 30px; height: 280px; left: 0; text-indent: -5000px; border-radius: 0 8px 8px 0; }
.slidesjs-next { display: block; background: rgba(255,255,255,0.6) url(../images/slide-arrows.png) no-repeat 12px center; width: 30px; height: 280px; right: 0; text-indent: -5000px; border-radius: 8px 0 0 8px; }
@media screen and (max-width: 1400px) {
	.slidesjs-navigation { top: 17%;}
}
@media screen and (max-width: 1024px) {
	.slidesjs-navigation { top: 15%;}
	.Wrapper { width: 98%; padding-right: 2%;}
	.toolTip{ right: 14%; top: 9%;}
}