@charset "utf-8";
@import url("login.css");

@media screen and (min-width: 200px) and (max-width: 900px) {
  .mobile-site {
    display:block !important;
    position:absolute;
    top: 50%;
    left: 50%;
    margin-left: -100px;
    margin-top: -100px;
    background-color: #FFFFFF;
    width: 200px;
    height:200px;
    z-index:999999;
  }
}

body,div,dl,dt,dd,li,h1,h2,h3,h4,h5,h6,pre,form, select, fieldset,input,textarea,p,th,td,tr,a,img { 
	margin:0;
	padding:0;
	border:0;
}

ul,ol {
  margin-top:0;
  margin-bottom:20px;
}

body {
	 background-color:#eeeeee;
	 background-image:url(../img/bg.jpg);
	 background-repeat:no-repeat;
	 background-position:center top;
	 font-family:Verdana, Arial, Helvetica, sans-serif;
	 font-size:14px;
	 line-height:21px;
	 color:#444444;
 }
 
 .container {
	 width:950px;
	 margin-right:auto;
	 margin-left:auto;
	 padding-bottom:45px;
 }
 
 h1 {
	 color:#000000;
	 font-size:2em;
	 /*clear:both;*/
	 margin-bottom:20px;
	 font-weight:normal;
	 line-height:normal;
 }
 
 h2 {
	 color:#000000;
	 font-size:1.3em;
   /*clear:both;*/
	 margin-bottom:10px;
	 font-weight:normal;
	 line-height:normal;
 }
 
 p, .paragraph {
	 margin-bottom:20px;
 }
 
 .clear {
   clear: both;
 }
 
 a {
   color: #ED2333;
   text-decoration: underline;
 }
 
 
 
.leftimage {
  float:left;
  margin:0 15px 15px 0;
  padding:15px;
}

.rightimage {
  float:right;
  margin:0 0 15px 15px;
  padding:15px;
}

.topimage {
  display:block;
  margin:0 auto 15px auto;
  padding:15px;
}

.bottomimage {
  display:block;
  margin:0 auto 15px auto;
  padding:15px;
}
 
 /* ---------------------------------------- header ---------------------------------------------*/
 
 
 
.header {
	position:relative;
	width: 950px;
	height: 199px;
}

.header .logo {
	float:left;
}

.header .menu{
	display:inline-block;
	background-image:url(../img/bg_top_menu.png);
	background-repeat:no-repeat;
	width:459px;
	height:199px;
}

.header .menu a{
	float:left;
	display:block;
	width:160px;
	height:44px;
	padding:22px 0 0 20px;
	margin-bottom:1px;
	font-weight:bold;
	text-decoration:none;
	color:#000000;
}

.header .menu a.selected,
.header .menu a:hover {
	color:#ed2333;
}

.header .language {
	float:right;
	background-image:url(../img/bg_language.png);
	background-repeat:no-repeat;
	width:89px;
	height:29px;
	text-align:right;
}

.header .language a {
	text-decoration:none;
	color:#ffffff;
	font-size:0.9em;
	display:block;
	margin:2px 10px 0 0;
}

.header .phone {
	position:absolute;
	bottom:-1px;
	right:0px;
	z-index:1;
	text-align:right;
	width: 375px;
}

.header .phone .login {
	background-image:url(../img/bg_login.png);
	background-repeat:no-repeat;
	text-decoration:none;
	color:#ffffff;
	display:block;
	height: 28px;
	line-height: 26px;
	padding-right:10px;
}

.header .login span {
	margin-left:17px;
	display:block;
	height: 28px;
	float:left;
 background-color: #000000;
 padding-left: 13px;
 padding-right: 15px;
	cursor: pointer;
}

.header .login a {
	text-decoration:none;
	color:#ffffff;
}


 /* ---------------------------------------- big image ---------------------------------------------*/
 
.bigimage {
 width:950px;
 height:335px;
 clear:both;
 position:relative;
 margin-bottom:55px;
}
.bigimage .images{
	width: 950px;
	height: 335px;
	z-index:1;
}
.bigimage .image{
	position:absolute;
	top:0;
	left:0;
	width: 992px;
	height: 370px;
}
 
.bigimage .left {
  position:absolute;
  top:0;
  left:0;
  z-index:1;
  cursor: pointer;

}
 
.bigimage .right {
 position:absolute;
	bottom:0;
	right:0;
	z-index:2;
  cursor: pointer;
}
 /* -----------------------------------------*/ 
 
.container .content {
  background-image:url(../img/bg_content.png);
  background-repeat:no-repeat;
  padding-top:30px;
  float:left;
  width:950px;
}

.contentbox {
  background-color:#FFFFFF;
  border:solid 1px #bfbfbf;
  line-height:normal;
  margin-bottom:25px;
  padding:25px;
  }
 
 
  /* ---------------------------------------- text index ---------------------------------------------*/
  
  
 .textindex {
	clear:both;
	position:relative;
	width:563px;
	float:left;
	margin-right:15px;
	text-align:justify;
 }
 
 
 /* ------------------------------------- activity ---------------------------------------------*/
.activity {
 position: relative;
 margin-left: 20px;
	width:352px;
	float:left;
	background-color:#FFFFFF;
	background-image:url(../img/corner_white.png);
	background-repeat:no-repeat;
}
 
.activity .shadow-left {
	width:20px;
	height:363px;
	position: absolute;
	left: -20px;
	background-image:url(../img/shadow_left.png);
	background-repeat:no-repeat;
	top:50px;
 }
  
.activity .shadow-bottom {
	position: absolute;
	width:286px;
	height:16px;
	background-image:url(../img/shadow_bottom.png);
	background-repeat:no-repeat;
	bottom: -16px;
	right:30px;
}
.activity .title {
	 color:#000000;
	 font-size:1.5em;
	 font-weight:normal;
	 line-height:normal;
	 display:block;
	 margin:25px 0 5px 30px;
}
 
.activity .title span {
	 color:#f30319;
}
 
.activity .icons {
	background-image:url(../img/bg_icon_selection.png);
	background-repeat:no-repeat;
	background-position: top right;
	width:260px;
	height: 43px;
	padding: 10px 0 0 60px;
	margin-left: 32px;
	margin-bottom:5px;
 }
 
 .activity .icons span {
	float:left;
	width:43px;
	height:43px;
	cursor:pointer;
 }

.activity .icons .baracci {
	 background-image:url(../img/icon_inewsblitz_small_off.png);
	 background-repeat:no-repeat;
 }
 
.activity .icons .baracci:hover, .activity .icons .baracci.selected {
	 background-image:url(../img/icon_inewsblitz_small_on.png);
 }
 
 .activity .icons .blog {
	 background-image:url(../img/icon_blog_small_off.png);
	 background-repeat:no-repeat;
 }
 
.activity .icons .blog:hover, .activity .icons .blog.selected {
	 background-image:url(../img/icon_blog_small_on.png);
 }
 
 .activity .icons .facebook {
	 background-image:url(../img/icon_facebook_small_off.png);
	 background-repeat:no-repeat;
 }
 
.activity .icons .facebook:hover, .activity .icons .facebook.selected {
	 background-image:url(../img/icon_facebook_small_on.png);
 }

.activity .icons .google {
	 background-image:url(../img/icon_google_small_off.png);
	 background-repeat:no-repeat;
 }
 
.activity .icons .google:hover, .activity .icons .google.selected {
	 background-image:url(../img/icon_google_small_on.png);
 }
 
 .activity .icons .twitter {
	 background-image:url(../img/icon_twitter_small_off.png);
	 background-repeat:no-repeat;
 }
 
.activity .icons .twitter:hover, .activity .icons .twitter.selected {
	 background-image:url(../img/icon_twitter_small_on.png);
 }
 
 .activity .icons .linkedin {
	 background-image:url(../img/icon_linkedin_small_off.png);
	 background-repeat:no-repeat;
 }
 
.activity .icons .linkedin:hover, .activity .icons .linkedin.selected {
	 background-image:url(../img/icon_linkedin_small_on.png);
 }

.activity .content {
 clear: both;
	margin:0 30px 30px 30px;
	font-size:0.9em;
	line-height:normal;
	text-align:justify;
	width: 285px;
	padding: 0;
}

.activity .content .date{
	 color:#f30319;
	 line-height:40px;
}

.activity .content .text{
	 height:112px;
}

.activity .contentimage {
	background-image:url(../img/bg_pinterest.jpg);
	background-repeat:repeat-x;
	position:relative;
	margin-bottom:20px;
}

.activity .contentimage td{
	width: 155px;
	text-align: center;
}

.activity .contentimage .pinterest {
 display:block;
	position:absolute;
	top:70%;
	left:18%;
}

.activity .contentimage .youtube {
 display:block;
	position:absolute;
	top:70%;
	left:67%;
}


 
 /* ------------------------------------- contact ---------------------------------------------*/
.contact {
 width:352px;
 float:left;
 background-color:#FFFFFF;
 background-image:url(../img/corner_white.png);
 background-repeat:no-repeat;
  font-size:1.1em;
 }
 
.contacttitle {
  color:#000000;
  font-size:1.5em;
  font-weight:normal;
  line-height:normal;
  display:block;
  margin:25px 0 5px 30px;
  text-transform:uppercase;
 }
 
.contacttitle span {
  color:#f30319;
 }
 
.contacttitle {
 margin-left:630px;
}
 
.contacticon {
 background-image:url(../img/bg_icon_selection.png);
 background-repeat:no-repeat;
 float:right;
 width:260px;
 padding: 10px 0 0 60px;
 margin-bottom:5px;
 }
 
 .contacticon a {
 float:left;
 width:43px;
 height:43px;
 }

.contacticon a.baracci {
  background-image:url(../img/icon_inewsblitz_small_off.png);
  background-repeat:no-repeat;
 }
 
.contacticon a.baracci:hover {
  background-image:url(../img/icon_inewsblitz_small_on.png);
 }
 
 .contacticon a.blog {
  background-image:url(../img/icon_blog_small_off.png);
  background-repeat:no-repeat;
 }
 
.contacticon a.blog:hover {
  background-image:url(../img/icon_blog_small_on.png);
 }
 
 .contacticon a.facebook {
  background-image:url(../img/icon_facebook_small_off.png);
  background-repeat:no-repeat;
 }
 
.contacticon a.facebook:hover {
  background-image:url(../img/icon_facebook_small_on.png);
 }

.contacticon a.google {
  background-image:url(../img/icon_google_small_off.png);
  background-repeat:no-repeat;
 }
 
.contacticon a.google:hover {
  background-image:url(../img/icon_google_small_on.png);
 }
 
.contacticon a.twitter {
  background-image:url(../img/icon_twitter_small_off.png);
  background-repeat:no-repeat;
 }
 
.contacticon a.twitter:hover {
  background-image:url(../img/icon_twitter_small_on.png);
 }
 
.contacticon a.linkedin {
  background-image:url(../img/icon_linkedin_small_off.png);
  background-repeat:no-repeat;
 }
 
.contacticon a.linkedin:hover {
  background-image:url(../img/icon_linkedin_small_on.png);
 }

.contactcontent {
 margin:0 30px 30px 30px;
 font-size:0.9em;
 line-height:20px;
 text-align:justify;
}

.contactdate{
  color:#f30319;
  line-height:40px;
}

.contactcontentimage {
 background-image:url(../img/bg_pinterest.jpg);
 background-repeat:repeat-x;
 position:relative;
 margin-bottom:20px;
}


.contactcontent {
 margin:0 0 30px 30px;
 float:left;
 width:270px;
 color:#000000;
}

.bigtitle{
  color:#f30319;
  line-height:40px;
  font-size:1.5em;
}




/* -------------------------------------------------- step ---------------------------------------------*/

.steps {
	background-color:#FFFFFF;
	border:solid 1px #bfbfbf;
	font-size:0.85em;
	line-height:normal;
	margin-bottom:50px;
}

.steps .step1,
.steps .step2,
.steps .step3 {
 display:block;
	background-repeat:no-repeat;
	color:#ffffff;
	font-size:1.6em;
	width:200px;
	height: 48px;
	line-height: 48px;
	padding-left: 40px;
}

.steps .step1 {
	background-image:url(../img/bg_step_1.jpg);
}

.steps .step2 {
	background-image:url(../img/bg_step_2.jpg);
}

.steps .step3 {
	background-image:url(../img/bg_step_3.jpg);
}

.steps .stepvideo {
 width: 205px;
	padding:15px 0 15px 0;
}

.steps ul{
	margin:0px 0 5px -20px;
}

.steps .red{
	color:#f3061c;
}

.steps ul li{
padding:8px 0 8px 0;
color:#444444;

}

.steps ul li :first-child {
	color:#000000;
}

/* ------------------------------------ anti spam ----------------------------------------------*/


.spambox {
	background-image:url(../img/corner_white.png);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	width:740px;
	padding:15px 170px 15px 40px;
	line-height:normal;
	font-size:0.9em;
	text-align:justify;
	position:relative;
	cursor:pointer;
}

.spambox .icon {
	width:114px;
	height:140px;
	position:absolute;
	top:-15px;
	right:20px;

}

.shadowbox {
	background-image:url(../img/shadow_bottom_big.png);
	background-repeat:no-repeat;
	width:950px;
	height:16px;
	margin-bottom:50px;
}

/* ----------------------------------------- infokiosk ----------------------------- */

.infokiosk {
  word-spacing: -5px;
}

.infokiosk * {
  word-spacing: normal;
}

.infokiosk .leftcol {
  width:562px;
  display: inline-block;
  vertical-align: top;
}

.infokiosk .lefttab {
  background-color:#000000;
  float:left;
  background-image:url(../img/onglet_spliter_black.jpg);
  background-repeat:no-repeat;
  background-position:right;
  height:31px;
  padding: 0 18px 0 15px;
  position:relative;
}

.infokiosk .righttab {
  background-color:#000000;
  float:left;
  background-image:url(../img/onglet_black_end.jpg);
  background-repeat:no-repeat;
  background-position:right;
  height:31px;
  padding: 0 10px 0 5px;
  position:relative;
}

.infokiosk .lefttab .pointer,
.infokiosk .righttab .pointer {
  display:none;
  position:absolute;
  background-image: url(../img/arrow_selector.png);
  width:24px;
  height: 10px;
  bottom: -10px;
  left: 50%;
  margin-left: -26px;
}

.infokiosk .lefttab.selected {
  background-color:#f3061c;
  background-image:url(../img/onglet_spliter.jpg);
}
.infokiosk .righttab.selected {
  background-color:#f3061c;
  background-image:url(../img/onglet_red_end.png);
}

.infokiosk .lefttab.selected .pointer,
.infokiosk .righttab.selected .pointer {
  display:block;
}

.infokiosk .tablink {
  color:#ffffff;
  font-size:1.3em;
  text-decoration:none;
  display:block;
  margin:5px 30px 5px 10px; 
} 

.infokiosk .search {
  float:right;
  background-image:url(../img/bg_search.png);
  background-repeat:no-repeat;
  background-position:right;
  height:28px;
  width:218px;
  padding-top:5px;
  word-spacing: -5px;
}

.infokiosk .search input[type=text] {
  background-color:transparent;
  margin:0 28px 0 33px;
  width:126px;
  height: 27px;
  line-height: 27px;
  vertical-align:top;
  word-spacing: normal;
}

.infokiosk .search input[type=button] {
  background-color:transparent;
  width:17px;
  height:20px;
  background-image:url(../img/bt_search.png);
  background-repeat:no-repeat;
  cursor:pointer;
  margin-top:2px;
}

.infokiosk .list {
  background-color:#ffffff;
  padding:10px 4px 10px 4px;
  clear:both;
}


.infokiosk .list strong {
  font-size:1em;
  color:#000000;
  display:block;
  font-weight:bold;
}


.infokiosk .list .even,
.infokiosk .list .odd {
  padding:12px 0 12px 20px ;
  font-size:0.9em;
  color:#888888;
  text-decoration:none;
  display:block;
  cursor:pointer;
}
.infokiosk .list .even{
  background-color:#eeeeee;
}

.infokiosk .list .even:hover,
.infokiosk .list .odd:hover{
  background-image:url(../img/bg_list.jpg);
  background-repeat:no-repeat;
  background-color:#f3061c;
  color:#fbc4c4;
}

.infokiosk .list .odd {
  font-size:0.9em;
  color:#888888;
  text-decoration:none;
  display:block;
}


.infokiosk .list .even:hover strong,
.infokiosk .list .odd:hover strong {
  color:#ffffff;
}

.infokiosk .shadowleft {
    background-image: url("../img/shadow_left.png");
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align:top;
    height: 363px;
    margin-top: 90px;
    width: 20px;
    margin-left:15px;
}

.infokiosk .activity {
  position: relative;
  vertical-align: top;
  float:none;
  display: inline-block;
  margin:0;
  width: 350px;
}
.infokiosk .activity .title{
  margin: 10px 0 5px 50px;
}

.infokiosk .videos {
  background-image:url(../img/bg_video.jpg);
  background-position: 0 188px;
  background-repeat:repeat-x;
  padding:0 4px 10px 4px;
}

.infokiosk .videos .nodes {
  padding-top: 8px;
}


.infokiosk .videos .odd,
.infokiosk .videos .even {
  padding-left:40px ;
  font-size:1em;
  color:#000000;
  text-decoration:none;
  display:block;
  background-image:url(../img/arrow_video.png);
  background-position: 15px 50%;
  background-repeat:no-repeat;
  height: 43px;
  line-height: 41px;
  cursor:pointer;
}

.infokiosk .videos .even {
  background-color:#eeeeee;
}

.infokiosk .videos .odd:hover,
.infokiosk .videos .even:hover {
  color:#ffffff;
  background-color:#000000;
  background-image:url(../img/selected_video.png);
  background-position: 8px 50%;
  background-repeat:no-repeat;
}

.infokiosk .activity .shadowbottom {
  background-image: url("../img/shadow_bottom.png");
  background-repeat: no-repeat;
  background-position: center top;
  height: 16px;
  margin-right: 30px;
  position:absolute;
  bottom: -16px;
  left: 0;
  right: 0;
}

.infokiosk .more {
  text-align:right;
}

/* ----------------------------------------- plan ---------------------------------*/


.plans .descriptions {
  background-image:url(../img/plan_center.png);
  background-repeat:repeat-y;
  width:950px;
}

.plans .buttons {
  background-image:url(../img/plan_footer.png);
  background-repeat:no-repeat;
  height:93px;
  margin-bottom:30px;
}

.plans .bronze {
  width:186px;
  float:left;
  color:#a23d06;
  text-align:center;
}

.plans .descriptions .bronze {
  background-image:url(../img/prefered_corner.png);
  background-repeat:no-repeat;
  background-position:right top;
}

.plans .silver {
  width:200px;
  float:left;
  color:#575656;
  text-align:center;
}

.plans .gold {
  width:189px;
  float:left;
  color:#f3c13a;
  text-align:center;
}

.plans .platinum {
  width:188px;
  float:left;
  color:#71a5d1;
  text-align:center;
}

.plans .diamond {
  width:187px;
  float:left;
  color:#cebe90;
  text-align:center;
}

.plans .descriptions .price {
  font-size:1.8em;
  color:#000000;
  font-weight:bold;
  display:block;
}


.plans .descriptions .price.promo-20 {
 text-decoration:line-through;
 position: relative;
}

.plans .descriptions .price.promo-20 img {
 top: -5px;
 left: -30px;
 position:absolute;
}

.plans .descriptions .month {
  font-size:0.9em;
  color:#000000;
  font-weight:bold;
  display:block;
  text-transform: uppercase;
}

.plans .descriptions .annually {
  font-size:0.8em;
  color:#999999;
  font-weight:bold;
  display:block;
  margin-bottom:42px;
}

.plans .descriptions .mail {
  font-size:2.6em;
  font-weight:bold;
  display:block;
}

.plans .descriptions .monthly {
  font-size:1.1em;
  display:block;
  margin:15px 0 40px 0;
}

.plans .descriptions .option {
  font-size:1em;
  color:#999999;
  font-weight:bold;
  display:block;
  margin-bottom:25px;
}


.plans .buttons .bt {
  font-size:1.1em;
  font-weight:bold;
  text-decoration:none;
  color:#ffffff;
  padding:7px 8px 10px 8px;
  background-repeat:repeat-x;
  position:relative;
  display:inline-block;
  background-image: url(../img/bt_plan_center.png);
}

.plans .buttons .silver .bt { background-position: 0 -38px; }
.plans .buttons .gold .bt { background-position: 0 -76px; }
.plans .buttons .platinum .bt { background-position: 0 -114px; }
.plans .buttons .diamond .bt { background-position: 0 -152px; }

.plans .buttons .bt .left, 
.plans .buttons .bt .right {
  position:absolute;
  display:block;
  width:10px;
  height:38px;
  top:0;
  background-image: url(../img/bt_plan_corners.png);
}

.plans .buttons .bt .left { left:-10px; }
.plans .buttons .bt .right { right:-10px; background-position: -10px 0; }
.plans .buttons .silver .bt .left { background-position: 0 -38px; } 
.plans .buttons .silver .bt .right { background-position: -10px -38px; }
.plans .buttons .gold .bt .left { background-position: 0 -76px; } 
.plans .buttons .gold .bt .right { background-position: -10px -76px; }
.plans .buttons .platinum .bt .left { background-position: 0 -114px; } 
.plans .buttons .platinum .bt .right { background-position: -10px -114px; }
.plans .buttons .diamond .bt .left { background-position: 0 -152px; } 
.plans .buttons .diamond .bt .right { background-position: -10px -152px; }



.plans-form .selection {
  margin:25px 0 25px 25px;
  display:inline-block;
  vertical-align: top;
  width:564px;
  background-image:url(../img/bg_select_spliter.png);
  background-repeat:no-repeat;
  background-position:right;
}

.plans-form .selection a {
  display:block;
  position:relative;
  height:42px;
  line-height: 40px;
  margin-bottom: 1px;
  margin-left: 1px;
  color:#979595;
  background-image:url(../img/select_off.png);
  background-repeat:repeat-y;
  background-position: 45px 0;
  font-size:1.5em;
  text-decoration:none;
}

.plans-form .selection a .check {
  display:inline-block;
  width: 44px;
  text-align: center;
  height: 42px; 
  line-height: 40px;
  vertical-align: top;
  background-image:url(../img/select_plan.png);
  background-repeat:repeat-y;
  margin-right: 12px;
}

.plans-form .selection a .quota {
  position: absolute;
  top: 0;
  left: 270px;
  width: 270px;
  height: 42px;
  text-align: right;
  font-size: 0.8em;
  color: #000;
  display:none;
  text-transform: lowercase;
}

.plans-form .selection a.selected .quota,
.plans-form .selection a:hover .quota {
  display: block;
}

.plans-form .selection .silver .check { background-position: -46px 0; }
.plans-form .selection .gold .check { background-position: -92px 0; }
.plans-form .selection .platinum .check { background-position: -138px 0; }
.plans-form .selection .diamond .check { background-position: -184px 0; }

.plans-form .selection .check span {
  display:block;
  width: 12px;
  height: 12px; 
  background-image: url(../img/plan_radio.png);
  background-position: 0 0;
  margin: 15px auto;
}

.plans-form .selection .selected .check span {
  background-position: 0 -12px;
}

.plans-form .selection .bronze.selected,
.plans-form .selection .bronze:hover,
.plans-form .selection .silver.selected,
.plans-form .selection .silver:hover,
.plans-form .selection .gold.selected,
.plans-form .selection .gold:hover,
.plans-form .selection .platinum.selected,
.plans-form .selection .platinum:hover,
.plans-form .selection .diamond.selected,
.plans-form .selection .diamond:hover {
  color:#ffffff;
  background-image:url(../img/select_over.png);
  background-repeat:no-repeat;
}

.plans-form .selection .silver.selected,
.plans-form .selection .silver:hover {
  background-position: 45px -42px;
}

.plans-form .selection .gold.selected,
.plans-form .selection .gold:hover {
  background-position: 45px -84px;
}

.plans-form .selection .platinum.selected,
.plans-form .selection .platinum:hover {
  background-position: 45px -126px;
}

.plans-form .selection .diamond.selected,
.plans-form .selection .diamond:hover {
  background-position: 45px -168px;
}

.plans-form .interval {
  display: inline-block;
  vertical-align: top;
  margin: 25px 0 0 11px;
  color: #999999;
  font-size: 0.9em;
  font-weight: bold;
  width: 320px;
}

.plans-form .interval label {
  display: block;
  position: relative;
  padding-left: 26px;
  margin: 10px;
}

.plans-form .interval label input {
  position:absolute;
  top: 15px;
  left: 0px;
}

.plans-form .interval .price {
  color:#000000;
  font-size:1.7em;
  display:block;
}

.plans-form .interval .save {
  color:#ed2333;
}

.plans-form .interval .pricesmall {
  font-size:1.2em;
  display:block;
}

.plans-form .verticalline { margin:15px 10px 22px 10px; }



.plans-form input[type=text], .plans-form input[type=password], .plans-form textarea, .plans-form select {
  width:274px;
  padding:7px 5px;
  border:solid 1px #999999;
  margin:8px 0;
}

.plans-form select {
  width:285px;
}

.plans-form .fieldset {
  font-size:0.9em;
  margin:20px 0 20px 8px;
  float:left;
}

.plans-form .label {
  padding-right:5px;
  text-align:right;
}

.password {
  background-color:#999999;
  background-image:url(../img/password_corner.jpg);
  background-repeat:no-repeat;
  background-position:right;
  color:#ffffff;
  font-size:0.8em;
  height:23px;
  line-height:21px;
}

.passwordbox {
  display:inline-block;
  background-color:#eeeeee;
  width:114px;
  height:6px; 
}

.passwordboxinside {
  background-color:#f3061c;
  height:4px;
  margin:1px;
  width:1px;
}


/* --------------------------------------- client ----------------------------------*/

.client {
	width:457px;
	margin-right:35px;
	float:left;
}

.client .logo {
	background-image:url(../img/bg_client.jpg);
	background-repeat:no-repeat;
	text-align:center;
	height:130px;
	padding: 40px 0 41px 0;
}

.client .id {
	display: none !important;
}

.blackbox {
 position:relative;
	background-image:url(../img/bg_client.png);
	background-repeat:no-repeat;
	font-size:0.8em;
	color:#FFFFFF;
	margin-top:4px;
}

.blackbox .text {
	width: 371px;
	height: 45px;
	padding:7px;
	line-height:15px;
}

.redbox .button,
.blackbox .button {
	position: absolute;
	right: 0;
	padding:0 12px;
	cursor:pointer;
}

/* --------------------------------------- pub----------------------------------*/


.pub{
	width:457px;
	float:left;
}

.redbox {
 position:relative;
	background-image:url(../img/bg_pub.png);
	background-repeat:no-repeat;
	font-size:0.8em;
	color:#FFFFFF;
	line-height:normal;
	margin-top:4px;
}

.redbox .text {
	width: 371px;
	height: 45px;
	padding:7px;
}

/* ------------------------------------ form ----------------------------------*/

.darkbox {
  width:438px;
  background-color:#eeeeee;
  float:left;
  margin-top:25px;
}

.titleangle {
  display:inline-block;
  font-size:1.2em;
  color:#ffffff;
  position:relative;
  background-color:#000;
  padding:12px 2px 12px 7px;
}

.titleangle .corner {
  position:absolute;
  display:block;
  width:29px;
  height:44px;
  top:0;
  right:-29px;
  background-image:url(../img/bg_title.png);
  background-repeat:no-repeat;
}

.textbigblack {
  font-size:1.3em;
  color:#000000;
}

.textsmalgray {
  font-size:0.9em;;
  color:#777777;
}

.bottombutton {
  background-image:url(../img/bg_bottom_button.jpg);
  background-repeat:no-repeat;
  width:900px;
  height:45px;
  float:left;
  margin-top:20px;
  color:#FFF;
  font-size:0.8em
}

.bottombuttonaction {
  float:right;
  margin:13px 10px 10px 0;
  font-size:1.4em;
  text-transform:uppercase;
  text-decoration:none;
  color:#FFF;

}

.btstandard {
  display:inline-block;
  background-color: #F3061C;
  background-image: url("../img/bt_left.jpg");
  background-repeat: no-repeat;
  clear: both;
  color: #FFFFFF;
  height: 30px;
  line-height: 28px;
  font-size: 14px;
  margin-top: 15px;
  padding: 0 25px 0 35px;
  text-decoration: none;
  text-transform: uppercase;
}
.btstandard.gray {
    background-image: url("../img/bt_left_gray.png");
}

.error-msg {
  color: #ED2333;
  text-align: center;
}

/* ---------------------------------- slider -------------------------------*/

.gradient-box {
  background-image:url(../img/bg_gradient.jpg);
  background-repeat:repeat-x;
  background-color:#ffffff;
  border:solid 1px #aaaaaa;
  padding:0 ;
  margin-bottom:25px;
}

.slider {
  background-image:url(../img/bg_gradient.jpg);
  background-repeat:repeat-x;
  background-color:#ffffff;
  border:solid 1px #aaaaaa;
  padding:0 20px 0 20px ;
  margin-bottom:25px;
  position: relative;
  word-spacing: 0;
  letter-spacing: -5px;
  height:160px;
  overflow: hidden;
}

.slider .left {
  background-image:url(../img/arrow_nav_left.png);
  background-repeat: no-repeat;
  background-position: center center;
  width:15px;
  position:absolute;
  display:block;
  top: 0;
  left: 5px;
  bottom: 0;
}

.slider .right{
  background-image:url(../img/arrow_nav_right.png);
  background-repeat: no-repeat;
  background-position: center center;
  width:15px;
  height:160px;
  position:absolute;
  display:block;
  top: 0;
  right: 5px;
  bottom: 0;
}

.slider .scroller{
  position:relative;
  white-space: nowrap;
  overflow:hidden;
  height:160px;
}

.slider .scroller .in{
  position: absolute;
  top:0;
  left: 0;
}

.slider .box {
  width:226px;
  background-image:url(../img/bg_gradient_spliter.jpg);
  background-repeat:no-repeat;
  background-position:right;
  display:inline-block;
  text-align:center;
  padding-top:40px;
  height:120px;
  vertical-align: top;
}
.slider .box img {
  max-width: 195px;
  max-height: 99px;
}

.site-map {
  background-color: #FFF;
  padding: 20px;
  color: #000;
}

.site-map a {
  text-decoration: none;
  color: #272727;
}

.site-map a:hover {
  color: #ED2333;
}

.site-map ul {
  margin-left: 40px;
  list-style-type: square;
}
.site-map ul ul {
  margin-left: 20px;
}

/* --------------------------------------- Angle Box ------------------------------------- */

.angle-box {
  position: relative;
  margin : 0 auto;
  padding: 15px 0 15px 5px;
  background-color: #FFF;
  min-height: 62px;
  width: 435px;
}

.angle-box .borders .top-left {
  position:absolute;
  display:block;
  top:0;
  left: -38px;
  height:62px;
  width: 38px;
  background-image: url(../img/popup/top_left.png);
  background-position: right bottom;
  background-repeat: no-repeat;
}

.angle-box .borders .left {
  position:absolute;
  display:block;
  top: 62px;
  left: -38px;
  bottom:0;
  width: 38px;
  background-color: #FFF;
}

.angle-box .borders .bottom-right {
  position:absolute;
  display:block;
  bottom:0;
  right: -38px;
  height:62px;
  width: 38px;
  background-image: url(../img/popup/bottom_right.png);
  background-position: left top;
  background-repeat: no-repeat;
}
.angle-box .borders .right {
  position:absolute;
  display:block;
  bottom: 62px;
  right: -38px;
  top:0;
  width: 38px;
  background-color: #FFF;
}

.angle-box .input {
  display:inline-block;
  padding-right: 29px;
  height: 46px;
  line-height: 42px;
  background-image: url(../img/input_angle.png);
  background-position: right top;
  background-repeat: no-repeat;
}
.angle-box input[type=password],
.angle-box input[type=text] {
  height: 44px;
  line-height: 42px;
  padding: 0 2px 0 10px;
  border: 1px solid #272727;
  border-right:none;
  background-color: #EEE;
  width : 385px;
}
.angle-box .frm-bt {
  display:inline-block;
  position:relative;
  padding: 0 26px;
  margin-left: -26px;
}

.angle-box .frm-bt .right,
.angle-box .frm-bt .left {
  display:block;
  position:absolute;
  width: 26px;
  height: 44px;
  top:0;
  left: 0;
  background-image: url(../img/red_slants.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  
}

.angle-box .frm-bt.black {
  padding: 0 27px 0 28px;
}

.angle-box .frm-bt.black .right,
.angle-box .frm-bt.black .left {
  background-image: url(../img/black_slants.png);
  width: 28px;
}

.angle-box .frm-bt .right {
  top:0;
  left: auto;
  right: 0;
  background-position: -26px 0;
}
.angle-box .frm-bt.black .right {
  width: 27px;
  background-position: -28px 0;
}
.angle-box .frm-bt input {
  display:inline-block;
  height: 44px;
  line-height: 42px;
  padding: 0 23px;
  background-color: #ed2333;
  color: #FFF;
}

.angle-box .frm-bt.black input {
  background-color: #000;
}

.angle-box.wide{
  position: relative;
  margin: 0 0 40px 40px;
  padding: 24px 20px 15px 0px;
  background-color: #FFF;
  min-height: 62px;
  width: auto;
  clear: both;
}

.angle-box.wide .title {
  text-transform: uppercase;
  color: #000000;
  display: block;
  font-size: 1.5em;
  font-weight: normal;
  line-height: normal;
  margin: 0 0 5px 0px;
}

.angle-box.wide .in {
  position:relative;
  left: -8px;
}

.angle-box.wide .borders .shadow {
  position:absolute;
  display:block;
  bottom:-16px;
  right:0;
  left: -38px;
  height:16px;
  background-image: url("../img/shadow_bottom_big.png");
  background-repeat: no-repeat;
  background-position: center top;
}

.angle-box.wide .title span {
    color: #F30319;
}

.content-list {
  width: 100%;
  margin: 20px 0 0 0;
}

.content-list td {
  height:50px;
  padding-left:15px;
}

.content-list .odd {
  background-color:#eeeeee;
}
.content-list a {
  text-decoration:none;
}

.dynamic-text {
  padding:0;
  margin-bottom: 15px;
}

.dynamic-text .title{
  color: #ED2333;
  background-color: #FFFFFF;
  background-image: url(../img/bt_text_open.jpg);
  background-position: right top;
  background-repeat: no-repeat;
  cursor:pointer;
  font-size: 1.1em;
    padding: 20px;
}

.dynamic-text .title span {
  font-weight: normal;
  font-size: 0.9em;
  color:#ADABAD;
  float:right;
  display:block;
  margin-right: 34px;
}

.dynamic-text.open .title {
  background-image: url(../img/bt_text_close.jpg);
  border:solid 1px #aaaaaa;
}

.dynamic-text .text-content {
  position:relative;
  background-color: #FFFFFF;
  display:none;
   padding:20px 20px 10px 20px;
  border:solid 1px #aaaaaa;
  border-top:0;
}

.dynamic-text.open .text-content {
  display: block;
}
/* --------------------------------------- footer --------------------------------*/

.footer {
	height:383px;
	background-image:url(../img/bg_footer.jpg);
	background-repeat:repeat-x;
	clear:both;
}

.footer a {
	color:#888888;
	text-decoration:none;
}

.footer .content {
	height:383px;
	width:950px;
	background-image:url(../img/bg_footer_content.jpg);
	background-repeat:no-repeat;
	margin-left:auto;
	margin-right:auto;
	color:#FFFFFF;
}

.footer .logo {
	padding-left:124px;
}

.footer .menu{
 height: 172px;
	padding-top:25px;
}

.footer .menu a{
	float:left;
	display:block;
	width:140px;
	height:39px;
	padding:18px 0 0 20px;
	font-weight:bold;
	text-decoration:none;
	color:#888888;
	font-size:0.9em;
	margin:0 0 1px 0;
	line-height:normal;
}

.footer .menu a:hover {
	color:#ffffff;
}

.footer .legal {
	clear:both;
	color:#ffffff;
	font-size:0.9em;
	padding: 8px 0 0 15px;
}

.footer .baraccitag {
 display: inline-block;
	color:#272727;
	font-size:0.9em;
	margin: 17px 0 0 15px;
}

.footer .reachus {
	font-size:1.3em;
	color:#272727;
	font-weight:bold;
	float:right;
	margin:11px 30px 0 0;
	background-color: #EEEEEE;
	height: 31px;
	line-height:30px;
	padding-left: 10px;
}

.footer .icons {
	clear:both;
	text-align:right;
	padding-top:12px;
	margin-right:15px;
	width:477px;
	height: 48px;
}

.footer .text {
	margin-top:8px;
	padding-right:50px;
	font-size:0.9em;
	width:442px;
	height: 110px;
	overflow: hidden;
}

.footer h3 {
	color:#f30319;
	font-size:1.2em;
	margin-bottom:10px;

}

.footer .enews {
	margin:0px 0 0 0;
}

.footer .enews .field {
 display:block;
	background-color:transparent;
	color:#8a8c8f;
	margin:12px 0 0 12px;
	padding: 11px 10px;
	height: 1.5em;
	width:240px;
}

.footer .enews .button {
 display:block;
	background-color:transparent;
	background-image:none;
	color:#FFFFFF;
	margin:6px 0 0 10px;
	font-size:1.3em;
	cursor:pointer;
	padding:10px;
	width:120px;
 text-align: left;
}

#modal {
	background-image:url(../img/black_tr.png);
	background-repeat: repeat;
 position: absolute;
 top:0;
 left:0;
 width: 100%;
 height: 100%;
 z-index:8;
}

.mobile-site {
  display:none;
}

#inewsblitz_signup_form {
  display: none;
}


/*    ****************************   Popup  ************************   */
.img-zoom {
 position: absolute;
 background-color: #FFFFFF;
 padding: 12px;
 z-index: 9999;
 top:50%;
 left: 50%;
 text-align:center;
}

.img-zoom .close, .img-zoom .previous, .img-zoom .next {
  display:block;
  position: absolute;
  background-repeat: no-repeat;
}

.img-zoom .close {
  top: -26px;
  right: -28px;
  height: 52px;
  width: 52px;
  background-image: url(../img/close.png);
}

.img-zoom .previous, .img-zoom .next {
  bottom: 0;
  width: 25px;
  background-image: url(../img/previous_next.png);
}

.img-zoom .previous {
  top: 0;
  left: -25px;
  bottom: 0;
  width: 25px;
  background-position: 0 center;
}

.img-zoom .next {
  top: 26px;
  right: -25px;
  background-position: -25px center;
}