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

/* ----------------------- General ----------------------- */
body{background: #f1f1f1;}
*{font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #434343; line-height: 18px;}
#content{width: 962px; margin: 0 auto; padding: 0px 0 0 0;}
div.contentbox{
    background: #F7F7F7 url('../images/dogear.jpg') no-repeat;
    background-position:100% 0%;
    border:1px dotted #ccc;
    padding:30px}

.container_sidebar_head {
width:949px;
height:25px;
font-family:Arial, Helvetica, sans-serif;
background-image:url(../images/orange_sidebar_bg.jpg);
color: #666666;
font-size:14px;
font-weight:bold;
padding:5px 2px 0px 10px;

}

.container_sidebar {
width:940px;
color:#666666;
font-family:Arial, Helvetica, sans-serif;
background-image:url(../images/orange_sidebar_fade.jpg);
background-color:#FFFFFF;
background-position:top;
background-repeat:repeat-x;
border-width: 1px 1px 1px 1px;
border-spacing: 0px;
border-style: none solid solid solid;
border-color: #E3E3E3;
padding:10px;
margin:0 0 0px 0;
font-size:11px;
}

.container_sidebar_head2 {
width:949px;
height:25px;
font-family:Arial, Helvetica, sans-serif;
background-image:url(../images/orange_sidebar_bg2.jpg);
color: #333333;
font-size:14px;
font-weight:bold;
padding:5px 2px 0px 10px;

}

.container_sidebar2 {
width:940px;
color:#666666;
font-family:Arial, Helvetica, sans-serif;
background-image:url(../images/orange_sidebar_fade.jpg);
background-color:#FFFFFF;
background-position:top;
background-repeat:repeat-x;
border-width: 1px 1px 1px 1px;
border-spacing: 0px;
border-style: none solid solid solid;
border-color: #E3E3E3;
padding:10px;
margin:0 0 0px 0;
font-size:11px;
}

div.headerkeywords {
  color: #999999;
  background: #f1f1f1;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  border-bottom: 0px solid #999999;
}

/* ----------------------- Bar Top ----------------------- */
#top{width: 962px; margin: 0; padding: 0; float: left; background: url(../images/fnd-top.jpg) repeat-x top;}
#top .top{width: 962px; margin: 0; padding: 0; float: left; background: url(../images/fnd-top-top.jpg) no-repeat top;}
#top .top .down{width: 962px; margin: 0; padding: 20px 0 15px; float: left; background: url(../images/fnd-top-down.jpg) no-repeat bottom; min-height: 78px;}
#logo{width: 156px; margin: 0; float: left; height: 47px; padding: 9px 0 0 29px;}
#top .search{width: 300px; margin: 0; float: right; padding: 3px 22px; border-left: 2px solid #eeeeee; border-right: 2px solid #eeeeee;}
#top .search .input{width: 288px; background: #f1f2f2; border:1px solid #dbdcdd; height: 18px; margin-bottom: 8px; float: left; padding: 2px; color:#999; font-size: 12px;}
#top .search select{width: 199px; background: #f1f2f2; border:1px solid #dbdcdd; height: 23px; float: left; margin-right: 8px; padding: 2px; color:#999;}
#top .search select option{color:#999; font-size: 12px;}
#top .search .buscar{float: left; cursor: pointer;}
#top .anuncio{width: 202px; margin: 0; float: right; padding: 2px 25px 0 30px;}
.idioma{ display: block; background: url(../images/person-trans.png) no-repeat 5px 0; padding: 0 0 8px 23px; color: #f79825; font-size: 12px; float: left;}
.agregar{ display: block; background: url(../images/btn-agregar-anuncio.jpg) no-repeat 0 0; padding: 0; width: 200px; height: 30px; float: left;}
.agregar:hover{ background-position: 0 -30px;}
.agregar span{ display: none;}

.breadcrumbs{width: 962px; margin: 0 0 5px 0; padding: 0; float: left; background: #FFF url(../images/fnd-redondeado-right.gif) no-repeat top right; height: 24px;color: #4694d0;font-size: 11px;}
.breadcrumbs .buscados{ background: #4694d0 url(../images/fnd-buscados-left.jpg) no-repeat top left; font-weight: bold; color: #FFFFFF; padding: 3px 0 0 14px; width: 98px; height: 21px; margin: 0 18px 0 0; float: left; }
.breadcrumbs .txt, .breadcrumbs .txt2{ width: 800px; float: left; padding: 4px 0 0 0;color: #4694d0; font-size: 11px;}
.breadcrumbs .txt2, .breadcrumbs .txt2 a{color: #444444;}
.breadcrumbs .region{ background: #c2c2c2 url(../images/fnd-redion.gif) no-repeat top left; font-weight: bold; color: #FFFFFF; padding: 3px 0 0 14px; width: 98px; height: 21px; margin: 0 18px 0 0; float: left; }

.breadcrumbs2{width: 962px; margin: 0 0 5px 0; padding: 0; float: left; height: 135px;color: #4694d0;font-size: 11px;}
.breadcrumbs2 .buscados2{ background: #4694d0 url(../images/fnd-buscados-left.jpg) no-repeat top left; font-weight: bold; color: #FFFFFF; padding: 3px 0 0 14px; width: 98px; height: 21px; margin: 0 18px 0 0; float: left; }
.breadcrumbs2 .txta, .breadcrumbs2 .txt2a{ width: 800px; float: left; padding: 4px 0 0 0;color: #4694d0; font-size: 11px;}
.breadcrumbs2 .txt2a, .breadcrumbs2 .txt2a a{color: #444444;}
.breadcrumbs2 .region2{ background: #c2c2c2 url(../images/fnd-redion.gif) no-repeat top left; font-weight: bold; color: #FFFFFF; padding: 3px 0 0 14px; width: 98px; height: 21px; margin: 0 18px 0 0; float: left; }

/* ----------------------- Column Left ----------------------- */
#column-left{width: 225px; float: left; background: url(../images/columleft-middle.gif) repeat-y left; margin: 7px 0 0 0;}
#column-left .top{width: 225px; float: left; background: url(../images/columleft-top.gif) no-repeat top left;}
#column-left .top .down{width: 197px; float: left; background: url(../images/columleft-down.gif) no-repeat bottom left; padding: 14px;}
.separador{width: 197px; float: left; margin: 8px 0 15px 0; background: url(../images/separador.gif) repeat-x top left; height: 2px;}
#column-left .top .down .row{width: 197px; float: left; padding: 0px;}
#column-left .top .down .row .input{width: 156px; background: #f1f2f2; border:1px solid #dbdcdd; height: 18px; float: left; padding: 2px; color:#999; font-size: 12px; margin: 8px 5px 0 0;}
#column-left .top .down .row .ir{ float: left; margin: 8px 0 0 0}
#column-left .top .down .row .left{ width: 98px; float: left; margin: 15px 0 10px 0;color: #4694d0; font-size: 11px;}
#column-left .top .down .row .right{ width: 98px; float: left; margin: 15px 0 10px 0;color: #4694d0; font-size: 11px;}
#column-left .top .down .row .item{float:left;width:100%; background:url(../images/sidebar_arrow.gif) 5px 50% no-repeat; padding:0 0 0 17px}
#column-left .top .down a{margin-right:5px;}
#column-left .top .down a.movil, #column-left .top .down a.mail{ background: url(../images/btn-clasiq-movil.jpg) no-repeat top left; width: 198px; height: 57px; display: block; margin: 6px 0 0 0; float: left;}
#column-left .top .down a.mail{ background: url(../images/tit-alertas-mail.jpg) no-repeat top left;}
#column-left .top .down a.movil span, #column-left .top .down a.mail span{ display: none;}
.column-height{ float: left; min-height: 520px; width: 200px;}
#column-left .top .down .row select{ width: 197px; margin: 0 0 5px -2px;background: #f1f2f2; border:1px solid #dbdcdd; height: 23px; float: left; padding: 2px; color:#434343; font-size: 11px;}
#column-left .top .down .row select option{background: #f1f2f2;color:#434343; font-size: 11px;}
#column-left .top .down .row select.select{ width: 94px; margin: 0 6px 5px -2px;background: #f1f2f2; border:1px solid #dbdcdd; height: 23px; float: left; padding: 2px; color:#434343; font-size: 11px;}
.mb{ margin-bottom: 7px;}
#column-left .top .down .row h2{width: 197px;}
.no-margin{ margin: 0; float: right;}
#column-left .top .down .row .text{ width: 30px; height: 16px; float: left; text-align: center; font-size: 11px;}
#column-left .top .down .row .radio{ width: 14px; height: 16px; float: left; text-align: center; padding: 2px 0 0 0;}
#column-left .top .down .row .radio input{ width: 12px; height: 12px; float: left; text-align: center; margin: 0; padding: 0;}

/* ----------------------- Column Right/ Homepage ----------------------- */
#column-right{width: 710px; float: right; margin: 7px 0 0 0;}
#column-right .left{width: 223px; float: left; margin: 0;}
#column-right .middle{width: 223px; float: left; margin: 0 20px;}
#column-right .row{width: 223px; float: left; margin: 0 0 17px 0; background:url(../images/back-index.jpg) bottom no-repeat}
#column-right .row:hover{background:url(../images/back-index2.jpg) bottom no-repeat}
#column-right .row .prduct{border-bottom:1px dotted  #E5E2E2; padding:0 0 0 17px;}
#column-right .row .prduct:hover{background:url(../images/productoimg.png) left no-repeat}
#column-right .row .prduct a{ font-size: 13px; font-family: Geneva, Arial, Helvetica, sans-serif; color: #0066CC;}
#column-right .row .prduct a:hover{ font-size: 13px; font-family: Geneva, Arial, Helvetica, sans-serif; color: #0066CC; }
.tit-regalo, .tit-libro, .tit-auto, .tit-casa, .tit-servicios, .tit-persona{height: 35px; float: left; width: 173px; padding: 10px 0 0 50px;font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, Helvetica, Sans-serif; font-size: 16px; color: #357fb7; font-weight: bold; font-style: italic; letter-spacing: -1px;}
.tit-regalo, .tit-regalo-largo{ background: url(../images/tit-regalo.jpg) no-repeat top left;}
.tit-libro, .tit-libro-largo{ background: url(../images/tit-libro.jpg) no-repeat top left;}
.tit-auto, .tit-auto-largo{ background: url(../images/tit-asuto.jpg) no-repeat top left;}
.tit-casa, .tit-casa-largo{ background: url(../images/tit-casa.jpg) no-repeat top left;}
.tit-servicios, .tit-servicios-largo{ background: url(../images/tit-servicios.jpg) no-repeat top left;}
.tit-persona, .tit-persona-largo{ background: url(../images/tit-personas.jpg) no-repeat top left;}
.tit-regalo a, .tit-libro a, .tit-auto a, .tit-casa a, .tit-servicios a, .tit-persona a{ font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, Helvetica, Sans-serif; font-size: 16px; color: #357fb7; font-weight: bold; font-style: italic; letter-spacing: -1px;}
#column-right .product{width: 208px; float: left; margin: 0 0 0 15px; border-bottom: 1px dotted #bcbcbc; padding: 2px 0;color: #4694d0; font-size: 11px;}

/* ----------------------- Text ----------------------- */
p{margin: 0; padding :0; text-align: justify; line-height: 18px;}
a{text-decoration: none; font-size: inherit; color: #4694d0; font-size: 11px;}
a strong{color: #4694d0;}
a:hover{text-decoration: none; color:#333333; font-weight:bold}
textarea{width:260px;font-size:10px;color:#666;margin:0 0 7px 0;height:150px;}
strong{font-size: inherit;}
h2{color: #434343; margin: 0; padding: 0; font-weight: normal; font-size: 12px; float: left;}
h2 strong{color: #434343;}

/* ----------------------- Listado de Productos ----------------------- */
.tit-regalo-largo, .tit-libro-largo, .tit-auto-largo, .tit-casa-largo, .tit-servicios-largo, .tit-persona-largo{height: 35px; float: left; width: 660px; padding: 10px 0 0 50px;font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, Helvetica, Sans-serif; font-size: 16px; color: #357fb7; font-weight: bold; font-style: italic; letter-spacing: -1px;}
.tit-regalo-largo span, .tit-libro-largo span, .tit-auto-largo span, .tit-casa-largo span, .tit-servicios-largo span, .tit-persona-largo span{ font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, Helvetica, Sans-serif; font-size: 14px; color: #434343; font-weight: bold; font-style: italic; letter-spacing: -1px;}
.list{ width: 710px; float: left; margin:10px 0 15px 0;}
#column-right .list .row{ width: 710px; float: left; padding:0; border-bottom: 0px solid #afafaf; margin: 0; background: url(../images/fnd-listado-down.gif) bottom no-repeat;}
#column-right .list .row .row-list-top{ width: 710px; float: left; padding:0; margin: 0; background: url(../images/fnd-listado-top.gif) no-repeat top}
#column-right .list .row .row-list-top  .row-list-down{ width: 710px; float: left; padding:16px 0; margin: 0;}
#column-right .list .row .row-list-top:hover{background: url(../images/fnd-listado-top.gif) top no-repeat}
#column-right .list .row .row-list-down:hover{ background:url(../images/fnd-listado-down2.gif) bottom no-repeat}
#column-right .list .row:hover{background:#fff; border-color: #f1f1f1;}
#column-right .list .row2{ width: 710px; float: left; padding:15px 0; margin: 0;}
#column-right .list .image{width: 133px; float: left; margin: 0 10px;}
#column-right .list .image img{border: 2px solid #ffffff;}
#column-right .list .title{ width: 467px; float: left; border-bottom: 2px dotted #bcbcbc; padding:0 0 8px 0; margin: 0 0 10px 0; }
#column-right .list .title .text{ width: 370px; float: left; color: #4694d0; font-weight: bold; line-height: normal; font-size: 17px; }
#column-right .list .title .text span{ font-size: 10px; line-height: normal;}
#column-right .list .title .price{ width: 85px; float: right; color: #f79928; font-weight: bold; line-height: normal; font-size: 15px; text-align: right; margin: 8px 0 0 0;}
#column-right .list .description{ width: 467px; float: left; color: #444444; line-height: normal; height: 47px; }
#column-right .list .more{ background: url(../images/btn-leermas.jpg) no-repeat 0 0; width: 87px; height: 22px; float: left; margin: 0; cursor: pointer;}
#column-right .list .more:hover{ background-position: 0 -22px;}
#column-right .list .paginador{ color: #ccc; width: 710px; text-align: right; font-size: 15px; float: left;}
#column-right .list .paginador a{ color: #FF6600; text-align: right; font-size: 15px; padding: 0 3px;}
#column-right .list .paginador a:hover{font-weight: bold; text-decoration: none;}
#column-right .list .paginador a.select{font-weight: bold; text-decoration: underline;}

/* ----------------------- Column Middle/ Detalles ----------------------- */
#column-middle{width: 962px; margin: 0; padding: 8px 0 0 0; float: left;}
#middle-box{width: 600px; margin: 0 auto; padding: 8px 0 0 0;background:#FFF; }
#column-middle #table-add{width:450px;margin:0 auto;}
#column-middle .select{width:200px;}
#detalles{width: 960px; margin: 5px 0 18px 0; padding: 0; float: left; background: #FFFFFF;}
#detalles .top{width: 960px; margin: 0; padding: 0; float: left; background: url(../images/fnd-detalles-top.jpg) no-repeat top left;}
#detalles .top .down{width: 930px; margin: 0; padding: 12px 10px 10px 20px; float: left; background: url(../images/fnd-detalles-down.jpg) no-repeat bottom left;}
#detalles .top .down .title{ width: 930px; float: left; border-bottom: 1px dotted #bcbcbc; padding:0 0 8px 0; margin: 0 0 12px 0; }
#detalles .top .down .title .text{ width: 550px; float: left; color: #4694d0; font-weight: bold; line-height: normal;font-size: 16px; }
#detalles .top .down .title .text span{ font-size: 10px; line-height: normal;}
#detalles .top .down .title .price{ width: 120px; float: left; color: #f79928; font-weight: bold; line-height: normal; font-size: 21px; text-align: left; margin: 7px 0 0 0; letter-spacing: -1px;}
.btn-imprimir{ background: url(../images/btn-imprimir.gif) 0 0; width: 71px; height: 22px; float: right; cursor: pointer; margin: 9px 0 0 0;}
.btn-imprimir:hover, .btn-tel:hover, .btn-cnt:hover{ background-position: 0 -22px;}
.btn-imprimir span, .btn-tel span, .btn-cnt span{ display:none;}
#detalles .top .down .description{width: 624px; float: left;min-height:250px;}
#detalles .top .down .description p{ margin: 16px 0 0 0;}
#detalles .top .down .gallery{width: 298px; margin: 0 0 8px; padding: 0; float: right; background: #e1effa;}
#detalles .top .down .gallery .top{width: 298px; margin: 0; padding: 0; float: left; background: url(../images/fnd-celeste-top.gif) no-repeat top left;position:relative;overflow:hidden;height:220px;}
#detalles .top .down .gallery .top .down{margin: 0; padding: 20px 15px 8px; float: left; background: url(../images/fnd-celeste-down.gif) no-repeat bottom left;position:absolute;width:5000px;top:0px;left:0px;}
#detalles .top .down .gallery .top .down .row{width: 268px; margin: 0 15px 0 0; padding: 0; float: left;}
#detalles .top .down .gallery .top .down .row .left{width: 128px; margin: 0 0 12px 0; padding: 0; float: left;}
#detalles .top .down .gallery .top .down .row .right{width: 128px; margin: 0 0 12px 0; padding: 0; float: right;}
#detalles .top .down .gallery .top .down .row .left .foto{filter:alpha(opacity=75);opacity:.75;cursor:pointer;outline:2px solid white;}
#detalles .top .down .gallery .top .down .row .left .foto:hover{filter:alpha(opacity=100);opacity:1;outline:2px solid #ccc;}
#detalles .top .down .gallery .top .down .row .left .foto.select{filter:alpha(opacity=100);opacity:1;outline:2px solid #ccc;}
#detalles .top .down .gallery .top .down .row .right .foto{filter:alpha(opacity=75);opacity:.75;cursor:pointer;outline:2px solid white;}
#detalles .top .down .gallery .top .down .row .right .foto:hover{filter:alpha(opacity=100);opacity:1;outline:2px solid #ccc;}
#detalles .top .down .gallery .top .down .row .right .foto.selected{filter:alpha(opacity=100);opacity:1;outline:2px solid #ccc;}
#detalles .top .down .gallery .back{margin:0 0 0 15px;width:16px;height:16px;background:url(../images/back.png) no-repeat;cursor:pointer;float:left;}
#detalles .top .down .gallery .next{margin:0;width:16px;height:16px;cursor:pointer;float:left;background:url(../images/next.png) no-repeat;}
#detalles .top .down .gallery .bloques{width:236px;height:24px;text-align:center;cursor:pointer;float:left;}

.btn-tel{ background: url(../images/btn-tel.gif) no-repeat 0 0; width: 145px; height: 22px; float: right; margin: 0 0 8px 8px;cursor: pointer;}
.btn-cnt{ background: url(../images/tit-contactar.gif) no-repeat 0 0; width: 145px; height: 22px; float: right; margin: 0 0 8px 0; cursor: pointer;}
#data{ width: 298px; float: right; margin: 0; padding: 0; background: #fffbd3;}
#data .top{ width: 298px; float: right; margin: 0; padding: 0; background: url(../images/fnd-naranja-top.gif) no-repeat top left; color: #FFFFFF;}
#data .top .down{ width: 278px; float: right; margin: 0; padding: 0; background: url(../images/fnd-naranja-down.gif) no-repeat bottom left; color: #FFFFFF; padding: 10px; min-height: 85px;}
.campo{ width: 937px; float: left; margin: 0 0 10px 0; background: url(../images/vinieta.gif) no-repeat 5px 2px; padding: 0 0 0 25px;}
.campo strong, .campo2 strong, .campo3 strong{ font-size: 12px;}
.campo2{  float: left; margin: 0 0 10px 0; background: url(../images/vinieta.gif) no-repeat 5px 2px; padding: 0 35px 0 25px; display: inline-block;}
.campo3{float: left; margin:0 0 10px 0; background: url(../images/vinieta.gif) no-repeat 5px 2px; padding: 0 35px 0 25px; width:200px;}
.campos-select{float:left;width:624px;margin:20px 0;}

.row-left{width:624px;float:left;}
.row-right{float:right;width:298px;}

.anuncios-relacionados{float:left;width:940px;margin:10px 0;padding:10px;}
.anuncios-relacionados .row{float:left;margin:10px 0px;width:280px;background:#fff;border:1px solid #e2e2e2;margin:10px 10px 10px 0;padding:10px;}
.anuncios-relacionados h3{color:#4694D0; font-size:14px}
.anuncios-relacionados a{float:right;width:200px;margin:10px 0;color:#333; font-size:14px}
.anuncios-relacionados p{font-size:10px;color:#777;float:right;width:200px;color:#666;}
.anuncios-relacionados a:hover{color:#626262;}
.anuncios-relacionados .image{color:#333;float:left;margin:10px 5px;}

#imagen_gr{text-align:center;background:#fff url(../images/ajax-loader2.gif) no-repeat center;height:325px;}


/* ----------------------- Footer ----------------------- */
#barra-down{margin: 20px 0; font-size: 11px;}
#barra-down .txt{ width: 156px; float: left; padding: 4px 0 0 14px;color: #4694d0; font-size: 11px; background: url(../images/fnd-redondeado-left.gif) no-repeat top left; height: 20px;}
#barra-down .txt2{ width: 700px; float: right; padding: 4px 14px 0 0;color: #4694d0; font-size: 11px;}
#barra-down .txt2, #barra-down .txt2 a{color: #444444; text-align:right; padding-left: 3px; padding-right: 3px;}
#barra-downa{margin: 20px 0; font-size: 11px;}
#barra-downa .txta{ width: 900px; float: left; padding: 4px 0 0 14px;color: #4694d0; font-size: 11px; height: 50px;}
#barra-downa .txt2a{ width: 460px; float: right; padding: 4px 14px 0 0;color: #4694d0; font-size: 11px;}
#barra-downa .txt2a, #barra-downa .txt2a a{color: #444444; text-align:right; padding-left: 3px; padding-right: 3px;}
#footer{padding: 0; width: 962px; margin: 0; float: left; font-size: 11px; color: #979797;}
#footer a{color: #979797; font-size: 11px; padding: 0 3px;}

/* ----------------------- Box ----------------------- */
#box-content{margin:20px 0 0 300px;width:700px;vertical-align:middle;float:left;}
.region2{background:#C2C2C2 url(../images/fnd-redion.gif) no-repeat scroll left top;color:#FFFFFF;float:left;font-weight:bold;height:21px;margin:0 18px 0 0;padding:3px 0 0 14px;width:200px;}
.text3{color:#444444;float:left;font-size:11px;padding:4px 0 0;width:600px;}
.box{margin:20px 0;}
.box .title{color:#333;font-size:14px; font-weight:bold}
.box input{width:800px;}
.box input .code{width:150px;}
.box textarea{width:800px;height:200px;}
#add_foto{width:800px;text-align:right;color:#333;font-weight:bold;cursor:pointer;}
#add_foto:hover{text-decoration:underline;color:#00F;}

/* ----------------------- Agregar Anuncios ----------------------- */
#fieldset{width:500px;margin:10 auto;-moz-border-radius: 9px;}
#fieldset .select{width:200px;}
#fieldset table{width:500px;}
#fieldset table tr td{width:250px;}
#column-middle form{width:960px;margin:0 auto; background-color:#FFFFFF; background: url(../images/fnd-detalles-top.jpg) no-repeat top left;}

/* ----------------------- Clearfix ----------------------- */ 
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}

/* Esconde de IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* Fin esconde de IE-mac */