/*   
Theme Name: arianta
Theme URI: http://www.studiociquattro.it
Description: a-brief-description
Author: your-name
Author URI: http://www.studiociquattro.it
Version: 1.0
*/

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;
  vertical-align:baseline;
  }
	
a img, :link img, :visited img { border:0;}

table{ border-collapse: collapse;}

ul { list-style:none; }

:focus { outline:0 }

html { width:100%; height:100%;}

/*img, div { behavior: url("http://www.eventiartearianta.it/wp-content/themes/arianta/iepngfix.htc");}*/

strong {
	font-weight:bold;
	color:#9A996E;
}

body{
  background:#2b2a2a url(../images/sf_arianta.gif) top left no-repeat fixed;
  text-align:center;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#FFF;
  }

/* struttura layout */

#container {
  width:998px;
  height:auto!important;
  height:889px;
  min-height:889px;
  margin:0 auto;
  text-align:center;
  padding:0;
  position:relative;
  z-index:1;
  }
  
#containermenusx {
  width:209px;
  height:auto!important;
  height:510px;
  min-height:510px;
  text-align:left;
  padding:0;
  margin:10px 4px 0 0;
  float:left;
  }
  
  #containermenusx p, #containermenusx li, #containermenusx label, #containermenusx a:hover {color:#9A996E;}
  #containermenusx a {color:#fff;}

#menutop {
	width:209px;
	height:15px;
	background:url(../images/menu_top.jpg) left top no-repeat;
	float:left;
	clear:both;
	}


#nav {
	margin:0;
	padding:0;
	text-align:left;
}

#nav ul li {
	list-style:none;
	margin:0;
	padding:0;
	list-style-type:none;
	text-align:left;
}
	
#menuNavigazione ul li { position:relative; margin:0; padding:0; list-style-type:none;}

#nav li ul { /*settaggio sottomenu*/
	position:absolute;
	left:155px;
	top:0;
	display:none;
	padding:0;
	list-style-type:none;
	text-align:left;
	z-index:20;
}
#menuNavigazione li:hover ul { display:block;}

#menuNavigazione ul li a {
	display:block;
	width:170px; 
	height:18px;
	background-color:#000;
	text-decoration:none;
	padding:2px;
	border:0;
	margin:0;
}
	
#nav ul a:hover, #nav li a:hover { background-color:#202020;}
	
#menuNavigazione li:hover ul, #menuNavigazione li.over ul { display:block;}

/* Fix IE e IE Mac \*/
* html #menuNavigazione ul li { float:left; }
* html #menuNavigazione ul li a { height:1%; }
/* End */



#menu{
	width:189px;
	height:auto!important;
	height:500px;
	min-height:500px;
	background:url(../images/menu_mezzo.jpg) left top repeat-y;
	float:left;
	padding:10px 10px 0 10px;
	}
		
#menubottom {
	width:209px;
	height:27px;
	background:url(../images/menu_bottom.jpg) bottom left no-repeat;
	float:left;
	clear:both;
	}
 
#main, #maingallery {
  width:784px;
  height:auto!important;
  height:300px;
  min-height:300px;
  float:left;
  margin:10px 0 0 0;
  padding:0;
  }
    
#mainTop{
  width:784px;
  height:8px;
  background:url(../images/top.jpg) top left no-repeat;
  margin:0;
  padding:0;
  float:left;
  clear:both;
  }

/* per la sezione delle gallery*/

#maingallery{
	width:729px;
	height:auto!important;
    height:750px;
    min-height:750px;
	border:1px solid #686868;
	padding:22px 20px 20px 20px;
	margin:10px 0 10px 0;
	/*background: url(../images/blank_80.png) repeat ;
	behavior: url("http://www.eventiartearianta.it/wp-content/themes/arianta/iepngfix.htc")*/
	background:#000;
	/*opacity: .80;*/
	/*filter: alpha(opacity=80); /*per IE*/
	/*-moz-opacity:.68;/*per FIREFOX*/
	z-index:10
  }
  
#menugallery {
	width:177px;
	height:auto!important;
    height:500px;
    min-height:500px;
	padding:24px 10px 0 10px;
	margin:10px 13px 0 0;
	text-align:left;
	float:left;
	border:1px solid #686868;
	background:#000;
  }
  
  #menugallery p, #menugallery li, #menugallery label, #menugallery a:hover {color:#9A996E;}
  #menugallery a {color:#fff;}



/*-------------------------------------------*/
#mainContent{
  height:auto!important;
  height:750px;
  min-height:750px;
  width:784px;
  background:url(../images/center.jpg) top left repeat-y;
  float:left;
  clear:both;
  }
    
#content{
  height:auto!important;
  height:750px;
  min-height:750px;
  width:745px;
  background:url(../images/gradient.jpg) top left no-repeat;
  padding:14px 20px 20px 20px;
  float:left;
  }

#mainBottom {
  height:25px;
  width:784px;
  background:url(../images/bottom.jpg) bottom left no-repeat;
  float:left;
  clear:both;
  }


#sinistra{
	width:455px;
	height:auto!important;
	height:650px;
	min-height:650px;
	float:left;
	text-align:left;
	margin:0 30px 0 0;
	}

#destra{
	width:244px;
	height:auto!important;
    height:650px;
    min-height:650px;
	float:left;
	margin:0;
	z-index: 30;
    }
	
	#destra ol, #destra li{
	width:235px;
	height:36px;
	padding:0;
	margin:0;
	float:left;
	list-style-type:none;
    }
	#destra li{ background:url(../images/sf_menudx.gif) top left no-repeat; padding:8px 5px 5px 5px;  margin:11px 0 0 0; font-size:11px;}
	
	#destra a{	margin:0 0 10px 0; color:#A6A6A6}
	.titbol{font-size:14px; font-weight:bold;}
	#destra a:hover{color:#fff}
	
	#destra a:hover.commissiona	{color:#D3C598}
	#destra a:hover.artoteca	{color:#E4342D}
	#destra a:hover.filoarianta{color:#96BD0D}
	#destra a:hover.privati		{color:#FFFF83}
	#destra a:hover.azienda		{color:#6F8DE2}
	#destra a:hover.wedding		{color:#A782C4}
	#destra a:hover.cmanager	{color:#F4995B}
	
#news{
	width:240px;
	height:auto!important;
	height:300px;
	min-height:300px;
	float:left;
	text-align:left;
	margin:25px 0 0 0;
	}
	#news h4{ margin:0 0 5px 0}
	#news p{ margin:0 0 20px 0}
	#news a{ color:#FFF; font-style:italic}
	
#gallery {
	width:700px;
	height:125px;
	float:left;
	clear:both;
	}
		  
#footer {
	width:770px;
	height:80px;
	float:left;
	clear:both;
	padding:0 0 0 210px;
	}
	  
#footer p, #footer a { color:#919191;}
#footer a:hover {color:#FFF}
#footer p { color:#919191;}
#footer .bianco{color:#FFF}
   
  
  
/* selettori*/

p{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#FFF; 
  text-align:left;   
  letter-spacing:1px;
  line-height:16px;
  white-space: normal;
  letter-spacing:0;
  margin:0 0 11px 0;
  padding:0;
  }
	
h1, h2, h3, h4, h5, h6{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
    color:#9A996E;	
	letter-spacing:0;
	white-space: normal;
	margin:0 0 8px 0;
	padding:0;
	text-align:left;
	font-weight:lighter;
	}

h2{	font-size:16px; margin:0 0 10px 0 }

h3{	font-size:14px; margin:0 0 5px 0;}

h4{	font-size:12px;margin:0 0 10px 0;}

h5, h6{font-size:11px;margin:0;}

h6{	font-style:normal;margin:0 0 10px 0;}
	
ul {
	padding: 0;
	margin:0 0 30px 18px;
    list-style: square;
	text-align:left;
	letter-spacing:1px;
	}

ol {
	padding:0;
	margin:0 0 15px 20px;
	list-style: square;
	text-align:left;
	}


li {
	margin:0 0 5px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
  	font-size:11px; 
	text-align:left;
	color:#fff;
	line-height:15px;
	letter-spacing:0;
	white-space: normal;
	}	

a{ color:#C56560; text-decoration:none;}
a:hover{ color:#FFF; text-decoration:none;}

/* class */
.dx{ float:right;}

.sx{ float:left;}

.cornice{border:1px solid #dbd4d4; padding:10px 10px 5px 10px; margin:10px 0 10px 0}

.bianco{color:#FFF}

.ciquattro{font-size:9px;}

.grassettoro{color:#9A996E; font-weight:bold}

.separatore{border-bottom:1px solid #686868; margin:0 0 20px 0}

.logo{margin-bottom:40px}

.polaroid{margin:0 8px 0 0; float:left;}

.cornicefoto{border:3px solid #868686; margin:15px 18px 15px 0}
.cornicefoto2{border:3px solid #868686; margin:15px 0 15px 0}
.cornicefoto3{border:4px solid #868686; margin:5px 10px 10px 0; float:left}
.cornicefotobig{border:3px solid #868686; margin:0 12px 15px 0}

.sfondo_artisti{ background:#303030 url(../images/sf_artisti.jpg) top left fixed no-repeat}
.sfondo_testitesi{ background:#2c2c2c url(../images/sf_testitesi.jpg) top left fixed no-repeat}
.sfondo_noleggio{ background:#303030 url(../images/sf_noleggio.jpg) top left fixed no-repeat}
.sfondo_concorsi{ background:#303030 url(../images/sf_concorsi.jpg) top left fixed no-repeat}

.commissiona{color:#D3C598}
.artoteca{color:#E4342D}
.filoarianta{color:#96BD0D}
.privati{color:#FFFF83}
.azienda{color:#6F8DE2}
.wedding{color:#A782C4}
.cmanager{color:#F4995B}
.cmanager a{color:#F4995B}
.cmanager a:hover{color:#FFF}

.boxevidenzia {border:1px solid #9A996E; padding:7px 5px 0 5px; margin:20px 0 20px 0}

.boxsezione{ width:220px; height:140px; float:left; margin:15px 0 15px 0;}
.boxsezione h1{ color:#FFF; font-size:17px}
.boxsezione a{ color:#FFF;}
.boxsezione a:hover{ color:#C56560;}

.corniceartisti{border:8px solid #868686; margin:0 8px 8px 0;}
.cornicenoleggio{border:8px solid #B73E3E; margin:0 8px 8px 0;}
.cornicentestitesi{border:8px solid #9A996E; margin:0 8px 8px 0;}

.capolettera { color:#C56560; font-size:21px}

.txtgrassetto { font-weight:bold; font-size:13px}

.artistacornice{border:1px solid #9A996E; padding:1px; margin:4px 8px 0 0; float:left}

.corniceartista{border:1px solid #9A996E; padding:1px; margin:4px 8px 0 0;}

.boxopera { 
	width:450px; 
	height:auto !important; 
	height:115px; 
	min-height:115px;  
	margin:5px 0 15px 0; 
	padding:0 5px 5px 0;
	float:left; 
	clear:both; 
	background:url(../images/sfondopera.jpg) right top no-repeat
	}
.boxservizi { width:455px; height:115px; margin:5px 0 30px 0; float:left; clear:both;}
.boxservizi p { margin:5px 0 0 0;}

.boxopera p { margin:6px 0 0 180px;}

.boxopera img { margin:0 5px 0 0 ; float:left;}


.margineinf { margin:0 5px 0 0 ; float:left;}
.marginesup { margin-top:30px}

.margineparagrafo {margin-bottom:30px}
.margineparagrafotop {margin:18px 0 0 0}

.boxpartner { 
	width:440px;  
	height:100px;   
	padding:0 5px 5px 0;
	float:left; 
	clear:both;
	margin:10px 0 0 0; 
	}
	
.boxpartner p { margin:0 0 4px 0; line-height:normal}

.boxpartner img { margin:3px 15px 15px 0; float:left;}



/* contatti */	

.contact form{ 
		margin:20px 0 0 0;
		padding:0;
		}
.contact fieldset{ 
		border:0;
		padding:0 0 10px 0;
		margin:0;
		display:block;
		clear:both;
		}
.contact fieldset.center_row { 
		padding:5px; 
		margin:0;
		border:0;
		display:block;
		clear:both;
		text-align:center;
		}
.contact label{ 
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#9A996E;
		text-align:left;
		letter-spacing:0;
		}
.contact span.block {
		display:block;
		width:140px;
		padding:0;
		float:left;
		text-align:left;
		vertical-align: baseline;
		}
.contact input, .contact select, .contact textarea{ 
		color: #9A996E; 
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		letter-spacing:0;
		margin:0;
		border:0;
		background:#3E3E3E;
		padding:0;
		width:290px;
		}

.contact .privacy { 
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		letter-spacing:0;
		}
.contact .check {
		border:0;
		width:15px;
		vertical-align:middle;
		padding:0;
		background:none;
		}

.contact .boxbutton{
		display:block;
		margin:0 auto;
		text-align:center;
		}
.contact .button{
		width:70px;
		height:20px;
		background:#3E3E3E;
		cursor:default;
		color:#9A996E;
		margin: 0 10px 0 0;
		}
		
		
/*scroll*/
#mycustomscroll {
/* Typical fixed height and fixed width example */
width: 425px;
height: 80px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
padding: 0 5px 0 0;
}

#mycustomscroll p { color:#999; font-size:10px;}

.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width: 10px;
background-color: #504f4f;
}
.vscrollerbar {
width: 10px;
background-color: #2b2a2a;
}
.hscrollerbase {
height: 10px;
background-color: #504f4f;
}
.hscrollerbar {
height: 10px;
background-color: #2b2a2a;
}

.scrollerjogbox {
width: 10px;
height: 10px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: gray;
}