@charset "utf-8";
/* CSS Document */

img{
border:none;
}

#info1 a:link {text-decoration:none; color:#666;}
#info1 a:visited {text-decoration:none; color:#666;}
#info1 a:hover {text-decoration:underline; color:#666;}
#info1 a:active {text-decoration:none;}

#info2 a:link {text-decoration:none; color:#666;}
#info2 a:visited {text-decoration:none; color:#666;}
#info2 a:hover {text-decoration:underline; color:#666;}
#info2 a:active {text-decoration:none;}

/* Body */
html,body {// overflow-x: hidden; /* Quitar scroll horizontal Explorer */ cursor:default;}
body {background-color:#000; margin-left: 12px; overflow-x: hidden; // overflow-x: hidden;}


/* Textos */
.droid {font-family:Verdana; font-size:12px; color:#666; line-height:12px; font-weight:400;}
.droid2 {font-family:Verdana; font-size:16px; color:#c42470; line-height:62px;}
.droid3 {font-family:Verdana; font-size:14px; color:#c42470; line-height:30px; font-weight:400;}
.droid4 {font-family:Verdana; font-size:12px; color:#FFF; line-height:20px; font-weight:400;}
.droid5 {font-family:Verdana; font-size:12px; color:#c42470; line-height:12px; font-weight:400; font-style:italic;}
.droid6 {font-family:Verdana; font-size:12px; color:#c42470; line-height:12px; font-weight:400;}
.droid6n {font-family:Verdana; font-size:12px; color:#c42470; line-height:12px; font-weight:bold;}

.droid7 {font-family:Verdana; font-size:16px; color:#c42470; line-height:24px; font-weight:400;}
.droid8 {font-family:Verdana; font-size:12px; color:#666; line-height:24px; font-weight:400;}
.droid9 {font-family:Verdana; font-size:22px; color:#c42470; line-height:32px; font-weight:400;}
.droid9b {font-family:Verdana; font-size:22px; color:#888; line-height:32px; font-weight:400;}


.lato {font-family:Verdana; font-size:9px; color:#555; line-height:12px; font-weight:700;}
.lato2 {font-family:Verdana; font-size:100px; color:#000; line-height:8px; font-weight:100;}
.lato3 {font-family:Verdana; font-size:16px; color:#666; line-height:8px; font-weight:400;}
.lato4 {font-family:Verdana; font-size:16px; color:#c42470; line-height:8px; font-weight:400;}

.georgia {font-family:Verdana; font-size:12px; color:#555; line-height:16px; font-weight:300;}
.georgia2 {font-family:Verdana; font-size:12px; color:#888; line-height:14px; font-weight:bold;}
.georgia3 {font-family:Verdana; font-size:12px; color:#c42470; line-height:16px; font-weight:300;}



/* Top */
#top_negro {background-color:#000; width:100%; height:56%; left:0; position:absolute; top:0px; z-index:-2;}


/* Logo */
#logo {background-image:url(../images/logo.jpg); width:240px; height:70px; float:left; margin-left:-6px;}


/* Wrapper */
#wrapper {width:85.5%; height:auto; margin-left:auto; margin:-8px auto 0 auto;}
#wrapper #top {width:100%; height:70px; margin-left:auto; margin-right:auto; text-align:center; padding-top:1px; border-bottom:1px solid #202020;}


/* Botonera */
#wrapper #top #botonera {width:528px; height:20px; float:right; margin-top:28px;}
#wrapper #top #botonera #b1 {width:110px; height:20px; float:left;}
#wrapper #top #botonera #b2 {width:110px; height:20px; float:left;}
#wrapper #top #botonera #b3 {width:110px; height:32px; float:left;line-height:30px; margin-top:-9px;}
#wrapper #top #botonera #b4 {width:110px; height:20px; float:left;}
#wrapper #top #botonera #b5 {width:86px; height:20px; float:left;}

#wrapper #top #botonera #b3:hover {width:110px; height:32px; float:left; background-color:#c42470; line-height:30px; margin-top:-9px;}



/* Images Home */
#wrapper #img_container {background-color:#000; float:none; height:100%; margin:0px auto; clear:none; width:100%; min-height:50px; min-width:0px; background-attachment:scroll; background-size:auto; visibility:visible; background-position:50% 0%; background-repeat:repeat repeat; overflow:hidden;}
#wrapper #img_container img {background-color:#000; float:none; height:100%; margin:0px auto; clear:none; width:100%; min-height:50px; min-width:0px; background-attachment:scroll; background-size:auto; visibility:visible; background-position:50% 0%; background-repeat:repeat repeat; overflow:hidden;}
#wrapper #img_container #rotating-item-wrapper {display:block; z-index:1; height:480px; overflow:hidden;}

#nav {background-image:background-position:0 0px; width:200px; height:38px; left:0; margin-left:-80px; margin-top:440px; position:absolute; left:50%; z-index:9999; text-align:center;}
#nav a {background-image:url(../images/pagination.png); background-position:0 0px; width:17px; height:17px; margin-top:10px; margin-left:8px; text-indent: -100000px; display:block; float:left; z-index:9999;}
#nav a.activeSlide {background-image:url(../images/pagination.png); background-position:0 17px; z-index:9999;}
#nav a:hover {background-image:url(../images/pagination.png); background-position:0 -17px; z-index:9999;}


/* Content */
#wrapper #content {width:100%; height:auto; margin:0 auto 0 auto;  position:relative;}
#wrapper #content #titulo {background-image:url(../images/linea.gif); background-repeat:no-repeat; background-position:center; width:100%; height:106px; text-align:left; line-height:150px;}

#wrapper #content #titulo_interior {background-position:center; width:100%; height:30px; border-bottom:1px solid #202020; margin-top:80px;}
#wrapper #content #titulo_interior_linea {width:100%; height:20px; margin-top:10px;}

#wrapper #content #titulo_interior #lista_titulo {background-position:center; width:200px; height:30px; float:left;}
#wrapper #content #titulo_interior #categorias {background-position:center; width:400px; height:30px; float:right;}

#wrapper #content #titulo_interior #categorias #pintura_boton {background-position:center; width:130px; height:30px; float:left; border-right:1px solid #202020; text-align:center;}
#wrapper #content #titulo_interior #categorias #escultura_boton {background-position:center; width:130px; height:30px; float:left; border-right:1px solid #202020; text-align:center;}
#wrapper #content #titulo_interior #categorias #fotografia_boton {background-position:center; width:130px; height:30px; float:left; text-align:center;}

#wrapper #content #titulo_interior #categorias #pintura_boton:hover {background-position:center; width:130px; height:30px; float:left; border-right:1px solid #202020; text-align:center; background-color:#c42470; color:#FFF;}
#wrapper #content #titulo_interior #categorias #escultura_boton:hover {background-position:center; width:130px; height:30px; float:left; border-right:1px solid #202020; text-align:center; background-color:#c42470; color:#FFF;}
#wrapper #content #titulo_interior #categorias #fotografia_boton:hover {background-position:center; width:130px; height:30px; float:left; text-align:center; background-color:#c42470; color:#FFF;}

#wrapper #content #p1 {width:23.5%; height:300px; text-align:center; float:left; margin-left:1.1%;}
#wrapper #content #p1 #p1_image {float:none; height:140px; margin:0px auto; clear:none; width:100%; min-height:50px; background-color:rgb(0, 0, 0); min-width:0px; background-attachment:scroll; background-size:auto; visibility:visible; background-position:50% 0%; background-repeat:repeat repeat;}
#wrapper #content #p1 #p1_image img {float:none; height:140px; margin:0px auto; clear:none; width:100%; min-height:50px; background-color:rgb(0, 0, 0); min-width:0px; background-attachment:scroll; background-size:auto; visibility:visible; background-position:50% 0%; background-repeat:repeat repeat;}
#wrapper #content #p1 #p1_titulo {width:100%; height:auto; text-align:left; line-height:16px; margin-top:14px;}
#wrapper #content #p1 #p1_subtitulo {width:100%; height:20px; text-align:left;}
#wrapper #content #p1 #p1_linea {width:100%; height:30px; text-align:center;}
#wrapper #content #p1 #p1_texto {width:100%; height:100px; text-align:center;}



#wrapper #content #p1_interior_bio {width:66%; height:auto; text-align:left; margin-left:30px; margin-top:50px; float:left;}
#wrapper #content #imagenes {width:305px; height:auto; margin-top:30px; float:left; border-left:1px solid #202020; padding-bottom:340px;}
#wrapper #content #imagenes #p1_interior {background-repeat:no-repeat; width:282px; height:220px; float:right; margin-top:25px;}
#wrapper #content #imagenes #p2_interior {background-repeat:no-repeat; width:282px; height:220px; float:right; margin-top:25px;}
#wrapper #content #imagenes #p3_interior {background-repeat:no-repeat; width:282px; height:220px; float:right; margin-top:25px;}



/* Footer */
#footer {background-position:center 0; position: relative; width:100%; height:200px; bottom:-10px; left:-20px; padding-left:20px; padding-right:20px; margin-bottom:0 !importante; margin-bottom:0px; z-index:20;}
#footer #footer_content {width:85.5%; height:200px; margin:0 auto 0 auto; line-height:16px;}
#footer #footer_content #info1 {width:24%; height:160px; margin:0 auto 0 auto; float:left; margin-left:2%; margin-top:40px;}
#footer #footer_content #info2 {width:40%; height:160px; margin:0 auto 0 auto; float:left; margin-top:40px;}
#footer #footer_content #info3 {width:28%; height:160px; margin:0 auto 0 auto; float:left; margin-top:40px;}
#footer #footer_content #fb {background-image:url(../images/facebook.gif); background-repeat:no-repeat; width:36px; height:36px; margin:0 auto 0 auto; float:left; margin-top:40px;}
#footer #footer_content #fb:hover {background-position:0 -36px;}
#footer #footer_content #footer_linea {width:100%; height:1px; margin:0 auto 0 auto; background-color:#151515; float:left;}
#footer #footer_content #footer_logo {background-image:url(../images/logo2.gif); background-repeat:no-repeat; width:120px; height:34px; margin:0 auto 0 auto; float:left; margin-left:0.2%;}
#footer #footer_content #footer_copy {width:300px; height:34px; margin:0 auto 0 auto; float:right; line-height:26px;}


/* Smartphone */
@media only screen and (max-width:320px) {
#logo {background-image:url(../images/logo.jpg); width:240px; height:70px; float:center; margin-left:140px; z-index:9999;}
#top_negro {background-color:#000; width:320px; height:70px; left:0; position:absolute; top:0px; z-index:-2;}
#wrapper {width:282px; height:auto; margin-left:auto; margin:-8px auto 0 auto;}
#wrapper #img_container, #wrapper #img_container img, #wrapper #img_container #rotating-item-wrapper, #wrapper #img_container, #nav {visibility:hidden;}
#wrapper #content {width:282px; height:1400px; margin:0 auto 0 auto; margin-top:-380px;}
#wrapper #content #titulo {width:230px; height:60px; text-align:center; line-height:140px; margin-left:34px; margin-top:60px;}
#wrapper #content #titulo_interior #lista_titulo {width:230px; height:30px; text-align:center; line-height:10px; margin-left:34px; margin-top:60px;}

#footer #footer_content #info1 {width:256px; height:130px; margin:0 auto 0 auto; float:left; text-align:center; margin-top:40px; margin-left:2px;}
#footer #footer_content #info2 {width:256px; height:100px; margin:0 auto 0 auto; float:left; text-align:center; margin-left:2px;}
#footer #footer_content #info3 {width:256px; height:100px; margin:0 auto 0 auto; float:left; text-align:center; margin-left:2px;}
#footer #footer_content #fb {background-image:url(../images/facebook.gif); background-repeat:no-repeat; width:36px; height:36px; margin:0 auto 0 auto; float:left; margin-left:112px;}
#footer #footer_content #footer_linea {width:256px; height:1px; margin:0 auto 0 auto; background-color:#151515; float:left; margin-top:120px;}
#footer #footer_content #footer_logo {background-image:url(../images/logo2.gif); background-repeat:no-repeat; width:120px; height:34px; margin:0 auto 0 auto; float:left; margin-left:70px; margin-top:4px;}
#footer #footer_content #footer_copy {width:180px; height:34px; margin:0 auto 0 auto; float:left; line-height:12px; font-size:11px; text-align:center; margin-left:42px;}
#wrapper #content #p1, #wrapper #content #p2, #wrapper #content #p3, #wrapper #content #p4 {width:282px; margin-top:40px;}
#wrapper #content #p1 {width:282px; margin-top:40px; margin-left:6px;}
#wrapper #content #p1_interior_bio {width:300px; height:auto; text-align:left; float:left; margin-left:2px; margin-top:30px;}

#wrapper #content #titulo_interior #categorias #pintura_boton {background-position:center; width:76px; height:30px; float:left; border-right:1px solid #202020; text-align:center; font-size:9px;}
#wrapper #content #titulo_interior #categorias #escultura_boton {background-position:center; width:90px; height:30px; float:left; border-right:1px solid #202020; text-align:center; font-size:9px;}
#wrapper #content #titulo_interior #categorias #fotografia_boton {background-position:center; width:90px; height:30px; float:left; text-align:center; font-size:9px;}
#wrapper #content #titulo_interior #categorias #pintura_boton:hover {background-position:center; width:76px; height:30px; float:left; border-right:1px solid #202020; text-align:center; background-color:#000; color:#FFF;}
#wrapper #content #titulo_interior #categorias #escultura_boton:hover {background-position:center; width:90px; height:30px; float:left; border-right:1px solid #202020; text-align:center; background-color:#000; color:#FFF;}
#wrapper #content #titulo_interior #categorias #fotografia_boton:hover {background-position:center; width:90px; height:30px; float:left; text-align:center; background-color:#000; color:#FFF;}
}

@media only screen and (max-width:920px) {
#wrapper #img_container {margin-top:40px;}
#wrapper #top #botonera {width:680px; height:20px; margin-top:86px; float:center; margin-left:-260px; position:relative; left:50%;}
#logo {background-image:url(../images/logo.jpg); width:240px; height:70px; margin-left:-120px; position:relative; left:50%;}
}

@media only screen and (max-width:920px) {
#wrapper #content #p1 {width:32%; margin-top:10px; height:220px; z-index:9999;}
#wrapper #content {margin:0 auto 0 auto; margin-top:20px; margin-left:-8px;}
}

@media only screen and (max-width:1200px) {
#wrapper #content #p1_interior_bio {width:50%; height:auto; text-align:left; margin-left:30px; margin-top:50px; float:left;}
#wrapper #content #imagenes {width:305px; height:auto; margin-top:30px; float:left; border-left:1px solid #202020; padding-bottom:40px; margin-left:80px;}
}

@media only screen and (max-width:1024px) {
#wrapper #content #p1_interior_bio {width:40%; height:auto; text-align:left; margin-left:30px; margin-top:50px; float:left;}
#wrapper #content #imagenes {width:305px; height:auto; margin-top:30px; float:left; border-left:1px solid #202020; padding-bottom:40px; margin-left:80px;}
}

@media only screen and (max-width:860px) {
#wrapper #content #p1_interior_bio {width:30%; height:auto; text-align:left; margin-left:30px; margin-top:50px; float:left;}
#wrapper #content #imagenes {width:305px; height:auto; margin-top:30px; float:left; border-left:1px solid #202020; padding-bottom:40px; margin-left:80px;}
}

@media only screen and (max-width:1200px) {
#wrapper #content {width:100%; height:auto; margin:0 auto 0 auto;  position:relative; padding-bottom:40%;}
}

@media only screen
and (min-width: 321px)
and (max-width: 1200px) {
#footer #footer_content #info2 {width:30%; height:160px; margin:0 auto 0 auto; float:left; margin-top:40px; margin-left:50px;}
#footer #footer_content #info1 {width:28%; height:160px; margin:0 auto 0 auto; float:left; margin-left:2%; margin-top:40px;}
}

@media only screen and (max-width:1024px) {
#wrapper #content {width:100%; height:auto; margin:0 auto 0 auto;  position:relative; padding-bottom:100%;}
}





/* Pintura Boton */
#pintura_boton:hover {position:relative; cursor:pointer;}
#pintura_boton:hover div {display:block; position:absolute; left:0px;}
#pintura_boton div {background-color:#c42470; width:400px; height:480px; margin-left:-135px; z-index:9999; margin-top:6px; display:none;}

/* Escultura Boton */
#escultura_boton:hover {position:relative; cursor:pointer;}
#escultura_boton:hover div {display:block; position:absolute; left:0px;}
#escultura_boton div {background-color:#c42470; width:220px; height:270px; margin-left:-45px; z-index:9999; margin-top:6px; display:none;}

/* Fotografia Boton */
#fotografia_boton:hover {position:relative; cursor:pointer;}
#fotografia_boton:hover div {display:block; position:absolute; left:0px;}
#fotografia_boton div {background-color:#c42470; width:220px; height:210px; margin-left:-45px; z-index:9999; margin-top:6px; display:none;}

/* Artistas Boton */
#b3:hover {position:relative; cursor:pointer;}
#b3:hover div {display:block; position:absolute; left:0px;}
#b3 div {background-color:#c42470; width:110px; height:120px; margin-left:0px; z-index:9999; margin-top:2px; display:none;}

#pintura_boton:hover a.nivel1 {color:#FFF;}
#escultura_boton:hover a.nivel1 {color:#FFF;}
#fotografia_boton:hover a.nivel1 {color:#FFF;}
#b3:hover a.nivel1 {color:#FFF;}

@media only screen and (max-width:320px) {
#pintura_boton div, #escultura_boton div, #fotografia_boton div, #b3 div {visibility:hidden;}
}