/********************************************************************************************** Main Sections in CSS: 1. BASIC ELEMENTS Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc. 2. LAYOUT Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site 3. PAGE COMMON STYLES Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc 4. PAGE SPECIFIC STYLES Define content styles that are specific to a particular page ***********************************************************************************************/ /* import core styles */ @import url(base.css); /*------------------------------------------ // 1.BASIC ELEMENTS // Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc. //------------------------------------------*/ body { color:#000; font-family: Arial, Helvetica, sans-serif; background:#fff 0 100% repeat-x; } /*body { color:#000; font-family: Arial, Helvetica, sans-serif; background:#fff url(../img/body-bg.jpg) 0 100% repeat-x; }*/ h1, h2, h3, h4, h5, h6, p, li { line-height:1.0em; } /*------------------------------------------ // 2.LAYOUT // Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site //------------------------------------------*/ /*---- Page ----*/ div.page { background:url(../img/page-top.jpg) 0 0 repeat-x; padding-top:8px;} /*---- Container ----*/ div#container { background:url(../img/container-bg.jpg) 0 0 repeat-x;} /*---- Wrapper ----*/ div.wrapper { width:978px; margin:0 auto; } /*---- Header ----*/ div#header { padding:15px 0 20px;} /*---- Main Navigation ----*/ div#main-navigation { padding:5px 10px; background:#c99; } /*---- Content ----*/ div#content { padding:0 45px 20px 32px;} /*---- Main ----*/ div#main { width:655px;} div#main.full{ width:100%;} /*---- Sidebar ----*/ div#sidebar { width:236px;} /*---- Footer ----*/ div#footer { padding:0 20px 20px 38px; } /*------------------------------------------ // 3. PAGE COMMON STYLES // Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc //------------------------------------------*/ /*---- Header - Logo ----*/ div#header div.logo{ float:left; width:519px; margin:10px 15px 0 0;} div#header div.logo h1 a {display:block; background:url(../img/header/logo.png) 0 0 no-repeat; width:519px; height:0px; padding-top:95px; overflow:hidden; } /*---- Header - stats ----*/ div#header div.stats{ float:left; width:345px; margin-bottom:12px; padding-left:45px;} div#header div.stats p{ font-size:120%; color:#bebebe; } div#header div.stats p span{ color:#196996; font-size:125%; font-weight:bold;} /*---- Header - login-area ----*/ div#header div.login-area{ float:left; width:390px; background:#f7f7f7 url(../img/header/login-left.jpg) 0 0 no-repeat; height:58px;} div#header div.login-area div.right{ background:url(../img/header/login-right.jpg) 100% 0 no-repeat; padding:7px 10px;} div#header div.login-area a.ad-link{ background:url(../img/header/adlink-bg.png) 0 0 no-repeat; display:block; width:135px; height:39px; font-size:130%; color:#FFF; font-weight:bold; line-height:15px; padding:5px 0 0 35px; float:left; margin-right:30px; text-decoration:none;} div#header div.login-area a.ad-link small{ font-weight:normal; font-size:85%; display:block;} div#header div.login-area a.login{ font-size:120%; color:#36a1de; font-weight:bold; float:left; background:url(../img/header/login-icon.gif) 0 0 no-repeat; padding-left:18px; line-height:15px; margin-top:6px;} div#header div.login-area a.misdatos{ font-size:120%; color:#36a1de; font-weight:bold; float:left; background:url(../img/header/misanuncios.png) 0 0 no-repeat; padding-left:18px; line-height:15px; margin-top:6px;} div#header div.login-area span{ float:left; color:#bebebe; font-size:120%; font-weight:bold; margin:16px 5px 0 0;} /*---- Main Navigation ----*/ div#main-navigation ul li{ float:left; padding:5px 20px;} div#main-navigation ul li a { float:left; text-decoration:none; font-size:120%; } /*---- Search form ----*/ div#search-form{ margin-bottom:20px;} div#search-form div.bottom{ padding:25px 12px 25px 7px;} span.textarea{ background:url(../img/content/textarea.gif) 0 0 no-repeat; height:52px; display:block; padding-left:20px;} span.textarea span{ background:url(../img/content/textarea.gif) 100% 0 no-repeat; padding-right:9px; display:block; height:52px;} div#search-form span.textarea{ margin-bottom:11px;} div#search-form span.textarea span{ padding-top:9px; height:43px;} div#search-form input.textbox{ float:left; margin-top:9px; width:800px; padding-right:15px; border:0; font-size:140%; color:#645050;} div#search-form input.search-btn{ float:right;} div#search-form a.more-search{ font-size:120%; color:#36a1de; font-weight:bold; text-decoration:underline; background:url(../img/content/search-icon.gif) 0 0 no-repeat; padding-left:20px;} div#search-form a.more-search:hover{ text-decoration:none;} /*---- Main ----*/ div#main h1{ font-size:320%; color:#36a1de; float:left; width:480px; margin:0px 5px 10px 0;} div#main h1 a{ color:#36a1de;} div#main h1 span{ font-size:40%; font-weight:normal; color:#c2c2c2;} div#main h1 span a{color:#c2c2c2; text-decoration:underline;} div#main h1 span a:hover{ text-decoration:none;} div#main h1 small{ color:#8c8c8c; font-size:40%; display:block; line-height:14px; font-weight:normal;} div#main p.hignlight{ color:#36a1de; font-weight:bold;} /*---- Breadcrumbs----*/ div#breadcrumbs{ margin-bottom:20px;} div#main div#breadcrumbs{ margin-top:8px; margin-bottom:16px;} div#breadcrumbs div.right{ padding-top:11px; height:22px;} div#breadcrumbs a, div#breadcrumbs span{ font-size:120%; color:#504b4b;} div#breadcrumbs a.home{ background:url(../img/content/home.gif) 0 0 no-repeat; padding-left:18px;} div#breadcrumbs a.change-city{ float:right; color:#000; font-weight:bold; background:url(../img/content/arrow.gif) 100% 4px no-repeat; padding-right:10px;} /*---- Ad----*/ div#main div.ad{ margin-bottom:20px; height:250px;} div#main div.ad h2{ font-size:120%; color:#bebebe; font-weight:normal; margin-bottom:15px; line-height:25px; height:30px;} div#main div.ad h2 span{ color:#36a1de; font-size:260%; font-weight:bold; margin:0 4px;} div#sidebar div.ad{ text-align:center;} /*---- section----*/ div#main div.column{ width:208px; float:left; margin:0 10px 10px 0;} div#main div.section{ margin-bottom:15px;} div#main div.section h2{ background:url(../img/content/heading.jpg) 100% 0 no-repeat; padding-right:20px; margin-bottom:10px; font-size:150%; color:#FFF; font-weight:bold;} div#main div.section h2 span{ background:url(../img/content/heading.jpg) 0 0 no-repeat; height:49px; display:block; line-height:40px;} div#main div.section h2 small{ font-size:75%; font-weight:normal;} div#main div.section h2 img{ float:left; margin-top:-10px; margin-left:2px; margin-right:5px;} div#main div.section h2 img.airoplane{ margin:5px 5px -5px -2px;} div#main div.section h2 img.car{ margin:8px 5px 0 3px;} div#main div.section h2 img.glass{ margin:-7px 5px 0 2px;} div#main div.section h2 img.home{ margin:0 5px;} div#main div.section h2 img.microscop{ margin:3px 5px 0 7px;} div#main div.section h2 img.animal{ margin:-2px 5px 0 2px;} div#main div.section h2 img.hart{ margin:-7px 5px 0 3px;} div#main div.section h2 img.man{ margin:-5px 5px 0 10px;} div#main div.section h2 img.sale{ margin:-2px 5px 0 4px;} /*---- Sidebar ---*/ /*---- Post ---*/ div.post h1{ font-size:320%; color:#36a1de; margin-bottom:20px;} div.post h1 a{ color:#36a1de;} div.post h2 { font-size:260%; color:#36a1de; margin-bottom:20px;} div.post h3 { font-size:240%; color:#36a1de; margin-bottom:20px;} div.post h4 { font-size:220%; color:#36a1de; margin-bottom:20px;} div.post h5 { font-size:200%; color:#36a1de; margin-bottom:20px;} div.post p { color:#000; line-height:21px; font-size:120%; margin-bottom:20px; display:block; } div.post p a { color:#000; } div.post blockquote { margin-bottom:30px; background:url(../img/content/left-colun.jpg) 0 0 no-repeat; padding:10px 0 0 100px; } div.post blockquote p{ margin-bottom:5px; font-size:140%; font-family:Tahoma, Geneva, sans-serif; line-height:26px; color:#717171; background:url(../img/content/right-colun.jpg) 100% 100% no-repeat; padding:0 100px 10px 0px;} div.post blockquote p cite{ font-weight:bold; text-align:right; display:block;} div.post img { max-width:100%; } div.post img.alignleft{ float:left; margin:0 10px 10px 0; display: inline;} div.post img.alignright{ float:right; margin:0 0px 10px 10px; display: inline;} div.post img.aligncenter{ display:block; margin-left:auto; margin-right:auto; margin-bottom:10px;} div.post ul { margin:0 0 20px 14px; list-style:disc; } div.post ol { margin:0 0 20px 18px; list-style:decimal; } div.post li { line-height:21px; font-size:120%; } div.post li ul, div.post li ol { margin-bottom:0px; } div.post li li, div.post li p { font-size:100%; margin-bottom:0px; } /*---- Post - Custom Lists ---*/ div.post ul.list1 { margin:0; padding:0; } div.post ul.list1 li { margin:0; padding:0; } div.post ol.list2 { margin:0; padding:0; } div.post ol.list2 li { margin:0; padding:0; } /*---- Footer - ---*/ div#footer p{ font-size:10px; color:#9d9d9d; margin-bottom:20px;} div#footer div.box6 a.button2{ margin-top:15px; font-size:9px;} div#footer div.disclamer p a{ font-weight:bold; color:#333333;} /*---- Footer -disclamer ---*/ div#footer div.disclamer{ margin-left:35px;} div#footer div.disclamer p{ color:#333333; line-height:20px; font-size:130%;} /*---- footer - Logo ----*/ div#footer div.logo{ float:left; width:380px; margin:0px 0px 10px 20px;} div#footer div.logo h1 a {display:block; background:url(../img/footer/footer-logo.png) 0 0 no-repeat; width:337px; height:0px; padding-top:62px; overflow:hidden; } /*---- Footer - Navigation ---*/ div#footer div#footer-navigation { margin-left:35px; } div#footer div#footer-navigation ul li { float:left; font-size:130%; color:#7a7a7a; line-height:20px; } div#footer div#footer-navigation ul li a{color:#7a7a7a;} div#footer div#footer-navigation ul li.divider { margin:0 6px; } div#footer div#footer-navigation ul.link { float:left; width:350px; margin:12px 0 0 0; } div#footer div#footer-navigation ul.social { float:right; width:200px; } div#footer div#footer-navigation ul.social li { margin:0 5px; } /*---- Common Boxes & Containers ----*/ /*---- box1 ----*/ div.box1{ background:url(../img/content/boxes/box1-middle.jpg) 0 0 repeat-y;} div.box1 div.top{ background:url(../img/content/boxes/box1-top.jpg) 0 0 no-repeat;} div.box1 div.bottom{ background:url(../img/content/boxes/box1-bottom.jpg) 0 100% no-repeat; padding:10px;} /*---- box2 ----*/ div.box2{ background:url(../img/content/boxes/box2-middle.gif) 0 0 repeat-x;} div.box2 div.left{ background:url(../img/content/boxes/box2-left.gif) 0 0 no-repeat;} div.box2 div.right{ background:url(../img/content/boxes/box2-right.gif) 100% 0 no-repeat; padding:0 10px; height:33px;} /*---- box2b ----*/ div.box2b{} div.box2b div.left{ } div.box2b div.right{ padding:0 10px; height:33px;} /*---- box3 ----*/ div.box3{ margin-bottom:20px;} div.box3 div.top{ background:#32a1c0 url(../img/content/boxes/box3-top-left.jpg) 0 0 no-repeat;} div.box3 div.top div.right{ background:url(../img/content/boxes/box3-top-right.jpg) 100% 0 no-repeat; height:8px; line-height:8px;} div.box3 div.middle{background:#32a1c0 url(../img/content/boxes/box3-inner.jpg) 3px 0 no-repeat; padding:5px 5px 0;} div.box3 div.bottom{ background:#32a1c0 url(../img/content/boxes/box3-bottom-left.jpg) 0 0 no-repeat;} div.box3 div.bottom div.right{ background:url(../img/content/boxes/box3-bottom-right.jpg) 100% 0 no-repeat; height:8px; line-height:8px;} div.box3 h2{ font-size:200%; color:#FFF; margin-left:5px;} div.box3 p{ font-size:110%; color:#FFF; margin:0 0px 10px 5px;} div.box3 p span{ float:left;} div.box3 p span img{ float:left; margin:0 5px;} /*---- box4 ----*/ div.box4 div.box4-top{ background:url(../img/content/boxes/box4-top-left.png) 0 0 no-repeat; padding-left:7px;} div.box4 div.box4-top div.box4-top-right{ background:url(../img/content/boxes/box4-top-right.png) 100% 0 no-repeat; padding-right:7px;} div.box4 div.box4-top div.box4-top-center{background:#fff; height:7px; line-height:7px;} div.box4 div.box4-middle{ background:#fff; padding:10px 0px;} div.box4 div.box4-bottom{ background:url(../img/content/boxes/box4-bottom-left.png) 0 0 no-repeat; padding-left:7px;} div.box4 div.box4-bottom div.box4-bottom-right{ background:url(../img/content/boxes/box4-bottom-right.png) 100% 0 no-repeat; padding-right:7px;} div.box4 div.box4-bottom div.box4-bottom-center{background:#fff; height:7px; line-height:7px;} /*---- box5 ----*/ div.box5{ margin-bottom:20px;} div.box5 div.top{ background:url(../img/content/boxes/box5-top-middle.jpg) 0 0 repeat-x;} div.box5 div.top div.left{ background:url(../img/content/boxes/box5-top-left.jpg) 0 0 no-repeat;} div.box5 div.top div.right{ background:url(../img/content/boxes/box5-top-right.jpg) 100% 0 no-repeat; height:41px; line-height:41px;} div.box5 div.middle{ border-color:#d8d8d8; border-width:0 1px; border-style:solid; padding:10px 5px;} div.box5 div.bottom{ background:url(../img/content/boxes/box5-bottom-middle.jpg) 0 0 repeat-x;} div.box5 div.bottom div.left{ background:url(../img/content/boxes/box5-bottom-left.jpg) 0 0 no-repeat;} div.box5 div.bottom div.right{ background:url(../img/content/boxes/box5-bottom-right.jpg) 100% 0 no-repeat; height:41px; line-height:41px;} div.box5 div.top h2{ font-size:140%; color:#555555; padding-left:10px; line-height:41px;} /*---- box6 ----*/ div.box6{ background:url(../img/content/boxes/box6-middle.jpg) 0 0 repeat-y; width:901px; margin-bottom:20px;} div.box6 div.top{ background:url(../img/content/boxes/box6-top.jpg) 0 0 no-repeat;} div.box6 div.bottom{ background:url(../img/content/boxes/box6-bottom.jpg) 0 100% no-repeat; padding:6px 10px 10px;} div.box6 div.popular-cities{ margin-bottom:10px;} div#footer div.box6 div.popular-cities p{font-size:120%; color:#FFF; line-height:29px; margin:0;} div.box6 div.popular-cities ul{ float:right; margin-right:80px;} div.box6 div.popular-cities ul li{ float:left; line-height:29px; font-size:120%;} div.box6 div.popular-cities ul li a{ color:#FFF; font-weight:bold;} div.box6 div.popular-cities ul li.divider{ background:url(../img/content/divider.gif) 0 0 no-repeat; width:2px; height:29px; margin:0 25px;} div#footer div.box6 p.c1{float:left; width:210px; margin:0 5px 0 0;} div#footer div.box6 p.c2{float:left; width:210px; margin:0 5px 0 0;} div#footer div.box6 p.c3{float:left; width:210px; margin:0 5px 0 0;} div#footer div.box6 p.c4{float:left; width:210px;} div#footer div.box6 p a{clear:both; display:block; color:#8C8C8C; text-decoration:none; line-height:16px; text-align:center;} div#footer div.box6 p a:hover{ color:#565656; text-decoration:none;} /*---- box7 ----*/ div.box7 div.top{ background:url(../img/content/boxes/box7-top-middle.jpg) 0 0 repeat-x;} div.box7 div.top div.left{ background:url(../img/content/boxes/box7-top-left.jpg) 0 0 no-repeat;} div.box7 div.top div.right{ background:url(../img/content/boxes/box7-top-right.jpg) 100% 0 no-repeat; height:34px; line-height:34px;} div.box7 div.middle{ background:#36a1de;} div.box7 div.bottom{ background:#36a1de url(../img/content/boxes/box7-bottom-left.jpg) 0 0 no-repeat;} div.box7 div.bottom div.right{ background:url(../img/content/boxes/box7-bottom-right.jpg) 100% 0 no-repeat; height:15px; line-height:15px;} /*---- box8 ----*/ div.box8 div.top{ background:url(../img/content/boxes/box8-top-middle.gif) 0 0 repeat-x;} div.box8 div.top div.left{ background:url(../img/content/boxes/box8-top-left.gif) 0 0 no-repeat;} div.box8 div.top div.right{ background:url(../img/content/boxes/box8-top-right.gif) 100% 0 no-repeat; height:15px; line-height:15px;} div.box8 div.middle{ border-left:#cecece 1px solid; border-right:#cecece 1px solid; padding:10px 15px 1px;} div.box8 div.bottom{ background:url(../img/content/boxes/box8-bottom-middle.gif) 0 0 repeat-x;} div.box8 div.bottom div.left{ background:url(../img/content/boxes/box8-bottom-left.gif) 0 0 no-repeat;} div.box8 div.bottom div.right{ background:url(../img/content/boxes/box8-bottom-right.gif) 100% 0 no-repeat; height:15px; line-height:15px;} /*---- box9 ----*/ div.box9{ margin-bottom:20px;} div.box9 div.top{ background:#ecf2f6 url(../img/content/boxes/box9-top-left.gif) 0 0 no-repeat;} div.box9 div.top div.right{ background:url(../img/content/boxes/box9-top-right.gif) 100% 0 no-repeat; height:12px; line-height:12px;} div.box9 div.middle{ padding:0 10px 1px; background:#ecf2f6;} div.box9 div.bottom{ background:#ecf2f6 url(../img/content/boxes/box9-bottom-left.gif) 0 0 no-repeat;} div.box9 div.bottom div.right{ background:url(../img/content/boxes/box9-bottom-right.gif) 100% 0 no-repeat; height:13px; line-height:13px;} /*---- box10 ----*/ div.box10{ margin-bottom:20px;} div.box10 div.top{ background:#ffebc5 url(../img/content/boxes/box10-top-left.gif) 0 0 no-repeat;} div.box10 div.top div.right{ background:url(../img/content/boxes/box10-top-right.gif) 100% 0 no-repeat; height:12px; line-height:12px;} div.box10 div.middle{ padding:0 10px 1px; background:#ffebc5;} div.box10 div.bottom{ background:#ffebc5 url(../img/content/boxes/box10-bottom-left.gif) 0 0 no-repeat;} div.box10 div.bottom div.right{ background:url(../img/content/boxes/box10-bottom-right.gif) 100% 0 no-repeat; height:13px; line-height:13px;} /*---- box11 ----*/ div.box11 div.top{ background:#ececec url(../img/content/boxes/box11-top-left.gif) 0 0 no-repeat;} div.box11 div.top div.right{ background:url(../img/content/boxes/box11-top-right.gif) 100% 0 no-repeat; height:14px; line-height:14px;} div.box11 div.middle{ padding:0 6px 10px 9px; background:#ececec;} div.box11 div.middle h3{font-size: 130%; color:#909090} div.box11 div.bottom{ background:#ececec url(../img/content/boxes/box11-bottom-left.gif) 0 0 no-repeat;} div.box11 div.bottom div.right{ background:url(../img/content/boxes/box11-bottom-right.gif) 100% 0 no-repeat; height:14px; line-height:14px;} /*---- box12 ----*/ div.box12 div.box12-top{ background:url(../img/content/boxes/box12-top-middle.jpg) 0 0 repeat-x; margin-bottom:2px;} div.box12 div.box12-top div.box12-top-left{ background:url(../img/content/boxes/box12-top-left.jpg) 0 0 no-repeat;} div.box12 div.box12-top div.box12-top-right{ background:url(../img/content/boxes/box12-top-right.jpg) 100% 0 no-repeat; height:47px;} div.box12 div.box12-middle{ background:url(../img/content/boxes/box12-middle.jpg) 0 0 repeat-x;} div.box12 div.box12-top h2{ font-size:340%; color:#FFF; font-weight:normal; float:right; margin:4px 10px 0 0; background:url(../img/content/h2-icon.gif) 0 16px no-repeat; padding-left:15px;} div.box12 div.box12-top h2 small{ font-size:35%; color:#bfe8ff;} /*---- Buttons ----*/ /*---- Button1 ----*/ a.button1{ background:url(../img/content/button1.jpg) 0 0 no-repeat; width:180px; height:47px; display:block; margin-bottom:10px; font-size:120%; font-weight:bold; color:#FFF; line-height:47px; padding-left:50px;} /*---- Button2 ----*/ div.page a.button2{ background:url(../img/content/button2-right.png) 100% 0px no-repeat; padding-right:7px; display:block; float:left; font-size:120%; color:#FFF; margin-right:10px;} div.page a.button2 span{ background:url(../img/content/button2.png) 0 0 no-repeat; display:block; padding:0 15px 0 25px; float:left; height:36px; line-height:36px; font-weight:bold;} div.page a.button2 img{ float:left; margin:10px 6px 0 0;} div.page a.button2:hover{ text-decoration:none;} /*---- Button3 ----*/ a.button3{ background:url(../img/content/sidebar/button3-right.png) 100% 0 no-repeat; padding-right:15px; display:block; float:right; font-size:120%; color:#FFF; position:relative;} a.button3 span{ background:url(../img/content/sidebar/button3.png) 0 0 no-repeat; height:44px; line-height:44px; padding:0 10px 0 45px; display:block; float:left;} a.button3 img{ position:absolute; left:-20px; top:6px;} a.button3:hover{ text-decoration:none;} /*---- Button4 ----*/ a.button4{ background:url(../img/content/button4.jpg) 0 0 no-repeat; padding-left:25px; display:block; float:left; margin-right:10px; font-size:110%; color:#FFF; font-weight:bold;} a.button4 span{ background:url(../img/content/button4.jpg) 100% 0 no-repeat; padding-right:25px; display:block; float:left; height:47px; line-height:40px;} a.button4 img{ margin:13px 5px 0 0; float:left;} a.button4:hover{ text-decoration:none;} /*---- Lists ----*/ /*---- List1 ----*/ ul.list1 li{ background:url(../img/content/list-icon.gif) 0 0 no-repeat; padding-left:20px; font-size:110%; color:#848484; line-height:15px; margin-bottom:6px;} ul.list1 li a{color:#848484;} /*---- List2 ----*/ ul.list2{ width:214px; right:-30px; position:relative;} ul.list2 li{ background:url(../img/content/arrow2.gif) 0 10px no-repeat; padding-left:14px; float:left; width:114px; line-height:30px; height:30px; margin-right:-21px; position:relative; z-index:10;} ul.list2 li a{ font-size:110%; color:#000;} ul.list2 li:hover{ background:url(../img/content/list-hover.gif) 0 0 no-repeat; font-weight:bold; z-index:20;} ul.list2 li:hover a{ text-decoration:none;} /*---- List3 ----*/ ul.list3 li{ margin-bottom:20px;} ul.list3 li div.frame{ background:url(../img/content/frame2.jpg) 0 0 no-repeat; width:49px; height:50px; padding:5px 6px; float:left;} ul.list3 li div.entry{ margin-left:70px; padding-top:5px;} ul.list3 li h3{ font-size:110%; color:#000; font-weight:normal;} ul.list3 li h3 a{ color:#000;} ul.list3 li span.timestamp{ font-size:110%; color:#bbbbbb; display:block; margin:0px; padding:5px 0 5px 0; line-height:14px;} ul.list3 li span.rating{ background:url(../img/content/rating.jpg) 0 0 no-repeat; width:62px; height:15px; display:block;} ul.list3 li span.rating span{ background:url(../img/content/rating.jpg) 0 -16px no-repeat; height:15px; display:block;} ul.list3 li p.rating{ color:#8e8e8e; font-weight:bold; width:120px; margin-bottom:8px; font-size:120%;} /*---- List4 ----*/ div.post ul.list4 { margin-left:40px;} ul.list4 li{ margin-bottom:40px; list-style:none;} ul.list4 li span{ float:left; background:url(../img/content/counting-bg.jpg) 0 0 no-repeat; display:block; width:40px; height:40px; text-align:center; line-height:40px; font-size:240%;} ul.list4 li div.entry{ margin-left:50px;} ul.list4 li p{ color:#717171;} /*---- List5 ----*/ ul.list5 li{ background:url(../img/content/list-icon2.gif) 0 0 no-repeat; padding-left:20px; line-height:16px; font-size:120%; color:#000; margin-bottom:10px;} ul.list5 li a{ color:#000;} ul.list5 li ul{ margin:10px 0 0 20px;} ul.list5 li ul li{ color:#888888; background:none; list-style:disc; padding:0; font-size:100%;} ul.list5 li ul li a{color:#888888;} /*---- List7 ----*/ ul.list7 li{ background:url(../img/content/list-icon7.gif) 0 0 no-repeat; padding-left:20px; line-height:16px; font-size:120%; color:#000; margin-bottom:10px;} ul.list7 li a{ color:#000;} ul.list7 li ul{ margin:10px 0 0 20px;} ul.list7 li ul li{ color:#888888; background:none; list-style:disc; padding:0; font-size:100%;} ul.list7 li ul li a{color:#888888;} /*---- List6 ----*/ ul.list6{ padding-left:10px;} ul.list6 li{ background:#e1e1e1; border:#fefefe 1px solid; padding:7px 22px 2px; margin-bottom:15px;} ul.list6 li.highlight{background:#daeaf5;} ul.list6 li img{ border:#0d0d0d 1px solid; float:left;} ul.list6 li div.entry{ margin:0 140px 0 80px; } ul.list6 li h3, ul.list6 li h3 a, ul.list6 li h3 a:hover{ color:#1a77ac; font-size:100%; margin-bottom:5px; text-decoration:none;} ul.list6 li p, ul.list6 li p a, ul.list6 li p a:hover{ color:#000; line-height:15px; font-size:100%; margin-bottom:5px; text-decoration:none;} ul.list6 li p a.more-link{ background:url(../img/content/more.gif) 0 0 no-repeat; font-weight:bold; color:#FFF; padding:2px 11px; bottom:-2px; position:relative; text-decoration:none;} ul.list6 li.sponsored{ background:none; border:0; margin-bottom:15px; font-size:120%; font-weight:bold; text-align:right; padding:0;} ul.list6 li.sponsored a{ color:#4bafe8;} ul.list6 li div.info{ float:right; width:110px; padding-top:10px;} ul.list6 p.rating{ color:#8e8e8e; font-weight:bold; width:120px; margin-bottom:8px; font-size:120%;} ul.list6 p.price{ color:#121212; background:url(../img/content/price-icon.gif) 0 0 no-repeat; line-height:16px; padding-left:20px; margin-left:10px; font-size:120%;} ul.list6 p.price span{ font-weight:bold; color:#f67014;} /*---- form ----*/ div#sidebar div.form fieldset{ width:319px; padding-left:5px;} div#sidebar div.form fieldset label{ margin-bottom:10px;} div.form p{ margin-bottom:12px;} div.form p.select-box span.textbox6 span{ padding-top:12px; height:30px; padding-right:5px;} div.form p.select-box span.textbox6 span input.browse{ border:0;} div.form label{ font-size:120%; color:#000; display:block; margin-bottom:8px; padding-left:10px;} div.form input.textbox{ margin-top:10px; border:0; width:280px; background:#dcdcdc; color:#8c8c8c;} div.form textarea{ width:290px; border:0; background:#dcdcdc; color:#8c8c8c;} div.form input.submit-btn3{ background:url(../img/content/sidebar/submit-btn3.gif) 0 0 no-repeat; width:193px; height:44px; border:0; font-size:120%; color:#FFF;} /*---- textbox1 ----*/ span.textbox{ background:url(../img/content/textbox.jpg) 0 0 no-repeat; display:block; width:338px; padding-left:15px;} span.textbox span{ background:url(../img/content/textbox.jpg) 100% 0 no-repeat; height:49px; display:block; padding-right:10px;} /*---- textbox2 ----*/ span.textbox2{ background:url(../img/content/textbox2.jpg) 0 0 no-repeat; display:block; width:340px; padding-left:15px;} span.textbox2 span{ background:url(../img/content/textbox2.jpg) 100% 0 no-repeat; height:49px; display:block; padding-right:10px;} /*---- textbox3 ----*/ span.textbox3{ background:#fff url(../img/content/textbox-left.gif) 0 0 no-repeat; display:block;} span.textbox3 span{ background:url(../img/content/textbox-right.gif) 100% 0 no-repeat; height:41px; display:block; padding:0 10px;} /*---- textbox4 ----*/ span.textbox4{ background:url(../img/content/sidebar/textbox4.gif) 0 0 no-repeat; display:block; padding-left:15px;} span.textbox4 span{ background:url(../img/content/sidebar/textbox4.gif) 100% 0 no-repeat; height:43px; display:block; padding:0 10px 0 0;} /*---- textarea2 ----*/ span.textarea2{ background:url(../img/content/sidebar/textarea-middle.jpg) 0 0 repeat-y; display:block;} span.textarea2 span.top{ background:url(../img/content/sidebar/textarea-top.jpg) 0 0 no-repeat; display:block;} span.textarea2 span.bottom{ background:url(../img/content/sidebar/textarea-bottom.jpg) 0 100% no-repeat; padding:10px; display:block;} /*---- textbox5 ----*/ span.textbox5{ background:url(../img/content/textbox5-right.png) 100% 0 no-repeat; display:block; padding-right:15px;} span.textbox5 span{ background:url(../img/content/textbox5-left.png) 0 0 no-repeat; height:43px; display:block; padding:0 0px 0 10px;} /*---- textbox6 ----*/ span.textbox6{ background:url(../img/content/textbox6.jpg) 0 0 no-repeat; display:block; padding-left:15px;} span.textbox6 span{ background:url(../img/content/textbox6.jpg) 100% 0 no-repeat; height:30px; display:block; padding:0 10px 0 0;} /*---- textarea3 ----*/ div.form span.textarea3 span.top{ background:url(../img/content/textarea-top-left.png) 0 0 no-repeat; padding-left:16px; display:block;} div.form span.textarea3 span.top span.right{background:url(../img/content/textarea-top-right.png) 100% 0 no-repeat; padding-right:16px; display:block;} div.form span.textarea3 span.top span.center{background:url(../img/content/textarea-top-middle.png) 0 0 repeat-x; height:17px; line-height:17px; display:block;} div.form span.textarea3 span.middle{ background:#FFF; padding:0 10px; display:block;} div.form span.textarea3 span.bottom{ background:url(../img/content/textarea-bottom-left.png) 0 0 no-repeat; padding-left:14px; display:block;} div.form span.textarea3 span.bottom span.right{background:url(../img/content/textarea-bottom-right.png) 100% 0 no-repeat; padding-right:14px; display:block;} div.form span.textarea3 span.bottom span.center{background:#fff; height:14px; line-height:14px; display:block;} /*------------------------------------------ // 4.1 INDEX PAGE SPECIFIC STYLES //------------------------------------------*/ /*---- slider----*/ /* file: js/jquery.slider/jquery.slider.css */ /*------------------------------------------ // 4.2 INNER2 PAGE SPECIFIC STYLES //------------------------------------------*/ body.inner2 div#header div.logo h1 a {background:url(../img/header/inner2-logo.png) 0 0 no-repeat; } body.inner2 div#header div.stats p span, body.inner2 div#header div.login-area a.login, body.inner2 div#search-form a.more-search, body.inner2 div#main div.ad h2 span { color:#92b30d;} body.inner2 ul.list2 li {background:transparent url(../img/content/arrow3.gif) no-repeat scroll 0 10px;} body.inner2 div#main div.section h2{ background:url(../img/content/inner2-heading.jpg) 100% 0 no-repeat; padding-right:20px; margin-bottom:10px; font-size:150%; color:#FFF;} body.inner2 div#main div.section h2 span{ background:url(../img/content/inner2-heading.jpg) 0 0 no-repeat; height:49px; display:block; line-height:40px;} body.inner2 ul.list2 li:hover{ background:url(../img/content/inner2-list-hover.gif) 0 0 no-repeat;} body.inner2 div#main div.section{ margin-bottom:50px;} /*---- box3 ----*/ body.inner2 div.box3 div.top{ background:#8cc032 url(../img/content/boxes/inner2-box3-top-left.jpg) 0 0 no-repeat;} body.inner2 div.box3 div.top div.right{ background:url(../img/content/boxes/inner2-box3-top-right.jpg) 100% 0 no-repeat;} body.inner2 div.box3 div.middle{background:#8cc032 url(../img/content/boxes/inner2-box3-inner.jpg) 3px 0 no-repeat;} body.inner2 div.box3 div.bottom{ background:#8cc032 url(../img/content/boxes/inner2-box3-bottom-left.jpg) 0 0 no-repeat;} body.inner2 div.box3 div.bottom div.right{ background:url(../img/content/boxes/inner2-box3-bottom-right.jpg) 100% 0 no-repeat;} /*---- box6 ----*/ body.inner2 div.box6 div.top{ background:url(../img/content/boxes/inner2-box6-top.jpg) 0 0 no-repeat;} /*---- country-bar ----*/ div#footer div.box6 div.country-bar{ margin-bottom:10px;} div#footer div.box6 div.country-bar p{font-size:120%; color:#FFF; line-height:28px; margin:0;} div#footer div.box6 div.country-bar ul{ float:right; margin:7px 20px 0 0;} div#footer div.box6 div.country-bar ul li{ float:left; margin-right:25px;} div#footer div.box6 div.country-bar ul li.spain a{ background:url(../img/content/country.png) 10px 0 no-repeat; height:14px; display:block; float:left; width:90px;} div#footer div.box6 div.country-bar ul li.mexico a{ background:url(../img/content/country.png) 10px -17px no-repeat; height:14px; display:block; float:left; width:90px;} div#footer div.box6 div.country-bar ul li.argentina a{ background:url(../img/content/country.png) 19px -32px no-repeat; height:14px; display:block; float:left; width:90px;} div#footer div.box6 div.country-bar ul li.bolivia a{ background:url(../img/content/country.png) 10px -46px no-repeat; height:14px; display:block; float:left; width:90px;} div#footer div.box6 div.country-bar ul li.chile a{ background:url(../img/content/country.png) 5px -60px no-repeat; height:14px; display:block; float:left; width:90px;} div#footer div.box6 div.country-bar ul li.ecuador a{ background:url(../img/content/country.png) 18px -73px no-repeat; height:14px; display:block; float:left; width:90px;} div#footer div.box6 div.country-bar ul li a img{ margin-top:2px;} /*---- Search-form ----*/ body.inner2 div#search-form div.bottom{padding:25px 50px 25px 12px;} div#search-form p{ margin-bottom:10px;} div#search-form p label{ font-size:350%; color:#504b4b; font-weight:bold; line-height:45px; float:left; margin:0 20px 0 30px;} div#search-form p select{font-size:130%; color:#fff; background:#bababa; float:left; height:45px; width:325px;} div#search-form p input.search-btn{ margin-right:50px;} body.inner2 div#search-form a.more-search{ margin-top:12px; float:left; line-height:15px;} /*------------------------------------------ // 4.3 REGISTER PAGE SPECIFIC STYLES //------------------------------------------*/ div#container.register div.post p{ color:#878787;} /*---- inner-wrapper ----*/ div.two-column{ margin-bottom:20px;} /*---- registration ----*/ div#registration{ float:left; width:393px;} div#registration div.middle{ padding:0 20px 1px; } div#content div#registration h2{ font-size:200%; color:#FFF; margin-bottom:20px; padding-left:10px; top:-10px; position:relative;} div#registration p{ margin-bottom:10px;} div#registration p label{ font-weight:bold; color:#FFF; display:block; margin-bottom:4px; padding-left:16px;} div#registration p input.textbox{ margin-top:12px; width:325px; border:0;} div#container div#registration p.check{ font-size:110%; color:#FFF; line-height:16px;} div#container div#registration p.check a{color:#FFF;} div#container div#registration p.check input.check{ float:left; margin:2px 5px 0 0;} div#container div#registration p.check img{ float:left; margin-right:5px;} /*---- login-frm ----*/ div#login-frm{ float:right; width:410px;} div#login-frm fieldset{ margin-bottom:20px;} div#login-frm h2{ font-size:200%; color:#aeaeae; padding-left:5px; margin-bottom:28px;} div#login-frm p{ margin-bottom:15px;} div#login-frm p label{ font-weight:bold; color:#3c3c3c; display:block; margin-bottom:4px; padding-left:16px;} div#login-frm p input.textbox{ margin-top:12px; width:325px; border:0;} div#login-frm p input.login-btn{ background:url(../img/content/submit-bg.gif) 0 0 no-repeat; width:111px; height:35px; border:0; float:right; color:#4d4848; font-size:180%; font-weight:bold; margin-right:20px; cursor:pointer;} div#container div#login-frm p.password, div#container div#login-frm p.username{ color:#000; margin-bottom:10px; line-height:15px;} div#container div#login-frm p.password a, div#container div#login-frm p.username a{ color:#36a1de; font-weight:bold; text-decoration:underline;} div#container div#login-frm p.password a:hover, div#container div#login-frm p.username a:hover{ text-decoration:none;} div#container div#login-frm p.password{ background:url(../img/content/password-icon.gif) 0 0 no-repeat; padding-left:20px;} div#container div#login-frm p.username{ background:url(../img/content/user-icon.gif) 0 0 no-repeat; padding-left:20px;} /*------------------------------------------ // 4.4 LIST PAGE SPECIFIC STYLES //------------------------------------------*/ /*---- Refine-Search ----*/ div.box9 h2{ font-size:200%; color:#bdd2e0; margin-bottom:10px;} div#refine-search p{ margin-bottom:15px;} div#refine-search label{ font-size:120%; color:#000; display:block; margin-bottom:10px; font-weight:bold; padding-left:8px;} div#refine-search label span{ font-size:180%; color:#23acf7; font-weight:normal; margin-left:10px;} div#refine-search select{ width:210px; font-size:120%; color:#b9b9b9;} div#refine-search input.textbox{ width:190px; margin-top:9px; border:0; font-size:120%; color:#b9b9b9;} div#refine-search div.slider label{ margin-bottom:5px; line-height:20px;} div#refine-search div.slider span{font-size:230%; color:#23acf7; font-weight:normal; border:0; float:left; height:15px; padding-top:10px;} div#refine-search div.slider input#precio{float:left; height:25px; border:0; background-color:transparent; text-align:right; width:100px; margin-right:8px; font-size:220%; color:#23acf7; font-weight:normal; text-align:right; margin-left:60px;} div#refine-search img#decrease{ float:left; margin:8px 8px 0 0;} div#refine-search img#increase{ float:left; margin:8px 0px 0 8px;} div#refine-search p.checkbox{ margin:25px 0 20px 0;} div#refine-search p.checkbox label{ margin-bottom:12px;} div#refine-search p.checkbox { font-size:120%; line-height:16px;} div#refine-search p.checkbox input.check{ float:left;} div#refine-search p.checkbox img{ float:left; margin-right:5px;} div#refine-search p input.search-btn{ background:url(../img/content/submit-bg.png) 0 0 no-repeat; width:111px; height:35px; border:0; font-size:210%; color:#4d4848; font-weight:bold; cursor:pointer;} /*---- layout2 ----*/ body.layout2 div#content{ padding-right:25px;} body.layout2 div#main{ width:673px;} body.layout2 div#main h1{ margin-bottom:0;} body.layout2 div#sidebar{ padding-top:20px;} /*---- city-form ----*/ div#city-form{ float:left; width:150px; margin:2px 0 0 0;} div#city-form a{ font-size:120%; color:#8c8c8c; text-decoration:underline; float:right; line-height:16px;} div#city-form a:hover{ text-decoration:none;} div#city-form select{ float:right; margin-right:10px; width:120px;} /*---- heading ----*/ div#main div.heading{ background:url(../img/content/heading-middle.gif) 0 0 repeat-x; margin:0 -25px 15px 0; position:relative; width:690px;} div#main div.heading div.heading-left{ background:url(../img/content/heading-left.gif) 0 0 no-repeat;} div#main div.heading div.heading-right{ background:url(../img/content/heading-right.gif) 100% 0 no-repeat; height:49px; padding:0 70px 0 40px; } div#main div.heading span{ font-size:120%; color:#FFF; font-family:Tahoma, Geneva, sans-serif; line-height:49px; margin-right:22px;} /*---- rating2 ----*/ span.rating2{ background:url(../img/content/rating2.gif) 0 0 no-repeat; height:16px; display:block; width:93px; float:right;} span.rating2 span{ background:url(../img/content/rating2.gif) 0 -17px no-repeat; display:block; height:16px; float:left; overflow:hidden;} /*---- pagination ----*/ div#pagination a.previous, div#pagination a.next{ background:url(../img/content/pagination-ant-sig.jpg) 0 0 no-repeat; width:35px; height:43px; display:block; line-height:35px; text-align:center; font-size:140%;} div#pagination a.previous:hover, div#pagination a.next:hover{ background:url(../img/content/pagination-ant-sig.jpg) 0 0 no-repeat;} div#pagination a.button2:hover{ background:url(../img/content/button2.png) 100% -37px no-repeat;} div#pagination a.button2 span{ float:left; width:80px; text-align:center;} div#pagination a{ background:url(../img/content/pagination-bg.jpg) 0 0 no-repeat; width:35px; height:43px; display:block; float:left; margin-right:5px; font-size:120%; color:#FFF; font-weight:bold; line-height:35px; padding-right:7px; text-align:center;} div#pagination a:hover, div#pagination a.active{ background:url(../img/content/pagination-hover.jpg) 0 0 no-repeat; text-decoration:none;} /*------------------------------------------ // 4.5 FICHA PAGE SPECIFIC STYLES //------------------------------------------*/ div#content.ficha{ padding:0 0 20px;} div#content.ficha div#sidebar{ width:372px; padding:20px 0px 0; background:#ededed url(../img/content/sidebar-bg.jpg) 0 0 repeat-x;} div#content.ficha div#sidebar div.sidebar-inner{ background:url(../img/content/sidebar-inner.jpg) 0 100% no-repeat; padding:0 4px 20px;} div#content.ficha div#main{ width:600px; padding-top:12px;} /*---- breadcrumbs ----*/ div.box12 div#breadcrumbs{ margin:0; padding:10px 20px 0;} div.box12 div#breadcrumbs p{padding:0 0 5px 0;} div.box12 div#breadcrumbs a{ color:#FFF; background:none; padding:0;} div.box12 div#breadcrumbs span{ color:#FFF;} /*---- ad ----*/ div#content.ficha div#sidebar div.visorfotos{ padding:0; margin-bottom:10px; height:310px; position:relative;} div#content.ficha div#sidebar div.visorfotos img{position:absolute; display:block; top:40px; left:2px; display:none;} h2.heading1{ font-size:140%; color:#6e6e6e; margin-bottom:7px; background:url(../img/content/sidebar/h2-middle.jpg) 0 0 repeat-x;} h2.heading1 small{ color:#0b96e4;} h2.heading1 span.left{ background:url(../img/content/sidebar/h2-left.jpg) 0 0 no-repeat; display:block;} h2.heading1 span.right{ background:url(../img/content/sidebar/h2-right.jpg) 100% 0 no-repeat; height:38px; display:block; line-height:33px; text-align:left; padding-left:10px;} /*---- slider ---- div#sidebar div.slider{position:relative; margin-bottom:10px;} div#sidebar div.slider ul{ margin-left:29px;} div#sidebar div.slider ul li{ float:left; margin-right:10px; width:96px; height:72px;} div#sidebar div.slider a.previous{ position:absolute; left:-2px; top:20px;} div#sidebar div.slider a.next{ position:absolute; right:-2px; top:20px;} */ /*---- map ----*/ div#sidebar div.map{ text-align:center; margin-bottom:10px;} div#sidebar div.map img{ border:#bbbbbb 1px solid; margin-bottom:8px;} div#sidebar div.map p a{ font-size:140%; color:#0b96e4; font-weight:bold; background:url(../img/content/sidebar/search-icon2.gif) 0 0 no-repeat; padding-left:20px; line-height:15px; float:right; margin-top:5px; margin-bottom:15px;} div#sidebar div.map div#map{width:358px; height:300px; border:1px solid #BBBBBB;margin-left:2px;} /*----main ----*/ div#main h2.heading2{ font-size:260%; color:#0894e3; line-height:36px; margin-bottom:10px; font-weight:normal;} div#main div.buttons{ margin-bottom:20px;} div#main div.buttons a{ float:left; margin-left:35px;} div#main div.buttons a.button4 span{ width:125px;} div#content div.box13{ background:#f4f4f4; margin-bottom:20px;} div#content div.box13 div.inner{ padding:10px;} div#content div.box13 h2{ background:url(../img/content/box13-h2.jpg) 0 0 repeat-x; height:33px; line-height:33px; padding:0 10px; font-size:150%; color:#FFF; font-weight:bold;} div#content div.box13 h2 span.rating2{ float:right; margin-top:10px;} div#content div.box13 p{ font-size:120%; color:#010101; margin-bottom:20px; line-height:23px;} div#content div.box13 p a{ font-weight:bold; color:#0493e3;} div#content div.box13 p.timestamp{ color:#767676; text-align:right; background:url(../img/content/border-line.jpg) 0 0 repeat-x; padding-top:10px; margin-bottom:5px;} div#content div.box13 p.timestamp span{ background:url(../img/content/calendar.gif) 0 0 no-repeat; padding-left:20px;} /*----reply-form ----*/ div#reply-form div.column1{ float:left; width:225px;} div#reply-form div.column2{ float:right; width:322px;} div#reply-form div.column1 p{ margin-bottom:25px;} div#reply-form p label{ font-size:100%;} div#reply-form div.column1 input.textbox{ width:200px; background:#FFF; margin-top:12px;} div#reply-form textarea{ width:300px; background:#fff; height:170px;} div#reply-form input.send-btn{ background:url(../img/content/submit-bg.png) 0 0 no-repeat; width:111px; height:35px; font-size:170%; color:#4d4848; font-weight:bold; border:0; float:right; cursor:pointer;} div#content div#reply-form p.require{ background:url(../img/content/icon4.gif) 0 8px no-repeat; padding-left:15px; font-weight:bold; font-size:110%; margin-bottom:10px;} /*----tabs ----*/ div.tabs ul.tabs-strip{ margin-bottom:10px;} div.tabs ul.tabs-strip li{ font-size:130%; font-weight:bold; margin-right:20px; float:left; position:relative;} div.tabs ul.tabs-strip li a{color:#5b5b5b; text-decoration:none; line-height:33px; height:33px; padding:0 20px; float:left;} div.tabs ul.tabs-strip li img{ position:absolute; left:50%; bottom:-11px; margin-left:-5px; display:none;} div.tabs ul.tabs-strip li:hover, div.tabs ul.tabs-strip li.active{ background:#3489e9 url(../img/content/tab-left.gif) 0 0 no-repeat;} div.tabs ul.tabs-strip li:hover a, div.tabs ul.tabs-strip li.active a{ background:url(../img/content/tab-right.gif) 100% 0 no-repeat; display:block; color:#FFF;} div.tabs ul.tabs-strip li:hover img, div.tabs ul.tabs-strip li.active img{ display:block;} div.tabs div.tab-content{ padding:0 10px;} div#content div.tabs div.tab-content p{ font-size:110%; margin-bottom:10px;} div.tabs div.tab-content ul.list6 li{ margin-bottom:13px; background:#e5e5e5;} div.tabs div.tab-content ul.list6 li div.entry { margin-right:40px;} div#content div.tabs div.tab-content ul.list6 li div.entry p{ line-height:15px;} div#content div.tabs div.tab-content ul.list6 li div.entry p a.more-link{ color:#FFF;} /*----form ----*/ div.form div.step div.inner{ padding-left:100px;} div.form div.step h1{ font-size:330%; color:#0a92df; font-weight:normal; height:66px; line-height:45px;} div.form div.step h1 span.step-no{ background:url(../img/content/step-bg.gif) 0 0 no-repeat; width:60px; height:60px; display:block; float:left; margin-right:35px; padding:0 5px 6px 0; text-align:center; line-height:60px; color:#FFF; font-size:130%;} div.form div.step h1 span.new-account{ font-size:37%; color:#a3a3a3; float:right; background:url(../img/content/account-icon.gif) 0 0 no-repeat; padding-left:15px; line-height:16px; margin-top:20px;} div#content div.form div.step p.full{ float:none; clear:both;} div.form div.step label{ color:#504b4b; font-size:120%;} div.form div.step input.textbox{ font-size:120%; color:#000; font-weight:bold; background:#fff;} div.form div.step h1 span.new-account a{ color:#0a92df; text-decoration:underline;} div.form div.step h1 span.new-account a:hover{ text-decoration:none;} div.form div#step1 p{ float:left; margin-bottom:20px;} div.form div.step p.middle{ width:305px; margin-right:10px;} div.form div.step p.middle span.textbox6{ width:265px;} div.form div.step p.middle span.right{ float:right; margin-top:30px;} div.form div.step p.middle input.textbox{ width:250px; background:transparent; margin-top:7px;} div.form div#step1 p.radio{ font-size:140%; color:#f36d14; font-weight:bold;} div.form div#step1 p.small{ width:200px; margin-right:20px;} div.form div#step1 p.small input.textbox{ width:170px; background:#FFF;} div.form div.step p label span{ font-size:85%; color:#ff0000; float:right;} div.form div.step p label small{ font-size:85%; color:#929292; float:right;} div.form div.step p select{ width:280px;font-size:120%; color:#000; font-weight:bold;} /*----step2 ----*/ div.form div#step2 ul li{ float:left; margin:0 35px 20px 0; width:124px;} div.form div#step2 ul li input.radio{ float:left; margin:25px 10px 0 0;} /*----step3 ----*/ div.form div#step3{ margin-bottom:20px;} div.form div.step div.column1{ float:left; width:305px;} div.form div.step div.column2{ float:left; width:455px; float:right;} div.form div.step div.column2 input.textbox{ width:420px; } div.form div.step textarea{ width:435px; height:230px; background:#FFF;} div.form div.step p.sale span.textbox6{ width:230px; float:left; margin-right:10px;} div.form div.step p.sale input.textbox{ width:210px;} div.form div.step p.sale img{ float:left; margin:8px 10px 0 0;} div.form div.step p.photo-no label{ float:left; width:50px; width:210px; line-height:42px;} div.form div.step p.photo-no span.textbox6{ float:left; width:40px; padding-left:20px;} div.form div.step p.photo-no span.textbox6 input.textbox{ width:20px;} div.form div.step div.photo-box{ background:#f0f0f0; padding:10px; margin-left:30px; margin:-48px 0 20px 0; position:relative;} div.form div.step div.photo-box ul{ margin-left:10px;} div.form div.step div.photo-box ul li{ background:#ebebeb; padding:10px 10px 5px; border:#fff 1px solid; float:left; width:92px; margin:0 15px 15px 0;} div.form div.step div.photo-box ul li img{ margin-bottom:5px;} div.form div.step div.photo-box ul li a{ font-size:120%; color:#4bafe8; text-align:right; display:block; line-height:15px;} div.form div.step p input.publish{ background:url(../img/content/publish.jpg) 0 0 no-repeat; width:234px; height:55px; border:0; font-size:230%; color:#FFF; cursor:pointer;} /*----textarea4 ----*/ div.form span.textarea4, div.form span.textarea4 span{ display:block;} div.form span.textarea4 span.top{ background:url(../img/content/textarea4-top-middle.jpg) 0 0 repeat-x;} div.form span.textarea4 span.top span.left{ background:url(../img/content/textarea4-top-left.jpg) 0 0 no-repeat;} div.form span.textarea4 span.top span.right{ background:url(../img/content/textarea4-top-right.jpg) 100% 0 no-repeat; height:17px; line-height:17px;} div.form span.textarea4 span.middle{ background:url(../img/content/textarea4-middle-left.jpg) 0 0 repeat-y; border-right:#eaeaea 1px solid; padding:0 10px;} div.form span.textarea4 span.bottom{ background:url(../img/content/textarea4-bottom-middle.jpg) 0 0 repeat-x;} div.form span.textarea4 span.bottom span.left{ background:url(../img/content/textarea4-bottom-left.jpg) 0 0 no-repeat;} div.form span.textarea4 span.bottom span.right{ background:url(../img/content/textarea4-bottom-right.jpg) 100% 0 no-repeat; height:15px; line-height:15px;} /* Mapa Google Maps*/ #cont_mapa{width:330px; height:255px;} label.mapa{padding-top:5px;} /*---- List11 ----*/ ul.list11 li { width:125px; float:left; margin:0 5px 5px 0; padding:8px; border:1px solid #ffc177; background:#ffe1a3; } ul.list11 li img { margin-bottom:6px; } ul.list11 li a.view { width:40px; background:url(../img/buttons/delete.png) no-repeat left top; display:block; color:#f45900; font-size:130%; height:13px; padding:3px 0 0 20px; margin:0 auto 5px auto;} ul.list11 li a.view:hover{color:#2D1100;} ul.list11 li a.ppal { width:60px; background:url(../img/buttons/rating.gif) no-repeat left bottom; display:block; color:#f45900; font-size:130%; height:13px; line-height:18px; padding:0 0 4px 20px; margin:0 auto 10px auto;} ul.list11 li a.ppal:hover, ul.list11 li a.ppalactive{width:60px; background:url(../img/buttons/rating.gif) no-repeat left top; display:block; color:#f45900; font-size:130%; height:13px; line-height:18px; padding:0 0 4px 20px; margin:0 auto 10px auto; } #contacto, #amigo, #alerta{ position: relative; } .loading_contacto{ background-color:#fff; width:100%; height:100%; position:absolute; z-index: 1; display:none; } .img_loading_contacto{ position:absolute; z-index: 2; display:none; } #contacto .img_loading_contacto { margin: 150px 0 0 280px; } #amigo .img_loading_contacto { margin: 170px 0 0 170px; } #alerta .img_loading_contacto { margin: 30px 0 0 170px; } div.e404 h2{ font-size:220%; display:block; padding-bottom:3px; margin-bottom:15px; color:#196996; display:block;} div.e404 p{ font-size:120%; display:block; padding-bottom:8px;} p.alerta{font-size:130%;} /*Menu tienda*/ ul#menu_tienda li{margin-bottom:5px;} ul#menu_tienda li a{text-decoration:none; font-size:120%; text-align:left; color:#666;} ul#menu_tienda li a:hover{text-decoration:none; color:#000; font-weight:bold;} ul#menu_tienda li a.crear{background:url(../img/content/tienda_crear.png) no-repeat top left; height:32px; line-height:32px; padding:0 0 0 33px; display:block;} ul#menu_tienda li a.anadir{background:url(../img/content/tienda_anadir.png) no-repeat top left; height:32px; line-height:32px; padding:0 0 0 33px; display:block;} ul#menu_tienda li a.configurar{background:url(../img/content/tienda_configurar.png) no-repeat top left; height:32px; line-height:32px; padding:0 0 0 33px; display:block;} ul#menu_tienda li a.ver{background:url(../img/content/tienda_ver.png) no-repeat top left; height:32px; line-height:32px; padding:0 0 0 33px; display:block;} ul#menu_tienda li a.editar{background:url(../img/content/tienda_editar_anuncios.png) no-repeat top left; height:32px; line-height:32px; padding:0 0 0 33px; display:block;} ul#menu_tienda li a.salir{background:url(../img/content/tienda_salir.png) no-repeat top left; height:32px; line-height:32px; padding:0 0 0 33px; display:block;} /*---- form-tienda ----*/ form#tienda{ margin-left:20px;} div#sidebar div.form-tienda fieldset{ width:319px; padding-left:5px;} div#sidebar div.form-tienda fieldset label{ margin-bottom:10px;} div.form-tienda p{ margin-bottom:12px;} div.form-tienda p.select-box span.textbox6 span{ padding-top:12px; height:30px; padding-right:5px;} div.form-tienda p.select-box span.textbox6 span input.browse{ border:0;} div.form-tienda label{ font-size:120%; color:#000; display:block; margin-bottom:8px; padding-left:10px;} div.form-tienda input.textbox{ margin-top:10px; border:0; width:280px; background:#dcdcdc; color:#8c8c8c;} div.form-tienda textarea{ width:290px; border:0; background:#dcdcdc; color:#8c8c8c;} div.form-tienda input.submit-btn3{ background:url(../img/content/sidebar/submit-btn3.gif) 0 0 no-repeat; width:193px; height:44px; border:0; font-size:120%; color:#FFF;} div.form-tienda h1{ font-size:330%; color:#0a92df; font-weight:normal; height:66px; line-height:45px;} div.form-tienda div.step label{ color:#504b4b; font-size:120%;} div.form-tienda p{ float:left; margin-bottom:20px;} div.form-tienda span.textbox6{ width:265px;} div.form-tienda span.right{ float:right; margin-top:30px;} div.form-tienda input.textbox{ width:250px; background:transparent; margin-top:7px; font-size:120%; color:#000; font-weight:bold; background:#fff;} /*Campos flotados*/ div.form-tienda p.middle{ width:305px; margin-right:10px;} div.form-tienda p.middle span.textbox6{ width:265px;} div.form-tienda p.middle span.right{ float:right; margin-top:30px;} div.form-tienda p.middle input.textbox{ width:250px; background:transparent; margin-top:7px;} div.form-tienda div#step1 p.radio{ font-size:140%; color:#f36d14; font-weight:bold;} div.form-tienda div#step1 p.small{ width:200px; margin-right:20px;} div.form-tienda div#step1 p.small input.textbox{ width:170px; background:#FFF;} div.form-tienda div.step p label span{ font-size:85%; color:#ff0000; float:right;} div.form-tienda div.step p label small{ font-size:85%; color:#929292; float:right;} div.form-tienda div.step p select{ width:280px;font-size:120%; color:#000; font-weight:bold;} div.form-tienda div.column1{ float:left; width:305px;} div.form-tienda div.column2{ float:left; width:455px; float:right;} div.form-tienda div.column2 input.textbox{ width:420px; } div.form-tienda div.photo-box{ background:#f0f0f0; padding:10px; margin-left:30px; margin:-48px 0 20px 0; position:relative;} div.form-tienda div.photo-box ul{ margin-left:10px;} div.form-tienda div.photo-box ul li{ background:#ebebeb; padding:10px 10px 5px; border:#fff 1px solid; float:left; width:92px; margin:0 15px 15px 0;} div.form-tienda div.photo-box ul li img{ margin-bottom:5px;} div.form-tienda div.photo-box ul li a{ font-size:120%; color:#4bafe8; text-align:right; display:block; line-height:15px;} div.form-tienda p input.publish{ background:url(../img/content/publish.jpg) 0 0 no-repeat; width:234px; height:55px; border:0; font-size:230%; color:#FFF; cursor:pointer;} /* Tienda sidebar*/ .tienda-sidebar{padding:20px 0px 0; background:#ededed url(../img/content/sidebar-bg.jpg) 0 0 repeat-x; margin:0 0 20px 0;} .tienda-sidebar img.logo{margin:0 5px 20px 5px;} .tienda-sidebar div#mapa{margin:5px 5px 20px 5px; width:225px; height:175px;} .tienda-sidebar .direccion {margin-bottom:15px;} .tienda-sidebar .direccion p{font-size:120%; line-height:18px; padding:0 0 0 5px;} .tienda-sidebar .direccion a{color:#36A1DE; text-decoration:none;} .tienda-sidebar .direccion a:hover{color:#196996; } /* detalle anuncio usuario / tienda*/ div.info_usuario a{ float:left; width:120px; font-size:110%; margin: 0 0 0 5px; color:#000; text-decoration:none; line-height:16px;} div.info_tienda a{ float:left; width:120px; font-size:110%; margin: 0 0 0 5px; color:#000; text-decoration:none; line-height:16px;} div.info_tienda img{ float:left; margin:0 0 0 15px;}