/* CSS Document */


/*-------
// global reset
//-----*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul{ list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
table { border-collapse: collapse; border-spacing: 0; }
acronym { cursor: help; }



/*-------
// general
//-----*/

html { font-size: 100.01%; }
body { font-size: 62.5%; line-height:1.2em; }
input, select, textarea { font-size: 100%; }

input.text, textarea { padding: 2px 3px; font-family: Verdana, sans-serif; }
.submit { cursor/**/: /**/pointer; }
select > option { padding: 0 5px 0 3px; }


.flR { float: right; }
.flL { float: left; }
.alR { text-align: right; }
.alC { text-align: center; }
.vlT {vertical-align:top;}
.vlB {vertical-align:bottom;}

.hide { display: none; }
.clear { clear: both; height:1px; line-height:1px; }

.ir { position: relative; overflow: hidden; }
.ir span { position: absolute; width: 100%; height: 100%; left: 0; top: 0; text-indent: -1000em; }

a:link, a:visited { color:red;text-decoration: none; cursor/**/: /**/pointer; }
a:link:hover, a:visited:hover { text-decoration: underline; }
a.inv:link, a.inv:visited { text-decoration: underline; }
a.inv:link:hover, a.inv:visited:hover { text-decoration: none; }

.cols { overflow: hidden; margin: 0; }
.cols .col { float: left; width: 50%; }
#page .cols .last { margin-right: 0; }

.clearFix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }


/*-------
// Globals
//-----*/
body{ font-family:Arial, Helvetica, sans-serif;  color:#565656; background:#1C1208; }
h1, h2, h3, h4, h5, h6, p{ line-height:1.0em; }

div#content h1{font-size:1.7em;}
div#content h2{font-size:1.6em; margin-bottom:10px;}
div#content h3{font-size:1.4em; color:#91b43b; margin:3px 0 10px 0;}
div#content h4{font-size:1.4em; text-transform:uppercase; color:#91b43b; font-weight:normal;}
div#content p{ font-size:1.4em; margin-bottom:12px; line-height:1.3em;}

/*-------
// Page Layout
//-----*/


/*--- Wrapper ---*/
div.wrapper{width:978px; margin:0px auto; }

/*--- Header ---*/
div#header{ background:transparent ; height:120px; padding-right:29px;}

div#topmenu{padding:93px 0 0 0px; margin-left:270px;font-size:15px; font-weight:bold; letter-spacing:1px;}
div#topmenu a{color:#fff;}

/*--- Content ---*/
div#content{background:#FFF; padding:15px 13px;}

div#templates{padding:15px -30px 15px 0;width:900px;}

/*--- Footer ---*/
div#footer{padding:20px 0px 50px 0px; width:100%; overflow:hidden;}

/*--- Banner ---*/
div#banner{ height:350px;  margin-bottom:15px;}



/*--- Content rightcont ---*/
div#content div#rightcont{width:335px;}
.esempi{height:180px; margin-bottom:10px; border-bottom:1px solid #91b43b;}
.esempi_2{height:180px; margin-bottom:10px;}



.esempi #vet_1 {width:160px; height:70px;background:url(/creazione-siti-web/i/vet_1.jpg) no-repeat 0 0; float:left; border:1px solid #eee; margin:0 10px 10px 0;}
.esempi #vet_1 a{display:block;width:160px; height:70px;}
.esempi #vet_1 a:hover{background:url(/creazione-siti-web/i/vet_1_on.jpg) no-repeat 0 0;}

.esempi #vet_2 {width:160px; height:70px;background:url(/creazione-siti-web/i/vet_2.jpg) no-repeat 0 0; float:left; border:1px solid #eee; margin:0 0 10px  0;}
.esempi #vet_2 a{display:block;width:160px; height:70px;}
.esempi #vet_2 a:hover{background:url(/creazione-siti-web/i/vet_2_on.jpg) no-repeat 0 0;}

.esempi #din_1 {width:160px; height:70px;background:url(/creazione-siti-web/i/din_1.jpg) no-repeat 0 0; float:left; border:1px solid #eee; margin:0 10px 10px 0;}
.esempi #din_1 a{display:block;width:160px; height:70px;}
.esempi #din_1 a:hover{background:url(/creazione-siti-web/i/din_1_on.jpg) no-repeat 0 0;}

.esempi #din_2 {width:160px; height:70px;background:url(/creazione-siti-web/i/din_2.jpg) no-repeat 0 0; float:left; border:1px solid #eee; margin:0 0 10px  0;}
.esempi #din_2 a{display:block;width:160px; height:70px;}
.esempi #din_2 a:hover{background:url(/creazione-siti-web/i/din_2_on.jpg) no-repeat 0 0;}


.esempi #ecom_1 {width:160px; height:70px;background:url(/creazione-siti-web/i/ecom_1.jpg) no-repeat 0 0; float:left; border:1px solid #eee; margin:0 10px 10px 0;}
.esempi #ecom_1 a{display:block;width:160px; height:70px;}
.esempi #ecom_1 a:hover{background:url(/creazione-siti-web/i/ecom_1_on.jpg) no-repeat 0 0;}

.esempi #ecom_2 {width:160px; height:70px;background:url(/creazione-siti-web/i/ecom_2.jpg) no-repeat 0 0; float:left; border:1px solid #eee; margin:0 0 10px  0;}
.esempi #ecom_2 a{display:block;width:160px; height:70px;}
.esempi #ecom_2 a:hover{background:url(/creazione-siti-web/i/ecom_2_on.jpg) no-repeat 0 0;}









/*--- Footer ---*/
div#footer p{color:#6a523d; font-size:130%;}
div#footer ul li{color:#6a523d; font-size:130%; display:inline; margin-left:10px;}
div#footer a{color:#6a523d;}
div#footer div.copyright{padding:0px 0px 0px 5px;}
div#footer div.footer_nav{padding:0px 15px 0px 0px;}




/*-------
// Index Page Layout
//-----*/

/*--- Content Main ---*/
div#content div#main{width:569px;}
div#content div.box{background:#91b43b; padding:12px; position:relative; margin-bottom:12px; height:1%;}
div#content div.box div.inner_box{width:100%; overflow:hidden; }
div#content div.box div.clear{margin-top:-4px;}
div#content div.box div.arrow{background:transparent url(/creazione-siti-web/i/right_arrow.gif) left top no-repeat; width:42px; height:66px; position:absolute; top:35%; right:-42px}
div#content div.toparrow{background:transparent url(/creazione-siti-web/i/top_arrow.jpg) left top no-repeat; width:66px; height:42px;margin:-20px 0 0 260px; }


div#content div.box div.inner_box img{float:left;}
div#content div.box div.description{margin-left:230px;}
div#content div.box div.description p{color:#FFF;}
div#content div.box div.description h2{height:20px; color:#fff;margin:0px 0px 7px 0px;}
div#content  div.box p{color:#ba9b7d ; margin-bottom:20px; }
div#content  div.box p span{color:#f3fa88;}
div#content  div.box h2{color:#91b43b; margin:10px 0px 12px 0px;}
div#content  div.box p.alR{margin-bottom:0px;}


/*--- Content Content_bottom ---*/
div#content div.content_bottom{clear:both; width:100%; overflow:hidden;}



/*-------
// Location Page Layout
//-----*/

/*--- Content ---*/

div#content div.box.item_section{margin-bottom:0px; padding:20px 30px 15px 30px;}
div#content div.box div.items{margin:3px -23px 25px -23px;}
div#content div.box div.items{text-align:center;}




/* info box */

.info_tit{color:#91b43b; text-align:center; margin-bottom:10px; font-size:1.6em;}
.info_p{margin:12px 0 5px 0;}




/* Rotator Styles */
#rotator {
	background:#FFF;
	color:#000;
	position:relative;
	padding-bottom:2.6em;
	margin:0 0 20px 0; 
	font-size:20px;
	border-bottom:1px solid #91b43b;
}


/* Tabs */
ul.ui-tabs-nav, li.ui-tabs-nav-item, li.ui-tabs-nav-item a:link, li.ui-tabs-nav-item a:visited {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	line-height:1.3;
	text-decoration:none;
	font-size:100%;
	list-style:none;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
}

ul.ui-tabs-nav {
	position:absolute;
	bottom:0px;
	left:0;
	z-index:1;
	width:100%;
	background:transparent url(/creazione-siti-web/i/rotator/uitabsbg.gif) repeat-x bottom right;
}

/* Non-Selected Tabs */
li.ui-tabs-nav-item a:link,
li.ui-tabs-nav-item a:visited {	
	font-size:.8em;
	font-weight:normal;
	color:#999;
	background:#transparent url(/creazione-siti-web/i/rotator/uitabsbg.gif) repeat-x bottom left; 
	border-left:1px solid #FFF;
	border-right:1px solid #c5ced9;
	height:43px;
	padding-bottom:2px;
}

/* Hovered Tab */
#rotator .ui-tabs-nav-item a:hover,
#rotator .ui-tabs-nav-item a:active {
	background:#FFF url(/creazione-siti-web/i/rotator/uiactivetabbg.gif) repeat-x bottom left;
	color:#333;
}

#rotator .ui-tabs-nav-item a span {
	float:left; 
	padding:1em; 
	cursor:pointer;
}

/* Active Tab */
#rotator .ui-tabs-selected a:link,
#rotator .ui-tabs-selected a:visited,
#rotator .ui-tabs-selected a:hover,
#rotator .ui-tabs-selected a:active {
	background:#fff url(/creazione-siti-web/i/rotator/uiactivetabbg.gif) repeat-x bottom left;
	color:#333;
}

/* Content Panels */
#rotator .ui-tabs-panel {
	font-family:Arial, Helvetica, sans-serif;
	clear:left;
	color:#000;
	padding:40px 540px 15px 15px;
	height:235px;
}

#rotator .ui-tabs-hide {
	display:none;
}

#rotator h2 {
	color:#E75D00;
	font-weight:normal;
	margin:0;
	font-size:1.8em;
	line-height:1.2em;
}

#rotator p {
	font-size:1.1em;
	margin:.5em 0;
	color:#333;
}

#rotator .btn_get_started {
	float:left;
	height:30px;
	width:99px;
	text-indent:-9999em;
	margin-right:7px; 
	overflow:hidden; 
	background:transparent url(/creazione-siti-web/i/rotator/getstarted.gif) no-repeat
}

#rotator .btn_learn_more {
	float:left;
	height:26px;
	font-size:.9em;
}

/* Background Images */
#rotator #fragment-1 {
	background:transparent url(/creazione-siti-web/i/rotator/vetrina.jpg) no-repeat top right;
}

#rotator #fragment-2 {
	background:transparent url(/creazione-siti-web/i/rotator/dinamici.jpg) no-repeat top right;
}

#rotator #fragment-3 {
	background:transparent url(/creazione-siti-web/i/rotator/ecomm.jpg) no-repeat top left;
	padding:40px 15px 15px 540px;
}

#rotator #fragment-4 {
	background:transparent url(/creazione-siti-web/i/rotator/pronti.jpg) no-repeat top left;
	padding:40px 15px 15px 540px;
}

#rotator #fragment-5 {
	background:transparent url(/creazione-siti-web/i/rotator/google.jpg) no-repeat top left;
	padding:40px 15px 15px 540px;
}


.orange{color:#E75D00;}
.white{color:#fff;}

.center{text-align:center;}
.green{color:#91b43b;}
.fff{color:#fff;}

.cont_p{margin:10px 0 3px 0;}

#commentForm { width: 500px; }
#commentForm label { width: 250px; }
#commentForm label.error, #commentForm input.submit { margin-left: 253px; }