/********************************************************************************************** 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:Tahoma, Geneva, sans-serif; background:#fff url(../img/body-bg.gif) repeat-x left top; } 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 //------------------------------------------*/ /*---- Wrapper ----*/ div.wrapper { width:947px; margin:0 auto; } div.wrapper h1.title { font-size:320%; color:#40acd8; font-family:Arial, Helvetica, sans-serif; font-weight:normal; margin-bottom:18px; text-align:right; } div.wrapper h1.title span { color:#ccc; } div.wrapper h1.title_tienda { font-size:320%; color:#40acd8; font-family:Arial, Helvetica, sans-serif; font-weight:normal; margin-bottom:18px; text-align:left; } div.wrapper img.logo_tienda{margin:-10px 10px 0 0; border:1px solid #ADADAD; padding:2px; display:block; float:left;} /*---- Container ----*/ div#container { background:transparent url(../img/container-bg.gif) repeat-x left bottom; } /*---- Header ----*/ div#header { margin-bottom:14px; padding:7px 0 0 0; } /*---- Content ----*/ div#content div.inner-content { padding:0 12px 1px 18px; } div#content div.inner-content h3{font-size:130%; margin-bottom:15px; color: #A1A1A1 } /*---- Two-column-layout1 ----*/ div.two-column-layout1 div.column1 { width:490px; float:left; padding-left:10px; margin-bottom:10px; } div.two-column-layout1 div.column2 { width:361px; float:right; padding-right:37px; margin-bottom:10px;} /*---- Main ----*/ div#main { width:623px; margin-bottom:12px; } /*---- Sidebar ----*/ div#sidebar { width:307px; } /*---- Footer ----*/ div#footer div.wrapper { padding-bottom:25px; } /*------------------------------------------ // 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 - Ticker ----*/ div#header div#ticker { height:30px; float:right; margin:0 0 15px 0; } div#header div#ticker p { float:left; background:url(../img/buttons/bell.png) no-repeat 0 0; padding-left:20px; line-height:16px; font-size:110%; color:#5c5c5c; margin-right:8px; } div#header div#ticker ol { float:left; width:458px; height:16px; display:none; } div#header div#ticker ol li { float:left; color:#ff7f00; font-size:110%; line-height:16px; font-weight:bold; margin-right:10px; width:100%; height:16px; } div#header div#ticker ol li a {color:#ff7f00; font-weight:bold;} /*---- Header - Logo ----*/ div#header div.logo { width:279px; margin:0 0 8px 20px; height:72px; float:left; } div#header div.logo h1 a { display:block; overflow:hidden; width:100%; height:0; padding-top:72px; background:url(../img/header/logo1.jpg) no-repeat left top; } /*---- Header-right ----*/ div#header div.header-right { float:right; padding-top:30px; font-family:Arial, Helvetica, sans-serif; width:590px; } div#header div.header-right h1 { font-size:320%; color:#40acd8; font-family:Arial, Helvetica, sans-serif; font-weight:normal; margin-bottom:18px; text-align:right; } div#header div.header-right h1 span { color:#ccc; } div#header div.header-right p { text-align:right; color:#a8a8a8; font-size:140%; } div#header div.header-right span.selectbox1 { margin:4px 10px 0 0; float:left; } div#header div.header-right input.submit-btn1 { float:right; } /*---- Header - Search-form ----*/ div#header div.search-form { width:592px; float:right; position:relative; z-index:100; } div#header div.search-form p { padding-left:7px; font-size:120%; color:#474747; margin-bottom:10px; } div#header div.search-form p a { font-size:140%; color:#0492cc; } div#header div.search-form p span { font-size:90%; color:#c4c4c4; } div#header div.search-form label { color:#fff; font-size:180%; line-height:1.2em; margin-bottom:7px; display:block; padding-left:4px; } div#header div.search-form span.textbox1 { background:none; } div#header div.search-form span.textbox1 span.inner { padding:0; margin:0; font-weight:bold; background:none; } div#header div.search-form select { border:0; background:none; width:100%; } div#header div.search-form fieldset.first { width:151px; float:left; margin-right:20px; } div#header div.search-form fieldset.first span.textbox1 { width:151px; padding:0; } div#header div.search-form fieldset.second { width:200px; float:left; } div#header div.search-form fieldset.second span.textbox1 { width:200px; padding:0; } div#header div.search-form fieldset.third { width:350px; float:left; } div#header div.search-form fieldset.third span.textbox1 { width:375px; height:29px; padding:0; background-image: url(../img/content/buscador.png); background-repeat: no-repeat; margin:3px 0 0 0; } div#header div.search-form fieldset.third input{margin-top:4px; width:350px; border:0;} div#header div.search-form div.box2 form#buscador{margin-top:10px; display:block; } div#header div.search-form div.box2 form#buscador2 p { float:right; padding:0; margin:0; margin-top:24px;} div#header div.search-form div.box2 form#buscador p { float:right; padding:0; margin:0; } /*---- Header - Links ----*/ div#header div.links { background:url(../img/buttons/button1.gif) no-repeat left top; padding-left:9px; width:300px; float:left; } div#header div.links ul { background:url(../img/buttons/button1.gif) no-repeat right top; } div#header div.links ul li { float:left; line-height:41px; margin-right:10px; } div#header div.links ul li a { color:#a1a1a1; font-size:110%; line-height:42px; display:block; padding-left:35px; } div#header div.links ul li.rss a { background:url(../img/buttons/links1.png) no-repeat left 6px; float:left; } div#header div.links ul li.twitter a { background:url(../img/buttons/links1.png) no-repeat left -36px; float:left; } /*---- Sidebar ----*/ div#sidebar { margin-bottom:12px; } div#sidebar p span { color:#ec5d1a; font-size:130%; line-height:1.2em; } div#sidebar p { margin-bottom:18px; } /*---- Sidebar - Ad-listing---*/ div#sidebar div#ad-listing { margin-bottom:15px; } div#sidebar div#ad-listing h2 { padding-left:70px; font-size:210%; line-height:0.8em; color:#f3f3f3; margin-bottom:8px;} div#sidebar div#ad-listing h2 a { color:#f3f3f3; } div#sidebar div#ad-listing h2 span { color:#a3e5ff; font-size:58%; } /*---- Sidebar - Widget---*/ div#sidebar div.widget { margin-bottom:10px; } div#sidebar div.widget h2 { color:#7f7f7f; background:url(../img/buttons/bar1.png) no-repeat left top; padding-left:27px; color:#7f7f7f; font-size:120%; margin-bottom:10px; } div#sidebar div.widget h2 span { background:url(../img/buttons/bar1.png) no-repeat right -41px; display:block; height:39px; line-height:38px; padding:0 10px; } div#sidebar div.widget h3 { color:#00afff; font-size:150%; line-height:1.2em; margin-bottom:14px; font-weight:normal; } div#sidebar div.widget div.widget-content { padding:0 10px 1px 30px; } div#sidebar div#sponsors.widget img { margin:0 auto; border:1px solid #8cb5ff; display:block; } div#sidebar div#list-spain.widget { background:url(../img/map-spain.png) no-repeat 100% 36px; } div#sidebar div#list-spain div.widget-content h3 a{text-decoration:underline; color: #34AFFB; } div#sidebar div#list-spain div.widget-content h3 a:hover{text-decoration:none; color: #0492CC; } /*---- Main ---*/ div#main div.tab-content { margin-bottom:17px; } div#main div.tab-content div.box5-content { position:relative; padding:15px 6px 40px 10px; } div#main div.tab-content div.box5-content a.previous { position:absolute; background:url(../img/buttons/arrows1.gif) no-repeat left top; height:33px; width:33px; overflow:hidden; text-decoration:none; bottom:0; left:8px; } div#main div.tab-content div.box5-content a.next { position:absolute; background:url(../img/buttons/arrows1.gif) no-repeat left bottom; height:33px; width:33px; text-decoration:none; bottom:0; right:8px; } /*---- Section1 ---*/ div.section1 { width:202px; float:left; margin:0 8px 20px 0; } div.last { margin-right:0; } div#content div.section1 h2 { height:62px; margin-bottom:7px; color:#000; font-size:190%; font-weight:normal; line-height:0.7em; background:url(../img/buttons/bar3.png) no-repeat left top; padding-left:11px; } div#content div.section1 h2 img { float:left; margin:-7px 3px 0 0; position:relative; } div#content div.section1 h2 span.inner { display:block; background:url(../img/buttons/bar3.png) no-repeat right bottom; padding:16px 8px 0 0; height:46px; } div#content div.section1 h2 span.stats { font-size:60%; color:#979797; } div#content div#inmuebles.section1 h2 { color:#df0303; } div#content div#comunidad.section1 h2 { color:#7daaff; } div#content div#empleo.section1 h2 { color:#40e74b; } div#content div#servicios.section1 h2 { color:#1cb0e2; } div#content div#compra.section1 h2 { color:#f2a400; } div#content div#contactos.section1 h2 { color:#e21ea3; } div#content div#ocio.section1 h2 { color:#b9e21a; } div#content div#venta.section1 h2 { color:#bebebe; } div#content div#motor.section1 h2 { color:#e3213e; } div#content div.section1 ul.list6 { padding:0 20px 0 9px; } /*---- Featurd ----*/ div#featured { clear:both; margin-bottom:17px; } div#featured a.button3 { float:left; margin-bottom:12px; } div#featured span.inner { float:left; } div#featured ul.list7 { clear:both; } /*---- Two-column-layout1 ----*/ div.two-column-layout1 div.column1 h2 { color:#40acd8; line-height:1.2em; margin-bottom:10px; font-size:140%; font-weight:normal; } div.two-column-layout1 div.column2 h2 { color:#e64e17; line-height:1.2em; margin-bottom:22px; font-size:140%; font-weight:normal; } /*---- Heading1 ----*/ div#content h1.heading1 { background:url(../img/buttons/heading-bg2.gif) no-repeat left top; padding-left:10px; height:40px; line-height:40px; font-size:250%; color:#e74b14; font-weight:normal; margin-bottom:18px; } div#content h1.heading1 span.inner { background:url(../img/buttons/heading-bg2.gif) no-repeat right top; padding-right:10px; display:block; } /*---- Post ---*/ div.post h1 { font-size:280%; margin-bottom:10px; } div.post h2 { font-size:260%; margin-bottom:10px; } div.post h3 { font-size:240%; margin-bottom:10px; } div.post h4 { font-size:220%; margin-bottom:10px; } div.post h5 { font-size:200%; margin-bottom:10px; } div.post h5 { font-size:180%; margin-bottom:10px; } div.post p { color:#000; line-height:21px; font-size:120%; margin-bottom:28px; display:block; } div.post p a { color:#000; } div.post p span.precio {display:block; float:left; } div.post p a.comprar {display:block; float:left; margin:-5px 0 0 10px; } div.post blockquote { margin-bottom:20px; } div.post blockquote p{ margin-bottom:5px; font-style:italic;} 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:1.2em; 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; } /*---- Breadcrumbs ----*/ p#breadcrumbs { margin-bottom:14px; } p#breadcrumbs { font-size:130%; color:#3b3b3b; line-height:1.2em; margin-right:5px; } p#breadcrumbs a { color:#3b3b3b; } /*---- Pagination1 ----*/ div.pagination a { display:block; float:left; height:28px; line-height:28px; margin-right:7px; background:url(../img/buttons/button6.gif) no-repeat 0 -56px; color:#e5330a; padding-left:12px; font-size:110%; font-weight:bold; } div.pagination a:hover, div.pagination a.active { text-decoration:none; background-position:0 0; color:#fff; } div.pagination a span { display:block; background:url(../img/buttons/button6.gif) no-repeat 100% -84px; padding-right:12px; text-align:center; } div.pagination a:hover span, div.pagination a.active span { background-position:100% -28px; } div.pagination a.previous { float:left; margin:1px 13px 0 0; height:26px; background:url(../img/buttons/button5.gif) no-repeat left top; color:#fff; overflow:hidden; } div.pagination a.previous span.inner { float:left; } div.pagination p.previous { float:left; margin:1px 13px 0 0; height:26px; background:url(../img/buttons/button7.gif) no-repeat left top; color:#fff; overflow:hidden; } div.pagination p.previous span.inner { float:left; } div.pagination a.next { float:left; margin-top:1px; height:26px; line-height:26px; background:url(../img/buttons/button5.gif) no-repeat left top; color:#fff; margin:0; } div.pagination a.next span.inner { float:left; } div.pagination p.next { float:left; margin-top:1px; height:26px; line-height:26px; background:url(../img/buttons/button7.gif) no-repeat left top; color:#fff; margin:0; } div.pagination p.next span.inner { float:left; } /*---- Footer - Navigation ---*/ div#footer ul { float:left; padding-top:15px; } div#footer ul ul { float:none; padding:0; } div#footer ul li { color:#f57d29; font-size:130%; line-height:1.2em; border-bottom:1px solid #e0e0e0; padding:5px 0 7px 7px; } div#footer ul li.last { border:0; } div#footer ul li ul { display:inline; margin-left:10px; } div#footer ul li li { display:inline; font-size:85%; padding:0; border:0; } div#footer ul li li a { color:#2fb4ea; text-decoration:underline; } div#footer ul li li a:hover { text-decoration:none; } /*---- Footer ---*/ div#footer div.box7 { margin:0 -5px; position:relative; width:100%; } div#footer div.logo { width:279px; float:right; padding-right:32px; margin-left:22px; } div#footer div.logo h1 a { width:100%; display:block; height:0; padding-top:72px; overflow:hidden; background:url(../img/footer/logo1.png) no-repeat left top; } /*---- Common Boxes & Containers ----*/ /*---- Box1 ----*/ div.box1 { background:url(../img/boxes/box1-left.png) no-repeat left bottom; padding-left:6px; } div.box1-right { background:url(../img/boxes/box1-right.png) no-repeat right bottom; padding-right:6px; } div.box1-content { background:url(../img/boxes/box1-middle.png) repeat-x left bottom; padding:7px 17px; } /*---- Box Login ----*/ div.boxLogin { background:url(../img/boxes/box2-left.png) no-repeat left bottom; padding-left:6px; float:left; width:200px; height:30px; margin:0 0 15px 0;} div.boxLogin-right { background:url(../img/boxes/box2-right.png) no-repeat right bottom; padding-right:6px; height:30px;} div.boxLogin-content { background:url(../img/boxes/box2-middle.png) repeat-x left bottom; padding:7px 0 7px 0; height:16px;} div.boxLogin a.user_anadir{margin:0 0 0 15px; width:50px; background: url(../img/user_anadir.png) no-repeat 2px 3px; padding:2px 0 4px 16px; display:block; float:left; color:#FFF; font-size:120%; font-weight:bold;} div.boxLogin a.user_anadir:hover{padding:4px 0 4px 18px; width:48px; background-position:4px 5px; text-decoration:none;} div.boxLogin a.user_login{margin:0 0 0 10px;width:50px; background: url(../img/user_login.png) no-repeat 2px 3px; padding:2px 0 4px 16px; display:block; float:left; color:#FFF; font-size:120%; font-weight:bold;} div.boxLogin a.user_login:hover{padding:4px 0 4px 18px; background-position:4px 5px; text-decoration:none;} div.boxLogin p.separador{margin:0 6px 0 6px; display:block; float:left; color:#FFF; font-size:120%; font-weight:bold;} div#sintienda.boxLogin a.user{width:57px; background: url(../img/user.png) no-repeat 0px 1px; padding:2px 0 4px 13px; display:block; float:left; color:#FFF; font-size:110%; font-weight:bold;} div#sintienda.boxLogin a.user:hover{padding:4px 0 4px 15px; width:55px; background-position:2px 3px; text-decoration:none;} div#sintienda.boxLogin a.shop{width:75px; background: url(../img/user_shop.png) no-repeat 0px 2px; padding:2px 0 4px 14px; display:block; float:left; color:#FFF; font-size:110%; font-weight:bold;} div#sintienda.boxLogin a.shop:hover{padding:4px 0 4px 16px; width:73px; background-position:2px 3px; text-decoration:none;} div#sintienda.boxLogin a.user_salir{width:10px; height:14px; background: url(../img/user_salir.png) no-repeat 0px 1px; display:block; float:left; color:#FFF; font-size:110%; font-weight:bold;} div#sintienda.boxLogin a.user_salir:hover{width:12px; background-position:2px 2px; text-decoration:none;} div#sintienda.boxLogin p.separador{margin:0 2px 0 2px; display:block; float:left; color:#FFF; font-size:120%; font-weight:bold;} div#contienda.boxLogin a.user{width:57px; background: url(../img/user.png) no-repeat 0px 1px; padding:2px 0 4px 13px; display:block; float:left; color:#FFF; font-size:110%; font-weight:bold;} div#contienda.boxLogin a.user:hover{padding:4px 0 4px 15px; width:55px; background-position:2px 3px; text-decoration:none;} div#contienda.boxLogin a.shop{width:57px; background: url(../img/user_shop.png) no-repeat 0px 2px; padding:2px 0 4px 14px; display:block; float:left; color:#FFF; font-size:110%; font-weight:bold;} div#contienda.boxLogin a.shop:hover{padding:4px 0 4px 16px; width:55px; background-position:2px 3px; text-decoration:none;} div#contienda.boxLogin a.user_salir{width:10px; height:14px; background: url(../img/user_salir.png) no-repeat 0px 1px; display:block; float:left; color:#FFF; font-size:110%; font-weight:bold;} div#contienda.boxLogin a.user_salir:hover{width:12px; background-position:2px 2px; text-decoration:none;} /*---- Box2 ----*/ div.box2 { background:url(../img/boxes/box2-middle.jpg) repeat-y left top; } div.box2 div.box2-top { background:url(../img/boxes/box2-top.jpg) no-repeat left top; padding-top:12px; } div.box2 div.box2-top div.box2-content { background:url(../img/boxes/box2-bottom.jpg) no-repeat left bottom; padding:0 40px 20px 14px; } /*---- Box3 ----*/ div.box3 { background:url(../img/boxes/box3-middle.gif) repeat-y left top; } div.box3 div.box3-top { background:url(../img/boxes/box3-top.gif) no-repeat left top; padding-top:15px; } div.box3 div.box3-top div.box3-content { background:url(../img/boxes/box3-bottom.gif) no-repeat left bottom; padding:0 22px 10px; } /*---- Box4 ----*/ div.box4 { background:#e6e6e6; } div.box4 div.box4-top-left { background:url(../img/boxes/box4-top-left.gif) no-repeat top left; } div.box4 div.box4-top-right { background:url(../img/boxes/box4-top-right.gif) no-repeat top right; } div.box4 div.box4-bottom-left { background:url(../img/boxes/box4-bottom-left.gif) no-repeat bottom left; } div.box4 div.box4-content { background:url(../img/boxes/box4-bottom-right.gif) no-repeat bottom right; padding:9px 0 10px; } /*---- Box5 ----*/ div.box5-top-left { background:url(../img/boxes/box5-top-left.png) no-repeat bottom left; padding-left:8px; } div.box5-top-right { background:url(../img/boxes/box5-top-right.png) no-repeat bottom right; padding-right:8px; } div.box5-top-middle { background:url(../img/boxes/box5-top-middle.png) repeat-x bottom left; height:8px; line-height:8px; } div.box5-content { border:1px solid #ffdbb8; border-width:0 1px; padding:15px 1px 1px 3px; background:#ffeedd; } div.box5-bottom-left { background:url(../img/boxes/box5-bottom-left.png) no-repeat top left; padding-left:8px; } div.box5-bottom-right { background:url(../img/boxes/box5-bottom-right.png) no-repeat top right; padding-right:8px; } div.box5-bottom-middle { background:url(../img/boxes/box5-bottom-middle.png) repeat-x top left; height:8px; line-height:8px; } /*---- Box6 ----*/ div.box6-top-left { background:url(../img/boxes/box6-top-left.png) no-repeat bottom left; padding-left:7px; } div.box6-top-right { background:url(../img/boxes/box6-top-right.png) no-repeat bottom right; padding-right:7px; } div.box6-top-middle { background:#efefef; height:7px; line-height:7px; } div.box6-content { background:#efefef; padding:0 10px 1px; } div.box6-bottom-left { background:url(../img/boxes/box6-bottom-left.png) no-repeat top left; padding-left:7px; } div.box6-bottom-right { background:url(../img/boxes/box6-bottom-right.png) no-repeat top right; padding-right:7px; } div.box6-bottom-middle { background:#efefef; height:7px; line-height:7px; } /*---- Box7 ----*/ div.box7-top-left { background:url(../img/boxes/box7-top-left.gif) no-repeat bottom left; padding-left:24px; position:relative; z-index:10; } div.box7-top-right { background:url(../img/boxes/box7-top-right.gif) no-repeat bottom right; padding-right:24px; } div.box7-top-middle { background:url(../img/boxes/box7-top-middle.gif) repeat-x left bottom; height:40px; line-height:40px; } div.box7-middle-left { background:url(../img/boxes/box7-middle-left.gif) repeat-y top left; padding-left:24px;} div.box7-middle-right { background:url(../img/boxes/box7-middle-right.gif) repeat-y top right; padding-right:24px; } div.box7-content { background:#2fb4ea; height:1%; } div.box7-content p { color:#fff; font-size:130%; line-height:1.3em; margin-top:-20px; position:relative; z-index:20; } div.box7-content p a { color:#fff; } div.box7-bottom-left { background:url(../img/boxes/box7-bottom-left.gif) no-repeat bottom left; padding-left:24px; } div.box7-bottom-right { background:url(../img/boxes/box7-bottom-right.gif) no-repeat bottom right; padding-right:24px; } div.box7-bottom-middle { background:url(../img/boxes/box7-bottom-middle.gif) repeat-x left bottom; height:28px; line-height:28px; } /*---- Box8 ----*/ div.box8 { margin-bottom:14px; } div.box8-top-left { background:url(../img/boxes/box8-top-left.png) no-repeat bottom left; padding-left:15px; } div.box8-top-right { background:url(../img/boxes/box8-top-right.png) no-repeat bottom right; padding-right:14px; } div.box8-top-middle { background:#36a1de; height:15px; line-height:15px; } div.box8-content { background:#36a1de; padding:0 18px 1px; } div#content div.box8-content p { color:#fff; font-size:120%; line-height:1.2em; } div.box8-bottom-left { background:url(../img/boxes/box8-bottom-left.png) no-repeat bottom left; padding-left:15px; } div.box8-bottom-right { background:url(../img/boxes/box8-bottom-right.png) no-repeat bottom right; padding-right:14px; } div.box8-bottom-middle { background:#36a1de; height:15px; line-height:15px; } /*---- Box9 ----*/ div.box9 { border:1px dotted #2a2a2a; background:#f5f5f5; padding:15px 12px 1px; width:644px; margin:0 auto 15px; } div.post div.box9 p { margin-bottom:10px; color:#101010; } /*---- Box10 ----*/ div.box10-top-left { background:url(../img/boxes/box10-top-left.gif) no-repeat left top; padding-left:5px; } div.box10-top-right { background:url(../img/boxes/box10-top-right.gif) no-repeat right top; padding-right:5px; } div.box10-top-middle { background:#fff; line-height:4px; height:4px; border-top:1px solid #e9e9e9; } div.box10-content { background:#fff; border:1px solid #e9e9e9; border-width:0 1px; padding:18px 90px 10px 44px; } div.box10-bottom-left { background:url(../img/boxes/box10-bottom-left.gif) no-repeat left top; padding-left:5px; } div.box10-bottom-right { background:url(../img/boxes/box10-bottom-right.gif) no-repeat right top; padding-right:5px; } div.box10-bottom-middle { background:#fff; line-height:4px; height:4px; border-bottom:1px solid #e9e9e9; } /*---- Box11 ----*/ div.box11-top-left { background:url(../img/boxes/box11-top-left.gif) no-repeat left top; padding-left:7px; } div.box11-top-right { background:url(../img/boxes/box11-top-right.gif) no-repeat right top; padding-right:7px; } div.box11-top-middle { background:#eaf6fb; line-height:6px; height:6px; border-top:1px solid #d1ebf6; } div.box11-content { background:#eaf6fb; border:1px solid #d1ebf6; border-width:0 1px; padding:25px 20px 10px; } div.box11-bottom-left { background:url(../img/boxes/box11-bottom-left.gif) no-repeat left top; padding-left:7px; } div.box11-bottom-right { background:url(../img/boxes/box11-bottom-right.gif) no-repeat right top; padding-right:7px; } div.box11-bottom-middle { background:#eaf6fb; line-height:6px; height:6px; border-bottom:1px solid #d1ebf6; } /*---- Box12 ----*/ div.box12 { background:#f05c0e url(../img/boxes/box12-bg.gif) repeat-y left top; margin-bottom:14px; height:1%; } div.box12-top-left { background:url(../img/boxes/box12-top-left.gif) no-repeat left top; padding-left:15px; } div.box12-top-right { background:url(../img/boxes/box12-top-right.gif) no-repeat right top; padding-right:15px; } div.box12-top-middle { background:url(../img/boxes/box12-top-midddle.gif) repeat-x left top; height:76px; line-height:76px; } div.box12-content { padding:0 16px 1px 14px; } div.box12-bottom-left { background:url(../img/boxes/box12-bottom-left.gif) no-repeat left top; padding-left:15px; } div.box12-bottom-right { background:url(../img/boxes/box12-bottom-right.gif) no-repeat right top; padding-right:15px; } div.box12-bottom-middle { background:url(../img/boxes/box12-bottom-middle.gif) repeat-x left top; height:34px; line-height:34px; } /*---- Box13 ----*/ div.box13 { background:#ffe174; } div.box13-top-left { background:url(../img/boxes/box13-top-left.gif) no-repeat left top; } div.box13-top-right { background:url(../img/boxes/box13-top-right.gif) no-repeat right top; } div.box13-bottom-left { background:url(../img/boxes/box13-bottom-left.gif) no-repeat left bottom; } div.box13-content { background:url(../img/boxes/box13-bottom-right.gif) no-repeat right bottom; padding:16px 18px 10px 16px; } /*---- Box14 ----*/ div.box14 { background:#f4fcff; } div.box14-top-left { background:url(../img/boxes/box14-top-left.gif) no-repeat left top; } div.box14-top-right { background:url(../img/boxes/box14-top-right.gif) no-repeat right top; } div.box14-bottom-left { background:url(../img/boxes/box14-bottom-left.gif) no-repeat left bottom; } div.box14-content { background:url(../img/boxes/box14-bottom-right.gif) no-repeat right bottom; padding:16px 18px 10px 16px; } div.box14-content label.destacado{font-size:120%; display:block; float:left; padding:3px 0 0 5px; font-weight:bold; font-style:italic;} /*---- Box15 ----*/ div.box15 { background:#eee; } div.box15-top-middle { background:url(../img/boxes/box15-top-middle.gif) repeat-x left top; } div.box15-top-left { background:url(../img/boxes/box15-top-left.gif) no-repeat left top; padding-left:10px; } div.box15-top-right { background:url(../img/boxes/box15-top-right.gif) no-repeat right top; padding-right:10px; line-height:10px; height:10px; } div.box15-content { background:url(../img/boxes/box15-middle-left.gif) repeat-y left bottom; padding:0 5px 0 10px; } div.box15-bottom-left { background:url(../img/boxes/box15-bottom-left.gif) no-repeat left top; padding-left:10px; } div.box15-bottom-right { background:#eee url(../img/boxes/box15-bottom-right.gif) no-repeat right top; height:10px; line-height:10px; } /*---- Box16 ----*/ div.box16 { background:#fff4dd; } div.box16-top-left { background:url(../img/boxes/box16-top-left.gif) no-repeat left top; } div.box16-top-right { background:url(../img/boxes/box16-top-right.gif) no-repeat right top; } div.box16-bottom-left { background:url(../img/boxes/box16-bottom-left.gif) no-repeat left bottom; } div.box16-content { background:url(../img/boxes/box16-bottom-right.gif) no-repeat right bottom; padding:16px 0 30px 8px; } /*---- Box17 ----*/ div.box17-top-left { background:url(../img/boxes/box17-top-left.gif) no-repeat left bottom; padding-left:10px; } div.box17-top-right { background:url(../img/boxes/box17-top-right.gif) no-repeat right bottom; padding-right:10px; } div.box17-top-middle { background:#fff; border-top:3px solid #dfdfdf; line-height:7px; height:7px;} div.box17-content { background:#fff; border:3px solid #dfdfdf; border-width:0 3px; padding:0 10px;} div.box17-bottom-left { background:url(../img/boxes/box17-bottom-left.gif) no-repeat left top; padding-left:10px; } div.box17-bottom-right { background:url(../img/boxes/box17-bottom-right.gif) no-repeat right top; padding-right:10px; } div.box17-bottom-middle { background:#fff; border-bottom:3px solid #dfdfdf; line-height:7px; height:7px; } /*---- Box18 ----*/ div.box18 { background:url(../img/boxes/box18-middle.gif) repeat-y 0 0; width:584px; } div.box18-top { background:url(../img/boxes/box18-top.gif) no-repeat 0 0; } div.box18-content { background:url(../img/boxes/box18-bottom.gif) no-repeat 0 100%; padding:10px 10px 15px; } /*---- Buttons ----*/ a.button5:hover { text-decoration:none; } /*---- Button1 ----*/ a.button2 { background:url(../img/buttons/button2.gif) no-repeat left top; padding-left:14px; display:block; height:25px; color:#f3f3f3; font-size:140%; } a.button2 span.inner { background:url(../img/buttons/button2.gif) no-repeat right bottom; padding-right:5px; display:block; line-height:25px; height:25px; } /*---- Button3 ----*/ a.button3 { background:url(../img/buttons/textbox1.png) no-repeat left top; padding-left:13px; display:block; height:29px; color:#000; } a.button3 span.inner { background:url(../img/buttons/textbox1.png) no-repeat right bottom; padding-right:13px; display:block; line-height:29px; height:29px; margin-right:-10px; position:relative; font-size:120%; } a.button3 span.inner span { color:#878787; font-size:90%; } /*---- Button4 ----*/ h3.button4 { background:url(../img/buttons/button4.gif) no-repeat left top; height:29px; line-height:29px; font-size:120%; color:#3aabd8; padding-left:20px; margin:0 0 -1px 12px; position:relative; float:left; } h3.button4 span.inner { background:url(../img/buttons/button4.gif) no-repeat right bottom; height:29px; display:block; padding-right:20px; float:left; } /*---- Button5 ----*/ a.button5 { background:url(../img/buttons/button5.gif) no-repeat left top; height:26px; line-height:26px; font-size:110%; color:#fff; padding-left:10px; display:block; font-weight:bold; } a.button5 span.inner, a.button5:hover span.inner { background:url(../img/buttons/button5.gif) no-repeat right -26px; height:26px; display:block; padding-right:10px; text-align:center; } /*---- Button7 ----*/ p.button7 { background:url(../img/buttons/button7.gif) no-repeat left top; height:26px; line-height:26px; font-size:110%; color:#fff; padding-left:10px; display:block; font-weight:bold; } p.button7 span.inner, p.button7:hover span.inner { background:url(../img/buttons/button7.gif) no-repeat right -26px; height:26px; display:block; padding-right:10px; text-align:center; } /*---- Lists ----*/ /*---- List4 ----*/ ul.list4 li { float:left; width:120px; margin:0 12px 1px 0; } ul.list4 li a { font-size:120%; color:#000; line-height:1.2em; background:url(../img/buttons/list4-bg.png) no-repeat 0 8px; padding-left:20px; height:25px; display:block; line-height:25px; } ul.list4 li a.active, ul.list4 li a:hover { background:url(../img/buttons/list4-active-bg.png) no-repeat right top; text-decoration:none; color:#fff; font-weight:bold; } /*---- Tab-strip1 ----*/ ul.tab-strip1 { margin:0 0 -2px 14px; position:relative; z-index:10; } ul.tab-strip1 li { float:left; margin-right:11px; } ul.tab-strip1 li a { float:left; display:block; line-height:29px; color:#ff9d3d; font-size:120%; background:url(../img/buttons/bar2.png) no-repeat left top; padding-left:10px; } ul.tab-strip1 li a:hover { text-decoration:none; } ul.tab-strip1 li a span { float:left; display:block; height:29px; background:url(../img/buttons/bar2.png) no-repeat right top; margin-right:-10px; position:relative; padding-right:10px;} /*---- List5 ----*/ ul.list5 li { float:left; width:107px; margin:0 14px 0 0; } div#content ul.list5 li h2 { color:#8e6339; font-size:120%; line-height:1.2em; background:url(../img/buttons/list-bg1.gif) no-repeat 0 0; padding-left:21px; margin:0 0 8px 2px; height:14px; overflow:hidden;} div#content ul.list5 li h3 { color:#ff7f00; line-height:1.2em; margin-bottom:3px; font-size:110%; height:28px; overflow:hidden; } div#content ul.list5 li h3 a { color:#ff7f00; } div#content ul.list5 li div.image { border:1px solid #ff9e40; padding:1px; background:#ffe3c7; margin-bottom:7px; width:103px; height:73px; } div#content ul.list5 li p { font-size:100%; line-height:1.2em; color:#000; height:40px; overflow:hidden;} /*---- List6 ----*/ ul.list6 li { padding-bottom:3px; margin-bottom:2px; border-bottom:1px solid #d3d3d3; background:url(../img/buttons/list6-bg.gif) no-repeat 0 0; padding-left:15px; } ul.list6 li.last { border:0;} ul.list6 li a { color:#353535; line-height:1.2em; font-size:110%; } /*---- List7 ----*/ /*ul.list7 li { float:left; width:255px; margin:0 20px 0; } ul.list7 li div.image { border:1px solid #9f9f9f; padding:1px; background:#e3e3e3; float:left; width:123px; height:87px; } ul.list7 li div.description { margin-left:135px; } div#content ul.list7 li h2 { color:#ff7f00; font-size:120%; line-height:1.2em; margin:0 0 4px 0; } div#content ul.list7 li h2 a { color:#ff7f00; font-size:100%; text-decoration:none; } div#content ul.list7 li h2 a:hover { text-decoration:underline; } div#content ul.list7 li p { font-size:100%; line-height:1.2em; color:#000; margin-bottom:16px; } div#content ul.list7 li a { color:#000; font-size:120%; text-decoration:underline; } div#content ul.list7 li a:hover { text-decoration:none; } */ div#content ul.list7 li.ultimo { float:left; width:280px; margin:0 5px 15px 10px; border:1px dotted #DBDBDB; padding:5px; background-color: #F3F3F3 } div#content ul.list7 li.ultimo a.ver { color:#000; font-size:105%; text-decoration:underline; margin-top:5px; float:right; clear:both; } div#content ul.list7 li.ultimo a.ver:hover { text-decoration:none; } div#content ul.list7 li.ultimo h2 { color:#ff7f00; font-size:120%; margin:0px; padding:0px; padding-top:4px;} div#content ul.list7 li.ultimo h2 a { color:#ff7f00; font-size:100%; text-decoration:none; } div#content ul.list7 li.ultimo h3 { color:#5C5C5C; margin:0px; padding:0px; font-weight: normal; margin-top:2px; height:22px; overflow:hidden; clear:left;} div#content ul.list7 li.ultimo span.fecha{color:#BBB; float:left; width:100px; } div#content ul.list7 li.ultimo span.categoria{color:#999; float:left; width:180px; text-align:right;} div#content ul.list7 li.ultimo span.categoria a.cat{color:#999; text-decoration:none;} div#content ul.list7 li.ultimo span.categoria a.cat:hover{color:#666; text-decoration:none;} /*---- List8 ----*/ ul.list8 li { color:#989898; font-size:120%; line-height:21px; margin-bottom:45px; padding-left:30px; background:url(../img/buttons/list8-bg.png) no-repeat 0 3px; list-style:none; } ul.list8b li { color:#989898; font-size:120%; line-height:21px; margin-bottom:5px; padding-left:30px; background:url(../img/buttons/list8-bg.png) no-repeat 0 3px; list-style:none; } /*---- List9 ----*/ ul.list9 li { color:#0f4b64; font-size:110%; line-height:18px; margin-bottom:26px; } /*---- List10 ----*/ ul.list10 li { background:url(../img/border-bg1.gif) repeat-x left bottom; padding-bottom:12px; margin-bottom:10px; } div.inner-content ul.list10 li { background:none; border-bottom:1px solid #dcdcdc; } div.inner-content ul.list10 li.last { background:none; border:0; } ul.list10 li.last { background:none; padding-bottom:0; } ul.list10 li div.image { width:92px; float:left; margin-right:15px; } ul.list10 li div.image img { border:1px solid #e74b14; margin-bottom:5px; } ul.list10 li div.image a { color:#da9c00; font-weight:bold; text-align:center; display:block; line-height:1.2em; } ul.list10 li div.image a.editar_anuncio {width:23px; height:24px; background: url(../img/buttons/anuncio_editar.png) 0 0; margin:4px 5px 0 5px; display:block; float:left; } ul.list10 li div.image a.borrar_anuncio {width:23px; height:24px; background: url(../img/buttons/anuncio_borrar.png) 0 0; margin:4px 5px 0 5px; display:block; float:left; } ul.list10 li div.image a.editar_anuncio:hover, ul.list10 li div.image a.borrar_anuncio:hover {background-position:0 -24px } ul.list10 li div.description { width:354px; float:left; padding:8px 10px 0 0; } ul.list10 li div.rating { width:110px; float:left; } ul.list10 li h2 { color:#e74b14; font-size:150%; line-height:1.2em; margin-bottom:5px; } ul.list10 li h2 a { color:#e74b14; } ul.list10 li p { font-size:120%; line-height:19px; margin-bottom:8px; } ul.list10 li div.rating p { font-size:110%; text-align:center; padding-bottom:4px; } /*---- 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; } /*---- List12 ----*/ div#content ul.list12 { margin:0 0 20px 0; } div#content ul.list12 li { list-style:none; line-height:1.2em; font-size:120%; margin-bottom:5px; } /*---- rating ----*/ span.rating1 { display:block; height:15px; background:url(../img/buttons/rating1.gif) no-repeat left bottom; overflow:hidden; width:76px; margin:0 auto; } span.rating1 span.inner { display:block; height:15px; background:url(../img/buttons/rating1.gif) no-repeat left top; } /*---- Form- Elements ----*/ input.submit-btn1 { background:url(../img/buttons/submit-btn1.png) no-repeat left top; border:0; cursor:pointer; height:35px; width:151px; } input.submit-btn2 { background:url(../img/buttons/submit-btn2.gif) no-repeat left top; border:0; cursor:pointer; height:39px; width:152px; } input.submit-btn2b { background:url(../img/buttons/submit-btn2.png) no-repeat left top; border:0; cursor:pointer; height:39px; width:152px; } input.submit-btn3 { background:url(../img/buttons/submit-btn3.gif) no-repeat left top; border:0; cursor:pointer; height:37px; width:143px; } input.submit-btn4 { background:url(../img/buttons/submit-btn4.gif) no-repeat left top; border:0; cursor:pointer; height:60px; width:223px; display:block; } input.submit-btn5 { background:url(../img/buttons/submit-btn5.gif) no-repeat left top; border:0; cursor:pointer; height:39px; width:169px; display:block; float:right; } span.valid { background:url(../img/buttons/icons1.gif) no-repeat top left; height:16px; width:16px; float:right; margin:10px 10px 0 0; } span.invalid { background:url(../img/buttons/icons1.gif) no-repeat bottom left; height:16px; width:16px; float:right; margin:10px 10px 0 0; } /*---- Form1 ----*/ div.form1 label { display:block; margin-bottom:7px; font-size:120%; line-height:1.2em; padding-left:7px; } div.form1 p.checkbox input { margin:0; vertical-align:middle; } div.form1 p.checkbox { margin-bottom:10px; } div.form1 p.checkbox label { display:inline; margin-bottom:0; font-size:90%; vertical-align:middle; } div.form1 textarea { width:97%; padding:0; margin:0; border:0; background:none; } /*---- Textboxes ----*/ /*---- Textbox1 ----*/ span.textbox1 { background:url(../img/buttons/textbox1.png) no-repeat left top; padding-left:10px; display:block; } span.textbox1 span.inner { background:url(../img/buttons/textbox1.png) no-repeat right top; padding-right:10px; margin-right:-10px; position:relative; display:block; height:29px; } /*---- Textbox2 ----*/ span.textbox2 { background:url(../img/buttons/textbox2.gif) no-repeat 0 0; padding-left:10px; display:block; height:37px; margin-bottom:10px; } span.textbox2 span.inner { background:url(../img/buttons/textbox2.gif) no-repeat 100% -37px; padding-right:10px; display:block; height:37px; margin-right:-10px; position:relative; } span.textbox2 input.textbox { width:100%; padding:10px 0; border:0; background:none; } /*---- Textbox3 ----*/ span.textbox3 { background:url(../img/buttons/textbox3.gif) no-repeat 0 0; padding-left:10px; display:block; height:37px; margin-bottom:10px; } span.textbox3 span.inner { background:url(../img/buttons/textbox3.gif) no-repeat 100% -37px; padding-right:10px; display:block; height:37px; margin-right:-10px; position:relative; } span.textbox3 input.textbox { width:100%; padding:10px 0; border:0; background:none; } /*---- Selectbox1 ----*/ span.selectbox1 { background:url(../img/buttons/selectbox-bg4.gif) no-repeat left top; width:401px; height:29px; display:block; } /*------------------------------------------ // 4.1 LOGIN PAGE SPECIFIC STYLES //------------------------------------------*/ /*---- New-registration ----*/ div#new-registration { width:486px; float:left; } div#new-registration div.box11 { clear:both; margin-bottom:20px; } div#new-registration div.registration-form { float:left; width:268px; } div#new-registration div.tips { float:left; width:153px; background:url(../img/buttons/double-line.gif) repeat-y left top; padding:15px 0 0 23px; } div#new-registration div.registration-form span.textbox2 { width:206px; } div#new-registration div.registration-form input.submit-btn2 { float:right; margin-right:20px; } /*---- Login ----*/ div#login { float:right; width:400px; position:relative; padding-top:27px; margin-bottom:20px; } div#login img.key1{ position:absolute; top:5px; right:30px; } div#login div.login-form span.textbox3 { width:206px; } div#login div.login-form input.submit-btn3 { float:right; margin:0 38px 15px 0; } div#login p { margin-bottom:15px; font-size:110%; line-height:1.2em; } div#login p a { color:#000; } /*------------------------------------------ // 4.1 LIST PAGE SPECIFIC STYLES //------------------------------------------*/ /*---- Redefine - Search ----*/ div#content div#redefine-search h3 { color:#fff; font-size:140%; line-height:1.3em; font-weight:normal; margin:-58px 0 12px 0; position:relative; } div#redefine-search span.textbox { float:left; width:236px; margin-right:17px; padding:0; height:40px; } div#redefine-search p { float:right; } /*---- Featured - Ads ----*/ div#featured-ads { margin-bottom:18px; } div#featured-ads div.box13 { margin-bottom:16px; } div#featured-ads h3 { color:#ec5411; font-size:120%; line-height:1.2em; margin-bottom:16px; } div#featured-ads h3 a { display:block; float:right; font-size:90%; color:#7d7043; font-weight:normal; } /*------------------------------------------ // 4.2 STEPS PAGE SPECIFIC STYLES //------------------------------------------*/ /*---- Steps ----*/ div#content div.step h2 { background:url(../img/buttons/heading-bg1.jpg) no-repeat left top; height:67px; padding-left:40px; font-size:120%; font-weight:normal; color:#7f7f7f; margin-bottom:12px; } div.step h2 span.inner { display:block; background:url(../img/buttons/heading-bg1.jpg) no-repeat right top; height:67px; line-height:67px; padding-right:48px; } div.step h2 span.step-no { float:right; display:block; font-size:350%; color:#fff; } div#content div.step h3 { color:#0894cd; font-size:120%; line-height:1.2em; margin-bottom:6px; } div#content div.step h4 { color:#000; font-size:120%; line-height:1.2em; margin-bottom:6px; font-weight:normal; } div.step div.form1 { width:332px; float:left; padding-left:12px; } div.step div.form1 span.textbox3 { margin-bottom:22px; width:312px; } div.step div.box15 { margin-bottom:22px; } div.step div.box16 { margin:0 1px 5px 3px; } div#step1 div.box14{ width:444px; float:right; margin-right:12px; } div#content div#step1 p, div#content div#step3 p { font-size:120%; line-height:23px; margin-bottom:5px; } div#content div#step1 p a, div#content div#step3 p a { font-weight:bold; color:#000; } div#step2 { width:460px; float:left; } div#step3 { width:460px; float:right; } div#step3 div.form { padding:0 1px 1px 3px; } div#step3 div.form span.textbox3 { margin:0; } div#step3 p { margin-bottom:18px; } div#step3 p.total-fields { margin-bottom:10px; } div#step3 p.total-fields span.textbox3 { width:auto; } div#step3 p.total-fields label { font-size:120%; line-height:37px; font-weight:bold; float:left; margin-right:10px; } div#step3 p.total-fields span.textbox3 { float:left; width:37px; } /*---- Browse-btn ----*/ div#step3 input.file { padding:10px 0; border:0; background:none; margin-right:21px; float:left; } div#step3 p span.textbox3 { width:311px; margin-bottom:17px; } div#step3 span.textbox3 div { margin-top:1px !important; } /* Campos anuncio destacado */ #form_destacado{margin-top:20px; display:none;} #form_destacado label{font-size:120%; display:block; margin-top:5px; padding-bottom:5px; float:left;} #form_destacado input.checkbox{display:block; float:left; } /*---- Textbox3 ----*/ #form_destacado span.textbox { background:url(../img/buttons/textbox4.gif) no-repeat 0 0; padding-left:10px; display:block; height:37px; margin-bottom:10px; width:310px;} #form_destacado span.textbox span.inner { background:url(../img/buttons/textbox4.gif) no-repeat 100% -37px; padding-right:10px; display:block; height:37px; margin-right:-10px; position:relative; } #form_destacado span.textbox input.textbox { width:100%; padding:10px 0; border:0; background:none; } /* Mapa Google Maps*/ #cont_mapa{width:330px; height:255px;} label.mapa{margin-top:2px;} /*------------------------------------------ // 4.3 FITCH PAGE SPECIFIC STYLES //------------------------------------------*/ /*---- Map ----*/ div#map { margin-bottom:26px; } div#mapa { width:358px; height:268px; } div#map a.search { background:url(../img/buttons/search-icon.gif) no-repeat left top; padding-left:20px; line-height:1.2em; font-size:14px; color:#e64e17; font-weight:bold; margin-left:186px; margin-top: 8px; display: block } div.user-controls { margin:0 0 24px -10px; position:relative; width:375px; } div.user-controls a { line-height:16px; font-size:130%; color:#6d6d6d; text-decoration:underline; margin-right:25px; } div.user-controls a:hover { text-decoration:none; } div.user-controls a.mail { background:url(../img/buttons/user-controls.gif) no-repeat 0 4px; padding-left:25px; } div.user-controls a.print { background:url(../img/buttons/user-controls.gif) no-repeat 0 -23px; padding-left:25px; } div.user-controls a.flag { background:url(../img/buttons/user-controls.gif) no-repeat 0 -48px; padding-left:25px; margin:0; } /*---- Gallery ----*/ div.two-column-layout1 div.column2 div.image { background:#ececec; margin:0 22px 6px 13px; position:relative; padding:0 0 0 25px; width:301px; height:201px; position:relative; overflow:hidden;} /*div.two-column-layout1 div.column2 div.image a.zoom { position:absolute; bottom:5px; left:5px; height:15px; width:15px; background:url(../img/buttons/search-icon.gif) no-repeat 0 0; text-decoration:none; }*/ div.two-column-layout1 div.column2 div.image img{position:absolute; display:block; display:none; top:0px;} div.two-column-layout1 div.column2 div#gallery { padding:0 3px 0 23px; margin-bottom:15px; position:relative; width:335px; } div.two-column-layout1 div.column2 div#gallery div#mycarousel { margin-bottom:10px; height:73px; } div.two-column-layout1 div.column2 div#gallery ul li { float:left; width:107px; margin-right:7px; height:73px; } div.two-column-layout1 div.column2 div#gallery ul li img{cursor:pointer;} div.two-column-layout1 div.column2 div#gallery p { color:#6d6d6d; font-size:120%; text-align:right; padding-right:5px; } div.two-column-layout1 div.column2 div#gallery a#mycarousel-prev { background:url(../img/buttons/arrows2.gif) no-repeat left top; width:20px; height:73px; top:0; left:0; position:absolute; text-decoration:none; } div.two-column-layout1 div.column2 div#gallery a#mycarousel-next { background:url(../img/buttons/arrows2.gif) no-repeat right top; width:20px; height:73px; top:0; right:-20px; position:absolute; text-decoration:none; } div.two-column-layout1 div.column2 div.form1 span.textbox3 { margin-bottom:17px; width:341px; } div.two-column-layout1 div.column2 div.form1 div.box15 { margin-bottom:17px; } .loading_contacto{ background-color:#fff; width:100%; height:100%; position:absolute; z-index: 1; display:none; } .img_loading_contacto{ position:absolute; margin: 135px 0 0 170px; z-index: 2; display:none; } div.e404 h2{ font-size:220%; display:block; padding-bottom:3px; margin-bottom:15px; color:#2FB4EA; display:block; border-bottom:1px dotted #2FB4EA;} div.e404 p{ font-size:120%; display:block; padding-bottom:8px;} /* captcha */ #captcha{ height:60px;} #captcha div.cap_imagen{width:170px; height:60px; float:left; margin:0 10px 0 0;} #captcha div.cap_texto{width:150px; height:60px; float:left; overflow:hidden;} #captcha span.textbox3 { background:url(../img/buttons/textbox3.gif) no-repeat 0 0; padding-left:10px; display:block; height:37px; margin-bottom:10px; width:130px; } #captcha span.textbox3 span.inner { background:url(../img/buttons/textbox3.gif) no-repeat 100% -37px; padding-right:10px; display:block; height:37px; margin-right:-10px; position:relative; } #captcha span.textbox3 input.textbox { width:100%; padding:10px 0; border:0; background:none; } /* ventana recuperacion datos */ #recupera_datos img{ width:230px; float:left; margin-top:8px; } #recupera_datos h1{ float:right; font-family: Tahoma, Arial, sans-serif; font-size:180%; color: #228FC7; margin-top:48px; } #recupera_datos form{ margin-top:15px; } #recupera_datos label{ float:left; text-align:right; width:150px; font-family: Tahoma, Arial, sans-serif; font-size:110%; font-weight:bold; color:#228FC7; margin-top:5px; } #recupera_datos input.input, #recupera_datos textarea.textarea{ padding:0; margin:0; float:left; width:300px; margin-left:10px; font-family: Tahoma, Arial, sans-serif; font-size:110%; color:#000000; height:16px; border:1px solid #228FC7; padding:2px; } #recupera_datos textarea.textarea{ height:80px; } p.recom{font-size:98%!important; color:#696969; font-style:italic;}