@CHARSET "UTF-8";


.error_list {margin: 0; padding: 0;}
.error, .notice, .success, .warning,.error_list li {padding:.8em;margin: 0 0 0 0;border:2px solid #ddd; list-style: none;}
.error, .error_list li {background:#FBE3E4 ;color:#8a1f11;border-color:#FBC2C4; font-size: 10pt;}
.notice {background:#c1ddfc url('../img/notice_icon.png') center left no-repeat;color:#043061;border-color:#5d9ce3;padding-left:35px;}
.success {background:#E6EFC2 url('../img/success_icon.png') center left no-repeat;;color:#264409;border-color:#C6D880;padding-left:35px;}
.warning {background:#FFF6BF url('../img/warning_icon.png') center left no-repeat;;color:#514721;border-color:#FFD324; font-size: 10pt;padding-left:35px;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
.warning a {color:#514721;}
.yes
{
	background:#E6EFC2;color:#264409;border:1px solid #C6D880;
}
.yes  a {color:#264409;}
.no
{
background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;border:1px solid #FBC2C4;
}
.no a{color:#8a1f11;}

.breadcrumb
{
	font-size:0.8em;
	margin-bottom:10px;
}

a
{
	color:#101a26;
	text-decoration:underline;
}

a:hover
{
	
	text-decoration:none;
        color:#699e36;
}

header h1
{
	font-size:1em;
	
	-moz-text-shadow: none; 
  	-webkit-text-shadow: none;  
 	text-shadow: none;  
}


#menu,
#menu ul {
    list-style: none;
    margin-left:0;
    padding-left:0;
	
   
}

#menu > li {
    float: left;
    list-style-image :none;
    margin:0;
    margin-left:30px;
}

#menu ul {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.3s linear;
    z-index: 999;
}


#menu li:hover ul {
     visibility: visible;
     opacity: 1;
    float:left;
    background: #699e36;
    margin-top: 25px;
    
}

#menu li a
{
	color:#fff !important;
	text-decoration:none;
	display:block;
	float:left;
	-moz-text-shadow: 0px 1px 3px #000; 
  	-webkit-text-shadow: 0px 1px 3px #000;  
 	text-shadow: 0px 1px 3px #000;
 	padding:5px;
	transition: background 0.4s ease-in-out;
	-moz-transition: background 0.4s ease-in-out;
	-webkit-transition: background 0.4s ease-in-out;
	cursor: pointer;
}

#menu a:hover
{
	text-decoration:none;
	border-bottom: 2px solid #699e36;
 	
}

#menu li ul li a
{
    padding:1em 0 1em 1em;
    font-size:0.8em;
    width:100%;
    text-align: left;
}

#menu li ul li
{
    list-style: none;
    margin-left: 0;
   
}

#menu .bordering
{
    border: 1px solid white !important;
}

.rounded
{
    width:96px;
    -moz-border-radius: 75px; 
   -webkit-border-radius: 75px; 
   border-radius: 75px;
   background: #072c34;
   transition:  border-radius 0.5s ease-in-out;
    -moz-transition:  border-radius 0.5s ease-in-out;
    -webkit-transition:  border-radius 0.5s ease-in-out;
}

.rounded:hover
{
    width:96px;
    -moz-border-radius: 5px; 
   -webkit-border-radius: 5px; 
    border-radius: 5px;
    background: #072c34;
}

.container-header-menu.floatable #menu a {
   color: #3e3e3e !important;
   text-decoration:none;
  -moz-text-shadow: none; 
    -webkit-text-shadow: none;  
    text-shadow: none;
}

.container-header-menu.floatable #menu .bordering {
   border: 1px solid #699e36 !important;
}


.bigger
{
    padding:16px 26px !important;
    margin-top: 16px !important;
    margin-bottom: 16px !important;
    display: inline-block !important;
       
}

.button
{
	color:white !important;
	font-size:1em;
	border:none;
	padding:5px;
	background: #699e36 ;
	text-decoration:none;
	transition: background 0.3s ease-in-out;
	-moz-transition: background 0.3s ease-in-out;
	-webkit-transition: background 0.3s ease-in-out;
	border-bottom:3px solid #4d7229;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

}

.button:hover
{
	background:#4d7229;
	color:white;
	cursor:pointer;

}

.button2
{
    color:white !important;
    font-size:1em;
    border:none;
    padding:5px;
    background: #072c34 ;
    text-decoration:none;
    transition: background 0.2s ease-in-out;
    -moz-transition: background 0.2s ease-in-out;
    -webkit-transition: background 0.2s ease-in-out;
    border-bottom:3px solid #187061;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

}

.button2:hover
{
	background:#30bca4;
	color:white;
	cursor:pointer;

}

.customer
{
    float:left;
    width:25%;
    text-align:center;
}

.customer img
{
    width:100%;
   
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    
}


.customer img:hover
{
     filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    
}

.partner
{
    float:left;
    width:22%;
    text-align:center;
    height: 300px;
    margin-left:1em;
}

.partner img
{
    width:100%;
     filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
}


.partner img:hover
{
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
}

.greysify 
{
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
}

.nogrey
{
    filter: grayscale(0%) !important;
    -webkit-filter: grayscale(0%) !important;
    -moz-filter: grayscale(0%) !important;
    -ms-filter: grayscale(0%) !important;
    -o-filter: grayscale(0%) !important;
}
.buttonTwitter 
{
    background: none;
    color:white;
    font-size:1em;
    border:none;
    padding:5px;
    text-decoration:none;
    transition: background 0.3s ease-in-out;
    -moz-transition: background 0.3s ease-in-out;
    -webkit-transition: background 0.3s ease-in-out;
    font-weight:bold;
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.buttonTwitter:hover
{
    background: #1da1f2;
    color:white;
    cursor:pointer;
    border-bottom:3px solid #1e84c2;
   
    
}

.buttonGoogle 
{
    background: none;
    color:white;
    font-size:1em;
    border:none;
    padding:5px;
    text-decoration:none;
    transition: background 0.3s ease-in-out;
    -moz-transition: background 0.3s ease-in-out;
    -webkit-transition: background 0.3s ease-in-out;
    font-weight:bold;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.buttonGoogle:hover
{
    background: #e41138;
    color:white;
    cursor:pointer;
    border-bottom:3px solid #a90e2b;
   
    
}


.buttonLinkedin 
{
    background: none;
    color:white;
    font-size:1em;
    border:none;
    padding:5px;
    text-decoration:none;
    transition: background 0.3s ease-in-out;
    -moz-transition: background 0.3s ease-in-out;
    -webkit-transition: background 0.3s ease-in-out;
    font-weight:bold;
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.buttonLinkedin:hover
{
    background: #0077b5;
    color:white;
    cursor:pointer;
    border-bottom:3px solid #005f91;
}

.buttonViadeo
{
    background: none;
    color:white;
    font-size:1em;
    border:none;
    padding:5px;
    text-decoration:none;
    transition: background 0.3s ease-in-out;
    -moz-transition: background 0.3s ease-in-out;
    -webkit-transition: background 0.3s ease-in-out;
    font-weight:bold;
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.buttonViadeo:hover
{
    background: #f07355;
    color:white;
    cursor:pointer;
    border-bottom:3px solid #be5a42;
}

.buttonUnactive
{
    color:white;
    font-size:1em;
    border:1px solid #939393;
    padding:5px;
    background: #c0c0c0;
    text-decoration:none;
    transition: background 0.3s ease-in-out;
    -moz-transition: background 0.3s ease-in-out;
   -webkit-transition: background 0.3s ease-in-out;
   -moz-text-shadow: 0px 1px 2px #000000; 
    -webkit-text-shadow: 0px 1px 2px #000000;  
    text-shadow: 0px 1px 2px #000000;  
}

.buttonUnactive:hover
{
	background:#d3d2d1;
	color:white;
}


#footer p
{
	font-size:0.8em;
	line-height:1.4em;
}

#footer a
{
	text-decoration:underline;
	color:white;
}

#footer a:hover
{
	text-decoration: none;
}

#footer div
{
	float:left;
	width:24%;
	margin-left:10px;
}



optgroup
{
    font-style:normal;
}

.field_container input[type='text'], .field_container input[type='password'], select, textarea
{
    width:90%;
}

.field_container input[type='text']:hover, .field_container input[type='password']:hover, select:hover, textarea:hover,
.field_container input[type='text']:focus, .field_container input[type='password']:focus, select:hover, textarea:focus
{
    background: #fff;
    border-bottom: 1px solid #219b86;
    border-top: 1px solid #219b86;
}

input, textarea,select
{
    background: #f8f8f8;
    padding:10px;
   -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border-bottom: 1px solid #D4D3D5;
    border-top: 0;
    border-left: 0;
    border-right: 0;

    font-size:1.2em;
}

select
{
   cursor:pointer;
   
}

.field_comment
{
    float:right;
    font-size:0.8em;
    margin-left:2px;
}



table .label
{
    text-align:right;
    width:150px;
	font-weight:bold;
	vertical-align:middle;
}


 label
{
   
    color:#212121;
    cursor:pointer;
}


.formLogin label 
{
    width:110px;
    display:inline-block;
}
.hform { display: none; }

#container-header .social
{
	float: left;	
}

#container-header #container-social
{
	float: right;	
}

#main-header
{
	
    height:380px;
    filter: grayscale(80%);
    -webkit-filter: grayscale(80%);
    -moz-filter: grayscale(80%);
    -ms-filter: grayscale(80%);
    -o-filter: grayscale(80%);    
}

.fl{float:left}
.fr{float:right}
.w30{width:30%}
.w33{width:33%}
.w40{width:40%}
.w50{width:50%}
.w70 {width:70%}
.w80 {width:80%}
.w85 {width:85%}
.w90 {width:90%}
.w60 {width:60%}
.w14{width:14%}
.w15{width:15%}
.w100 {width:100%}
.h40{height: 40%}
.w1050px{width: 1050px}
.w400px{width:500px}
.h590px{height:590px}
.ml0{margin-left:0px !important;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml5{margin-left:5px;}
.ml50{margin-left:50%}
.ml10p{margin-left:10%}
.ml20p{margin-left:20%}
.ml25p{margin-left:25%}
.ml30p{margin-left:30%}
.ml35p{margin-left:35%}
.ml40p{margin-left:40%}
.ml220{margin-left:220px}
.mr1em{margin-right:1em;}
.pl5{padding-left:5px;}
.p5{padding:5px;}
.mt2{margin-top: 2em}
.mt150px{margin-top: 150px}
.mt300px{margin-top: 300px}
.mt0{margin-top:0 !important;}
.mt1{margin-top: 1em}
.mt05{margin-top: 0.5em}
.pl20{padding-left:2em}
.bgh{background: none !important;}
.lh20{line-height:2em}
.tac{text-align:center;}
.bgwt08{ background: rgba(255, 255, 255, 0.8) !important; }
.mb0{margin-bottom:0}
.dn{display:none}
.fs08{font-size:0.8em}
.fs06{font-size:0.6em}
.fs04{font-size:0.4em}
.fs02{font-size:0.2em}
.fs12{font-size:1.2em}
.fs16{font-size:1.6em}
.fs18{font-size:1.8em}
.fs20{font-size:2em}
.fs22{font-size:2.2em}
.fs24{font-size:2.4em}
.fs26{font-size:2.6em}
.fs28{font-size:2.8em}
.fs30{font-size:3em}
.fs40{font-size:4em}
.tar{text-align:right}
.fwb{font-weight:bold}
.dn{display:none}
.cw{color:white}
.cp{cursor:pointer}
.taj{text-align: justify}
.ffQ{font-family: 'Quicksand', sans-serif !important;}
.vh{ visibility: hidden;}

.container-header h2, .container-header h1
{
    font-family: Arial, sans-serif ;
   
}

.shadow{
    -moz-text-shadow: 0px 1px 3px #000000; 
    -webkit-text-shadow: 0px 1px 3px #000000;  
    text-shadow: 0px 1px 3px #000000;
}



#big-bg
{
    position: fixed;
    overflow: hidden;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #000;
    opacity: 0.6;
    z-index:900;
}


.fillfield
{
    width:90%;
}

.fulldiv
{
   float:left; width: 100%;
}

.show_mobile
{
    display:none; 
}


.table1 a:link {
	color: #666;
	
	text-decoration:none;
}
.table1 a:visited {
	color: #999999;
	
	text-decoration:none;
}
.table1 a:active,
.table1 a:hover {
	color: #bd5a35;
	text-decoration:underline;
}
.table1 {
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:12px;
	text-shadow: 1px 1px 0px #fff;
	background:#eaebec;
	margin:20px;
	border:#ccc 1px solid;
        width:90%;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;

	-moz-box-shadow: 0 1px 2px #d1d1d1;
	-webkit-box-shadow: 0 1px 2px #d1d1d1;
	box-shadow: 0 1px 2px #d1d1d1;
}
.table1 th {
	padding:21px 25px 22px 25px;
	border-top:1px solid #fafafa;
	border-bottom:1px solid #e0e0e0;

	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
	background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
}
.table1 th:first-child{
	text-align: left;
	padding-left:20px;
}
.table1 tr:first-child th:first-child{
	-moz-border-radius-topleft:3px;
	-webkit-border-top-left-radius:3px;
	border-top-left-radius:3px;
}
.table1 tr:first-child th:last-child{
	-moz-border-radius-topright:3px;
	-webkit-border-top-right-radius:3px;
	border-top-right-radius:3px;
}
.table1 tr{
	text-align: center;
	padding-left:20px;
}
.table1 tr td:first-child{
	text-align: left;
	padding-left:20px;
	border-left: 0;
}
.table1 tr td {
	padding:18px;
	border-top: 1px solid #ffffff;
	border-bottom:1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	
	background: #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
	background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
}
.table1 tr.even td{
	background: #f6f6f6;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
	background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
}
.table1 tr:last-child td{
	border-bottom:0;
}
.table1 tr:last-child td:first-child{
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	border-bottom-left-radius:3px;
}
.table1 tr:last-child td:last-child{
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;
}
.table1 tr:hover td{
	background: #f2f2f2;
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
	background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);	
}

.square1, .square2
{
	float:left;
	width:225px;
	height:225px;
	margin-left:10px;
	color:#fff;
	font-size:1.8em;
	transition: border-radius 0.4s ease-in-out;
	-moz-transition:  border-radius 0.4s ease-in-out;
	-webkit-transition:  border-radius 0.4s ease-in-out;
	text-align:center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.square1 a, .square2 a
{
	color:white;
	text-decoration: none;
	width:225px;
	height:225px;
	
	float:left;
	font-size:0.8em;
}

.square1
{
	background: #219b86 ;
	
	border-bottom:5px solid #248d7b;
}



.square2
{

	background:#30bca4;
        border-bottom:5px solid #248d7b;
	
}

.square1:hover, .square2:hover
{
    background: #072c34;
    cursor:pointer;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
	
}

.contact
{
    position: fixed;
    z-index:999;
    margin-right:0;
    margin-bottom:0;
    right: 1em;
    bottom: 0em;
    visibility: visible;
}


.avantage
{
    float:left;
    width:18%;
    margin-left:1%;
    text-align:center;
    margin-top:2em;
}
.avantage p 
{
    text-align:center;
}