@charset "utf-8";
/* CSS Document */

/*HOME*/
#siti_web {
	left:0px;
	width: 761px;
	height: 400px;
	font-size: 11px;
	color:#000000;
	text-align: justify;
}
#cont_siti_web {
	margin-left: 0px;
	width: 750px;
	height: 400px;
}
#sx_siti_web {
	width: 220px;
	height: auto;
	float: left;
	margin-right: 20px;
	padding-left: 20px;
}
#sx_lungo_siti_web {
	width: 485px;
	height: 120px;
	float: left;
	padding-top: 17px;
	padding-right: 15px;
	background: url(bg_promo_dw.png) no-repeat;
	background-position: 0 5px;
	margin-top:5px;
}
#sx_lungo_siti_web:hover {
	width: 485px;
	height: 120px;
	float: left;
	padding-top: 17px;
	padding-right: 15px;
	background: url(bg_promo.png) no-repeat;
	background-position: 0 5px;
	margin-top:5px;
}
#md_siti_web {
	width: 220px;
	height: auto;
	float: left;
}
#dx_siti_web {
	width: 220px;
	height: 400px;
	float:right;
	font-size:9px;
	padding-right: 10px;
	background: url(bg_cont_inpro.png) no-repeat left;
}
#promo_siti_web {
	width: 455px;
	height: 138px;
	float:left;
	font-size:9px;
	background: #333333;
	margin-top: 30px;
	margin-left: 25px;
}
.titolo_siti_web1 {
	width: 189px;
	height: 20px;
	background: url(bg_titolo_profilo.png) no-repeat;
	background-position: 13px 0;
	padding: 13px 0 14px 15px;
	font-size: 18px;
	color: #666;
	margin-bottom: 5px;
}
.titolo_siti_web_promo1 {
	width: 400px;
	height: 60px;
	float:left;
	font-size: 18px;
	color: #030923;
	text-align:center;
	padding-left: 27px;
	padding-top: 10px;
}
.titolo_siti_web_promo2 {
	width: 454px;
	float:right;
	padding-right: 27px;
	padding-top: 0px;
	font-size: 18px;
	color: #030923;
	text-align: right;
}
.titolo_siti_web3 {
	width: 205px;
	padding: 13px 0 20px 15px;
	font-size: 18px;
	color: #666;
}
.titolo_lungo_siti_web {
	width: 205px;
	background: url(bg_titolo.jpg) no-repeat center;
	padding: 13px 0 14px 15px;
	font-size: 18px;
	color: #666;
}
.txt_lungo_siti_web {
	width: 187px;
	padding: 10px 16px 0px 16px;
}
.txt_siti_web {
	width: 187px;
	padding: 0px 16px 25px 16px;
	background: url(bg_cont_text.png) no-repeat;
	background-position: bottom;
	color: #666666;
}

.txt_siti_web_sup {
	width: 187px;
	height: 10px;
	padding: 0px 16px 0px 16px;
	color: #555555;
	background: url(bg_cont_text_sup.jpg) no-repeat center;
}
.didascalie_siti_web {
	width: 173px;
	padding: 0px 24px 0px 22px;
	font-size: 10px;
	color: #5E5940;
}

.img_prima {
	width: 200px;
	height: 110px;
	background: url(angelcaido-elfindelmundoestacerca.png) no-repeat center;
	margin-left: 8px;
}
.img_seconda {
	width: 200px;
	height: 110px;
	background: url(gnp-gruponacionalprovincial.png) no-repeat center;
	margin-left: 8px;
}
.spacer_siti_web {
	width: 200px;
	padding: 5px 0 0 22px;
	color: #6F6A53;
}
/***************************/
#menu_promo {
	padding:0px 0 0 15px;
	margin:0;
	font-size: 1px;
	text-indent:-9000px;
	
}
#menu_promo li {
	width: 100px;
	display: block;
	float:left;
	padding-left: 35px; 
}
#menu_promo a {
	display: block;
	color: #FFFFFF;
	text-decoration:none;
	text-align:center;
	height:38px;
	width:105px;
	background: url(btn_promo_up.png) no-repeat center;
}
#menu_promo a:hover {
	background: url(btn_promo_dw.png) no-repeat center;
	color: #E1F8AD;
}


/*fine HOME*/

/*SOLUZIONI*/
#soluzioni{
	left:900px;
	width: 761px;
	height: 400px;
	font-size: 11px;
	color:#000000;
	text-align: justify;
	background-image: url(bg_cont_sol.png);
	background-repeat: no-repeat;
	background-position: 10px 0px;
}
#cont_webmarketing {
	margin-left: 0px;
	width: 750px;
	height: 300px;
}
#sx_webmarketing {
	width: 280px;
	height: 380px;
	float: left;
	margin-right: 20px;
	padding-left: 20px;
	background-repeat: no-repeat;
}
#md_webmarketing {
	width: 420px;
	height: auto;
	float: right;
	padding-top: 37px;
}
.menu_webmarketing {
	width: 225px;
	padding: 0px 20px 13px 20px;
	background-position: bottom;
	color: #666666;
}
.titolo_webmarketing1 {
	width: 225px;
	padding: 13px 0 14px 20px;
	font-size: 18px;
	color: #666;
	margin-bottom: 15px;
	background-image: url(bg_titolo_profilo.png);
	background-repeat: no-repeat;
	background-position: 15px;
}
.titolo_webmarketing2 {
	width: auto;
	padding: 25px 0 10px 20px;
	font-size: 18px;
	color: #FF6600;
	margin-bottom: 5px;
}
.txt_webmarketing_sup {
	width: 230px;
	height: 15px;
	padding: 0px 16px 0px 19px;
	color: #555555;
	background: url(bg_cont_text_sup_profilo.jpg) no-repeat center;
}
.txt_webmarketing {
	width: 345px;
	height: auto;
	padding: 0px 16px 0px 20px;
	color: #555555;
}
.link {
	cursor:pointer;
	font-size: 11px;
	font-weight: bold;
	color:#666;
	width: 210px;
	padding-left: 35px;
	padding-top: 8px;
	padding-bottom: 8px;
	margin-bottom: 5px;
	background: url(freccia_grigia.jpg) no-repeat;
	background-position: 0px 2px;
}
.link:hover {
	color:#000;
	background: url(freccia_verde.jpg) no-repeat;
	background-position: 0px 2px;
}
.slider {
	width: 406px;
	height: 328px;
	position:relative;
	overflow:hidden;
	
}
.slidercontent {
	position: absolute;
}
.section {
	height: 350px;
	padding:10px;
	background: url(bg_section.png) no-repeat;
	background-position: -9px 8px;
}
/*--------menu----------*/
.menu span{
padding: 0 0 40px 60px;
}
#menu span{
width: 175px;
font: 11px Verdana, Arial, Helvetica, sans-serif;
padding: 0 0 40px 60px;
}
#menu ul{
margin: 0;
padding: 0;
list-style: none;
}
#menu li{
font: 11px Verdana, Arial, Helvetica, sans-serif;
display: inline;
margin: 0;
padding: 0;
}
#menu span:link, #menu span:visited{
display: block;
color: #666666;
margin:0;
padding: 5px 5px 5px 5px;
text-decoration: none;
border-top: 1px dashed #CCCCCC;
}
#menu span:hover{
display: block;
background: #F0F0F0;
color: #333333;
margin:0;
padding: 5px 5px 5px 10px;
text-decoration: none;
border-top: 1px dashed #CCCCCC;
}
/*fine SOLUZIONI*/

/*PORTFOLIO*/
#portfolio{
	left:1800px;
	width: 761px;
	height: 400px;
	font-size: 11px;
	color:#000000;
	text-align: justify;
	background: url(bg_portfolio.png) no-repeat;
	background-position: 25px 0px;
}
#portfolio {
	margin-left: 0px;
	width: 750px;
	height: 400px;
}
#md_portfolio {
	width: 350px;
	height: 160px;
	float: left;
	margin-left: 25px;
	margin-right:20px;
}
#dx_portfolio {
	width: 340px;
	height: 160px;
	float: left;
}
/**********siti web***************/
#sx_menuportfolio {
	width: 108px;
	height: 177px;;
	float: left;
	display:inline;
	overflow:hidden;
	margin-left: 47px;
	margin-top: 20px;
}
#dx_menuportfolio {
	width: 505px;
	height: 177px;
	float: right;
	display:inline;
	overflow:hidden;
	margin-right: 60px;
	margin-top: 20px;
}
.slider_port {
	width: 504px;
	height: 176px;
	position:absolute;
	overflow:hidden;	
}
.slidercontent_port {
	position: absolute;
}
.section_port {
	width: 503px;
	height: 176px;
}
.ctes_disenio_gnp {
	width: 500px;
	height: 176px;
	color: #555555;
	background:url(ctes_pagina_gnp.jpg) no-repeat;
	background-position: 2px 5px;
}
.ctes_disenio_conexion {
	width: 500px;
	height: 176px;
	color: #555555;
	background:url(ctes_pagina_conexion.jpg) no-repeat;
	background-position: 2px 5px;
}
.ctes_disenio_liderazgo {
	width: 500px;
	height: 176px;
	color: #555555;
	background:url(ctes_pagina_liderazgo.jpg) no-repeat;
	background-position: 2px 5px;
}
.ctes_disenio_1 {
	width: 200px;
	height: 174px;
	color: #555555;
	float:left;
	padding-top:0px;
	padding-left:20px;
	text-align:left;
}

/***************************/
#menu_port {
	padding:0 0 0 0;
	margin:0;
	font-size: 1px;
}
#menu_port li {
	width: 22px;
	display: block;
	float:left;
	padding-left: 0px;
	margin-right: 5px;
	margin-bottom: 5px; 
}
#menu_port a {
	display: block;
	color: #EEEEEC;
	text-decoration:none;
	text-align:center;
	height:22px;
	width:22px;
	background: url(btn_port_siti_dw.gif) no-repeat;
	background-position: 2px 2px;
}
#menu_port a:hover,
#menu_port a:focus:hover {
	background: url(btn_port_siti.gif) no-repeat;
	color: #E1F8AD;
}
#menu_port a:active,
#menu_port a:focus {
	background: url(btn_port_siti.gif) no-repeat;
	color: #E1F8AD;
}
.didascalie_port {
	width: 173px;
	font-size: 10px;
	color: #7A7452;
}
/****************fine siti web*******************/
/****************design***********************/
#sx_menudesign {
	width: 60px;
	height: 130px;;
	float: left;
	display:inline;
	overflow:hidden;
	margin-left: 47px;
	margin-top: 50px;
}
#dx_menudesign {
	width: 210px;
	height: 130px;
	float: left;
	display:inline;
	overflow:hidden;
	margin-left: 24px;
	margin-top: 50px;
}
.slider_design {
	width: 209px;
	height: 130px;
	position:absolute;
	overflow:hidden;	
}
.slidercontent_design {
	position: absolute;
}
.section_design {
	width: 208px;
	height: 128px;
}

.txt_hosting_angelcaido {
	width: 208px;
	height: 128px;
	color: #555555;
	background: url(bg_ctes_hosting_angelcaido.png);
}
.txt_hosting_reddragon {
	width: 208px;
	height: 128px;
	color: #555555;
	background: url(bg_ctes_hosting_reddragon.png);
}
.txt_hosting_masatuvida {
	width: 208px;
	height: 128px;
	color: #555555;
	background: url(bg_ctes_hosting_masatuvida.png);
}
.txt_hosting_vidaypatrimonio {
	width: 208px;
	height: 128px;
	color: #555555;
	background: url(bg_ctes_hosting_vidaypatrimonio.png);
}

.txt_design_oreal {
	width: 208px;
	height: 128px;
	color: #555555;
	background: url(bg_design_oreal.jpg);
}
.txt_design_eco {
	width: 208px;
	height: 128px;
	color: #555555;
	background: url(bg_design_eco.jpg);
}
.txt_design_ghigo {
	width: 208px;
	height: 128px;
	color: #555555;
	background: url(bg_design_ghigo.jpg);
}
.txt_design_pg {
	width: 208px;
	height: 128px;
	color: #555555;
	background: url(bg_design_pg.jpg);
}
/***************************/
#menu_design {
	padding:0 0 0 0;
	margin:0;
	font-size: 1px;
}
#menu_design li {
	width: 22px;
	display: block;
	float:left;
	padding-left: 0px;
	margin-right: 5px;
	margin-bottom: 5px; 
}
#menu_design a {
	display: block;
	color: #EEEEEC;
	text-decoration:none;
	text-align:center;
	height:22px;
	width:22px;
	background: url(btn_port_siti_dw.gif) no-repeat;
	background-position: 2px 2px;
}
#menu_design a:hover,
#menu_design a:focus:hover {
	background: url(btn_design.png) no-repeat;
	color: #E1F8AD;
}
#menu_design a:active,
#menu_design a:focus {
	background: url(btn_design.png) no-repeat;
	color: #E1F8AD;
}
/*****************fine design*******************/
/****************net***********************/
#sx_menunet {
	width: 60px;
	height: 130px;;
	float: left;
	display:inline;
	overflow:hidden;
	margin-left: 67px;
	margin-top: 50px;
}
#dx_menunet {
	width: 210px;
	height: 130px;
	float: left;
	display:inline;
	overflow:hidden;
	margin-left: 24px;
	margin-top: 50px;
}
.slider_net {
	width: 504px;
	height: 176px;
	position:absolute;
	overflow:hidden;	
}
.slidercontent_net {
	position: absolute;
}
.section_net {
	width: 503px;
	height: 175px;
}
.txt_net {
	width: 198px;
	height: 128px;
	color: #555555;
	margin-left: 10px;
	padding-left: 10px;
	padding-top: 1px;
	background: url(linea_blu.jpg) no-repeat;
	background-position: 0px 16px;
}
/***************************/
#menu_net {
	padding:0 0 0 0;
	margin:0;
	font-size: 1px;
}
#menu_net li {
	width: 22px;
	display: block;
	float:left;
	padding-left: 0px;
	margin-right: 5px;
	margin-bottom: 5px; 
}
#menu_net a {
	display: block;
	color: #EEEEEC;
	text-decoration:none;
	text-align:center;
	height:22px;
	width:22px;
	background: url(btn_port_siti_dw.gif) no-repeat;
	background-position: 2px 2px;
}
#menu_net a:hover,
#menu_net a:focus:hover {
	background: url(btn_net.png) no-repeat;
	color: #E1F8AD;
}
#menu_net a:active,
#menu_net a:focus {
	background: url(btn_net.png) no-repeat;
	color: #E1F8AD;
}
/*****************fine design*******************/
/*fine PORTFOLIO*/

/*PROFILO*/
#profilo{
	left:2700px;
	width: 761px;
	height: 400px;
	font-size: 11px;
	color:#000000;
	text-align: justify;
}
#cont_siti_internet {
	margin-left: 0px;
	width: 750px;
	height: 400px;
}
#sx_siti_internet {
	width: 280px;
	height: auto;
	float: left;
	margin-right: 20px;
	padding-left: 20px;
}
#md_siti_internet {
	width: 420px;
	height: auto;
	float: left;
}
.txt_siti_internet {
	width: 225px;
	padding: 7px 20px 25px 20px;
	background: url(bg_cont_profilo.png) no-repeat;
	background-position: top;
	color: #666666;
}
.txt_siti_internet2 {
	width: 380px;
	height: 321px;
	padding: 0px 16px 20px 20px;
	color: #666666;
	background: url(bg_cont_metodo.png) no-repeat;
	background-position: bottom;
}
.txt_siti_internet2_sup {
	width: 380px;
	height: 10px;
	padding: 0px 16px 0px 16px;
	color: #555555;
}
.txt_siti_internet_sup {
	width: 230px;
	height: 15px;
	padding: 0px 16px 0px 19px;
	color: #555555;
	background: url(bg_cont_text_sup_profilo.jpg) no-repeat center;
}
.titolo_siti_internet1 {
	width: 225px;
	padding: 13px 0 14px 20px;
	font-size: 18px;
	color: #666;
	margin-bottom: 5px;
	background-image: url(bg_titolo_profilo.png);
	background-repeat: no-repeat;
	background-position: 15px;
}
.titolo_siti_internet2 {
	width: 380px;
	padding: 13px 0 14px 20px;
	font-size: 18px;
	color: #666;
	margin-bottom: 5px;
	background-image: url(bg_titolo_profilo.png);
	background-repeat: no-repeat;
	background-position: 18px;
}
.cont_elenco_siti_internet {
	width: 370px;
	height:auto;
	color: #666666;
}
.voce_elenco_siti_internet {
	width: 270px;
	margin-bottom: 15px;
	float:left;
	color: #666666;
	padding-left: 100px;
}
.spacer_siti_internet {
	width: 280px;
	height: 13px;
	color:#E5E6E1;
}
.spacer_siti_internet2 {
	width: 280px;
	height: 32px;
	color:#E5E6E1;
}
/*fine PROFILO*/


/*POSIZIONAMENTO*/
#posizionamento_motori_ricerca{
	left:3600px;
	width: 761px;
	height: 400px;
	font-size: 11px;
	color:#000000;
	text-align: justify;
}
#cont_posizionamento_web {
	margin-left: 0px;
	width: 750px;
	height: 400px;
}
#dx_posizionamento_web {
	width: 380px;
	height: auto;
	float: right;
	margin-right: 10px;
}
#dx_posizionamento_web h1 {
	font-size:12px;
	color:#FF6600;
	font-weight:bold;
	padding: 0 0 0 0;
	height: 30px;
}
#sx_posizionamento_web {
	width: 330px;
	height: 400px;
	float: left;
	padding-left: 20px;
	background-image: url(sfondo_form_key.png);
	background-repeat: no-repeat;
	background-position: 28px 175px;
}
.txt_posizionamento_web1 {
	width: 270px;
	padding: 10px 0px 35px 20px;
	background-position: bottom;
	color: #666666;
	height: auto;
}
.txt_posizionamento_web_sup {
	width: 278px;
	height: 15px;
	padding: 0px 16px 0px 19px;
	color: #555555;
	background: url(bg_cont_text_sup_profilo.jpg) no-repeat center;
}
.txt_posizionamento_web {
	width: auto;
	height: 380px;
	padding: 0px 16px 20px 20px;
	color: #666666;
	background-position: bottom;
	background-image: url(sfondo_pos.png);
	background-repeat: no-repeat;
}
.cont_form_chiavi {
	width: 270px;
	color: #666666;
	padding-left: 20px;
	height: 200px;
}
.voce_elenco_posizionamento_web {
	width: 320px;
	float:left;
	color: #666666;
	padding-left: 20px;
	margin-top: 15px;
}
.titolo_elenco_posizionamento_web {
	width: 320px;
	float:left;
	color: #666666;
	padding-left: 35px;
}
.titolo_posizionamento_web {
	width: 320px;
	padding: 20px 0 10px 20px;
	font-size: 18px;
	color: #666666;
}
.titolo_posizionamento_web1 {
	width: 280px;
	padding: 20px 0 14px 20px;
	font-size: 18px;
	color: #666666;
	background: url(bg_titolo_profilo.png) no-repeat;
	background-position: 15px 0;
}
/*fine POSIZIONAMENTO*/


/*CONTATTI*/
#contatti{
	left:4500px;
	width: 761px;
	height: 400px;
	font-size: 11px;
	color:#000000;
	text-align: justify;
}
#sx_contatti {
	width: 330px;
	height: 400px;
	float: left;
	padding-left: 20px;
	background-repeat: no-repeat;
	background-position: 20px 0;
}
#cont_contatti {
	margin-left: 0px;
	width: 750px;
	height: 400px;
}
.txt_contatti {
	width: 295px;
	padding: 5px 0px 0px 15px;
	background-position: bottom;
	color: #666666;
	height: 110px;
}
.txt_contatti2 {
	width: 299px;
	padding: 35px 0px 25px 30px;
	background-position: 0 0;
	color: #666666;
	height: 168px;
	background: url(contatti.png) no-repeat;
}
.titolo_contatti{
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#B2D800;
}
.titolo_contatti1 {
	width: 303px;
	padding: 20px 0 14px 12px;
	font-size: 18px;
	color: #666666;
	background: url(bg_titolo_profilo.png) no-repeat;
	background-position: 10px 0;
}
.titolo_contatti2 {
	width: 318px;
	padding: 20px 0 14px 12px;
	font-size: 18px;
	color: #666666;
	background: url(bg_titolo_profilo.png) no-repeat;
	background-position: 8px 0;
	margin-left: 26px;
}
#dx_contatti {
	width: 380px;
	height: auto;
	float: right;
	margin-right: 10px;
}
.txt_form_contatti {
	height: 340px;
	padding: 15px 0px 0px 20px;
	color: #666666;
	background-image: url(cont_form_cont.png);
	background-repeat: no-repeat;
	background-position: 150px 10px;
}
/*fine CONTATTI*/

/*PRIVACY*/
#privacy{
	left:5400px;
	width: 761px;
	height: 400px;
	font-size: 11px;
	color:#000000;
	text-align: justify;
}
#sx_privacy {
	width: 280px;
	height: auto;
	float: left;
	padding-left: 60px;
	background-repeat: no-repeat;
	text-align: justify;
	padding-right: 20px;
	padding-top: 15px;
	padding-bottom: 20px;
	background-image: url(privacy1.png);
	background-position: 40px 0px;
}
#dx_privacy {
	width: 280px;
	height: 380px;
	float: right;
	padding-left: 20px;
	text-align: justify;
	padding-right: 60px;
	padding-top: 20px;
}
/*fine PRIVACY*/


/*------GENERALE------*/

.grassetto {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	text-transform: uppercase;
}
.tasto_more {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;
	text-align: center;
	color:#fff;
	padding: 7px 8px 10px 9px;
	margin-left: 160px;
	background: url(freccia_grigia_bg_w.jpg) no-repeat;
	background-position: 0 0;
}
.tasto_more:hover {
	padding: 7px 8px 10px 9px;
	margin-left: 160px;
	background: url(freccia_verde_bg_w.jpg) no-repeat;
}
.titolo_didascalia {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #686961;
	font-weight: 900;
}
.voce_didascalia {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #686961;
}
.frecce {
	height: 30px;
	width: 30px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;
	color:#000;
	padding: 3px 5px 3px 0px;
	background: #999999;
}
.sottotitolo_big {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #686961;
	font-weight: bold;
	text-align: left;
}
.sottotitolo_big_green {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF6600;
	font-weight: bold;
	text-align: left;
}
.link_testo_arancione {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	font-weight: bold;
	text-align: left;
}
.link_testo_arancione:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF6600;
	font-weight: bold;
	text-align: left;
}
.link_testo_arancione_small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-align: left;
}
.link_testo_arancione_small:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF6600;
	text-align: left;
}
.txt_frecce {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
}
.titolo_promo_big {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #686961;
	font-weight: bold;
	text-align: left;
}
.testo_form {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}

.tasto_form{
	cursor: pointer;
	height:auto;
	width:auto;
	font-size:11px;
	background-color: #333333;
	border:1px solid #000;
	padding-left:5px;
	padding-right:5px;
	color:#ffffff;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
.spacer {
	height:5px;
	}

.lapis_txt {
	width: 180px;
	height: auto;
	padding-left:20px;
	font-size:10px;
	background-image: url(linea_verde.jpg);
	background-position: 0px 10px;
	background-repeat: repeat-y;
}
.piva {color: #666666}