/* GENERAL STRUCTURE OF THE PAGE */
.content{
	position:relative;
} 

.right_content{
	float:right;
	width: 195px;
}

.left_content{
	float:left;
	width: 700px;
	background: url('../images/general/left_content_background.gif') repeat-x #fefefe;
	border:1px solid #e5e5e5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#666;
	letter-spacing: 0.01em;
}

.without_right{
	width: 900px; /*already defined for ie6*/
}

.center_div{
	padding:15px;
	color: #555;
}

/*BUTTON IMAGE CSS*/
.button_image{
	margin: auto;
	background-repeat: no-repeat;
	display: block;
}
.button_contact_container{
	position: relative; 
	top:25px;
}
.button_right{
	position: absolute;
	top: 10px;
	left:10px;
	width: 200px;
}
.button_contact{
	font-size: 0.95em;
	letter-spacing: 0.01em;
}
.button_compare_them {
	font-size: 0.95em;
	letter-spacing: 0.01em;
}
.button_contact_blue{
	color: #015583;
	font-size: 1.3em;
}
.button_buy_now{
	padding-top: 16px;
	font-size: 1.7em;
	letter-spacing: 0.01em;
	color: #fff;
}

a.button_image:hover {
	filter:alpha(opacity=85);
	-moz-opacity:.85;
	opacity:.85;
	text-decoration: none;
}

.button_spacer{
	height:20px;
	display: block;
}

ul.site_map_left li {
	padding-top: 25px;
	font-size: 1.2em;
}
ul.site_map_left li ul li {
	padding-top: 0;
	font-size: 0.8em;
}
/*LINK IN THE LEFT CONTENT*/
.left_content a{
	color:#166496;
	text-decoration:none;
}
.left_content a:hover {
	text-decoration:underline;
}



/*TEXT CONTENT*/
.left_content p{
	padding: 0px 0px 10px 0px;
}


/*TAB NAVIGATION*/
.store_nav_container{
	width:auto; 
	margin:auto; 
}
.store_nav_tab{
}
.store_nav_tab li{
	float:left;
	height:25px;
	line-height: 25px;
	padding: 0 1px 0 1px;
	color: #fff;
	cursor: pointer;
}
.store_nav_tab li:hover {
	color: #fff;
	filter:alpha(opacity=70);
	-moz-opacity:.70;
	opacity:.70;
}
.tab_left_bg{
	float:left;
	width:13px;
	height:25px;
	background-image:url(../images/compare_them/bg-nav-tab-left.png);
	background-repeat: no-repeat;
	background-position: top left;
}
.tab_right_bg{
	float:left;
	width:13px;
	height:25px;
	background-image:url(../images/compare_them/bg-nav-tab-right.png);
	background-repeat: no-repeat;
}
.tab_bg{
	float: left;
	background-image: url(../images/compare_them/bg-nav-tab-center.png);
	background-repeat: repeat-x;
}
.tab_selected{
	background-position: bottom;
}

/*TABLE COMPARE THEM*/
.table_heading{
	height: 19px;
	line-height: 19px;
	width: 100%;
	background-image: url(../images/compare_them/blue_pipe.png);
	background-repeat: repeat-x;
	text-indent: 8px;
	color: #fff;
}
.table_row{
	width: 100%;
	border-bottom: 1px solid #c3c3c3;
}
.background{
	background-image: url(../images/compare_them/row_background.png);
	background-repeat: repeat-x;
	background-color: #dbe5eb;
}
.table_row_th_smaller{
	height: 20px;
	width: 100%;
}
.table_row_th{
	height: 43px;
	width: 100%;
}
.table_row_th .image_v{
   	margin: 11px 0 0 74px;
	background: url('../images/compare_them/v.png');
	background-repeat: no-repeat;
	height: 22px;
	width: 24px;
	display: block;
}
.table_row_th .image_x{
   	margin: 12px 0 0 77px;
	background: url('../images/compare_them/x.png') center center;
	background-repeat: no-repeat;
	height: 19px;
	width: 16px;
	display: block;
}
.table_cell_title_smaller{
	height: 20px;
	line-height: 20px;
}
.table_cell_title{
	height: 43px;
	line-height: 43px;
}
.table_cell_first_smaller{
	width:168px;
	height: 20px;
	line-height: 20px;
	float: right;
	text-align: center;
	vertical-align: middle;
	font-size: 11px;
	font-weight: normal;
}
.table_cell_second_smaller{
	width:169px;
	height: 20px;
	line-height: 20px;
	float: right;
	text-align: center;
	vertical-align: middle;
	font-size: 11px;
	font-weight: normal;
	padding: 0 2px 0 2px;
}
.background .table_cell_second_smaller{
	padding: 0;
	border-right: 2px solid #fff;
	border-left: 2px solid #fff;
}
.background .table_row_description_smaller {
	border-top: 1px solid #fff;
	padding-top: 7px;
}
.table_cell_third_smaller{
	width:168px;
	height: 20px;
	line-height: 20px;
	float: right;
	text-align: center;
	vertical-align: middle;
	font-size: 11px;
	font-weight: normal;
}
.table_cell_first{
	width:168px;
	height: 43px;
	line-height: 43px;
	float: right;
	text-align: center;
	vertical-align: middle;
	font-size: 13px;
	font-weight: bold;
}
.table_cell_second{
	width:169px;
	height: 43px;
	line-height: 43px;
	float: right;
	text-align: center;
	vertical-align: middle;
	font-size: 13px;
	font-weight: bold;
	padding: 0 2px 0 2px;

}
.background .table_cell_second{
	padding: 0;
	border-right: 2px solid #fff;
	border-left: 2px solid #fff;
}
.background .table_row_description {
	border-top: 1px solid #fff;
	padding-top: 7px;
}
.table_cell_third{
	width:168px;
	height: 43px;
	line-height: 43px;
	float: right;
	text-align: center;
	vertical-align: middle;
	font-size: 13px;
	font-weight: bold;
}
.title_el img{
	vertical-align: middle;
	padding: 0;
	
}
.title_el{
	width:30%;
	text-indent: 14px;
	font-size: 1.1em;
	font-weight: bold;
	color: #3381b5;
}
.title_el_catalog{
	width:42%;
	text-indent: 14px;
	font-size: 1.1em;
	font-weight: bold;
	color: #3381b5;
}
#checkbox_descriptions{
	text-align: right;
}
#checkbox_descriptions label {
	cursor: pointer;
}
.table_row_description{
	height: auto;
	padding: 0 0 7px 14px;
}
.table_row_description ul, .table_row_description ul{
	padding: 5px; 
	padding-left: 30px; 
	list-style-type: lower-greek; 
}
.supported{
	border: 1px solid black;
}



/* STRUCTURE OF THE LEFT CONTENT */
/*Section where set the css of left content menu*/
.left_bar_menu{
	position: relative;
	width:186px;
	margin:auto;
	float:left;
	margin-right: 10px;
	margin-bottom: 10px;
}
/**
 * Set the correct view of round top corner of left menu
 */
.left_bar_menu div.top_left_menu{
	width: 188px;
	height: 8px;
	display: block;
	background-image: url(../images/leftmenu01.gif);
	background-repeat: no-repeat; /*used for ie6 (without this line ie6 repeat y the image)*/
	margin-bottom:1px;
}

/**
 * set the view of bullet positioned 
 * on the right of key menu
 */
img.right_bullet{
	position: absolute; 
	top: 16px; 
	right: 5px;
	cursor: pointer;
}
/**
 * set the view of bullet positioned 
 * on the left of key menu
 */
img.left_bullet{
	margin:3px 5px 3px 15px;
}
/**
 * set the view of element in the left
 * menu that rapresent the content of the
 * page
 */
.left_bar_menu_blue{
	position: relative;
	width:186px;
	height:42px;
	margin:auto;
	float:left;
	background-image: url(../images/leftmenu03.gif);
	border: 1px solid #619ACE;
	text-align:center;
	overflow: hidden;
}
/**
 * set the view of element in the left
 * menu that not rapresent the content of the
 * page
 */
.left_bar_menu_gray{
	position: relative;
	width:186px;
	height:42px;
	margin:auto;
	float:left;
	background-image: url(../images/leftmenu02.gif);
	border-width: 1px;
	border-style: none solid solid solid;
	border-color: #C4C4C4;
	overflow: hidden;
}
/**
 * set the view of sub element 
 * in the left menu
 */
.left_bar_menu_gray_big{
	background-color: #EEE;
	position:relative;
	width:186px;
	overflow: hidden;
	margin:auto;
	float:left;
	border-width: 1px;
	border-style: none solid solid solid;
	border-color: #C4C4C4;
}
/**
 * common charateristic of two div class
 */
.left_bar_menu_gray_big div.left_bar_sub_menu_gray{
	width: 550px; /*used for firefox correct view*/
	margin: 5px 0 5px 0;
}

/**
 * is the div used to design the single 
 * left menu element
 */
.gray{
	font-weight: normal;
	text-decoration:none;
}
/**
 * set the view of link in the left menu
 * gray div is used both left_bar_menu_gray and 
 * left_bar_menu_blue, (and set the common parameter)
 */
div.gray a{
	position:absolute;
	top: 0px;
	left: 0px;
	width: 186px;
	height: 42px;
	line-height: 42px;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	display: block;
	margin-left: 5px;
}
/**
 * set the correct color of link
 * with blue background
 */
.left_bar_menu_blue div.gray a{
	color: #FFF;
}
.left_bar_menu_blue div a:hover { 
	text-decoration: none;	/*for ie6*/
	color: #DDD;
}
/**
 * set the correct color of link
 * with gray background
 */
.left_bar_menu_gray div.gray a{
	color: #333;
}
.left_bar_menu_gray div a:hover { /*for ie6*/
	text-decoration: none;
	color: #555;
}

/**
 * set the css of link in sub menu
 */
.left_bar_sub_menu_gray a.left_bar_link {
	font-size:11px;
	color:#292929;
	font-weight: normal;
	text-decoration:none;
}
.left_bar_sub_menu_gray a:hover.left_bar_link {
	font-size:11px;
	color: #4A8AC1;
	font-weight: normal;
	text-decoration:none;
}
/**
 * text css classes
 */
.text01{
	width:160px;
	margin-top:12px;
	padding-left:12px;
	float:left;
	text-align:left;
}
.text02{
	width:160px;
	margin-top:12px;
	padding-left:12px;
	float:left;
	text-align:left;
}
.text03{
	width:160px;
	margin-top:12px;
	padding-left:12px;
	float:left;
	text-align:left;
}
.text04{
	width:160px;
	margin-top:10px;
	padding-left:12px;
	float:left;
	text-align:left;
}
.text05{
	width:160px;
	margin-top:12px;
	padding-left:12px;
	float:left;
	text-align:left;
}
#screenshotFlashcontent{
	position:absolute; 
	top: 46px; 
	left: 61px;
}

/*SERVICES PAGES*/
.flashcontainer{
	position:relative; 
	background-image: url(../images/services/bg-services3.png); 
	background-repeat: no-repeat;
	width:731px; 
	margin: auto; 
	height: 376px; 
	display:block;
}
#flashcontent{
	position:absolute; 
	top: 36px; 
	left: 128px;
}
.services_list{
	padding-top: 30px;
	width: 860px;/*850px;*/
	margin: auto; 
}
.services_container:hover {
	background-color: #f0f3f6;
}
div.normal{
	position: relative;
	border-top: 1px dashed #666;
	padding: 15px 0 15px 20px;
	margin: auto;
}
.first{
	padding-top: 20px;
	border-top: 0px !important;
}
.services_img{
	width: 64px;/*100px;*/
	height: 64px;
	display: block;
	cursor: pointer;
	margin-right: 25px;
}
.services_item{
	position: absolute;
	top: 15px;
	left: 95px;

	width: 740px;
	height: 69px;
	cursor: pointer;
}
.services_item_right{
	position: absolute;
	top: 15px;

	width: 750px;
	height: 69px;
	position: static;
	cursor: pointer;
}
.title{
	padding: 5px 0 0 10px;
	font-size: 1.6em;
	font-weight: bold;
	color:#ee801c;
}
.services_item_right .title , .services_item_right .desc{
	text-align: right;
	padding: 5px 30px 0 0;
}
.desc{
	padding: 5px 0 0 10px;
}
#service_img{
	float:left;
	width: 128px;
	height: 128px;
	display: block;
	border: 1px solid #ddd;
	padding: 20px;
	margin: 0 20px 20px 0;
}
.service_text{
	text-indent: 10px;
}
.title_service_content{
	font-weight: bold;
	font-size: 1.2em;
	padding-bottom: 5px;
}
.text_menu2_container{
	position: relative; 
	top: 0; 
	left: 0; 
	height:140px; 
	display:block;
}
.text_menu2_first a, .text_menu2_first a:link, .text_menu2_first a:visited, .text_menu2_third a, .text_menu2_third a:link, .text_menu2_third a:visited {
	color: #015583;
}
.text_menu2_second a, .text_menu2_second a:link, .text_menu2_second a:visited {
	color: #666;
	text-decoration: underline;
}
.text_menu2_first:hover a, .text_menu2_third:hover a{
	text-decoration: underline;
}
.text_menu2_first:hover, text_menu2_first:active, .text_menu2_third:hover, .text_menu2_third:active {
	border: 1px solid #888;
	cursor: pointer;
}
.text_menu2_second:hover a, .text_menu2_second:hover, text_menu2_second:active {
	cursor: pointer;
	color: #2971a6;
}

.text_menu2_first{
	position: absolute;
	left: 20px;
	width: 320px; 
	height: 110px;
	border: 1px dotted #888;
	padding: 10px;
	cursor: pointer;
	background: #f7f7f7;
}
.text_menu2_second{
	position: absolute;
	top: 15px;
	left: 377px;
	width: 100px; 
	height: 80px;
	padding: 10px;
	margin-left: 12px;
	cursor: pointer;
	text-align: center;
}
.text_menu2_third{
	position: absolute;
	right: 20px;
	width: 320px; 
	height: 110px;
	border: 1px dotted #888;
	padding: 10px;
	margin-left: 12px;
	cursor: pointer;
	background: #f7f7f7;
}

/*PARTNERS PAGE*/
.page_image{
	width: 100%;
	margin: auto;
	border: 1px solid #efefef;
}
.buttons_area{
	padding-top: 50px;
	width: 875px;
}
.list{
	list-style-type: none;
	width: 870px;
	height: 155px;
	position: relative;
}

/*.list li{
	display: inline;
}*/
.list li a{
	float: left;
	width: 236px;
	height: 155px;
}
.list li a:hover {
	filter:alpha(opacity=85);
	-moz-opacity:.85;
	opacity:.85;
}
.first_el{
	position: absolute;
	left:0px;
}
.third_el{
	position: absolute;
	right:0px;
}
.second_el{
	position: absolute;
	left: 332px;
}

/*OUR PARTNER PAGE*/
.text_menu3_first{
	width: 250px; 
	height: 150px;
	float: left; 
	border: 1px dotted #ccc;
	padding: 10px 15px 10px 15px;
	cursor: pointer;
}
.text_menu3_second{
	width: 250px; 
	height: 150px;
	float: left;
	border: 1px dotted #ccc;
	padding: 10px 15px 10px 15px;
	margin-left: 12px;
	cursor: pointer;
}
.text_menu3_third{
	width: 250px; 
	height: 150px;
	float: right;
	border: 1px dotted #ccc;
	padding: 10px 15px 10px 15px;
	cursor: pointer;
}
.text_menu3_first a, .text_menu3_first a:link, .text_menu3_first a:visited, .text_menu3_second a, .text_menu3_second a:link, .text_menu3_second a:visited, .text_menu3_third a, .text_menu3_third a:link, .text_menu3_third a:visited  {
	color: #015583;
}
.text_menu3_first:hover, .text_menu3_second:hover, .text_menu3_third:hover, .text_menu3_first:active, .text_menu3_second:active, .text_menu3_third:active {
	background: #f7f7f7;
	border: 1px dotted #999;
	cursor: pointer;
}
.text_menu3_first:hover a, .text_menu3_second:hover a, .text_menu3_third:hover a {
	text-decoration: underline;
}
#partners h2{
	font-size: 18px;
}
#partners h1{
	font-size: 32px;
	color: #555;
	margin-bottom: 10px;
}
.font_bigger{
	font-size: 1.4em;
}
.partners_list , .jobs_list {
	position: relative;
	top: 0;
	left: 0;
	margin: 10px 0 0 0;
}
.partner_item , .job_item {
	position: relative;
	width: 100%;
	border-top: 1px dashed #ccc;
	padding: 20px 0 20px 0;
}
.partner_logo , .job_logo {
	padding-top: 7px;
	padding-bottom: 7px;
	height: 122px;
	width: 180px;
	text-align: center;
	float: left;
}
.job_logo{
	background-repeat:no-repeat; 
	background-position:center center; 
	display:block;
}
.partner_el , .job_el{
/*	position: absolute;
	top: 27px;
	left: 190px;*/
	width: 470px;
	float:left;
	padding-bottom: 15px;
	padding-left: 10px;
}
.partner_el h3, .job_el h3{
	font-size: 1.1em;
	color: #555;
	margin-bottom: 5px;
}
/* not found pages */
#not_found h1{
	font-size: 22px;
	font-weight: bold;
	color: #333333;
}
#not_found h2{
	font-size: 12px;
	font-weight: normal;
	color: #444444;
}

/*SOLUTIONS*/

/*SUPPORT*/
.support_image{
	border: 0;
	width: 273px;
	float: left;
}
.support_contact{
	width: 560px;
	display: block;
	padding-left: 30px;
	font-size: 1.1em;
}
.support_contact p.support_info {
	padding-top:15px;
	float: left;
	width: 49%;
}
.text_content_prices_desc{
	font-size: 0.6em;
}
.text_content_prices{
	font-size: 1.5em;
	line-height: 25px;
}
.text_content{
	font-size: 1.1em;
}
.support_list{
	position: relative;
	top: 20px;
	left: 10px;
	width: 650px;
}
.support_list .normal{
	padding: 0;
}
.support_item{
	position: relative;
	width: 650px;
	height: 130px;
}
.support_item_right{
	position: relative;
	width: 650px;
	height: 130px;
}
.support_item .title, .support_item_right .title{
	font-size: 1.1em;
}
.support_item .desc, .support_item_right .desc{
	position: absolute;
	font-size: 0.9em;
	left: 25px;
}
.support_item .price, .support_item_right .price{
	position: absolute;
	font-size: 1.1em;
	left: 25px;
	bottom: 10px;
}
.support_item_right .desc, .support_item_right .title, .support_item_right .price{
	text-align: right;
	padding: 5px 30px 0 0;
}
.support_item_right .desc, .support_item_right .price{
	right: 25px;
}

.accesibility_requirements_big{
	padding: 18px 0 0 0;
	font-size: 1.3em;
	color: #015583;
}

.accesibility_requirement{
	font-weight: normal;
	padding: 5px 0 0 10px;
}

.about_us_title{
	padding: 30px 0 10px 0;
	font-size: 2.0em;
	color: #015583;
}
.about_us_desc{
	padding-left: 10px;
}
.def{
	float: left;
   	margin: 5px 0 0 40px;
	width: 400px;
	height: 158px;
	vertical-align: middle;
	font-style: italic;
	font-size: 1.1em;
}
.big_def{
	font-size: 1.2em;
	color: #222;
}
.google_map{
	width: 600px; 
	height: 300px; 
	margin: auto;
}
