﻿/* v2: con slideshow sko 2025
*/
body, html {
    margin: 0;
    padding: 0;
	width: 100%; /* 2021 */
}

#startpage h1 {
    font-size: 28px;
    font-weight: bold;
    color: #fff;
    margin: 0;
    padding: 0;
	display: inline-block;
    width: 95%; /* o 100%  */
    white-space: nowrap; /* evita que se divida en dos líneas */
}

#startpage h2 {
    font-size: 18px;
    font-weight: bold;
    color: #2f619d;
    margin: 0;
}

#startpage #productbox h2 {
    font-size: 16px;
}

#startpage h3 {
    font-size: 14px;
    font-weight: bold;
    color: #2f619d;
    margin: 0;
}

#startpage h4 {
    font-size: 12px;
    font-weight: normal;
    color: #2f619d;
    margin: 0;
}

#startpage h5 {
    font-size: 11px;
    font-weight: normal;
    color: #8c8c8c;
}

#productbox p, .news_wrapper p
{
	font-size: 12px;
	color: #8c8c8c; // #8c8c8c;
	margin: 0;
}

#startpage a:link {
    color: #2F619D;
    text-decoration: none;
}

#startpage a:hover {
    color: #2F619D;
    text-decoration: underline;
}

#startpage a, #startpage a:visited {
    text-decoration: none;
    color: #2F619D;
}


#MainDiv {
    margin-bottom: 20px !important;
}

#startpage {
    width: inherit; /* 978px ant */
}

#startpage .ContentContainer {
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    padding: 15px; 
    margin: 15px 0 8px 0;
}

#startpage .LeftContainer {
    width: 700px;
    float: left;
}

#startpage .RightContainer {
    width: 233px;
    float: right;
}

#startpage .clear {
    clear: both;
}


/*Showcase*/

/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
	width: 100%; /* 947px */
	height: 431px;
	background:url(../images/showcase/loading.gif) no-repeat 50% 50%;
	margin: 10px 0 0 16px;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:55px;
	top:85px;
	color:#fff;
	width: 205px;
	z-index:8;
}

.nivo-caption p
{
	margin: 0;
}

.nivo-caption h1
{
	margin: 0 0 5px 0 !important;
}

.nivo-caption h1 {
    margin: 0 0 5px 0;
}

.caption_description {

	color: #fff;
	font-size: 12px;
	line-height: 14px;
}

.nivo-html-caption {
    display:none;
}

/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
	background: url(../images/references/ref_arrow_left_btn.png) top right no-repeat;
	height: 21px;
	overflow: hidden;
	text-indent: -10000px;
	width: 11px;
	margin: -50px 0 0 18px;
}
.nivo-nextNav {
	right:0px;
	background: url(../images/references/ref_arrow_right_btn.png) top right no-repeat;
	height: 21px;
	overflow: hidden;
	text-indent: -10000px;
	width: 11px;
	margin: -50px 18px 0 0;
}

.nivo-nextNav:hover, .nivo-prevNav:hover {	
	background-position: bottom;
}

/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:9;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}

.sitekiosk_more_btn, .siteremote_more_btn, .sitecaster_more_btn {
   
    margin: 12px 0 0 0;

}

/* SiteKiosk More Btn*/

.sitekiosk_more_left_btn {
   
    width: 4px;
    height: 27px;
    background: url(../images/sitekiosk_more_btn.png) no-repeat left top;
    display: block;
    float: left;
}

.sitekiosk_more_center_btn {
    width: auto;
    height: 27px;
    background: url(../images/sitekiosk_more_btn.png) center top;
    display: block;
    float: left;
    text-align: center;
}

.sitekiosk_more_center_btn p {
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    margin: 6px 7px 0 5px;
    line-height: 14px; 
}

.sitekiosk_more_right_btn {
    width: 14px;
    height: 27px;
    background: url(../images/sitekiosk_more_btn.png) no-repeat right top;
    display: block;
    float: left;
}

.sitekiosk_more_btn:hover .sitekiosk_more_left_btn{
    background-position: left bottom;
}

.sitekiosk_more_btn:hover .sitekiosk_more_center_btn{
    background-position:  center bottom;
}

.sitekiosk_more_btn:hover .sitekiosk_more_right_btn{
    background-position: right bottom;
}

/* ------ SiteRemote More BTN --------- 
---------------------------------------*/

.siteremote_more_left_btn {
    width: 4px;
    height: 27px;
    background: url(../images/siteremote_more_btn.png) no-repeat left top;
    display: block;
    float: left;
}

.siteremote_more_center_btn {
    width: auto;
    height: 27px;
    background: url(../images/siteremote_more_btn.png) center top;
    display: block;
    float: left;
    text-align: center;
}

.siteremote_more_center_btn p {
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    margin: 6px 7px 0 5px;
    line-height: 14px; 
}

.siteremote_more_right_btn {
    width: 14px;
    height: 27px;
    background: url(../images/siteremote_more_btn.png) no-repeat right top;
    display: block;
    float: left;
}

.siteremote_more_btn:hover .siteremote_more_left_btn{
    background-position: left bottom;
}

.siteremote_more_btn:hover .siteremote_more_center_btn{
    background-position:  center bottom;
}

.siteremote_more_btn:hover .siteremote_more_right_btn{
    background-position: right bottom;
}

/* SiteCaster More Btn*/

.sitecaster_more_left_btn {
   
    width: 4px;
    height: 27px;
    background: url(../images/sitecaster_more_btn.png) no-repeat left top;
    display: block;
    float: left;
}

.sitecaster_more_center_btn {
   
    width: auto;
    height: 27px;
    background: url(../images/sitecaster_more_btn.png) center top;
    display: block;
    float: left;
    text-align: center;
}

.sitecaster_more_center_btn p {
   
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    margin: 6px 7px 0 5px;
    line-height: 14px; 
}

.sitecaster_more_right_btn {
   
    width: 14px;
    height: 27px;
    background: url(../images/sitecaster_more_btn.png) no-repeat right top;
    display: block;
    float: left;
}

.sitecaster_more_btn:hover .sitecaster_more_left_btn{
   
    background-position: left bottom;
}

.sitecaster_more_btn:hover .sitecaster_more_center_btn{
   
    background-position:  center bottom;
}

.sitecaster_more_btn:hover .sitecaster_more_right_btn{
   
    background-position: right bottom;
}

/* -------------- Reference -------------- 
---------------------------------------*/

.ShowcaseBottom a {
    color: #fff !important;
}

.ShowcaseBottom {
	height: 133px;
	width: 100%; /* 947px */
	overflow: hidden;
	text-align: center;
	position: absolute;
	margin: -133px 0 0 16px;
	z-index: 8;
}

.ShowcaseBottom p {
	color: white;
	position: relative;
	overflow: hidden;
	margin: 15px 0 0 0;
	font-style: italic;
	font-weight: bold;
	font-size: 11px;
}

.ShowcaseBottomRefLink {
	color: white;
	position: relative;
	overflow: hidden;
	margin: -14px 0 0 20px;
	font-weight: bold;
	text-decoration: none;
	float: left;
}

.ShowcaseBottomRefLink:hover {
	color: white;
	text-decoration: none !important;
	opacity: 0.7;
}

.prettyGalleryContainer {
	clear: both;
	float: left;
	margin: 10px 0 0 30px;
}
	
.prettyGalleryContainer a:focus { outline: none; }

.prettyGalleryContainer img { border: 0; }

.prettyGalleryContainer ul {
	margin: 0;
	padding: 0;
}

.prettyGalleryContainer ul li {
	display: block;
	float: left;
}
		
.prettyGalleryContainer ul li a,
.prettyGalleryContainer ul li a img { display: block; }

.prettyGalleryBackground {
	background: url(../images/prettyGallery/content_background.png) top left repeat;
	padding: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin: 0 0 10px 0;
}

.pp_alignleft { float: left; }
.pp_alignright { float: right; }
.pp_aligncenter { margin: 0 auto; }

		
.pg_paging .pg_previous {
	background: url(../images/references/ref_arrow_left_btn.png) top left no-repeat;
	display: block;
	height: 21px;
	margin: 15px 0 0 -10px;
	overflow: hidden;
	text-indent: -10000px;
	width: 11px;
	position: absolute;
	z-index: 1;
}

.pg_paging a {
	height: 21px;
}

.pg_paging .pg_previous:hover { background-position: 0 -21px; }
		
.pg_paging .pg_next {
	background: url(../images/references/ref_arrow_right_btn.png) top right no-repeat;
	display: block;
	height: 21px;
	margin: 15px 0 0 887px;
	overflow: hidden;
	text-indent: -10000px;
	width: 11px;
	position: absolute;
	z-index: 1;
}

.pg_paging .pg_next:hover { background-position: 0 -21px; }
		
.pg_paging li { text-align: center; }
		
.pg_pages {
	background: url(../images/prettyGallery/pagingBackgroundLeft.png) top left no-repeat;
	float: left;
	padding-left: 8px;
}
	
.pg_pages ul {
	background: url(../images/prettyGallery/pagingBackgroundRight.png) top right no-repeat;
	float: left;
	height: 15px;
	padding-right: 9px;
}

.pg_pages ul li { line-height: 15px; }
			
.pg_pages ul li.selected { font-weight: bold; }
		
.pg_pages a {
	color: #fff;
	font-family: Arial;
	font-size: 11px;
	text-decoration: none;
	padding: 2px;
}

.pg_pages a:hover { color: #c4c4c4; }
			
.pg_pages a.circle {
	display: block;
	background: url(../images/prettyGallery/pagingPageNumber.png) top left no-repeat;
	height: 8px;
	margin: 3px 1px 0 3px;
	padding: 0;
	text-indent: -10000px;
	width: 8px;
}

.pg_pages a.circle:hover,
.pg_pages .selected a.circle { background-position: bottom l;}


/* -------------- Products -------------- 
---------------------------------------*/

.products_wrapper {
	position: relative;
	background: url(../images/bg_products2.png) repeat-x;
	border: 1px solid #D5D5D5 !important;
}

.products_wrapper .sitekiosk {
	width: 349px;
	height: 246px;
	border-right: 1px solid #d5d5d5;
    float: left;
}

.products_wrapper .siteremote {
	width: 348px;
	height: 246px;
    float: left;
}

.sitekiosk .pack {
	position: absolute;
    left: 16px;
	top: 93px;
}

.siteremote .pack {
	position: absolute;
    left: 366px;
	top: 93px;
}

.products_wrapper .header {
	height: 56px;
	display: block;
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #d5d5d5;
    padding: 18px 0 0 20px;
}

.sitekiosk .content h3, .siteremote .content h3, .sitecaster .content h3 {
	left: 160px;
	top: 18px;
	position: relative;
}

.products_wrapper .content p{
	left: 160px;
	top: 25px;
    width: 180px;
    position: relative;
    line-height: 14px;
	min-height: 85px;
}

.content_nav{
    position: relative;
    left: 20px;
    top: 40px;
}

.info, .trial, .purchase {
    float: left;
}

.info_btn {
	width: 15px;
	height: 15px;
	background: url(../images/info_btn.png);
    display: block;
    float: left;
}

.trial_btn {
	width: 15px;
	height: 15px;
	background: url(../images/trial_btn.png);
    display: block;
    float: left;
}

.purchase_btn {
	width: 15px;
	height: 15px;
	background: url(../images/purchase_btn.png);
    display: block;
    float: left;
}

.info:hover .info_btn, .info:hover h5, .trial:hover .trial_btn, .trial:hover h5, .purchase:hover .purchase_btn, .purchase:hover h5 {
	background-position: bottom;
    color: #22548f !important;
}

.info h5, .trial h5, .purchase h5 {
	float: left;
	margin: 0 20px 0 6px;
}

.products_wrapper .operationsystem {

	border-top: 1px solid #d2d2d2;
	clear: both;
	padding: 14px 20px;
}

.products_wrapper .operationsystem p {
	font-weight: bold;
}

.products_wrapper .operationsystem span {
	margin-left: 25px;
	color: #2F619D;
}

.products_wrapper .operationsystem img {
	vertical-align: -5px;
	margin-right: 6px;
}


/* -------------- News -------------- 
---------------------------------------*/

.news_wrapper 
{
	// background: url(../images/bg_news.png) repeat-x;
    margin-top: 15px;
	border: 1px solid #d5d5d5;
}

.news_wrapper .header {
	height: 30px;
	display: block;
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #d5d5d5;
    padding: 10px 0 0 20px;
}

.news_wrapper .newsarchiv 
{
	float: right;
	margin: 5px 20px 0 0;
}




.news_wrapper .content {
	padding: 20px 0 6px 20px;
}

.news_wrapper .content li {
	display: inline-block;
	height: 45px;
}

.news_wrapper .date {
	float: left;
	width: 80px;
	min-height: 1px;
	margin-top: 1px;
}

.event .date
{
	height: 40px;
}

.news_wrapper .news {
	float: left;
	width: 590px;
	overflow: hidden;
	margin-bottom: 12px;
}

ul .news p
{
	cursor: pointer;
}

.news p span
{
	color: #2F619D;
}

.news a
{
	font-size: 13px;
}

.news_wrapper h3, .news_wrapper p {
	font-size: 12px !important;
}

.news_wrapper .content div h3 {
	margin-bottom: 2px !important;
}

.news_wrapper .event {
    padding: 18px 0 3px 20px;
    border-top: 1px solid #d5d5d5;
}

.news_wrapper .event img {
    float: left;
    max-width: 62px;
    max-height: 40px;
}

.news_wrapper .event span {
    color: #8C8C8C;
	font-size: 12px;
}

.news_wrapper .event h3 {
    display: inline;
}


/* -------------- Newsletter -------------- 
---------------------------------------*/

.newsletter_wrapper {
    height: 115px;
    margin-top: 15px;
	background: url(../images/bg_newsletter.png) repeat-x;
	border: 1px solid #D5D5D5;
}

.newsletter_wrapper .header {
	height: 30px;
	display: block;
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #d5d5d5;
    padding: 10px 0 0 20px;
}

.newsletter_wrapper .content ul li {
	float: left;
	margin-left: 5px;
}

.newsletter_wrapper .content ul {
	position: relative;
}


.newsletter_textfield {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #d2d2d2;
    color:#8C8C8C;
    font-size: 12px;
    height: 21px;
	width: 100%;
}

.newsletter_textfield:focus {
    border: 1px solid #8ccdff;
    -moz-box-shadow: 0px 0px 3px 3px #bee3ff;
    -webkit-box-shadow: 3px 3px 5px 6px #bee3ff;
    box-shadow: 0px 0px 1px 1px #bee3ff;
}

.newsletter_button {
    border: 1px solid #287fc0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	behavior: url(../scripts/pie.htc);
	background: -moz-linear-gradient(#56adec, #2176c4);
	background: -webkit-linear-gradient(#56adec, #2176c4);
	-pie-background: linear-gradient(#56adec, #2176c4);
	padding: 3px 8px;
    height: 25px;
	font-size: 12px;
	color: #fff;
}

.newsletter_button:hover {
    border: 1px solid #3089cb;
	background: -moz-linear-gradient(#61b7f5, #3086d4);
	background: -webkit-linear-gradient(#61b7f5, #3086d4);
	-pie-background: linear-gradient(#61b7f5, #3086d4);
	cursor:pointer;
}

/* -------------- Social Right -------------- 
---------------------------------------*/

.SocialContainer {
	height: 107px;
	display: block;
	margin: 0 0 15px 0;
	padding: 14px 0 0 18px;
	background: url(../images/bg_social.png) no-repeat;
}

/* -------------- Windows 8 Right -------------- 
---------------------------------------*/

.Windwos8Container {
	display: block;
	margin: 0 0 15px 0;
	padding: 21px 0;
	text-align: center;
	background: url(../images/bg_win8.png) no-repeat;

}


/* -------------- Critical Update Right -------------- 
---------------------------------------*/

.CriticalUpdate {
	display: block;
	margin: 0 0 15px 0;
	padding: 16px 20px 0px 20px;
	height: 118px;
	color: #fff;
	background: url(../images/gfx/critial_bg.png) no-repeat;
	font-size: 14px;
	position: relative;
	line-height: 18px;
}

.CriticalUpdate a {
	color: #fff !Important;
	text-decoration: underline !Important;
	position: absolute;
	bottom: 16px;
}

.CriticalUpdate a:hover {
	text-decoration: none !Important;
}

.CriticalUpdate p {
	margin: 0;
	padding: 0;
}



/* -------------- Order -------------- 
---------------------------------------*/

.OrderContainer {
	width: 215px;
	height: 165px;
	display: block;
	margin: 0 0 15px 0;
	padding: 14px 0 0 18px;
	background: url(../images/bg_order.png) no-repeat;
}

.OrderContainer h2, .OrderContainer h2 {
	color: #fff !important;
}

.OrderContainer p {
	color: #fff;
	font-size: 12px;
	margin: 7px 0 0 0;
	line-height: 15px;
}


.buy_inline_btn {
    margin: 12px 0 0 0;
}

.buy_inline_left_btn {
    width: 25px;
    height: 21px;
    background: url(../images/buy_inline_btn.png) no-repeat left top;
    display: block;
    float: left;
}

.buy_inline_center_btn {
    width: auto;
    height: 21px;
    background: url(../images/buy_inline_btn.png) center top;
    display: block;
    float: left;
    text-align: center;
}

.buy_inline_center_btn p {
    font-size: 11px;
    color: #fff;
    margin: 3px 4px 0 3px; 
}

.buy_inline_right_btn {
    width: 3px;
    height: 21px;
    background: url(../images/buy_inline_btn.png) no-repeat right top;
    display: block;
    float: left;
}

.buy_inline_btn:hover .buy_inline_left_btn{
    background-position: left bottom;
}

.buy_inline_btn:hover .buy_inline_center_btn{
    background-position:  center bottom;
}

.buy_inline_btn:hover .buy_inline_right_btn{
    background-position: right bottom;
}


/* -------------- Download -------------- 
---------------------------------------*/

.DownloadContainer {
	width: 215px;
	height: 42px;
	display: block;
	position: relative;
	background: url(../images/bg_download.png) top no-repeat;
	padding: 15px 0 0 18px;
}

.DownloadContainer span {
	font-size: 18px;
    font-weight: bold;
    color: #fff;
}

.DownloadContainer:hover {
	background: url(../images/bg_download.png) bottom no-repeat;
}

/* -------------- Footer -------------- 
---------------------------------------*/

.CopyRTxt{
	padding-left: 20px;
	padding-bottom: 20px;
	font-size: 11px;
}

.FooterLnks{
	padding-right: 16px;
	padding-bottom: 16px;
}

.FooterLnks a, .FooterLnks a:visited {
	color: #8c8c8c;
	font-size: 11px;
}

.FooterLnks a:hover{
	color: #2f619d;
	text-decoration: none;
}

#MainDiv{
	padding: 0px !important;
	width: 980px !important;
	margin: 0 0 10px 0;
}

.MenuContainer{
    
	padding: 16px 16px 0px 16px;
}

.EmailStatusText
{
	font-size: 12px;
	color: #8C8C8C;
}

.EmailStatusText b
{
	color: #2F619D;
}

.NewsletterTbl
{
	height: 74px;
	width: 668px;
	margin-left: 16px;
	empty-cells : hide;
	border-spacing: 0;
	border-collapse: collapse;
}

.NewsletterTbl > tbody > tr:last-child, .NewsletterTbl > tbody > tr:last-child > td
{
	display: inline-table;
}

.NewsletterTbl > tbody > tr > td.social
{
	padding-left: 4px !important;
}


.subscribe_left_btn {
	width: 4px;
	height: 25px;
	background: url(../images/newsletter_abo_btn.png) no-repeat left top;
	display: block;
	position: absolute;	
}

.subscribe_center_btn {
	width: auto;
	height: 25px;
	background: url(../images/newsletter_abo_btn.png) center top;
	display: block;
	float: left;
	text-align: center;
	margin-left: 4px;
	margin-right: 4px;
}

.subscribe_center_btn p {
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	margin: 6px 7px 0 5px;
	line-height: 12px; 
}

.subscribe_right_btn {
	width: 4px;
	height: 25px;
	background: url(../images/newsletter_abo_btn.png) no-repeat right top;
	display: block;
	position: absolute;
	right: 0;
}

.subscribe_btn
{
	position: relative;
}

.subscribe_btn:hover .subscribe_left_btn{
	background-position: left bottom;
}

.subscribe_btn:hover .subscribe_center_btn{
	background-position:  center bottom;
}

.subscribe_btn:hover .subscribe_right_btn{
	background-position: right bottom;
}

.ErrorMessageTd
{
	color: Red;
	padding-top: 6px;
}

.ErrorMessageTd > div
{
	margin-top: -20px;
	padding-left: 4px;
}
/* -------------- Facebook News -------------- 
---------------------------------------*/
#slider img
{
	display: none;
}

#fb-root
{
	display: none;
}