/*  
Theme Name: pugliasrl.it 
Theme URI: http://www.pugliasrl.it
Description: Pugliasrl.it
Version: 1.0
Author: BeeSoft srl 
Author URI: http://www.beesoft.it/
*/

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

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

BODY {
	background: url('images/bg-body.jpg') #FFFFFF repeat-y;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #222222;
}

IMG { border: 0px; }

LI { list-style: none; }

A { 
	text-decoration: underline; 
	outline: none;
}

A:hover { text-decoration: none; }

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

#container { background: url('images/bg-top.gif') #FFFFFF repeat-x; }

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

#content { 
	background: url('images/bg-content.gif') repeat-y; 
	overflow: hidden;
	padding-right: 11px;
	width: 940px;
}

#sidebar {
	width: 280px;
	float: left;
}

#main {
	width: 629px;
	float: right;
}

#lang { 
	margin: 50px 0px 0px 0px; 
	padding-left: 40px;
}

#lang A, #lang .sel { margin-right: 10px; }

#banner-snc { margin: 30px 0px 0px 40px; }

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

#logo {
	position: absolute;
	z-index: 10;
	top: 50px;
}

#logo H1 {
	background: url('images/logo-puglia.jpg') no-repeat;
	text-indent: -90000px;
	font-size: 10px;
	width: 280px;
	height: 80px;
}

#logo H1 A {
	display: block;
	width: 280px;
	height: 80px;
}

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

#menu {
	text-transform: uppercase;
	position: absolute;
	text-align: right;
	z-index: 10;
	top: 21px;
	left: 311px;
}

#menu LI {
	background: #27583A;
	margin-right: 11px;
	float: left;
	width: 149px;
}

#menu LI UL { display: none; }

#menu LI UL LI { 
	margin: 0px;
	float: none; 
}

#menu .m1 A, #menu .m1 .sel { background: url('images/m1-bg.jpg') no-repeat; }
#menu .m2 A, #menu .m2 .sel { background: url('images/m2-bg.jpg') no-repeat; }
#menu .m3 A, #menu .m3 .sel { background: url('images/m3-bg.jpg') no-repeat; }
#menu .m4 A, #menu .m4 .sel { background: url('images/m4-bg.jpg') no-repeat; }

#menu LI A, #menu .sel {
	text-decoration: none;
	padding-right: 10px;
	padding-top: 58px;
	color: #FFFFFF;
	display: block;
	width: 139px;
	height: 21px;
}

#menu .sel { color: #92A79E; }

#menu LI UL LI A { 
	background: transparent !important;
	line-height: 35px;
	padding-top: 0px;
	height: 35px; 
}

#menu LI UL LI A:hover { background: #477F5C !important; }

#menu LI:hover UL{ display: block; }

#menu .sel {
	padding-top: 10px;
	height: 69px;
}

#menu .sel EM { font-style: normal; }

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

#primopiano { 
	position: relative;
	overflow: hidden; 
	width: 629px;
	height: 379px;
}

#primopiano UL { height: 379px; }

#primopiano .item {
	overflow: hidden; 
	width: 629px;
	height: 379px;
	float: left;
}

#primopiano .photo, #primopiano .photo IMG { 
	width: 629px; 
	height: auto;
}

#primopiano .desc {
	background: #215435;
	padding: 5px 10px 10px 10px;
	position: absolute;
	overflow: hidden;
	text-align: right;
	margin-top: 270px;
	height: 60px;
	width: 609px;
	color: #FFFFFF;
}

#primopiano .desc H1 { 
	font-family: Georgia, serif;
	font-style: italic;
	font-size: 22px; 
}

#primopiano .desc H2, #primopiano .desc H3 { 
	font-weight: normal;
	font-size: 12px; 
}

#primopiano .desc H3 {
	text-transform: uppercase;
	margin-top: 5px;
	font-size: 10px;  
}

#primopiano .desc A {
	background: url('images/icon-go.gif') no-repeat left;
	text-decoration: none;
	padding-left: 20px;
	color: #FFFFFF; 
}

#primopiano .offerta {
	background: url('images/icon-offerta.png');
	margin: 268px 0px 0px 10px;
	position: absolute;
	line-height: 100px;
	text-align: center;
	font-size: 25px;
	color: #FFFFFF;
	z-index: 10;
	width: 100px;
	height: 100px;
	float: left;
}

#primopiano .offerta { background: url('images/icon-offerta.png'); }

#primopiano .novita { background: url('images/icon-novita.png'); }

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

#lastproj {
	background: url('images/bg-footer.gif') #FFFFFF repeat-x;
	width: 951px;
	height: 180px;
	clear: both;
}

#lastproj .title {
	line-height: 160px;
	width: 300px;
	height: 180px;
	float: left;
}

#lastproj .title H2 {
	background: url('images/bg-title-proj.jpg') no-repeat;
	padding-left: 40px;
	font-weight: normal;
	font-size: 11px;
	color: #BFBFBF;
}

#lastproj UL {
	background: url('images/bg-projects.gif') no-repeat;
	padding: 20px 30px 0px 20px;
	overflow: hidden;
	height: 160px;
}

#lastproj LI { height: 160px; }

#lastproj .photo {
	width: 149px;
	height: 149px;
	float: left;
}

#lastproj .photo A, #lastproj .photo IMG {
	display: block;
	width: 149px;
	height: 149px;
}

#lastproj H1, #lastproj .excerpt { margin-left: 170px; }

#lastproj H1 {
	margin-bottom: 10px;
	font-family: Georgia, serif;
	font-weight: normal;
	font-style: italic;
	font-size: 16px; 
	color: #737373; 
}

#lastproj H1 A { 
	background: url('images/line.gif') repeat-x 0px 16px; 
	text-decoration: none;
	color: #737373;
}

#lastproj H1 A:hover { color: #2F2929 !important; }

#lastproj .excerpt {
	line-height: 160%;
	font-size: 11px;
	color: #BFBFBF; 
}

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

#main .section {
	text-transform: uppercase;
	position: absolute;
	width: 629px;
	top: 100px;
}

#main .section H1 {
	font-weight: normal;
	padding-left: 9px;
	margin-top: 40px;
	font-size: 18px;
	color: #215435;
}

#main .section A { 
	text-decoration: none; 
	color: #222222;
}

.m1 .section { background: url('images/section-m1.gif') no-repeat; }
.m2 .section { background: url('images/section-m2.gif') no-repeat; }
.m3 .section { background: url('images/section-m3.gif') no-repeat; }
.m4 .section { background: url('images/section-m4.gif') no-repeat; }

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

#page { padding-top: 90px; }

#page .title {
	background: url('images/line.gif') repeat-x 0px 11px;
	padding-right: 9px;
	text-align: right;
	font-size: 11px;
	color: #BFBFBF;
}

#page .title STRONG { text-transform: uppercase; }

#page .title .back { float: left; }

#page .title .back A { 
	background: url('images/icon-arrow2.gif') no-repeat 0px 5px;
	margin-left: 10px;
	padding-left: 12px;
}

#page .title A { 
	text-decoration: none;
	color: #BFBFBF; 
}

#page .title A:hover { color: #2F2929; }

#page .txt { padding: 20px 10px 40px 10px; }

#page .txt P {
	margin-bottom: 10px;
	line-height: 180%;
	color: #737373;
}

#page .cont { min-height: 200px; }

.wp-pagenavi {
	background: url('images/line.gif') repeat-x 0px 13px;
	margin: 20px 0px 40px 0px;
	font-size: 14px;
	color: #BFBFBF;
}

.wp-pagenavi .pages {
	margin-right: 30px;
	text-align: right;
	display: block;
	width: 140px;
	float: left;
}

.wp-pagenavi .current {
	font-weight: bold;
	color: #737373; 
}

.wp-pagenavi .current, .wp-pagenavi .extend, .wp-pagenavi A { margin-right: 10px; }

.wp-pagenavi A {
	text-decoration: none;
	color: #BFBFBF;
}

.wp-pagenavi A:hover { color: #737373; }

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

#post-list LI {
	margin-bottom: 40px;
	overflow: hidden;
	width: 629px;
}

#post-list .meta {
	background: url('images/line.gif') repeat-x 0px 11px;
	margin-bottom: 20px;
	padding-right: 9px;
	overflow: hidden;
	font-size: 11px;
	color: #BFBFBF;
	width: 620px;
}

#post-list A { 
	text-decoration: none;
	color: #737373;
}

#post-list A:hover { color: #2F2929; } 

#post-list .date {
	margin-right: 20px;
	text-align: right;
	width: 150px;
	float: left;
}

#post-list .photo { 
	cursor: pointer;
	float: left; 
}

#post-list .excerpt, #post-list .cont, #post-list H1 {
	padding-right: 10px;
	padding-left: 170px;
}

#post-list H1 { 	
	font-family: Georgia, serif;
	font-style: italic;
	margin-bottom: 5px;
	font-weight: normal;
	font-size: 20px; 
}

#post-list H1 A {
	background: url('images/line.gif') repeat-x 0px 19px;
	text-decoration: none;
}

#post-list .excerpt, #post-list .cont { line-height: 180%; }

#post-list .excerpt { color: #BFBFBF; }

#post-list .cont { 
	margin-bottom: 40px;
	color: #737373; 
}

#post-list .cont P { margin-bottom: 10px; }


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

.prod-list {
	margin-bottom: 40px;
	overflow: hidden;
	width: 629px;
}

.prod-list UL { width: 650px; }

.prod-list LI {
	margin-right: 11px;
	margin-top: 20px;
	width: 149px; 
	float: left;
}

.prod-list H1 { 
	background: url('images/prod-list-bg.jpg') repeat-y;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 10px;
	height: 50px;
}

.prod-list H1 A {
	text-decoration: none;
	color: #FFFFFF;
	display: block;
	padding: 5px;
	height: 40px;
}

.prod-list H1 A:hover { background: url('images/prod-list-bg-over.jpg') repeat-y; }

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

.prod-single #primopiano { margin-top: 20px; }

.prod-single #primopiano .item { float: none; }

.prod-single .details { 
	padding: 20px 0px 40px 0px; 
	overflow: hidden;
	width: 629px;
}

.prod-single .details .item { 
	padding: 10px 0px 10px 0px;
	background: #F4F4F4;
	margin-bottom: 20px;
	line-height: 180%;
	text-align: justify;
	overflow: hidden;
	width: 629px;
}

.prod-single .details .data { 
	padding-right: 10px;
	margin-left: 160px;
}

.prod-single .details .data A { text-decoration: none; }

.prod-single .details .data STRONG { text-transform: uppercase; }

.prod-single .details LABEL { 
	text-align: right;
	color: #BFBFBF;
	width: 150px; 
	float: left;
}

.prod-single .details SMALL {
	font-size: 10px;
	display: block;
}

.prod-single .details A { color: #737373; }
.prod-single .details A:hover { color: #2F2929; }

.prod-single #primopiano, .prod-single #primopiano .item, .prod-single #primopiano .photo, .prod-single #primopiano  .photo img { height: auto !important; }

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

.side-block { padding-top: 30px; }

.side-block UL { clear: left; }

.side-block .item {
	margin-left: 20px;
	padding-top: 20px;
}

.side-block .item H1 {
	background: url('images/ball-green.gif') no-repeat left 4px;
	font-family: Georgia, serif;
	font-style: italic;
	padding-left: 20px;
	line-height: 18px;
	font-weight: normal;
	font-size: 12px;
}

.side-block .menu { text-transform: uppercase; }

.side-block .item A , .side-block .menu A { text-decoration: none; }

.side-block A { color: #737373; }
.side-block A:hover { color: #2F2929 !important; }

.side-block .item H1 A { background: url('images/line.gif') repeat-x 0px 12px; }

.side-block .item .date, .side-block .item .meta {
	padding-left: 20px;
	line-height: 20px;
	font-size: 11px;
	color: #BFBFBF;
}

.side-block .item .meta A { color: #BFBFBF; }

.side-block .item .excerpt {
	padding-left: 20px;
	margin-top: 5px;
	line-height: 14px;
	font-size: 10px;
	color: #BFBFBF;
}

.block-title {
	float: left;
	height: 11px;
}

.block-title H2 {
	background: url('images/line.gif') repeat-x 0px 11px;
	padding-left: 40px;
	font-weight: normal;
	font-size: 11px;
	color: #BFBFBF;
}

.side-block .menu { padding-top: 30px; }

.side-block .menu LI {
	height: 18px;
	font-size: 11px;
	margin-left: 20px; 
	margin-bottom: 15px;
}

.side-block .menu A { padding-left: 20px; }
.side-block .menu A:hover { background: url('images/ball-green.gif') no-repeat left; }

.side-block  .current-cat A {
	background: url('images/ball-select.gif') no-repeat left;
	color: #BFBFBF;
}

.side-block .info {
	padding: 20px 0px 0px 40px;
	line-height: 180%;
	color: #737373; 
	clear: left;
}

.side-block .info H2 { font-size: 16px; }

.side-block .info H3 { 
	margin-bottom: 10px;
	font-weight: normal;
	font-size: 12px; 
}

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

#marchi { padding: 40px 0px 40px 0px; }
#marchi LI { text-transform: uppercase; }

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

#googlemap {
	margin: 20px 0px 40px 0px;
	width: 629px;
	height: 400px;
}

#contact-form { margin: 20px 0px 40px 0px; }

#contact-form .ddfmerrors {
	margin-left: 110px;
	font-weight: bold;
	font-size: 16px;
	color: #CF4040;
}

#contact-form .errorlist {
	padding: 20px 10px 20px 160px;
	margin-bottom: 20px;
	background: #CF4040;
	line-height: 180%;
	color: #FFFFFF;
}

#contact-form .fieldwrap, #contact-form .submit {
	padding: 10px 0px 10px 0px;
	background: #F4F4F4;
	margin-bottom: 20px;
	overflow: hidden;
	width: 629px;
}

#contact-form .fmtext, #contact-form .fmtextarea {
	border: 1px solid #E8E8E8;
	background: #FFFFFF;
	padding: 3px;
}

#contact-form .fmtext { width: 300px; }

#contact-form .fmtextarea { 
	width: 450px; 
	height: 150px;
}

#contact-form .submit INPUT {
	margin-left: 160px;
	padding: 5px;
}

#contact-form LABEL { 
	margin-right: 10px;
	text-align: right;
	color: #AFAFAF;
	width: 150px; 
	float: left;
}

#marker P { 
	line-height: 180%;
	margin-top: 5px; 
	color: #737373;
}

.required { color: #CF4040; }

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

#sitemap { 
	margin: 20px 0px 40px 0px; 
	text-transform: uppercase;
}

#sitemap LI A {
	padding: 10px 490px 10px 20px;
	text-decoration: none;
	text-align: right;
	background: #F4F4F4;
	margin-bottom: 10px;
	font-size: 14px;
	display: block;
	color: #737373;
}

#sitemap LI UL A { 
	padding-right: 20px; 
	padding-left: 170px;
	background: #F8F8F8;
	text-align: left;
}

#sitemap LI A:hover {
	background: #DFDFDF;
	color: #222222;
}

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

#footer { 
	background: url('images/bg-footer.gif') #FFFFFF repeat-x;
	line-height: 18px;
	font-size: 11px;
	color: #737373;
}

#footer .content {
	background: url('images/footer-img.jpg') no-repeat;
	padding-top: 40px;
	padding-left: 25px;
	height: 160px;
}

#footer A { color: #BFBFBF; }
#footer A:hover { color: #737373; }

#footer P {
	padding-left: 15px;
	margin-top: 20px;
	color: #BFBFBF;
}

#footer .map-link {
	background: url('images/icon-arrow.gif') no-repeat left;
	padding-left: 15px;
}

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

.alert {
	margin: 20px 0px 40px 0px;
	text-align: center;
	background: #F4F4F4;
	padding: 20px;
	color: #AFAFAF;
}

.note {
	margin: 20px 0px 40px 0px;
	font-size: 11px;
	padding: 20px;
	color: #737373; 
}

.note A { color: #000000; }

.photo {
	margin-bottom: 1px;
	overflow: hidden;
	width: 149px;
	height: 149px;
}

.photo .frame { 
	background: url('images/photo-frame.gif'); 
	position: absolute;
	cursor: pointer;
	width: 149px;
	height: 149px;
}

.photo IMG { height: 149px; }

.photo A {
	display: block;
	width: 149px;
	height: 149px;
}