@import url('/admin/contentbuilder/assets/default/content.css');      
div#txtContent{background-color:#fff!important;
background:url(../gismo/gfx/1061/bg_24.jpg)#fff!important;
padding-top:25px; margin-left:15px; }
.ui-draggable{padding-left:7px;}

* {
 margin: 0;
 padding: 0;
 }
html {
    position: relative;
    min-height: 100%;
}


body
{  	 
height:100%;
padding: 0px;

background-color: #fff;         
font-weight: normal; 
color: #8d8d8d; 
font-size: 12pt; 
font-family: Verdana, Arial, Helvetica, Sans-serif; 
text-decoration: none; 
line-height:normal;
background:url(../gismo/gfx/1061/bg2.png) #f5f5f5 repeat-x;
}


h1 
                 { 
        
             color: #666; 
font-size: 25pt; 
line-height: normal; 
font-family: Century Gothic, Verdana, Arial, Helvetica, Sans-serif; 
text-decoration: none; 
            font-weight:normal;
	   }
	   
h2 
                { 
                                  color: #666; 
font-size: 18pt; 
line-height:normal; 
font-family: Verdana, Arial, Helvetica, Sans-serif; 
text-decoration: none; 
font-weight:normal;
                 } 

h3 
                { 
                             color: #666; 
font-size: 16pt; 
line-height:normal; 
font-family: Verdana, Arial, Helvetica, Sans-serif; 
text-decoration: none; 
font-weight:normal;
         
                 } 

h6{
color: #FFFFFF;
    font-family: Verdana,Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
margin-left:7px;
margin-top:3px;
}


div 
    {
	color: #8f8f8f;
font-size: 11px; 
font-family: Century Gothic, Verdana, Arial, Helvetica, Sans-serif; 
text-decoration: none; 
line-height: 12pt;
	}
p 
    {
	color: #8f8f8f; 
font-size: 12pt; 
font-family: Century Gothic, Verdana, Arial, Helvetica, Sans-serif; 
text-decoration: none; 
line-height:normal;

	}
.captcha
    {
	color: #8f8f8f; 
font-size: 11pt; 
font-style:italic;
font-family: Century Gothic, Verdana, Arial, Helvetica, Sans-serif; 
text-decoration: none; 
line-height:normal;

	}
td 
    {
	color: #8f8f8f; 
font-size: 12pt; 
font-family: Century Gothic, Verdana, Arial, Helvetica, Sans-serif; 
text-decoration: none; 
line-height:normal;
	}

li{font-size:12pt;
line-height:17pt;}


img{border:0px;}
.div4{max-width:900px; margin: 0em auto;}


             
A:link { color: #02a379; text-decoration: none; font-family: Century Gothic, Verdana, Arial, Helvetica, Sans-serif; }
A:visited { color: #02a379; text-decoration: none; font-family: Century Gothic, Verdana, Arial, Helvetica, Sans-serif;  }
A:hover { color: #666666; text-decoration: none; font-family: Century Gothic, Verdana, Arial, Helvetica, Sans-serif;  }
A:active { color: #666666; text-decoration: none; font-family: Century Gothic, Verdana, Arial, Helvetica, Sans-serif;  }

hr{box-shadow: 5px 5px 10px #ccc;  color: #f6f6f6;}

	
/*	ALLASAKER	*/
	
	
#container
                  {
                  margin: 0em auto;
                  
                  background:url(../gismo/gfx/1061/b.png) transparent repeat-x;
               
                  height:100%;
font-weight: normal; 
color: #666666; 
font-size: 11px; 
font-family: Century Gothic,  Verdana, Arial, Helvetica, Sans-serif; 
text-decoration: none; 
line-height: 12pt;

border:0px solid #ccc;
                  }




/*	HEADERSAKER	*/


#header
                {
                 margin: 0em auto;
                 height: 327px;
                 max-width: 900px;
margin:0em auto;

                 background:url(../gismo/gfx/1061/header2016_11_04.png) #fff no-repeat top left;
               }
	
/*	FOOTER	*/


#footer {
    background-color: #e7e7e7;

    height: 100px;
    max-width: 900px;
margin:0em auto;
padding:15px;
padding-top:30px;
 background:url(../gismo/gfx/1061/footr.png) #414141 repeat-x top left;
border-radius:10px;
margin-bottom:10px;
}

#footer p{color:#fff;}
#footer_div{
    
    position:relative;


   
}
#footer_div:after{
    content:'';
    position:absolute;
    top:0;
    left:0;
  
     
}



#navul li:hover ul ul, #navul li:hover ul ul ul, #navul li:hover ul ul ul ul{
display:none;

        }
#navul li:hover ul, #navul li li:hover ul, #navul li li li:hover ul, #navul li li li li:hover ul{
    display:block;

    }



	
/*	CONTENTSAKER	*/
	
	
#contents	{

margin:0em auto;
max-width:900px;
margin-top:15px;
padding:15px;
min-height:300px;
padding-bottom:15px;
margin-bottom:15px;
padding-top:30px;
background:#fff;
border-radius:10px;

	}


 .column {
        float: left;
        padding-left:15px; 
        padding-right:15px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
.column > img{margin:0em;}
 .column ul{list-style:bullet; margin-left:20px;}

 .column.full { width: 100%;}
 .column.two-third { width: 75%;}
 .column.two-third2 { width: 70.7%; margin-right:5%;}   
 .column.two-fourth { width: 75%; }
 .column.two-fifth { width: 80%; }
 .column.two-sixth { width: 30%; }
 .column.half { width:49%; }
 .column.third { width: 25%;}
 .column.third.start { width: 32.2%; }
 .column.third.start >img{max-width:200px; padding-top:15px;}
 .column.fourth { width: 25%; }
 .column.fifth { width: 20%; }
 .column.sixth { width: 16.6%; text-align:center; }
.column.eight.foot { width: 14%; }
 .column.eight { width: 15%; }
 .column.flow-opposite { float: right; } 

.column.third a > img{max-width:300px;}

.embed-responsive iframe{height:300px;}
.embed-responsive.embed-responsive-16by9{padding-bottom:300px;}
input,textarea{border:1px solid #dbdbdb}
input{padding:5px;}



.nav ul {
	list-style:none;
}

.wrapper {
	max-width:100%;
	width:100%;
	margin:0 auto;
	position:relative;
padding:10px 0px 15px 0px ;
      background:url(../gismo/gfx/1061/wrapper.png) transparent repeat-x;
margin-top:-55px;
}
.main {
	max-width:900px;
	margin: 0em auto;
	text-align:left;
}
.content {
	text-align:left;
	margin:25px 0;
}
.content-text {
	margin:0 0 15px;
}

/*------------------------------------*    Flaunt JS Navigation
\*------------------------------------*/

.nav {
	position:relative;
	display:inline-block;
	font-size:12px;

}
.nav ul{list-style:none;}
.nav-list {
	text-align:left;
padding-left:0px;
margin-left:0px;
background:#006f51;
}
.nav-item {
	float:left;
	*display:inline;
	zoom:1;
	position:relative;
font-weight:900;
}
.nav-item a {
	display:block;
	color:#fff;
	padding:10px 15px;
	font-size:12pt;
font-family:century gothic;
	border-bottom:0px solid #fff;
}


.nav-item a:after {
}

.nav-item > a:hover {
	
}
.nav-item:hover .nav-submenu {
	display:block;
}
/* Navigation submenu */
.nav-submenu {
	display:none;
	position:absolute;
	left:0;
	width:180px;
background:#ccc;
}
.nav-submenu-item a {
	background:#ccc;
	border-bottom:1px solid #fff;
	display:block;
	padding:15px;
font-weight:300;
}
.nav-submenu-item a:hover {
	background:#ccc;
}
/* Mobile navigation */
.nav-mobile {
	display:none; /* Hide from browsers that don't support media queries */
	cursor:pointer;
	position:absolute;
	top:0;
	right:0;
	background:#006f51 url(../commondata/images/nav.svg) no-repeat center center;
	background-size:18px;
	height:50px;
	width:50px;
}
/* Mobile navigation, clickable area for revealing <ul> */
.nav-click {
	position:absolute;
	top:0;
	right:0;
	display:none;
	border-left:0px solid #fff;
	height:48px;
	width:50px;
	cursor:pointer;
background:#455872;
}
.nav-click i {
	display:block;
	height:48px;
	width:48px;
	background:url(../commondata/images/drop.svg) no-repeat center center;
	background-size:20px;
}
.nav-click:hover {
	background-color:#455872;
}
.nav-rotate {
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	transform:rotate(180deg);
}

/*------------------------------------*    Media Queries
\*------------------------------------*/

@media only screen and (min-width: 200px) and (max-width: 868px) {

input{width:100%!important}
 input#datum{width:35px!important;}

.column.no_mobile{display:none;}

.embed-responsive iframe{height:200px; width:90%;}
.embed-responsive.embed-responsive-16by9{padding-bottom:200px;}

	.nav-mobile {
		display:block;
	}
	.nav {
		width:100%;
		padding:50px 0 0;
	}
	.nav-list {
		display:none;
	}
	.nav-item {
		width:100%;
		float:none;
	}
	.nav-item > a {
		padding:15px;
	}
	.nav-click {
		display:block;
	}
	.nav-mobile-open {
		border-radius:5px 5px 0 0;
		-webkit-border-radius:5px 5px 0 0;
		-moz-border-radius:5px 5px 0 0;
	}
	.nav-item:hover .nav-submenu {
		display:none;
	}
	.nav-submenu {
		position:static;
		width:100%;
                margin-left:0px;
               padding-left:0px;
         }

.nav-item a {
	
	border-top:1px solid #fff;
}
body{background:url(../gismo/gfx/1061/bod.pg) #f5f5f5 repeat-x;}
#newsArchive{height:100px; }

 .column.third { width: 31.2%;}
}

@media only screen and (min-width: 200px) and (max-width: 949px) {
.clearfix{min-width:0px;}
  // .column.third img{ max-width: 95px; height:auto;}
#container {  padding:0px 0px;}
}
@media only screen and (min-width: 200px) and (max-width: 668px) {
#ExtraDiv4{height:0px; max-width:950px; margin-top:0px;  margin-bottom:0px; background:url(../gismo/gfx/1061/Extradiv2.jpg ) #abcae6 no-repeat top center; box-shadow: 5px 5px 10px #ccc;}
#contents{padding:0px;}
 .column.full { width: 100%; }
    .column.two-third { width: 100%; }
 .column.two-third2 { width: 100%; margin-right:0%;}
    .column.two-fourth { width: 100%; }
    .column.two-fifth { width: 100%; }
    .column.two-sixth { width: 100%; }
    .column.half { width: 100%!important; padding:0px;}
    .column.third.start { width: 100%; border: 0px solid #ccc!important; padding:10px 0px 10px 0px; margin:5px 0px 5px 0px;  height:auto; box-shadow: 2px 0px 5px #ccc;  color: #f6f6f6;}
  .column.third { width: 100%; }
 .column.third2 { width: 100%; }
    .column.fourth { width: 100%; }
    .column.fifth { width: 100%; }
    .column.sixth { width: 100%; }
.column.eight.foot { width: 100%; }
 .column.eight { width: 100%; }
    .column.flow-opposite { width: 100%; } 



#footer{height:320px;}
#footer .column.third.start{box-shadow:0px 0px;}
}





/* HTTP_USER_AGENT = Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)
   Is_Mobile = False */