/*
-------------------------------------------
Site:			http://www.redstyle.it
Author:			Daniele Papperini
Updated:		26/02/2010
-------------------------------------------
*/

*					{ margin: 0; padding: 0; }
body				{ font: 14px Arial, Verdana, Helvetica, Times New Roman, sans-serif;
/*					  background-image: url(../img/sfondi/studio.jpg); */
					  background-repeat: no-repeat; height: 100%;
					  color: #FFF;
					}
					  
#page-wrap		    { max-width: 678px; min-width: 678px; height: 442px;
					  margin-left: 280px; position: relative; top: 35px; left: 0;
					}

/* dialog logofree */
#dialog {
    /* overlay is hidden before loading */ 
    display:none;  
    /* standard decorations */ 
    width:709px;
   	height: 280px;
   	background: url(../img/popup_logo.jpg);
} 

.close {
	position: relative;
	border: none;
	background: transparent;
	top: 11px;
	left: 633px;
	right: 0;
	width: 59px;
	height: 17px;
}

/* email msg */
#msg_mail {
	background-color: #d00019;
	text-align: center;
	height: 65px;
	width: 400px;
	padding-top: 35px;
	font: 16px Arial, Verdana, Helvetica, Times New Roman, sans-serif;
}

/* menu */
#menu { position: absolute; top: -30px; left: 440px; color: #FFF; font-size: 12px; font-weight: bold;}

#menu_black { position: absolute; top: -30px; left: 440px; color: #000; font-size: 12px; font-weight: bold;}

#menu-top{ position:absolute; margin-top:-50px; margin-left:718px; }

/* rotation menu */

#rotate {
	position: absolute;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	top:60px;
	left:720px;
	-moz-transform: rotate(-9deg);
	-ms-transform: rotate(-9deg);
	-webkit-transform: rotate(-9deg);
	-safari-transform: rotate(-9deg);
	filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

/* menu */
#menu a:link, #rotate a:link {
   color: #FFF;
   text-decoration:none;
}

#menu a:visited, #rotate a:visited {
   color: #FFF;
   text-decoration:none;
}

#menu a:hover, #rotate a:hover{
   color: #FF0000;
   text-decoration:none;
}

#menu a:active, #rotate a:active {
	color: #FF0000;
   text-decoration:none;
}

/* menu_black */
#menu_black a:link, #rotate a:link {
   color: #000;
   text-decoration:none;
}

#menu_black a:visited, #rotate a:visited {
   color: #000;
   text-decoration:none;
}

#menu_black a:hover, #rotate a:hover{
   color: #FF0000;
   text-decoration:none;
}

#menu_black a:active, #rotate a:active {
	color: #FF0000;
   text-decoration:none;
}

/* global menu and link */

a:focus, a:active {
	outline: none;
}

#menu_active {
	color: #FF0000;
}
/*
#header             { max-width: 100%; min-width: 100%; height: 208px;
                      margin-top: 75px; margin-left: 860px; margin-right: 0; margin-bottom: 0; }
*/

/* header e logo */

#header             { margin-left: 80px; margin-top: 40px; background: url(../img/logo.png) no-repeat; width: 141px; height: 60px; }

/* content page studio */                      
#main-content1       { padding: 190px 0 0 450px;}

/* linkgrafica */
#main-content1 a.linkgrafica:link {
   color: #ebad04;
   text-decoration:none;
   position:absolute;
   margin-top:-40px;
   font-size: 18px;
   z-index: 99;
}

#main-content1 a.linkgrafica:visited {
   color: #ebad04;
   text-decoration:none;
   position:absolute;
   margin-top:-40px;
   font-size: 18px;
   z-index: 99;
}

#main-content1 a.linkgrafica:hover {
   color: #FFF;
   text-decoration:none;
   position:absolute;
   margin-top:-40px;
   font-size: 18px;
   z-index: 99;
}

#main-content1 a.linkgrafica:active {
	color: #ebad04;
   text-decoration:none;
   position:absolute;
   margin-top:-40px;
   font-size: 18px;
   z-index: 99;
}

/* linkweb */
#main-content1 a.linkweb:link {
   color: #0166ff;
   text-decoration:none;
   position:absolute;
   margin-top:-40px;
   font-size: 18px;
   z-index: 99;
}

#main-content1 a.linkweb:visited {
   color: #0166ff;
   text-decoration:none;
   position:absolute;
   margin-top:-40px;
   font-size: 18px;
   z-index: 99;
}

#main-content1 a.linkweb:hover {
   color: #FFF;
   text-decoration:none;
   position:absolute;
   margin-top:-40px;
   font-size: 18px;
   z-index: 99;
}

#main-content1 a.linkweb:active {
	color: #0166ff;
   text-decoration:none;
   position:absolute;
   margin-top:-40px;
   font-size: 18px;
   z-index: 99;
}

#main-content2       { padding: 0 0 0 450px;}

#main-content2 h1     { font-size: 18px; font-weight: normal; padding-left: 3px; margin-bottom: 5px;}

#main-content2 p     { font-size: 14px; font-weight: normal; color: #FFF; padding-left: 3px;}

#main-content2 ul
{
	color: #FFF;
	padding-left: 20px;
	line-height: 22px;
	font-weight: bold;
}

#main-sidebar       { position: absolute; left: 0; top: 0; width: 400px; bottom: 0;
                      padding: 0 20px; }

#main-sidebar h1     { font-size: 22px; }

#main-sidebar h2     { font-size: 18px; font-weight: normal; margin-bottom: 10px;}

#main-sidebar h3     { font-size: 16px; font-weight: bold;}
                      
#main-sidebar p     { font-size: 16px; line-height: 16px;}

/* linktop */
#main-sidebar a.linktop:link {
   color: #FFF;
   text-decoration:none;
}

#main-sidebar a.linktop:visited {
   color: #FFF;
   text-decoration:none;
}

#main-sidebar a.linktop:hover {
   color: #cc6666;
   text-decoration:none;
}

#main-sidebar a.linktop:active {
	color: #FFF;
   text-decoration:none;
}

/* linkbottom */
#main-sidebar a.linkbottom:link {
   color: #cc6666;
   text-decoration:none;
}

#main-sidebar a.linkbottom:visited {
   color: #cc6666;
   text-decoration:none;
}

#main-sidebar a.linkbottom:hover {
   color: #FFF;
   text-decoration:none;
}

#main-sidebar a.linkbottom:active {
	color: #cc6666;
   text-decoration:none;
}

/* content page servizi grafica */
#grafica-left {
	width: 300px;
	margin: 0;
	padding: 0;
}

#grafica-left h4 {
	margin-top: 10px;
	margin-bottom: 5px;
}

#grafica-left p     { font-size: 14px; font-weight: normal;}

#grafica-left ul
{
	color: #FFF;
	padding-left: 15px;
	line-height: 22px;
	font-weight: bold;
}
/* grafica-right */
#grafica-right       { padding: 10px 0 0 355px;}

#grafica-right h4 {
	margin-top: 10px;
	margin-bottom: 5px;
}

#grafica-right p     { font-size: 14px; font-weight: normal; color: #FFF; padding-right: 35px;}

#grafica-right ul
{
	color: #FFF;
	padding-left: 15px;
	line-height: 20px;
	font-weight: bold;
}

/* content page contatti */
#contatti { width: 400px; margin-top: 5px;font-size:12px;}

#contattinput { width: 190px; margin-top: 3px; margin-bottom: 10px; }

#oggetto { width: 396px; margin-top: 3px;margin-bottom: 10px; }

#messaggio { width: 400px; height: 85px; margin-top: 3px;margin-bottom: 10px;}

#contatti .inviannulla { background:none;color:#fff;border: none; font-weight: bold; }

#contatti .inviannulla:hover { background:none;color:#cc6666;border: none; font-weight: bold; }

/* content page design */
#design-bottom-wrap   { width: 620px; position: relative; top: -10px; left: 20px; }

#design-bottom-wrap h1 { font-size: 14px; top: -30px; position: relative; }

#design-bottom-wrap p { font-size: 14px; margin-bottom: 20px; top: -30px; position: relative; }

#sezione { position:relative;top:-45px;font-size:24px; left:20px;}

#sezione_portfolio { position:relative;top:0;font-size:24px;margin-top: 50px; margin-bottom: 10px;}

#design_web { margin-left:150px; width:385px; height: 350px; }

#portfolio { margin-left:150px; width:385px; height: 390px; }

#desc { position:absolute; left:346px; top:515px; }

#desc p { font-size: 14px; margin-bottom: 2px }

#desc_adi { position:absolute; left:346px; top:464px; }

#desc_adi p { font-size: 14px; margin-bottom: 2px }


/* linktop */
#sezione a.linktop:link {
   color: #FFF;
   text-decoration:none;
}

#sezione a.linktop:visited {
   color: #FFF;
   text-decoration:none;
}

#sezione a.linktop:hover {
   color: #cc6666;
   text-decoration:none;
}

#sezione a.linktop:active {
	color: #FFF;
   text-decoration:none;
}

/* content page studio */
#page-bottom-wrap   { max-width: 100%; min-width: 100%; position: relative; top: 0; left: 0; }

#bottom-sidebar       { position: absolute; left: 0; width: 400px; bottom: 0;
                        padding: 0 19px auto;}

#bottom-content       { padding: 0 0 0 205px;}

#contatti-bottom-wrap   { max-width: 100%; min-width: 100%; position: relative; top: 0; left: 0; margin-top: 285px}

#bottom-sidebar       { position: absolute; left: 0; width: 400px; top: 0;
                        padding: 0 19px auto;}

/* div arrotondati */
b.rtop, b.rbottom{display: block; width: 195px;}
b.rtop b, b.rbottom b{display: block; height: 1px; overflow: hidden; background: #FFF;}
b.r1{margin: 0 5px;}
b.r2{margin: 0 3px;}
b.r3{margin: 0 2px;}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px; height: 2px;}

/* content page studio */
/* .testo1{background: #FFF url(../img/sfondi/sf_box_logo.jpg) no-repeat; color:#000;text-align:left; width: 195px;height: 170px;} */
.testo1{background: url(../img/sfondi/boxes1.gif) no-repeat; color:#000;text-align:left; width: 195px;height: 180px;}
.testo1 h3 {padding-left: 75px;padding-top:60px; padding-bottom: 5px;}
.testo1 p {padding-left: 75px;}

* html .testo1 {  
    background:none;  
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/sfondi/boxes1.gif', sizingMethod='scale');
}


/* content page contatti */
.testo1contatti{ color:#FFF;text-align:left; width: 195px;height: 110px;}
.testo1contatti h3 {padding-left: 0px;padding-top:0px; }
.testo1contatti p {padding-left: 0px; }

.testo1 a.testolink:link {
   color: #FF0000;
   text-decoration:none;
   position: absolute;
   font-weight: bold;
   background: url(../img/icone/piu.jpg) no-repeat;
   padding-left: 15px;
   margin-top: 10px;
   font-size: 11px;
}

.testo1 a.testolink:visited {
   color: #FF0000;
   text-decoration:none;
   position: absolute;
   font-weight: bold;
   background: url(../img/icone/piu.jpg) no-repeat;
   padding-left: 15px;
   margin-top: 10px;
   font-size: 11px;
}

.testo1 a.testolink:hover {
   color: #cc6666;
   text-decoration:none;
   position: absolute;
   background: url(../img/icone/piu.jpg) no-repeat;
   padding-left: 15px;
   font-weight: bold;
   margin-top: 10px;
   font-size: 11px;
}

.testo1 a.testolink:active {
	color: #FF0000;
   text-decoration:none;
   position: absolute;
   background: url(../img/icone/piu.jpg) no-repeat;
   padding-left: 15px;
   font-weight: bold;
   margin-top: 10px;
   font-size: 11px;
}

.testo1contatti a.testolink:link {
   color: #FFF;
   text-decoration:none;
   position: absolute;
   font-weight: bold;
   margin-top: 5px;
}

.testo1contatti a.testolink:visited  {
   color: #FFF;
   text-decoration:none;
   position: absolute;
   font-weight: bold;
   margin-top: 5px;
}

.testo1contatti a.testolink:hover {
   color: #cc6666;
   text-decoration:none;
   position: absolute;
   font-weight: bold;
   margin-top: 5px;
}

.testo1contatti a.testolink:active {
	color: #FFF;
   text-decoration:none;
   position: absolute;
   font-weight: bold;
   margin-top: 5px;
}

/* content page studio */
/* .testo2{background: #FFF url(../img/sfondi/box_posizionamento.jpg) no-repeat 0px -5px; color:#000;text-align:left; width: 195px;height: 170px;} */
.testo2{background: url(../img/sfondi/boxes.gif) no-repeat; color:#000;text-align:left; width: 195px;height: 180px;}
.testo2 h3 {padding-left: 65px;padding-top:30px;padding-bottom: 5px;}
.testo2 p {padding-left: 65px;}

* html .testo2 {  
    background:none;  
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/boxes.gif', sizingMethod='scale');
}

/* content page contatti */
/* .testo2contatti{background: #FFF url(../img/sfondi/box_posizionamento.jpg) no-repeat; color:#000;text-align:left; width: 195px;height: 110px;} */
.testo2contatti{background: url(../img/sfondi/boxcontatti.gif) no-repeat; color:#000;text-align:left; width: 195px;height: 120px;}
.testo2contatti h3 {padding-left: 55px;padding-top:30px;}
.testo2contatti p {padding-left: 55px;}

* html .testo2contatti {  
    background:none;  
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/sfondi/boxcontatti.gif', sizingMethod='scale');
}

.testo2 a.testolink:link, .testo2contatti a.testolink:link {
   color: #FF0000;
   text-decoration:none;
   position: absolute;
   font-weight: bold;
   background: url(../img/icone/piu.jpg) no-repeat;
   padding-left: 15px;
   margin-top: 10px;
   font-size: 11px;
}

.testo2 a.testolink:visited, .testo2contatti a.testolink:visited {
   color: #FF0000;
   text-decoration:none;
   position: absolute;
   font-weight: bold;
   background: url(../img/icone/piu.jpg) no-repeat;
   padding-left: 15px;
   margin-top: 10px;
   font-size: 11px;
}

.testo2 a.testolink:hover, .testo2contatti a.testolink:hover {
   color: #cc6666;
   text-decoration:none;
   position: absolute;
   background: url(../img/icone/piu.jpg) no-repeat;
   padding-left: 15px;
   font-weight: bold;
   margin-top: 10px;
   font-size: 11px;
}

.testo2 a.testolink:active, .testo2contatti a.testolink:active{
	color: #FF0000;
   text-decoration:none;
   position: absolute;
   background: url(../img/icone/piu.jpg) no-repeat;
   padding-left: 15px;
   font-weight: bold;
   margin-top: 10px;
   font-size: 11px;
}


/* sound da cambiare - da fare come testolink*/
#sound {
		 background: url(../img/icone/suono_acceso.jpg) no-repeat;
		 width: 56px; height: 12px;
	   	 margin-left: 135px;
	   	 margin-top: 20px;
}

#sound a:link {
		 background: url(../img/icone/suono_acceso.jpg) no-repeat;
		 width: 56px; height: 12px;
	   	 margin-left: 135px;
	   	 margin-top: 20px;
}

#sound a:active {
		 background: url(../img/icone/suono_acceso.jpg) no-repeat;
		 width: 56px; height: 12px;
	   	 margin-left: 135px;
	   	 margin-top: 20px;
}

#sound a:hover {
		 background: url(../img/icone/suono_spento.jpg) no-repeat;
		 width: 56px; height: 12px;
	   	 margin-left: 135px;
	   	 margin-top: 20px;
}

#sound a:visited {
		 background: url(../img/icone/suono_acceso.jpg) no-repeat;
		 width: 56px; height: 12px;
	   	 margin-left: 135px;
	   	 margin-top: 20px;
}

/* content all page works/lavori svolti */                     
#works 				{ /*max-width: 678px; min-width: 678px; */
						max-width: 678px; min-width: 678px;
					  position: relative; margin-top: 260px; margin-left: 280px;}

#workright 			{ margin: 0 0 0 350px;}

#workleft			{ position: absolute; left: 0; top: 37px; width: 350px; bottom: 0;
                      padding: 0;}

#workleft h1		{ padding-left: 10px; font-size: 16px; color: #000;}

#workleft p		{ padding-left: 10px; padding-right: 20px; padding-top: 5px;color: #666;}

#workright h1		{ font-size: 16px; color: black;}

#workright p			{ padding-left: 10px; padding-right: 20px; color: #FFF;}

#workright img { border: 2px solid #FFF;}

#thumbs { position: relative; width: 304px; height: 145px; }
div.thumb { float: left; padding: 6px; width: 64px; height: 64px; }
div.thumb img { border: 2px solid white; }

#freccie	{ background: url(../img/icone/freccia_avanti.png) no-repeat;
					  position:absolute;color:#000; right:10px; top:0;
					  height: 20px; width: 10px;
					}

#freccieNext	{ background: url(../img/icone/freccia_avanti.png) no-repeat;
					  position:absolute;color:#000; right:10px; top:0;
					  height: 20px; width: 10px; z-index: 80;
					}

#freccieNext:link	{ background: url(../img/icone/freccia_avanti.png) no-repeat;
					  position:absolute;color:#000; right:10px; top:0;
					  height: 20px; width: 10px; z-index: 80;
					}
					
#freccieNext:hover	{ background: url(../img/icone/freccia_avanti1.png) no-repeat;
					  position:absolute;color:#000; right:10px; top:0;
					  height: 20px; width: 10px;z-index: 80;
					}	
					
#frecciePrev	{ background: url(../img/icone/freccia_indietro.png) no-repeat;
					  position:absolute;color:#000; right:10px; top:15px;
					  height: 20px; width: 10px;z-index: 80;
					}

#frecciePrev:link	{ background: url(../img/icone/freccia_indietro.png) no-repeat;
					  position:absolute;color:#000; right:10px; top:15px;
					  height: 20px; width: 10px;z-index: 80;
					}
					
#frecciePrev:hover	{ background: url(../img/icone/freccia_indietro1.png) no-repeat;
					  position:absolute;color:#000; right:10px; top:15px;
					  height: 20px; width: 10px;z-index: 80;
					}
/* design web */
#freccieDesNext	{ background: url(../img/icone/freccia_avanti.png) no-repeat;
					  position:absolute;color:#000; right:-10px; top:0;
					  height: 20px; width: 10px;z-index: 80;
					}

#freccieDesNext:link	{ background: url(../img/icone/freccia_avanti.png) no-repeat;
					  position:absolute;color:#000; right:-10px; top:0;
					  height: 20px; width: 10px;z-index: 80;
					}
					
#freccieDesNext:hover	{ background: url(../img/icone/freccia_avanti1.png) no-repeat;
					  position:absolute;color:#000; right:-10px; top:0;
					  height: 20px; width: 10px;z-index: 80;
					}	

#freccieDesPrev	{ background: url(../img/icone/freccia_indietro.png) no-repeat;
					  position:absolute;color:#000; right:-10px; top:15px;
					  height: 20px; width: 10px;z-index: 80;
					}

#freccieDesPrev:link	{ background: url(../img/icone/freccia_indietro.png) no-repeat;
					  position:absolute;color:#000; right:-10px; top:15px;
					  height: 20px; width: 10px;z-index: 80;
					}
					
#freccieDesPrev:hover	{ background: url(../img/icone/freccia_indietro1.png) no-repeat;
					  position:absolute;color:#000; right:-10px; top:15px;
					  height: 20px; width: 10px;z-index: 80;
					}
					
					
/* content all page footer */                                            
#footer             { max-width: 100%; min-width: 0; height:246px;background: #E5E5E5;
					  margin-top: -206px;margin-bottom: 99px; margin-left: 1019px; margin-right: 0; }
					  
#footer p           { padding: 10px; color: white; }
#footer a           { color: white; border-bottom: 1px dotted white; text-decoration: none; }
#footer a:hover     { border-bottom-style: solid; }


/* --- Grid --- */

.grid {
  width: 625px;
  margin: auto;
}

.grid-m1 {
  float: left;
  width: 0px;
  height: 1px;
}

.grid-c1 {
  float: left;
  width: 195px;
}

.grid-m2 {
  float: left;
  width: 20px;
  height: 1px;
}

.grid-c2 {
  float: left;
  width: 190px;
}

.grid-m3 {
  float: left;
  width: 30px;
  height: 1px;
}

.grid-c3 {
  float: left;
  width: 190px;
}