/***********************************************/
/* Ethra Galeria                               */
/* www.galeriaethra.co                         */
/* CSS style sheet                             */
/* jldorta@gmail.com                           */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 
body {
	background-color: #FFFFFF;
	color: #666666;
	font-size: 12px;
	font-family: Helvetica, sans-serif, serif, Verdana, Arial;
	padding: 0px;
	margin: 0px;
	text-align: center;
	width: 100%;
}

div, table, td, tr {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	text-align: left;
}

p {
	text-align: left;
	margin: 0px 5px 12px;
	font-size: 12px;
	color: #000000;
}

a, a:link, a:visited {
	color: #333333;
	text-decoration: none;
	font-weight: normal;
}

a:hover {
	color: #555555;
	text-decoration: underline;
	font-weight: normal;
}

	a img {
		border: none;
	}
	
h1, h2, h3, h4, h5, h6 {
  margin: 5px 0px 10px;
  padding: 0px;
  font-family: Helvetica, sans-serif, serif, Verdana, Arial;
  color: #333333;
}

h1 {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: bold;
  color: #333333;
}
h2 {
  font-size: 12px;
  text-transform: uppercase;
}

h3 {
  font-size: 16px;
  text-transform: none;
  font-weight: bold;
}

h4, h5, h6 {
  font-size: 10px;
}

ul {
	margin: 0px;
	padding: 0px;
	list-style: circle;
}
	
	ul li, li {
		margin: 0px 0px 0px;
		padding: 0px 15px;
	}

pre {
	letter-spacing: 0.03em;
	word-spacing: 0px;
}

/***********************************************/
/* HTML Forms                                  */
/***********************************************/ 
.input_area, .input_text {
	width: 94%;
	border: 1px solid #333333;
	color: #333333;
	font-family: Helvetica, Arial, Verdana;
	font-size: 10px;
}

.input_submit {
	color: #FFFFFF;
	background-color: #993366;
	border: 1px solid #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	font-family: Helvetica, Arial, Verdana;
	vertical-align: middle;
}

.select_submit, select {
	border-color: #333333;
	color: #333333;
	font-family: Helvetica, Arial, Verdana;
	font-size: 10px;
	vertical-align: top;
}

/***********************************************/
/* CUSTOM tag styles                           */
/***********************************************/ 
#headercontainer {
	width: 99%;
	text-align: left;
	padding: 0px;
	margin: 0px;
	height: 110px;
	margin-top: 20px;
}

#body_bg {
	background-image: url(../images/background_image.jpg);
	background-repeat: repeat-x;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}

#bodycontainer_home {
	background-image: url(../images/background_home.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 100%;
	
}
#bodycontainer {
}

#bodycontainer-bottom {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	background-color: #CCCCCC;
	margin-bottom: 0px;
}

#bannercontainer {
	margin-left:auto;
	margin-right:auto;
	margin-top: 0px;
	margin-bottom: 0px; 
	width: 900px;
	border: none;
	padding: 0px;
}

.pagecontainer {
	margin-left:auto;
	margin-right:auto;
	margin-top: 0px;
	margin-bottom: 0px; 
	width: 800px;
	border: none;
	padding: 0px 0px;
}

	#topcontent {
		height: 90px;
	}
	#logo {
		width: 230px;
		margin: 10px 0px 0px;
		padding: 0px;
		float: left;
	}
	
	#userbox {
		width: 330px;
		margin: 25px 0px 0px;
		padding: 0px;
		float: right;
	}
	
		#userbox .user_submit {
			text-transform: uppercase;
			font-size: 12px;
		}
		
		#userbox h3 {
			font-size: 16px;
			text-align: left;
			color: #333333;
			padding: 0px;
			margin: 0px;
			text-transform: uppercase;
		}
		
		#userbox a {
			color: #833F7A;
		}
#mainmenu {
	float: left;
	text-align: center;
	width: 100%;
	overflow: hidden;
}
	#mainmenu ul {
		list-style: none;
		margin: 0px;
		margin-left: auto;
		margin-right: auto;
	}
	
		#mainmenu ul li {
			display: inline;
			margin: 0px;
			padding: 0px 10px;
		}
		
		#mainmenu ul li a {
			font-size: 13px;
		}
		#mainmenu ul .active a {
			font-weight: bold;
			font-size: 13px;
		}
	
#maincontainer {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	padding: 0px;
	float: left;
	overflow: hidden;
	position: relative;
}
	
	#randomheader {
		width: 400px;
		position: relative;
		overflow: hidden;
		float: right;
		margin-right: 20px;
		text-align: center;
        margin-top: 8px;
	}
	
	#maincontainer img {
		margin: 0px auto;
	}
	
	#maincontainer #home_content {
		float: left;
		clear: left;
		width: 400px;
		padding: 0px;
		margin-top: 20px;
	}
	
	#maincontainer #leftcontent {
		float: left;
		width: 380px;
		padding-top: 20px;
	}
	
	#maincontainer #centercontent {
		float: left;
		width: 340px;
		text-align: left; 
        margin-top: 12px;
	}
	
	#maincontainer #content {
		float: left;
		clear: left;
		width: 480px;
		padding: 0px 0px 0px 20px;
		margin: 5px 0px 20px;
	}
	
		#maincontainer #content h1 {

		}
		
		#maincontainer #content h3 {
		 
		}
		
		#maincontainer #content .left_image {
			float: left;
			margin-right: 5px;
			margin-bottom: 5px;
			border: none;
		}
		
		#maincontainer #content .right_image {
			float: left;
			margin-left: 5px;
			margin-bottom: 5px;
			border: none;
		}
		
		#maincontainer #content img {
			border: none;
		}
		
		#maincontainer #maincontent {
			color: #FFFFFF;
			width: 320px;
			margin: 60px 0px 0px 20px !important;
		}
		
			#maincontainer #maincontent a{
				color: #FFFFFF;
			}
			
		#maincontainer .link {
			background-image: url(../images/vineta_ft.gif);
			background-position: 0px 2px;
			background-repeat: no-repeat;
			padding-left: 10px;
		}
		
		.page_text p {
			line-height: 24px;
		}
		
#footer {
	width: 100%;
	margin: 10px 0px 0px;
	padding: 10px 0px 5px;
	text-align: center;
}

	
	#bottommenu {
		margin: 0px auto 0px auto;
		padding: 0px;
		text-align: center;
		float: left;
		width: 270px;
		background-image: url(../images/ft_separator.gif);
		background-repeat: repeat-y;
		background-position: left;
		height: 95px;
	}
	
		#bottommenu ul {
			margin: 5px auto 10px;
			list-style: none;
			text-align: left;
			width: 150px;
		}
		
			#bottommenu ul li {
				margin: 0px;
				padding: 0px;
				height: 23px;
				line-height: 23px;
				vertical-align: middle;
			}
			
		#bottommenu a:link, #bottommenu a:visited {
			padding: 0px;
			margin: 0px 2px;
			font-weight: normal;
			font-size: 10px;
			height: 20px;
			background-image: url(../images/vineta_ft.gif);
			background-position: 0px 1px;
			background-repeat: no-repeat;
			padding-left: 15px;
		}
		
		#bottommenu a:hover {
			padding: 0px;
			margin: 0px 2px;
			font-weight: normal;
			font-size: 10px;
			height: 20px;
			background-image: url(../images/vineta_ft.gif);
			background-position: 2px 1px;
			background-repeat: no-repeat;
			padding-left: 15px;
		}
	
	#footer .address {
		width: 100%;
		margin: 5px 0px;
		text-align: center;
		font-size: 11px;
	}
	
	#footer .description {
		width: 100%;
		margin: 5px 0px;
		text-align: center;
		font-size: 9px;
	}
	
	#footer p {
		text-align: left;
		font-weight: normal;
		font-size: 10px;
	}
	
.more {
	float: right;
	clear: right;
	color: #CBA45D;
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
	width: 100%;
	text-align: right;
}

.more a:link, .more a:visited{
	float: right;
	clear: both;
	color: #1F145A;
	margin-bottom: 10px;
	margin-right: 10px;
	font-size: 11px;
	font-weight: bold;
}

.more a:hover{
	float: right;
	clear: both;
	color: #1F145A;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
}

.searchmore {
	float: right;
	clear: right;
	width: 100%;
	text-align: right;
	padding-right: 100px;
	margin: 10px 0px;
}
.contact_info {
	text-align: right;
}

.botton {
	background-color: #286FD3;
	color: #FFFFFF;
	border: 1px solid #0099CC;
	padding: 0px 10px;
	font-size: 14px;
	font-weight: bold;
	font-family: Helvetica, Arial, Verdana;
}

.text_edit {
	font-size: 9px;
	margin: 0px 5px;
}

.end {
	clear: both;
	font-size: 1px;
	line-height: 1px;
	height: 1px;
}

.bigend {
	clear: both;
	font-size: 10px;
	line-height: 10px;
	height: 10px;
}

.error {
	color: #FF0000;
}

.yui-tt {
	visibility: hidden;
	position: absolute;
	color :#EEEEEE;
	background-color: #666666;
	font-family: verdana,arial,helvetica,sans-serif;
	padding: 2px;
	border: 1px solid #666666;
	font: 100% verdana;
	font-size: 10px;
	width: auto;
	text-align: center;
}

#map {
	float: left;
	clear: left;
	color: #003399;
	margin-left: 10px;
}

	#map li {
		margin: 6px 20px;
		padding-left: 10px;
		color: #003399;
	}

.readmore {
	text-align: right;
}

	.readmore a, .readmore a:link, .readmore a:visited, .readmore a:hover {
		font-size: 11px;
		font-weight: normal;
	}
			

.homecontent, #artistheader {
	font-size: 17px;
	line-height: 26px;
	margin-top: 110px;
	padding-right: 40px;
	color: #FFFFFF;
}

	#artistheader p {
		font-size: 13px;
		color: #FFFFFF;
		width: 350px;
		line-height: 20px;
	}
	
	#maincontent p {
		color: #FFFFFF;
	}

.artist {
	float: left;
	margin-right: 20px;
	margin-bottom: 30px;
	text-align: center;
}
	
.obra {
	margin-right: 20px;
}

.obra_thumbnail {
	float: left;
	margin-right: 10px;
}

.tematica {
	float: left;
	width: 154px;
	margin: 0 2px;
}

.tematica h3{
	margin: 5px 0px;
}

	.tematica .more a{
		font-size: 10px;
	}
	
.clientes {
	width: 475px;
	border: none;
}
	.clientes tr, .clientes td {
		margin: 10px 0px;
		border-bottom: 1px solid #CCCCCC;
		padding: 10px 0px;;
	}
	
	.clientes .image {
		width: 185px;
		text-align: center;
		vertical-align: middle;
	}

	.clientes .description {
		width: 290px;
		text-align: left;
		vertical-align: middle;
	}
	
	.clientes .subtitle {
		float: left;
	}
	
#content .separator {
	clear: both;
	font-size: 1px;
	line-height: 10px;
	height: 10px;
	background-image: url(../images/separator.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	margin-bottom: 10px;
}

.cright {
	text-align: right;
}

#news .cright img {
	margin: 0px;
}

#news{
	border: none;
	margin: 5px 0px 5px;
}

#news p {
	margin: 0px 0px 5px 5px;;
}

#news p strong {
	font-weight: bold;
}

#news td {
	vertical-align: top;
}

#content #main_title {
	color: #666666;
	font-weight: normal;
	background-image: url(../images/content_title.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
	padding: 5px 0px 15px 10px;
	margin: 10px 0px 0px;
	height: 130px;
}

#content #main_title #foto {
	float: left;
	border: 1px solid #FFFFFF;
	margin-right: 4px;
}

#content #main_title #breadcumb {
	margin-top: 80px;
}

#content #main_title .title {
	font-size: 24px;
	font-weight: bold;
}

#content .active, #content .active:link, #content .active:visited, #content .active:hover {
	font-weight: bold;
}

#content .artist_select {
	float: right;
}

#content h4 {
	text-align: center;
	font-size: 16px;
}

.leyenda {
	text-align: center;
}

#selected_description .input_submit {
	float: left;
}

.input_cantidad {
	border-color: #CCCCCC;
	font-family: Helvetica, Arial, Verdana;
	font-size: 12px;
}

/* Search */
#search_table td{
	margin: 5px 0px;
}

#search_table small {
	color: #993366;
}

#search_table img {
	vertical-align: middle;
	margin-right: 20px;
}

#advsearch_submit {
	margin-left: 140px;
}

#search_content .image, #pedidos .image{
	float: left;
	margin: 0px 10px 10px 0px;
}

/* Login */
#artist_thumbnail img {
	float: left;
	margin-right: 10px;
}

#user_menu {
	float: left;
	width: 230px;
}
	#user_menu h3 {
		font-size: 16px;
	}
	
	#user_menu p {
		font-size: 11px;
	}
	#user_menu a {
		color: #000000;
	}
	
#user_content {
	float: left;
	width: 570px;
}
/* Artists */
#otherartist {
	border-right: 2px solid #8A447F;
	width: 140px;
	vertical-align: top;
}

#artistcontent {
	vertical-align: top;
	padding-left: 10px;
}

	#foto {
		float: left;
		margin-right: 20px;
	}
	
	#artists_name {
		background-image: url(../images/artist_bg.jpg);
		padding: 50px 20px 20px;
		width: 440px;
		height: 95px;
		float: left;
	}
	
	#artistcontent .title {
		color: #FFFFFF;
		font-size: 30px;
		font-weight: bold;
		margin-bottom: 10px;
	}
	
	#artist_links a {
		color: #FFFFFF;
		margin-right: 20px;
		font-size: 12px;
	}
	
	#artist_text {
		background-color: #DADADA;
		margin-top: 20px;
		padding: 10px;
	}

/* Club */	
.club_text{
	text-align: justify;
}

#club_left{
	width:150px;
	float:left;
}

#club_right{
	width:650px;
	float:left;
}

	.club_pay_text {
		line-height: 25px;
	}