* { margin:0; padding:0;}

.templatelist_numbers{
color:#ffffff;
text-align: right;
}
pre { 
font-family:"Tahoma","Bitstream Vera Sans",Verdana,Helvetica,sans-serif;
font-size:small;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.5;
color:#1f4154;
white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */ /*
	width: 99%; */
	word-wrap: break-word; /* Internet Explorer 5.5+ */}

input, textarea { font-family:Arial, Helvetica, sans-serif; font-size:1em;}

#navlist { list-style-image: url(images/ok.png);padding-top:5px; margin-right:5px;} 

.list_container {margin-left: 30px ;}
div#price { 
margin-left :30px ;
background-image:  url(images/pri.png);
    background-repeat: no-repeat;
    height: 144px;
    width: auto;}
/*div#pricetext{    
	position: relative;
    height: auto;
    width: auto;
    left: 40px;
    top: 35px;}*/


.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper, block { width:100%; overflow:hidden;}
.wrapper-app {width:100%;background-color:#FFF; overflow:hidden;}
/*.container { width:100%;} */
.portfolio{
margin 0 auto;}

p {   color:#666666;
font-family:"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
line-height:15px;
margin-bottom:16px;}
p.templatelist {   color:#ffffff;
 font-family: "Lucida Grande", Tahoma;
	font-size: 14px;
	
	font-weight: bold;
	font-variant: normal;
	
	color: #e5e5e5;
	text-align: center!important;
	
}

.tail-top { background:url(images/tail-top.gif) left top repeat-x #fff;}
.tail-bottom { background:url(images/tail-bottom.gif) left bottom repeat-x;}
.tail-middle { background:url(images/box1-bg.gif) left 425px repeat-x;}

/*==================forms====================*/
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}

#newsletter h3 { margin-bottom:10px;}
#newsletter label { display:block; height:31px;}
#newsletter input.text { width:240px; background:#fff; border:1px solid #828282; padding:2px 0 2px 3px;}
#newsletter input.submit { width:74px; height:22px; background:url(images/submit.gif) no-repeat left top; color:#fff; border:0; text-align:center; font-size:1.1em;}

#contacts-form label { display:block; height:42px;} 
#contacts-form label input { width:265px; padding:2px 0 2px 3px; color:#1f4154;  border:1px solid #828282;}
#contacts-form textarea {width:265px; height:205px; padding:2px 0 2px 3px; margin-bottom:21px; color:#1f4154; border:1px solid #828282;}

/*==================list====================*/
ul { list-style:none;}

.headers-list { padding:39px 0 0 0;}
.headers-list li { padding:0 0 14px 0;}

#site-nav { float:left; padding:21px 0 0 0;}
#site-nav li { display:inline;}
#site-nav li a { display:block; float:left; color:#fff; text-decoration:none; line-height:1em; margin-left:10px;}
#site-nav li a span { display:block; }
#site-nav li a em { display:block; font-style:normal; font-size:15px; padding:11px 20px 13px 20px;}

#site-nav li a:hover span {background:url(images/menu-left.gif) no-repeat left top;}
#site-nav li a:hover em {background:url(images/menu-right.gif) no-repeat right top; }
#site-nav li a:hover {background:url(images/menu-bg.gif) left top repeat-x; }
#site-nav li a.current {background:url(images/menu-bg.gif) left top repeat-x; }
#site-nav li a.current span {background:url(images/menu-left.gif) no-repeat left top;}
#site-nav li a.current em {background:url(images/menu-right.gif) no-repeat right top; }

.list1 li { background:url(images/arrow.gif) no-repeat left 5px; padding:0 0 4px 8px;}
.list1 li div { padding:0 20px 0 0;}

.list2 { background:url(images/line-ver.gif) 50% top no-repeat; width:100%; overflow:hidden; margin-bottom:12px;}
.list2 li { float:left; width:48%; margin-right:22px; border-bottom:0px solid #828282; position:relative;}
.list2 li.last { border:0;}
.list2 li.alt { margin-right:0;}
.list2 li div { padding:0 20px 20px 0; position:relative;}
.list2 li.alt div { padding:0 0 20px 20px;}

/*==================other====================*/
.img-indent { margin:0 20px 0 0; float:left;}
.img-box { width:100%; overflow:hidden; padding-bottom:20px;}
.img-box img { float:left; margin:0 20px 0 0;}

.article { 
padding:25px 0 0px 0;

}


.p1 { margin-bottom:0px;}
.p2 { margin-bottom:25px;}

/*==================txt, links, lines, titles====================*/
a {color:#00a0d8;}
a.cltable {color:#e5e5e5;}
a:hover{text-decoration:none;}

d {color:#083A60; padding-top: 10px;}
h2 { font-size:2.18em; color:#104f6e; font-weight:normal; line-height:1.1em; margin-bottom:23px;}
h3 { font-size:2em; color:#104f6e; font-weight:normal; line-height:1.1em; margin-bottom:23px;}
h5 { font-size:1.8em; color:#104f6e; font-weight:normal; line-height:1.1em; margin-bottom:23px;}
h6 { font-size:4em; color:#fbb50e; font-weight:bold; line-height:1.1em; margin-bottom:23px;}
h7{font-size:1.38em; color:#104f6e; font-weight:normal; line-height:1.1em; margin-bottom:15px;}

h3 img { margin:5px 0 0 0;}
h3.client_code{ font-size:1.5em; color:#104f6e; font-weight:normal; line-height:1.1em; margin-bottom:10px;}

.link1 { display:block; float:left; background:url(images/link1-left.gif) no-repeat left top #00a0d8; color:#fff; text-decoration:none; font-size:1.1em; margin-right:12px;}
.link1 b { display:block; background:url(images/link1-right.gif) no-repeat right top; padding:3px 10px 3px 10px; font-weight:normal; font-style:normal;}
.link1:hover { text-decoration:underline;}

/*==================boxes====================*/
.box { background:url(images/box-bg.gif) left top repeat-x #f5f7f3; width:100%;}
.box .border-right {background:url(images/border-right.gif) repeat-y right;}
.box .right-top-corner {background:url(images/right-top-corner.jpg) no-repeat right top; width:100%;}
.box .indent { padding:26px 40px 55px 31px !important;}

.cont-box span { float:left; width:70px;}


/*header*/
#header .row-1 { height:104px; background:url(images/header-bg1.jpg) no-repeat left top;}
#header .row-1-app { height:104px;}
#header .row-1 .fleft { padding:0 25px 0 18px;}
#header .row-2 .col-1 .indent { padding:107px 0 0 34px;}
#header .divider { position:absolute; background:url(images/divider.png) no-repeat left top; width:38px; height:282px; left:64%; top:143px; margin-left:-9px;}
#header .slogan { margin-bottom:16px;}
/*header*/
#app_header .row-1 { height:104px;}
#app_header .row-1-app { height:104px;}
#app_header .row-1 .fleft { padding:0 25px 0 18px;}
#app_header .row-2 .col-1 .indent { padding:107px 0 0 34px;}
#app_header .divider { position:absolute; background:url(images/divider.png) no-repeat left top; width:38px; height:282px; left:64%; top:143px; margin-left:-9px;}
#app_header .slogan { margin-bottom:16px;}

/*content*/
#content .indent {padding:26px 30px 55px 31px;}

/*footer*/
#footer { color:#8f9ba0;}
#footer p { padding:15px 0 0 29px; margin:0;}
#footer a { color:#3b7b96; text-decoration:none;}
#footer a:hover { text-decoration:underline;}

/*==========================================*/
/*=======================================end of template styles=============================================*/
/*++++++++++table style++++++++++++++++++++++++++++++++++++++++*/




#mytable {
	width: 600px;
	padding: 0;
	margin: 0;
}

caption {
	padding: 0 0 5px 0;
	width: 550px;	 
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA url(images/bg_header.jpg) no-repeat;
}

th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}

td.cltable {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
}


td.alt {
	background: #F5FAFA;
	color: #797268;
}

th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(images/bullet1.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url(images/bullet2.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}
/*======== box with rounder corners==========*/

/*this is just for the login box*/
p.op{
	color:#fffff ;
}
input.loginbtn{
	font-variant: normal;
	text-transform: uppercase;
	text-align: center!important;
	letter-spacing: 0.3em;
   margin-top: 20px;

   		border-style: solid;
		border-width: 0;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		
	/*	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 0;*/
		background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.1));
		background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.1));
		background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.1));
		background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.1));
		background-image: linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.1));
		background-repeat: repeat-x;
	/*	border-color: rgba(0, 0, 0, 0.03) rgba(0, 0, 0, 0.05) rgba(0, 0, 0, 0.15);*/
		color: white;
		text-shadow: 0 1px rgba(0, 0, 0, 0.4);
		background-color: #0ad1e5;
		text-decoration: none;
		font-size: 16px;
		font-family: "Open Sans", arial;
		font-weight: 400;

		display: inline-block;
		cursor: pointer;
		line-height: normal;
		padding: 5px 14px;
		
		-webkit-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
		-ms-transition: all 0.2s linear;
		-o-transition: all 0.2s linear;
		transition: all 0.2s linear;
   }
.boxwrap_loginbox {  float:left;padding-left: 150px; padding-top: 150;   }

.bl_loginbox {background: url(images/bl.png) 0 100% no-repeat #647678; width: 300px;}




/*for the text in portfoglio esempi to flow left*/
.esempi_row{
width: 50%; float:left;
padding-bottom: 20px;   
}
.boxwrap_esempi{width: 170px; float:left;white-space: nowrap; padding-left: 10px;padding-right: 20px;padding-bottom: 15px;   }
/*thi is for the rouded rectangle boxes inside the app*/
.boxwrap { width: 170px; float:left;padding-left: 10px;padding-right: 10px;padding-bottom: 15px;   }
.bl {background: url(images/bl.png) 0 100% no-repeat #D8D8D8; width: 170px}
.br {background: url(images/br.png) 100% 100% no-repeat}
.tl {background: url(images/tl.png) 0 0 no-repeat}
.tr {background: url(images/tr.png) 100% 0 no-repeat; padding:10px; color #ffffff; }
.clear_rnd {font-size: 1px; height: 1px}
.tplink{
color: #e5e5e5;
text-decoration: none;

}
/*client login box @homepage*/
.bl_1_loginbox {background: url(images/bl_1.png) 0 100% no-repeat #f5f7f4; width: 300px;}
.boxwrap_1 { width: 170px; float:left;padding-left: 10px;padding-right: 10px;padding-bottom: 15px;   }
.bl_1 {background: url(images/bl_1.png) 0 100% no-repeat #647678; width: 170px}
.br_1 {background: url(images/br_1.png) 100% 100% no-repeat}
.tl_1 {background: url(images/tl_1.png) 0 0 no-repeat}
.tr_1 {background: url(images/tr_1.png) 100% 0 no-repeat; padding:10px}
.clear_rnd {font-size: 1px; height: 1px}
.tplink{
color: #e5e5e5;
text-decoration: none;

}
/*for the table showing client data*/
.boxwrap_table { width: 100%; float:left;padding-left: 10px;padding-right: 10px;padding-bottom: 15px;   }
.bl_table {background: url(images/bl.png) 0 100% no-repeat #647678; width: 100%;}
//.bl_table {background: url(images/b.png) 0 100% no-repeat #647678; width: 100%}


/*end of client login box @homepage*/
.headline {
	  font-family: "Lucida Grande", Tahoma;
	font-size: 10px;
	font-weight: lighter;
	font-variant: normal;
	text-transform: uppercase;
	color: #e5e5e5;
        margin-top: 10px;
	text-align: center!important;
	letter-spacing: 0.3em;


}

p.cltable {
color:#e5e5e5;
font-family:Arial,Helvetica,San-Serif;
font-size:12px;
line-height:21px;
}
p.table {
font-family:Arial,Helvetica,San-Serif;
font-size:12px;
line-height:21px;
}

.table_margin{
margin-left:16px;}


tbody tr td {
color:#666666;
padding:5px 10px;

}

table, td {
-x-system-font:none;
border:0px solid #CCCCCC;
border-collapse:collapse;
font-family:"Verdana","Bitstream Vera Sans",Verdana,Helvetica,sans-serif;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.5;
}
table.noborder, td.noborder {
border: 0px;}

#menu101 {
	width: 180px;
	margin: 10px;
	display:block;
	float:left;
	font-size:14px;


	}
#menu10 li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}	
	
#menu10 li a:link, #menu10 li a:visited {
	color: #4D4D4D;
	display: block;
	background:  url(images/menu10.gif);
	padding: 8px 0 0 10px;
	}
	
#menu10 li a:hover {
	color: #FF9834;
	background:  url(images/menu10.gif) 0 -32px;
	padding: 8px 0 0 10px;
	}