@charset "UTF-8";
/*
Author: DUE
Author URI: http://due.pt
Version: 1.0

All rights reserved (c) 2012 - DUE */


/* RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{ margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section{ display: block;}
body{ line-height: 1;}
blockquote, q{ quotes: none;}
blockquote:before, blockquote:after, q:before, q:after{ content: ''; content: none;}
table{ border-collapse: collapse; border-spacing: 0;}
caption,th{ text-align: left;}
ol,ul{ list-style: none;}
*,:focus,a:visited,a:link,a:hover,a:active{ outline: none}

/* boostrap ------------------------- */
sub,sup{ position: relative; font-size: 75%; line-height: 0}
sup{ top: -0.5em;}
sub{ bottom: -0.25em;}
img{ max-width: 100%; vertical-align: middle; -ms-interpolation-mode: bicubic;}
#map_canvas img{ max-width: none;}/* Prevent max-width from affecting Google Maps */
/* Forms ------------------------- */
button,input,select,textarea{ margin: 0; font-size: 100%; vertical-align: middle;}
button,input{ *overflow: visible; line-height: normal;}
button::-moz-focus-inner,
input::-moz-focus-inner{ padding: 0; border: 0;}
button,input[type="button"],input[type="reset"],input[type="submit"]{ cursor: pointer; -webkit-appearance: button;}
input[type="search"]{ -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield;}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button{ -webkit-appearance: none;}
textarea{ overflow: auto; vertical-align: top;}




/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------

GLOBAL ELEMENTS

-------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* TEXT
---------------------- */
p,span,a,h3,h4,h5,h6,input,textarea,label,ul,ol,div{ font-family: 'Ubuntu',Arial,Helvetica,Tahoma,Verdana,sans-serif;}
h1,h2{ font-family: "rokkitt",Arial,Helvetica,Tahoma,Verdana,sans-serif;}
p,span,a,input,textarea,div{ color: #666; font-size: 11px; line-height: 14px}
a{ color: #693; text-decoration: none;}
a:hover{ text-decoration: underline; color: #693}
img{ font-size: 10px; font-weight: bold; color: #693}

h1{ font-size: 24px; text-transform: uppercase; color: #693; line-height: 28px; clear: both}
h4,h4 span{ font-size: 11px; line-height: 14px; text-transform: uppercase; color: #666}
h4 span{ color: #333; display: block}

.clear{ clear: both}
.dark-text{ color: #333}
.alignRight{ margin-top: 20px}
.alignRight a{ float: right}


/* ICONS 
---------------------- */
.icons-grid{ background: url("../images/icons-grid.png") no-repeat 0 0}

.highlight .icons-grid{ width: 64px; height: 64px; position: absolute; right: 3px; bottom: -15px}
.icon-model{ background-position: 0 0}
.icon-linkedin{ background-position: -128px 0}
.icon-contentfree{ background-position: -192px 0}

.highlight .doubt-box .icons-grid{ position: inherit; width: 50px; height: 38px}
.icon-chat-s{ background-position: -355px 0}
.icon-phone{ background-position: -256px 0}
.icon-email{ background-position: -305px 0}

.icon-chat{ background-position: -64px 0}
.icon-plan{ background-position: -405px 0}
.icon-testi{ background-position: -469px 0}

.icon-whoweare{ background-position: -533px 0}
.icon-team{ background-position: -597px 0}

.highlight-big .icons-grid{ width: 32px; height: 32px; position: absolute; top: 10px; left: 0}
.icon-editor{ background-position: 0 -82px}
.icon-form{ background-position: -32px -82px}
.icon-gallery{ background-position: -64px -82px}
.icon-stats{ background-position: -96px -82px}
.icon-onlineshop{ background-position: -128px -82px}
.icon-searchsys{ background-position: -160px -82px}
.icon-news{ background-position: -192px -82px}
.icon-social{ background-position: -224px -82px}
.icon-multilang{ background-position: -256px -82px}
.icon-seo{ background-position: -288px -82px}

.icon-twitter{ background-position: 0 -114px; width: 27px; height: 22px;}
.icon-face{ background-position: -27px -114px; width: 16px; height: 22px;}

.try-box form .icons-grid{ position: absolute; top: 6%; right: 1%; left: auto}
.try-box form .icon-info{ background-position: -42px -114px; width: 22px; height: 22px;}
.try-box form .icon-info:hover{ background-position: -63px -114px;}

.box-ilustra .icons-grid{ position: absolute;}
.icon-finger{ background-position: -72px -136px; width: 30px; height: 30px; right: 10px; bottom: 15px}
.icon-codelines{ background-position: -102px -136px; width: 26px; height: 19px; right: 15px; bottom: 13px}
.icon-smile{ background-position: 0 -136px; width: 72px; height: 51px; right: 4px; bottom: 4px}
.icon-stars{ background-position: -128px -136px; width: 64px; height: 19px; right: 8px; bottom: 14px}

.rsaquo{ display: none}
.active .rsaquo{ display: block; background-position: -151px -117px; width: 13px; height: 16px; float: right}

.pack-personalized .icons-grid{ background-position: 0 -187px; width: 40px; height: 35px; float: left}
.pack-personalized .van-1{ background-position: -40px -187px}
.pack-personalized .van-2{ background-position: -80px -187px}
.pack-personalized .van-3{ background-position: -120px -187px}
.pack-personalized .van-4{ background-position: -160px -187px}

.client-button a .icons-grid{ display: block; width: 11px; height: 9px; margin: 6px 0 0 7px}
.down{ background-position: -166px -114px}

.highlight .box a.imagemlink { position: relative; left: 2px; bottom: 15px; }

/* BUTTONS 
---------------------- */
button.btn,.content-pages a.btn,.content-pages a.btn.disabled:hover,
.btn{ font-size: 16px; font-family: 'Ubuntu-Medium'; text-shadow: 0 1px 0 #56701D; color: #FFF; border: 0 none;
      min-height: 18px; padding: 0 4%; padding-top: 5px; padding-bottom: 5px; line-height: 19px;
      -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; 
      background-color: #A5CD4E;
      background-image: -moz-linear-gradient(top,#A5CD4E, #6B8F1A);
      background-image: -ms-linear-gradient(top, #A5CD4E, #6B8F1A);
      background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#A5CD4E), to(#6B8F1A));
      background-image: -webkit-linear-gradient(top, #A5CD4E, #6B8F1A);
      background-image: -o-linear-gradient(top, #A5CD4E, #6B8F1A);
      background-image: linear-gradient(top, #A5CD4E, #6B8F1A);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A5CD4E', endColorstr='#6B8F1A', GradientType=0);
      -webkit-box-shadow: inset -1px -1px 0 0 #9FB66A, -1px 0 2px 0 rgba(0, 0, 0, 0.29);
      -moz-box-shadow: inset -1px -1px 0 0 #9FB66A, -1px 0 2px 0 rgba(0, 0, 0, 0.29);
      box-shadow: inset -1px -1px 0 0 #9FB66A, -1px 0 2px 0 rgba(0, 0, 0, 0.29);}
.btn + .btn{ margin-top: 10px}
button.btn:hover,.content-pages a.btn:hover,
.btn:hover{ background: #9C3; color: #FFF; text-shadow: 0 1px 0 #89AC43;
            -webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}

button.btn{ padding-bottom: 2px; padding-top: 0; min-height: 27px}
.btn.btn-big{ height: 43px; line-height: 42px}

.content-pages a.btn.btnGray,
.btn.btnGray{ color: #693; text-shadow: 0 1px 0 #CCC; border: 1px solid #C1C1C1;
              background-color: #D1D1D1;
              background-image: -moz-linear-gradient(top, #D1D1D1, #909090);
              background-image: -ms-linear-gradient(top, #D1D1D1, #909090);
              background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#D1D1D1), to(#909090));
              background-image: -webkit-linear-gradient(top, #D1D1D1, #909090);
              background-image: -o-linear-gradient(top, #D1D1D1, #909090);
              background-image: linear-gradient(top, #D1D1D1, #909090);
              background-repeat: repeat-x;
              filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1D1D1', endColorstr='#909090', GradientType=0);
              -webkit-box-shadow: -1px 0 2px 0 rgba(0, 0, 0, 0.29);-moz-box-shadow: -1px 0 2px 0 rgba(0, 0, 0, 0.29);box-shadow: -1px 0 2px 0 rgba(0, 0, 0, 0.29);}
.content-pages a.btn.btnGray:hover,
.btn.btnGray:hover{ background: #999; border-color: #999}

.content-pages .model-details .btn.btnGray{ border: 1px solid #C9C9C9; border-bottom-color: #9D9D9D;
                                            background-color: #D5D5D5;
                                            background-image: -moz-linear-gradient(top, #D5D5D5, #AFAFAF);
                                            background-image: -ms-linear-gradient(top, #D5D5D5, #AFAFAF);
                                            background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#D5D5D5), to(#AFAFAF));
                                            background-image: -webkit-linear-gradient(top, #D5D5D5, #AFAFAF);
                                            background-image: -o-linear-gradient(top, #D5D5D5, #AFAFAF);
                                            background-image: linear-gradient(top, #D5D5D5, #AFAFAF);
                                            background-repeat: repeat-x;
                                            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D5D5D5', endColorstr='#AFAFAF', GradientType=0);
                                            -webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
.content-pages .model-details .btn.btnGray:hover{ background: #DCDCDC; border-color: #DCDCDC; text-shadow: 0 1px 0 #E8E8E8;}


/* ---------------------------------------------------------------------------------------------------------

FORMS

--------------------------------------------------------------------------------------------------------- */
input[type="text"],input[type="password"],select,textarea{ font: 12px 'Ubuntu-Medium'; color: #CCC;
                                                           -webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}
input[type="text"],input[type="password"]{ height: 20px;}
input.error{ border-color: #600; background-color: #FCC; color: #966}

/* HOME - Area Reservada */
.menu ul li.area .dropdown-menu{ padding: 16px 14px; left: auto; right: 0;
                                 -webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.4);-moz-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.4);box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.4);}
.navbar .dropdown-menu:after,.navbar .dropdown-menu:before{ left: auto; right: 10px}
.navbar .dropdown-menu:before{ right: 9px}

.menu ul li.area .dropdown-menu .btn{ margin: 0 0 20px 0; padding-left: 5%; padding-right: 5%}
.menu ul li.area .dropdown-menu a{ padding: 0; color: #693}
.menu ul li.area .dropdown-menu a:hover{ text-decoration: underline}

/* HOME - Experimente */
.try-box form{ padding: 16px 14px;}
.try-box form p{ position: relative; clear: both}
.try-box form .nomeweb{ width: 98%; margin-bottom: 25px}
.try-box form .nomeweb-text{ position: absolute; top: 32px; left: 0}
input[type="text"].sideinputs,input[type="password"].sideinputs{ float: left; width: 49%; height: 30px;
                                                                 -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.sideinputs + .sideinputs{ margin-left: 2%}
.try-box form p span{ color: #CCC; font-size: 11px}
.check-contentfree{ padding: 12px 0 20px}
.try-box form select{ width: 77%}
.try-box form .btn{ float: right; width: 21%}

/* tooltip */
.try-box .icons-grid{ cursor: pointer}
.try-box .icons-grid span{ width: 164px; height: auto; min-height: 40px; padding: 5px 8px; background-color: #241E12; position: absolute; top: 30px; left: -18px; pointer-events: none;
                           font-size: 10px; font-style: italic; color: #FFF;
                           display: none;
                           -webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px; 
                           -webkit-box-shadow: 0 0 5px 0 rgba(36, 30, 18, 0.75);-moz-box-shadow: 0 0 5px 0 rgba(36, 30, 18, 0.75);box-shadow:0 0 5px 0 rgba(36, 30, 18, 0.75);
                           -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}

.try-box .icons-grid span:before{ content: ''; position: absolute; top: -5px; left: 33px; margin-left: -9px; width: 0; height: 0;
                                  border-left: 2px solid transparent; border-right: 2px solid transparent; border-bottom: 5px solid rgba(36,30,18,0.9);}
.try-box .icons-grid:hover span{ display: block}

/* QUEM SOMOS - Contactos */
.list-colum form input[type="text"],.list-colum form textarea{ width: 96%}
textarea{ height: 123px; resize: none}

/* COMPRA */
.complete input,.complete select{ width: 46%; float: left; margin-left: 2%}
.complete .nonL{ margin-left: 0; clear: both}
.complete select{ width: 48%}
.complete select{ margin-bottom: 9px}



/* HOVER 
---------------------- */
input[type="text"]:hover,select:hover,
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus,
input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus,
input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus{
    border: 1px solid #CCC; color: #666;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 3px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 3px rgba(0, 0, 0, 0.7);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 3px rgba(0, 0, 0,  0.7)}






/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------

LAYOUT

-------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
body{ background-color: #FFF}
.wrapper{ max-width: 830px; margin: 0 auto}

/* HEADER 
---------------------- */
.header .navbar{ margin: 0}
.header .wrapper{ position: relative}
.navbar .nav > li.area > a{ padding: 0}
.navbar .nav{ width: 100%}

.navbar .btn-navbar{ min-height: inherit; float: left;
                     background-color: #444;
                     background-image: -moz-linear-gradient(top, #555, #444);
                     background-image: -ms-linear-gradient(top, #555, #444);
                     background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555), to(#444));
                     background-image: -webkit-linear-gradient(top, #555, #444);
                     background-image: -o-linear-gradient(top, #555, #444);
                     background-image: linear-gradient(top, #555, #444);
                     background-repeat: repeat-x;
                     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555', endColorstr='#444', GradientType=0);}

/* MENU
---------------------- */
.menu{ background-color: #333; min-height: 38px}
.menu ul.nav li{ float: left; min-width: 13%;}
.menu.navbar .nav .active > a,.menu.navbar #lang li + li a,
.menu.navbar ul li > a{ display: block; padding: 0 2%; background: url("../images/header_menu.png") no-repeat 0 0; position: relative; margin: 0;
                        text-transform: uppercase; text-align: center; color: #CCC; font-size: 11px; line-height: 38px}

.menu ul li.area{ float: right; min-width: 170px;
                  background-color: #55D2F1;
                  background-image: -moz-linear-gradient(top, #55D2F1, #0A8CAB);
                  background-image: -ms-linear-gradient(top, #55D2F1, #0A8CAB);
                  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#55D2F1), to(#0A8CAB));
                  background-image: -webkit-linear-gradient(top, #55D2F1, #0A8CAB);
                  background-image: -o-linear-gradient(top, #55D2F1, #0A8CAB);
                  background-image: linear-gradient(top, #55D2F1, #0A8CAB);
                  background-repeat: repeat-x;
                  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#55D2F1', endColorstr='#0A8CAB', GradientType=0);
                  -webkit-box-shadow: 0 0 1px 0 rgba(0,0,0,0.6);-moz-box-shadow: 0 0 1px 0 rgba(0,0,0,0.6);box-shadow: 0 0 1px 0 rgba(0,0,0,0.6); }
.menu ul li.area > a{ font: 12px/37px 'Ubuntu-Light', sans-serif; color: #BFEFFB; text-shadow: 1px 1px 0px #0976a4; background: none; height: 38px}
.menu ul li.area a span{ background-position: 0 -64px; width: 18px; height: 18px; margin-left: 10px; position: relative; top: -2px;}

.menu ul li.area:hover a:before{ border: 0 none}
.collapse ul li.area:hover,
.menu ul li.area:hover{ background-color: #09C; background-image: none;
                        -webkit-box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.25);-moz-box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.25);box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.25); }
.menu ul li.area:hover > a{ text-decoration: none; color: #333;text-shadow: 1px 1px 0px #42BAED;}
.menu ul li.area:hover a span{ background-position: -18px -64px;}

.navbar .nav .active > a, .navbar .nav .active > a:hover{ background: none}
.menu ul li:hover a,.menu ul li.active a{ color: #FFF; text-decoration: none;}
.menu ul li.active a:before,
.menu ul li:hover a:before{ display: inline-block; width: 0;height: 0; vertical-align: top; content: ""; position: absolute; left: 50%; bottom: 0; margin-left: 0;
                            border-bottom: 4px solid #FFF; border-right: 4px solid transparent; border-left: 4px solid transparent;}
/*languages*/
#lang{  
	position: absolute;
    right: -76px;
    top: 0;
	}
#lang li{
	line-height: 38px;
	float:left;
}
.menu.navbar #lang li a{ display: block; background: none; padding: 0 8px !important; margin-left: 4px}

/* LOGO
---------------------- */
.logo{ background-color: #FFF; min-height: 90px; position: relative}
.logo-image{ min-width: 127px; min-height: 42px; margin-top: 24px; display: block; float: left; position: relative; z-index: 10}
.logo-image img{ margin-bottom: 20px;}
.logo-image:hover img{ opacity:0.6;filter:alpha(opacity=60);}
.shadow{ position: absolute; bottom: -2px; left: 0; width: 100%; max-height: 7px; z-index: 1; text-align: center;
         opacity:0.5;filter:alpha(opacity=50);}

/* SLIDESHOW Home
---------------------- */
.slideshow{ background-color: #007DA0; max-height: 256px; border-bottom: 1px solid #ECECEC; padding-bottom: 2px;
            -webkit-box-shadow: inset 0 -2px 0 0 #FFF;-moz-box-shadow: inset 0 -2px 0 0 #FFF;box-shadow: inset 0 -2px 0 0 #FFF;}
.slideshow img{ vertical-align: top;}
.slideshow .wrapper{ background: #007DA0; max-height: 256px; position: relative;
                     background: -moz-linear-gradient(left, #007DA0 0%, #2AC3F6 50%, #007DA0 100%);
                     background: -webkit-gradient(linear, left top, right top, color-stop(0%,#007DA0), color-stop(50%,#2AC3F6), color-stop(100%,#007DA0));
                     background: -webkit-linear-gradient(left, #007DA0 0%,#2AC3F6 50%,#007DA0 100%);
                     background: -o-linear-gradient(left, #007DA0 0%,#2AC3F6 50%,#007DA0 100%);
                     background: -ms-linear-gradient(left, #007DA0 0%,#2AC3F6 50%,#007DA0 100%);
                     background: linear-gradient(to right, #007DA0 0%,#2AC3F6 50%,#007DA0 100%);
                     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007DA0', endColorstr='#007DA0',GradientType=1 );}




/* HIGHLIGHT
---------------------- */
.home .highlight{ -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);-moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);}
.highlight{ background: url("../images/highlight_bg.png") repeat 0 0; min-height: 182px; position: relative;
            -webkit-box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.16);-moz-box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.16);box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.16);}
.highlight-line{ background: url("../images/highlight_line.png") repeat-x 0 0; width: 100%; height: 182px; position: absolute; bottom: 0; left: 0}
.highlight .wrapper{ position: relative; z-index: 1; padding: 39px 0 15px}
.highlight .box{ border: 1px solid #E5E5E5; min-height: 120px; position: relative; padding: 1%; float: left; margin-bottom: 19px;
                 background-color: #F2F2F2;
                 background-image: -moz-linear-gradient(top, #F2F2F2, #FFF);
                 background-image: -ms-linear-gradient(top, #F2F2F2, #FFF);
                 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#F2F2F2), to(#FFF));
                 background-image: -webkit-linear-gradient(top, #F2F2F2, #FFF);
                 background-image: -o-linear-gradient(top, #F2F2F2, #FFF);
                 background-image: linear-gradient(top, #F2F2F2, #FFF);
                 background-repeat: repeat-x;
                 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F2F2F2', endColorstr='#FFF', GradientType=0);}
.highlight .contentfree-box{ margin-right: 0}
.highlight .box p{ padding: 5px 0 39px; font-size: 10px}
.highlight .box a{ position: absolute; bottom: 10px; left: 10px}
.doubt-box ul{ width: 100%; position: absolute; left: 1px; bottom: -15px}
.doubt-box ul li{ float: left; width: 33%; text-align: center;}
.doubt-box h4 span{ font-size: 10px;}
.doubt-box p{ padding-bottom: 53px}
.contentfree-box h4{ width: 150px}
.contentfree-box h4 span{ padding-top: 5px; padding-bottom: 39px}

.content + .highlight .box a{ font-size: 13px}

/* CONTAINER
---------------------- */
.home .content{ border-bottom: 1px solid #FFF;
                -webkit-box-shadow: inset 0 -1px 0 0 #ECECEC;-moz-box-shadow: inset 0 -1px 0 0 #ECECEC;box-shadow: inset 0 -1px 0 0 #ECECEC;}
.content .wrapper,.highlight-big .wrapper{ padding: 10px 0 20px}
.content-pages p.title{ color: #333; font-size: 14px; line-height: 22px}
.content .wrapper{ min-height: 300px}

/* HIGHLIGHT big
---------------------- */
.home .highlight-big{ border-bottom: 1px solid #333; border-top: 1px solid #D5D5D5;
                      -webkit-box-shadow: inset 0 1px 0 0 #F6F6F6;-moz-box-shadow: inset 0 1px 0 0 #F6F6F6;box-shadow: inset 0 1px 0 0 #F6F6F6;}
.highlight-big{ background-color: #EFEFEF; min-height: 390px}
.highlight-big .left ul{ padding-top: 10px}
.highlight-big .left ul li .title{ color: #333}
.highlight-big .left ul li p{ color: #999}
.highlight-big .left ul li p + p{ padding-top: 5px}

.faq li{ padding-bottom: 10px}

.highlight-big .func + .func{ padding-top: 0}
.func h1{ text-transform: none}
.func li{ padding-top: 10px; padding-bottom: 10px; padding-left: 40px; position: relative; border-top: 1px solid #CCC;
          -webkit-box-shadow: inset 0 1px 0 0 #FFF;-moz-box-shadow: inset 0 1px 0 0 #FFF;box-shadow: inset 0 1px 0 0 #FFF}
.func li.first{ padding-top: 0; border: 0 none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
.func li.first .icons-grid{ top: 0}
.func li .title{ font-size: 14px}

/* FOOTER
---------------------- */
.footer .top{ background: url("../images/footer_bg.png") repeat 0 0; border-bottom: 1px solid #545454; padding: 24px 0 10px;
              -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.75);-moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.75);box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.75);}

.footer li ul li{ border-bottom: 1px solid #545454; padding-bottom: 10px; margin-bottom: 6px;
                  -webkit-box-shadow: inset 0 -1px 0 0 #333;-moz-box-shadow: inset 0 -1px 0 0 #333;box-shadow: inset 0 -1px 0 0 #333;}
.footer li,.footer .top p,.footer span,.footer a{ font-size: 12px; font-family: 'Ubuntu-Light'; color: #CCC; text-shadow: 1px 1px 1px #303030;}
.footer li.title{ font-size: 13px; text-transform: uppercase; padding-bottom: 16px}
.footer span{ font-size: 14px; padding-left: 4px}
.footer li p + .small{ padding-top: 5px}
.footer li .small + .small{ padding: 0}
.footer li .small{ font-size: 10px; line-height: 12px}
.footer .icons-grid{ padding: 0}

.footer .twitter li,.footer .face .iframe{ border: 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none; position: relative}
.footer .twitter li ul li{ margin: 0; padding: 0}
.footer .twitter .feed{ position: relative; left: 10px; margin-top: 10px}
.feeTt{ width: 94%; background-color: #000; position: relative; left: -10px;
        -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; 
        -webkit-box-shadow: inset -1px -1px 0 0 #575757;-moz-box-shadow: inset -1px -1px 0 0 #575757;box-shadow: inset -1px -1px 0 0 #575757;}
.feeTt:before{ width: 0; height: 0; vertical-align: top; content: ""; position: absolute; left: 30px; top: -14px;
               border-bottom: 14px solid #000; border-right: 15px solid transparent; border-left: 0 solid transparent;}
.twtr-widget{ padding: 10px 10px 0}
.twtr-hd,.twtr-bd{ float: left}
#twtr-widget-1 .twtr-hd{ padding: 3px 0 0 0; padding-right: 2%; width: 13%}
#twtr-widget-1 img.twtr-profile-img{ height: auto}
#twtr-widget-1 .twtr-bd{ width: 85%; padding: 0}
#tweet-id-1 .twtr-tweet-wrap{ padding: 0}
.twtr-widget h3,.twtr-widget h4,.twtr-ft{ display: none}
#twtr-widget-1 .twtr-tweet em a{ color: #CCC !important; font-weight: bold}
#twtr-widget-1 .twtr-tweet a.twtr-user{ color: #693 !important; display: block; margin-bottom: 5px}
#twtr-widget-1 .twtr-tweet a.twtr-user,#twtr-widget-1 .twtr-tweet-text p,
#twtr-widget-1 .twtr-tweet em a{ font-size: 10px}
#twtr-widget-1 .twtr-tweet em{ margin-top: 3px}

.footer .bottom{ background-color: #333; padding: 10px 0}
.footer .bottom p{ font-size: 10px; text-align: center; color: #CCC; font-family: Arial,Helvetica,Tahoma,Verdana,sans-serif;}

.footer .bottom .wrapper{ position: relative}
.footer .wrapper .socialLikes{ margin: 15px 0 0 0; width: 101%; text-align: center}
.footer .wrapper .socialLikes li{ display: inline}
.footer .wrapper .socialLikes li iframe{ width: 107px !important}







/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------

CONTENT

-------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.content .wrapper h1{ padding: 25px 0 6px}

.content-pages p,.content-pages span,.content-pages a{ font-size: 12px; line-height: 16px}
.content-pages h3{ font: 16px/22px "rokkitt",sans-serif; color: #333; padding-top: 20px; clear: both}

.list-colum{ width: 100%; padding-top: 40px}
.list-colum > li{ margin-bottom: 20px}
.list-colum + .list-colum{ padding-top: 0}

/* ---------------------------------------------------------------------------------------------------------

HOME

--------------------------------------------------------------------------------------------------------- */
.try-box{ background: #000 url("../images/content_tryit_bg.png") repeat-x 0 0; min-height: 216px; margin-bottom: 15px;
          -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}

/* Testimonies */
.inside .testimonies{ height: 205px;}
.testimonies{ background: url("../images/content_testi.png") no-repeat 0 0; background-size: 100% 100%; padding-top: 25px;}
.testimonies .img{ float: left; width: 10%; padding-left: 6%}
.testimonies .img img{ width: 39px}
.testimonies .text{ float: right; width: 70%; padding-right: 10%}
.testimonies .phrase{ font: 12px 'Ubuntu-Italic',sans-serif; color: #898989; margin-bottom: 10px; padding-bottom: 8px; border-bottom: 1px solid #CCC}

/* Clients */
.galleria-container{ width: 100% !important}
.client-button{ height: 23px; position: relative}
.client-button img{ position: relative; z-index: 1; float: left}
.client-button a{ position: absolute; top: 1px; left: 50%; display: block; width: 25px; height: 20px; margin-left: -12px;
                  background-color: #989898;
                  background-image: -moz-linear-gradient(top, #E6E6E6, #989898);
                  background-image: -ms-linear-gradient(top, #E6E6E6, #989898);
                  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#E6E6E6), to(#989898));
                  background-image: -webkit-linear-gradient(top, #E6E6E6, #989898);
                  background-image: -o-linear-gradient(top, #E6E6E6, #989898);
                  background-image: linear-gradient(top, #E6E6E6, #989898);
                  background-repeat: repeat-x;
                  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E6E6E6', endColorstr='#989898', GradientType=0);
                  -webkit-border-radius: 0 0 5px 5px;-moz-border-radius: 0 0 5px 5px;border-radius: 0 0 5px 5px; 
                  -webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.4);-moz-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.4);box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.4);}
.client-button a:hover{ background: #E6E6E6}

/* Packs */
.pack.span4,.pack{ border: 1px solid #CCC; min-height: 320px; margin-bottom: 54px; position: relative;
                   -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;
                   background-color: #EDEDED;
                   background-image: -moz-linear-gradient(top, #F9F9F9, #EDEDED);
                   background-image: -ms-linear-gradient(top, #F9F9F9, #EDEDED);
                   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#F9F9F9), to(#EDEDED));
                   background-image: -webkit-linear-gradient(top, #F9F9F9, #EDEDED);
                   background-image: -o-linear-gradient(top, #F9F9F9, #EDEDED);
                   background-image: linear-gradient(top, #F9F9F9, #EDEDED);
                   background-repeat: repeat-x;
                   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9F9F9', endColorstr='#EDEDED', GradientType=0);}
.top-info{ min-height: 28px; border-top: 2px solid #FFF; border-bottom: 1px solid #FFF; text-align: center}
.top-info p,.pack-personalized .vant p{ color: #FFF; font-size: 14px; line-height: 16px; padding: 2% 4%}
.top-price{ width: 100%; min-height: 40px; border-top: 1px solid transparent; border-bottom: 1px solid transparent}
.top-price span{ display: block; padding: 10% 0; width: 92%; margin: 6% auto; max-width: 238px}
.offer{ background: url("../images/content_pack_offer.png") no-repeat 0 0; width: 78px; height: 70px; position: absolute; top: -8px; right: -6px;}

.pack .info ul{ padding: 8px 20px 50px}
.pack .info li{ min-height: 17px; padding-top: 2px; border-bottom: 1px dashed #D8D8D8; text-align: center; font-size: 12px}
.pack .info li.new{ color: #000}

/* PACK BASE */
.pack-base .top-info{ border-top-color: #3AD6EA; border-bottom-color: #20A2BB;
                      -webkit-box-shadow: inset 0 -1px 0 0 #00A9CD;-moz-box-shadow: inset 0 -1px 0 0 #00A9CD;box-shadow: inset 0 -1px 0 0 #00A9CD;
                      background-color: #00C9E4;
                      background-image: -moz-linear-gradient(top, #00C9E4, #00B6DC);
                      background-image: -ms-linear-gradient(top, #00C9E4, #7B7B7B);
                      background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#00C9E4), to(#00B6DC));
                      background-image: -webkit-linear-gradient(top, #00C9E4, #00B6DC);
                      background-image: -o-linear-gradient(top, #00C9E4, #00B6DC);
                      background-image: linear-gradient(top, #00C9E4, #00B6DC);
                      background-repeat: repeat-x;
                      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00C9E4', endColorstr='#00B6DC', GradientType=0);}
.pack-base .top-info p{ text-shadow: -1px -1px 0 #0090A9;}
.pack-base .top-price{ border-top-color: #20C9E4; border-bottom-color: #59BEDD;
                       background-color: #00C1E0;
                       background-image: -moz-linear-gradient(top, #00C1E0, #009FCF);
                       background-image: -ms-linear-gradient(top, #00C1E0, #009FCF);
                       background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#00C1E0), to(#009FCF));
                       background-image: -webkit-linear-gradient(top, #00C1E0, #009FCF);
                       background-image: -o-linear-gradient(top, #00C1E0, #009FCF);
                       background-image: linear-gradient(top, #00C1E0, #009FCF);
                       background-repeat: repeat-x;
                       filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00C1E0', endColorstr='#009FCF', GradientType=0);}
.pack-base .top-price span{ background: url("../images/content_pack_pbase.png") no-repeat 0 50%; background-size: 100% auto}

/* PACK ADVANCED */
.pack-advanced .top-info{ border-top-color: #FFD63A; border-bottom-color: #D3A220;
                          -webkit-box-shadow: inset 0 -1px 0 0 #EEA900;-moz-box-shadow: inset 0 -1px 0 0 #EEA900;box-shadow: inset 0 -1px 0 0 #EEA900;
                          background-color: #FFC800;
                          background-image: -moz-linear-gradient(top, #FFC800, #FFB600);
                          background-image: -ms-linear-gradient(top, #FFC800, #FFB600);
                          background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFC800), to(#FFB600));
                          background-image: -webkit-linear-gradient(top, #FFC800, #FFB600);
                          background-image: -o-linear-gradient(top, #FFC800, #FFB600);
                          background-image: linear-gradient(top, #FFC800, #FFB600);
                          background-repeat: repeat-x;
                          filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFC800', endColorstr='#FFB600', GradientType=0);}
.pack-advanced .top-info p{ text-shadow: -1px -1px 0 #BE9000;}
.pack-advanced .top-price{ border-top-color: #FFC920; border-bottom-color: #FCBE59;
                           background-color: #FFC100;
                           background-image: -moz-linear-gradient(top, #FFC100, #FF9F00);
                           background-image: -ms-linear-gradient(top, #FFC100, #FF9F00);
                           background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFC100), to(#FF9F00));
                           background-image: -webkit-linear-gradient(top, #FFC100, #FF9F00);
                           background-image: -o-linear-gradient(top, #FFC100, #FF9F00);
                           background-image: linear-gradient(top, #FFC100, #FF9F00);
                           background-repeat: repeat-x;
                           filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFC100', endColorstr='#FF9F00', GradientType=0);}
.pack-advanced .top-price span{ background: url("../images/content_pack_padvan.png") no-repeat 0 50%; background-size: 100% auto}

/* PACK PROMO */
.pack-promo .top-info{ border-top-color: #AED674; border-bottom-color: #7EA24F;
                       -webkit-box-shadow: inset 0 -1px 0 0 #7CA93E;-moz-box-shadow: inset 0 -1px 0 0 #7CA93E;box-shadow: inset 0 -1px 0 0 #7CA93E;
                       background-color: #96C84B;
                       background-image: -moz-linear-gradient(top, #96C84B, #86B643);
                       background-image: -ms-linear-gradient(top, #96C84B, #86B643);
                       background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#96C84B), to(#86B643));
                       background-image: -webkit-linear-gradient(top, #96C84B, #86B643);
                       background-image: -o-linear-gradient(top, #96C84B, #86B643);
                       background-image: linear-gradient(top, #96C84B, #86B643);
                       background-repeat: repeat-x;
                       filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#96C84B', endColorstr='#86B643', GradientType=0);}
.pack-promo .top-info p{ text-shadow: -1px -1px 0 #6E9037;}
.pack-promo .top-price{ border-top-color: #9CC95E; border-bottom-color: #9DBE7C;
                        background-color: #8EC147;
                        background-image: -moz-linear-gradient(top, #8EC147, #6C9F36);
                        background-image: -ms-linear-gradient(top, #8EC147, #6C9F36);
                        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#8EC147), to(#6C9F36));
                        background-image: -webkit-linear-gradient(top, #8EC147, #6C9F36);
                        background-image: -o-linear-gradient(top, #8EC147, #6C9F36);
                        background-image: linear-gradient(top, #8EC147, #6C9F36);
                        background-repeat: repeat-x;
                        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8EC147', endColorstr='#6C9F36', GradientType=0);}
.pack-promo .top-price span{ background: url("../images/content_pack_ppromo.png") no-repeat 0 50%; background-size: 100% auto}

/* Buy-Button */
.buy-button{ position: absolute; left: 0; bottom: -8px; width: 88%; margin: 0 6%;}
.buy-button .btn-pack{ position: relative; width: 100%; height: 44px; border-top: 2px solid #D4D4D4; padding: 0;
                       text-transform: uppercase; text-shadow: 0px -1px 0px #6D6D6D; line-height: 43px; font-family: 'Bbuntu',sans-serif; z-index: 1;
                       background-color: #A2A2A2;
                       background-image: -moz-linear-gradient(top, #A2A2A2, #7B7B7B);
                       background-image: -ms-linear-gradient(top, #A2A2A2, #7B7B7B);
                       background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#A2A2A2), to(#7B7B7B));
                       background-image: -webkit-linear-gradient(top, #A2A2A2, #7B7B7B);
                       background-image: -o-linear-gradient(top, #A2A2A2, #7B7B7B);
                       background-image: linear-gradient(top, #A2A2A2, #7B7B7B);
                       background-repeat: repeat-x;
                       filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A2A2A2', endColorstr='#7B7B7B', GradientType=0);
                       -webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
.buy-button .btn-pack:hover{ background: #999; text-shadow:none}
.buy-button .btn.btn-Gray{ position: absolute; top: 50px; left: 60%; min-width:120px; margin-left:-70px; font-size: 12px}

.buy-button .fold,.buy-button .foldR{ background: url("../images/content_pack_fold.png") no-repeat 0 0; width: 10px; height: 8px; position: absolute; left: -4px; bottom: 0}
.buy-button .foldR{ background-position: -12px 0; left: auto; right: -3px}
.buy-button .foldR + .btn{    bottom: -32px;    height: 26px;    left: 50%;    margin-left: -45%;    padding: 0 8px;    position: absolute;    width: 80%; line-height: 23px}
.note,.content-pages p.note{ font-size: 10px; clear: both}
.custom-pack{ text-align: center; padding-bottom: 10px}
.custom-pack p{ font-size: 21px; color: #555; line-height: 41px}
.custom-pack p a{ margin-left: 18px}


/* ---------------------------------------------------------------------------------------------------------

QUEM SOMOS - Sobre nos

--------------------------------------------------------------------------------------------------------- */
.side-menu ul{ padding: 38px 0 40px; width: 100%;
               -webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;
               background: #FFF;
               background: -moz-linear-gradient(left, #FFF 0%, #E6E6E6 100%);
               background: -webkit-gradient(linear, left top, right top, color-stop(0%,#FFF), color-stop(100%,#E6E6E6));
               background: -webkit-linear-gradient(left, #FFF 0%,#E6E6E6 100%);
               background: -o-linear-gradient(left, #FFF 0%,#E6E6E6 100%);
               background: -ms-linear-gradient(left, #FFF 0%,#E6E6E6 100%);
               background: linear-gradient(to right, #FFF 0%,#E6E6E6 100%);
               filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#E6E6E6',GradientType=1 );}
.side-menu ul li{ position: relative; min-height: 40px}
.side-menu ul li a{ display: block; line-height: 18px; font-size: 16px; color: #666;border-top: 1px solid #CCC; font-family: 'Ubuntu-Light',sans-serif;
                    -webkit-box-shadow: inset 0px 1px 0px 0px #FFF;-moz-box-shadow: inset 0px 1px 0px 0px #FFF;box-shadow: inset 0px 1px 0px 0px #FFF;
                    padding: 11px}
.side-menu ul li:last-child a{ border-bottom: 1px solid #FFF;
                               -webkit-box-shadow: inset 0px -1px 0px 0px #CCC,0px -1px 0px 0px #FFF;
                               -moz-box-shadow: inset 0px -1px 0px 0px #CCC,0px -1px 0px 0px #FFF;
                               box-shadow: inset 0px -1px 0px 0px #CCC,0px -1px 0px 0px #FFF;}
.side-menu ul li.active{ background-color: #FFF}
.side-menu ul li:hover a,.side-menu ul li.active a{ color: #693; text-decoration: none}
.side-menu ul li.active:after,
.side-menu ul li.active:before{ display: inline-block; width: 0;height: 0; vertical-align: top; content: ""; position: absolute; right: -14px; top: 0;
                                border-left: 14px solid #CCC; border-top: 21px solid transparent; border-bottom: 21px solid transparent;}
.side-menu ul li.active:after{ border-left-color: #FFF; right: -13px}

.side-text h1{ color: #333; padding-bottom: 20px; text-transform: none}
.side-text h2{ font-size: 18px; padding-bottom: 12px; font-family: 'Ubuntu',sans-serif; line-height: 21px}

.box-ilustra{ min-height: 294px; margin-top: 25px;
              border: 1px solid #F0F0F0;
              -webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;
              -webkit-box-shadow: inset 0px 0px 0px 1px #FFF;-moz-box-shadow: inset 0px 0px 0px 1px #FFF;box-shadow: inset 0px 0px 0px 1px #FFF; 
              background: #0C76A4;
              background: -moz-linear-gradient(left, #0C76A4 0%, #2AC2F5 100%);
              background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0C76A4), color-stop(100%,#2AC2F5));
              background: -webkit-linear-gradient(left, #0c76a4 0%,#2AC2F5 100%);
              background: -o-linear-gradient(left, #0C76A4 0%,#2AC2F5 100%);
              background: -ms-linear-gradient(left, #0C76A4 0%,#2AC2F5 100%);
              background: linear-gradient(to right, #0C76A4 0%,#2AC2F5 100%);
              filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0C76A4', endColorstr='#2AC2F5',GradientType=1 );}
.box-ilustra .line{ border-bottom: 1px solid #FFF; padding: 13px 3px 18px 8px; position: relative}
.box-ilustra .line.top{ padding-top: 18px;}
.box-ilustra .line p{ font-size: 11px; color: #FFF}
.box-ilustra .line p.val{ font-size: 24px; padding-top: 5px}
.box-ilustra .line:last-child{ border-bottom: 0 none}


.highlight-big .wrapper{ padding: 20px 0}
.highlight-big .testimonies{ background-image: url("../images/content_testi_b.png"); max-width: 396px; height: 372px}
.highlight-big .testimonies .clear{ background: url("../images/content_testi_line.png") no-repeat 0 0; width: 95%; height: 6px; margin-left: 3%; float: left; margin-top: 10px; margin-bottom: 18px}


/* ---------------------------------------------------------------------------------------------------------

QUEM SOMOS - A equipa

--------------------------------------------------------------------------------------------------------- */
.list-names .photo,.list-colum .map{ max-width: 224px}
.list-names .photo img{ width: 100%; max-width: 224px}

.list-names .photo{ padding: 10px; border: 1px solid #CCC; height: 212px; overflow: hidden}

.list-names .name{ padding: 16px 0 10px}
.list-names .name h3{ font-size: 18px; color: #333; line-height: 22px}
.list-names .text{ padding-bottom: 10px}
.list-names ul{ height: 22px}
.list-names ul li{ float: left;}
.list-names ul li + li{ margin-left: 10px}
.list-names ul li a{ background: url("../images/icons-grid.png") no-repeat -85px -114px; width: 22px; height: 22px; display: block}
.list-names ul li a:hover{ opacity:0.60; filter:alpha(opacity=60);}
.list-names ul li a[title="LinkedIn"]{ background-position: -107px -114px}
.list-names ul li a[title="Facebook"]{ background-position: -129px -114px}


/* ---------------------------------------------------------------------------------------------------------

QUEM SOMOS - Contactos

--------------------------------------------------------------------------------------------------------- */
.list-colum h3{ padding-bottom: 10px}
.list-colum .map{ padding: 10px; border: 1px solid #CCC;}

.list-colum .btn{ font-size: 16px; line-height: 27px; margin-top: 20px}


/* ---------------------------------------------------------------------------------------------------------

QUEM SOMOS - Testemunhos

--------------------------------------------------------------------------------------------------------- */
.list-testimo.list-colum h3{ padding-bottom: 0}
.list-testimo .text{ font-style: italic}


/* ---------------------------------------------------------------------------------------------------------

QUEM SOMOS - Video

--------------------------------------------------------------------------------------------------------- */
.content-video .top{ background-color: #404040; max-height: 478px; position: relative;
                     -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.75);-moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.75);box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.75);}
.content-video .wrapper{ padding: 0}
.content-video .wrapper iframe{ height: 478px}
.content-video .bottom{ background-color: #333; height: 46px}
.content-video .bottom .goBack{ text-transform: uppercase; font-size: 14px; line-height: 46px}

.content-video + .highlight{ -webkit-box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.75);-moz-box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.75);box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.75);}
.highlight + .highlight-big{ position: relative;
                             -webkit-box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.16);-moz-box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.16);box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.16);}
.highlight .box.last{ margin-right: 0}
p + .try-box{ margin-top: 10px}


/* ---------------------------------------------------------------------------------------------------------

PLANOS

--------------------------------------------------------------------------------------------------------- */
.content-planos .inside{ padding-bottom: 20px}
.content-planos .pack .info ul{ padding-bottom: 18px; min-height: 140px}
.content-planos .note{ font-size: 10px; padding-top: 30px; margin-left: 1%}

/* PACK PERSONALIZED */
.pack-personalized{ border: 1px solid #CCC; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.pack-personalized .left{ position: relative; width: 31%}
.pack-personalized .left + .left{ width: 69%}
.pack-personalized .top-info{ min-height: auto; height: 27px}
.pack-personalized .top-info p{ padding: 0; line-height: 28px}
.content-planos .pack-personalized .top-price{ border: 0 none; padding: 90px 0}
.content-planos .pack-personalized .top-price span{ margin: 0 auto}
.pack-personalized .top-price span{ padding: 23% 0;}
.pack-personalized .vant{ text-align: center;}
.pack-personalized .vant > p{ text-transform: uppercase}
.pack-personalized .vant ul{ background-color: #CCC}
.pack-personalized .vant ul li{ padding: 10px 21px 10px 10px; min-height: 35px; border-top: 1px solid #EAEAEA; border-bottom: 1px solid #B2B2B2}
.pack-personalized .vant ul li:last-child{ border-bottom: 1px solid #EAEAEA; 
                                           -webkit-box-shadow: inset 0px -1px 0px 0px #B2B2B2;-moz-box-shadow: inset 0px -1px 0px 0px #B2B2B2;box-shadow: inset 0px -1px 0px 0px #B2B2B2; }
.pack-personalized .vant ul li p{ font-size: 11px; text-align: left; line-height: 13px; padding: 0}

/* mode-1 */
.mode-1{ background: url("../images/content_pack_model-1.png") repeat 0 0}
.mode-1 .top-info{ border-top-color: #A6A6A6; border-bottom-color: #909191;
                   -webkit-box-shadow: inset 0 -1px 0 0 #7B7B7B;-moz-box-shadow: inset 0 -1px 0 0 #7B7B7B;box-shadow: inset 0 -1px 0 0 #7B7B7B;
                   background-color: #868386;
                   background-image: -moz-linear-gradient(top, #969696, #868386);
                   background-image: -ms-linear-gradient(top, #969696, #868386);
                   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#969696), to(#868386));
                   background-image: -webkit-linear-gradient(top, #969696, #868386);
                   background-image: -o-linear-gradient(top, #969696, #868386);
                   background-image: linear-gradient(top, #969696, #868386);
                   background-repeat: repeat-x;
                   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#969696', endColorstr='#868386', GradientType=0);}
.mode-1 .top-info p,.mode-1 .vant > p{ text-shadow: -1px -1px 0 #505050;}
.mode-1 .top-price span{ background: url("../images/content_pack_pper-1.png") no-repeat 0 50%; background-size: 100% auto}

/* mode-2 */
.mode-2{ background: url("../images/content_pack_model-2.png") repeat 0 0}
.mode-2 .top-info{ border-top-color: #AC6AC2; border-bottom-color: #8C44A8;
                   -webkit-box-shadow: inset 0 -1px 0 0 #7C00AB;-moz-box-shadow: inset 0 -1px 0 0 #7C00AB;box-shadow: inset 0 -1px 0 0 #7C00AB;
                   background-color: #8600B9;
                   background-image: -moz-linear-gradient(top, #9600C9, #8600B9);
                   background-image: -ms-linear-gradient(top, #9600C9, #8600B9);
                   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#9600C9), to(#8600B9));
                   background-image: -webkit-linear-gradient(top, #9600C9, #8600B9);
                   background-image: -o-linear-gradient(top, #9600C9, #8600B9);
                   background-image: linear-gradient(top, #9600C9, #8600B9);
                   background-repeat: repeat-x;
                   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9600C9', endColorstr='#8600B9', GradientType=0);}
.mode-2 .top-info p,.mode-2 .vant > p{ text-shadow: -1px -1px 0 #87008E;}
.mode-2 .top-price span{ background: url("../images/content_pack_pper-2.png") no-repeat 0 50%; background-size: 100% auto}

/* mode-3 */
.mode-3{ background: url("../images/content_pack_model-3.png") repeat 0 0}
.mode-3 .top-info{ border-top-color: #F2D501; border-bottom-color: #EDDA91;
                   -webkit-box-shadow: inset 0 -1px 0 0 #BEA844;-moz-box-shadow: inset 0 -1px 0 0 #BEA844;box-shadow: inset 0 -1px 0 0 #BEA844;
                   background-color: #8600B9;
                   background-image: -moz-linear-gradient(top, #E4C900, #DCB600);
                   background-image: -ms-linear-gradient(top, #E4C900, #DCB600);
                   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#E4C900), to(#DCB600));
                   background-image: -webkit-linear-gradient(top, #E4C900, #DCB600);
                   background-image: -o-linear-gradient(top, #E4C900, #DCB600);
                   background-image: linear-gradient(top, #E4C900, #DCB600);
                   background-repeat: repeat-x;
                   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E4C900', endColorstr='#DCB600', GradientType=0);}
.mode-3 .top-info p,.mode-3 .vant > p{ text-shadow: -1px -1px 0 #D5A700;}
.mode-3 .top-price span{ background: url("../images/content_pack_pper-3.png") no-repeat 0 50%; background-size: 100% auto}


/* RIGHT
---------------------- */
.pack-personalized .pack{ margin: 0; -webkit-border-radius:0;-moz-border-radius:0;border-radius:0; border: 0 none}
.styleM{ margin: 0 4% 0 9%; width: 86%;}

/* table */
.pack-personalized .left form{ padding-top: 10px}
.table-extra tr{ border-bottom: 1px dashed #D8D8D8}
.table-extra tr td{ padding: 5px 5px 5px 0;}
.table-extra tr td,.table-extra tr span,.table-extra tr p{ font-size: 12px; line-height: 18px}
.table-extra tr input[type="checkbox"]{ margin: 0 0 3px 0}
.table-extra tr .small{ width: 4%}
.table-extra tr .large{ width: 74%}
.table-extra tr input[type="checkbox"],.table-extra tr .large p{ float: left}
.table-extra tr .medium{ width: 23%; padding-right: 2%}
.table-extra tr .medium span{ float: right}
.table-extra tr .medium span + span{ margin-right: 2px}
.choose-extra p{ float: left}
.choose-extra .increment{ float: right}
.increment input{ border: 1px solid #E6E6E6; padding: 0 3px 2px 3px; margin: 0; width: 28px; height: 16px; float: left; color: #666; font-size: 14px; font-family: 'Ubuntu',Arial,Helvetica,Tahoma,Verdana,sans-serif;
                  -webkit-border-radius:0;-moz-border-radius:0;border-radius:0;
                  -webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
.increment .button{ margin-top: 1px; padding: 0; cursor: pointer; width: 17px; height: 18px; display: block; float: left;
                    text-align: center; line-height: 17px; color: #FFF; font-size: 16px;
                    background-color: #4F7728;
                    background-image: -moz-linear-gradient(top, #679A35, #4F7728);
                    background-image: -ms-linear-gradient(top, #679A35, #4F7728);
                    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#679A35), to(#4F7728));
                    background-image: -webkit-linear-gradient(top, #679A35, #4F7728);
                    background-image: -o-linear-gradient(top, #679A35, #4F7728);
                    background-image: linear-gradient(top, #679A35, #4F7728);
                    background-repeat: repeat-x;
                    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#679A35', endColorstr='#4F7728', GradientType=0);}
.increment .button:hover{ opacity:0.6; filter:alpha(opacity=60);}
.increment .button.dec{ background-color: #6E6E6E;
                        background-image: -moz-linear-gradient(top, #949494, #6E6E6E);
                        background-image: -ms-linear-gradient(top, #949494, #6E6E6E);
                        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#949494), to(#6E6E6E));
                        background-image: -webkit-linear-gradient(top, #949494, #6E6E6E);
                        background-image: -o-linear-gradient(top, #949494, #6E6E6E);
                        background-image: linear-gradient(top, #949494, #6E6E6E);
                        background-repeat: repeat-x;
                        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#949494', endColorstr='#6E6E6E', GradientType=0);}

/* total */
.box-total{ margin-top: 18px; margin-bottom: 18px; padding: 3px;
            background: url("../images/content_pack_border.png") repeat 0 0;}
.box-total p{ padding: 8px 0; padding-right: 2%; padding-left: 4%; width: 94%; background-color: #F2F2F2}
.box-total p,.box-total span{ text-transform: uppercase; font-size: 14px; color: #333}
.box-total span{ float: right}

.alignM{ text-align: center; padding-bottom: 44px}
.alignM a{ font-size: 14px}
.pack-personalized .buy-button{ width: 40%; margin: 0 30%}


/* ---------------------------------------------------------------------------------------------------------

PLANOS - Detalhes

--------------------------------------------------------------------------------------------------------- */
.side-menu .pack{ width: 100%; margin: 0; min-height: 50px}
.side-menu .pack + .pack{ margin-top: 10px}
.detail-base .wrapper h1,.detail-advanced .wrapper h1,.detail-promo .wrapper h1,.detail-personalized .wrapper h1{ padding: 25px 0 20px 0}
.detail-base .wrapper .side-text h1,.detail-advanced .wrapper .side-text h1,.detail-promo .wrapper .side-text h1,.detail-personalized .wrapper .side-text h1{ padding-top: 0}

.detail-list{ padding: 10px 0 25px}
.detail-list li{ padding-left: 30px; height: 30px; background: url("../images/icons-grid.png") no-repeat -319px -82px}
.detail-list li p{ color: #333; background-color: #FFF; line-height: 30px}
.detail-list li span{ display: block; font-size: 9px; color: #333; position: relative; top: -10px}
.detail-advanced .detail-list li{ background-position: -348px -82px}
.detail-promo .detail-list li{ background-position: -377px -82px}


.detail-base .pack-advanced .top-info,.detail-base .pack-promo .top-info,.detail-base .pack-personalized .top-info,
.detail-advanced .pack-base .top-info,.detail-advanced .pack-promo .top-info,.detail-advanced .pack-personalized .top-info,
.detail-promo .pack-base .top-info,.detail-promo .pack-advanced .top-info,.detail-promo .pack-personalized .top-info,
.detail-personalized .pack-base .top-info,.detail-personalized .pack-advanced .top-info,.detail-personalized .pack-promo .top-info
{ border-top-color: #EEE; border-bottom-color: #C3C3C3 ;
  -webkit-box-shadow: inset 0 -1px 0 0 #C8C6C6;-moz-box-shadow: inset 0 -1px 0 0 #C8C6C6;box-shadow: inset 0 -1px 0 0 #C8C6C6;
  background-color: #DBDBDB;
  background-image: -moz-linear-gradient(top, #E1E1E1, #DBDBDB);
  background-image: -ms-linear-gradient(top, #E1E1E1, #DBDBDB);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#E1E1E1), to(#DBDBDB));
  background-image: -webkit-linear-gradient(top, #E1E1E1, #DBDBDB);
  background-image: -o-linear-gradient(top, #E1E1E1, #DBDBDB);
  background-image: linear-gradient(top, #E1E1E1, #DBDBDB);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E1E1E1', endColorstr='#DBDBDB', GradientType=0);}

.detail-base .pack-advanced .top-info p,.detail-base .pack-promo .top-info p,.detail-base .pack-personalized .top-info p,
.detail-advanced .pack-base .top-info p,.detail-advanced .pack-promo .top-info p,.detail-advanced .pack-personalized .top-info p,
.detail-promo .pack-advanced .top-info p,.detail-promo .pack-base .top-info p,.detail-promo .pack-personalized .top-info p,
.detail-personalized .pack-base .top-info p,.detail-personalized .pack-advanced .top-info p,.detail-personalized .pack-promo .top-info p
{ text-shadow: -1px -1px 0 #C6C6C6;}

.detail-base .pack-advanced .top-price,.detail-base .pack-promo .top-price,.detail-base .pack-personalized .top-price,
.detail-advanced .pack-base .top-price,.detail-advanced .pack-promo .top-price,.detail-advanced .pack-personalized .top-price,
.detail-promo .pack-advanced .top-price,.detail-promo .pack-base .top-price,.detail-promo .pack-personalized .top-price,
.detail-personalized .pack-base .top-price,.detail-personalized .pack-advanced .top-price,.detail-personalized .pack-promo .top-price
{ border-top-color: #E5E5E5; border-bottom-color: #D4D4D4;
  background-color: #8EC147;
  background-image: -moz-linear-gradient(top, #DEDEDE, #D4D4D4);
  background-image: -ms-linear-gradient(top, #DEDEDE, #D4D4D4);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#DEDEDE), to(#D4D4D4));
  background-image: -webkit-linear-gradient(top, #DEDEDE, #D4D4D4);
  background-image: -o-linear-gradient(top, #DEDEDE, #D4D4D4);
  background-image: linear-gradient(top, #DEDEDE, #D4D4D4);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DEDEDE', endColorstr='#D4D4D4', GradientType=0);}

.detail-base .pack-advanced .top-price span,.detail-promo .pack-advanced .top-price span,
.detail-personalized .pack-advanced .top-price span{ background: url("../images/content_pack_padvan_bw.png") no-repeat 0 50%; background-size: 100% auto}

.detail-base .pack-promo .top-price span,.detail-advanced .pack-promo .top-price span,
.detail-personalized .pack-promo .top-price span{ background: url("../images/content_pack_ppromo_bw.png") no-repeat 0 50%; background-size: 100% auto}

.detail-advanced .pack-base .top-price span,.detail-promo .pack-base .top-price span,
.detail-personalized .pack-base .top-price span{ background: url("../images/content_pack_pbase_bw.png") no-repeat 0 50%; background-size: 100% auto}

.detail-base .pack-personalized .top-price span,.detail-advanced .pack-personalized .top-price span,
.detail-promo .pack-personalized .top-price span{ background: url("../images/content_pack_pper_bw.png") no-repeat 0 50%; background-size: 100% auto}

.detail-base .pack-promo .offer,.detail-advanced .pack-promo .offer,.detail-personalized .pack-promo .offer{ background-position: 0 -70px}



/* ---------------------------------------------------------------------------------------------------------

PLANOS - Upgrade

--------------------------------------------------------------------------------------------------------- */
.content-upgrade .pack{ margin: 0; width: 100%; min-height: 100px}
.content-upgrade .inside .pack{ margin-bottom: 20px}
.content-upgrade .pack .info ul{ padding-bottom: 20px}
.content-upgrade .pack-personalized .top-price span{ padding: 16% 0; margin: 0 auto 1% auto; max-width: 198px}
.content-upgrade .pack-personalized .box-total{ margin-bottom: 285px}
.content-upgrade .note{ clear: both; padding-top: 20px}

/* ---------------------------------------------------------------------------------------------------------

MODELOS

--------------------------------------------------------------------------------------------------------- */
.model-page h3{ padding: 0 0 10px 0}
.list-categ{ margin-bottom: 30px}
.list-categ li{ padding: 6px 0; border-bottom: 1px dashed #EDEDED}
.list-categ a{ display: block; font-size: 12px; color: #666}
.list-categ .active a, .list-categ a:hover{ color: #693}
.list-categ .active a{ padding-left: 10px}

.model-page .info_text{ float: left}
.model-page .info_text span{ color: #999; font-size: 11px; font-style: italic}
.page_navigation{ float: right}
.page_navigation a{ padding: 0 5px; color: #693; text-decoration: none; float: left; font-size: 14px;}
.page_navigation a:hover{ text-decoration: underline}
.page_navigation .selected{ color: #666;}

#paging_container .top{ margin-bottom: 10px}
#paging_container .bottom{ margin-top: 10px}
#paging_container .content{ padding: 10px 0; border-top: 1px solid #E7E7E7; border-bottom: 1px solid #E7E7E7; clear: both; min-height: 642px}
#paging_container .content li{ position: relative; float: left; margin-bottom: 18px; margin-right: 3%; width: 31%}
#paging_container .content li.noneR{ margin-right: 0}
#paging_container .content .template{ width: 100%; min-height: 148px; margin-bottom: 18px; background-color: #EAEAEA; position: relative;
                                      border: 1px solid #E6E6E6;
                                      -webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;
                                      -webkit-box-shadow: inset 0px 1px 0px 0px #F5F5F5;-moz-box-shadow: inset 0px 1px 0px 0px #F5F5F5; box-shadow: inset 0px 1px 0px 0px #F5F5F5;}
#paging_container .content li.selected .template,
#paging_container .content li:hover .template{ background-color: #91C161;
                                               background-image: -moz-linear-gradient(top, #91C161, #693);
                                               background-image: -ms-linear-gradient(top, #91C161, #693);
                                               background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#91C161), to(#693));
                                               background-image: -webkit-linear-gradient(top, #91C161, #693);
                                               background-image: -o-linear-gradient(top, #91C161, #693);
                                               background-image: linear-gradient(top, #91C161, #693);
                                               background-repeat: repeat-x;
                                               filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#91C161', endColorstr='#693', GradientType=0);
                                               -webkit-box-shadow: inset 0px 1px 0px 0px #C8E0B0;-moz-box-shadow: inset 0px 1px 0px 0px #C8E0B0; box-shadow: inset 0px 1px 0px 0px #C8E0B0;}
#paging_container .content .template-img{ width: 94%; height: 110px; overflow: hidden; margin-top: 13px; margin-left: 3%; margin-right: 3%;
                                          -webkit-box-shadow: inset 0px 0px 2px 0px #DDD;-web-box-shadow: inset 0px 0px 2px 0px #DDD;box-shadow: inset 0px 0px 2px 0px #DDD;}
#paging_container .content .template-img img{ width: 100%;}
#paging_container .content .btnGray{ font: 14px/19px 'Ubuntu',sans-serif; color: #FFF; text-shadow: 0 1px 0 #909090;
                                     position: absolute; left: 50%; bottom: 32px;
                                     width: 60%; height: 20px; padding-left: 0; padding-right: 0;
                                     margin-left: -30%; z-index: 2;}





#paging_container .content .template .shadow,#paging_container .content li p span{ background: url("../images/icons-grid.png") no-repeat}
#paging_container .content .template .shadow{ position: absolute; top: auto; left: -7px; bottom: -5px; width: 107%; height: 5px; background-position: -135px -182px}
#paging_container .content li p{ line-height: 28px; font-size: 11px}
#paging_container .content li.selected p{ font-style: italic; color: #693}
#paging_container .content li p span{ background-position: -102px -159px; width: 26px; height: 27px; display: block; float: left; margin-right: 4px}
#paging_container .content li p input{ margin: 9px 0 0 10px}

.howit-big{ display: none}



/* ---------------------------------------------------------------------------------------------------------

MODELOS - Detalhes

--------------------------------------------------------------------------------------------------------- */
.selected-model,.model-details{ float: left}
.selected-model{ max-height: 404px; border: 1px solid #CCC; overflow: hidden}
.selected-model img{ width: 100%}

.model-details h3{ padding-bottom: 20px}
.model-details ul{ height: 297px}
.model-details ul li{ clear: both}
.model-details ul li p,.model-details ul li a,.model-details ul li span{ font-size: 11px}
.model-details ul li.mTop{ padding-top: 28px}
.model-details ul li + li{ padding-top: 8px}
.model-details ul .color{ display: block; float: left; width: 14px; height: 14px; margin-right: 5px; border: 1px solid #999}
.model-details .btn{ width: 92%}


.related-model{ clear: both; padding-top: 91px}
#galleria a > img{ width: 116px;}
#galleria a:hover,#galleria a:hover > img{ text-decoration: none}
#galleria a:hover > img{ opacity:0.6 !important; filter:alpha(opacity=60) !important;}

/* ---------------------------------------------------------------------------------------------------------

COMPRA

--------------------------------------------------------------------------------------------------------- */
.compra-btn{ padding-top: 20px; height: 30px}
.type-pag{ padding-top: 10px}
.type-pag p{ font-weight: bold}
.type-pag .type{ float: left; text-transform: uppercase; clear: both}
.type-pag .total{ float: right}









/* ---------------------------------------------------------------------------------------------------------

RESPONSIVE DESIGN

--------------------------------------------------------------------------------------------------------- */

@media (max-width: 450px){
    p,span,a,input,textarea,div{ font-size: 12px; line-height: 16px}
    .highlight .box p,h4, h4 span,.try-box form p span,.pack .info li,
    .pack-personalized .vant ul li p{ font-size: 12px}
    .pack-personalized .vant ul li p{ line-height: 14px}
    .pack .info li{ min-height: 20px}
    .inside .testimonies .text p{ font-size: 11px}
    .inside .testimonies{ height: 190px !important}
    .custom-pack p{ line-height: 24px; padding-top: 5px}
    .header .menu.navbar .collapse li.area input{ width: 100%}
    .menu.navbar .collapse li.area input + input{ margin-left: 0%}
    .menu.navbar .collapse li.area button{ padding-left: 0; padding-right: 0; width: 100%}
    .pack.span4{ min-height:auto; margin-bottom: 30px}
    /* slideshow */
    .banner .small .flex-direction-nav .flex-prev{ left: -10%}
    /* content - sobre nos */
    .list-names .photo,.list-colum .map{ margin: 0 auto}
    /* content - planos */
    .choose-extra .increment{ float: none; clear: both}
    /* content - compra */
    .complete input,.complete select{ clear: both; width: 98%; margin-left: 0}
    .complete select{ width: 100%}
    .compra-btn .btn,.sucess-msg .btn,.list-colum .btn,.content-pages a.btn{ padding-left: 0; padding-right: 0; width: 100%}
    .feeTt{ left: -5px; position: relative}
}

/* Landscape phones and down 680px */
@media (max-width: 680px) {  
    /* header */
    .logo .wrapper{ text-align: center; padding-top: 24px}
    .logo-image{ display: inline; float: none; margin: 0}
    .banner .slider-wrapper.small .nivo-caption{ width: 94%; left: 3%}
    .banner .small.theme-default .nivo-caption p{ padding-top: 0}
    .banner .slider-wrapper.small .nivo-caption h1,.banner .slider-wrapper.small .nivo-caption h2{ text-align: center; width: 100%; top: 0}
    .banner .small.theme-default .nivo-caption a{ top: auto; bottom: 10px; margin-top: 0; padding-left: 0; padding-right: 0; width: 100%}
    /* slideshow */
    .slideshow{ padding-left: 30px; padding-right: 30px}
    #main .caption h2{ display: none}
    #main .caption h1{ font-size: 18px}
    #main .caption a{ margin-top: 10px}
    #main .flex-control-nav{ right: -27px}
    .banner .small #main .caption{ top: 3px; left: 5px}
    .banner .small .caption h1{ line-height: 19px}
    /* content - home */
    .btn.btn-big,.left .btn{ display: block;}
    .btn.btn-big{ margin-top: 15px}
    /*.highlight-big .testimonies{ height: 351px}*/
    input.sideinputs[type="text"], input.sideinputs[type="password"]{ float: none; width: 100%; margin-left: 0}
    /* content - video */
    .content-video .wrapper iframe{ height: 278px; float: left}
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    /* header */
    .shadow{ bottom: -1px}
    .highlight .box{  width: auto; float: none; margin-bottom: 19px; padding: 2%}
    .highlight .doubt-box + .box{ clear: both}
    .contentfree-box h4{ width: auto}
    .inside .try-box .icons-grid span{ left: auto; right: 0}
    .inside .try-box .icons-grid span:before{ right: 10px; left: auto}
    .try-box form select{ width: 100%}
    .try-box form .btn{ float: none; padding: 5px 0; width: 100%; margin-top: 20px}
    /* home */
    .testimonies .text p{ font-size: 10px;}
    #galleria{ padding: 0 20px; text-align: center}
    #galleria .galleria-container{ width: 100% !important}
    .top-price span{ margin: 3% auto; padding: 7% 0; width: 60%}
    .highlight-big .left + .left{ margin-top: 40px}
    .highlight-big .func li.first:last-child{  padding-top: 10px; border-top: 1px solid #CCC; -webkit-box-shadow: inset 0 1px 0 0 #FFF;-moz-box-shadow: inset 0 1px 0 0 #FFF;box-shadow: inset 0 1px 0 0 #FFF}
    .highlight-big .func li.first:last-child .icons-grid{ top: 10px}
    /* content - sobre nos */
    .highlight-big .testimonies{ margin: 0 auto}
    .side-menu,.side-text{ margin-bottom: 20px}
    .list-colum{ padding: 0}
    /* content - planos */
    .pack{ margin-bottom: 50px}
    .content-planos .pack .info ul{ min-height: auto}
    .pack-personalized .left{ width: auto}
    .pack-personalized .left + .left{ width: auto}
    .pack-personalized .vant ul{ margin-bottom: 20px;}
    .styleM{ margin-left: auto; margin-right: auto}
    .pack-personalized .buy-button{ width: 88%; margin: 0 6%}
    /* content - upgrade */
    .content-upgrade .pack-personalized{ clear: both}
    .content-planos .pack-personalized .top-price{ padding: 20px 0}   
    .content-upgrade .pack-personalized .box-total{ margin-bottom: 18px}
    /* content - modelos */
    .info_text,.page_navigation,#paging_container .content li{ float: none}
    .info_text.bottom{ margin-bottom: 10px}
    .page_navigation{ min-height: 20px; margin-top: 10px; clear: both}
    .model-page{ clear: both}
    .selected-model,.model-details{ margin: 0}
    .selected-model{ margin: 20px 0}
    .model-details ul{ height: auto}
    #paging_container{ clear: both}
    #paging_container .content li{ width: 100%}
    .alignRight a{ float: none; display: block;}
    .list-categ li{ min-height: 10px; border-bottom: 0 none; border-right: 1px dashed #EDEDED; border-left: 1px dashed #EDEDED; margin: 0 0 5px -1px; float: left; padding: 0 2%}
    .list-categ li a{ text-align: center}
    .howit,.active .rsaquo{ display: none}
    .howit-big{ display: block; padding-top: 30px}
    .howit-big iframe{ height: 337px}
    /* footer */
    .footer .wrapper ul + ul{ margin-top: 30px}
}

@media (max-width: 730px){
   #main .caption li,#main .caption a + span{ display: none} 
}

@media (min-width: 680px) and (max-width: 914px) { 
    #main .slides .caption{ top: 12%}
    #main .slides .caption h1{ font-size: 25px} 
    #main .slides .caption h2{ font-size: 16px; padding: 0 0 7px 0}
    #main .slides .caption li{ font-size: 13px; line-height: 14px;}
    #main .slides .caption a{ margin-top: 4px}
    #main .slides .caption a + span{ line-height: 37px}
}

@media (min-width: 680px) and (max-width: 979px) { 
    .slideshow{ padding-left: 60px; padding-right: 60px}
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 
    .highlight .box{ min-height: 100px}
    /* home */
    .testimonies{ padding-top: 20px}
    .testimonies .img{ padding-left: 4%}
    .testimonies .text{ padding-right: 5%; width: 79%;}
}

/* Desktop */
@media (min-width: 979px) and (max-width: 1200px){
    .logo .wrapper{ padding-left: 20px; padding-right: 20px;}
    .selected-model{ min-height: 404px}
}

@media (max-width: 979px){
    /* header */
    .logo .wrapper,
    .highlight .wrapper,
    .content .wrapper,
    .highlight-big .wrapper,
    .content-video .wrapper,
    .footer .wrapper{ padding-left: 20px; padding-right: 20px;}
    .menu .wrapper{ max-width:none; padding: 0 5px}
    /* slider */
    .logo .wrapper{ padding-left: 40px; padding-right: 40px}
    .banner .slider-wrapper.small{ width: 96%; margin: 0 auto; position: relative}
    .small{ clear: both}
    .banner .small #main{ width: 100%; margin-left: 0; max-width: none; position: relative;}
    .banner .small .flex-direction-nav .flex-prev{ left: -5%}
    .small #main .caption{ width: 41%; max-width: none}
    
    /* menu */
    .navbar .btn-navbar{ margin-top: 8px; margin-bottom: 8px}
    .menu.navbar .collapse li{ margin-bottom: 1px; float: none}
    .menu.navbar .collapse li.active a,.menu.navbar .collapse li a{ text-align: left; padding: 0 10px}
    .menu.navbar .collapse li.active > a,.menu.navbar .collapse li.active:hover > a{ background: #FFF; color: #333; text-shadow:none}
    .menu.navbar .collapse li:hover a{ background-color: #000}
    .menu.navbar .collapse li:hover a:before,
    .menu.navbar .collapse li.active a:before{ border-width: 0;}
    .menu.navbar .collapse li a,
    .menu.navbar .collapse li.area:hover a{ background: none}
    .menu.navbar .collapse li.area{ float: left; min-width: inherit; margin: 20px 0; padding-bottom: 20px; float: none;
                                    -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
    .menu.navbar .collapse li.area > a{ padding-left: 16px}
    .menu.navbar .collapse li.area a{ display: inline}
    .menu.navbar .collapse li.area ul{ background-color: #FFF;
                                       -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
    .menu.navbar .collapse li.area ul li{ float: none}
    .menu.navbar .collapse li.area input{ width: 49%; height: 30px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
    .menu.navbar .collapse li.area input + input{ margin-left: 1%}
    .menu.navbar .collapse li.area button{ clear: both}

    /* home */
    .inside .testimonies .text p{ font-size: 10px;}
	#lang{ top: 4px; right: 28px}
}