
html {height: 100%}
body {
	font: 12px/18px Verdana, Arial, Tahoma, sans-serif;
	width: 100%;
	height: 100%;background:#f9faf2;margin:0;
}
a
{
        text-decoration:underline;
        color: #666600;
}

a:hover
{
        text-decoration:none;
        color: #336600;
}

p {margin:0}

h1 
{
        font-size: 18px;margin:8px 0 8px 0;
        color: #339900;
        font-weight: normal;font-family: Verdana, Arial, Helvetica, sans-serif;
}

h2 
{
        font-size: 17px;margin:8px 0 8px 0;
        color: #669933;
        font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif;
}
h3 
{
        font-size: 16px;margin:8px 0 8px 0;
        color: #669933;
        font-weight: normal;font-family: Verdana, Arial, Helvetica, sans-serif;
}
h6 
{
       margin:0;padding:0;
}

li {}
ul {margin: 10px 0 10px 0}

img {
	border: none;
}
input {vertical-align: middle; padding:10px; background:#f6f6f6; border: 1px solid #cccccc;margin:5px 0 5px 0;color:#666666}
textarea {padding:10px; background:#f6f6f6; border: 1px solid #cccccc;margin:5px 0 5px 0;color:#333333}
select {padding:10px; background:#f6f6f6; border: 1px solid #cccccc;margin:5px 0 5px 0;color:#666666}
option {padding:10px; background:#f6f6f6; border: 1px solid #cccccc;margin:5px 0 5px 0;color:#666666}

.input_bottom {width: 110px;border:1px solid #339900; padding:3px;background:#669933;color:#ffffff}
#wrapper {
	width: 1007px;
	margin: 0 auto;min-height: 400px;border:0px solid #666666
}


/* Header
-----------------------------------------------------------------------------*/
#header {
	height: 130px;
	
}
#header_menu  {margin-top:20px;margin-right:5px;float:right;height: 50px;width: 710px;background: url(images/top_menu_fon.png) repeat-x ;}
#header_menu_left {height: 50px;float:left;width: 10px;background: url(images/top_menu_left.png) no-repeat ;}  
#header_menu_right {height: 50px;float:right;width: 8px;background: url(images/top_menu_right.png) no-repeat ;}  
#header_top {margin-top:10px;float:right;height: 20px;width: 714px;}
#header_top p {margin-left:3px;margin-top:10px}
#content_top {height: 14px;width: 1007px;background: url(images/content_top.png) no-repeat ;}  
#logo {height: 91px;width: 172px;float:left;margin-left:70px;_margin-left:35px;margin-top:0px}


/* Middle
-----------------------------------------------------------------------------*/
#middle {
	width: 100%;
	padding: 0 0 0px;
	height: 1%;
}
#middle:after {
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0; 
}
#container {
	width: 100%; float:left;
        overflow: hidden;background: url(images/content.png) repeat-y;border:0px solid #666666;min-height: 800px;_height: 1000px;

}
#content {
	padding: 0 0 0 300px;
}
#cont { margin-left:10px;margin-top:20px;width: 665px;border:0px solid #666666;margin-bottom:15px;

}
#cont p { font: 13px/18px Verdana, Arial, Tahoma, sans-serif;color:#333333;text-align:justify
}

.price_left {height: 32px;width: 12px;background: url(content/price_left.png) no-repeat ;}
.price_right {height: 32px;width: 12px;background: url(content/price_right.png) no-repeat ;}
.price_title {height: 32px;background: url(content/price_title.png) repeat-x ;}


/* Sidebar Left
-----------------------------------------------------------------------------*/
.sl {
	float: left;
	width: 280px;
      	margin-left: -100%;

}
#left {	margin-left:30px;margin-top:20px;width: 255px;min-height: 400px;clear:both}

		#list1 .title { font-weight:normal;}
			#list1, #list2 { width:255px;}
			.title, .mytitle { cursor:pointer; border:0px solid #CCCCCC; margin-top:0.5em; padding:10px; color:#ffffff;text-align:center}
			.mytitle strong { font-size: 16px;border-bottom:0px dashed #CCCCCC;font-weight:bold;}
			.on  .mytitle { background: url(images/menu_left_over.png) no-repeat }
			.off .mytitle { background: url(images/menu_left.png) no-repeat  }
			.content, .mycontent    { background-color:#ffffff; padding:0.1em; border:0px solid #C0C0C0; border-top-width:0;}
		

/* Footer
-----------------------------------------------------------------------------*/
#content_bottom {margin:0 auto;height: 14px;width: 1007px;background: url(images/content_bottom.png) no-repeat ;}  

#footer {
	width: 983px;
	margin: 0 auto;
	height: 100px;border:0px solid #666666
	

}
#footer_right {	width: 400px;
	float:right;text-align:right;
	height: 100px;border:0px solid #666666

}
#footer_right p {color:#999999; font-size: 10px}
#footer_left {	width: 500px;
	float:left;text-align:left;
	height: 100px;border:0px solid #666666

}
#footer_left p {color:#999999; font-size: 10px}
#footer_left p a {color:#999999}
#footer_right p a {color:#999999}

 /*** ÍÅÎÁÕÎÄÈÌÛÅ ÑÒÈËÈ ***/
  .sf-menu, .sf-menu * {
  margin: 0;
  padding: 0;
  list-style: none;
  }
  .sf-menu {
  line-height: 1.0;
  }
  .sf-menu ul {
  position: absolute;
  top: -999em;
  width: 16em; 
  }
  .sf-menu ul li {
  width: 100%;
  }
  .sf-menu li:hover {
  visibility: inherit; 
  }
  .sf-menu li {
  float:  left;
  position: relative;
  }
  .sf-menu a {
  display: block;
  position: relative;
  }
  .sf-menu li:hover ul,
  .sf-menu li.sfHover ul {
  left:  0;
  top:  3.9em;
  z-index: 99;
  }
  ul.sf-menu li:hover li ul,
  ul.sf-menu li.sfHover li ul {
  top: -999em;
  }
  ul.sf-menu li li:hover ul,
  ul.sf-menu li li.sfHover ul {
  left: 16em; 
  top: 0;
  }
  ul.sf-menu li li:hover li ul,
  ul.sf-menu li li.sfHover li ul {
  top: -999em;
  }
  ul.sf-menu li li li:hover ul,
  ul.sf-menu li li li.sfHover ul {
  left: 10em; 
  top: 0;
  }
/*** ÑÊÈÍ ÄÅÌÎ ***/
  .sf-menu {
  float: left;
  margin-bottom: 0;
  }
  .sf-menu a {
  
  
  padding: 14px 16px 16px 16px;
  text-decoration:none;
  }

.menu1 {background: url(images/menu_line.png) no-repeat left center ;  }

.sf-menu a, .sf-menu a:visited  {
  color: #fff;font: 17px verdana, Arial, Tahoma, sans-serif;
  }
  .sf-menu li {
  
  }
  .sf-menu li li {
  background: #99cc66;border:1px solid #87c14e
  }
  .sf-menu li li li {
  background: #99cc66;border:1px solid #87c14e
  }
  .sf-menu li:hover  {color:#ffffff;
  background: url(images/menu_hover.png) repeat-x ;border:1px solid #87c14e
  outline: 0;
  }
   
.sf-menu li.sfHover, .sf-menu a:hover,
  .sf-menu a:focus, .sf-menu a:active {color:#339933;
  background: url(images/menu_hover1.png) repeat-x ;border:1px solid #87c14e
  outline: 0;
  }

/*** ÒÅÍÈ ÄËß ÂÑÅÕ ÁÐÀÓÇÅÐÎÂ,  ÊÐÎÌÅ IE6 ***/
  .sf-shadow ul {
  background: url('images/shadow.png') no-repeat bottom  right;
  padding: 0 8px 9px 0;
  -moz-border-radius-bottomleft:  17px;
  -moz-border-radius-topright:  17px;
  -webkit-border-top-right-radius:  17px;
  -webkit-border-bottom-left-radius:  17px;
  }
  .sf-shadow ul.sf-shadow-off {
  background:  transparent;
  }




.photo_shadow {float: left; width:243px; margin:13px 40px 13px 40px;_margin:13px 30px 13px 30px;height:243px;background-image: url('images/shadow_photo.png');}
.photo {border:1px solid #999999;width:200px; padding:8px 14px 8px 14px; margin:-2px 7px 7px 7px; background:#f9faf2}

.lightbox_img img {border: 1px solid #999999}
.photo_coments {margin-top:0; margin-bottom: 0px;font-size:11px}
.photo_work {margin-top:0px; margin-bottom: 1px; text-decoration: underline;font-size:11px}
.photo_url {margin-top:0px; margin-bottom: 0px; text-decoration: underline;font-size:11px}
.photo_url a {margin-top:0px; margin-bottom: 0px; text-decoration: underline;}
.photo_url a:hover {margin-top:0px; margin-bottom: 0px; text-decoration: none;}

.photo_num{margin-left:44px;float:left;clear:left;border: 0px solid #999999}

.pages1 a {border: 1px solid #999999; margin:1px;padding:4px;padding-right:8px;padding-left:8px;background:#e3e6da}
.pages1 a:hover {border: 1px solid #666666; margin:1px;padding:4px;padding-right:8px;padding-left:8px;background:#999999;color:#f6f6f6}

div#pages_now {border: 1px solid #666666; margin:1px;padding:2px;padding-right:8px;padding-left:8px;background:#999999;color:#f6f6f6}
#photo_1 {_border:0px solid #999999;width:99%;}

.photo_shadow .photo p {font-size:10px}

.photo1 {_border:0px solid #000000;}






.post_name a {font-size: 18px;color: #339900;text-decoration:none;margin-top:0px}
.post_name a:hover {font-size: 18px;text-decoration:none;}
.post_add {font-size: 12px;color:#cccccc; margin-top:0px}
.post_add b {font-size: 12px;color:#999999;font-weight: normal; }
.post_text {width:100%; border: 0px solid #eaeaea; position:relative; float:left;margin:10px 0 10px 0}
.post_text p {margin:10px 0 0 0}
.post_footer {font-size: 12px;color:#cccccc; margin-top:4px;}
.post_footer b {font-size: 12px;color:#999999;font-weight: normal; }
.post_desc {border:1px solid #eaeaea;background:#f9faf2;padding:7px;position:relative;min-height:112px;_height:120px}
view_firm {width:100%}

.post_comment_text {float:right;min-width: 350px;width: 90%;_height: 0px;font-size: 14px;background: #f6f6f6; padding:15px; margin-bottom:20px;border-bottom: 1px solid #eaeaea; position:relative;left: 0px; z-index:1}
.post_comment_add {font-size: 12px; color:#cccccc;}
.post_comment_add strong {font-size: 12px; color:#999999;font-weight: normal;}
.stile_plus {width:50px;color:#66cc66; font-size:39px;font-weight:bold; margin:0; margin-top:0px;background: url(images/comment_left.png) no-repeat ; position:relative;z-index:2}


.view_cat {margin-top:30px}
.logo_hidden {visibility: hidden}
.img {border: 1px solid #eaeaea; margin:5px;position:relative;z-index:4  }
.img_post {border: 1px solid #eaeaea;margin:5px;position:relative;z-index:4}



/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}
.red {color:red}