/* reseting stuff */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
margin:0;
padding:0;
border:0;
outline:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
vertical-align:baseline
}
table, caption, tbody, tfoot, thead, tr, th, td {
margin:0;
padding:0;
border:0;
outline:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit
}
/* remember to define focus styles! */
:focus {
outline:0
}
body {
line-height:1;
color:#000;
background:#fff
}
ol, ul {
list-style:none
}
/* tables still need 'cellspacing="0"' in the markup */
table {
/*
border-collapse:separate;
border-spacing:0
*/
}
caption, th, td {
text-align:left;
font-weight:normal
}
blockquote:before, blockquote:after,
q:before, q:after {
content:""
}
blockquote, q {
quotes:"" ""
}
/* beloved clearfix */
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* /reset */

/* tamanio de la fuente por defecto */
body {
background:#fff;
font:60%/1.2 arial, helvetica, sans-serif;
color:#000;
text-align:center
}
div {
position:relative
}

a {
color:##003399;
text-decoration:none
}
a:hover {
text-decoration:underline
}

h1, h2, h3, h4, h5, h6 {
font-family:arial,helvetica,sans-serif 
}
input, select, textarea {
font:1.2em/1.4 arial,helvetica,sans-serif
}
strong {
font-weight:bold
}
select {
height:1.6em
}
.nobkgimg {
background-image:none
}
.alignleft {
float:left
}
.alignright {
float:right
}
small {
font-size:.9em
}
big {
font-size:1.1em
}

/* amazing borders */
.cbb {
margin:0;
padding:5px;
border:1px solid #ddd;
background:#fff
}
/* Normal styling */
.cb {margin: 0;}
.bt {
height:5px;
margin:0 0 0 5px;
background:url(../images/box-ddd.gif) no-repeat 100% 0
}
.bt div {
position:relative;
left:-5px;
width:5px;
height:5px;
background:url(../images/box-ddd.gif) no-repeat 0 0;
font-size:0;
line-height:0
}
.bb {
height:5px;
margin:0 0 0 5px;
background:url(../images/box-ddd.gif) no-repeat 100% 100%
}
.bb div {
position:relative;
left:-5px;
width:5px;
height:5px;
background:url(../box-ddd.gif) no-repeat 0 100%;
font-size:0;
line-height:0
}
.i1 {
padding:0 0 0 1px;
background:url(../images/borders-ddd.gif) repeat-y 0 0
}
.i2 {
padding:0 1px 0 0;
background:url(../images/borders-ddd.gif) repeat-y 100% 0
}
.i3 {
display:block;
margin:0;
padding:5px;
position:relative
}
.i3:after {
content:"."; 
display:block; 
height:0; 
clear:both; 
visibility:hidden
}
.i3 {display:inline-block;}
.i3 {display:block;}

/* some positions */
#contenedorprincipal {
width:980px;
margin:0 auto;
text-align:left
}
#the-content {
font-size:1.2em;
margin:0 0 20px
}
#home {
float:right;
width:739px
}
#featured {
width:740px;
float:left
}
.column {
width:233px;
margin-right:20px;
float:left
}
.column.last {
margin-right:0
}
#home-extras {
float:left;
width:220px;
background:#f6f6f6 url(../images/bkg-home-extras.png) repeat-y 0 0;
font-family:arial,helvetica,sans-serif 
}
.chooseStateDiv {
color:#003;
background-color:#fff;
position:absolute;
top:325px;
left:220px;
width:500px;
height:auto;
z-index:98;
font-size:1.2em;
font-family:arial,helvetica,sans-serif;
text-align:center;
border:5px solid #d9d9d9;
padding:0
}
.chooseStateDiv td {
text-align:center;
padding:3px
}

/* header_keywords */
#header_keywords {
font:1.1em/1 tahoma,arial,sans-serif;
text-align:center;
padding:3px 0 2px;
color:#666;
overflow:hidden;
margin:0 auto;
height:16px
}

/* the header */
#header {
position:relative;
background:transparent url(../images/back-cabecera.png) no-repeat 0 0;
font-family:arial, helvetica, sans-serif;
text-align:left
}
#header div.logo {
position:relative;
top:1px;
left:8px;
width:260px;
height:65px;
z-index:1000
}
#header div.logo a {
background:transparent url(../images/tutorialeses.logo.png) no-repeat 0 0;
display:block;
width:100%;
height:100%;
text-indent:-1000em
}

#header div.logo a:hover, .region a:hover {
border-bottom:0
}
#header h1, #userlocale {
font-weight:normal;
left:0;
margin:0 213px 0 300px;
position:absolute;
width:680px;
top:12px;
font-size:1.6em;
line-height:1
}

#header .post {
position:absolute;
text-align:right;
top:31px;
right:8px;
width:auto
}
	/* buttons */
.post .button3 { /* #h & #h-ex */
width:auto;
height:auto;
font-size:1.2em
}
.button3 {
background: transparent url(http://images01.olx.com/images/btn-color.png) no-repeat 100% -110px;
color: #fff;
display: block;
float: left;
height: 25px;
margin-right: 4px;
padding-right: 12px; /* sliding doors padding */
text-decoration: none;
border:0;
cursor:pointer; 
font-weight:bold
}
.button3 span {
background: transparent url(http://images01.olx.com/images/btn-color.png) no-repeat 0 -110px;
display: block;
line-height: 15px;
padding:5px 0 5px 12px
}
#header a:hover.button3 {
text-decoration:none;
background-position:100% -150px
}
#header a:hover.button3 span {
text-decoration:none;
background-position:0 -150px
}
button { 
border:0; 
cursor:pointer; 
font-weight:bold; 
padding:0 5px 0 0; 
text-align:center; 
margin:0 5px
}
button span { 
position:relative; 
display:block; 
white-space:nowrap; 
padding:0 0 0 5px; 
}
button.button2 {
background:url(../images/h-sprites.gif) no-repeat 100% 0;
width:30px;
height:21px;
text-indent:-1000em;
line-height:20px
}
button.button2:hover {
text-decoration:none;
background-position:100% -21px; 
}
.search {
top:28px;
left:300px;
position:absolute;
overflow:hidden
}
.search * {
vertical-align:middle !important
}
.bottom-search input.text, .search input.text {
width:250px;
font-size:1.3em;
line-height:1.1;
padding:3px;
border:1px solid #ddd
}
.bottom-search select, .search select {
font-size:1.3em;
height:23px;
width:auto;
padding:2px;
border:1px solid #ddd
}
.search p.s-box {
line-height:31px;
height:31px;
min-height:31px;
}
.bottom-search p.s-box {
height:28px;
line-height:31px;
margin:0;
min-height:28px;
}
.bottom-search-label {
float:left;
font-size:12px;
font-weight:bold;
padding:7px 0 0 5px;
width:54px;
}
.simple-search {
text-align:left;
margin:0 20px
}
#header p.pop-rel {
font-size:1.1em
}
#header p.pop-rel {
margin:0;
padding:4px 0 4px 12px;
border-bottom:1px solid #f1f1f1
}
.popsearchlink {
color:#009ed9;
font-size:1.05em
}
.keyWords {
color:#009ed9
}
a.keyWords:hover, a.popsearchlink:hover {
border-bottom-color:#009ed9;
text-decoration:underline
}



/* keywords footer */
#txt-block {
margin-bottom:15px
}
#txt-block .i3 {
text-align:center;
padding:5px 10px
}
#txt-block, #kw-footer {
font:1.2em/1.2 arial,helvetica,sans-serif
}
#kw-footer h3 {
font-weight:bold
}
#kw-footer ul {
width:23%;
float:left;
margin-right:1%
}
#kw-footer .i3 {
padding:5px 10px
}

/* footer */
#footer {
font-size: 1.1em;
margin: 15px auto 0;
width:980px;
clear:both;
text-align:left
}
#footer #copyright {
float:right;
margin-left:40px
}
#footer .links.cbb {
padding:7px 13px
}
#footer .links {
background:#f2f2f2;
position:relative
}
#footer .links .i3 {
background:#f2f2f2
}
#footer .links .i3 {
padding:2px 12px
}

#footer .links .i1, #footer .links .i2 {
background-image:none
}

#footer .countries, #footer .countries a {
color:#666
}
#footer .countries a {
text-decoration:underline
}
#footer .countries a:hover {
color:#000;
border-bottom:0
}

/* MyOlx box */
#my_olx {
font:1.1em/1.4 tahoma,verdana,arial,sans-serif;
position:relative;
float:right;
text-align:right;
z-index:100
}
#my_olx .my_classifieds {display: none;}

.hidden {visibility:hidden;}

/* autocomplete */
.autocomplete {
position:absolute !important;
z-index:10000 !important;
float:none !important;
width:auto !important;
background:#fff;
cursor:default;
font:1.2em/1 arial,helvetica,sans-serif;
color:#000;
text-align:left
}
.autocomplete ul {
float:none !important;
line-height:1 !important;
border:1px solid #888
}
.autocomplete ul li {
float:none !important;
line-height:1 !important;
display:block !important;
padding:2px 5px !important;
border:0 !important;
white-space:nowrap;
font-size:12.4833px !important
}
.autocomplete ul li.selected {
background-color:#092569;
color:#fff
}
.autocomplete ul strong.highlight {
color: #800
}



/* special countries */
.top_banner {
margin-bottom:6px
}
.top_banner a:hover {
border:0;
text-decoration:none
}
.ramblerLogo {
text-align:center
}
.ramblerScript, .liveInternet {
position:absolute;
top:-1000em;
left:-1000em
}
.dimo {
margin-top:-3px;
min-height:25px;
line-height:22px;
font-size:11px;
color:#fff;
background:#009ED9 url(http://images03.olx.com/images/dimo-logo.gif) no-repeat 0 0;
padding-left:52px;
border-bottom:1px solid #ddd
}
.dimo strong {
color:#000
}

.specialBanner {
margin-top:-3px;
min-height:25px;
line-height:22px;
font-size:11px;
color:#fff;
background:#009ED9 no-repeat 0 0;
padding-left:10px;
border-bottom:1px solid #ddd
}
.specialBanner strong {
color:#000
}
/* levelpaths */
#levelpathBottomHome.cbb, #levelpathBottom.cbb {
padding:7px 13px
}
#levelpathBottomHome, #levelpathBottom {
margin:12px 0;
background:#f2f2f2;
position:relative
}
#levelpathBottomHome .i3, #levelpathBottom .i3 {
padding:3px 12px
}
#levelpathBottomHome .bt, #levelpathBottomHome .bt div, #levelpathBottomHome .bb, #levelpathBottomHome .bb div,
#levelpathBottom .bt, #levelpathBottom .bt div, #levelpathBottom .bb, #levelpathBottom .bb div {
background-image:url(http://images04.olx.com/images/box-xxx.gif)
}
#levelpathBottomHome .i1, #levelpathBottomHome .i2, #levelpathBottom .i1, #levelpathBottom .i2 {
background-image:none
}
#levelpath {
margin:3px 12px 0
}
.breadcrumb {
color:#000;
font-size:1.1em;
font-weight:normal;
line-height:1.2;
position:relative
}
.breadcrumb * {
font-weight:normal
}
#levelpath .breadcrumb span.wiki,  .breadcrumb span.wiki {
color:#000 !important
}
#levelpathBottomHome .breadcrumb {
color:#000
}
.spanFlecha {
font-family:tahoma,arial,sans-serif;
color:#8d8d8d
}
/* adbox??? */
.adbox {
background:#fff
}
.topone {
border-bottom:1px solid #ddd
}
.bottomone {
border-top:1px solid #ddd
}
.adbox p {
color:#777;
margin:0;
padding:3px 5px
}
.adbox iframe {
margin-left:5px;
width:98%;
margin-bottom:5px
}
* html .adbox iframe {
width:96%
}

/* site mssgs */
.msg.ok {
margin-bottom:20px
}
.msg.ok.cbb {
padding:12px 18px;
border:1px solid #7b0
}
.msg.ok br {
display:none
}
.msg.ok p {
font-size:1.7em;
color:#7b0;
padding:2px 12px 2px 25px;
background:transparent url(http://images04.olx.com/images/ico_ok1.gif) no-repeat 0 50%
}
.msg.ok .i3 {
background:#fff;
margin-left:13px
}
.msg.ok .bt, .msg.ok .bt div, .msg.ok .bb, .msg.ok .bb div {
background-image:url(http://images04.olx.com/images/box-7b0.gif);
height:7px
}
.msg.ok .bt, .msg.ok .bb {
margin:0 0 0 7px
}
.msg.ok .bt div, .msg.ok .bb div {
left:-7px;
width:7px
}
.msg.ok .i1, .msg.ok .i2 {
background-image:url(http://images01.olx.com/images/borders-7b0.gif)
}