/*
Theme Name: iPlott 2009 (Starkers based)
Theme URI: http://www.promobit.com
Description: iPlott Main Theme
Version: 0.1
Author: Promobit Communications
Author URI: http://www.promobit.com
Tags: iplott
*/
@import "Waterfall_CSS/waterfall.css";


/* STARKER LAYOUT */
/* ----------------------------------------- */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

/* You might find the following useful */
/* div, ul, li { position:relative } This will save you having to declare each div / ul / li's position as 'relative' and allows you to absolutely position elements inside them */
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */


/**
 * %% Common Layout Styles
 */
body {
	background-color:#F1F3F5;
	text-align:center;
	font: 12px Verdana, Arial, Helvetica, sans-serif
}

a {
	color:#0099FF;
}

/* Forms */
input[type='text'], input[type='password'] ,
textarea, select {
	border:1px solid #ccc;
	color:#333333;
}

/* Clearfix */

.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
* html .clearfix {height:1%;}
.clearfix {display:block;}


/* Rounded corners */ 
.rounded_10 {
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius: 10px;
}
.rounded_7 {
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius: 7px;
}
.rounded_4 {
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius: 4px;
}

/* Boxes */
.container_box {
	border:1px solid #ccc;
	background-color:#fff;
	padding:0;
	overflow:hidden;
	color: #333;
	margin-bottom:15px;
}

.promo_1 {
	padding:16px 24px 12px 24px;
	width: 930px;
	height:380px;
	overflow:visible;
}
.promo_2, .promo_3 {
	width:978px;
}
	.promo_2 > ul > li , .promo_3 > ul > li {
		width:216px;
		float:left;
		border-left:1px solid #ccc;
		padding:19px 14px 13px;
	}
		.promo_2 > ul > li:first-child , .promo_3 > ul > li:first-child {
			border-left:0;
			width:215px;
		}
	.promo_2 li > h4, .promo_3 li > h4 {
			color:#333;
			margin-bottom:15px;
			line-height:1.1em;
			font-weight:bold;
			font-size:18px;
		}
		.promo_2 li p a, .promo_3 li p a {
			color:#09C;
		}
	.promo_2 li li, .promo_3 li li  { 
		background:url(images/list_check_red.gif) no-repeat left 1px;
		padding-left:15px;
	}
	.promo_2 > ul > li {
		height:266px;
	}
	.promo_2 .promo_2_icon {
		margin-top:10px;
		text-align:center;
	}
			
	.promo_3 > ul > li {
			height:96px;
	}
	.promo_3 h4 {
		line-height:1em !important;
	}
	.promo_3 div {
		position: relative;
		padding-left:80px;
		width:130px;
	}
		.promo_3 div img:first-child {
			position: absolute;
			width:70px;
			height:70px;
			overflow:hidden;
			top:0;
			left:0;
		}

	.promo_3.promo_has_label {
		-moz-border-radius-topleft:0px;
		-webkit-border-radius-topleft:0px;
		border-radius-topleft: 0px;
		overflow:visible;
		margin-top: 44px;
	}
		.promo_has_label h3 {
			background-color:#fff;
			margin:-29px 0 0 -1px;
			border:1px solid #ccc;
			-moz-border-radius: 4px 4px 0 0;
			-webkit-border-radius: 4px 4px 0 0;
			border-radius: 4px 4px 0 0;
			float:left;
			padding:0 14px;
			line-height:27px;
			color:#E21474;
			text-transform:uppercase;
			font-weight:bold;
			font-size:17px;
		}

/* Login Form */
.login_form fieldset {
}
.login_form legend {
	text-transform:uppercase;
	font-weight:bold;
}
.login_form label{
	display:block;
}
.login_form .login_username, .login_form .login_password  {
	background:url(images/login_username_icon.gif) no-repeat scroll 1px center;
	height:19px;
	padding-left:16px;
}
.login_form .login_password {
	background-image:url(images/login_password_icon.gif);
}


/**
 * %%Layout Elements
 */

body {
	padding-top:7px;
}

#container {
	width:980px;
	margin:0 auto;
	text-align:left;
}
#header {
	height:60px;
}
	#header_logo, #header > div {
		border-left: 1px solid #ccc;
		padding:4px 10px;
		float:left;
		height:52px;
		overflow:hidden;
	}
	#header_logo {
		border-left-width:0;
		width:305px;
	}
			#header_logo a#header_blog_title {
				background:url(http://www.iplott.com/site/wp-content/uploads/logo-iplott.jpg) no-repeat center left;
				float:left;
				display:block;
				width:144px;
				text-indent:-9999px;
				overflow:hidden;
				height:52px;
			}
			#header_logo a#header_logo_action {
				width:125px;
				float:right;
				padding:1px 21px 1px 0;
				text-decoration:none;
				color:#999;
				font-size:11px;
				font-weight:bold;
				background: url(images/header_print_action.png) no-repeat right top;
			}
	#header_register {
		width:190px;
	}
		#header_register ul li a {
			display:inline-block;
			background: url(images/header_register_button.png) no-repeat top left;
			padding:0 8px 0 35px;
			width:145px;
			line-height:23px;
			color:#09f;
			font-weight:bold;
			text-transform:uppercase;
			text-align:center;
			text-decoration:none;
		}
		#header_register ul li:first-child a {
			background-image: url(images/header_install_button.png);
			margin-bottom:7px;
		}
	#header_info {
		width:189px;
	}
	#header_login {
		width:176px;
	}
	#header > #header_language {
		width:24px;
		padding-right:0px !important;
		padding-left:5px !important;
		padding-top:24px;
	}
		#header_language li.active {
			display:none;
		}
		#header_language li {
			display:inline;
		}
#nav {
	background: #ccc url(images/nav_background.png) repeat-x top left;
	color:#000;
	border:1px solid #ccc;
	height:31px;
	padding:6px 0;
	margin-bottom:17px;
}
	#nav ul {
		float:left;
		width:778px;
	}
		#nav ul li {
			float:left;
			padding:0 10px;
			border-right:1px solid #fff;
		}
		#nav ul li a {
			line-height:29px;
			text-decoration:none;
			color:#333;
			font-size:15px;
			font-weight:bold;
			display:block;
		}
			#nav ul li a:hover {
				text-decoration:underline;
			}
	
	#nav_search {
		width:180px;
		padding-top:3px;
	}
		#nav_search input[type='text'] {
			border:1px solid #ccc;
			color:#333;
			height:19px;
			width:153px;
			
		}
		#nav_search input[type='submit'] {
			width:20px;
			height:21px;
			text-indent:-9999px;
			background:url(images/nav_search_button.png) no-repeat top left;
			overflow:hidden;
			border:0;
			cursor:pointer;	
			margin-top:3px;
			float:right;
		}
#nav ul ul a{display:block;padding: 0 12px;text-decoration: none;}
#nav ul li{position: relative}
#nav ul li li{float: none;
    display:block !important;display: inline; /*IE*/
	padding:0;
	margin:0;
	border:0;
}
#nav ul ul{
	position: absolute;
	top: 29px;
	left:-9999px;
    width: auto; 
	float:left;
	background: #fff url(images/nav_submenu_background.jpg) repeat-x top left;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius: 7px;
	z-index:100;
}
#nav ul li:hover ul, #nav ul li.ie6hover ul{
	left: 1px;
	z-index: 100;
}
#nav ul ul{
	padding: 7px 0;
	border: 1px solid #CCC;
}
#nav ul ul, #nav ul li li a{
	color: #666;
	font-size:0.9em;
	line-height:2em;
}
#nav ul ul a:hover{
	background-color: #ccc;
	color: #FFF;
}



#quicklinks {
	text-align:right;
	height:26px;
}
	#quicklinks li {
		display:inline-block;
		padding:0 13px;
	}
		#quicklinks li a {
			color:#E42A82;
			text-decoration:none;

		}
			#quicklinks li a:hover {
				text-decoration:underline;
			}
			#quicklinks li + li {
				border-left:1px solid #E42A82;
			}

/**
 * Breadcrumbs
 */
#breadcrumbs {
	font-size:0.8em;
	margin-bottom:10px;
	color:#0099FF;
}

/**
 * %%Content Pages
 */
#content {
	background:#FFFFFF url(images/content_faux_column.png) repeat-y top left;
	padding-bottom:20px;
}
#aside {
	width:245px;
	float:left;
}
#aside hr {
	border:0;
	height:1px;
	background-color:#CCCCCC;
	margin:10px 0;
	color:#CCCCCC;
}
	#content_nav > ul > li {
		background:url(images/aside_nav_arrowright.png) no-repeat 224px 21px;
	}
	#content_nav > ul > li.current_page_ancestor, #content_nav > ul > li.current_page_item {
		background-image:url(images/aside_nav_arrowdown.png);
	}
		
		#content_nav > ul > li > a {
			line-height:58px;
			display:block;
			border-bottom:1px solid #ccc;
			padding-left:60px;
			width:185px;
			color:#E42981;
			text-decoration:none;
			font-size:15px;
			font-weight:bold;
			background-repeat: no-repeat;
			background-position: 10px center;
		}
		#content_nav .page-item-619 > a {
			background-image:url(images/aside_nav_icon_printer.png);
		}
		#content_nav .page-item-603 > a {
			background-image:url(images/aside_nav_icon_monitor.png);
		}
		#content_nav .page-item-64 > a {
			background-image:url(images/aside_nav_icon_euro.png);
		}
		#content_nav .page-item-69 > a {
			background-image:url(images/aside_nav_icon_monitorgear.png);
		}		
		#content_nav .page-item-50 > a {
			background-image:url(images/aside_nav_icon_folder.png);
		}
		#content_nav .page-item-79 > a {
			background-image:url(images/aside_nav_icon_news.png);
		}
		#content_nav .page-item-67 > a {
			background-image:url(images/aside_nav_icon_help.png);
		}

		
		#content_nav a:hover {
			text-decoration:underline;
		}
		#content_nav li ul {
			background:url(images/aside_nav_submenu_back.jpg) repeat-x top left;
			padding:10px;
			border-bottom:1px solid #ccc;
		}
			#content_nav li ul a {
				display:block;
				line-height:1.4em;
				text-decoration:none;
				padding:0 10px;
				color:#333;
			}
			#content_nav ul ul a:before {
				content: "\0BB\0A0";
			}
			#content_nav li ul a:hover {
				background-color:#ccc;
				color:#FFFFFF;
			}
#article {
	margin-left:258px;
	width:701px;
	padding:19px 19px 0 0;
}
	/* typography */
	#article h1 {
		color:#0099FF;
		font-size:28px;
		font-weight:bold;
		margin-bottom:10px;
	}
	#article h2 {
		font-size:18px;
		color:#333;
		font-weight:bold;
	}
	#article h3 {
		font-size:16px;
		font-weight:bold;
		margin:1.5em 0 0.5em;
		color:#666;
	}
	#article hr {
		color:#E42981;
		background-color:#E42981;
		border:0;
		height:1px;
		margin:16px 0;
	}
	#article ol {
		list-style: decimal
	}
	#article ul {
		list-style: square
	}
	#article li {
		margin-left: 30px
	}
	#article h4,
	#article h5,
	#article h6,
	#article p,
	#article ol, 
	#article ul, 
	#article pre, 
	#article address {
		line-height: 1.5em;
		margin-bottom: 1.5em;
	}
	
	/* page without left column */
	#content.no_aside {
		background-image: none;
	}	
	#content.no_aside #article {
		margin-left:0;
		width:auto;
		padding:19px 19px 0 19px;
	}


/**
 * %%News Loop
 */
h3.news_archive_title a {
	color:#333;
	font-size:14px;
}
/**
 * %%Footer
 */

#footer {
	width:978px;
	overflow:hidden;
	border:1px solid #fff;
	background:#FFFFFF url(images/footer_background.png) repeat-x top left;
	margin-bottom:14px;
	font-size:11px;
}
	#footer #footer_menu {
		display:table;
		border-collapse:collapse;
		border-bottom:1px solid #F1F3F5;
	}
		#footer #footer_menu > ul {
			display:table-row;
		}
		#footer #footer_menu > ul > li {
			width:142px;
			padding:16px 10px 24px;
			display:table-cell;
			border-left:1px solid #F1F3F5;
			
		}
			#footer #footer_menu > ul > li:first-child {
				border-left:0;
			}
			#footer #footer_menu a {
				font-weight:bold;
			}
				#footer #footer_menu li ul a {
					font-weight:normal;
				}
			#footer #footer_menu li ul {
				margin-top:15px;
				line-height:1.2em;
			}
		#footer #footer_menu a {
			color:#666;
			text-decoration:none;
		}
		#footer #footer_menu a:hover {
			text-decoration:underline;
		}
#footer_quicklinks {
	text-align:right;
}
	#footer_quicklinks li {
		display:inline-block;
		line-height:41px;
		margin-right:15px;
	}
		#footer_quicklinks li a {
			color:#E42A82;
			text-decoration:none;
		}
			#footer_quicklinks li a:hover {
				text-decoration:underline;
			}	

#disclaimer {
	color:#666;
	font-size:11px;
	margin-bottom:30px;
}

/**
 * %%Homepage Sliders
 */

#hp_slider {
	border-bottom:1px solid #ccc;
	padding-bottom:24px;
	margin-bottom:25px;
	margin-bottom:10px;
	width: 930px;
	height: 313px;
	position: relative;
}
	#hp_slider .wrapper { 
		width: 930px;
		overflow: auto;
		height: 313px;
		margin: 0; /* 0 40px; */
		position: absolute;
		top: 0;
		left: 0; 
	}
		#hp_slider .wrapper ul { 
			width: 9999px;
			position: absolute;
			top: 0;
			left: 0;
		}
			#hp_slider ul li {
				display: block;
				float: left;
				height: 313px;
				width: 930px;
			}
				#hp_slider ul li img.thumb {
					display:none;
				}
			#thumbNav {
				position: absolute;
				top: 343px;
				text-align: center; 
				right:0;
				z-index:100;
			}
			#thumbNav img {
				border:1px solid #ccc;
				padding:1px;
			}
			#thumbNav a {
				background:none;
				padding:0;
				width: 44px;
				display:block;
				float:left;
				height:30px;
				margin: 0 3px;
				text-align: center;
				background: none;
				line-height:30px;
			}
			#thumbNav a.cur {
				background: url(images/hp_slider_arrowdown.png) no-repeat bottom center;
				padding-bottom:20px;
			}
	#hp_slider strong {
		color:#333;
	}
	



/*#hp_news_slider .arrow                  { display: block; height: 200px; width: 67px; background: url(../images/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 65px; cursor: pointer; }
#hp_news_slider .forward                { background-position: 0 0; right: -20px; }
#hp_news_slider .back                   { background-position: -67px 0; left: -20px; }
#hp_news_slider .forward:hover          { background-position: 0 -200px; }
#hp_news_slider .back:hover             { background-position: -67px -200px; }

#thumbNav                               { position: relative; top: 323px; text-align: center; }
#thumbNav a                             { color: black; font: 11px/18px; Georgia, Serif; display: inline-block; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; background: #c58b04 url(../images/cellshade.png) repeat-x; text-align: center; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#thumbNav a:hover                       { background-image: none; }
#thumbNav a.cur                         { background: #e0a213; }

#start-stop                             { background: green; background-image: url(../images/cellshade.png); background-repeat: repeat-x; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 45px; top: 323px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#start-stop.playing                     { background-color: red; }
#start-stop:hover                       { background-image: none; }
*/
/*
  Prevents
*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }
	

/**
 *  %%Login forms 
 */

/* Left column */
#content_login {
	padding:0 0 10px 10px;
	border-bottom:1px solid #ccc;
}
	#content_login legend{
		font-weight:14px;
		line-height:2em;
	}
	#content_login label {
		line-height:16px;
		margin-top:8px;
	}
	#content_login input[type='checkbox'] {
		margin:0 5px 0 0;
	}
	#content_login input[type='submit'] {
		margin:0 5px 0 0;
		width:80px;
	}
#content_login .login_username, #content_login  .login_password{
	width:207px; /* full width 225px */
}

/* Header */

#header_login .login_form {
	margin-top:-4px;
}
	#header_login.login_form legend {
		padding-left:20px;
	}
/*	#content_login input[type='checkbox'] {
		margin:0 5px 0 0;
	}
	#content_login input[type='submit'] {
		margin:0 5px 0 0;
		width:80px;
	}*/
#header_login .login_username, #header_login .login_password{
	width:90px; /* full width 225px */
	background:none;
	height:14px;
	padding-left:0;
	
}
.login_username, .login_password{
	border:1px solid #ccc;
}
#header_login label {
	display:block;
	margin-top:3px;
}
	#header_login label span {
		display:none;
	}
	#header_login .small {
		font-size:10px;
	}
	
/* Als ik kan */


#headerfreccia {
				width:125px;
				float:right;
				padding:1px 21px 1px 0;
				text-decoration:none;
				color:#999;
				font-size:11px;
				font-weight:bold;
				background: url(images/header_print_action.png) no-repeat right top;
			}

/* stile per Landing Page */


/*top*/
.lp-top-container {
	height: 276px;
	width: 700px;
	margin-bottom: 20px;
	
}

#lp-top-left {
	width: 300px;
	float:left;

}


#lp-top-left ul {
	margin:0;
	padding:0;
}


#lp-top-left ul li {
	list-style: none;
	background: url(http://www.iplott.com/site/wp-content/uploads/img-elenco.png) no-repeat left top;
	padding-left: 22px;
	margin-bottom: 20px;
	font-size: 16px;
	font-weight: bold;
margin-left:0px!important;
}


.lp-top-right {
	width: 400px;
	float:left;
}

/*bottom*/

.lp-bottom-container {
	height: 100%;
	width: 700px;
	margin-bottom: 20px;
	
}
.lp-bottoni-box a {
	background: url(http://www.iplott.com/site/wp-content/uploads/bottone-box.jpg) no-repeat;
	display: block;
	height: 30px;
	width: 160px;
	font-family: Impact;
	line-height: 30px;
	text-decoration: none;
	color: #FFFFFF;
	margin: auto;
font-size: 16px;
}
.lp-bottoni-box {
	text-align: center;
	
}

/*testimonial*/

#testimonial-new {
	
	overflow:hidden;



}

	#testimonial-new img#foto {
		width:70px;
		height:70px;
		float:left;
		padding:3px;
		border:1px solid #999999;
		
		
	}
	#testimonial-new #info {
		width: 101px;
		float:left;
		height:80px;
		padding-left:5px;


		
	}
	#testimonial-new blockquote {
		text-indent: 10px;
		
		margin:20px 13px 0 13px;
	}
	
		#testimonial-new blockquote p {
		
			margin: 0;
		
			
			font-style: italic;
		}

/*Landong Newsletter Luglio 2010*/
.lp-top-container-nl {
	height: 120px;
	width: 700px;
	margin-bottom: 20px;
	
}

.lp-top-left-nl {
	width: 350px;
	float:left;

}


.lp-top-left-nl ul {
	margin:0;
	padding:0;
}


.lp-top-left-nl ul li {
	list-style: none;
	background: url(http://www.iplott.com/site/wp-content/uploads/img-elenco.png) no-repeat left top;
	padding-left: 22px;
	margin-bottom: 20px;
	font-size: 16px;
	font-weight: bold;
}

.spacer { width:700px;}

.spacer hr { height:1px; color:#e21474; width:700px; }

#box-top-nl { width:700px; height:220px; margin-bottom:20px }

#box-top-nl div{ width:160px; height:215px; float:left; margin-right:20px; background: url(http://www.iplott.com/site/wp-content/uploads/sfondo-box-top-nl.png) no-repeat center top; font-family:Impact; font-size:28px; text-transform:uppercase; color:#e21474;  }

/*bottom*/

.lp-bottom-container-nl {
	height: 100%;
	width: 700px;
	margin-bottom: 20px;
	
}
.lp-bottoni-box-nl a {
	background: url(http://www.iplott.com/site/wp-content/uploads/bottone-box.jpg) no-repeat;
	display: block;
	height: 30px;
	width: 160px;
	font-family: Impact;
	line-height: 30px;
	text-decoration: none;
	color: #FFFFFF;
	margin: auto;
	text-align:center;
}
.lp-bottoni-box-nl {
	text-align: center;
	
}