* {
    border-width: 0;
    margin: 0;
    padding: 0;
}
body {
    background-color: #D0D0D0;
    background-image: url("images/bck.gif");
    background-repeat: repeat-x;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
}
#container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 955px;
}
#header {
    background-image: url("images/header.gif");
    float: left;
    height: 203px;
    position: relative;
    width: 955px;
}
#breadcrumbs {
    background-image: url("images/bread.gif");
    color: #747474;
    float: left;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    height: 27px;
    padding-left: 43px;
    padding-top: 11px;
    position: relative;
    width: 912px;
}
#main {
    background-image: url("images/cen_bck.gif");
    background-repeat: repeat-y;
    float: left;
    position: relative;
    text-align: left;
    width: 955px;
}
#left {
    float: left;
    margin-right: 20px;
    margin-top: 15px;
    padding-left: 6px;
    width: 251px;
}
.box {
    background-image: url("images/box.gif");
    height: 125px;
    padding: 20px;
    width: 211px;
}
.news {
    margin-bottom: 20px;
    margin-left: 20px;
    margin-top: 20px;
}
.news ul li {
    background-image: url("images/new.gif");
    background-position: left center;
    background-repeat: no-repeat;
    border-bottom: 1px dotted #A6A6A6;
    list-style-type: none;
    padding-bottom: 3px;
    padding-left: 15px;
    padding-top: 3px;
}
.social {
    background-image: url("images/social.gif");
    color: #020001;
    font-size: 12px;
    height: 46px;
    margin-left: 20px;
    padding-left: 10px;
    padding-top: 5px;
    width: 220px;
}
.getstarted {
    background-image: url("images/getstarted.jpg");
    background-repeat: no-repeat;
    height: 592px;
}
#center {
    float: left;
    margin-right: 27px;
    margin-top: 15px;
    position: relative;
    width: 410px;
}
.rightboxes {
    background-image: url("images/right.gif");
    background-position: left -2px;
    height: 604px;
    width: 227px;
}
#right {
    float: left;
    width: 227px;
}
#footer {
    background-color: #1B252B;
    background-image: url("images/foot.gif");
    background-repeat: repeat-x;
    height: 450px;
    position: relative;
}
.foot_cen {
    background-image: url("images/footer.gif");
    height: 300px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 24px;
    padding-top: 125px;
    position: relative;
    width: 931px;
}
.clear {
    clear: both;
}
.logo {
    float: left;
}
.top_nav {
    left: 517px;
    list-style-type: none;
    position: absolute;
    top: 69px;
    width: 438px;
}
.top_nav li {
    float: left;
    font-size: 12px;
    font-weight: bold;
}
.top_nav li img {
    margin-left: 23px;
    margin-right: 3px;
    vertical-align: bottom;
}
.chat {
    color: #E4E4E4;
    font-size: 12px;
    font-weight: bold;
    left: 834px;
    position: absolute;
    text-decoration: none;
    top: 5px;
}
.blue {
    color: #728794;
}
.box h2 {
    color: #B4B4B4;
    font-size: 18px;
    margin-bottom: 10px;
}
.box h2 span {
    color: #35BFD2;
}
.box p {
    color: #737373;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 11px;
}
.news ul li {
    color: #4A4A4A;
    font-size: 12px;
    text-decoration: none;
}
.news ul {
    margin: 8px;
}
.r_box h2 {
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 14px;
    margin-bottom: 16px;
    margin-left: 70px;
    margin-top: 15px;
}
.r_box p {
    color: #737373;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 11px;
}
.r_box {
    height: 140px;
    padding-top: 10px;
}
.r_box p {
    padding: 0 14px 14px;
}
.r_box h2 span {
    color: #35BFD2;
}
.top_nav li a {
    color: #1B252B;
    text-decoration: none;
}
.top_nav li a:hover {
    color: #35BFD2;
}
#content p a {
    color: #35BFD2;
}
.rss {
    color: #ED8131;
    margin-left: 19px;
    text-decoration: none;
}
.face {
    color: #374871;
    padding-left: 36px;
    text-decoration: none;
}
.twitter {
    color: #47C5FE;
    margin-left: 30px;
    text-decoration: none;
}
.social div {
    margin-top: 2px;
}
.price {
    color: #FCFCFC;
    font-size: 63px;
    font-weight: bold;
    left: 222px;
    position: absolute;
    top: 425px;
}
.started {
    display: block;
    height: 54px;
    left: 219px;
    position: absolute;
    top: 509px;
    width: 176px;
}
.foot_cen ul {
    color: #728794;
    float: left;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 12px;
    list-style-position: inside;
    width: 155px;
}
.empty {
    height: 18px;
    list-style-type: none;
}
.li_title {
    color: #FFFFFF;
    font-weight: bold;
    list-style-type: none;
}
.foot_cen ul li a {
    color: #728794;
    text-decoration: none;
}
#bottom .rightboxes {
    background-image: url("images/bottom.gif");
    float: left;
    height: 150px;
    width: 955px;
}
#bottom .rightboxes .r_box {
    float: left;
    padding-left: 13px;
    width: 223px;
}
#bottom .rightboxes .r_box h2 {
    margin-bottom: 14px;
    margin-top: 13px;
}
#content {
    float: left;
    line-height: 20px;
    padding-left: 20px;
    padding-right: 57px;
    width: 601px;
}
#content h1 {
    color: #B4B4B4;
    font-family: "Trebuchet MS";
    font-size: 18px;
    margin-bottom: 25px;
    margin-top: 25px;
    text-transform: uppercase;
}
#content h1 span {
    color: #35BFD2;
    font-family: "Trebuchet MS";
}
#content h1 strong {
    color: #1B252B;
    display: block;
    font-family: "Trebuchet MS";
    font-size: 24px;
    line-height: 20px;
}
#content h1 strong em {
    font-size: 30px;
    font-style: normal;
}
#content p {
    color: #525252;
    font-size: 13px;
    padding-bottom: 10px;
}
#content p strong {
    color: #1B252B;
}
#content .signup {
    background-image: url("images/signup.jpg");
    height: 237px;
    margin-top: 30px;
    padding-left: 35px;
    padding-right: 300px;
    padding-top: 35px;
    position: relative;
    width: 266px;
}
.signup h2 {
    color: #FCFCFC;
    font-family: "Trebuchet MS";
    font-size: 18px;
}
.signup h2 span {
    color: #1B252B;
}
.signup ul li {
    background-image: url("images/sign_l.gif");
    background-position: left center;
    background-repeat: no-repeat;
    color: #FFFFFF;
    font-size: 14px;
    list-style-type: none;
    margin-bottom: 5px;
    padding-left: 19px;
}
.signup ul {
    margin-left: 20px;
    margin-top: 15px;
}
.sing_link {
    display: block;
    height: 52px;
    left: 55px;
    position: absolute;
    top: 219px;
    width: 218px;
}
#nav li {
    font-size: 18px;
    list-style-type: none;
}
#nav li a {
    color: #1B252B;
    text-decoration: none;
}
#nav li a:hover {
    text-decoration: underline;
}
#nav li {
    float: left;
    list-style-type: none;
}
#nav li a {
    display: block;
}
#nav li a:hover {
    background-position: left bottom;
}
#nav .n1 {
    background-image: url("images/n1.gif");
    height: 74px;
    width: 165px;
}
#nav .n2 {
    background-image: url("images/n2.gif");
    height: 74px;
    width: 238px;
}
#nav .n3 {
    background-image: url("images/n3.gif");
    height: 74px;
    width: 183px;
}
#nav .n4 {
    background-image: url("images/n4.gif");
    height: 74px;
    width: 208px;
}
#nav .n5 {
    background-image: url("images/n5.gif");
    height: 74px;
    width: 159px;
}
#nav {
    left: 1px;
    position: absolute;
    top: 116px;
}
#wide {
    line-height: 20px;
    padding-left: 20px;
    padding-right: 20px;
}
#order {
    line-height: 20px;
    padding-left: 20px;
    padding-right: 20px;
}
#wide h1 {
    color: #B4B4B4;
    font-size: 18px;
    margin-bottom: 10px;
    margin-top: 10px;
    text-transform: uppercase;
}
#order h1 {
    color: #B4B4B4;
    font-size: 18px;
    margin-bottom: 10px;
    margin-top: 20px !important;
    text-transform: uppercase;
}
#wide h1 span {
    color: #35BFD2;
}
#order h1 span {
    color: #35BFD2;
}
.plan {
    background-image: url("images/plan.gif");
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 192px !important;
    margin-bottom: 20px;
    width: 915px !important;
}

.confirm {
    background-image: url("images/confirmit.gif");
    background-position: 0 0;
    background-repeat: no-repeat;
    float: left;
	min-height: 302px;
    margin-bottom: 20px;
    width: 906px !important;
	border-bottom: 1px solid #CFE3B2;
}

.confirm2 {
	background: #ddeeba;
	border: 3px solid #bacf90;
	padding: 10px 15px 0 ;
	margin: 20px 0 ;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;	
}

.confirm2 .confirmintro {
	margin: 0 !important;
}

#cancel .confirmintro {
	width: 445px;
	margin-left: 30px;
	margin-top: 0 !important;
}

#cancel .confirm {
	padding: 20px 0 10px 0;
	border-top: 1px solid #d2e5b7;
	background-position: center bottom !important;
}

#cancel #error {
	width: 445px;
	margin-left: 20px;
}

#cancel .col3 {
	left: 578px !important;
}

#cancel .complete {
	left: 540px;
}

.confirm .col2 {
    left: 20px;
    width: 490px;
	padding-bottom: 10px;	
}

.conf-left label {
    clear: both;
    color: #1B252B;
    display: block;
    float: left;
    font-size: 14px;
    font-weight: normal;
    line-height: 27px;
    padding-right: 10px;
    text-align: right;
	width: 146px;
}

.conf-left input, .conf-left select {
    border: 1px solid #CFE3B2;
    float: left;
    margin-bottom: 10px;
    padding: 5px;
    width: 308px;
}

.conf-left textarea {
    border: 1px solid #CFE3B2;
    float: left;
    height: 150px;
    margin-bottom: 10px;
    padding: 5px;
    resize: none;
    width: 308px;
}



.conf-left select {
    width: 320px;
	cursor:pointer;
}

.confirm h3 {width:600px;}


.col3 p {
    color: #525252;
    font-size: 13px;
    font-weight: normal;
    padding-bottom: 10px;
}


.planprice {
    color: #F2F9DD;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 38px;
    font-weight: bold;
    left: 34px;
    line-height: 24px;
    margin-top: 20px;
    position: absolute;
    text-align: center;
    width: 137px;
}
.planprice h4 {
    color: #FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 17px;
    font-weight: normal;
    margin-bottom: 25px;
}
.planprice h4 strong {
    font-weight: bold;
}
.planprice span {
    display: inline-block;
    font-size: 40px;
    font-weight: bold;
    margin-top: 4px;
    position: relative;
}
.planprice span span {
    font-size: 40px;
    font-weight: bold;
    margin-top: 0;
}
.planprice div {
    color: #E5FFBB;
    font-size: 11px;
}
.col2 {
    color: #304125;
    float: left;
    font-weight: bold;
    left: 185px;
    padding-top: 17px;
    position: relative;
    width: 300px;
}

.col3 {
    color: #304125;
    float: right;
    font-weight: bold;
    left: 539px;
    padding-top: 17px;
    position: absolute;
    width: 300px;
}

.complete {
    position: absolute;
    left: 244px;
	margin-top: 215px;
}

.col2 h3, .col3 h3 {
    color: #304125;
    font-size: 17px;
    font-weight: bold;
    padding-bottom: 28px;
}
#wide h1 strong {
    color: #1B252B;
    display: block;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 24px;
    line-height: 20px;
    margin-bottom: 25px;
    margin-top: 25px;
}
#order h1 strong {
    color: #1B252B;
    display: inline !important;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 24px;
}
#wide h1 strong em {
    font-size: 30px;
    font-style: normal;
}
#order h1 strong em {
    font-size: 30px;
    font-style: normal;
}
#wide p, #order p {
    color: #525252;
    font-size: 13px;
    padding-bottom: 10px;
}
#wide p strong, #order p strong {
    color: #1B252B;
}
#wide ul {
    color: #525252;
    font-size: 13px;
    padding-bottom: 10px;
    padding-left: 15px;
}
.faq p strong {
    display: block;
}
#form1 {
    color: #525252;
    font-size: 13px;
    padding-bottom: 10px;
}
#form1 li {
    float: left;
    list-style-type: none;
    margin-bottom: 20px;
    width: 900px;
}
.prices td {
    text-align: center;
}
.news {
    list-style-type: none;
}
.news li strong {
    color: #1B252B;
    margin-right: 20px;
}
.li_title a {
    color: #FFFFFF !important;
}
#form1 textarea, #form1 input {
    border: 1px solid #737373;
}
#form1 textarea {
    height: 100px;
    width: 200px;
}
#form1 label {
    display: block;
}
#form1 label span {
    color: #FF0000;
    font-size: 10px;
}
#breadcrumbs a {
    color: #747474;
}
.r_box p strong a {
    color: #737373;
    text-decoration: none;
}
.t1 {
    background-image: url("images/t1.jpg");
    background-position: right top;
    background-repeat: no-repeat;
    height: 175px;
    position: relative;
}
#id_period {
    border: 1px solid #D0D0D0;
    color: #525252;
    display: block;
    margin-bottom: 12px;
    margin-top: 2px;
}
#id_period_div {
    color: #525252;
    font-size: 13px;
}
#id_period_div input {
    background-color: #FFFFFF;
    cursor: pointer;
    font-weight: bold;
    margin-bottom: 50px;
    text-decoration: underline !important;
    text-transform: uppercase;
}
.error {
    color: #FF0000;
    font-size: 11px;
    margin-bottom: 10px;
    margin-top: -10px;
}
.r_box p strong a:hover {
    text-decoration: underline;
}
.foot_cen ul li a:hover {
    color: #35BFD2;
}
.discount {
    border-bottom: 1px solid #2DB5C8;
    border-top: 1px solid #2DB5C8;
    color: #2DB5C8;
    float: left;
    font-size: 12px;
    margin-bottom: 15px;
    margin-top: 5px;
    padding-bottom: 4px;
    padding-top: 4px;
}
#f1 {
    color: #35BFD2;
    font-size: 12px;
    font-weight: bold;
    left: 26px;
    position: absolute;
    top: 86px;
}
#f2 {
    color: #F18B26;
    font-size: 12px;
    font-weight: bold;
    left: 333px;
    position: absolute;
    top: 86px;
}
.africa {
    background-image: url("images/signup_africa.jpg") !important;
}
.asia {
    background-image: url("images/signup_asia.jpg") !important;
}

.countries {
    display: block;
    height: 23px;
    left: 265px;
    position: absolute;
    top: 229px;
    width: 107px;
}
.order1 {
    height: 30px;
    left: 273px;
    position: absolute;
    top: 151px;
    width: 92px;
}
.order2 {
    height: 31px;
    left: 401px;
    position: absolute;
    top: 150px;
    width: 92px;
}
.order3 {
    height: 28px;
    left: 534px;
    position: absolute;
    top: 152px;
    width: 90px;
}
.order4 {
    height: 27px;
    left: 276px;
    position: absolute;
    top: 876px;
    width: 86px;
}
.order5 {
    height: 26px;
    left: 405px;
    position: absolute;
    top: 876px;
    width: 88px;
}
.order5a {
    height: 26px;
    left: 273px;
    position: absolute;
    top: 876px;
    width: 88px;
}
.order6 {
    height: 30px;
    left: 536px;
    position: absolute;
    top: 876px;
    width: 87px;
}
.customStyleSelectBoxInner {
    background-image: url("images/drop.gif");
    background-repeat: no-repeat;
    color: #505050;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    height: 35px;
    padding-left: 12px;
    padding-top: 16px;
    width: 231px !important;
}
.plan select {
    color: #505050;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    width: 243px !important;
}
.planform {
    float: right;
    position: absolute;
    right: 140px !important;
    top: 73px !important;
    width: 243px;
}
.planform input {
    clear: both;
    margin-top: 22px;
}
.countries1 {
    display: block;
    height: 23px;
    left: 413px;
    position: absolute;
    top: 230px;
    width: 80px;
}
.countries2 {
    display: block;
    height: 23px;
    left: 538px;
    position: absolute;
    top: 229px;
    width: 76px;
}
.freeul li {
    color: #525252;
    font-size: 13px;
    list-style-position: inside;
}
#wide .step {
    height: 28px;
    margin-bottom: 8px;
    margin-left: -3px;
    margin-top: 20px;
    width: 105px;
}
#wide ul {
    color: #525252;
    font-size: 13px;
    list-style-position: inside;
}
.recc td {
    font-size: 11px;
}
.recc td span {
    font-size: 14px;
}

.recc1, .recc2, .recc3, .recc4, .recc5, .recc6 {
	background: none !important;
	padding: 0 1px 0 0 !important;
}

.recc1 p, .recc2 p, .recc3 p, .recc4 p, .recc5 p, .recc6 p {
    background-color: #B1D7A6 !important;
    border: 6px solid #578628;
	font-weight: bold;
	font-size: 10px !important;
	height: 176px;
	padding: 7px;
}

.recc .goleft {
	font-size: 14px;
}

.recc .goleft span {
	padding-left: 9px !important;
}

.com .blog {
    list-style-type: none;
}
.com .twit {
    background-image: url("images/t.gif");
    background-position: left 4px;
    background-repeat: no-repeat;
    list-style-type: none;
    padding-left: 20px;
}
.com .faceb {
    background-image: url("images/f.gif");
    background-position: left 4px;
    background-repeat: no-repeat;
    list-style-type: none;
    padding-left: 20px;
}
.com .blog a {
    color: #ED8131;
    text-decoration: none;
}
.twit a {
    color: #6BC5FD;
    text-decoration: none;
}
.faceb a {
    color: #374871;
    text-decoration: none;
}
#wide .com {
    padding-bottom: 15px;
}
#homebann {
    background-image: url("images/cen_bck.gif");
    background-repeat: repeat-y;
    float: left;
    padding-bottom: 20px;
    padding-left: 2px;
    padding-top: 12px;
    position: relative;
    width: 955px;
}
.order6a {
    height: 30px;
    left: 666px;
    position: absolute;
    top: 876px;
    width: 87px;
}
.order3a {
    height: 28px;
    left: 665px;
    position: absolute;
    top: 152px;
    width: 90px;
}
.order4 {
    height: 28px;
    left: 790px;
    position: absolute;
    top: 152px;
    width: 90px;
}
.order7 {
    height: 28px;
    left: 790px;
    position: absolute;
    top: 876px;
    width: 90px;
}
.countries3 {
    display: block;
    height: 23px;
    left: 668px;
    position: absolute;
    top: 229px;
    width: 76px;
}
.countries4 {
    display: block;
    height: 23px;
    left: 798px;
    position: absolute;
    top: 229px;
    width: 76px;
}

#prices table tr td {
    height: 36px;
    padding-left: 9px;
    padding-right: 9px;
    text-align: center;
}

#prices table .even,
.even1, .even2, .even3, .even4, .even5 {
    background: url(images/t_even.jpg) left top repeat-y;
}

.even1 { background-position: -255px top; }
.even2 { background-position: -385px top; }
.even3 { background-position: -517px top; }
.even4 { background-position: -645px top; }
.even5 { background-position: -772px top; }

#prices table .odd, 
.odd1, .odd2, .odd3, .odd4, .odd5{
    background: url(images/t_odd.jpg) left top repeat-y;
}

.odd1 { background-position: -255px top; }
.odd2 { background-position: -385px top; }
.odd3 { background-position: -517px top; }
.odd4 { background-position: -645px top; }
.odd5 { background-position: -772px top; }

#prices table {
	width: 902px;
	border-collapse: collapse;
    background-color: #FFFFFF;
    color: #464646;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
}

.t_title {
    background-image: url("images/t_title.jpg");
    background-repeat: no-repeat;
    color: #000000;
    height: 34px !important;
}
.zemlje ul {
    color: #464646 !important;
    font-size: 11px !important;
    line-height: 16px;
    margin: 0 0 3px -11px;
    padding: 0;
    width: 84px;
}
.zemlje ul .title {
    font-weight: bold;
    list-style-type: none;
    text-transform: uppercase;
}
table .goleft, table .zemlje, table .t_title {
    text-align: left !important;
}
table .zemlje {
    padding-left: 12px !important;
    padding-top: 10px;
    vertical-align: top;
}

table th {
    background: url(images/table_top.jpg) left top no-repeat;
    height: 185px;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: normal;
    text-align: center;
	vertical-align: top;
}

.name {
	margin: 16px 0 29px;
}

.box0 {
	width: 250px;
}
.box1 {
	width: 135px;
	background-position: -250px top;
}
.box2 {
	width: 132px;
	background-position: -385px top;
}
.box3 {
	width: 128px;
	background-position: -517px top;
}
.box4 {
	width: 127px;
	background-position: -645px top;
}
.box5 {
	width: 130px;
	background-position: -772px top;
}

.cena {
	line-height: 25px;
    font-size: 60px;
    font-weight: bold;
}

.cena span {
    font-size: 31px;
}

.small {
    color: #E5FFBB;
    display: block;
    font-size: 10px;
    margin-bottom: 30px;
}

.lastrow {
    background-image: url("images/lastrow.jpg");
    height: 47px;
}

#error {
    background: none repeat scroll 0 0 #CB3131;
    border: 3px solid #A81314;
    border-radius: 8px 8px 8px 8px;
    color: #FFFFFF !important;
    font-size: 15px;
    font-weight: bold;
    line-height: 25px;
    list-style: disc inside none;
    margin-bottom: 20px;
    padding: 10px 15px;
}

#sorder .col3 {
	left: 560px !important;
}

#sorder .complete {
    margin-left: -241px !important;
    margin-top: 94px !important;
}

.confirmintro a {
	font-weight: bold;
	text-decoration: underline;
	color: #000;
}

.complete2 {
	margin-top: 115px;
}

#confirmPage .complete {
	margin: 28px 0 0 0 !important;
	left: inherit !important;
	position: static !important;
}

/*
#BoxAlertBtnOk {
	display: none;
}
*/

#SexyAlertBox-Box .BoxAlert {
    background: url("images/dialog-help.png") no-repeat scroll 14px 12px transparent !important;
}

#fPass, #re-pass {
	border: 1px solid #666;
	border-radius: 4px;
	padding: 5px;
	margin-right: 10px;
	width: 120px;
}

#SexyAlertBox-Box h4 {
	font-size: 16px;
	margin-bottom: 10px;
}

#envi {
	border: 1px solid #666;
	border-radius: 4px;
	padding: 5px;
	width: 120px;
	margin-top: 20px;
	cursor: pointer;
	background: #EFEFEF;
	color: #333;
	text-decoration: none;
	display: block;
}

#SexyAlertBox-BoxContenedor {
    padding: 10px 8px 5px 85px !important;
}

h1 li {
	float: left;
	text-decoration: none;
	list-style: none;
	font-size: 14px;
	border-radius: 4px;
	background: #DEDEDE;
	padding: 5px 10px;
	margin: 0 5px 0 0;
}

h1 ul {
	float: right;
}

li.active {
	color: #FFF;
	background: #7ca638;
}
