/* * GAUCHO | CSS Framework | System Variables Stylesheet * * Description: Hoja de Estilos especificos del sitio * * @package CSS Framework 1.0 * @subpackage Variables * * **/ @font-face { font-family: 'OpenSansRegular'; src: url('../img/fonts/open-sans/OpenSans-Regular-webfont.eot'); src: url('../img/fonts/open-sans/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../img/fonts/open-sans/OpenSans-Regular-webfont.woff') format('woff'), url('../img/fonts/open-sans/OpenSans-Regular-webfont.ttf') format('truetype'), url('../img/fonts/open-sans/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansSemibold'; src: url('../img/fonts/open-sans/OpenSans-Semibold-webfont.eot'); src: url('../img/fonts/open-sans/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../img/fonts/open-sans/OpenSans-Semibold-webfont.woff') format('woff'), url('../img/fonts/open-sans/OpenSans-Semibold-webfont.ttf') format('truetype'), url('../img/fonts/open-sans/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansBold'; src: url('../img/fonts/open-sans/OpenSans-Bold-webfont.eot'); src: url('../img/fonts/open-sans/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../img/fonts/open-sans/OpenSans-Bold-webfont.woff') format('woff'), url('../img/fonts/open-sans/OpenSans-Bold-webfont.ttf') format('truetype'), url('../img/fonts/open-sans/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg'); font-weight: normal; font-style: normal; } /* ESTUCTURA ----------------------------------- */ body { background-color:#ffffff; } #header { padding-top:10px; background-color:#ffffff; height:72px;} #identidad { font-family: 'OpenSansRegular'; font-size:.7em; color:#1a631d; letter-spacing:2px; height:14px; padding-top:37px; padding-bottom:20px;} #identidad .title { float:left; width:490px; margin:.5em 0; color:#1a631d;} #identidad .title a { color:#1a631d;} #identidad .banner { float:right; width:520px; margin-top:15px; z-index:1;} #top_bar { position:absolute; top:0; width:100%; height:30px; background-color:#fcfcfc; border-bottom:1px solid #ddd; } #top_bar #tagline h2 { padding:8px 0; color:#333; font-family:Arial,'Helvetica'; font-size:1.167em; font-weight:bold;} #top_bar #nav_user .uiButton { padding:.75em 1em; color:#333; background:none; background-color:transparent; border:1px solid #eee; border-width:0 0 0 1px; } #top_bar #nav_user .uiButton:hover { background-color:#fff; } #top_bar #nav_user .uiButton.open { background-color:#fff; border-color:#999; } #top_bar #nav_user .uiDropdownButton .uiText { padding-right:16px; color:#333; font-weight:normal; } #top_bar #nav_user .uiIcon-dropdown { background:url(../img/icons/icons.png) no-repeat left -10px;} #top_bar #nav_user .uiDropdownMenuWrapper { margin-top:0;} #top_bar #nav_user .uiDropdownMenu { border-top:0; background-color:#fefefe;} #nav { background:#ffffff; border-bottom:1px solid #cccccc; border-top:1px solid #cccccc; color:#333; height:35px; text-transform:uppercase;} #nav .inner { } /* topnav */ #nav ul.topnav { float:left; padding:0; margin:0; } #nav ul.topnav li { float:left; position:relative; margin:0; padding:0; margin-right:60px} #nav ul.topnav li a { float:left; display:block; padding:12px; text-decoration:none; color:#333; font-family: 'OpenSansRegular'; font-size:11px; letter-spacing:2px;} #nav ul.topnav li a.first { padding-left:0px; } #nav ul.topnav li a.last { margin-left:0px; margin-right:0px; padding-right:0px; padding-left:0px; color:#1a631d; float:right;} #nav ul.topnav li.last { margin-right:0px; color:#666; } #nav ul.topnav li a:hover { background:#fff; color:#1a631d; } #nav ul.topnav li a.hover { background:#fff; color:#1a631d; } #nav ul.topnav li.last {margin-right:0px; margin-left:8px; float:right; color:#1a631d; } #nav ul.topnav li a.dropdown { padding-right:28px; background-image:url(../img/icons/icons.png); background-repeat:no-repeat; background-position:right -7px; } #nav ul.topnav li a.dropdown:hover { background-position:right -56px; } #nav ul.topnav li a.dropdown.hover { background-position:right -56px; } #nav ul.topnav li a.disabled { background-color:#345c75; font-weight:bold; cursor:default; } #nav ul.topnav li a.disabled:hover { background-color:#345c75; color:#FFF; } #nav ul.topnav li a.disabled.dropdown { padding-right:34px; background-position:right -2px; } #nav ul.topnav li a.disabled.dropdown:hover { } #nav ul.topnav li a.selected { background-color:#FFF; } #nav ul.topnav li a.selected:hover { background-color:#FFF; color:#1E475C; } #nav ul.topnav li a.selected.dropdown { padding-right:34px; background-position:right -2px; text-decoration:underline; } #nav ul.topnav li a.selected.dropdown:hover { } /* subnav */ #nav ul.topnav li ul.subnav { position:absolute; float:left; left:0; top:31px; z-index:100; min-width:120px; padding:2px 0 5px 0; margin:0; background-color:#FFF; border:0; border-top:none; cursor:pointer;} #nav ul.topnav li ul.subnav li { float:none; margin:0; padding:0; clear:both; font-size:9px;} #nav ul.topnav li ul.subnav li a { float:none; margin-top:0; padding:5px 5px 5px 15px; font-size:9px; background-image:url(../img/list-style.png); background-repeat:no-repeat; background-position:7px 7px; } #nav ul.topnav li ul.subnav li a:hover { } #nav ul.topnav li ul.subnav li a.disabled { padding:2px 12px; font-size:8px; color:#FFF; background-color:#345c75; } #nav ul.topnav li ul.subnav li a.disabled:hover { background-position:right bottom;} #nav ul.topnav li ul.subnav li a.selected { background-position:right bottom;} #nav ul.topnav li ul.subnav li a.selected:hover { background-position:right bottom;} /* searchby dd */ #nav .uiDropdownButton { padding:11px 12px; } #nav .uiDropdownButton .uiText { padding-right:16px; color:#fff; } #nav .uiDropdownButton .uiIcon-dropdown { background-position:left -57px;} #nav .uiDropdownButton:hover, #nav .uiDropdownButton.open { background-color:#345c75; } #nav .uiDropdownButton:hover .uiText, #nav .uiDropdownButton.open .uiText { color:#FFF; } #nav .uiDropdownButton:hover .uiIcon-dropdown, #nav .uiDropdownButton.open .uiIcon-dropdown { background-position:left -57px;} #nav .uiDropdownMenu { border-top:none; } #nav .green a{ color:#1a631d; } /* search form */ #search_form {margin:10px 10px 0 0;} #search_form .fld_wrap .fld { width:192px; padding:10px; margin:0; background-color:#ffffff; border:3px solid #ffa956; margin-left: 10px; } #search_form .fld_wrap .fld:focus { background-color:#fff; border-color:#ffc656;} #search_form .fld_wrap label { top:14px; left:16px; color:#999; } #search_form #search_submit { position:absolute; top:0; right:0; width:24px; height:24px; padding:0; margin:0; background:#FFF url(../img/icons/search_icon.gif) no-repeat center center; border:1px solid #6c9cbb; border-left:none; display:none; } #main { padding:0px 0; } /* Home */ #fullwidth { width:100%; position:absolute; top:0px; left:0px; z-index:-1; overflow:hidden; } #home-info { width:380px; height:70px; background:#fff; margin-left:0; margin-top:60px; border-bottom:5px solid #1a631d; padding:10px; } #home-info.home-info-1 { margin: 60px 0 0 160px;} #home-info.home-info-2 { margin: 60px 0 0 280px;} #home-info.home-info-3 { margin: 60px 0 0 560px;} #home-info.home-info-4 { margin:160px 0 0 160px;} #home-info.home-info-5 { margin:160px 0 0 280px;} #home-info.home-info-6 { margin:160px 0 0 560px;} #home-info.home-info-7 { margin:260px 0 0 160px;} #home-info.home-info-8 { margin:260px 0 0 185px;} #home-info.home-info-9 { margin:260px 0 0 560px;} .home-date { font-family: 'OpenSansRegular'; font-size:1em; color:#333333; margin-bottom:7px;} .home-title { font-family: 'OpenSansRegular'; font-size:1.5em; color:#1a631d; margin-bottom:5px;} .home-description { font-family: 'OpenSansRegular'; font-size:1em; color:#666666; margin-bottom:5px;} .home-close { font-family: 'OpenSansRegular'; font-size:.9em; color:#999999; margin-bottom:5px;} /* Contact */ /* Artists */ #artist { font-family: 'OpenSansRegular'; top:0; bottom:0; margin-bottom:auto; margin-top:auto; } #artist .title, #news .title { font-family: 'OpenSansRegular'; font-size:16px; color:#1a631d; letter-spacing:4px; margin-bottom:13px; margin-top:55px; text-transform:uppercase; } #main .title.first { margin-top:0px; } #news .title.first { margin-top:0px; } #artist .view, #artist .view a { font-size:11px; color:#333333; margin:0px 10px 10px 0px; letter-spacing:4px; text-transform:uppercase;} #artist .view, #artist .view a.sel { color:#1a631d; } #artist .view a:hover { color:#1a631d; } #artist ul { font-family: 'OpenSansRegular'; list-style-type:none; text-transform:uppercase; padding:10px 0px;} #artist ul li, #artist ul li a { font-size:12px; color:#666666; text-transform:uppercase; padding:22px 0 0 0; letter-spacing:4px;} #artist ul li a:hover { color:#1a631d; } #artist .scroll-pane { min-height:100px; max-height:320px; overflow:auto; } #artist .scroll-pane img { width:80px; height:80px; } #news .scroll-pane { max-height:320px; overflow:hidden; } #past .scroll-pane { height:500px; overflow:auto; margin-top:40px;} .managed { font-family: 'OpenSansRegular'; list-style-type:none; text-transform:uppercase; padding:10px 0px; color:#1a631d;letter-spacing:4px; } #thumb-artist { } #thumb-artist .artist-thumb { margin:0px; width:165px; height:165px;} #thumb-artist .artist-thumb:hover { opacity:0.4; filter:alpha(opacity=40);} #thumb-artist .scroll-pane { max-height:380px; overflow:hidden; } #thumb-artist .artist-title { font-family: 'OpenSansRegular'; font-size:14px; color:#666; margin:7px 20px 7px 0px; letter-spacing:2px; margin-bottom:12px; text-transform:uppercase; width:165px;} #thumb-artist .artist-title:hover { color:#1a631d; } #artist .exhibition { font-family: Arial, Helvetica, sans-serif; font-size:1em; color:#333;} #artist .exhibition .etitle { text-transform:uppercase; margin-top:30px;} #artist .exhibition .etitle:hover { color:#1a631d; } #artist .exhibition .etitle.first { margin-top:0px;} #artist .exhibition .grey, #news .exhibition .grey { color:#999999; margin-top:10px; margin-bottom:7px; } #artist .exhibition .green, #news .exhibition .green { color:#1a631d; margin-bottom:7px;} #artist .exhibition .green a, #news .exhibition .green a { color:#1a631d; margin-bottom:7px;} #artist .exhibition .line, #news .exhibition .line, #past .line { width:30px; height:1px; border-bottom:1px solid black; margin-left:-20px; margin-top:20px; margin-bottom:20px;} #news img {margin-bottom:20px; margin-top:15px;} #news .exhibition .description { line-heigh:13px; } #picture-holder { width:620px; } #picture-desc { color:#666; width:450px;} /* Press */ .press-thumb { margin:12px 12px 0px 0px; width:165px; height:165px;} .press-title { font-family: 'OpenSansRegular'; font-size:13px; color:#999; margin:12px 12px 0px 0px; letter-spacing:2px;} /* Exhibitions */ .thumb-area { overflow: auto; } .thumb-area .scroll-pane { height:320px; } .thumb-area img { padding:2px; } .exhibitions .about { font-family:Arial, Verdana, Geneva, sans-serif; font-size:11px; color:#999999; } /* Past */ #past {font-family: 'OpenSansRegular';} #past .item { margin-bottom:55px; } #past .title { font-size:18px; color:#317a4d; letter-spacing:5px; margin-bottom:7px; line-height:16px} #past .info { font-size:13px; color:#CCCCCC; margin-bottom:8px; text-transform:uppercase; letter-spacing:3px;} #past .view, #past .view a { font-size:15px; color:#CCC; letter-spacing:5px; margin-top:12px; margin-bottom:8px; text-transform:uppercase;} #past .view a:hover { color:#1a631d;} #past img:hover { opacity:0.4; filter:alpha(opacity=40); } .feed { padding:1em; margin-bottom:1em;} .feed_yellow { background-color:#FFFCAD; border:1px solid #FFC000;} .feed_green { background-color:#D8FFAD; border:1px solid #90BA09;} .feed_red { background-color:#FFDDD1; border:1px solid #FF4300;} .contact-info { font-family: 'OpenSansRegular'; font-size:12px; color:#999999; margin:5px; } .contact-title { font-family: 'OpenSansRegular'; font-size:14px; color:#1a631d; margin:5px; margin-top:10px; } .contact-info2 { font-family: 'OpenSansRegular'; font-size:12px; color:#666666; margin:5px; } .contact-grey { font-family: 'OpenSansRegular'; font-size:12px; color:#333333; margin:5px } .mail-addedok { width:100px; margin-left:3px; text-align:left; } #footer { padding:0px; height:60px; background-color:#FFF; border-top:1px solid #f1f1f1; font-size:9px; color:#666666;} #footer img { padding:28px 0 0 0; margin-right:55px;} #footer a { color:#1a631d; } #footer a:hover { text-decoration:underline;} #login { position:absolute; top:50%; left:50%; height:400px; width:300px; margin:-200px 0px 0px -150px; padding:0px; overflow:auto;} #login .head { width:280px; height:65px; padding:15px 10px 10px; font-size:3em;} #login .body { padding:10px; background-color:#FFF; border:1px solid #CCC; border-bottom-color:#AAA;} #login #feedback { margin-bottom:10px; padding:10px; display:none; } #login .error { background-color:#FF4E00; color:#FFF; font-weight:bold; } #login .msg { background-color:#B1E506; color:#333; } #modal { position:relative; height:100%; } #modal .head { padding:12px 10px; background:#FCFCFC; border-bottom:1px solid #DDD;} #modal .body { padding:10px; font-size:1.25em; color:#555;} #modal .foot { position:absolute; bottom:0; width:100%; padding:10px 0; background:#FCFCFC; border-top:1px solid #DDD;} #modal .carousel ul li { position:relative; } #modal .carousel ul li .caption { position:absolute; bottom:25px; width:580px; padding:10px; font-size:.8em; color:#FFF; background:rgba(0, 0, 0, .9);} /* STORE --------------------------------------- */ /* Categories */ ul.categories { margin:0; padding:0; border-top:1px solid #EEE;} ul.categories li { position:relative; border:1px solid #EEE; border-top-width:0;} ul.categories li:hover { background-color:#F7F7F7;} ul.categories li ul { margin:0; padding:0; background-color:#FCFCFC;} ul.categories li ul li { border-width:1px 0 0;} ul.categories li a { display:block; padding:11px 10px 12px; text-decoration:none;} ul.categories li a.selected { background-color:#0066cb; color:#FFF;} ul.categories li ul li a { padding-left:20px;} ul.categories .direction { position:absolute; top:0; right:5px; width:22px; height:26px; background:url(../img/icons/nav_dropdown.png) no-repeat 0 -2px;} ul.categories li.selected .direction { background-position:right -38px;} ul.categories li.item.no-records { margin-top:1em; color:#CCC; font-size:2em; border:none;} /* Featured List */ #featured_list {} #featured_list .item { position:relative; float:left; width:220px; padding:0 10px; text-align:left; } #featured_list .item.first { padding-left:0;} #featured_list .item.last { padding-right:0;} #featured_list .item.no-records { padding:0; font-size:2em; color:#CCC;} #featured_list .item .image { width:200px; height:120px; padding:9px; overflow:hidden; text-align:center; border:1px solid #eaeaea;} #featured_list .item .title { padding:8px; font-size:1.332em; color:#666;} #featured_list .item .sale { position:absolute; top:5px; left:5px; width:32px; height:32px; background:url(../img/icons/sale_1.png);} #featured_list .item .sale span { font-size:.8em;} #featured_list .item .price { position:absolute; top:10px; right:40px; padding:5px; color:#FFF; background:#a8ca1b; } #featured_list .item .price .quiet { color:#e9f9a2;} #featured_list .item.last .price { right:30px;} #featured_list .item .buy { position:absolute; top:10px; right:10px;} #featured_list .item.last .buy { right:0;} #featured_list .item .buy .uiDropdownButton { background:#8daa0a; border:none;} #featured_list .item .buy .uiIcon-cart { left:7px; background-position:0 6px;} /* List */ #list {} #list .headings { padding:15px 10px; font-weight:bold; color:#FFF; background:url(../img/uiList_headings.jpg) repeat-x left top;} #list .headings a { color: #FFF; text-decoration:none; border-bottom:1px dotted #FFF; } #list .headings a:hover { border-style:solid; } #list .headings a.order_dir_asc { padding-right:15px; background:url(../img/icons/order_dir.png) no-repeat right 5px; border-bottom:none; } #list .headings a.order_dir_desc { padding-right:15px; background:url(../img/icons/order_dir.png) no-repeat right -28px; border-bottom:none; } #list .item { padding:15px; } #list .item.zebra-a { background-color:#F2F9CC; } #list .item.zebra-b { background-color:#FFFFFF; } #list .item.no-records { padding:0; font-size:2em; color:#CCC; } #list .item .image { float:left; width:200px; padding:9px; margin-right:10px; overflow:hidden; background:#FFF; border:1px solid #d5dda6; text-align:center;} #list .item .data { float:left; width:440px; } #list .item .code { color:#8E9951; margin-bottom:.25em;} #list .item .title { } #list .item .title h2 { margin-bottom:.25em; color:#555;} #list .item .desc { padding-bottom:1em; margin-bottom:1em; color:#8E9951; border-bottom:1px solid #d5dda6;} #list .item .price { float:left; padding:6px 0; } #list .item .sale { float:right; padding:6px 10px; color:#333; background-color:#fedc00;} .dropdown_qty .uiDropdownMenuWrapper { width:180px; } .dropdown_qty .uiDropdownMenu { padding:0; } /* Cart List */ #cart_list {} #cart_list .headings { padding:15px 10px; font-weight:bold; color:#FFF; background:url(../img/uiList_headings.jpg) repeat-x left top;} #cart_list .item { position:relative; padding:15px; } #cart_list .item.zebra-a { background-color:#F2F9CC; } #cart_list .item.zebra-b { background-color:#FFFFFF; } #cart_list .item.no-records { padding:10px; font-size:2em; color:#CCC; } #cart_list .item .code { float:left; width:40px; margin-right:5px;} #cart_list .item .title { float:left; width:315px; margin-right:20px;} #cart_list .item .price { float:left; width:85px; text-align:right;} #cart_list .item .qty { float:left; width:70px; margin-right:10px; margin-left:10px; } #cart_list .item .subtotal { float:left; width:75px; margin-right:5px; } #cart_list .item .total { float:left; width:540px; margin-right:5px; } #cart_list .item .qty { position:relative; } #cart_list .item .qty .qty_fld { width:60px; padding:3px 4px; border:1px solid #c7ce9c; text-align:right;} #cart_list .item .qty .qty_btn { float:left; position:absolute; top:0; left:75px; display:none;} #cart_list .item .qty img { margin:7px 0 0 28px;} #cart_list .item .quiet { color:#a4aa79;} #cart_list .item .actions img.pre { margin:7px 0 0 13px;} /* Checkout */ #cart_checkout { background-color:#FDFDFD; } #cart_checkout .border { border:1px solid #056eb0; border-width:0 1px;} #cart_checkout .head { padding:15px 10px; color:#FFF; font-weight:bold; background:#056eb0 url(../img/uiList_headings.jpg) repeat-x; } #cart_checkout .body { padding:10px;} #cart_checkout .foot { padding:10px; background-color:#F7F7F7; border-bottom:1px solid #005184; border-top:1px solid #DDD;} #cart_checkout .foot .success { padding-left:40px; line-height:1.25em; background:url(../img/icons/success.png) no-repeat left center; } #cart_checkout .subtitle { padding:5px 10px; font-weight:bold; color:#056eb0; background:#F7F7F7; border-top:1px solid #DDD;} #cart_checkout .subtitle p { margin:0;} #cart_checkout .subtitle a { text-decoration:none; color:#777; font-weight:normal;} #cart_checkout .subtitle a:hover { color:#056eb0;} #cart_checkout .body p { margin:0 0 3px 0;} /* History */ #history_list { background-color:#FDFDFD; } #history_list .border { border:1px solid #056eb0; border-width:0 1px;} #history_list .head { padding:15px 10px; color:#FFF; font-weight:bold; background:#056eb0 url(../img/checkout_headings_bg.jpg) repeat-x; } #history_list .body { padding:5px 0; border-bottom:1px solid #056eb0; } #history_list .body a.item { display:block; padding:10px; text-decoration:none; border:1px solid #fdfdfd; border-width:1px 0;} #history_list .body a.item:hover { background-color:#FFF; border-color:#82bce0;} #history_list .body a.item span { color:#999;} #history_list .body a.item.sel { background-color:#82bce0; border-color:#056eb0; color:#fff;} #history_list .body a.item.sel span { color:#fff;} /* PAGINATION ---------------------------------- */ .pagination { margin-top:2em;} .pagination a { text-decoration:none;} .pagination .stat_left { float:left; width:400px; } .pagination .stat_right { float:right; width:240px; text-align:right;} .pagination .nav { float:left; width:700px; padding:0; background-color:#F2F9CC;} .pagination .nav div { float:left;} .pagination .nav .prev, .pagination .nav .next { width:50px; height:50px; padding:0; background:url(../img/pagination.png) no-repeat;} .pagination .nav .page { width:40px; height:32px; padding-top:18px; font-size:1em; text-align:center;} .pagination .nav .sel { background-color:#FFF;} .pagination .nav .page:hover { background-color:#333; color:#FFF;} .pagination .nav .sel:hover { background-color:#FFF; color:#333;} .pagination .nav .prev { background-position: 0px 0px;} .pagination .nav .next { background-position:-50px 0px;} .pagination .nav .prev:hover { background-position: 0px -50px;} .pagination .nav .next:hover { background-position:-50px -50px;} .pagination .nav .prev-disabled { background-position: 0px -100px;} .pagination .nav .next-disabled { background-position:-50px -100px;} .pagination .nav .prev-disabled:hover { background-position: 0px -100px;} .pagination .nav .next-disabled:hover { background-position:-50px -100px;} /* FORMS --------------------------------------- */ input[type="submit"]:focus, input[type="button"]:focus { border-color:#ffaa00; } input[type="checkbox"]:focus + label a { border-bottom:1px solid #ffaa00 !important;} input[type="radio"]:focus + label a { border-bottom:1px solid #ffaa00 !important;} .form_body { background-color:#FCFCFC; } .form_body .body_full { padding:2em; } .form_body .body_half { padding:2em; float:left; width:420px; } .form_body .body_third { padding:2em; float:left; width:264px; } .form_body .body_div_r { border-right:1px solid #E5E5E5;} .form_body .body_div_l { border-left:1px solid #E5E5E5;} .form_foot { padding:2em; background-color:#F5F5F5; border-bottom:1px solid #CCC;} .form_foot .success { text-align:right; padding-right:40px; background:url(../img/icons/success.png) no-repeat right center; } .form .fld_wrap { position:relative;} .form .fld_wrap label { position:absolute; top:13px; left:15px;} .form .fld { margin-bottom:10px; padding:10px; font-size:1em; font-family:Arial; background-color:#FFF; border:1px solid #DDD; border-top-color:#BBB; } .form .fld:hover { border-color:#7F8A38; } .form .fld:focus { border-color:#7F8A38; background-color:#EBF3BA; } .form .fld_long { width:250px; max-width:90%;} .form .fld_tiny { margin-bottom:0; padding:4px 4px 3px; background:#F9F9F9; border-left-width:0; border-color:#999; border-bottom-color:#666; } .form .fld_tiny:hover { border-color:#999; border-bottom-color:#666;} .form .fld_tiny:focus { border-color:#999; border-bottom-color:#666; background-color:#FFF;} .form .fld_tiny + label { top:6px; left:8px;} .form .fld_mute, .form .fld_mute:hover, .form .fld_mute:focus { background:#FFF url(../img/icons/search_icon.gif) no-repeat right 4px; border-color:#FFF;} .form .fld_error { background-image:url(../img/icons/error.png); background-position:right top; background-repeat:no-repeat; border-bottom:1px solid #FF4300; } .form .fld_valid { background-image:url(../img/icons/valid.png); background-position:right top; background-repeat:no-repeat; border-bottom:1px solid #7F8A38; } .form span.fld_error { padding-left:20px; border:none; background:none;} .form div.fld_error { padding-bottom:10px; border:none; background:none;} .form input[type="checkbox"] + label { position:relative; top:-3px; left:3px;} .form input[type="checkbox"] + label a { border-bottom:1px solid #CCC;} .form input[type="checkbox"] + label:hover { cursor:pointer;} .form input[type="radio"] + label { position:relative; top:-3px; left:3px;} .form input[type="radio"] + label a { border-bottom:1px solid #CCC;} .form input[type="radio"] + label:hover { cursor:pointer;} .form #message { padding:10px; margin-bottom:10px; font-size: line-height:1.2em; background-color:#FFF694; } .form #message .warn { color:#FC3E0F;} .form #submit { margin-top:10px; padding-top:10px; border-top:1px solid #CCC;} .form .hint { padding-left:20px; line-height:18px; color:#999; background:url(../img/icons/info.png) no-repeat; } .form .search_reset { position:absolute; right:8px; top:8px; width:13px; height:13px; background: url(../img/icons/search_reset.png) no-repeat 0px 0px; } .form .search_reset:hover { background-position:0px -13px;} #addToCart_form {} #addToCart_form .fld { margin-bottom:0; width:30px; padding:5px; text-align:right;} #addToCart_form label { position:absolute; left:10px; top:17px; display:block; font-weight:bold; } #advSearch_form {} #advSearch_form .fld { width:298px;} #advSearch_form select.fld { width:318px;} /* TIPOS + LINKS ------------------------------- */ h1.title { margin:0; } h2.subtitle { float:left; margin-bottom:2em; padding-right:10px; } h2.subtitle.on { color:#333;} h2.subtitle.off { color:#666;} hr { display:block; height:1px; margin:20px 0; background-color:#EEE; border:none;} a.mute { text-decoration:none; } #login a { color:#573B16; border-bottom:1px solid #9DB400; text-decoration:none; cursor:pointer; } #login a:hover { border-bottom-color:#808F5D; } #login a:focus { border-bottom.color:#ffaa00;} /* SOCIAL -------------------------------------- */ .fb-btn {width:21px; height:22px; background: url(../img/icons/fb-btn.jpg) top; cursor:pointer; margin-right:10px; margin-top:24px;} .fb-btn:hover {background-position:bottom; cursor:pointer;} .tw-btn {width:21px; height:22px; background: url(../img/icons/tw-btn.jpg) top; cursor:pointer; margin-top:24px;} .tw-btn:hover {background-position:bottom; cursor:pointer;} /* Rollovers imagenes */ #artist .scroll-pane img:hover { opacity:0.4; filter:alpha(opacity=40); }