/*****Basic Elements
Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc.
*****/

html {
	background: url(../../images/bg-html.gif) 50% 0;
	background-attachment: ;
	
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.4em;
	color: #333;
	background: url(../../images/bg-body.gif) 50% 0 no-repeat;
	background-attachment:fixed;
}

#contentPage {
	border-top: 5px solid #900;
	}

em.underline {
	color: #fff;
	font-weight: 700;
}
/*****Generic Classes
Define styles for simple things like floating to the sides, removing a bottom margin on elements, etc
Yes, these may not be as semantic as we would all like, but they are necessary for coding efficiently 
*****/

html {
	overflow:-moz-scrollbars-vertical;
}
a {
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#900;
	font-weight: 700;
	padding: 5px;
	text-decoration: underline;
}

a:active, a:focus {
	outline:none;
	position:relative;
	top: 1px;
}

a:hover {
	color: #F00;
	cursor: pointer;}

a:visited {
	color: #000;}

a img {
	border: none;
}
/* shims */
.floatleft {
	float: left;
}
.floatright {
	float: right;
}
.clear {
	clear: both;
}
.hidden {
	visibility: none;
}
.bye {
	display: none;
}
.textleft {
	text-align: left;
}
.textright {
	text-align: right;
}
.textcenter {
	text-align: center;
}
.b {
	font-weight: 700;
}
.i {
	font-style:italic;
}

.n { font-style: normal;}

.u { text-decoration: underline;}

.mBottom {margin-bottom: 20px;}

.mTop {	margin-top: 20px;}
/*form css*/

/* Here's our form stuff */
fieldset {clear: both;}
legend {padding: 0 0 1.286em; font-size: 1.167em; font-weight: 700;}
fieldset fieldset legend {padding: 0 0 1.5em; font-size: 1em;}
* html legend {margin-left: -7px;} /* ie6 */
*+html legend {margin-left: -7px;} /* ie7 */

form .field, form .buttons {clear: both; margin: 0 0 1.5em;}
form .field label {display: block;}
form ul.fields {margin: 0 0 1.5em; padding: 0;}
form ul.fields li {list-style-type: none; margin: 0;}
form ul.inline li, form ul.inline label {display: inline;}
form ul.inline li {padding: 0 .75em 0 0;}

input.radio, input.checkbox {vertical-align: top;}
label, button, input.submit, input.image {cursor: pointer;}
* html input.radio, * html input.checkbox {vertical-align: middle;} /* ie6 */
*+html input.radio, *+html input.checkbox {vertical-align: middle;} /* ie7 */

textarea {overflow: auto;}
input.text, input.password, textarea, select {margin: 0; font: 2em/1.3 Helvetica, Arial, "Liberation Sans", "Bitstream Vera Sans", sans-serif; vertical-align: baseline;}
input.text, input.password, textarea {border: 1px solid #CCC; padding: 2px;}

textarea { font-size: 1em;}
/* horizontal layout */
form.horizontal .field {padding-left: 150px;}
form.horizontal .field label {display: inline; float: left; width: 140px; margin-left: -150px;}

/* end form */


.replace, #menuPrincipal a, .signTitle, #menu-footer li a{
	display: block;
	float: left;
	font-size: 1px;
	text-indent: -9000px;
}

/* bg */

.slice00, #menuSecundar, #menuPrincipal a, .signTitle, .more, .more span, .other, .other span, #menu-footer li a {
	background-image: url(../../images/slice-01.png);
}
/* typo */

h1, h2, h3 {
	color: #900;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 1.3em;
	
	text-shadow: #fff 0px 1px 0px;}

h1 {
	font-size: 30px
}
h2 {
	font-size: 28px;
	
}
h3 {
	font-size: 24px;
}
h4 {
	
}
h5 {
}
h6 {
}
p {
}
em {
	float:left;
	font-size: 16px;
}
	
blockquote.mLeft {
	margin-left: 90px;}

#mostreHome li {
	padding: 10px 0 20px 0; }

#mostreHome p {
	clear:both;}

#mostreHome em {
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#666;
	font-size: 20px;
	line-height: 2.5em;
	}

#mostreHome a {
	font-family: Verdana, Geneva, sans-serif;
	padding: 0;
	font-weight: 400;
	}

#mostreHome p a {
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	font-style: italic;
	font-weight: 700;}


	

/*****Header*****/
#header {
}

/* menu */

#home-page #menuSecundar, #home-page #bredkrumbs { display: none;}

#menuPrincipal a.active, #menuSecundar a.active {
	cursor: default;}

#menuPrincipal {
	padding: 20px 0 10px 0;
	overflow: hidden;}

#menuPrincipal a {
	width: 120px;
	height: 80px;
	padding: 0;}

#menuPrincipal a#artista {
	background-position: -160px 0;}

#menuPrincipal a#artista:hover {
	background-position: -160px -80px;}

#artista-page #menuPrincipal a#artista {
	background-position: -160px -160px;}

#menuPrincipal a#news {
	background-position: -40px 0;}

#menuPrincipal a#news:hover {
	background-position: -40px -80px;}

#menuPrincipal a#news.active {
	background-position: -40px -120px;}

#menuPrincipal a#home {
	width: 240px;
	background-position: -280px 0;}

#menuPrincipal a#home:hover {
	background-position: -280px -80px;}

#home-page #menuPrincipal a#home {
	background-position: -280px -160px;}

#menuPrincipal a#gallery {
	background-position: -520px 0;}

#menuPrincipal a#gallery:hover {
	background-position: -520px -80px;}

#gallery-page #menuPrincipal a#gallery {
	background-position: -520px -160px;}

#menuPrincipal a#contact {
	background-position: -640px 0;}

#menuPrincipal a#contact:hover {
	background-position: -640px -80px;}

#contact-page #menuPrincipal a#contact {
	background-position: -640px -160px;}


#menuSecundar { background-position: 50% -480px; height: 50px; line-height: 55px;}

#menuSecundar li.first { margin-left: 145px;}

#menuSecundar li, #bredkrumbs li { float: left;}

#menuSecundar li a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	text-decoration: none;
	color: #000;
	font-weight: 400;
	text-shadow: #fff 0px 1px 0px;
	font-size: 18px;
	padding: 0 20px;
	
	/* ie shadow */
}

#menuSecundar li a:hover {
	color: #900;}

#menuSecundar li a.active {
	color: #900;
	text-decoration:underline;
	}

#bredkrumbs {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size: 12px;
	padding: 15px 0 30px 0;
	
	text-shadow: #fff 0px 1px 0px;}

#bredkrumbs a {
	color: #900;
	text-decoration: none;
	font-weight: 700;
	}
/* end menu*/


/*  mostre  */

.exhibition {
	padding: 0 0 20px 0;
	overflow: hidden;
	margin-top: 10px;
	}

.exhibition h2, .shapou h2{

	}

.exhibition li {
	padding: 10px 0;
	clear: both;}

.exhibition p {
	color: #464646;
	font-size: 15px;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 1.5em;
	padding-left: 70px;
	}

.year {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 25px;
	font-weight: 400;
	font-style: italic;
	color: #000;
	display: block;
	float: left;
	width: 70px;}

.places {
	color: #000;
	font-weight: 700;
	color: #900;}
	
/*  la vita  */

.shapou {
	background: #e6e7f2;
	overflow: hidden;}

.shapou h2, .shapou em {
	 padding: 20px 20px 0px 20px}

.shapou em {
	display: block;
	color: #666;
	font-style: italic;
	font-size: 14px;
	line-height: 1.5em;
	word-spacing: 0.1em;
	letter-spacing: 0.02em;}

.shapou p {
	float: left;
	padding: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	line-height: 1.4em;
	}

.shapou .imagesRight {
	text-align: center;
	}

.more, .more span, .other, .other span {
	height: 32px;
	display: block;
	float:left;
	padding: 0;
	line-height: 32px;
	color: #FFF;
	font-style:italic;
	font-weight: 700;
	font-family: Georgia, "Times New Roman", Times, serif;}

.more:hover span, .other:hover { text-decoration: underline; color: #FFF;}

.more {	
	margin-left: 20px;
	text-decoration: none;}

.more span, .other span {
	padding: 0 20px 0 0;
	margin: 0 0 0 20px;}

.other {
	background-position: -930px -200px;
	background-repeat: no-repeat;
	text-decoration: none;
	}

.other span {
	background-position: 100% -240px;
	}

.more {
	background-position: 0 -280px;
	
	}

.more span {
	background-position: 100% -280px;
	}

.imagesRight img {
	margin: 20px 0 0 0;}

.imagesRight span {
	margin: 0 0 20px 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 12px;
	line-height: 2em;
	display: block;
	overflow: hidden;
	float: left;
	width: 100%;
	text-align: center;}

.signTitle {
	background-position: 0px -530px;
	height: 80px;
	width: 90px;
	background-repeat: no-repeat;
	}

blockquote {
	width: 870;
	overflow: hidden;
	}

.firstColumn, .secondColumn  {
	width: 380px;
	padding: 20px;
	display: block;
	float:left;}

.firstColumn {
	margin-right: 30px;}



.author {
	background: url(../../images/border.gif) repeat-x;
	padding: 15px 0;
	margin-top: 10px;
	text-align:right;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	}

#home-page .author {
	background-image: none;
	margin-top: 0;
	padding: 5px 0;
	margin-bottom: 20px;}

/* slider */

.slider {
	width: 1000px;
	background: url(../../images/frame.png) 0 50% no-repeat;
	height: 560px;
	margin: 0 auto 0;
	padding: 0;
	}

/*** set the width and height to match your images **/
#slideshow {
	margin: 47px 23px;
    position:relative;
    height:387px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

/** gallery **/

.name { font-size: 11px; font-weight: 700; color: #900; float:none; }
.year-g { color: #333; font-family: Georgia, "Times New Roman", Times, serif; font-size: 15px;}
.dimension { font-family: Georgia, "Times New Roman", Times, serif; font-size: 15px; color: #999;}
.technique { color: #333;}
.sell { color:#F00}

.thumbList { padding: 0 0 50px 0; overflow: hidden; background:;}

.thumbList li {
	/*border-bottom:1px solid #d78268;
	border-right:1px solid #f5b7a3;*/
	display:block;
	float:left;
	height:250px;
	padding: 10px 0;
	position:relative;
	text-align:center;
	width:320px;
}

.thumbList li.nr3 {
	border-right:medium none;
}
.thumbList a {
	display:inline-block;
	height:200px;
	line-height: 200px;
	text-decoration: none;
}
.thumbList li p {
	font-size: 12px;
	padding: 0 20px;
}
.thumbList a img {
	margin-top:35px;
	border:4px solid;
	border-color: #CCC;
}
.thumbList a:hover img {
	border-color: #2a2a2a;
}
.thumbList li.last {
	border-bottom:medium none;
}

/* end gallery */


/*****Footer*****/

#footer {
	background: #000;
	height: 240px;}



#footer h4, #footer h5 {
	color: #900;
	line-height: 2em;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-top: 20px;}

#footer h4 {
	font-size: 1.8em;
	
	}

#footer h5 {
	font-size: 1.5em;}

#footer a {
	color: #FFF;
	font-weight: 400;
	font-style:italic;
	text-decoration: none;
	line-height: 1.6em;
	}

#contact-info-footer {
	text-align: right;
	padding: 0 30px 0 0;}

#menu-footer {
	margin-top: 10px;}

#menu-footer li a {
	height: 50px;
	float:left;
	padding: 0;
	}


#menu-footer #home {
	background-position: 0 -320px;
	width: 75px;
	}
#menu-footer #home:hover {
	background-position: 0 -420px;
	}

#home-page #menu-footer #home {
	background-position: 0 -370px;
	}

	
#menu-footer #artista {
	background-position: -75px -320px;
	width: 100px;
	}
#menu-footer #artista:hover {
	background-position: -75px -420px;
	}
#artista-page #menu-footer #artista {
	background-position: -75px -370px;
	}


	
#menu-footer #news {
	background-position: -175px -320px;
	width: 80px
	}
#menu-footer #news:hover {
	background-position: -175px -420px;
	}
#news-page #menu-footer #news:hover {
	background-position: -175px -370px;
	}


#menu-footer #gallery {
	background-position: -255px -320px;
	width: 105px;}
#menu-footer #gallery:hover {
	background-position: -255px -420px;}

#gallery-page #menu-footer #gallery {
	background-position: -255px -370px;}

#menu-footer #contact {
	background-position: -360px -320px;
	width: 95px;
	}
#menu-footer #contact:hover {
	background-position: -360px -420px;}

#contact-page #menu-footer #contact {
	background-position: -360px -370px;}