@font-face {
    font-family: "TitilliumWeb";
    src: url(fonts/Titillium_Web/TitilliumWeb-Light.ttf) format("truetype");
}

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

body 
{
	direction:ltr;
	margin:0px; padding:0px 0px 100px; /* Need to set body margin and padding to get consistency between browsers. */
	/*text-align:center;  Hack for IE */
	font-family: "TitilliumWeb", 'Roboto',Arial, Script;
	font-size:12px;
}
.wrapper {
	width:100%;
    min-width:100px;
	text-align:left; /* Counteract to IE5/Win Hack */

}

.clearer 
{
	width:100%;
	height:100%;
	overflow:hidden;
}

img {border: 0;}
h1 {font-size: 16px; font-famingersolily: "TitilliumWeb","Oswald", Calibri, Arial; text-decoration: none; text-align:left; font-weight:normal;height:inherit;}
h2 {font-size: 16px; font-family: "TitilliumWeb","Oswald", Calibri, Arial; text-decoration: none; text-align:left; font-weight:normal;height:inherit;}
h3 {font-family: "TitilliumWeb",'Oswald', Arial; font-size:18px; font-weight:bold; color:#0098c3; margin-bottom:5px;}

/*BEGIN MAIN SECTIONS*/
.mainheader {width:100%;  }
.flexwrapper {max-width:1200px;background-color: #FFFFFF; margin: 0px auto; position: relative;}
.topglobal {width: 100%; background-color: #FFFFFF; padding-top: 5px;}
.contlogonav  {width:100%; background-color:#FFFFFF; border-top:#0098c3 solid 2px;  }
.conttoolshopnav  {width:100%; background-color:#ffffff;}
.toplogo {display:none; float:left;padding-left:1%;}
.mainlogo {width:200px; float:left; padding-top: 10px;white-space:nowrap }
.clseCattxt{width:100px; float:left; padding-top: 25px;white-space:nowrap;font-family:arial;color:white;font-size:30px;}
.linkHome img {height:38px;}
.mainAppContent {border-bottom: 2px solid #c5c5c5;}
.mainECATALOGTextContent {border-top:#0098c3 solid 2px;border-bottom: 2px solid #0098c3;}
#mainnav {width:850px; float:right; z-index: 100;padding-top: 5px;white-space:nowrap}   /*IE Hack: position to read z-index*/
.layout_33{width:9%;display:inline-block}
.contentframewrap{text-align:center; }
.mainbanner {width:100%; border-top: 2px solid #c5c5c5; }
.topsection {max-width: 400px; float:right;}
.socialsection {width: 190px; float: right; margin-right: 2px;}
.socialsection img {width:25px;float: right;margin-right: 5px;}

.btn_dialogLWS {width:25px; float:right; font-size:11px; color: Black; text-align:center; cursor: pointer; }
.txtcountries {font-size: 15px; font-weight: bold;color:#808080;height:25px;}
.txtcountries img {width: 25px; height: 25px; 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 {padding-top:20px;width:100%; min-height:700px;}
.maincontent ul {padding: 0 15px;}
.flexwrapper-c {max-width:1200px; margin: 0px auto; position: relative; padding-top:10px;}
.flexwrapper-d {max-width:1200px; margin: 0px auto; position: relative;}
.contwrapmenu { background-color:#555;}

.mainfooter {    height: 90px;
    background-color: #0098c3;
    background-position: left;
    background-repeat: no-repeat;
    overflow: hidden;}
    .wrapfooter {padding:10px 0px; text-align:center;}

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

/*END MAIN SECTIONS*/

.cycle-slideshow {z-index: 50; }

#breadcrumbs {font-size:11px; margin:5px 0; min-width: 42%; float:left;margin-right:20px;}
#breadcrumbs, #breadcrumbs a:link, #breadcrumbs a:active, #breadcrumbs a:visited  {color: #878484;}
#breadcrumbs a:hover {color: #555;}
.divisor {margin:10px 0;}

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



.mainfooter {font-size:11px; color:white;}
.mainfooter a {color:white;}

.contfooter {height:100px; height:140px; text-align: center; padding: 10px; border-top: 1px solid #878484;}
.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;}
@media only screen and (max-width: 540px) {
    .objLeft, .objLeft2, .objRight, .objRight2, .imgLeft, .imgLeft2, .imgRight, .imgRight2   {display: block; float:inherit; clear:both;}
    .col { margin: 1% 0 0 0;}
    .centralcontent .col {margin: 1% 0 2% 0 !important;}
    .socialsection, .socialsection img {float:left;}

    .cssUnitSwitch {border-left: 0px solid #878484;height:25px;}
}

.spacer10 {height:10px; clear: both;}
.spacer20 {height:20px; clear: both;}
.spacer30 {height:30px; clear: both;}

/**************************************************************************************************************************************/

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

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

.tblIscar {width:100%; border-collapse:collapse;}
.tblIscar th, .tblIscar td
	{padding:5px;
	 text-align:left;
}
.tabCol-1 {width:140px !important; background-color:#0098c3; color:White;  overflow:hidden; }   
.tabCol-2 {width:270px !important; background-color:#0098c3; color:White;}  
.tabCol-3 {min-width:125px; background-color:#0098c3; color:White;}   
.tabCol-4 {width:90px; background-color:#0098c3; color:White;}  
.tabCol-5 {width:90px; background-color:#0098c3; color:White;}  
.tabGen-1 {width:180px; background-color:#0098c3; color:White;  overflow:hidden; }   
.tabGen-2 {width:300px; background-color:#0098c3; color:White;}  
.tabGen-3 {width:330px; background-color:#0098c3; color:White;}   
.tabGen-4 {width:90px; background-color:#0098c3; color:White;}  
 
.tabCont-1 {background-color: #CCCCCC; color: #666666; font-weight:bold; border-bottom :1px solid #ffffff;}   
.tabCont-2, .tabCont-3, .tabCont-4, .tabCont-5 {border-bottom:1px solid #C0C0C0;} 

.headerIscar {background-color:#0098c3; color:White; padding:5px; font-weight: bold;} 
.contIscar {padding:5px;}
.sep1 { height:30px;}

#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; }
.Link#878484 {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;}

#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; 
}
.listnomargin li{ margin-left: -20px;}
.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;}
.darkLink {padding: 2px 5px; margin-bottom:20px; background-color: Black;}
.darkLink a, .darkLink a:link, .darkLink a:active, .darkLink a:visited {color: White; text-decoration: none; font-weight: bold;}

/* 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:	#0098c3;}
/* End CSS Real Person */
#sizer {width: 55px; float: right; padding-top: 5px; font-weight: bold; font-size: 14px;}
#sizer a {text-decoration: none; /*border: 1px solid #504F51; */}
#sizer a:link, #sizer a:visited, #sizer a:hover, #sizer a:active  {color: #504F51;}
.HighResGlass {width:40px; margin:0px auto;}
.Venezian {font-size:8px; text-align: center;}
.Venezian2 {font-size:8px;}
.PayAttention {background-color:#FFFF00;}

.plexhibitions h4, .plnpa h4 {font-size: 12px;}
.formwrapper {text-align:left;}
.formwrapper  div{margin-bottom:3px;}
.icon-mini-right {width:30px; float:right; text-align:right;}
.icon-mini-right img {padding:5px;}
.icon-mini-left {width:30px; float:left; text-align:left;}
.icon-mini-left img {padding:5px;}
#wrapper_link {
	width:450px;
	margin:10px auto 0px;
	text-align:left; /* Counteract to IE5/Win Hack */
	padding:5px;
}
.margedSide {margin-right: 17px !important;}

/* plugins */
.plnpa {width:960px; margin:0px auto; padding-top:15px; text-align: left; direction: ltr;}
.plnpa div {width:200px; margin:0px 0px 10px 40px; float:left;}
.plnpa h4 {padding:0px 0px 10px 40px; font-weight:bold;}
.plexhibitions {width:960px; margin:0px auto; padding-top:15px; text-align: left; direction: ltr;}
.plexhibitions div {width:160px; margin:0px 0px 10px 80px; float:left;}
.plexhibitions h4 {padding:0px 0px 10px 80px; font-weight:bold;}
/* plugins */

/*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;}

/****  SVG LOGO BEGIN  ****/
.small_logo_1 { height:15px !important; padding-bottom: 8px;}
.small_logo_2 { height:24px !important;}    
.small_logo_3 { height:32px !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;}

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;}
/****  SVG LOGO END  ****/

.clsMenuRelations{width:60%; float:right;text-align:right;}
.clsMenuRelationstable{height:100px;width:100%}
.clsImgIllust{max-height:210px}
.clsImgPict{max-height:210px}
.clsFamilyNameDesc{white-space:nowrap; padding-right:5px; vertical-align:top; width:1%;}
 
    .familyImagesMidSpace{width:23%;height:210px}
    .img { padding:10px;}
    .clsItemGridData {
        width: 100%;
        max-width: 1200px;
        overflow-x: auto;
        float: left;
        margin-bottom: 20px;
    }


/****  RESPONSIVE SPECIFIC SECTIONS BEGIN  ****/
@media only screen and (max-width: 1025px) {
    #mainnav {width:100%;}
    .contlogonav > div {width:100%;}
    .conttoolsopnav > div {width:100%;}
    .topmenu {width: 100%;}
    .megamenu {width: 100%;}
	.mainlogo {display:none; }
    #breadcrumbs {padding: 0 10px;}
    .sidebar{width:50%}
    .mdldivSearchP-content {width:90%;}
    .mdldivSearchP {width:100%;}
    .cssPopUpLoginForm-content {width:90%}
    .clsMenuRelations {float:none;width:100%;text-align:left;}
    .clsMenuRelationstable{height:40px;width:100%}
    .clsImgIllust{width:100%;}
    .clsImgPict {width: 100%;}
    .clsFamilyNameDesc{white-space:normal; padding-right:5px; vertical-align:top; width:1%;}
    .familyImages{display:block;width:100%;}
    .familyImages1{display:block;width:50%;float:right;}
    .familyImagesLabels{display:block;width:100%;}
    .familyImagesLabels1{display:block;width:50%;float:right;}
    .familyImagesLabelsX{display:none;}
    .familyImagesMidSpace{height:5px}
    .clsItemGridData {width: 100%;float: left;overflow-x:auto;}
}



@media (min-width: 545px) and (max-width: 1025px) {
    .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 4% 0 0%;}
.col:first-child { margin-left: 0%; } /* all browsers except IE6 and lower */



/*  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%;}

/*  GRID OF NINE   ============================================================================= */

.span_1_of_12 { 
    width: 10.2%;
    height: 08.44%;
}

/*  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%;}
	
	.span_12_of_12 {width: 100%;}
	.span_11_of_12 {width: 100%;}
	.span_10_of_12 {width: 100%;}
	.span_9_of_12 {width: 100%;}
	.span_8_of_12 {width: 100%;}
	.span_7_of_12 {width: 100%;}
	.span_6_of_12 {width: 100%;}
	.span_5_of_12 {width: 100%;}
	.span_4_of_12 {width: 100%;}
	.span_3_of_12 {width: 100%;}
	.span_2_of_12 {width: 100%;}
}

/*.iconwrapper {margin:0px 0px;    margin-left: 0%; margin-right:-4.5%;}*/

.iconwrapper {margin:0px 0px;}
.iconMainApp a {font-size: 16px; font-family: "TitilliumWeb","Oswald", Calibri, Arial; text-decoration: none; color:#878484;text-align:center;font-weight:bold; text-transform: uppercase;}
.iconMainApp a img {display: block; margin-left: auto; margin-right: auto; }
.textMainApp  {font-size: 16px; font-family: "Oswald", Calibri, Arial; text-decoration: none; text-align:center;font-weight:bold; white-space:nowrap;}

.textMainAppOnOver{color:#0098c3}
.iconMainSubApp a {text-decoration: none;font-family: "TitilliumWeb",'PT Sans Narrow', Arial; font-size: 16px; color:#0098c3;text-align:left;}
.iconMainSubApp a img {display: block; margin-left: auto; margin-right: auto; }

.textMainSubApp {font-size: 14px; font-family: "TitilliumWeb","Oswald", Calibri, Arial; text-decoration: none; text-align:left; font-weight:normal;height:inherit;}
.textMainSubApp a {font-size: 16px; font-family: "TitilliumWeb","Oswald", Calibri, Arial; text-decoration: none; text-align:left;height:inherit;font-weight:bold;}

.searchLabel {font-size: 16px; font-family: "TitilliumWeb","Oswald", Calibri, Arial; text-decoration: none; color:#878484;text-align:center;font-weight:bold; text-transform: uppercase;cursor:pointer;}

.clsMainAndSubApp {width:40%; float:left;text-align:left}

.lblParamSearch {font-family: "TitilliumWeb",'Oswald', Arial;
font-size: 18px;
font-weight: bold;
color: #FFFFFF;
margin-bottom:5px;
}

@media only screen and (max-width: 768px) {
	.span_1_of_12 {width: 50%;}
    .textMainApp {height: 1.5em;}
	.col {display: block; float:left; margin: 0 0 0 0%;}
    .col:first-child { margin-left: auto; } /* all browsers except IE6 and lower */
    .flexwrapper-c {max-width:99vw; margin: 0px auto; position: relative;}
    .logosDisplay{width:50%}
}

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

/*FAQ BEGIN*/
	.wFAQ {
        clear:both;
		}
	.popupopener {
		background-color: #086fb1;
		cursor: pointer; 
		padding: 1px; 
	}
	.popupopener:hover {background-color: white;}
	.closerow {background-color:#0f7dc2; color: white; width: 100%; height:25px;}
	.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;}    
	@media only screen and (max-width: 500px) {
		.faqpopup { width:95%; min-width:350px;}
	}
/*FAQ END*/


/******************* POP UP ***********************************************************************/ 
 .mypopup {
            background-color: transparent ;
            display: none;
            align-content:center;
            position:fixed;
            left: 50%;
            top:20%;
            transform: translateX(-50%);
            z-index:200;
        }

        .closepopup {
            float: right;
            padding: 3px;
            font-family: "TitilliumWeb",SANS-SERIF;
            font-size: 10px;
            margin: 5px;
        }


        

/******************* END POP UP *******************************************************************/