/**********************************/
/** General
/**********************************/
p {
color:#484243;
font-size:12px;
margin:0;
padding:0;
line-height: 22px;
}

body,html {
background-color:#f5f5f5;
border:0;
font-family:'Open Sans', Arial, Helvetica, sans-serif;
margin:0;
padding:0;
}

img {
border:0;
border-color:#ccc;
}

ul {
list-style-type:none;
}

hr {
border:0;
height:1px;
background-color:#777775;
}

/**********************************/
/** Layout
/**********************************/
#top {
width:100%;
height:60px;
background-color:#fff;
border-bottom:1px solid #e3e3e3;
padding:0;
}

#logo {
height:200px;
width:200px;
position:absolute;
left:50%;
margin-left:-100px;
margin-top:30px;
z-index:9;
}

#menu {
float:left;
height:45px;
margin-top:0;
position:relative;
z-index:10;
margin-left:20px;
}

#wrapper {
width:100%;
margin:0 auto;
padding:0;
}

#language-block {
float:right;
width:50px;
text-align:right;
height:20px;
position:absolute;
right:0;
padding:20px;
}

#language-block .flag {
border-bottom:2px solid #D1D1D1;
}

#language-block .selected {
border-bottom:2px solid #3bceff;
}

#slider {
max-width:980px;
height:340px;
margin:0 auto;
}

#content {
width:100%;
min-height:500px;
background-color:#fff;
border-bottom:1px solid #e3e3e3;
border-top:1px solid #e3e3e3;
}

#main {
max-width:980px;
min-height:360px;
margin:0 auto;
}

#highlights {
max-width:980px;
margin:20px auto 0;
}

#main_column {
max-width:650px;
float:left;
margin:20px 0;
}

#column {
width:300px;
float:right;
margin:20px 0;
}

.clear {
clear:both;
}

#footer {
width:100%;
min-height:100px;
padding-top:20px;
padding-bottom: 10px;
}

#footer-content {
max-width:980px;
margin:0 auto;
}

/**********************************/
/** popup_policy
/**********************************/

.popup_policy {
    width: 100%;
    padding: 3px 0 11px 0;
    box-sizing: border-box;
    background-color:  #111;
    position: fixed;
    bottom: -100px;
    z-index: 99;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.12), 0px 4px 5px 5px rgba(0, 0, 0, 0.11);
}

.popup_policy_head {
    width: 98%;
    max-width: 980px;
    margin: 0 auto;
    text-align: right;
}

.popup_policy_body {
    width: 98%;
    max-width: 980px;
    margin: 0 auto;
    text-align: left;
}

.popup_policy_body p {
    font-size: 14px;
    font-weight: 400;
    color: #CCCCCC;
    margin: 0 !important;
    line-height: 1.3;
}

.popup_policy_body p a {
    font-size: 14px;
    font-weight: 600;
    color: #51afcf;
    text-decoration: underline;
}

.popup_policy_close {
    font-weight: bold;
    font-family: verdana;
    color: #fafaf7;
    font-size: 16px;
    line-height: 16px;
    cursor: pointer;
}
/**********************************/
/** Headings
/**********************************/
h1 {
color:#292526;
font-size:16px;
margin-bottom:5px;
line-height:1.5em;
}

h2 {
color:#292526;
font-size:17px;
font-weight:400;
margin:10px 0;
}

h3 {
color:#292526;
font-size:15px;
font-weight:400;
margin:10px 0;
}

h4 {
color:#7d9500;
font-size:14px;
font-weight:lighter;
margin-bottom:10px;
margin-top:5px;
}

h5 {
color:#3a3a3a;
font-size:10px;
margin-top:-5px;
margin-bottom:5px;
}

h6 {
color:#7d9500;
font-size:13px;
margin-top:2px;
}

/**********************************/
/** Links
/**********************************/
a:link,a:active,a:visited {
color:#3bceff;
text-decoration:none;
}

a:hover {
color:#3bceff;
text-decoration:underline;
}

/**********************************/
/** Menu
/**********************************/
.sf-menu,.sf-menu * {
list-style:none;
margin:0;
padding:0;
}

.sf-menu {
max-width:710px;
}

.sf-menu ul {
position:absolute;
top:-999em;
margin-top:0;
margin-left:0;
}

.sf-menu li:hover {
visibility:inherit;
}

.sf-menu li:first-child {
background-image:none;
}

.sf-menu li {
float:left;
list-style:none;
padding:20px;
}

.sf-menu a {
font-size:14px;
text-decoration:none;
color:#484243;
padding:10px;
}

.sf-menu li:hover ul,.sf-menu li.sfHover ul {
left:0;
top:6.5em;
z-index:99;
}

.sf-menu a,.sf-menu a:visited {
color:#484243;
text-decoration:none;
}

.sf-menu li:hover,.sf-menu li.sfHover {
outline:0;
color:#565353;
}

.sf-menu li li {
font-size:10pt;
width:230px;
height:14px;
position:relative;
z-index:1000000;
background-color:#333;
background-image:none;
border-bottom:1px solid #666;
margin:0;
padding:8px 10px;
}

.sf-menu li li a {
font-size:12px;
font-weight:700;
text-align:left;
color:#484243;
margin:0;
padding:0;
}

.sf-menu li a:focus,.sf-menu li a:hover,.sf-menu li a:active,.selected,.sf-menu li a.selected {
text-decoration:none;
outline:0;
color:#51afcf;
}

.sf-menu li li a:focus,.sf-menu li li a:hover,.sf-menu li li a:active,.selected,.sf-menu li li a.selected {
outline:0;
color:#51afcf;
border:0;
margin-top:0;
}

.sf-menu a.sf-with-ul {
min-width:1px;
}

.sf-sub-indicator {
position:absolute;
display:block;
right:.75em;
top:1.05em;
width:10px;
height:10px;
text-indent:-999em;
overflow:hidden;
}

a > .sf-sub-indicator {
top:.8em;
background-position:0 -132px;
}

a:focus > .sf-sub-indicator,a:hover > .sf-sub-indicator,a:active > .sf-sub-indicator,li:hover > a > .sf-sub-indicator,li.sfHover > a > .sf-sub-indicator {
background-position:-10px -132px;
}

/**********************************/
/** Forms
/**********************************/
.forms-checkbox{
    margin: 50px 0px 10px;
    width: 250px;
}


#formulario_1 {
float:left;
}

.form_titulo {
font-style:normal;
}

.form_input {
color:#888;
background-color:#fff;
border:0 0 1px 0;
font-size:12px;
height:25px;
width:250px;
box-shadow:0 0 3px 1px rgba(0,0,0,0.1);
border-color:#312d2e;
border-style:none none solid;
border-width:0 0 2px;
margin:5px 0;
padding:5px;
}

.form_input_captcha {
color:#888;
background-color:#fff;
border:0 0 1px 0;
font-size:12px;
height:25px;
width:100px;
box-shadow:0 0 3px 1px rgba(0,0,0,0.1);
top:-8px;
float:left;
border-color:#312d2e;
border-style:none none solid;
border-width:0 0 2px;
padding:5px;
}

input.error,input.error:focus,textarea.error {
background-color:#fccaca;
color:red;
}

label.error {
color:red;
position:relative;
margin-left:5px;
font-size:10px;
}

p.error {
border:1px solid red;
color:red;
margin-bottom:10px;
padding-bottom:4px;
padding-top:4px;
text-indent:5px;
width:100%;
}

p.success {
border:1px solid green;
color:green;
margin-bottom:10px;
padding-bottom:4px;
padding-top:4px;
text-indent:5px;
width:100%;
}

.success {
color:green;
}

.form_textarea {
color:#888;
background-color:#fff;
border:0 0 1px 0;
font-size:12px;
width:250px;
box-shadow:0 0 3px 1px rgba(0,0,0,0.1);
font-family:'Open Sans', Arial, Helvetica, sans-serif;
margin-bottom:5px;
border-color:#312d2e;
border-style:none none solid;
border-width:0 0 2px;
padding:5px;
}

label.form_textarea {
color:#000;
}

.image_captcha {
height:35px;
float:left;
border:0 0 1px 0;
box-shadow:0 0 3px 1px rgba(0,0,0,0.1);
border-color:#312d2e;
border-style:none none solid;
border-width:0 0 2px;
width: auto !important;
}

.form_button:enabled {
color:#fff;
background-color:#312d2e;
border:0 0 1px 0;
font-size:12px;
height:35px;
width:250px;
box-shadow:0 0 3px 1px rgba(0,0,0,0.1);
cursor:pointer;
float:left;
clear:both;
border-color:#fff;
border-style:none none solid;
border-width:0 0 2px;
margin:5px 0;
padding:5px;
}


.form_button:disabled {
color:#fff;
background-color:#bdbbbb;
border:0 0 1px 0;
font-size:12px;
height:35px;
width:250px;
box-shadow:0 0 3px 1px #bdbbbb;
cursor:default;
float:left;
clear:both;
border-style:none none solid;
border-width:0 0 2px;
margin:5px 0;
padding:5px;
}

.form_button:hover:enabled {
background-color:#fff;
color:#000;
border-color:#000;
}

/**********************************/
/** Slider
/**********************************/
#slider {
max-width:980px !important;
height:340px;
position:relative;
margin:0 auto;
width: auto !important;
}

#slider ul {
height:340px;
margin-top:0;
padding-top:0;
list-style:none;
}

#slider ul,#slider li,#slider2 ul,#slider2 li {
list-style:none;
margin:0;
padding:0;
}

#slider2 {
margin-top:1em;
}

#slider li,#slider2 li {
max-width:980px;
height:340px;
overflow:hidden;
}

#slider li img {
border:0;
}

#prevBtn,#nextBtn,#slider1next,#slider1prev {
display:block;
width:30px;
height:77px;
position:absolute;
left:-30px;
top:71px;
z-index:1000;
}

#nextBtn,#slider1next {
left:696px;
}

#prevBtn a,#nextBtn a,#slider1next a,#slider1prev a {
display:block;
position:relative;
width:30px;
height:77px;
background:url(../images/btn_prev.gif) no-repeat 0 0;
}

#nextBtn a,#slider1next a {
background:url(../images/btn_next.gif) no-repeat 0 0;
}

ol#controls {
height:28px;
margin:1em 0;
padding:0;
}

ol#controls li {
float:left;
list-style:none;
height:28px;
line-height:28px;
margin:0 10px 0 0;
padding:0;
}

ol#controls li a {
float:left;
height:28px;
line-height:28px;
border:1px solid #ccc;
background:#DAF3F8;
color:#555;
text-decoration:none;
padding:0 10px;
}

ol#controls li.current a {
background:#5DC9E1;
color:#fff;
}

ol#controls li a:focus,#prevBtn a:focus,#nextBtn a:focus {
outline:none;
}

/**********************************/
/** Paginate
/**********************************/
.paginate {
font-size:11px;
font-weight:700;
}

.paginate a {
text-decoration:none;
background-color:#fff;
opacity:0.9;
font-size:11px;
border:1px solid #444;
margin:2px;
padding:4px 7px;
}

.paginate a:hover,.paginate a:active {
background-color:#444;
color:#fff;
}

.paginate span.current {
font-weight:700;
background-color:#444;
color:#fff;
border:1px solid #444;
margin:2px;
padding:4px 7px;
}

.paginate span.disabled {
background-color:#eee;
color:#555;
opacity:0.7;
border:1px solid #444;
margin:2px;
padding:4px 7px;
}

.paginate li {
margin-bottom:3px;
background-color:#FCC;
list-style:none;
padding:4px;
}

.paginate ul {
margin:6px;
padding:0;
}

.fright {
float:right;
}

.fleft {
float:left;
}

.rss {
margin-left:5px;
}

.hid {
visibility:hidden;
position:absolute;
top:-5000px;
}

/**********************************/
/** Tables
/**********************************/
table {
width:100%;
}

.column-header {
background-color:#3bceff;
color:#fff;
-webkit-box-shadow:0 0 3px 1px rgba(0,0,0,.10);
-moz-box-shadow:0 0 3px 1px rgba(0,0,0,.10);
box-shadow:0 0 3px 1px rgba(0,0,0,.10);
font-weight:700;
padding:5px 2px;
height: 20px;
}

.column-first {
background-color:#3bceff;
-webkit-box-shadow:0 0 3px 1px rgba(0,0,0,.10);
-moz-box-shadow:0 0 3px 1px rgba(0,0,0,.10);
box-shadow:0 0 3px 1px rgba(0,0,0,.10);
padding:5px 2px;
height: 20px;
}

.column {
background-color:#fff;
-webkit-box-shadow:0 0 3px 1px rgba(0,0,0,.10);
-moz-box-shadow:0 0 3px 1px rgba(0,0,0,.10);
box-shadow:0 0 3px 1px rgba(0,0,0,.10);
padding:5px 2px;
height: 20px;
}

/**********************************/
/** GoBar
/**********************************/

.gobar {
	background: none repeat scroll 0 0 #111;
    border-bottom: 1px solid #3BCEFF;
    height: 26px;
    position: relative;
    width: 100%;
	z-index:999;
}

.gobar ul {
	list-style-type:none;
	margin: 0;
}

.gobar ul li {
	display:inline;
	height: 26px;
	line-height:26px;
}

.gobar ul li a.active {
background: none repeat scroll 0 0 #4C4C4C;
}

.gobar ul li a {
    height: 100%;
    color: #CCCCCC !important;
    border-top: 3px solid rgba(0, 0, 0, 0);
    font-family:Verdana, Geneva, sans-serif;
    font-size: 11px;
    height: 18px;
    padding: 5px 10px;
    text-decoration: none !important;
    text-shadow: 0 -1px 0 #000000;
}

.gobar ul li a.ff:hover {
 border-top: 3px solid #F8A020;
 background: none repeat scroll 0 0 #4C4C4C;
 color: #fefefe !important;
}

.gobar ul li a.wr:hover {
 border-top: 3px solid #FE9554;
 background: none repeat scroll 0 0 #4C4C4C;
 color: #fefefe !important;
}

.gobar ul li a.gf:hover {
 border-top: 3px solid #1C9AD7;
 background: none repeat scroll 0 0 #4C4C4C;
 color: #fefefe !important;
}

td {
    display: block;
    float: left;
}

select{
    display: none;
}


.funcionalities-wrapper {
    margin-bottom: 50px;
}

.funcionalities {
    float: left;
    width: 50%;
}


.funcionalities h3 {
    margin-top: 0;
}

.contacts {
    display: block;
    float: left;
    width: 50%;
    margin-bottom: 20px;
}

.contacts h3 {
    margin-top: 5px;
}

/**********************************/
/** Media Queries
/**********************************/

@media only screen and (max-width: 980px) {
    #column {
        float: left;
    }
   
    #main_column {
        margin: 0 3%;
        width: 94%;
    }
    
    #slider {
        display: none;
        height: 340px;
        margin: 55px 3% 0;
        max-width: 980px !important;
        position: relative;
        width: 94% !important;
    }
    
    #column {
        margin: 20px 3%;
        width: 94%;
    }
    
    #highlights {
        margin: 20px 3% 0;
        width: 94%;
    }
    
    
    #footer {
        margin: 0 3%;
        width: 94%;
    }
    
    p {
        font-size: 14px;
    }
    
    .sf-menu{
        display: none;
    }
    
    nav select {
        display: block;
        background-color: #313131;
        background-image: url("../images/bg-menu-mobile.png");
        background-position: right center;
        background-repeat: no-repeat;
        background-size: 30px 28px;
        color: #fff;
        font-weight: 700;
        height: 40px;
        -webkit-appearance:none;
        border: medium none !important;
        display: block;
        left: 0;
        margin-top: 0 !important;
        position: fixed;
        top: 0;
        width: 100%;
        border:1px solid #DDD;
        border-radius:0;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        -ms-box-sizing:border-box;
        box-sizing:border-box;
    }

    
    nav select p {
        color: #fff;
    }
    
    .gobar {
        display: none;
    }
    
    #language-block {
         margin-top: 40px;
        padding-right: 5px;
        width: 60px;
    }
    
    #language-block > a {
        margin-right: 7px;
    }
    
    .column-header p{
    font-size: 12px;
    }

    .column-first p{
    font-size: 12px;
    }

    .column p{
    font-size: 12px;
    }
    
    #wrapper {
        padding: 165px 0 0;
    }
    
    #top {
        height: 35px;
    }
    
    
    
}


@media only screen and (max-width: 768px) {
    
    .funcionalities {
        width: 100%;
    }
    
    .funcionalities h3 {
        margin-top: 10px;
    }
}

@media only screen and (max-width: 640px) {
    
    .prices {
        border-collapse: collapse;
        margin-bottom: 5px;
    }
    
   .column-header {
        font-weight:600;
        padding:5px 1px;
        height: 35px;
        text-align: center;
    }

    .column-first {
        padding:5px 1px;
        height: 35px;
        text-align: center;
    }

    .column {
        padding:5px 1px;
        height: 35px;
        text-align: center;
    }

    .column-header p{
        font-size: 11px;
    }

    .column-first p{
        font-size: 11px;
    }

    .column p{
        font-size: 11px;
    }
        
        
    h3 {
        margin: 35px 0 10px;
    }
    
    .contacts {
        width: 100%;
    }
    
}



@media only screen and (max-width: 480px) {
    #main_column img {
        max-width: 100%;
        width: 100%;
    }
    
    #highlights td {
        margin-right: 0 !important;
    }
    
}