/* Formulare */

.nofity_area {margin-top: 31px; background: url(http://aura.sygic.com/images/bg_form.jpg) no-repeat 0 0; padding: 45px 0 0 85px; height: 317px;}
.nobgimg {background-image: url(http://aura.sygic.com/images/bg_form2.jpg);}
.nofity_area .t {float: left; padding-right: 100px; width: 480px;}
.nofity_area .t p {padding-bottom: 15px; line-height: 1.3em;}
.nofity_area h2 {background: url(http://aura.sygic.com/images/title_notify_me.gif) no-repeat 0 0; height: 40px; text-indent: -10000px; padding-bottom: 15px;}
.nofity_area h2.share {background-image: url(http://aura.sygic.com/images/title_share_with_friends.gif);}
.nofity_area fieldset {display: block; float: left; padding-top: 40px; }
.nofity_area fieldset label {font-weight: bold;}
.nofity_area fieldset .input_text {display: block; border: 1px solid #bfbfbf; border-top: 1px solid #5d5d5d; color: #000; font-size: 16px; padding: 3px; height: 21px; width: 185px; margin: 7px 0; background-color: #e5e5e5;}
.nofity_area fieldset .input_submit {margin-top: 35px; background: url(http://aura.sygic.com/images/btn_download.gif) no-repeat 0 0; width: 199px; height: 36px; font-size: 1px; color: #ff2700; text-align: left; padding-top: 25px; padding-left: 5px;}
.nofity_area fieldset .input_submit:hover {background-position: 0 -36px; color: #c64b27;}
.nofity_area fieldset.share {padding-top: 0;}
.nofity_area fieldset.share .input_submit {background-image: url(http://aura.sygic.com/images/btn_notify.gif);}

/* Thank you */

.thank_area {margin-top: 31px; background: url(http://aura.sygic.com/images/bg_thank.jpg) no-repeat 0 0; padding: 85px 0 0 0; height: 277px; text-align: center;}
.thank_area h2 {background: url(http://aura.sygic.com/images/title_thank_you.gif) no-repeat 50% 0; height: 40px; padding-bottom: 15px; text-indent: -10000px;}
.thank_area p {padding-bottom: 20px;}
.thank_area a {margin: 0 auto; height: 29px; display: block;}
.thank_area .back {background: url(http://aura.sygic.com/images/btn_back.gif) no-repeat 0 0; width: 119px; }
.thank_area .back:hover {background-position: 0 -29px;}
.thank_area .back_notify {background: url(http://aura.sygic.com/images/btn_back_notify.gif) no-repeat 0 0; width: 151px; }
.thank_area .back_notify:hover {background-position: 0 -29px;}
.thank_area .back_share {background: url(http://aura.sygic.com/images/btn_back_share.gif) no-repeat 0 0; width: 191px; }
.thank_area .back_share:hover {background-position: 0 -29px;}

/* Features */
.features {background: url(http://aura.sygic.com/images/bg_fea.jpg) repeat-y 0 0; margin-top: 21px;}
.features h2 {display: none;}
.features h3 {font-size: 16px; padding-bottom: 15px;}
.features h3 em {font-size: 14px; font-weight: normal; font-family: Georgia, "New York CE", utopia, serif; font-style: italic;}
.features p {padding-bottom: 15px; line-height: 1.3em;}
.features small {font-size: 10px; display: block;}
.features .area_1 {padding: 280px 60px 0 70px; width: 854px; height: 303px; overflow: hidden; background: url(http://aura.sygic.com/images/bg_fea_top.jpg) no-repeat 0 0;}
.features .area_1 .left {float: left; width: 290px; padding: 30px 37px 0 0;}
.features .area_1 .right {float: left; width: 520px;}
.features .area_1 .posun {padding: 30px 0 0 215px;}
.features .area_1 .posun img {display: none;}

.features .area_2 {padding: 30px 0 15px 34px; width: 950px; overflow: hidden;}
.features .area_2 .block {float: left; margin-left: 28px; background: url(http://aura.sygic.com/images/bg_fea_block.jpg) no-repeat 0 0; width: 196px;}
.features .area_2 .block .t {padding: 25px 0 0 10px;}

.features .area_3 {background: url(http://aura.sygic.com/images/bg_fea_area3.jpg) repeat-x 0 0; margin: 0 7px; padding: 19px 35px 10px 55px; width: 880px; overflow: hidden; border-bottom: 1px solid #979797;}
.features .area_3 .left {float: left; padding: 0 35px 0 0; width: 415px; }
.features .area_3 .left img {float: left; margin-right: 20px;}
.features .area_3 .left h3 {padding-top: 20px;}
.features .area_3 .left em {font-size: 12px; font-family: Georgia, "New York CE", utopia, serif; font-style: italic;}
.features .area_3 .right {float: left; margin-top: 8px; background: url(http://aura.sygic.com/images/bg_fea_area3_right.png) no-repeat 0 0; width: 430px; }
.features .area_3 .right .t {padding: 15px 0 0 15px;}

.features .area_4 {background: url(http://aura.sygic.com/images/bg_fea_area4.jpg) repeat-x 0 0; margin: 0 7px; padding: 50px 65px 10px 0; width: 905px; overflow: hidden; }
.features .area_4 .f {float: left; width: 380px;}
.features .area_4 .t {float: left; width: 520px;}
.features .area_4 .t h3 {text-shadow:0 1px 0 #FFFFFF;}
.features .area_4 .t p em, .features .area_4 .t h3 em {font-size: 16px; font-weight: normal; font-family: Georgia, "New York CE", utopia, serif; font-style: italic;color: #000;}
.features .area_4 .links {height: 80px; padding-top: 15px;}
.features .area_4 .links a {display: block; float: left; width: 255px; height: 50px; }
.features .area_4 .links a {display: block; background: url(http://aura.sygic.com/images/btn_download.gif) no-repeat 0 0; width: 199px; height: 36px; margin-bottom: 8px; margin-left:10px; margin-right:10px; }
.features .area_4 .links a:hover {background-position: 0 -36px;}

.features .area_4 .links .vote a {display: block; background: url(http://aura.sygic.com/images/btn_vote.gif) no-repeat 0 0; width: 199px; height: 36px; margin-bottom: 8px; margin-left:10px; margin-right:10px; }
.features .area_4 .links .vote a:hover {background-position: 0 -36px;}

.features .area_4 ul {float: left; width: 230px; padding: 0 25px 30px 0; }
.features .area_4 ul li {padding: 0 0 15px 17px; background: url(http://aura.sygic.com/images/arr.gif) no-repeat 0 5px; line-height: 1.3em;}
.features .area_4 .note {clear: both; padding: 0 0 0 30px; font-size: 11px; line-height: 1.5em;}

.features .area_bottom {height: 51px; background: url(http://aura.sygic.com/images/bg_fea_bottom.jpg) no-repeat 0 100%;}

/* USER GUIDE*/
.tips {background: url(http://aura.sygic.com/images/bg_fea.jpg) repeat-y 0 0; margin-top: 21px;}
.tips h2 {display: none;}
.tips h3 {font-size: 16px; padding-bottom: 15px;}
.tips h3 em {font-size: 14px; font-weight: normal; font-family: Georgia, "New York CE", utopia, serif; font-style: italic;}
.tips p {padding-bottom: 15px; line-height: 1.3em;}
.tips small {font-size: 10px; display: block;}
.tips .area_1 {padding: 40px 60px 0 70px; width: 854px; height: auto; overflow: hidden; background: url(http://aura.sygic.com/images/bg_fea_top1.jpg) no-repeat 0 0;}
.tips .area_1 .left {float: right; width: 400px; padding: 0px 50px 0 0;}
.tips .area_1 .right {float: right; width: 450px; padding: 20px 0px 0 100px;}
.tips .area_1 .posun {float: left; margin: 0px 30px 0 0px; width: 220px; }
.tips .area_1 .img {float: left;}
.tips .area_1  em {font-size: 12px; font-family: Georgia, "New York CE", utopia, serif; font-style: italic;}

.tips .area_2 {background: url(http://aura.sygic.com/images/bg_fea_area3.jpg) repeat-x 0 0; padding: 30px 0 15px 34px; width: 936px; overflow: hidden; margin-left: 7px; margin-top: -4px;}
.tips .area_2 .block {float: left; margin-left: 28px; width: 270px;}
.tips .area_2 .block .t {padding: 25px 0 0 10px;}
.tips .area_2 .block em {font-size: 12px; font-family: Georgia, "New York CE", utopia, serif; font-style: italic;}




.tips .area_3 {background: url(http://aura.sygic.com/images/bg_fea_area3.jpg) repeat-x 0 0; margin: 0 7px; padding: 19px 35px 10px 55px; width: 880px; overflow: hidden; border-bottom: 1px solid #979797;}
.tips .area_3 .left {float: left; padding: 0 15px 0 0; width: 500px; }
.tips .area_3 .left img {float: left; margin-right: 20px;}
.tips .area_3 .left h3 {padding-top: 20px;}
.tips .area_3 .left em {font-size: 12px; font-family: Georgia, "New York CE", utopia, serif; font-style: italic;}

.tips .area_3 .right {float: right; margin-top: 19px; width: 330px; margin-right: 20px;}
.tips .area_3 .right .t {padding: 15px 0 0 15px;}
.tips .area_3 .right em {font-size: 12px; font-family: Georgia, "New York CE", utopia, serif; font-style: italic;}

.tips .area_3 .left1 {float: left; padding: 0 15px 0 0; width: 900px; }
.tips .area_3 .left1 img {float: left; margin-left: 40px; margin-top: -80px;}
.tips .area_3 .left1 p {float: left; width: 310px;}
.tips .area_3 .left1 h3 {padding-top: 20px;}
.tips .area_3 .left1 em {font-size: 12px; font-family: Georgia, "New York CE", utopia, serif; font-style: italic;}

.tips .area_3 .right1 {float: right; margin-top: -50px; width: 300px; margin-right: 20px;}
.tips .area_3 .right1 .t {padding: 15px 0 0 15px;}
.tips .area_3 .right1 em {font-size: 12px; font-family: Georgia, "New York CE", utopia, serif; font-style: italic;}

.tips .area_3 .right2 {float: right; padding: 0 15px 0 0; width: 500px;  margin-top: -165px; }
.tips .area_3 .right2 img {float: right; margin-left: 40px;}
.tips .area_3 .right2 p {float: left;}
.tips .area_3 .right2 h3 {padding-top: 20px;}
.tips .area_3 .right2 em {font-size: 12px; font-family: Georgia, "New York CE", utopia, serif; font-style: italic;}

.tips .area_4 {background: url(http://aura.sygic.com/images/bg_fea_area4.jpg) repeat-x 0 0; margin: 0 7px; padding: 50px 65px 10px 0; width: 905px; overflow: hidden; }
.tips .area_4 .f {float: left; width: 380px;}
.tips .area_4 .t {float: left; width: 520px;}
.tips .area_4 .t h3 {text-shadow:0 1px 0 #FFFFFF;}
.tips .area_4 .t p em, .tips .area_4 .t h3 em {font-weight: normal; font-family: Georgia, "New York CE", utopia, serif; font-style: italic;color: #000;}
.tips .area_4 .links {height: 80px; padding-top: 15px;}
.tips .area_4 .links a {display: block; float: left; width: 255px; height: 50px; }
.tips .area_4 .links a {display: block; background: url(http://aura.sygic.com/images/btn_download.gif) no-repeat 0 0; width: 199px; height: 36px; margin-bottom: 8px; }
.tips .area_4 .links a:hover {background-position: 0 -36px;}
.tips .area_4 ul {float: left; width: 230px; padding: 0 25px 30px 0; }
.tips .area_4 ul li {padding: 0 0 15px 17px; background: url(http://aura.sygic.com/images/arr.gif) no-repeat 0 5px; line-height: 1.3em;}
.tips .area_4 .note {clear: both; padding: 0 0 0 30px; font-size: 11px; line-height: 1.5em;}

.tips .area_bottom {height: 51px; background: url(http://aura.sygic.com/images/bg_fea_bottom.jpg) no-repeat 0 100%;}


/* FEEDBACK*/
.feedback {background: url(http://aura.sygic.com/images/bg_fea.jpg) repeat-y 0 0; margin-top: 21px;}
.feedback h2 {display: none;}
.feedback h3 {font-size: 16px; padding-bottom: 15px;}
.feedback h3 em {font-size: 14px; font-weight: normal; font-family: Georgia, "New York CE", utopia, serif; font-style: italic;}
.feedback p {padding-bottom: 15px; line-height: 1.3em;}
.feedback small {font-size: 10px; display: block;}
.feedback .area_1 {padding: 40px 60px 0 70px; width: 854px; height: 500px; overflow: hidden; background: url(http://aura.sygic.com/images/bg_fea_top2.jpg) no-repeat 0 0;}

.feedback .area_bottom {height: 51px; background: url(http://aura.sygic.com/images/bg_fea_bottom.jpg) no-repeat 0 100%;}

/* Gallery */
.gallery {background: url(http://aura.sygic.com/images/bg_fea.jpg) repeat-y 0 0; margin-top: 31px;}
.gallery .area_top {padding: 35px 50px 0 50px; width: 894px; overflow: hidden; background: url(http://aura.sygic.com/images/bg_gallery_top.jpg) no-repeat 0 0; text-align: center; position: relative; }
.gallery .area_top p { }
.gallery .area_top p em {font-style: italic; font-family: Georgia, "New York CE", utopia, serif; display: block; padding-top: 5px;}
.gallery .area_top small {display: block; font-size: 10px; padding-top: 15px;}
.gallery .area_bottom {height: 31px; background: url(http://aura.sygic.com/images/bg_fea_bottom.jpg) no-repeat 0 100%;}
.gallery .area_top h3 {position: absolute; top: 50px; right: 50px; font-weight: bold; text-align: right; color: #2a2a2a; font-size: 18px;}

.gallery .area_top .previous_button, .gallery .area_top .next_button {display: block; width: 36px; height: 47px; position: absolute; cursor: pointer;}
.gallery .area_top .previous_button {background: url(http://aura.sygic.com/images/arr_prev.gif) no-repeat 0 0; top: 270px; left: 40px;}
.gallery .area_top .next_button {background: url(http://aura.sygic.com/images/arr_next.gif) no-repeat 0 0; top: 270px; right: 40px;}
/*.gallery .area_top #fade {height: 695px; overflow: hidden; background-color: #fff; width: 710px;}
.gallery .area_top #fade li {}*/

/* OEM */
.oem {background: url(http://aura.sygic.com/images/bg_fea.jpg) repeat-y 0 0; margin-top: 31px;}
.oem h2 {background: url(http://aura.sygic.com/images/title_oem.gif) no-repeat 0 0; height: 33px; text-indent: -10000px; padding-bottom: 25px;}
.oem h3 {font-size: 13px; padding-bottom: 15px;}
.oem em {font-size: 16px; font-family: Georgia, "New York CE", utopia, serif; font-style: italic;}
.oem p {padding-bottom: 15px; line-height: 1.3em;}
.oem small {font-size: 10px; display: block;}
.oem .platform {width: 635px; overflow: hidden;}
.oem ul {padding: 45px 0 25px 0;width: 635px;}
.oem ul li {text-align: center; width: 210px; border-left: 1px solid #d1d1d1; float: left; padding: 5px 0; margin-bottom: 30px;}
.oem ul li.first {border: none; }
.oem ul li.next {border: none; margin-left: 105px;}
.oem ul li img {display: block; margin: 0 auto 5px auto;}
.oem ul li a {font-size: 11px;}
.oem .area {padding: 50px 47px 0 84px; width: 853px; overflow: hidden; background: url(http://aura.sygic.com/images/bg_oem_top.jpg) no-repeat 0 0;}
.oem .area_bottom {height: 51px; background: url(http://aura.sygic.com/images/bg_fea_bottom.jpg) no-repeat 0 100%;}
.oem .sales {padding: 20px 0 45px 0; margin-bottom: 25px; width: 853px; overflow: hidden; border-bottom: 1px solid #bdbdbd;}
.oem .sales small {font-size: 11px; padding-bottom: 15px; display: block;}
.oem .sales .block {float: left; background: url(http://aura.sygic.com/images/bg_contact03.jpg) no-repeat 0 0; padding: 25px 7px 0 93px; width: 170px; height: 89px; overflow: hidden; margin-right: 20px;}
.oem .sales .con02 {background-image: url(http://aura.sygic.com/images/bg_contact01.jpg);}
.oem .sales .con03 {margin: 0; float: left; background-image: url(http://aura.sygic.com/images/bg_contact02.jpg);}
.oem .sales .block h4 {padding: 0 0 10px 0; font-size: 16px;}
.oem .sales .block strong {display: block; padding-bottom: 3px;}
.oem fieldset {display: block; padding: 15px 0 10px 0; }
.oem fieldset label {padding: 0 20px 15px 20px; font-weight: bold; display: block; float: left; width: 240px;}
.oem fieldset label.posun {padding-left: 300px;}
.oem fieldset label .input_text {display: block; border: 1px solid #bfbfbf; border-top: 1px solid #5d5d5d; color: #000; font-size: 16px; padding: 3px; height: 21px; width: 230px; margin: 7px 0 0 0; background-color: #e5e5e5;}
.oem fieldset select {display: block; border: 1px solid #bfbfbf; border-top: 1px solid #5d5d5d; color: #000; font-size: 16px;  margin: 7px 0 0 0; background-color: #e5e5e5; padding: 3px 1px; width: 238px;}
.oem fieldset label .wsmall {width: 60px;}
.oem fieldset .input_submit {float: left; margin: 32px 0 0 20px; background: url(http://aura.sygic.com/images/btn_send.gif) no-repeat 0 0; width: 119px; height: 36px; font-size: 1px; text-align: left; color: #ff2700; padding-left: 5px;}
.oem fieldset .input_submit:hover {background-position: 0 -36px; color: #c64b27;}

/* Availability */
.avai {background: url(http://aura.sygic.com/images/bg_fea.jpg) repeat-y 0 0; margin-top: 31px;}
.avai h2 {background: url(http://aura.sygic.com/images/title_availability.gif) no-repeat 0 0; height: 33px; text-indent: -10000px; padding-bottom: 25px;}
.avai h3 {font-size: 13px; padding-bottom: 15px;}
.avai h5 {font-size: 18px; padding-bottom: 5px;}

.avai .area {padding: 50px 47px 0 84px; width: 853px; overflow: hidden; background: url(http://aura.sygic.com/images/bg_avai_top.jpg) no-repeat 0 0;}
.avai .area_bottom {height: 51px; background: url(http://aura.sygic.com/images/bg_fea_bottom.jpg) no-repeat 0 100%;}
.avai .regions {padding: 10px 0 25px 40px; width: 340px; overflow: hidden;}
.avai .regions li {padding: 0 0 3px 18px; background: url(http://aura.sygic.com/images/arr.gif) no-repeat 0 5px; float: left; width: 150px;}
.avai em {font-size: 16px; font-family: Georgia, "New York CE", utopia, serif; font-style: italic;}
.avai p {padding-bottom: 15px; line-height: 1.3em;}
.avai ol {list-style: decimal; margin: 0 0 25px 55px; font-weight: bold;}
.avai ol li {padding-bottom: 3px;}
.avai h4 {font-size: 22px; line-height: 42px; padding-left: 0px; color: #7da8cf;}
.avai .line {font-family: Georgia, "New York CE", utopia, serif; font-style: italic; padding: 10px 22px 8px 0px; border-bottom: 1px solid #7da8cf;}
.avai .line strong {font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; font-style: normal;}

.avai .area_tabs {padding: 40px 0 25px 0;}

.avai .block {float: left; padding: 0 100px 40px 0; width: 270px;}
.avai .block h3 {height: 50px; padding-bottom: 0;}
.avai .block h3 em {font-weight: normal;}
.avai .block .scrl_area {border: 1px solid #a2a2a2; height: 280px; overflow: auto;}
.avai .block .scrl_area table {width: 251px;}
.avai .block .scrl_area table .trb td {background-color: #efefef;}
.avai .block .scrl_area table td {font-family: Georgia, "New York CE", utopia, serif; font-style: italic; padding: 5px 5px 4px 10px;}
.avai .block .scrl_area table td strong {font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; font-style: normal; display: block; width: 120px;}
.avai .block .small {height: auto;}
.avai .block .small table {width: 100%;}

/* Day with Aura */

.day {background: url(http://aura.sygic.com/images/bg_fea.jpg) repeat-y 0 0; margin-top: 31px;}
.day .area_top {padding: 50px 47px 0 84px; width: 853px; overflow: hidden; background: url(http://aura.sygic.com/images/bg_gallery_top.jpg) no-repeat 0 0; }
.day .area_bottom {height: 31px; background: url(http://aura.sygic.com/images/bg_fea_bottom.jpg) no-repeat 0 100%;}
.day h2 {background: url(http://aura.sygic.com/images/title_day.gif) no-repeat 0 0; height: 40px; text-indent: -10000px; padding-bottom: 25px;}
.day .illust {position: relative; background: url(http://aura.sygic.com/images/bg_day.jpg) no-repeat 0 0; height: 2530px;} 
.day .illust div {position: absolute; line-height: 1.3em;}
.day .illust h4 {font-size: 24px; padding-bottom: 10px;}
.day .illust .text1 {top: 10px; left: 55px;}
.day .illust .text2 {top: 435px; left: 587px;}
.day .illust .text3 {top: 710px; right: 513px; text-align: right;}
.day .illust .text4 {top: 1045px; left: 460px;}
.day .illust .text5 {top: 1465px; right: 632px; text-align: right;}
.day .illust .text6 {top: 1800px; left: 505px;}
.day .illust .text7 {top: 2385px; left: 335px;}