*{
	/* Universal reset: */
	margin:0;
	padding:0;
}

body 
{
	min-width:360px;
	direction:ltr;
	margin:0px; padding:0px 0px 100px; /* Need to set body margin and padding to get consistency between browsers. */
	font-family:  'Roboto',Arial, Script;
	font-size:14px;
}
.wrapper {
	width:100%;
    min-width:360px;
	text-align:left; /* Counteract to IE5/Win Hack */
}
.clearer
{
	width:100%;
	height:100%;
	overflow:hidden;
}
img {border: 0;}
h1,h3 {font-family: 'Oswald', Calibri, Arial;}
h3 {font-size:18px; font-weight:bold; color:#066ea6; margin-bottom:5px;}

/*BEGIN MAIN SECTIONS*/
.mainheader {width:100%;}
.flexwrapper {max-width:1500px; margin: 0px auto; position: relative;}
    .topglobal {width: 100%; background-color: #dddddd; padding-top: 5px;}
.topglobal-c {width: 100%; background-color: #000; padding: 5px 0px; border-bottom: 5px solid red;}
    .contlogonav > div {margin: 5px auto;}
    .toplogo {display:none; float:left;}
    .toplogo-c {float: left;}
    .mainlogo {width:150px; float:left;}
        .linkHome img {height:38px; margin-left: 5px;}
    .logocampaign {width: 70px; float: right;}
    .logocampaign-c {width: 100px; float: right;}
    .logocampaign-c {padding-left: 5px;}
    #mainnav {width:1230px; float:left; z-index: 100;}   /*IE Hack: position to read z-index*/
.dockedmenu {width: 110px !important; position: absolute; top: -2px; right: 0px;}

.mainbanner {width:100%; border-top: 2px solid #c5c5c5; }
    .topsection {max-width: 350px; float:right;}
    .topsection-c {max-width: 350px; float:right; margin-right: 20px;}
    .socialsection, .socialsection-c {width: 195px; float: right; margin-right: 2px;}
    .socialsection img, .socialsection-c img {width: 32px; float: right;}
    .socialsection-c {border-right: 2px solid white; padding-right: 5px;}
        .btn_dialogLWS {width:35px; float:right; font-size:11px; color: Black; text-align:center; cursor: pointer; border-left: 1px solid gray;}
            .txtcountries {font-size: 14px; font-weight: bold;}
            .txtcountries img {width: 28px; margin-top: 2px;}
            .dialogLWS a:link {text-decoration:none;}            
            .flagcounty {width: 20px; margin-right:5px; float: left;}
            .seccion_lang {margin:5px 0 5px 25px !important;}
            .seccion_lang span {display:block; font-weight: bold; font-size: 11px; padding:5px 0px;}
            
        .search {width:35px; float:right; position: relative;}
        .search input {width: 30px; 
                       height: 30px; 
                       background: #fcfcfc; 
                       border: 1px solid #aaa; 
                       border-radius: 5px; 
                       text-indent: 32px; 
                       background-image: url(/media/icons/search-icon.png) !important;
                       background-position: 8px 7px;
                       background-repeat: no-repeat;
                        -webkit-transition: width 0.4s ease-in-out;
                        transition: width 0.4s ease-in-out;
        }
            .search input:focus {background-color: #fffa8d; width: 98%;}
	.topbanner div img {width: 100%;} /*Responsive images in banner*/
	.bannerclick img {cursor: pointer;}

.maincontent {width:100%;}
.maincontent ul {padding: 0 15px;}
.flexwrapper-c {max-width:1200px; margin: 0px auto; padding: 5px 10px; position: relative;}
.flexwrapper-d {max-width:1200px; margin: 0px auto; position: relative;}
.contwrapmenu { background-color:#555;}

.mainfooter {width:100%; background-color: #dddddd; font-size:11px; color:Black; margin-top:100px;}
.mainfooter a {color:Black;}
    .wrapfooter {padding:10px 0px;}

.megapanel a:before {
   margin: 0 3px -3px 0;
}

.ui-tooltip1 {
	-webkit-box-shadow: 5px 5px 5px 0 #c0bfbf;
	-moz-box-shadow: 5px 5px 5px 0 #c0bfbf;
	box-shadow: 5px 5px 5px 0 #c0bfbf;
	border: 2px solid #086fb1 !important;
}
.ui-tooltip-content {font-size:12px;}
/*END MAIN SECTIONS*/

.cycle-slideshow {z-index: 50; margin-bottom: 4px; }

#breadcrumbs {font-size:11px; margin:5px 0; width: 100%; float:left;}
#breadcrumbs, #breadcrumbs a:link, #breadcrumbs a:active, #breadcrumbs a:visited  {color: Gray;}
#breadcrumbs a:hover {color: #555;}
.breadcrumbs-c {width: 100%; float: left; color: antiquewhite; padding-left: 10px; font-size: 11px; margin: 10px 0; padding-left: 40px;}
.breadcrumbs-c, .breadcrumbs-c a:link, .breadcrumbs-c a:active, .breadcrumbs-c a:visited {color: antiquewhite;}
.breadcrumbs-c a:hover {
    color: antiquewhite;
}
@media only screen and (max-width: 550px) {
	.breadcrumbs-c a {width: 30px !important; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: inline-block; vertical-align: top;}
}

.divisor {margin:10px 0;}

#imgToSearch {float: right; padding-right:10px;}
.ActualMenu {border-bottom: 2px solid yellow !important;}
.ActualMenu > a {color: yellow !important;}

.centralcontent {line-height:1.4;}
.centralcontent .col { text-align:left;}
.centralcontent .col a:link {color: #1b4494;}
.centralcontent .col a:visited {color: #1b4494;}
.centralcontent .col a {color: #666;}
.centralcontent .col a:hover {color:Red;}


.contfooter, #footer {text-align: center; border-bottom: 3px solid #0078AE; padding-bottom: 3px;}
.footcolumn {width:270px; float:left; margin:20px; padding-left:5px;} /* Just to Example*/
#copyright {width:970px; text-align: center; background-color: #1B4494; padding:5px 0px;}

#dialogLWS {text-align:left; display:none; overflow-y: scroll; -webkit-overflow-scrolling: touch;}
#dialogLWS div {margin: 10px 0px; text-decoration: none; padding: 2px 0 2px 2px;}
#dialogLWS div a {text-decoration: none;}
#dialogLWS div:hover {background-color:#ebebeb;}

.imgLeft {float:left; margin:0px 5px 2px 0px;}
.imgRight {float: right; margin:0px 0px 2px 5px;}
.imgLeft2 {float:left; margin:0px 15px 15px 0px;}
.imgRight2 {float: right; margin:0px 0px 15px 15px;}
.imgFloatSide {float: right; margin:0px 0px 15px 15px;}

.objLeft {float:left; margin:0px 5px 2px 0px; height:100%; overflow:hidden;}
.objLeft2 {float:left; margin:0px 15px 15px 0px; height:100%; overflow:hidden;}
.objRight {float: right; margin:0px 0px 2px 5px; height:100%; overflow:hidden;}
.objRight2 {float: right; margin:0px 0px 15px 15px; height:100%; overflow:hidden;}
.objLeft, .objLeft2, .objRight, .objRight2 {height: auto;}
.halfindust {width: 46%; max-width: 440px;}
@media only screen and (max-width: 540px) {
    .objLeft, .objLeft2, .objRight, .objRight2, .imgLeft, .imgLeft2, .imgRight, .imgRight2   {display: block; float:inherit; clear:both; margin: 5px 0;}
    .divisor {display:none;}
	.halfindust, .objRight2.halfindust iframe, .objRight2.halfindust img, .objRight2 > div {width: 100%;}
}
.objRight2.halfindust iframe, .objRight2.halfindust img, .objRight2 > div {
    float: right;
    margin-bottom: 20px;
    width: 100%;
}
.spacer10 {height:10px; clear: both;}
.spacer20 {height:20px; clear: both;}
.spacer30 {height:30px; clear: both;}

.indicon {width: 30px; float: left;}
.indtext {margin: 3px 0 0 5px; float: left;}

/*Begin Product Lines*/
ul.main_productlines {list-style-type: none;
    margin: 0;
    padding: 0;
}

.main_productlines a:link, .main_productlines a:visited { 
    text-decoration: none;
    cursor: pointer;
}

.main_productlines a:link:active, .main_productlines a:visited:active { 
    color: black;
}

li.main_productline:hover {background-color: #c9e1ff !important;}

ul.main_productlines li {width: 400px; padding: 10px 10px 10px 0px; text-align: left;}
    
.prodNumContainer {background-color: #357aa4; width: 30px; display: inline-block;} 
.productNumber {font-size: 18px; color: white; padding: 4px; text-align: center; }

.productTitle {
    margin: 0 0 0 15px; display: inline; font-family: 'Oswald', Calibri, Arial; 
}

.prodicons .col strong {font-family: 'Oswald', Calibri, Arial; font-size: 18px;}
.prodicons .square img {display: block;}
/*End Product Lines*/

.gray {
    color: #555555;
    font-size: 12px;
    font-weight: bolder;
    text-decoration: none;
}

.subtitle {
    color: #555555;
    font-size: 16px;
    font-weight: bolder;
    text-decoration: none;
}

#ListNPAVideo {
	width:450px;
	margin:10px auto 0px;
	padding:5px;
	text-align:left; /* Counteract to IE5/Win Hack */
	font-size:11px;
	color:#626262;
}
.Video {
	margin:10px 0px;
}
.NPATitle p {font-weight:bold;}
.Links {
	font-size:11px;
}
.Links div { margin-bottom:5px; }
.LinkGray {color:#626262;}
.LinkRed {color:red;}
.Links a:hover {
	color: red;
}

#tabsCatalogs, #tabsPressrelease { height:650px; overflow:scroll; -webkit-overflow-scrolling: touch;}  
#tabsNPA { height:720px; overflow:scroll; -webkit-overflow-scrolling: touch;}  
.accordsection {min-height:100px; height:290px;}
.npa_new {
    background-image: url(/mediar/icons/new_npa.svg);
    background-size: 60px 42px;
    background-repeat: no-repeat;
    position: absolute;
    top: 3px;
    left: 16px;
    width: 88px;
    height: 55px;
    margin: 0px -8px 5px;
}

#ListPressrelease {
	min-width:650px;
	margin:10px auto 0px;
	padding:5px;
	text-align:left; /* Counteract to IE5/Win Hack */
	font-size:11px;
	/*color:#626262;*/
}

.detContent { width:345px; float: left; text-align:left; margin:0 5px;}
.detImage { width:295px; float: right; overflow:hidden; margin:0px 0px 15px 15px;}
.detImage div { width:40px; margin:0px auto;}
.imgcatalog { float:right; margin:0 0 0 10px;}
.detImage img, .imgFloatSide img
{
	background-color: #B0B0B0;
	-webkit-border-radius: 5px;  /*Saf3-4, iOS 1-3.2, Android ≤1.6 */
    -moz-border-radius: 5px;  /*FF1-3.6 */
    border-radius: 5px;  /*Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
	-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; 
}

.divwithlist span, .divwithlist ul {margin-left: 17px;}
.divwithlist ol{margin-left: 25px;}
.divwithlist span {font-weight:bold;}
.listTitle { margin-left:15px;}
.titlered	{ color: red;}
.ui-tabs .ui-tabs-nav li {float: left;}

/* Begin CSS Real Person */
.lblForm { width: 10em; float: left; }
label.error { float: none; color: red; padding: 0 0.5em; vertical-align: top; font-size:10px; width:100%;}
.cmxform > div {margin-bottom:3px;}
.checkbox { margin:0 3px;}
.optSide1 {width: 49%; float:left;}
.optSide2 {width: 49%; float:right;}
.multoptions {padding:15px 0; min-height: 160px;}
.warning {color: Red;}
.thanks {color:	#066EA6;}
/* End CSS Real Person */

.Venezian {font-size:8px; text-align: center;}
.Venezian2 {font-size:8px;}

/*New Catalogs*/
.spaceCatalog {height:30px; clear: both;}
.theCatalogs { background-color: #EFEFEF;}
.lineCatalog {clear: both; padding: 10px;}
.catalogSection {width:375px; height:270px; float: left; margin:0px 10px 10px; overflow: hidden;}
.catalogSection h3 { margin-top: 5px;}
.catImage {margin-bottom: 5px;}
.catImage img {border-radius: 10px;}
.catContent {width: 100%; float: left;}
/*End New Catalogs*/

/****  SVG LOGO BEGIN  ****/
.small_logo_1 { height:15px !important; padding-bottom: 8px;}
.small_logo_2 {height: 22px !important; padding-top: 6px;}
.small_logo_3 { height:27px !important;}   
.small_logo_4 { height:20px !important; padding-bottom: 8px;}   
.small_logo_5 { height:28px !important;}   
.small_logo_6 { height:18px !important;}   
.small_logo_7 { height:23px !important;}  
.small_logo_8 { height:24px !important;}  
.small_logo_9 { height:22px !important;}  
.small_logo_10 { height:48px !important;}
.small_logo_11 { height:42px !important;}  
.small_logo_12 { height:25px !important;}  
.small_logo_14 { height:25px !important;}  
.small_logo_15 { height:30px !important;}
.small_logo_25 {height: 30px !important;}

img[src$="--1.svg"]{ height:19px;}
img[src$="--2.svg"]{ height:27px;}    
img[src$="--3.svg"]{ height:38px;}   
img[src$="--4.svg"]{ height:25px;}   
img[src$="--5.svg"]{ height:33px;}   
img[src$="--6.svg"]{ height:23px;}   
img[src$="--7.svg"]{ height:28px;}  
img[src$="--8.svg"]{ height:30px;}  
img[src$="--9.svg"]{ height:28px;}  
img[src$="--10.svg"]{ height:58px;}
img[src$="--11.svg"]{ height:52px;}  
img[src$="--12.svg"]{ height:36px;}  
img[src$="--13.svg"]{ height:34px;}  
img[src$="--14.svg"]{ height:40px;}
img[src$="--25.svg"]{height: 36px;}
img[src$="AppIcon.svg"] {float: left; margin-right: 5px; border: 1px solid gray;}

/****  SVG LOGO END  ****/

/****  RESPONSIVE SPECIFIC SECTIONS BEGIN  ****/
@media only screen and (max-width: 1400px) {
    #mainnav {width:100%;}
    .contlogonav > div {width:100%;}
	.mainlogo {display:none; }
    #breadcrumbs {padding: 0 10px;}

}

@media (min-width: 360px) and (max-width: 1400px) {
    .toplogo {display:block;}
}
/****  RESPONSIVE SPECIFIC SECTIONS END  ****/


/******************************************/
/****  RESPONSIVE RULES CONTENT BEGIN  ****/
/******************************************/

/*  SECTIONS  ============================================================================= */
.section {clear: both; padding: 0px; margin: 0px;}

/*  GROUPING  ============================================================================= */
.group:before, .group:after {content:""; display:table;}
.group:after {clear:both;}
.group {zoom:1; /* For IE 6/7 (trigger hasLayout) */}

/*  GRID COLUMN SETUP   ==================================================================== */
.col {display: block; float:left; margin: 0% 0 0 3%;}
.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */

/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 540 PIXELS */
@media only screen and (max-width: 540px) {
    .col { margin: 1% 0 0 0;}
    .centralcontent .col {margin: 1% 0 2% 0 !important;}
    /*.socialsection, .socialsection img {float:left;}*/
}

/*  GRID OF TWO   ============================================================================= */
.span_2_of_2 {width: 100%;}
.span_1_of_2 {width: 48.5%;}

/*  GRID OF THREE   ============================================================================= */
.span_3_of_3 {width: 100%;}
.span_2_of_3 {width: 65.7%;}
.span_1_of_3 {width: 31.3%;}

/*  GRID OF FOUR   ============================================================================= */
.span_4_of_4 {width: 100%;}
.span_3_of_4 {width: 74.25%;}
.span_2_of_4 {width: 48.5%;}
.span_1_of_4 {width: 22.75%;}

/*  GRID OF FIVE   ============================================================================= */
.span_5_of_5 {width: 100%;}
.span_4_of_5 {width: 79.4%;}
.span_3_of_5 {width: 58.8%;}
.span_2_of_5 {width: 38.2%;}
.span_1_of_5 {width: 17.6%;}

/*  GRID OF SIX   ============================================================================= */
.span_6_of_6 {width: 100%;}
.span_5_of_6 {width: 82.84%;}
.span_4_of_6 {width: 65.68%;}
.span_3_of_6 {width: 48.5%;}
.span_2_of_6 {width: 31.36%;}
.span_1_of_6 {width: 14.16%;}

/*  GO FULL WIDTH AT LESS THAN 540 PIXELS */
@media only screen and (max-width: 540px) {
	.span_2_of_2 {width: 100%;}
	.span_1_of_2 {width: 100%;}

	.span_3_of_3 {width: 100%;}
	.span_2_of_3 {width: 100%;}
	.span_1_of_3 {width: 100%;}

	.span_4_of_4 {width: 100%;}
	.span_3_of_4 {width: 100%;}
	.span_2_of_4 {width: 100%;}
	.span_1_of_4 {width: 100%;}

	.span_5_of_5 {width: 100%;}
	.span_4_of_5 {width: 100%;}
	.span_3_of_5 {width: 100%;}
	.span_2_of_5 {width: 100%;}
	.span_1_of_5 {width: 100%;}

	.span_6_of_6 {width: 100%;}
	.span_5_of_6 {width: 100%;}
	.span_4_of_6 {width: 100%;}
	.span_3_of_6 {width: 100%;}
	.span_2_of_6 {width: 100%;}
	.span_1_of_6 {width: 100%;}
}

/****************************************/
/****  RESPONSIVE RULES CONTENT END  ****/
/****************************************/

/*FAQ BEGIN*/
	.wFAQ {
        clear:both;
		margin-top: 22px;
		}
	.popupopener {
		background-color: #086fb1; 
		cursor: pointer; 
		padding: 1px; 
	}
	.popupopener:hover {background-color: white;}
	.closerow {background-color:#0f7dc2; color: white; width: 100%; height:25px; cursor: move;}
	.closefaq {float:right; padding:5px; cursor: pointer;}
	.faqpopup {display: none; position:fixed; width: 800px; height:600px; top: 9%; right:5px; border: 2px solid #0f7dc2; border-radius: 5px; z-index:2000000; background-color: white;}
	.faqcontent {width:99%; height:95%; overflow-x:hidden; overflow-y:scroll; }     
	.picfaq {width: 60%; display: block; margin: 5px auto;}
    .newfaq {/*padding: 10px; text-align: center; color: red; font-size: 14px; font-weight: bold;*/ display:none;}

    /*newfaq animation*/   
    .newfaq {
	/*
      animation-duration: 0.5s;
      animation-name: theanim;
      animation-iteration-count: infinite;
      animation-direction: alternate;
	*/  
    }

    @keyframes theanim {
      from {
        transform: scale(1);
      }

      to {
        transform: scale(1.2);
      }
    }

	@media only screen and (max-width: 500px) {
		.faqpopup { width:95%; min-width:350px;}
	}
/*FAQ END*/

@media (max-width: 700px) {
	#breadcrumbs {display:none !important;}
}

/*HOVER EFECTS BEGIN*/
.hvr-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
/*HOVER EFECTS END*/
.relatedlinks {margin:10px 1px; text-align: left; direction: ltr;}
.relatedlinks h3 {color: black;}
.relatedlinks a {color: white; margin: 2px 9px 2px 1px; padding: 3px 8px; border: 1px solid #357aa4;text-decoration: none; float: left; background-color: #357aa4;}
.relatedlinks a:hover {background-color: white; color: #357aa4;}
.actualrelative {background-color: white !important; color: #357aa4 !important; cursor: default;}
.origrel {background-image: url(/mediar/icons/arrow.svg); background-position: center; width: 7px; height: 18px;}
.origrel:hover {background-color: #357aa4 !important; }

.imgcontainer img, .imgcontainer canvas {width: 850px; Overflow: hidden;}

@media only screen and (max-width: 870px) {
	.imgcontainer, .imgcontainer > div, .imgcontainer img, .imgcontainer canvas {width: 100% !important; height: auto !important;}
}
	
/* CAMPAIGNS */
.bckgcont a {outline: 0;} /* Removing The Dotted Outline*/
.video-container {overflow: hidden; position: relative; width:100%;}
.video-container::after {padding-top: 56.25%; display: block; content: ''; }
.video-container iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}