/* Copyright Muchachamaca SCP, Spain - All rights reserved */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}	/* apply this class to a div that has imgs stretching it

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

html { overflow-y: scroll; }	/* force vertical scrollbar in FireFox */

body, td, th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}

body {
	margin-left: 30px;
	margin-top: 30px;
	padding-top: 0px;
	background-color: white;
	width: 930px;
	position: relative;	/* make absolutely positioned children calculate their co-ordinates from the centered body, not the window */
}

tr {
	vertical-align: top;
}

h1 {
	font-size: 12px;
	font-weight:bold;
	margin: 0;
	padding: 0;
}

h2, h3, h4 {
	font-size: 11px;
	font-weight:bold;
	margin: 0;
	padding: 0;
}

p {
	margin: 0;
	padding: 0;
}

.gris_9, .gris_9 a, .gris_9 a:hover{ color:#999;}

.hidden {
	position: absolute;
	visibility: hidden;
	margin-top: -10000px;
}

#leftcolumn {
	float: left;
	clear:right;
	width: 370px;
	text-align: justify;
	margin: 0 10px 0 0;
}

#rightcolumn {
	float: right;
	clear:right;
	width: 340px;
}
#logo {
	font-size: 12px;
	line-height: 1.2em;
	}

#langmenu {
	float: right;
	text-align:right;
	margin-top: 9px;
}
#langmenu a:link { color: #666666; text-decoration: none; }
#langmenu a:visited { color: #666666; text-decoration: none; }
#langmenu a:hover { color: #666666; text-decoration: none; }
#langmenu a:active { color: #666666; text-decoration: none; }

#menu {
	position: relative;
	float: left;
	clear: both;
	width: 830px;
	height: auto;
	margin: 2px 0 55px 0 !important;
	padding: 0px;
	overflow: visible;
	border-bottom: 1px solid #999;
}
.menul {
	position: relative;
	float: left;
	overflow: hidden !important;
	overflow: visible;
	width: 270px;
	margin: 0 0 3px 0;
	padding: 0;
	line-height: 1.3em;}

.menur {
	position: relative;
	clear:right;
	float: right;
	text-align:right;
	overflow: visible;
	width: 400px;
	margin: 2px 0px 0px 0px;
	padding: 0px;
}

ul.menur { 
    list-style: none; 
} 

ul.menur li{
 	float: right;
	list-style: none;
	margin-left: 15px;
	padding: 0;
	display: inline;
}

ul.menur li a {
	text-decoration:none;
}

ul.menur li a:hover {
	text-decoration:none;
	color: #999999;
}

li#active{
 	color:#CCCCCC;
}

.li_es_special {
	letter-spacing: normal;
	margin-right: 50px;
	padding: 6px 0;
	border-left: 1px dotted #919191;
	color: #919191;
	font-size: 9px;
}


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

#face {
	position: relative;
	float: left;
	clear: both;
	text-align: left;
	margin: 0;
	width: 830px;
	background-color: white;
}

a:link { color: black;  text-decoration: none; }
a:visited { color: black;  text-decoration: none; }
a:hover { color: #999999;  text-decoration: none; }
a:active { color: #CCCCCC;  text-decoration: none; }

.hilite_underline a:link { text-decoration: none; }
.hilite_underline a:visited { text-decoration: none; }
.hilite_underline a:hover { text-decoration: none; }
.hilite_underline a:active { text-decoration: none; }

.hilite_red a:link { text-decoration: none; }
.hilite_red a:visited { text-decoration: none; }
.hilite_red a:hover { text-decoration: none; color: red; }
.hilite_red a:active { text-decoration: none; }

/*-----------------------*/

.expo_section {
	margin: 30px 4px 0 15px;
	position: relative;
}
.expo_section h1 {
	font-size: 12px;
	font-weight: bold;
	color: black;
	margin-bottom: 1em;
	padding-bottom: 0;
}
.expo_section h2 {
	font-size: 11px;
	font-weight: bold;
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 0.5em;
	padding-bottom: 0;
	color: black;
}

.expo_info {
	width: 320px;
}

/*
.expo_images {
	float: right;
	position: absolute;
	right: 0;
	bottom: 0;
	margin-left: 20px;
}
*/
.expo_images {
	float: right;
	margin-left: 20px;
}

.expo_caption {
	font-size: 11px;
	text-align: right;
}

.expo_browse {
	font-size: 11px;
	text-align: right;
	margin-top: 5px;
}

.expo_presslinks {
	margin-left: 15px;
}
.expo_presslinks a:link { text-decoration: none; }
.expo_presslinks a:visited { text-decoration: none; }
.expo_presslinks a:hover { text-decoration: none; color:#999999;}
.expo_presslinks a:active { text-decoration: none; color:#CCCCCC; }

.expo_list_arrow {
	position: absolute;
	visibility: hidden;
	margin-top: -1000px;
	margin-left: -15px;
}

.expoName {
	margin-top: 10px;
	font-weight: bold;
}

.expoName li a {
	color: black;
	font-weight: bold;
}
.expoName a:link { text-decoration: none; }
.expoName a:visited { text-decoration: none; }
.expoName a:hover { color: #999999; text-decoration: none; }
.expoName a:active { text-decoration: none; color:#CCCCCC;}

.expoInfo {
	display: inline;	/* to avoid bug in IE with empty innerHTML, generating a blank like */
	width: 320px;
}
.expoInfo p {
	text-align: justify;
}

/*-----------------------*/

.artist_list {
	width: 200px;
}

.artist_list li {
	font-size: 12px;
	list-style: none;
	margin-bottom: 10px;
}

.artist_list li a {
	color: black;
}
.artist_list li a:link { text-decoration: none; }
.artist_list li a:visited { text-decoration: none; }
.artist_list li a:hover { color: #999999; text-decoration: none; }
.artist_list li a:active { color: #CCCCCC; text-decoration: none; }

.artist_list_arrow {
	position: absolute;
	visibility: hidden;
	margin-top: -1000px;
	margin-left: -15px;
}

.artistName {
	margin-bottom: 20px;
	font-size:11px;
	font-weight: bold;
	height: 75px;
}

.artistNameL {
	float:left;
	margin-right:15px;
}

.artistNameR {
	float:left;
}

.artistNamePic {
	float:left;
	margin-right:5px;
}

.artistName li a {
	color: black;
	font-weight: bold;
}
.artistName a:link { text-decoration: none; }
.artistName a:visited { text-decoration: none; }
.artistName a:hover { color: #999999; text-decoration: underline; }
.artistName a:active { color: #CCCCCC;  text-decoration: none; }

#artistFrame {
	position: absolute;
	visibility: hidden;
	margin-top: -10000px;
	top: 70px;
	margin-left: 40px;
	width: 675px;
	border: 1px solid #919191;
	background-color: white;
	padding: 1px 0;
}

#artistInfo {
/*	display: inline;	*/	/* to avoid bug in IE with empty innerHTML, generating a blank like */
	margin: 0;
	padding: 0;
	margin-top: 15px;
	height: 475px;
}
.artistPage {
/*	display: inline;	*/	/* to avoid bug in IE with empty innerHTML, generating a blank like */
	padding: 0 10px 5px 32px;
	position: relative;
}
#artistInfo p {
	text-align: justify;
}

.artistSubPanel {
	width: 500px;
	overflow: auto;
}

.artistCatalog {
}

.prod_thumb{
	margin: 5px 10px 5px 0px;
	border: none;
}

.prod_img{
	float: left;
	margin-right: 15px;
}

#thumbnails_box{
	position: relative; 
	float: left; 
	width: 700px;
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
	margin-bottom: 15px;
}

.artistPress {
	margin: 0px 15px 0 20px;
	font-size: 12px;
}
.artistPress a:link { text-decoration: none; }
.artistPress a:visited { text-decoration: none; }
.artistPress a:hover {color: #999999;  text-decoration: none; }
.artistPress a:active { color: #CCCCCC; text-decoration: none; }

.artistProjects {
	margin: 20px 15px 0 40px;
}

/*
.artistInfo {
 	position: absolute;
	visibility: hidden;
	margin-top: -1000px;
	top: 108px;
	width: 500px;
	margin-left: 200px;
	text-align: justify;
}
*/
.artistTitle {
	font-size: 13px;
}
.artistTitle a:link { text-decoration: none; }
.artistTitle a:visited { text-decoration: none; }
.artistTitle a:hover { color: #999999; text-decoration: none; }
.artistTitle a:active { color: #CCCCCC; text-decoration: none; }

.artistInfo h1 {
	margin-top: 0px;
	margin-bottom: 1.2em;
	font-size: 12px;
	font-weight: bold;
	color: black;
}

.artistPhoto {
/*	float: left;*/
	margin: 7px 10px 0 0;
}

.artistMenu {
/*	position: absolute; */
	border-top: 1px dotted #919191;
	border-bottom: 1px dotted #919191;
	text-align: right;
	width: 104px;
	margin: 20px 0 0 0;
	padding: 8px 0 3px 0;
}

.artistMenu ul {
	list-style-type: none;
/*	line-height: 2.5em;*/
	margin: 0;
	padding: 0;
	padding-right: 5px;
	text-indent: 0;
}

.artistMenu li {
	list-style-type: none;
/*	line-height: 2.5em; */
	margin: 0;
	padding: 0;
	margin-bottom: 6px;
	text-indent: 0;
}

.artistMenu a:link { text-decoration: none; }
.artistMenu a:visited { text-decoration: none; }
.artistMenu a:hover { color: #999999;  text-decoration: none; }
.artistMenu a:active { color: #CCCCCC; text-decoration: none; }

.artistImages {
	float: right;
	width: 360px;
	margin-left: 20px;
}

.artistCaption {
	font-size: 9px;
	line-height: 1.5em;
	margin-bottom: 5px;
}

.artistLargeImage {
	position: relative;
	float:left;
	text-align: center;
}

.artistThumbs {
	margin-left: 10px;
}
.artistThumbs img {
	cursor: pointer;
}

.artistProductInfo {
	width: 165px;
	margin-right: 15px;
}

.artistProjectThumbs {
	margin-left: 10px;
}
.artistProjectThumbs img {
	cursor: pointer;
}

.artistProjectInfo {
	width: 165px;
	margin-right: 15px;
}

.jc_thumbnail {
	border: none;
	margin-right: 7px;
}

/*-----------------------*/

.linea_bottom{
	border-bottom: 1px dotted #919191;
}

.showroomMenu {
/*	position: absolute; */
	text-align: left;
	width: 125px;
	margin: 10px 0 10px 0;
	padding: 5px 0 5px 0;
}

.showroomMenu ul {
	list-style-type: none;
/*	line-height: 2.5em;*/
	margin: 0;
	padding: 0;
	padding-right: 5px;
	text-indent: 0;
}

.showroomMenu li {
	list-style-type: none;
/*	line-height: 2.5em; */
	margin: 0;
	padding: 0;
	margin-bottom: 6px;
	text-indent: 0;
	font-size: 11px;
	font-weight: bold;
}
.showroomMenu li#active a{
	color: #CCCCCC;
}	

#showroom_thumbnails{
	position: relative; 
	float: left; 
	width: 700px;
	padding-bottom: 10px;
	margin-bottom: 15px;
}

.showroom_prod_thumb{
	margin: 5px 15px 35px 0px;
	border: none;
}
/*-----------------------*/

.newsheader {
	margin: 1px 0 15px 0px;
}
.newsheader a:link { text-decoration: none; }
.newsheader a:visited { text-decoration: none; }
.newsheader a:hover { color: #999999; text-decoration: none; }
.newsheader a:active { color: #CCCCCC; text-decoration: none; }
.newsheader p {
	margin: 0;
	padding; 0;
}
.news_arrow {
	position: absolute;
	margin-left: -15px;
	margin-top: 3px;
}

.news_title {
	font-weight: bold;	
}
.news_title a:link { text-decoration: none; }
.news_title a:visited { text-decoration: none; }
.news_title a:hover { color: #999999;  text-decoration: none; }
.news_title a:active { color: #CCCCCC; text-decoration: none; }

.news_brief {
	margin-top: 3px;
}

/*-----------------------*/

#bottommenu {
	color: #919191;
	font-size: 10px;
	text-align: left;
}
#bottommenu a:link { text-decoration: none; color: #999999; }
#bottommenu a:visited { text-decoration: none; color: #999999; }
#bottommenu a:hover { text-decoration: none; color: #999999; }
#bottommenu a:active { text-decoration: none; color: #CCCCCC; }

/*---------------------------*/

#item_added {
	color: red;
}

.button_borrar {
}

.button_borrar a {
	font-size: 9px;
	color: #666666;
}

.button_borrar a:link { text-decoration: none; }
.button_borrar a:visited { text-decoration: none; }
.button_borrar a:hover { text-decoration: none; color: #999999; }
.button_borrar a:active { text-decoration: none; color: #CCCCCC; }

.cart_table {
}
.cart_table table {
	font-size: 9px;
	margin: auto;
	padding: 0;
}
.cart_table th {
	font-size: 9px;
	padding-bottom: 3px;
	padding-left: 15px;
	text-align: left;
}
.cart_table td {
	padding-top: 6px;
	padding-bottom: 3px;
	padding-left: 15px;
	border-top: 1px dotted #919191;
	text-align: left;
}

.cart_client_info {
	font-size: 12px;
}

.cart_client_info_col1 {
	text-align: right;
	padding-right: 10px;
}
.cart_client_info_col2 {
	width: 300px;
	text-align: right;
}

/*---------------------------*/

.footer {
	text-align: right;
	font-size: 9px;
	color: #666666;
}

.footer a:link { color: #666666; text-decoration: none; }
.footer a:visited { color: #666666; text-decoration: none; }
.footer a:hover { color: #666666; text-decoration: underline; }
.footer a:active { color: #666666; text-decoration: none; }
