@charset "utf-8";
body {
	font: 100%  Verdana, Arial, Helvetica, sans-serif;
	background: #ffffff url(../images/slogan.gif) no-repeat fixed right 20px;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
.oneColFixCtrHdr #container {
	width: 768px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF url(../images/bg_1_middle.jpg) repeat-y center;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	/*margin-top:10px;*/
	margin-top:0;
	border: none;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColFixCtrHdr #header {
	background:transparent url(../images/bg_1_top.jpg) no-repeat top center; 
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	/*position:relative;*/
}
.oneColFixCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.oneColFixCtrHdr #mainContent {
	padding: 0 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin:0 auto;
	text-align:center;
}
.oneColFixCtrHdr #footer {
	padding: 10px 10px 25px 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:transparent url(../images/bg_1_bottom.jpg) no-repeat bottom center; 
}
.oneColFixCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
/*********************************************************/
a{
	color: #0067AC;
	font-weight:bold;
	text-decoration:none;
}
a:hover{
	color: #3385BD;
	text-decoration:underline;
}
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#logo_tecart{
	width:286px;
	height:114px;
	position: relative;
	left:230px;
	padding:0;
	top:-10px
}

#logo_tecart span.img{
	background: url(../images/logo_tecart_home.jpg) no-repeat;
	position:absolute;	
	width: 100%;
	height: 100%;	
}
#certificazione{
	width:117px;
	height:117px;
	position: absolute;
	right:-7px;
	top:3px;
	padding:0;
	margin:0;
	overflow:hidden;
}
#certificazione span.img{
	background: url(../images/certificato.png) no-repeat;
	position:absolute;	
	width: 100%;
	height: 100%;	
}
#certificazione .text{
	font-size:0.8em;
	margin-top:20px;
	text-align:center
}
#menu1_box {
	width:470px;
	margin:50px auto 30px auto;
}

#menu1 {
	margin:0;
	padding:0;
	list-style:none;
	font-size:10px;
	text-align:left;

}
#menu1 li {
	margin:0;
	padding:0;
	text-align:left;
	list-style:none;
	float:left;
	display:inline;	

}
#menu1 li a{ 
	display:block;
	color:#ffffff;
	text-decoration:none;
	overflow:hidden;
	margin:0;
	text-align:left;
	width:117px;
	height:116px;

}
#menu1 li a:hover{
	color:#ffffff;
	overflow:hidden;

}
#menu1 a span{
	display:block;	
	cursor:pointer;
	position:absolute;
	text-align:left;
	margin:-4px 0 0 0;
	height:116px;	
	
}
#menu1 .btn1 a span{
	background: url(../images/bt_1.jpg) no-repeat;
}
#menu1 .btn2 a span{
	background: url(../images/bt_2.jpg) no-repeat;
}
#menu1 .btn3 a span{
	background: url(../images/bt_3.jpg) no-repeat;
}
#menu1 .btn4 a span{
	background: url(../images/bt_4.jpg) no-repeat;
}
#menu1 .btn5 a span{
	background: url(../images/bt_5.jpg) no-repeat;
}
#menu1 .btn6 a span{
	background: url(../images/bt_6.jpg) no-repeat;
}
#menu1 .btn7 a span{
	background: url(../images/bt_7.jpg) no-repeat;
}
#menu1 .btn8 a span{
	background: url(../images/bt_8.jpg) no-repeat;
}
#menu1 a:hover span, #menu1 .corrente{
	height:116px;
	background-position:0 -116px;
}

#menu1 a, #menu1 a span, #menu1 a:hover{ 
	width:117px;
}
#enter_row{
	margin:0 auto;
	background:#ffffff url(../images/bg_enter_row.jpg) repeat-x;
	width:748px;
	height:32px;
	padding-top:8px;
	margin-bottom:10px;
}


/*****************************************/

#nav_box {
	margin:0 auto;
	margin-left:10px;
	padding:10px 0 10px 0;
	width:748px;
	background: #ffffff url(../images/bg_header_nav_top.jpg) repeat-x;
	border-bottom:1px solid #cccccc
}

#menu_nav_box {
	width:auto;
	margin:0 auto;
}
#menu_nav_main_box{
	margin:10px 0;
}
#menu_nav_main{
	margin:0 0 0 10px;
	padding:0;	
	font-family: "Century Gothic", Helvetica, Arial, Helvetica, Verdana, sans-serif;
	font-size:0.8em;
}
#menu_nav_main li{
	float:left;
	display:inline;
	list-style: none;
	margin-right:14px;
}
#menu_nav_main li a{
	display:block;
	font-weight:bold;
	padding:2px 0 3px 18px;
	background:url(../images/menu_list_img.jpg) no-repeat 0 5px;
}
#menu_nav_main li a:hover, #main_navigation a:active, #menu_nav_main li a.corrente{
	text-decoration:underline;
	background:url(../images/menu_list_img_sel.jpg) no-repeat 3px 5px;	
}
#menu_nav {
	margin:-4px 0 0 5px;
	padding:0;
	list-style:none;
	font-size:10px;
	text-align:left;

}
#menu_nav li {
	margin:0 3px;
	padding:0;
	text-align:left;
	list-style:none;
	float:left;
	display:inline;	

}
#menu_nav li a{ 
	display:block;
	color:#ffffff;
	text-decoration:none;
	overflow:hidden;
	margin:0;
	text-align:left;
	width:86px;
	height:86px;

}
#menu_nav li a:hover{
	color:#ffffff;
	overflow:hidden;

}
#menu_nav a span{
	display:block;	
	cursor:pointer;
	position:absolute;
	text-align:left;
	margin:0;
	height:86px;	
	
}
#menu_nav .btn1 a span{
	background: url(../images/bt_2_1.jpg) no-repeat;
}
#menu_nav .btn2 a span{
	background: url(../images/bt_2_2.jpg) no-repeat;
}
#menu_nav .btn3 a span{
	background: url(../images/bt_2_3.jpg) no-repeat;
}
#menu_nav .btn4 a span{
	background: url(../images/bt_2_4.jpg) no-repeat;
}
#menu_nav .btn5 a span{
	background: url(../images/bt_2_5.jpg) no-repeat;
}
#menu_nav .btn6 a span{
	background: url(../images/bt_2_6.jpg) no-repeat;
}
#menu_nav .btn7 a span{
	background: url(../images/bt_2_7.jpg) no-repeat;
}
#menu_nav .btn8 a span{
	background: url(../images/bt_2_8.jpg) no-repeat;
}
#menu_nav a:hover span, #menu_nav a span.corrente{
	height:86px;
	background-position:0 -86px;
}

#menu_nav a, #menu_nav a span, #menu_nav a:hover{ 
	width:86px;
}
#mainContent.page{
	position:relative;
	width:748px;
	background:#30455A url(../images/bg_body_colsx.jpg) repeat-x;
	min-height:234px;	
	margin-left:10px;
}
#col_sx{
width:208px;
position: relative;
left:10px;
margin-bottom:-234px;
}
#ac_box{
	background:transparent url(../images/ac_box_reflex.jpg) no-repeat bottom;
	padding-bottom:40px;
	padding-top:10px;
}
#ac_inner_box{
	width:186px;
	background:#F9F9F9;
	border:1px solid #143898;
	margin:0 auto;
	padding:10px 0
}
#col_main{
	margin-left:0;
	width:710px;
	padding:18px 0 10px 0;
	margin:0 auto
}
.main_text_box{
	background:#ffffff;
	width:auto;
	margin:0 auto;
	padding:16px;
	text-align:left;
	font-size:0.7em;
	line-height:1.5em;
	border:1px solid #143898;
}
.main_text_box h2.titolo_1{ 
	color:#ff6600;
	margin:0 0 20px 0;
	padding:0;
	font-size:2em;
	display:block;
	position:relative;
}

.main_text_box h2.titolo_1 span{
	display:block;
	position:absolute;
	left:0;
	top:0;
	margin:0;
	padding:0;
	width:480px;
	height:32px;
}
#titolo_form_ac{ 
	color:#0067AC;
	margin:0 auto;
	padding:0;
	font-size:1em;
	display:block;
	position:relative;
	width:auto;
}

#titolo_form_ac span{
	display:block;
	position:absolute;
	left:13px;
	top:0;
	margin:0 auto;
	padding:0;
	width:150px;
	height:20px;
	background:transparent url(../images/titolo_form_ac.jpg) top center no-repeat;
}
form {
	width:auto; 
	padding:5px 5px 0 5px;
	margin:0 auto;
	text-align:center;
	font-size:1em;
	font-family: "Century Gothic", Arial, Helvetica, Verdana, sans-serif

}

form p {
	margin:8px 0;
	padding:0;
}
form label {
	display:block;
	float:left;
	width:40px;
	text-align:right;
	font-weight:bold;
	color:#0067AC;
	text-transform:uppercase;
	font-size:0.8em;
	padding-top:3px;
	margin-left:2px
}

form input { 
	width:110px; 
	border-top:1px solid #a4a4a4;
	border-left:1px solid #a4a4a4;
	border-bottom:1px solid #E2E2E2;
	border-right:1px solid #E2E2E2;
	background:#fbfbfb;
	margin-left:3px;
	padding:2px 4px;
	color:#000000;
	font-size:0.65em;
	font-family: Verdana, "Century gothic",  Arial, Helvetica, Verdana, sans-serif;
}
input#invia {
	width:70px;
	border: 1px solid #0067AC;
	height:24px;
	background:transparent url(../images/bg_form_button.jpg) no-repeat center;
	color: #ffffff;
	font-weight:bold;
	font-family: "Century gothic", Arial, Helvetica, Verdana, sans-serif;
	font-size:0.8em;
	margin:0;
	padding:1px;
	cursor:pointer;
}
.pwd_rec_box{
	font-size:0.8em;
	color:#666666;
}
.pwd_rec_box input{
	width:13px;
	height:13px;
	overflow:hidden;
	border:none;
	margin:0 4px 0 0;
	padding:0;
}
.pwd_rec_box label{
	font-size:0.9em;
	
	display:inline;
	float:none;
	width:auto;
	text-align:left;
	font-weight:normal;
	color:#444444;
	text-transform:none;
	padding-top:0;
	margin-left:0
	
}
.ac_link{
	color: #0067AC;
	font-weight:bold;
	text-decoration:none;
	font-size:0.7em;
	color:#ff6600;
}
.ac_link:hover{
	color: #fd9956;
	text-decoration:underline;
}
#AreaRiservata, #RecuperoDati{
	font-size:1.5em;
	width:200px
}
#AreaRiservata label{


}