@charset "UTF-8";
/* Base Styles */
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-position:top;
background-repeat:no-repeat;
background-color:#F6F6F6;
font-family:"Ubuntu";
/*font-family: 'Arimo', sans-serif , "Tahoma";
font-family: Tahoma;*/
line-height:18px;
color: #666666;
font-size:16px;
}

.gallery
{
    margin:auto;
    max-width:1100px
}


.content-max
{
    margin:auto;
    max-width:1200px
}

.boxmax{
	box-sizing: border-box;
	vertical-align:top;
	/*padding:18px;*/
	display:inline-block;	
	/*margin:10px;*/
	box-sizing: border-box;
vertical-align: top;
	padding: 15px;
display: inline-block;
max-width:357px !important
}

.PPS , .PP:hover{
    color:#fff !important;
    background-color:#008dbf !important;
    padding:5px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size:15px;
    padding:10px;
    margin-right:10px;
}

.PP{
    color:#008dbf;
    background-color:#fff;
    padding:5px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size:15px;
    padding:10px;
    margin-right:10px;
}

.home
{
    background-color:#F7F7F7;
    border-top:3px solid #008dbf;
    margin:auto;
    max-width:1078px;
    padding:10px;
}


form{
background-color:#FFFFFF;
z-index: -100 !important;
position: absolute;
width:100%
}

.contentmin
{
    max-width:1050px !important;
}

.min{
   width:319px !important;
}

.max{
   width:700px !important;
}

@media all and (max-width: 1100px) 
{
   .min{
   width:100% !important;
}

.max{
   width:100% !important;
} 
}

/************************************************************/
.box h2{
    font-weight:normal;
    color:#008dbf;
    font-size:16px;
}

.box{
	box-sizing: border-box;
	vertical-align:top;
	padding:18px;
	display:inline-block;	
	margin:10px;
	box-sizing: border-box;
	vertical-align: top;
	padding: 15px;
display: inline-block;
margin: 13px;
max-width:345px;
width:100%;
border-top: 3px #008dbf solid;
background-color: #F7F7F7;
text-align: left;
}

.Services_List{
  	box-sizing: border-box;
	vertical-align:top;
	display:inline-block;	
	margin:4px;
	box-sizing: border-box;
    vertical-align: top;
    display: inline-block;
    border-top: 2px solid #008dbf;
    background-color:#FAFAFA; 
    max-width:356px;
    width:100%; 
    margin-bottom:20px;
}

.Products_List
{
    box-sizing: border-box;
	vertical-align:top;
	display:inline-block;	
	margin:4px;
	box-sizing: border-box;
    vertical-align: top;
    display: inline-block;
    border: 1px solid #EAEAEA;
    background-color:#fff; 
    max-width:356px;
    width:100%; 
    margin-bottom:20px;
}


.h3
{
    padding:0;
    margin:0;
    color:#008dbf
}



.partner img{
	box-sizing: border-box;
	vertical-align:top;
	padding:18px;
	display:inline-block;	
	margin:12px;
	border:solid 1px #EBEBEB
}

.newsimg{
width:285px !important;
text-align:left !important;
}

.newstxt{
width:230px !important;
margin:auto !important;
text-align:center !important;
}


@media all and (max-width: 600px) 
{
.newsimg{
width:285px !important;
text-align:left !important;
}

.newsimg img{
width:100% !important;
}

.newstxt{
width:285px !important;
margin:auto !important;
text-align:left !important;
}

}



.minheight
{
padding-top:227px;
}

.minheight a
{
color:#666666 !important;
}


@media all and (max-width: 600px) 
{
.minheight
{
padding-top:25px !important;
height:100px !important;
}
}

/************************************************************/
.ws_bullets{
/*bottom: 110px  !important;*/
}

/*
.welcome
{
border-top:3px solid #008dbf;
background-color: #F7F7F7;
margin-bottom:0px !important; 
margin-top:80px !important;
margin-top:-80px !important;
position:relative; 
z-index:111111111111111111
}*/

.welcome2
{
paddin-top:20px !important;
margin-top:-100px !important;
}

@media all and (max-width: 1100px) 
{
.ws_bullets{
bottom: 10px  !important; 
}

.welcome
{
border:1px solid #EBEBEB;
background-color: White;
margin:auto !important;
position:relative; 
}
 
.welcome2
{
margin:auto !important;
}
 
}

.tbl
{
border-top: solid 1px #DADDE0;
}

.div-projects
{
display:inline-block;
width:267px;
vertical-align:top;
margin: 3px;
margin-bottom: 6px !important;
}

.div-projects a
{
color:White;
}

.div-projects a:hover
{
color:White;
}


.img
{
width:267px;
z-index:-1;
position:absolute;
}

.stuff {
    opacity: 0.0;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
    background-image:url(../images/shadow.png);
color:White;
width:100%;
}
.hoverhover {
width:100%;
height:100%;
}
.hoverhover:hover .stuff {
opacity: 1;
}
/************************************************************/
.profile{
    margin:10px 20px 10px 0; 
    display:inline-block;
}
/************************************************************/
.header-content{
  background-color:#FDFDFD;
  background-image:url(../images/header-content.jpg);
  background-repeat:repeat-x;
     border-bottom:1px solid #E9EAEA;
     margin-bottom: 10px;
}
.content h2{
   padding-bottom: 25px;
   font-weight:100;
   background-image:url(../images/h2.jpg);
   background-position:left bottom;
   background-repeat:no-repeat;
   padding-top:30px;
   margin-bottom:18px;
   display: inline-block;
   color:#008dbf;
   font-weight:bold;
}
.header-tabs{
    border:1px solid #E9EAEA;
    padding-bottom:10px;
    padding-top:10px
}
/************************************************************/
.box-mainpage{
    padding-top:1px;
    padding-bottom:10px;
    width:100%
}
.box-mainpage-inside{
width:519px;
margin:auto;
vertical-align:top;
display:inline-block;
}

.box-mainpage-spacer{
    width:50px;
    vertical-align:top;
display:inline-block;
}
.tblwelcome{
width:90%
}


@media all and (max-width: 1100px) 
{
.box-mainpage-inside{
width:100%;
margin:auto;
vertical-align:top;
display:inline-block;
}

.box-mainpage-spacer
{
width:100%;
    vertical-align:top;
display:inline-block;
height:20px;

}  


.tblwelcome{
width:100%
} 

}

/************************************************************/
.box-mainpage{
    padding-top:1px;
    padding-bottom:10px;
    width:100%
}
.box-mainpage-inside{
width:494px;
margin:auto;
vertical-align:top;
display:inline-block;
}

.box-mainpage-spacer{
    width:50px;
    vertical-align:top;
display:inline-block;
}


@media all and (max-width: 1100px) 
{
.box-mainpage-inside{
width:100%;
margin:auto;
vertical-align:top;
display:inline-block;
}

.box-mainpage-spacer
{
width:100%;
    vertical-align:top;
display:inline-block;
height:20px;

}   

}
/************************************************************/

a {
    color: #666666;
    text-decoration: none;
}
a:hover {
    color: #008dbf;
    text-decoration: none;
}
/*******************************************************/
#slogan-header{
background-color:#008dbf;
padding:2px;
color:White
}

#sm{
float:right;
}

@media (max-width: 500px) 
{
 #sm
 {
     display:none;
}
   
    
}


#slogan-contact{
padding-top:3px;
float:left;
font-size:13px
}

#slogan{
margin:auto;
max-width:1100px;
color:#FFF;
padding-bottom:3px;
padding-top:3px;
font-size:13px
}

#master-header{
background-color:#FFFFFF;
border-bottom:3px solid #008dbf
}

#header{
margin:auto;
/*max-width:1100px;*/
}

#logo {
    float: left;
    min-width: 74px;
    vertical-align: top;
    vertical-align: middle;
}

#div_menu{
float:right;
margin-top:37px 
}

#cssmenu{
margin:auto;
max-width:1100px;
text-align:left;
}

@media (max-width: 500px) {
#logo {
    float: none;
    min-width: 152px;
    vertical-align: top;
    padding-top: 5px;
    padding-bottom: 5px;
    vertical-align: middle;
    text-align: center;
}

#div_menu{
    float: none;
	margin-top:0px	
}

}



/*
@media (max-width: 900px) {
#logo {
    float: none;
    min-width: 152px;
    vertical-align: top;
    padding-top: 5px;
    padding-bottom: 5px;
    vertical-align: middle;
    text-align: center;
}

#div_menu{
    float: none;
margin-top:0px 
}

}
/*******************************************************/
.content{
   padding-right: 25px;
   padding-left: 25px;
   margin: auto;
   max-width: 1050px;
   line-height: 25px;
}
.max-content
{
       max-width: 1150px;
       margin:auto;
}
/************************************************************/
input, select, textarea {
    cursor:pointer;
}
 
input, select , textarea  {
    padding:5px;
    border:solid 1px #CCCCCC;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin:5px 0 5px 0;
}
 
input[type="text"] {
    width:200px;
}
/***********************************************************/
#footer-big{
    margin-top:20px;
background-color:#F7F7F7;
color: #666666;
}
#footer {
   padding: auto;
   margin: auto;
   max-width: 1100px;
   padding: 10px;
}

#footer-inside {
    padding: auto;
    margin: auto auto 20px;
    max-width: 1100px;
    color: #666666;
    font-size: 13px;
    vertical-align: top;
    background-image: url(/images/map.png);
background-position: center;
background-repeat: no-repeat;
}

#footer a {
    color: #8E8F94 !important;
}

#footer-div div {
    display: inline-block;
    width: 23%;
    vertical-align: top;
    margin: 1%;
    text-align: left;
}

#footer-div div ul {
    list-style-type: none;
    padding:0;
    margin:0;
}

#footer-div div ul li {
   /*padding-left:15px;
   /*margin-bottom:8px;*/
   padding-bottom:10px;
   /*background-image:url(../images/footer.png);*/
   background-position:left;
   background-repeat:no-repeat
}

#footer-div div ul li a {
    color: #666666 !important;
}

#footer-div div ul li a:hover {
    color:#666666 !important;
    text-decoration:none !important;
}

@media (max-width: 1101px) {
#footer-div div {
    vertical-align: top;
    display: inline-block;
    width: 98%;
    margin: 1%;
}
}

#footer-div h3 {
   color: #008dbf;
   padding-bottom: 10px;
   font-weight:100;
   background-image:url(../images/footer.jpg);
   background-position:bottom;
   background-repeat:repeat-x
}

#footer-btn {
    margin: auto;
    max-width: 1100px;
    color: #4F535C;
    font-size: 13px;
    vertical-align: top;
}

#fb{
    background-color:#ffffff;   
}


#footer-div div {   
     max-width: 245px;
}