@media screen {
	
	form input[type=text],
	form input[type=textbox],
	form input[type=password],
	form input[type=email],
	select,
	textarea {
		background: #fff;
		border: 1px solid #b4b4b4;
        font-size: 14px;
        color: #666;
        margin: 0 0 8px 0;
        display: block;
        padding: 12px;
		font-family: "Raleway", Arial, Helvetica, sans-serif;
        
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;

        background: #ddd;
        background: -moz-linear-gradient(top, #dddddd 0%, #ffffff 17%);
        background: -webkit-linear-gradient(top, #dddddd 0%,#ffffff 17%);
        background: linear-gradient(to bottom, #dddddd 0%,#ffffff 17%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#ffffff',GradientType=0 );
	}

    input.inputInline {
        float: left;
        width: auto;
        clear: none;
        margin-right: 15px !important;
    }

    textarea {
        height: 100px;
    }

	button {
		border:0;
	}

	.buttonPseudo a,
	input[type=submit],
	button {
		font-family: "Raleway", Arial, Helvetica, sans-serif;
		background: #30a2a3 !important;
		color: #fff;
		padding: 10px 15px !important;
		font-weight: 400 !important;
		font-size: 18px;
		text-align: center;
		text-shadow: 0 2px 2px rgba(0,0,0,0.3);
		-webkit-box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.2);
		box-shadow: 0 6px 3px 0px rgba(0, 0, 0, 0.2);
	}

    input[type=submit],
	button {
        margin: 0 5px;
    }

	.buttonPseudo a,
	button {
        cursor: pointer;
        display: inline-table;   
        text-decoration: none;     
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
    }

	.buttonPseudo a:hover,
	input[type=submit]:hover,
	button:hover {
		filter: alpha(opacity=90);
		opacity: 0.90;
	}

    .buttonPseudoLarger a {
        padding: 12px 50px !important;
    }

    input.buttonDelete {
        background: #d00404 !important;
    }

	input[type=submit][disabled],
	button[disabled=true]:hover,
	button:disabled, button[disabled=true] {
		color: GrayText;
		background-color: #ddd !important;
		background: #ddd;
	}

	ul.productGetOptions {
		margin-left:10px;
		margin-top: 20px;
		float:left;
	}

	ul.productFeatures {
		font-size:20px;
		line-height: 24px;
		font-weight: 300;
		letter-spacing: -0.5px;
	}

	ul.productFeatures li {
		list-style: disc;
	}

	label {
		color: #666;
		margin: 0 0 3px 0;
		padding: 0;
		font-size: 16px;
		font-weight: 400;
	}
	
	body {
		background: #fff;
		font-family: "Raleway", Arial, Helvetica, sans-serif;
		font-size: 14px;
		color: #444;
		font-weight: 400;
	}

    body.bgProduct {
        background: url(../../images/2016/bg-body-product.jpg) top 380px center no-repeat;
    }

	/*Honeypot fields*/
	.dnf {
		display: none;
	}

    /* Table */
    tr.header td {
	    background-color: #eff4f9;
	    border-left:dotted 1px black;
	    font-weight:bold;
	    padding-top:2px;
	    padding-bottom:2px;
    }
    tr.headerRow td, tr.headerRowAlt td {
	    border-bottom: 1px solid #30a2a3;
	    background-color:#30a2a3;
        color: #fff;
    }
    tr.headerRow td a, tr.headerRowAlt td a {
        color: #fff !important;
    }
    tr.bodyRow td, tr.bodyRowAlt td, tr.bodyRowFirst td {
	    padding-bottom:20px;
    }
    tr.bodyRowAlt td {
	    background-color:#efefef;
    }
    tr.bodyRowFirst td {
	    background-color:#DAEAE9;
    }
	
    /* Common stuff */
    .borderRadius10 {        
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
    }
    .greyGradient {
        background: #ffffff;
        background: -moz-linear-gradient(top, #ffffff 48%, #ededed 99%);
        background: -webkit-linear-gradient(top, #ffffff 48%,#ededed 99%);
        background: linear-gradient(to bottom, #ffffff 48%,#ededed 99%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
    }


    .divGhost {
        display: none;
        background: #000;
    }

    .widthAuto,
    .textSmall {
        width: auto !important;
        margin-right: 5px;
    }

    .noShadow {    
		-webkit-box-shadow: none !important;
		-moz-box-shadow: none !important;
		box-shadow: none !important;
    }

    .padding20 { padding: 20px }

    /* Lists */
    ol {
        margin: 0 0 20px 40px;
    }
    ol li {
        list-style: decimal !important;
    }
    ul {
        list-style: inside;
    }
    ul li {
        margin: 7px 0 0 10px;
    }

    .hidden { display: none }

    img.imgFloatLeft {
        float: left;
        margin: 0 15px 10px 0;
    }

    .marginBottom20 { margin-bottom: 20px }

    ul.listDefault li {
        border-bottom: 1px solid #ccc;
        padding: 10px 0;
        list-style: disc inside;
        margin: 0;
    }
    ul.listDefault li:last-child {
        border-bottom: 0;
    }

    iframe.productVideo {
        width: 100%;
        height: 360px;
        background: #ddd;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		-webkit-box-shadow: 0 3px 6px 0px rgba(0, 0, 0, 0.3);
		-moz-box-shadow: 0 3px 6px 0px rgba(0, 0, 0, 0.3);
		box-shadow: 0 3px 6px 0px rgba(0, 0, 0, 0.3);
    }
    /* Video grid-33 */
    iframe.productVideoGrid33 {
        height: 280px !important;
    }
    /* Video grid-25 */
    iframe.productVideoGrid25 {
        height: 240px !important;
    }

    .clear {
        clear: both;
    }
    .displayNone { display: none }

    .replyFormContent {
        margin-top: 20px;
        padding: 15px;
        border: 1px solid #ddd;
        background: #f7f7f7;
        border-radius: 5px;
        overflow: hidden;
    }

    .positionRelative { position: relative }
    img {
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
        max-width: 100%;
        box-sizing: border-box;
	}
	
	a { color: #427c89 }
	
    a:hover img {
		filter: alpha(opacity=85);
		opacity: 0.85;
	}
        
    a.underlinedLink { text-decoration: underline }
    a.underlinedLink:hover { text-decoration: none }

	strong { font-weight: 700 }
	
	img.imgShadow,
    .shadowDefault {
		-webkit-box-shadow: 0 3px 6px 0px gsc-control-cse(0, 0, 0, 0.3);
		-moz-box-shadow: 0 3px 6px 0px rgba(0, 0, 0, 0.3);
		box-shadow: 0 3px 6px 0px rgba(0, 0, 0, 0.3);
	}

    table, dl {
        overflow: hidden;
        -webkit-box-shadow: 0 3px 6px 0px rgba(0, 0, 0, 0.3);
		-moz-box-shadow: 0 3px 6px 0px rgba(0, 0, 0, 0.3);
		box-shadow: 0 3px 6px 0px rgba(0, 0, 0, 0.3);
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
    }
	dl {
		margin-bottom: 20px;
	}
    table tr:last-child td { border-bottom: 0 }

    table td.fieldName {
        font-weight: bold;
    }
	table td.fieldName .desc {
		font-weight: normal;
		font-size:12px;
	}

    /* Table heading */
    table tr.heading {
        background: #30a2a3;
        color: #fff;
    }
    table tr.heading a {
        color: #fff;
        text-decoration: underline;
    }
    table tr.heading a:hover {
        text-decoration: none;
    }

    /* Table header */
    table tr.header td {
        background: #e2e2e2;
        border: none;
        font-size: 16px;
        padding: 10px 0;
        color: #666;
        border-bottom: 1px solid #ccc;
    }


    hr {
	    margin-top: 10px;
	    margin-bottom: 10px;
	    border-top: 1px solid rgba(0,0,0,0.5);
	    border-bottom: 0;
	    border-right: 0;
	    border-left: 0;
    }

    hr.type1 {
	    margin-top: 20px;
	    margin-bottom: 20px;
	    border-top: 2px solid #d8d8d8;
	    border-bottom: 0;
	    border-right: 0;
	    border-left: 0;
    }

    .readingText {
        font-size: 15px;
        line-height: 20px;
    }
    .readingText a { text-decoration: underline }
    .readingText a:hover { text-decoration: none }
    .readingText ul {
        margin: 20px;
    }
    .readingText li {
        list-style: square inside;
    }
    

    /* HTML headings */
    h1 {
        background: none;
        font-size: 42px;
        line-height: 44px;
        font-weight: 300;
        letter-spacing: -1px;
        margin-bottom: 20px;
    }
    h2 {
        background: none;
        font-size: 30px;
        line-height: 30px;
        font-weight: 300;
        letter-spacing: -1px;
        margin-bottom: 20px;
    }
    h3 {
        background: none;
        font-size: 20px;
        line-height: 24px;
        font-weight: 300;
        letter-spacing: -0.5px;
        margin-bottom: 10px;
    }

    /* Colors */
    .black { color: #000 !important }
    .grey333 { color: #333 !important }
    .blue { color: #30a2a3 !important }

    /** Header bar */
    .headerBar {
        border-bottom: 1px solid #d0d0d0;
        height: 67px;
        background: #fff;
        background: -moz-linear-gradient(top, #efefef 0%, #ffffff 100%);
        background: -webkit-linear-gradient(top, #efefef 0%,#ffffff 100%);
        background: linear-gradient(to bottom, #efefef 0%,#ffffff 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ffffff',GradientType=0 );
    }
    .headerBar .logoSymbol { padding-top: 10px }
    .headerBar .logoSymbol img { width: 49px }

	/** Menu **/
	.menuMobile { display: none }
	.menu {
        position: absolute;
        top: 0;
        right: 0;
		font-size: 18px;
		font-weight: 300;
        z-index: 999999;
	}
    .menu li {
        float: left;
        margin: 0;
    }
	.menu a {
        height: 67px;
        line-height: 67px;
        padding: 0 20px;
		display: block;
		float: left;
		text-decoration: none;
		color: #30a2a3;
	}
	.menu a:hover {
        background: #fff;
	}
    .menu li.hasSubmenu {
        position: relative;
        z-index: 999999;
    }
    .menu li.hasSubmenu > a {
        padding-right: 30px;
        background: url(../../images/2016/icon-submenu.png) top 32px right 10px no-repeat;
    }
    .menu li.hasSubmenu > a:hover {
        background: #fff url(../../images/2016/icon-submenu.png) top 32px right 10px no-repeat;
    }
	.submenu {
		visibility: hidden;
		opacity: 0;
		color: #fff;
		position: absolute;
		border-top: 1px solid #d0d0d0;
		top: 67px;
		left: 5px;
		z-index: 999999;
		font-size: 15px;
		background: #30a2a3;
		background: -moz-linear-gradient(top, #2e7d7d 0%, #30a2a3 15%);
		background: -webkit-linear-gradient(top, #2e7d7d 0%,#30a2a3 15%);
		background: linear-gradient(to bottom, #2e7d7d 0%,#30a2a3 15%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e7d7d', endColorstr='#30a2a3',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: 0 8px 5px 0px rgba(0, 0, 0, 0.35);
		-moz-box-shadow: 0 8px 5px 0px rgba(0, 0, 0, 0.35);
		box-shadow: 0 8px 5px 0px rgba(0, 0, 0, 0.35);
		transition: visibility 1.0s, opacity 0.3s linear;
	}
    .menu li.hasSubmenu:hover .submenu {
	    visibility: visible;
	    opacity:1;
    }
    .submenuRight {
        left: auto;
        right: 0 !important;
    }
    .submenu li { float: none }
    .submenu a,
    .submenu form.formLogout input[type=submit] {
        display: block !important;
        float: none;
        color: #fff;
        padding: 7px 15px !important;
        height: auto;
        line-height: normal;
		-webkit-border-radius: 0 !important;
		-moz-border-radius: 0 !important;
		border-radius: 0 !important;
    }
    .submenu a:hover,
    .submenu form.formLogout input[type=submit]:hover {
        background: rgba(0,0,0,0.2) !important;
    }
    .submenu input[type=textbox],
    .submenu input[type=password] {
        width: 85% !important;
    }

    /* li with no <a> */
    .submenu li.noLink {
        background: rgba(0,0,0,0.3) !important;
        display: block !important;
        float: none;
        color: rgba(255,255,255,0.8);
        padding: 7px 15px !important;
        height: auto;
        line-height: normal;
        cursor: default;
    }

    .submenu form.formLogout {
        width: auto;
        margin: 0;
    }
    .submenu form.formLogout input[type=submit] {
        width: 100%;
        text-align: left;
        display: inherit !important;
        font-size: 15px;
        margin: 0 !important;
        background: none !important;
        -webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
    }

    /* Login form */
    form.formLogin {
        padding: 20px;
        margin: 0;
        width: auto;
    }
    form.formLogin label {
        color: #fff;
        font-weight: 600;
    }
    form.formLogin input {
        width: 85%;
    }
    form.formLogin input[type=submit] {
        background: #fff !important;
        color: #222;
        text-shadow: none;
        float: right;
        margin-right: 0;
        width: auto !important;
    }
    form.formLogin a {
        display: inline !important;
        padding: 0 !important;
        margin: 0 !important;
        background: no-repeat !important;
    }
    form.formLogin a:hover {
        text-decoration: underline;
    }

    /* Footer */
    .footer {
        background: #f0f0f0;
        color: #111;
        padding: 20px 0;
        border-top: 1px solid #fff;
        margin-top: 30px;
		-webkit-box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.3);
		-moz-box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.3);
		box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.3);
    }
    .footer .socialNetworks li {
        float: right;
        margin: 0;
    }
    .footer .socialNetworks a {
        display: block;
        width: 40px;
        height: 40px;
        background: #ccc;
        float: right;
        margin-left: 10px;
        background: url(../../images/2016/logo-sprite-social-networks.jpg) no-repeat;
		background-size: 360px 80px;
    }
    .footer .socialNetworks li.facebook a { background-position: 0 -40px }
    .footer .socialNetworks li.twitter a { background-position: -40px -40px }
    .footer .socialNetworks li.pinterest a { background-position: -80px -40px }
    .footer .socialNetworks li.vk a { background-position: -120px -40px }
    .footer .socialNetworks li.discord a { background-position: -160px -40px }
    .footer .socialNetworks li.youtube a { background-position: -200px -40px }
    .footer .socialNetworks li.vimeo a { background-position: -240px -40px }
    .footer .socialNetworks li.linkedin a { background-position: -280px -40px }
	.footer .socialNetworks li.instagram a { background-position: -320px -40px }
    
    .footer .socialNetworks li.facebook a:hover { background-position: 0 0 }
    .footer .socialNetworks li.twitter a:hover { background-position: -40px 0 }
    .footer .socialNetworks li.pinterest a:hover { background-position: -80px 0 }
    .footer .socialNetworks li.vk a:hover { background-position: -120px 0 }
    .footer .socialNetworks li.discord a:hover { background-position: -160px 0 }
    .footer .socialNetworks li.youtube a:hover { background-position: -200px 0 }
    .footer .socialNetworks li.vimeo a:hover { background-position: -240px 0 }
    .footer .socialNetworks li.linkedin a:hover { background-position: -280px 0 }
	.footer .socialNetworks li.instagram a:hover { background-position: -320px 0 }
	

    /* i.e. companies logos (Home) */
    .imagesList .item {
        margin-bottom: 20px;
    }
    .imagesList img {
        width: 100%;        
		-webkit-box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.2);
		box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.2);
    }

    /* Twitter (Home) */
    .twitterHeader a {
        display: block;
        height: 74px;
        line-height: 74px;
        color: #888;
        font-size: 16px;
        padding-left: 60px;
        background: url(../../images/2016/logo-twitter-header.png) left 5px center no-repeat;
        border-bottom: 1px solid #e5e5e5;
    }


    /** Home - SLIDESHOW **/
	.slidesDestaquesContMaster {
        z-index: 1 !important;
        margin-bottom: 30px;
        -webkit-box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.3);
        box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.3);
	}
	.slidesDestaquesCont {
        z-index: 1 !important;
		position: relative;
		background: #000;
		
		/* padrões para container responsivo */
		width: 100%;
		height: 0;
		
		/* Ratio: 690/1920 = ~0.359a */
		padding: 0 0 35.9% 0;
	}
    .slidesDestaques img {
		-webkit-border-radius: 0 !important;
		-moz-border-radius: 0 !important;
		border-radius: 0 !important;
    }
	.slidesDestaques {
		width: 100%;
		height: 690px;
	}
	.slidesDestaques .slider {
		position: relative;
		width: 100%;
		height: 100%;
	}
	.slidesDestaques .slider .item img {
		width: 100%;
		height: auto;
	}
	.slidesDestaques .slider .item {
		float: left;
		width: 100%;
	}
    .slidesDestaques .description {
        background: url(../../images/2016/bg-slideshow-description-shadow.png) center;
        background-size: 100% 100%;
        color: #fff;
        width: 550px;
        position: absolute;
        top: 150px;
        left: 50%;
        margin-left: -275px;
        text-align: center;
        font-size: 46px;
        line-height: 44px;
        letter-spacing: -1px;
        font-weight: 300;
        text-shadow: 0 3px 2px rgba(0,0,0,0.8)
    }
    .slidesDestaques .description strong {
        font-weight: 600;
    }
    .slidesDestaques .description img.logo {
        width: 346px;
    }
    .slidesDestaques .description hr {
        margin-top: 20px;
	    margin-bottom: 20px;
	    border-top: 1px solid rgba(255,255,255,0.7);
	    border-bottom: 0;
	    border-right: 0;
	    border-left: 0;
		-webkit-box-shadow: 0 0 3px #000;
		-moz-box-shadow: 0 0 3px #000;
		box-shadow: 0 0 3px #000;
    }
    .slidesDestaques .description a.link {
        background: #fff;
        font-size: 22px;
        color: #444;
        display: inline-block;
        margin-top: 30px;
        padding: 5px 20px;
        text-decoration: none;
        text-shadow: none;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		-webkit-box-shadow: 0 4px 3px rgba(0,0,0,0.6);
		-moz-box-shadow: 0 4px 3px rgba(0,0,0,0.6);
		box-shadow: 0 4px 3px rgba(0,0,0,0.6);
    }
    .slidesDestaques .description a.link:hover {
        background: #ddd;
    }

	/* Prev e Next */
	.slidesDestaquesCont .prev {
		position: absolute;
		top: 45%;
		left: 20px;
		width: 44px;
		height: 45px;
		background: url(../../images/2016/icon-slideshow-prev.png) top left no-repeat;
		z-index: 999;
	}
	.slidesDestaquesCont .next {
		position: absolute;
		top: 45%;
		right: 20px;
		width: 44px;
		height: 45px;
		background: url(../../images/2016/icon-slideshow-next.png) top left no-repeat;
		z-index: 999;
	}
    .slidesDestaquesCont .prev,
	.slidesDestaquesCont .next {
		filter: alpha(opacity=55);
		opacity: .55;
	}
	.slidesDestaquesCont .prev:hover,
	.slidesDestaquesCont .next:hover {
		filter: alpha(opacity=95);
		opacity: 0.95;
	}
	
    /* i.e. Latest news */
    .defaultBlockLink {
        color: #888;
    }
    .defaultBlockLink .image {
        margin-bottom: 10px;
    }
    .defaultBlockLink .image img {
		-webkit-box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.3);
		-moz-box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.3);
		box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.3);
    }
    .defaultBlockLink .title {
        margin-bottom: 10px;
    }
    .defaultBlockLink .title a {
        color: #30a2a3;
        font-size: 16px;
        font-weight: 600;
    }


    /* Page's image header */
    .imageHeader {
        background: #000 top center no-repeat;
        height: 370px;
        margin-bottom: 30px;
		-webkit-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);
		-moz-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);
		box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);
    }
    .imageHeader .positionRelative { height: 370px }
    .imageHeader .title {
        font-size: 90px;
        font-weight: 600;
        letter-spacing: -2px;
        line-height: 370px;
        cursor: default;
        color: #d9d9d9;
        text-shadow: 3px 3px 8px rgba(0,0,0,0.6);
    }
    .imageHeader-default { background-image: url(../../images/2016/headers/default.jpg) }
    .imageHeader-careers { background-image: url(../../images/2016/headers/careers.jpg) }
    .imageHeader-resellers { background-image: url(../../images/2016/headers/resellers.jpg) }
    .imageHeader-contact { background-image: url(../../images/2016/headers/contact.jpg) }
    .imageHeader-services { background-image: url(../../images/2016/headers/services.jpg) }
    .imageHeader-clients { background-image: url(../../images/2016/headers/clients.jpg) }
    .imageHeader-register { background-image: url(../../images/2016/headers/register.jpg) }
    .imageHeader-lostLogin { background-image: url(../../images/2016/headers/lost-login.jpg) }
    

    /* Services */
    .servicesItems {
        margin-bottom: 30px;
    }
    .servicesItems .item {
        border: 1px solid #30a2a3;
        padding: 50px 20px;
        font-size: 28px;
        line-height: 32px;
        color: #333;
        min-height: 180px;
        text-align: center;
        font-weight: 300;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		-webkit-box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.2);
		box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.2);
    }
    .servicesItems .service1 {
        background: #fff url(../../images/2016/service-bg-1.jpg) bottom left no-repeat;
    }
    .servicesItems .service2 {
        color: #fff;
        background: #30a2a3 url(../../images/2016/service-bg-2.jpg) bottom left no-repeat;
    }
    .servicesItems .service3 {
        background: #fff url(../../images/2016/service-bg-3.jpg) bottom right no-repeat;
    }


    /* Pagination */
    .pagePicker {
        text-align: center;
        font-size: 14px;
        cursor: default;
        color: #aaa;
        line-height: 30px;
    }
    .pagePicker a {
        text-decoration: none;
        padding: 6px 10px;
        margin: 0 2px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
    }
    .pagePicker a:hover {
        background: #ccc;
    }
    .pagePicker a.currentPage {
        color: #fff;
        font-weight: 700;
        cursor: default;
        background: #ccc;
    }

    /* Message */
    .uiMessage {
        padding: 15px;
        text-align: center;
        background: #f0f0f0;
        font-weight: 600;
    }


    /* Product's page */
    .imageHeader .logo {
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -90px;
    }
    .imageHeader .productMenu {
        position: absolute;
        bottom: 30px;
        right: 0;
        font-size: 22px;
        font-weight: 300;
    }
    .imageHeader .productMenu a {
        color: #f0f0f0;
        padding: 5px 10px 5px 40px;
        text-shadow: 2px 2px 2px #000;
        text-decoration: none;
    }
    .imageHeader .productMenu a:hover {
        filter: alpha(opacity=75);
		opacity: 0.75;
    }

    /* Box (i.e. key features) */
    .boxDefault {
        background: #fff url(../../images/2016/bg-list-features.jpg) top right no-repeat;
        margin-bottom: 20px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		-webkit-box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.2);
		box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.2);
    }
    .boxBlue {
        background: #30a2a3 url(../../images/2016/bg-box-blue.jpg) top right no-repeat;
        color: #fff;
        padding: 20px;
        margin-bottom: 20px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		-webkit-box-shadow: 0 5px 5px 0px rgba(0, 0, 0, 0.3);
		-moz-box-shadow: 0 5px 5px 0px rgba(0, 0, 0, 0.3);
		box-shadow: 0 5px 5px 0px rgba(0, 0, 0, 0.3);
    }
    .boxBlue a { color: #fff }
    .boxGray {
        background: #e1e1e1 url(../../images/2016/bg-box-grey.jpg) top left no-repeat;
        padding: 20px;
        margin-bottom: 20px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		-webkit-box-shadow: 0 5px 5px 0px rgba(0, 0, 0, 0.3);
		-moz-box-shadow: 0 5px 5px 0px rgba(0, 0, 0, 0.3);
		box-shadow: 0 5px 5px 0px rgba(0, 0, 0, 0.3);
    }
	.boxWhite {
        background: #fff;
        padding: 20px;
        margin-bottom: 20px;
		border: 1px solid #e0e0e0;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		-webkit-box-shadow: 0 5px 5px 0px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0 5px 5px 0px rgba(0, 0, 0, 0.2);
		box-shadow: 0 5px 5px 0px rgba(0, 0, 0, 0.2);
    }


    /* (i.e. Tutorials) */
    .listWithImage li {
        margin-bottom: 20px;
        margin: 0;
    }
    .listWithImage .title {
        font-size: 14px;
        font-weight: bold;
    }




    /** Slide for box (i.e. Testimonials) **/
	.slidesBoxCont {
		position: relative;
		
		/* padrões para container responsivo */
		width: 100%;
		height: 0;
		
		/* Ratio */
		padding: 0 0 40% 0;
	}
	.slidesBox {
		width: 100%;
		height: 400px;
	}
	.slidesBox .slider {
		position: relative;
		width: 100%;
		height: 100%;
	}
	.slidesBox .slider .item {
		float: left;
		width: 100%;
        height: 100%;
		overflow: hidden;
	}

	/* Prev e Next */
	.slidesBoxCont .prev {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 30px;
		height: 30px;
        cursor: pointer;
		background: url(../../images/2016/icon-slideshow-prev2.png) top left no-repeat;
		z-index: 999;
	}
	.slidesBoxCont .next {
		position: absolute;
		bottom: 0;
		right: 0;
		width: 30px;
		height: 30px;
        cursor: pointer;
		background: url(../../images/2016/icon-slideshow-next2.png) top left no-repeat;
		z-index: 999;
	}
    .slidesBoxCont .prev,
	.slidesBoxCont .next {
		filter: alpha(opacity=55);
		opacity: .55;
	}
	.slidesBoxCont .prev:hover,
	.slidesBoxCont .next:hover {
		filter: alpha(opacity=95);
		opacity: 0.95;
	}


    /* (i.e. Lucid features) */
    .featuresBigImages .item {
        font-size: 30px;
        text-align: center;
        margin-bottom: 20px;
    }


    /* Purchase table prices */
    .tablePrice, .promotionMessage {
        width: auto;
    }
    .tablePrice td {
        background-color: #dfffdd;
        color: #495149;
        padding: 10px 40px 10px 10px;
    }

    .promotionMessage {
        background-color: #f0e68c;
        color: #000000;
        padding: 10px 40px 10px 10px;
        font-weight: bold;
        border-radius: 10px;
    }

    /* Forum Google Search */
    .gsc-control-cse {
        margin-bottom: 20px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
        -webkit-box-shadow: 0 3px 6px 0px rgba(0, 0, 0, 0.3);
		-moz-box-shadow: 0 3px 6px 0px rgba(0, 0, 0, 0.3);
		box-shadow: 0 3px 6px 0px rgba(0, 0, 0, 0.3);
    }
    .gsc-control-cse table,
    .gsc-control-cse table tr,
    .gsc-control-cse table td {
        padding: 0;
        margin: 0;
        border: none !important;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
    }
    .gsc-input-box {
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
    }


    .pagePicker {
        margin: 20px 0;
    }


    /* Projects list (Services page) */
    ul.projectsList {
        margin: 0 !important;
    }
    ul.projectsList > li {
        margin: 0 0 30px 0 !important;
        background: #fff;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
        overflow: hidden;
        color: #666;
        font-size: 13px;
        line-height: 15px;
		-webkit-box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.3);
		-moz-box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.3);
		box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.3);
    }
    ul.projectsList .content {
        padding: 30px 20px;
    }
    ul.projectsList .title a {
        display: block;
        background: #31a2a3;
        color: #fff;
        font-size: 16px;
        font-weight: 500;
        padding: 15px 30px;
        background: #31a2a3;
        background: -moz-linear-gradient(left, #31a2a3 0%, #89cdcd 100%);
        background: -webkit-linear-gradient(left, #31a2a3 0%,#89cdcd 100%);
        background: linear-gradient(to right, #31a2a3 0%,#89cdcd 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#31a2a3', endColorstr='#89cdcd',GradientType=1 );
    }
    ul.projectsList .infoIcon {
        float: left;
        width: 5%;
        margin-right: 2%;
    }
    ul.projectsList .logo {
        margin-bottom: 20px;
    }
    ul.projectsList .description .text {
        float: left;
        width: 93%;
    }
    ul.projectsList ul { margin-top: 20px }
    ul.projectsList ul.links li { list-style: inside square !important }
    ul.projectsList ul.links a { color: #333 }


    /* Crumbs (navigation links) */
    .crumbs {
        padding-bottom: 5px;
        margin: -15px 0 20px 0;
        font-size: 12px;
        cursor: default;
        letter-spacing: 0.5px;
        color: #444;
        padding-bottom: 5px;
        border-bottom: 1px solid #aaa;
		filter: alpha(opacity=60);
		opacity: 0.60;
    }
    .crumbs:hover {
		filter: alpha(opacity=100);
		opacity: 1;
    }
    .crumbs a {
        color: #000;
    }

    .focused
    {
        text-align:center;
        font-weight:bold;
    }

	span.lessImportantText {
		font-weight:normal;
	}

	blockquote {
		padding-left: 10px;
		border-left: 2px solid black;
		font-style: italic;
	}

	.priceOption {
		width: 150px;
		float: left;
		clear: none;
		background: #31a2a3;
		color: white;
		padding: 7px;
		margin-right: 3px;
		min-height: 110px;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		border-radius: 10px;
	}

	.priceOption .desc {
		clear: both;
	}

	.priceOption .selectOption {
		clear: both;
		align-content: center;
		text-align: center;
		align-self: flex-end;
	}
	div.perpetual div.priceOption {
		background: #31a2a3;
	}
	div.rental div.priceOption {
		background: #cd5c5c;
	}
	div.sub div.priceOption {
		background: #228b22;
	}

	div#error {
		border-radius: 10px;
		background-color: #ff4500;
		color: white;
		width: auto;
		padding: 10px;
		display: none;
		font-weight: bold
	}

	div#docMissingSuggest {
		margin-top: 30px;
		font-style: italic;
	}

	.tooltip {
		position: relative;
		display: inline-block;
		border-bottom: 1px dotted black;
	}

	.tooltip .tooltipText {
		visibility: hidden;
		width: 400px;
		background-color: #f0e68c;
		color:black;
		border-radius: 6px;
		padding: 5px;
		margin-left: 5px;
		font-size: 14px;
		font-weight: normal;
		/* Position the tooltip */
		position: absolute;
		z-index: 1;
	}

	.tooltip:hover .tooltipText {
		visibility: visible;
	}
}

@media screen and (min-width: 980px) {
	
	/** Com transition **/
    a,
	a img,
	.menu a,
    .footer .socialNetworks li a,
    .slidesDestaquesCont .prev,
    .slidesDestaquesCont .next,
    .imageHeader .productMenu a,
    .crumbs {
		-webkit-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
		-o-transition: all 0.2s linear;
		transition: all 0.2s linear;
	}

    .padding20_70 { padding: 20px 70px }
	
	
	/* e.g. licensing.html Reset licenses (?) */
	.boxInline {
		border: 1px dashed #aaa;
		clear: both;
		display: table;
		padding: 8px;
		margin: 10px 0;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	
}


@media screen and (min-width: 980px) and (max-width: 1366px) {

    /** Home - SLIDESHOW **/
    .slidesDestaques .description {
        width: 400px;
        top: 80px;
        margin-left: -200px;
        font-size: 32px;
        line-height: 34px;
        letter-spacing: -0.5px;
    }
    .slidesDestaques .description img.logo {
        width: 300px;
        margin-bottom: 10px;
    }
    .slidesDestaques .description hr {
        margin-top: 10px;
	    margin-bottom: 10px;
    }

}


@media screen and (min-width: 481px) and (max-width: 979px) {
	
	
	/** Menu **/
	.menu { font-size: 16px }
	

    /** Home - SLIDESHOW **/
    .slidesDestaques .description {
        width: 400px;
        top: 50px;
        margin-left: -200px;
        font-size: 28px;
        line-height: 30px;
        letter-spacing: -0.5px;
    }
    .slidesDestaques .description img.logo {
        width: 200px;
    }
    .slidesDestaques .description hr {
        margin-top: 10px;
	    margin-bottom: 10px;
    }
    .slidesDestaques .description a.link {
        font-size: 18px;
        display: inline-block;
        margin-top: 15px;
        padding: 0 15px;
    }


    /* Services */
    .servicesItems .item {
        padding: 30px 10px;
        font-size: 20px;
        line-height: 22px;
        min-height: 180px;
    }


    
    /* Video grid-33 */
    iframe.productVideoGrid33 {
        height: 200px !important;
    }
    /* Video grid-25 */
    iframe.productVideoGrid25 {
        height: 160px !important;
    }
	
}

@media screen and (max-width: 979px) {
	
}

@media screen and (max-width: 767px) {

    body.bgProduct { background: #fff }

    img {
        max-width: 90%;
    }

    /* Font sizes (referred by full layout) */
    .fontSize34 {
        font-size: 20px;
        line-height: 24px;
        letter-spacing: 0;
    }

    /* HTML headings */
    h1 {
        font-size: 30px;
        line-height: 32px;
        letter-spacing: -0.5px;
    }
    h2{
        font-size: 20px;
        line-height: 22px;
        letter-spacing: 0;
    }
    h3{
        font-size: 18px;
        line-height: 20px;
    }

	/** Menu **/
    .headerBarMobile {
        border-bottom: 1px solid #d0d0d0;
        background: #fff;
        background: -moz-linear-gradient(top, #efefef 0%, #ffffff 100%);
        background: -webkit-linear-gradient(top, #efefef 0%,#ffffff 100%);
        background: linear-gradient(to bottom, #efefef 0%,#ffffff 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ffffff',GradientType=0 );
    }
    .headerBarMobile .logoSymbol {
        padding-top: 10px;
        text-align: center;
    }
    .headerBarMobile .logoSymbol img { width: 150px }

	.menu { display: none }
	.menuMobile {
		display: block;
		width: 80%;
		margin: 0 auto;
		padding: 10px 0;
	}
	.menuMobile select {
		color: #000;
		border: 1px solid #aaa;
		background: #fff;		
		padding: 5px;
	}
	.menuMobile select option {
		padding-bottom: 4px;
	}
    .menuMobile optgroup {
        background: #c0c0c0;
    }
    .menuMobile optgroup option {
        background: #f0f0f0;   
    }
	

    /* Footer */
    .footer {
        text-align: center;
        padding: 20px 0 10px 0;
        border-top: 1px solid #fff;
		-webkit-box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.3);
		-moz-box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.3);
		box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.3);
    }
    .footer .socialNetworks {
        margin-top: 15px;
        text-align: center;
    }
    .footer .socialNetworks li {
        float: none;
        display: inline-block;
    }
    .footer .socialNetworks a {
        float: none;
        display: inline-block;
        margin-bottom: 10px;
    }

    /** Home - SLIDESHOW **/
    .slidesDestaquesContMaster {
        margin-bottom: 20px;
    }
    .slidesDestaques .mobile-description {
        color: #fff;
        width: 240px;
        position: absolute;
        bottom: 20px;
        left: 50%;
        margin-left: -120px;
        text-align: center;
        font-size: 24px;
        font-weight: 300;
        text-shadow: 0 3px 3px rgba(0,0,0,0.8);
    }
    .slidesDestaques .mobile-description a {
        color: #fff;
    }


    /* Page's image header */
    .imageHeader {
        height: 200px;
        margin-bottom: 20px;
        background-size: auto 120%;
    }
    .imageHeader .positionRelative { height: 200px }
    .imageHeader .title {
        font-size: 38px;
        line-height: 200px;
        letter-spacing: -1px;
    }

    /* Services */
    .servicesItems {
        margin-bottom: 0;
    }
    .servicesItems .item {
        padding: 20px;
        background-image: none !important;
        margin-bottom: 20px;
        font-size: 18px;
        line-height: 20px;
        min-height: initial;
    }
	

    /* Product's page */
    .imageHeader .logo {
        right: 0;
        text-align: center;
        top: 0;
        margin-top: 10px;
    }
    .imageHeader .logo img {        
        height: 100px;
    }

    .imageHeader .productMenu {
        text-align: center;
        left: 0;
        font-size: 16px;
        font-weight: 400;
    }
    .imageHeader .productMenu a {
        display: inline-block;
        padding: 5px 10px;
    }

    /* Box (i.e. key features) */
    .boxDefault {
        background: #fff;
        padding: 15px;
    }
    .boxBlue {
        background: #30a2a3;
        padding: 15px;
    }


    /** Slide for box (i.e. Testimonials) **/
	.slidesBoxCont {
		padding: 0 0 60% 0;
	}

    
    /* (i.e. Lucid features) */
    .featuresBigImages .item {
        font-size: 22px;
    }

    /* Video grid-25 */
    iframe.productVideo {
        height: 300px;
        margin-bottom: 20px;
    }
    iframe.productVideoGrid33,
    iframe.productVideoGrid25 {
        height: 240px !important;
    }

   /* Crumbs (navigation links) */
    .crumbs {
        margin-top: 0;
        font-size: 13px;
        letter-spacing: 0;
	filter: alpha(opacity=100);
	opacity: 1;
    }
    .crumbs a {
        padding: 3px;
        display: inline-table;
        color: #555;
    }


    /* Tables */
    table.tableMobile {
        font-size: 12px;
    }
    table.tablePrice td {
        padding: 5px;
    }
    table.tableMobile input {
        width: auto;
        margin-right: 5px;
    }
    table.tableMobile select,
    table.tableMobile option {
        width: auto;
        max-width: 150px;
        word-wrap: break-word;      /* IE*/
        white-space: -moz-pre-wrap; /* Firefox */
        white-space: pre-wrap;      /* other browsers */
    }
    table.tableMobile input[type=submit] {
        font-size: 14px;
        padding: 10px !important;
        font-weight: bold !important;
        max-width: 100%;
        word-wrap: break-word;      /* IE*/
        white-space: -moz-pre-wrap; /* Firefox */
        white-space: pre-wrap;      /* other browsers */
    }


    /* Projects list (Services page) */
    ul.projectsList .content {
        padding: 20px 10px;
    }
    ul.projectsList .title a {
        text-align: center;
        padding: 10px 20px;
        font-size: 14px;
    }
    ul.projectsList .picture {
        text-align: center;
        margin-bottom: 20px;
    }
    ul.projectsList .logo { text-align: center }
    ul.projectsList .logo img { width: auto }
}

@media screen and (max-width: 480px) {
	
}


@media screen and (max-width: 320px) {
	
	.logo img { width: 90% }
	
    /** Home - SLIDESHOW **/
    .slidesDestaques .mobile-description {
        font-size: 18px;
    }

    /* Product's page */
    .imageHeader .logo img {
        height: 80px;
        width: auto;
    }

    iframe.productVideo {
        height: 160px;
    }

}