/***********MAJAKOVSKIJ COMUNICAZIONE 2010*****************/
/*************************************************/
/******************   GENERAL  STYLES     *****************/
/**********************************************************/
body, html {
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 11px;
	font-weight:normal; 
	color: #313131;
	margin: 0px;
	padding:0;
	width: 100%;
	height:100%;
	text-align:center;
	background:#000000;

}

* {
    margin:0;
    padding:0;
}

.clear {
	clear: both;
	overflow: hidden;
	width: 0px;
	height: 0px;
}

a{
	text-decoration : none;
	color:#323232;
}

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

a img{
	border : none;
}

ul,ol,li,dl,dt,dd{
	line-height : normal;
	list-style : none;
	list-style-type:none ;
	list-style-position: inside;
	margin : 0;
	padding : 0;
}

.opaque {
   background-color: #ffffff;  /* the background          */
   filter:alpha(opacity=50);   /* Internet Explorer       */
   -moz-opacity:0.5;           /* Mozilla 1.6 and below   */
   opacity: 0.5;               /* newer Mozilla and CSS-3 */
}


/**********************************************************/
/****************   OGGETTI PAGINA     ***************/
/**********************************************************/
#wrapper {
    margin:0;
	padding:0;
	width: 100%;
	height: 100%;
	text-align:center;
}

#main {
    width:100%;
    margin:0 auto;
    padding:0;
    height:100%;
	text-align:center;
}

div#header{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:5px;
    background:#FFFFFF;
    z-index:10;
}

div#footer{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:20px;
    background:#FFFFFF;
    z-index:10;
}
@media screen{
    body>div#header{
        position:fixed;
    }
    body>div#footer{
        position:fixed;
    }
} 

* html body{
    overflow:hidden;
} 
* html div#container{
    height:100%;
    overflow:hidden;
}

#footer p {
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 11px;
	font-weight:normal; 
	color: #313131;
	text-align:center;
	margin:3px auto;
	padding:0;
}


#footer-barra {
	font-family: "Georgia",Verdana, Tahoma, Arial, sans-serif;
	font-size: 10px;
	font-weight:normal; 
	color: #555555;
	text-align:center;
	position:absolute;
	bottom:-80px;
	left:61px;
	margin:0px auto;
	padding:0;
}

div#content {
    padding:0;
    margin:0 auto;
    width:995px;
    height:100%;
    text-align:left;	
}

div#logo {
    padding:0 0 0 ;
    margin:0;
    top:0px;
	left:75px;
    width:176px;
    height:100px;
    position:absolute;
    z-index:3;
    text-align:center;
}


.hide {
    display:none;
}

/************************** NEW CSS ***********************/

#cnt{
	width: 100%;
	height:100%;
	background-position:center center;
	position:absolute;
	overflow:auto;
	top:0;
	left:0;
	z-index:1;
}

#cnt-int{
	width: 100%;
	height:100%;
	background-position:center center;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
}

.vert {
	width: 750px;
	height: 650px;
	margin:0;
	position: absolute;
	top: 40%;
	left: 49.3%;
}

div#vertmenu {
    padding:160px 0 0 0;
    margin:0;
}

div#incontent {
    position:relative;
    float:right;
    padding:0;
	padding-top:192px;
    margin:0 auto;    
    height:628px;
    width:440px;
	background-position: 357px 500px;
}

div#vertical-barra {
    position:relative;
    float:left;
    padding:0;
    margin:0 auto;    
    height:628px;
    width:300px;    
}

div#barra-content {
    padding:0;
    margin:0 auto;    
    height:auto;
    width:149px;    
}

#avanzapagina{
	position:relative; 
	width:537px; 
	height:40px; 
	padding:0; 
	margin:0; 
}

#myWorks {
    position: relative; 
    width: 755px; 
    margin:0 0 0 30px;
}

#myWorksPlace {
    position: relative; 
    width: 750px; 
    height: auto; 
    margin:0;
    padding:0;
}

#navigation_label {
    position:relative;
    height: auto; 
    width:560px;
    text-align:center;
    margin:3px auto;
    padding:5px 0;
}

img.wrk {
    margin:2px;
    padding:1px;
    border:0;
    width:200px;
    height:auto;
    border: 1px #c9d445 solid;
    vertical-align:middle;
}

#myContent {
    position: relative; 
    /*width: 370px; */
	width:470px;
    margin:0 0 0 20px;
	padding: 10px 0 25px 0;
    border-bottom:1px solid #FFF;
	font-family: "Georgia",Verdana, Tahoma, Arial, sans-serif;
	font-size: 1.3em;
	color:#ffffff;
}

#myContent p {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	text-align:justify;
	letter-spacing:0.2pt;
	margin-bottom: 0.5rem;


}

.h2-content-inner {
	border-bottom:1px solid #FFF; 
	font-style:italic; 
	font-family: Georgia, 'Times New Roman', Times, serif; 
	color:#FFFFFF; 
	display:block; 
	font-weight:normal; 
	padding-bottom:5px; 
	margin-bottom:20px;
}

.h2-content-gallery {
	border-bottom:1px solid #FFF; 
	font-style:italic; 
	font-family: Georgia, 'Times New Roman', Times, serif; 
	color:#FFFFFF; 
	display:block; 
	font-weight:normal; 
	padding-bottom:5px; 
	margin-bottom:20px;
}
#myContentMnu {
    position: relative; 
    width: 371px; 
    margin:207px 0 0 20px;
	padding: 36px 0 41px 0;
    border-bottom:1px solid #FFF;
	font-family: "Georgia",Verdana, Tahoma, Arial, sans-serif;
	font-size: 12px;
	text-align:justify;
	color:#ffffff;
	background:url(../images/title-imenu.png) no-repeat top center; 
}


#myContentMnu ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#myContentMnu li {
	float:left;
	padding: 0px;
	width:172px;
	border-bottom:1px solid #555555;
}

#myContentMnu li.lft {
	margin-right:26px;

}

#myContentMnu a {
    color: #4f4f4f;
    font-family: "Georgia",Verdana, Tahoma, Arial, sans-serif;
	font-size: 12px;
	font-weight:normal; 
    height: 14px;
    display:block;
    text-decoration: none;
    padding: 14px 0 12px 0px;  
	width:172px;
	background:url(../images/btt/mnu-imnubg.png) no-repeat top right;
}

#myContentMnu a:hover {
    width:171px;
	color:#92792e;
	background-position:0px -40px;
}
/************************************************************************/
#myContentCredits {
    position: relative; 
    width: 371px; 
    margin:207px 0 0 20px;
	padding: 36px 0 41px 0;
    border-bottom:1px solid #FFF;
	font-family: "Georgia",Verdana, Tahoma, Arial, sans-serif;
	font-size: 12px;
	text-align:justify;
	color:#ffffff;
	background:url(../images/title-generico.png) no-repeat top center; 
}


#myContentCredits ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#myContentCredits li {
	float:left;
	padding: 0px;
	width:371px;
	border-bottom:1px solid #555555;
}

#myContentCredits li.link a  {
    color: #999999;
    font-family: "Georgia",Verdana, Tahoma, Arial, sans-serif;
	font-size: 12px;
	font-weight:normal; 
    height: 14px;
    display:block;
    text-decoration: none;
    padding: 14px 0 12px 0px;  
	width:371px;
	background:url(../images/btt/mnu-arrowvr.png) no-repeat top right;
}

#myContentCredits li.nolink  {
    color: #999999;
    font-family: "Georgia",Verdana, Tahoma, Arial, sans-serif;
	font-size: 12px;
	font-weight:normal; 
    height: 14px;
    display:block;
    text-decoration: none;
    padding: 14px 0 12px 0px;  
	width:371px;
	background:url(../images/btt/mnu-arrowvr.png) no-repeat top right;
}

#myContentCredits li em {
    color: #555555;
    font-family: "Georgia",Verdana, Tahoma, Arial, sans-serif;
	font-size: 12px;
	margin:0;
	padding:0;
	text-decoration: none;
	font-weight:normal; 
	font-style:normal;
}

#myContentCredits li.link  a:hover {
    width:371px;
	color:#92792e;
	background-position:199px -40px;
}
/************************************************************************/
#myContentContacts {
    position: relative; 
    width: 371px; 
    margin:5px 0 0 20px;
	padding: 35px 0 0px 0;
    border-bottom:1px solid #FFF;
	font-family: "Georgia",Verdana, Tahoma, Arial, sans-serif;
	font-size: 12px;
	text-align:justify;
	color:#ffffff;
	/** background:url(../images/title-generico.png) no-repeat top center; **/
}


#myContentContacts ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#myContentContacts li {
	float:left;
	padding: 0px;
	width:371px;
	border-bottom:1px solid #555555;
}

#myContentContacts p {
	float:left;
	padding: 0px;
	 font-family: "Georgia",Verdana, Tahoma, Arial, sans-serif;
	 color:#555555;
	font-size: 12px;
	font-weight:normal; 
    height: 14px;
    display:block;
    text-decoration: none;
    padding: 14px 0 12px 0px;  
	width:371px;
}


#myContentContacts .arrowbox p {
	float:left;
	padding: 0px;
	 font-family: "Georgia",Verdana, Tahoma, Arial, sans-serif;
	 color:#555555;
	font-size: 12px;
	font-weight:normal; 
    height: 14px;
    display:block;
    text-decoration: none;
    padding: 14px 0 12px 0px;  
	width:371px;
	border-top:1px solid #FFF;
	/** background:url(../images/btt/mnu-arrowvr.png) no-repeat top right; **/
}

#myContentContacts a {
    color: #999999;
    font-family: "Georgia",Verdana, Tahoma, Arial, sans-serif;
	font-size: 12px;
	font-weight:normal; 
    text-decoration: none;
}



#myContentContacts a:hover {
    width:371px;
	color:#92792e;
	background-position:199px -40px;
}

#myContentContacts .white {
	color:#FFF;
}
/************************************************************************/
#myContentGallery{
    position: relative; 
    width: 374px; 
    margin:0px 0 0 18px;
	padding: 10px 0 10px 0;
    border-bottom:1px solid #FFF;
	font-family: "Georgia",Verdana, Tahoma, Arial, sans-serif;
	font-size: 12px;
	text-align:justify;
	color:#ffffff;
	/** background:url(../images/title-gallery.png) no-repeat top left; **/
}



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

div.news {
    margin:0;
    padding:0;
    position: relative;
}

div.news-sep {
    border:0;
    border-top:1px dashed #d5e04d;
    margin:10px 0;
    padding:0;
    height:1px;
}

div.news-closer {
    position:absolute;
    margin:0;
    padding:0;
    top:5px;
    right:5px; 
    z-index:9999;   
}

div.news-list {
    position:absolute;
    margin:0;
    padding:0 10px 0 0;
    top:5px;
    right:5px; 
    z-index:9999;   
    font-weight:bold;
}

/************************* MENU CSS ***********************/

#menu {
    list-style: none;
    width: 171px;
    padding-top: 90px;
    height: auto;
	text-align:center;

}
#menu ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#menu li {
	margin: 5px 0px 0px 0px;
	padding: 0px;
}

#menu a {
    color: /*#4f4f4f;*/ #FFFFFF;
    font-family: "Georgia", Verdana, Tahoma, Arial, sans-serif;
	font-size: 1.5em;
	font-weight:normal; 
    height: 35px;
    display:block;
    text-decoration: none;
    padding: 0px 0 0 0px; 
	border-bottom:1px solid #808080;

}

/*#menu a em{
display:block;

}*/

#menu a#locale {
    width:171px;
}

#menu a#lago {
    width:171px;
}

#menu a#cucina {
    width:171px;
}

#menu a#i-menu {
    width:171px;
}

#menu a#galleria {
    width:171px;
}

#menu a#contatti {
    width:171px;
}

#menu a#home {
    width:171px;

}

#menu a#locale.current, #menu a#lago.current,#menu a#cucina.current, #menu a#i-menu.current, #menu a#galleria.current, #menu a#contatti.current,  #menu a#home.current {
    background-position:0px 40px;
	color: #B90030;
	border-bottom:1px solid #B90030;
}

#menu a:hover#home {
    width:171px;
	background-position:0px 40px;
}



#menu a:hover#locale, #menu a:hover#lago , #menu a:hover#cucina, #menu a:hover#i-menu, #menu a:hover#galleria, #menu a:hover#contatti, #menu a:hover#home, {
    width:171px;
	background-position:0px 40px;
	color: #B90030;
	border-bottom:1px solid #B90030;
}

 
/************************** TESTO CSS ***********************/ 
.testo {                       
    font-family: Verdana, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    text-transform: normal;
    letter-spacing: normal;
    line-height: 1.4em;
	color: #313131;
}

.testo_pg, .testo_pg a, .testo_pg a:hover {                       
    font-family: Verdana, sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    text-transform: normal;
    letter-spacing: normal;
    line-height: 1.4em;
	color: #ffffff;
	text-decoration:none;
}

.testo_higlight {                       
    font-family: Verdana, sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    text-transform: normal;
    letter-spacing: normal;
    line-height: 1.4em;
	color: #3e3e3e;
	background-color:#d5e04d;
}

.testo_pg h1 {                       
    font-family: Verdana, sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: normal;
    text-transform: normal;
    letter-spacing: normal;
    line-height: 1.3em;
	color: #d5e04d;
	padding:0;
	margin:5px 0 15px 0;
	visibility:visible;
	z-index:999;	
}

.testo_pg h2 {                       
    font-family: Verdana, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
    text-transform: normal;
    letter-spacing: normal;
    line-height: 1.3em;
	color: #d5e04d;
	padding:0;
	margin:5px 0 15px 0;
	visibility:visible;
	z-index:999;
}

h3 {                       
    font-family: Verdana, sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: normal;
    text-transform: normal;
    letter-spacing: normal;
    line-height: 1.3em;
	color: #313131;
	padding:0;
	margin:5px 0 15px 0;
	visibility:visible;
	z-index:999;
}

#titlebarra{
	padding:5px 0 0 0; 
	margin:5px 10px 0 0; 
	text-align:left;	
	border-top:1px dashed #afb5b3	
}
   
/**********************************************/
#contatti-sx {
    float:left;
	color:#ffffff;
}
#contatti-dx {
    float:right;
	
}
.contatti-xx {
    clear:both ;
}

.contatti_td_sx{text-align:right; padding-right:6px; color:#ffffff;}
.contatti_td{width:50px;text-align:right; padding-right:6px;color:#ffffff;}
.contatti_edit {   
    font-family:Arial, Tahoma, Verdana, Sans-Serif;
    font-size:11px;
    color:#313131;
    border:1px solid #9c9c9c;
    width:180px;
    background-color:#EAEAEA;
}
.contatti_textarea {   
    font-family:Arial, Tahoma, Verdana, Sans-Serif;
    font-size:11px;
    color:#313131;
    border:1px solid #9c9c9c;
    background-color:#EAEAEA;
    height:70px;
    width:99%;
    overflow:auto;
}
.contatti_submit {
    font-family:Arial, Tahoma, Verdana, Sans-Serif;
    font-size:11px;
    color:#313131;
    border:1px solid #9c9c9c;
    width:50px;
    background-color:#EAEAEA;
    cursor:pointer;
}

.cnt_input {
    padding:4px 3px 2px 3px;
    margin:0;
}


/**********************************************************/
/*******************   GALLERIA  *******************/
/**********************************************************/
ul.thumbs {
	list-style: none;
	margin: 0;
	position: relative;
	float: left;
	width:370px;
	height:160px;
	padding: 2px;
	border-bottom:1px solid #555555;
}
	
ul.thumbs li {
	display: block;
	float: left;
	margin: 3px 3px 3px 0;
		list-style: none;
}
		
ul.thumbs li a {
	display: block;
	border: 2px #555555 solid;
	/*-moz-border-radius: 5px;
	-webkit-border-radius: 5px;*/
	line-height: 0;
}

ul.gallery li a img {
    border:0;
    /*height:150px;*/
}



div.navigation a.pageLink {
	height: 77px;
	line-height: 77px;
}

div.navigation a.pageLink {
	display: block;
	position: relative;
	float: left;
	margin: 2px;
	width: 16px;
}

div.navigation a.pageLink:focus {
	outline: none;

}

div.navigation a.prev {
	background-image: url(../images/button-prev.png);
	width:30px;
	height:30px;
	margin:5px 0 0 0;
	padding:0;
}
div.navigation a.next {
	background-image: url(../images/button-next.png);
	width:30px;
	height:30px;
	margin:5px 0 0 310px;
	padding:0;

}


/*ul.gallery li a[title]:hover {display:none}*/
			
ul.gallery li a:hover { border: 2px #FFF solid; background-color:#b5bd13; }