/*  
Theme Name: Ciarrochi Primo
Theme URI: http://www.ciarrocchiprimo.it
Description: Ciarrocchi Primo
Version: 1.0
Author: BeeSoft srl
Author URI: http://www.beesoft.it/
*/

/**************************************************************************************/

* { padding: 0px; margin: 0px; outline: 0px; }

BODY {
	background: url('images/bg.jpg') #A6DAFB repeat-x;
	font-family: Arial, Verdana, sans-serif;
	font-size: 13px;
	color: #422C06;
}

IMG { border: 0px; }

LI { list-style: none; }

A { 
	text-decoration: none;
	color: #D80000; 
	outline: 0px;
}

A:hover { text-decoration: underline; }

STRONG, EM { font-size: 15px; }

/**************************************************************************************/

#container { background: url('images/bg-container.jpg') no-repeat top center; }

#header { 
	padding-top: 20px;
	height: 130px;
}

#header .wrap { 
	background: url('images/bg-header.jpg') no-repeat bottom;
	height: 112px; 
}

#logo {
	background: url('images/logo-ciarrocchiprimo.png') no-repeat;
	width: 375px;
	height: 90px;
	float: left;
}

#logo H1 {
	text-indent: -90000px;
	font-size: 8px;
}

#content { 
	background: url('images/bg-content.jpg') repeat-y; 
	margin-bottom: 20px;
	padding: 0px;
	width: 940px;
}

#content .top { background: url('images/bg-content-top.jpg') no-repeat top; }

#content .bottom { 
	background: url('images/bg-content-bottom.jpg') no-repeat bottom; 
	overflow: hidden;
	padding: 20px;
	width: 900px;
}

/**************************************************************************************/

#menu { 
	padding-top: 65px;
	float: right; 
}

#menu LI, #menu A, #menu .sel { 
	margin-right: 10px;
	line-height: 30px;
	text-align: center;
	display: block;
	width: 80px;
	height: 30px;
	float: left; 
}

#menu A {
	font-size: 16px;
	color: #00A651;
}

#menu A:hover { 
	background: url('images/menu-over.gif') no-repeat;
	text-decoration: none; 
	color: #FFFFFF;
}

#menu .sel {
	background: url('images/menu-sel.gif') no-repeat;
	font-size: 16px;
	color: #FFFFFF;
}

#menu .large, #menu .large A, #menu .large .sel { width: 110px; }

#menu .large A:hover { background: url('images/menu-over-large.gif') no-repeat; }
#menu .large .sel { background: url('images/menu-sel-large.gif') no-repeat; }

/**************************************************************************************/

#status {
	background: url('images/bg-status.gif') no-repeat;
	text-transform: uppercase;
	margin-bottom: 20px;
	padding-left: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #8FD8B3;
}

#status A { color: #8FD8B3; }

#status A:hover { 
	text-decoration: none;
	color: #FFFFFF; 
}

/**************************************************************************************/

#macros {
	width: 370px;
	float: right;
}

#macros LI { margin-bottom: 20px; }

#macros LI, #macros A {
	display: block;
	width: 370px;
	height: 100px;
}

#macros A { text-indent: -90000px; }

#macros .c1 A { background: url('images/bg-c1.gif') no-repeat 0px 0px; }
#macros .c2 A { background: url('images/bg-c2.gif') no-repeat 0px 0px; }
#macros .c3 A { background: url('images/bg-c3.gif') no-repeat 0px 0px; }

#macros A:hover { background-position: 0px -100px; }

/**************************************************************************************/

#primopiano {
	overflow: hidden;
	width: 515px;
	height: 350px;
	float: left;
}

#primopiano LI { 	overflow: hidden;
	cursor: pointer; 
	width: 515px;
	height: 350px;
}

#primopiano A {	overflow: hidden;
	display: block;
	width: 515px;
	height: 350px;
}

#primopiano .frame {
	background: url('images/bg-frame.png') no-repeat;
	position: absolute;
	width: 515px;
	height: 350px;
}

#primopiano .spot {
	position: absolute;
	margin: 5px 0px 0px 5px;
	/*display: block;*/	padding: 0px !important;
	width: 500px;
	height: 330px;
}

/**************************************************************************************/

#prod-page {
	overflow: hidden;
	width: 900px;
}

#prod-page UL { width: 950px; }
#prod-page LI UL { width: auto; }

#prod-page LI {
	margin-right: 15px;
	width: 290px;
	float: left;
}

#prod-page LI UL LI {
	background: url('images/bg-subcat.gif') repeat-x top; 
	margin-right: 0px;
	float: none;
}

#prod-page LI UL LI A {
	padding: 10px 0px 10px 30px;
	font-size: 12px;
	display: block;
}

#prod-page LI UL LI UL { display: none; }

#prod-page .c1, #prod-page .c2, #prod-page .c3 {
	text-indent: -90000px;
	display: block;
	width: 290px;
	height: 78px;
}

#prod-page .c1 { background: url('images/bg-c1-med.gif') no-repeat top; }
#prod-page .c2 { background: url('images/bg-c2-med.gif') no-repeat top; }
#prod-page .c3 { background: url('images/bg-c3-med.gif') no-repeat top; }

#prod-page .c1:hover, #prod-page .c2:hover, #prod-page .c3:hover { background-position: 0px -78px; }

/**************************************************************************************/

#category {
	width: 675px;
	float: left;
}

#category .msg { 
	margin-bottom: 20px;
	line-height: 180%;
	text-align: center;
	font-size: 13px;
	padding: 20px; 
}

#category .msg P { margin-bottom: 10px; }

#category .msg A { 
	font-weight: bold;
	font-size: 16px;
}

#category .title {
	background: url('images/bg-title.png') no-repeat;
	margin-bottom: 20px;
	line-height: 40px;
}

#category .title H1 {
	text-align: center;
	font-weight: bold;
	font-size: 22px;
	color: #422C06;
}

#category .items {
	overflow: hidden;
	width: 100%;
}

#category .items LI {
	margin-bottom: 10px;
	width: 225px;
	float: left;
}

#category .items H1 {
	background: url('images/bg-item-title.gif') #00A651 no-repeat top;
	margin: 0px auto 0px auto;
	text-transform: uppercase;
	text-align: center;
	font-weight: normal;
	font-size: 12px;
	padding: 10px;
	width: 185px;
}

#category .items A { color: #FFFFFF; }

#category .photo A {
	text-align: center;
	overflow: hidden;
	display: block;
	width: 185px;
	height: 160px;
}

#category .photo IMG { height: 160px; }

#category .photo {
	background: url('images/bg-item-photo.png') no-repeat;
	overflow: hidden;
	padding: 20px;
	width: 185px;
	height: 160px;
}

#categories {
	width: 205px;
	float: right;
}

#categories LI { 
	background: url('images/bg-subcat.gif') repeat-x top;
	margin-bottom: 10px; 
}

#categories LI UL LI { margin-bottom: 0px; }

#categories LI A {
	text-indent: -90000px;
	font-size: 10px;
	display: block;
	color: #3C3C3C;
	width: 205px;
	height: 55px;
}

#categories LI UL A {	
	padding: 10px 0px 10px 28px;
	text-indent: 0px;
	height: auto;
	width: 177px;
}

#categories LI UL LI UL A {
	background: url('images/bg-c_sub.gif') no-repeat 12px 12px; 
	padding-left: 30px;
	width: 175px;
}

#categories .c1 { background: url('images/bg-c1-small.gif') no-repeat top; }
#categories .c2 { background: url('images/bg-c2-small.gif') no-repeat top; }
#categories .c3 { background: url('images/bg-c3-small.gif') no-repeat top; }

#categories .open .c1 { background: url('images/bg-c1-small-open.gif') no-repeat top; }
#categories .open .c2 { background: url('images/bg-c2-small-open.gif') no-repeat top; }
#categories .open .c3 { background: url('images/bg-c3-small-open.gif') no-repeat top; }

.s1 { 
	background: url('images/bg-s1.gif') no-repeat 2px 6px;
	color: #2F8A26 !important;
}

.s2 { 
	background: url('images/bg-s2.gif') no-repeat 2px 6px;
	color: #673B15 !important;
}

.s3 { 
	background: url('images/bg-s3.gif') no-repeat 2px 6px;
	color: #BD1220 !important;
}

.s4 { 
	background: url('images/bg-s4.gif') no-repeat 2px 6px;
	color: #22BBEA !important;
}

.s5 { 
	background: url('images/bg-s5.gif') no-repeat 2px 6px;
	color: #3D3C3F !important;
}

.s6 { 
	background: url('images/bg-s6.gif') no-repeat 2px 6px;
	color: #FBBA00 !important;
}

.s7 { 
	background: url('images/bg-s7.gif') no-repeat 2px 6px;
	color: #0083C7 !important;
}

.s8 { 
	background: url('images/bg-s8.gif') no-repeat 2px 6px;
	color: #D0920B !important;
}

.s9 { 
	background: url('images/bg-s9.gif') no-repeat 2px 6px;
	color: #96BF0D !important;
}

.s10 { 
	background: url('images/bg-s10.gif') no-repeat 2px 6px;
	color: #E75012 !important;
}

.s11 { 
	background: url('images/bg-s11.gif') no-repeat 2px 6px;
	color: #571487 !important;
}

.s12 { 
	background: url('images/bg-s12.gif') no-repeat 2px 6px;
	color: #EE87B2 !important;
}

.s13 { 
	background: url('images/bg-s13.gif') no-repeat 2px 6px;
	color: #8E004D !important;
}

.s14 { 
	background: url('images/bg-s14.gif') no-repeat 2px 6px;
	color: #E2001A !important;
}

.s15 { 
	background: url('images/bg-s15.gif') no-repeat 2px 6px;
	color: #0045AA !important;
}

.current-cat { background: url('images/bg-subcat-sel.gif') no-repeat top !important; }

/**************************************************************************************/

#single {
	width: 675px;
	float: left;
}

#single .title {
	background: url('images/bg-title.png') no-repeat;
	margin-bottom: 20px;
	line-height: 40px;
}

#single .title H1 {
	text-align: center;
	font-weight: bold;
	font-size: 22px;
	color: #422C06;
}

#single .photo A, #single .photo IMG {
	display: block;
	width: 185px;
	height: 160px;
}

#single .photo {
	background: url('images/bg-item-photo.png') no-repeat;
	overflow: hidden;
	padding: 20px;
	width: 185px;
	height: 160px;
	float: left;
}

#single .block { margin: 0px 20px 40px 250px; }

#single .block LI { margin-bottom: 10px; }

#single .block P {
	margin-bottom: 15px;
	line-height: 180%;
}

#single .section {
	border-bottom: 1px solid #B3D670;
	margin-bottom: 15px;
	padding-bottom: 3px;
}

#single .section H2 {
	font-weight: normal;
	font-size: 10px;
	color: #00A651;
}

#single .gal UL {
	overflow: hidden;
	width: 100%;
}

#single .gal LI {
	margin: 0px 10px 10px 0px;
	width: 120px;
	height: 120px;
	float: left;
}

#single .gal IMG, #single .gal A {
	display: block;
	width: 100px;
	height: 100px;
}

#single .gal A {
	border: 1px solid #C3DBE9;
	background: #FFFFFF;
	overflow: hidden;
	padding: 9px;
}

#single .pdf {
	background: url('images/icon-pdf.gif') no-repeat left;
	text-transform: uppercase;
	padding-left: 25px;
}

#single .zoom {
	background: url('images/icon-zoom.gif') no-repeat right;
	padding: 0px 15px 0px 18px;
	color: #8A8C81;
	font-size: 10px;
	clear: left;
	float: left;
}

#single .page-flip { padding-top: 30px; }

/**************************************************************************************/

#page .title {
	background: url('images/bg-title.png') no-repeat top center;
	margin-bottom: 20px;
	line-height: 40px;
}

#page .title H1 {
	text-align: center;
	font-weight: bold;
	font-size: 22px;
	color: #422C06;
}

#page .attachs {
	overflow: hidden;
	width: 180px;
	float: right;
}

#page .attachs UL { width: 400px; }

#page .attachs LI { 
	margin-bottom: 20px; 
	width: 180px;
}

#page .attachs IMG, #page .attachs A {
	display: block;
	width: 160px;
	height: 90px;
}

#page .attachs A {
	border: 1px solid #C3DBE9;
	background: #FFFFFF;
	overflow: hidden;
	padding: 9px;
}

#page .small {
	width: 650px;
	float: left;
}

#page .text P {
	margin-bottom: 15px;
	font-size: 14px;
	line-height: 180%;
}

#page .text UL { padding-top: 10px; }

#page .text LI {
	background: url('images/bg-s5.gif') no-repeat 0px 0px;
	padding-left: 25px;
	margin-bottom: 15px;
}

#page .myimg IMG {
	border: 1px solid #C3DBE9;
	background: #FFFFFF;
	padding: 9px;
	display: block;
}

#map {
	background: url('images/bg-map.gif') no-repeat;
	margin-bottom: 30px;
	padding: 20px;
}

#google {
	width: 860px;
	height: 290px;
}

/**************************************************************************************/

#footer {
	background: url('images/bg-footer.jpg') #945414 repeat-x;
	height: 450px;
}

#footer .wrap { 
	padding: 0px; 
	width: 940px;
}

#info {
	background: url('images/bg-info.jpg') no-repeat;
	padding: 20px 20px 0px 20px;
	height: 330px;
}

#info .address { 
	line-height: 30px;
	padding-top: 20px; 
	padding-left: 20px; 
	font-size: 14px;
	float: left;
}

#info .address P { margin-bottom: 15px; }

#info .address H1 {
	background: url('images/title-ciarrocchi.gif') no-repeat;
	text-indent: -90000px;
	margin-bottom: 10px;
	font-size: 8px;
	width: 325px;
	height: 18px;
}

#info .address A { 
	background: url('images/icon-mail.gif') no-repeat left 4px;
	padding-left: 16px;
}

#info .boxpdf {
	background: url('images/bg-boxpdf.gif') no-repeat;
	margin-bottom: 20px;
	padding: 20px;
	color: #FFFFFF;
	height: 140px;
	width: 330px;
	float: right;
}

#info .boxpdf H2 { 
	text-indent: -90000px;
	margin-bottom: 10px;
	font-size: 8px;
	height: 20px;
}

#info .boxpdf P {
	margin-bottom: 20px;
	font-size: 11px;
}

#info .boxpdf LI { margin-top: 10px; }

#info .boxpdf A {
	background: url('images/arrow-pdf.gif') no-repeat 0px 0px;
	padding-left: 20px;
	font-weight: bold;
	color: #FFFFFF;
}

#info .boxpdf A:hover { background-position: 0px -18px; }

#info .search {
	background: url('images/bg-search.jpg') no-repeat;
        margin-top: 200px;
	padding-top: 40px;
	padding-left: 20px;
	width: 350px;
	height: 90px;
	float: right;
	clear: right;
}

#info .search .txt-input {
	background: transparent;
	padding: 9px;
	font-size: 11px;
	color: #7F7F7F;
	border: 0px;
	width: 250px;
	float: left;
}

#info .search .btn-search {
	background: transparent;
	cursor: pointer;
	border: 0px;
	width: 60px;
	height: 30px;
}

#credits {
	padding: 25px 40px 0px 40px;
	font-size: 10px;
	color: #B69471;
}

#credits .beesoft {
	width: 164px;
	height: 54px;
	float: right;
}

#credits .beesoft A {
	background: url('images/logo-bee.jpg') no-repeat 0px 0px;
	text-indent: -90000px;
	display: block;
	width:164px;
	height: 54px;
}

#credits .beesoft A:hover { background-position: 0px -54px; }

#credits P { margin-bottom: 20px; }

#credits A { 
	font-size: 12px;
	color: #B69471; 
}

#credits A:hover { color: #FFFFFF; }

/**************************************************************************************/

#sitemap { padding: 20px 10px 20px 10px; }

#sitemap LI { background: url('images/bg-subcat.gif') repeat-x 0px 5px; }

#sitemap LI A {
	background: url('images/icon-folder.gif') no-repeat 10px 10px;
	padding: 10px 10px 10px 40px;
	font-size: 16px;
	color: #2F8A26;
	display: block;
}

#sitemap LI UL LI A { 
	background-position: 40px 10px;
	padding-left: 70px; 
}

#sitemap LI UL LI UL LI A { 
	background-position: 70px 10px;
	padding-left: 100px; 
}

#sitemap LI A:hover { color: #D80000; }

/**************************************************************************************/

#page .info P {
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 180%;
}

#page .info {
	width: 370px;
	float: right;
}

#form-contatti { 
	width: 515px;
	float: left;
}

#form-contatti .credits { display: none; }

#form-contatti .fieldwrap {
	margin-bottom: 5px;
	padding-left: 20px;
	color: #666666;
}

#form-contatti .fieldwrap INPUT, #form-contatti .fieldwrap TEXTAREA {
	border: 2px solid #CCCCCC;
	padding: 5px;
	width: 50%;
}

#form-contatti .fieldwrap TEXTAREA {
	height: 200px;
	width: 461px;
}

#form-contatti .fieldwrap, #form-contatti .submit, #form-contatti .alert { margin-bottom: 20px; }

#form-contatti .submit { padding-left: 20px; }

#form-contatti .submit INPUT { 
	text-transform: uppercase;
	cursor: pointer;
	padding: 5px;
}

#form-contatti .ddfmerrors {
	border-top: 1px dotted red;
	padding: 10px 0px 0px 0px;
	font-weight: bold;
	font-size: 16px;
	line-height: 150%;
	color: red;
}

#form-contatti .errorlist {
	border-bottom: 1px dotted red;
	padding: 0px 0px 10px 0px;
	margin-bottom: 20px;
	line-height: 150%;
	font-size: 14px;
}

#form-contatti .success {
	border-bottom: 1px dotted green;
	border-top: 1px dotted green;
	padding: 10px 0px 10px 0px;
	margin-bottom: 20px;
	margin-top: 20px;
	line-height: 150%;
	font-size: 16px;
	color: green;
}

#form-contatti LABEL {
	margin-bottom: 3px;
	font-weight: bold;
	font-size: 12px;
	display: block;
}

#form-contatti .required { color: red; }

#form-contatti .note { padding-left: 20px; }

#form-contatti .note STRONG { font-size: 12px; }

#form-contatti .note P { 
	margin-bottom: 10px; 
	font-size: 10px;
}

/**************************************************************************************/

.wp-pagenavi {
	padding: 5px 0px 5px 5px;
	background: #00A651;
	text-align: right;
	margin-top: 20px;
	color: #8FD8B3;
}

.wp-pagenavi .pages { float: left; }

.wp-pagenavi .current { 
	font-weight: bold; 
	margin-left: 5px;
	color: #FFFFFF;
	padding: 5px;
}

.wp-pagenavi A {
	margin-left: 5px;
	color: #8FD8B3;
	padding: 5px;
}


/**************************************************************************************/

.marker H2 { 
	margin-bottom: 5px;
	font-size: 13px; 
}

.marker P { 
	line-height: 150%;
	margin-bottom: 10px; 
}

.alert { 
	background: url('images/icon-alert.gif') no-repeat 10px 10px;
	padding: 10px 0px 10px 100px;
	margin-bottom: 20px;
}

.alert P {
	line-height: 180%;
	font-size: 16px;
}

.alert STRONG { font-size: 20px; }

.wrap {
	margin: 0px auto 0px auto;
	padding: 0px 20px 0px 20px;
	width: 900px;
}
.spot {
        padding: 10px 20px 10px 20px;
        text-align: center;
	font-size: 20px;
        font-style: italic;
        color: green;
}