* {margin:0;padding:0}
body {background: #eee;text-align: center;font: 12px "Lucida Grande", Helvetica, Verdana sans-serif;line-height:175%}

/* styles for IE 5 Mac */
#home #metawrapper {position: absolute;top: 30px;left: 0}
/*  IE 5 Hack \*/
#home #metawrapper {width: 100%;top: 50%;margin-top:-260px;min-width: 730px}
/* end hack */ 

#metawrapper {margin-top:40px}
#wrapper {text-align: justify;background: #fff;position: relative;width:750px;margin:0 auto;border:1px solid #CCC;min-height:350px;-webkit-box-shadow:0 3px 10px rgba(204, 204, 204, 0.5);-moz-box-shadow:0 3px 10px rgba(204, 204, 204, 0.5);box-shadow:0 3px 10px rgba(204, 204, 204, 0.5)}
#home #wrapper {height:500px}
#home #logo a {position:absolute;top:350px;left:15px}
#logo a, #logo a:hover {position:absolute;top:25px;left:25px;width: 152px;height:121px;background: url(/images/logo.gif);text-indent:-1000em;display:block;text-decoration:none}
#home #photogallery {position:absolute;top:135px;right:15px}
#content img {border:0;margin-bottom:25px}
#content img.tight {border:0;margin:5px}
#content img.framed {padding:5px;border:1px solid #ccc}
* html #content {width:630px;w\idth: 400px}
#content {padding: 25px 0 15px 230px;width:400px;color:#666}
#content p {padding-bottom:12px}
#content p.quiet {color:#999;font-size:11px;line-height:150%;padding:0 0 20px 5px}
#home #content {margin-left:0}
p#footer {margin:12px 0 12px 0;text-align:center;font: bold 11px "Arial Narrow", Arial, sans-serif;text-transform:uppercase;color:#999;text-shadow:0 1px 0 #fff;letter-spacing:0.1em}
#footer img {border:none}
.floatLeft {float:left;margin-left:30px}
.floatRight {float: right;margin-left:10px}


/* main menu */

#home ul#menu {position: absolute;left: 15px;top: 15px}
#menu {position: absolute;left: 25px;top: 210px;width:150px;height: 250px}
#menu li {display:inline;text-indent:-1000em}
#menu a, #menu a:hover {display:block;height:26px;text-decoration:none}
#menu_inicio a {background: url(/images/menu_home.gif) 0 0 no-repeat}
#menu_inicio a:hover, #menu_inicio a.active {background: url(/images/menu_home.gif) 0 -30px no-repeat}
#menu_artistas a {background: url(/images/menu_artists.gif) 0 0 no-repeat}
#menu_artistas a:hover, #menu_artistas a.active {background: url(/images/menu_artists.gif) 0 -30px no-repeat}
#menu_presentaciones a {background: url(/images/menu_presentations.gif) 0 0 no-repeat}
#menu_presentaciones a:hover, #menu_presentaciones a.active {background: url(/images/menu_presentations.gif) 0 -30px no-repeat}
#menu_contacto a {background: url(/images/menu_contact.gif) 0 0 no-repeat}
#menu_contacto a:hover, #menu_contacto a.active {background: url(/images/menu_contact.gif) 0 -30px no-repeat}
#menu_proyecto a {background: url(/images/menu_project.gif) 0 0 no-repeat}
#menu_proyecto a:hover, #menu_proyecto a.active {background: url(/images/menu_project.gif) 0 -30px no-repeat}
#menu_eres_artista a {background: url(/images/menu_are_you_artist.gif) 0 0 no-repeat}
#menu_eres_artista a:hover,#menu_eres_artista a.active {background: url(/images/menu_are_you_artist.gif) 0 -30px no-repeat}
#menu_servicios a {background: url(../images/menu_services.gif) 0 3px no-repeat}
#menu_servicios a:hover, #menu_servicios a.active {background: url(../images/menu_services.gif) 0 -27px no-repeat}

/* tabs */

ul#minitabs {padding: 0 0 20px 0;margin-bottom:45px;border-bottom:1px solid #ccc}
ul#minitabs li {display: inline}
ul#minitabs a:link, ul#minitabs a:visited {float: left;line-height: 14px;margin: 0 10px 4px 55px;padding-bottom: 3px;text-decoration: none}
ul#minitabs a:link.active, ul#minitabs a:visited.active, ul#minitabs a:hover {border-bottom:3px solid #ccc;padding-bottom: 3px}


#mainnavtabbed, #mainnav, .tabcontent, #two {clear:both}
#mainnav li, #mainnavtabbed li {margin:0 5px 15px 0;float:left}
#mainnav li a, #mainnavtabbed li a {padding:0 6px 0 6px;border:1px solid #ccc;background:#eee;display:block;text-decoration:none}
#mainnav li a.tabon, #mainnavtabbed li a.tabon,#mainnavtabbed li a.tabon:hover {color:white;background:#4d90cd;border:1px solid #ccc}
#mainnav li a:hover, #mainnavtabbed li a:hover {color:white;background:#333;border:1px solid #ccc}

/* quotes */

cite {text-indent:-1000em;width:400px;height:105px;display:block;clear:both}
#home cite {background: url(/images/home_quote_en.gif) top right no-repeat;position:absolute;top:15px;right:15px}
#artistas cite {background: url(/images/artists_quote.gif) top right no-repeat;width:400px;height:125px}
cite#quote_juangris {background: url(/images/juangris_quote.gif) top right no-repeat;width:400px;height:200px}
cite#quote_joseguerrero {background: url(/images/presentations_quote.gif) top right no-repeat;width:400px;height:200px}
cite#quote_blancamunoz {background: url(/images/blancamunoz_quote_en.gif) top right no-repeat;width:400px;height:140px}
cite#quote_josepedrocroft {background: url(/images/josepedrocroft_quote_en.gif) top right no-repeat;height:140px}

/* headings and links */

h1, h2 {text-indent:-1000em}
h1 {padding-bottom:15px;height:30px;width:400px;margin:40px 0 40px 0}
#nuestro_proyecto h1 {background:url(/images/h1_project.gif) top right no-repeat}
#contacto h1 {background:url(/images/h1_contact.gif) top right no-repeat}
#artistas h1 {background:url(/images/h1_artists.gif) top right no-repeat}
#other-services h1 {background:url(/images/h1_other_services.gif) top right no-repeat}
#eres_artista h1 {background:url(/images/h1_are_you_artist.gif) top right no-repeat}
#presentaciones h1, #proximas-presentaciones h1 {background:url(/images/h1_presentations.gif) top right no-repeat}	
h2 {width:400px;height:60px}
#artistas h2 {height:40px}
h2#pres_joseguerrero {background:url(/images/h2_presjoseguerrero_en.gif) top right no-repeat}
h2#pres_imiknoebel {background:url(/images/h2_imiknoebel_en.gif) top right no-repeat}
h2#pres_juangris {background:url(/images/h2_juangris.gif) top left no-repeat}
h2#pres_josepedrocroft {background:url(/images/h2_josepedrocroft_presentacion_en.gif) top right no-repeat}
h2#pres_janhendrix {background:url(/images/h2_pres_janhendrix_en.gif) top left no-repeat}
h2#pres_unaisanmartin {background:url(/images/h2_unaisanmartin_presentation.gif) top right no-repeat}
h2#juangris {background:url(/images/h2_juangris2.gif) top right no-repeat}
h2#eduardo_arroyo {background:url(/images/h2_eduardoarroyo.gif) top right no-repeat}
h2#enrique_brinkmann {background:url(/images/h2_enriquebrinkmann.gif) top right no-repeat}
h2#eduardo_chillida {background:url(/images/h2_eduardochillida.gif) top right no-repeat}
h2#sonia_delaunay {background:url(/images/h2_soniadelaunay.gif) top right no-repeat}
h2#luis_gordillo {background:url(/images/h2_luisgordillo.gif) top right no-repeat}
h2#jose-pedro-croft {background:url(/images/h2_josepedrocroft.gif) top right no-repeat}
h2#jose_guerrero {background:url(/images/h2_joseguerrero.gif) top right no-repeat}
h2#jan_hendrix {background:url(/images/h2_janhendrix.gif) top right no-repeat}
h2#joan_pijuan {background:url(/images/h2_joanpijuan.gif) top right no-repeat}
h2#joan_miro {background:url(/images/h2_joanmiro.gif) top right no-repeat}
h2#manuel_monpo {background:url(/images/h2_manuelmonpo.gif) top right no-repeat}
h2#pablo_palazuelo {background:url(/images/h2_pablopalazuelo.gif) top right no-repeat}
h2#pablo_picasso {background:url(/images/h2_pablopicasso.gif) top right no-repeat}
h2#andre_derain {background:url(/images/h2_andrederain.gif) top right no-repeat}
h2#unai_sanmartin {background:url(/images/h2_unaisanmartin.gif) top right no-repeat}
h2#antonio_saura {background:url(/images/h2_antoniosaura.gif) top right no-repeat}
h2#josemaria_sicilia {background:url(/images/h2_josemariasicilia.gif) top right no-repeat}
h2#antonio_tapies {background:url(/images/h2_antoniotapies.gif) top right no-repeat}
h2#imi_knoebel {background:url(/images/h2_imiknoebel.gif) top right no-repeat}
h2#nicola-de-maria {background:url(/images/h2_nicolademaria.gif) top right no-repeat}
h2#santiago-serrano {background:url(/images/h2_santiagoserrano.gif) top right no-repeat}
h2#luis-astuy {background:url(/images/h2_luisastuy.gif) top right no-repeat}
h2#le-corbusier {background:url(/images/h2_lecorbusier.gif) top right no-repeat}
h2#antoni_clave {background:url(/images/h2_antoniclave.gif) top right no-repeat}
h2#pres_pablopicasso {background:url(/images/h2_prespicasso_en.gif) top right no-repeat}
h2#marcelo_fuentes {background:url(/images/h2_marcelofuentes.gif) top right no-repeat}
h2#elena_jimenez {background:url(/images/h2_elenajimenez.gif) top right no-repeat}
h2#dario_basso {background:url(/images/h2_dariobasso.gif) top right no-repeat}
h2#mimmo_paladino {background:url(/images/h2_mimmopaladino.gif) top right no-repeat}
h2#robert_rauschenberg {background:url(/images/h2_robert_rauschenberg.gif) top right no-repeat}
h2#manuel_facal {background:url(/images/h2_manuel_facal.gif) top right no-repeat}
h2#tacita_dean {background:url(/images/h2_tacita_dean.gif) top right no-repeat}
h2#violeta_fortes {background:url(/images/h2_violeta_fortes.gif) top right no-repeat}
h2#perry_oliver {background:url(/images/h2_oliver_perry.gif) top right no-repeat}
h2#cabra_de_luna {background:url(/images/h2_cabra_de_luna.gif) top right no-repeat}
h2#liu_xiaodong {background:url(/images/h2_liu_xiaodong.gif) top right no-repeat}
h2#rodriguez_de_rivera {background:url(/images/h2_rodriguez_de_rivera.gif) top right no-repeat}
h2#fumiko_negishi {background:url(/images/h2_fumiko_negishi.gif) top right no-repeat}
h2#fernando_de_la_rosa {background:url(/images/h2_fernando_de_la_rosa.gif) top right no-repeat}
h2#maria_blanchard {background:url(/images/h2_maria_blanchard.gif) top right no-repeat}
h2#j-dona {background:url(/images/h2_j_dona.gif) top right no-repeat}
h2#blanca-munoz {background:url(/images/h2_blanca_munoz.gif) top right no-repeat}
h2#pres_blancamunoz {background:url(/images/h2_munoz_pres_en.gif) top right no-repeat}
h2#stella-kamazon {background:url(/images/h2_stella_kamazon.gif) top right no-repeat}
h2#natalia-schiff {background:url(/images/h2_natalia_schiff.gif) top right no-repeat}
h2#javier-perez-aranda {background:url(/images/h2_javier_perez_aranda.gif) top right no-repeat}
h2#guillermo-perez-villalta {background:url(/images/h2_guillermo_perez-villalta.gif) top right no-repeat}
h2#gerardo-rueda {background:url(/images/h2_gerardo_rueda.gif) top right no-repeat}
h2#ana-de-matos {background:url(/images/h2_ana_de_matos.gif) top right no-repeat}
h2#joan-cardells {background:url(/images/h2_joan_cardells.gif) top right no-repeat}
h2#liviana-leone {background:url(/images/h2_liviana_leone.gif) top right no-repeat}


a, a:link, a:visited, a:active {color:#4d90cd;text-decoration: none}
a:hover {color:black;text-decoration:underline}
a.pdf_link {background: url(http://www.yolandaochando.com//images/pdf_button.png) left center no-repeat;padding:5px 0  5px 22px;height:15px}
p.credit {margin-top:-30px;text-align:right;color:#999;font-size:90%}


/* lists */

ul {list-style-type:none}
#content ul#thumbs li {float:left;width:170px;margin:12px;height:180px}
#content ul#small_thumbs li {float:left;width:170px;margin:0 6px 8px 18px}
*html #content ul#small_thumbs li {float:left;width:170px;margin:0 6px 8px 10px}
#content ul#thumbs li img, #content ul#small_thumbs li img  {margin:0}
#artistas #content ul#thumbs li span {display:block;text-align:center}
#content dl {padding-bottom:10px}
#content dd {padding-bottom:12px;padding-left:8px}
#content dd p {padding-top:6px}
#content dt {margin-bottom:2px;border-bottom:1px solid #CCC;font-weight:bold;background-color:#eee;padding-left:8px}
#contacto #content dl {margin:15px 0 20px 80px;padding:0 0 0 10px;border-left:5px solid #eee}
#eres_artista #content dl {margin:5px 0 20px 10px;padding:0 0 0 10px;border-left:5px solid #eee}
#contacto #content dd, #eres_artista #content dd {padding-bottom:0}
#contacto #content dt, #eres_artista #content dt {background-color:transparent;border:none}
#contacto #content ul li, #other-services #content ul li {padding-left: 20px;background:url(/images/arrow_list.png) 0 4px no-repeat}

/* html elements */

.clear {clear: both;height:20px}
.hide {display: none}
#Col1 {width:100px;float:left;clear:left}
#Col2 {width:200px;margin-left:150px}
.print a {background:url(/images/print.gif) 0 1px no-repeat;height:18px;padding-left:15px}
.link a {background:url(/images/link.gif) 0 1px no-repeat;height:18px;padding-left:15px}
p.print {text-align:right}
form {margin:10px 0 20px 0;width:430px}
fieldset {border:none}
label {display:block;margin:15px 0 1px 0;color:#888}
input, textarea, label {font: 11px verdana, arial, sans-serif;font-weight:bold;color:#888}
input, textarea {color:#666}
input, textarea {background-color:#eee}
input, select {width:190px;border:1px solid #CCC}
form div {float:left;width:45%;padding-right:18px}
textarea {display:block;width:400px;border:1px solid #CCC}
#contacto form div.clear {height:auto}
#contacto form img {border:1px solid #ccc;margin-top:18px}
#contacto form p {padding:15px 30px 20px 0}
input#button {width:80px;height:20px;border:none;margin-top:20px}
input#button2 {width:80px;height:20px;border:none;margin:25px 0 0 125px}
#contacto strong {color:#4d90cd}