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

/* generic style */

a:link {color: blue;text-decoration: none;}
a:visited {color: blue;text-decoration: none;}
/* a:hover {color: #B04239; text-decoration: underline;} */
a:hover {color: blue; text-decoration: underline;}
a:active {color: blue;text-decoration: none;}

a img, a:visited img, a:hover img, a:active img { text-decoration: none; border: 0px;}

body {
	font-family:Verdana, Arial, Helvetica, sans-se770rif; 
	font-size:12px; width:770px;
	margin:0 auto; 
	padding-bottom: 2em;
}

.clear {clear: both;}

/*  logo & extra user actions    */
div.header { text-align:left; height:74px; min-height:74px;  width:99%}

div.logo {
    /*background-image:url(../../../images/web/cuidalo_v2.gif);   background-repeat:no-repeat; text-indent: -500em;  width:300px; max-width:300px;*/
    height:102px;
    min-height:102px;    
    float:left;
    
}

div.tagline {
    position:relative;
    /*margin:60px 0px 0px 50px;*/ 
    top:60px; 
    left:-180px;
    }
 .breadcrumb {
    margin: 1em 0em 0em 0.7em;
}     
	
div.contador
{
	margin-top:5px;
	vertical-align:bottom;
	font-weight:bolder;
	float:left;
}

.extra_actions { text-align:right; margin-top:5px; margin-bottom:0px; float:right;}
.gestio_error {display:none;background-color:#fefed6;padding:10px;border:1px solid #ff0000; }
.gestio_error_img {vertical-align:middle;float:left;margin-left:25px;margin-right: 10px;margin-top:2px;}
.gestio_error_text {float:right;width: 600px;margin-right: 50px;margin-bottom: 20px;margin-top: 5px;}
.gestio_fotos_error {background-color:#fefed6;padding:10px;border:1px solid #ff0000; }
#ul_errores {margin-left: 30px;}


/* menu & search engine styles */


/* ----------- ------------------------------------------------- */
/* Caja del buscador y del listado de categorías*/

p.titulo{
	margin: 1em 0em 0em 0.7em;
	font-weight:bold;
}
.borde{
	padding-bottom: 0.3em;
	border-bottom:1px solid #9F190D;
}

.categorias{ /*contenedor del listado de categorias*/
	clear: both;
	margin: 0em 0em 0em 0.7em;
	padding:0.8em 0em;
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
	width: 48em;
    float:left;
}
.categorias p{
	width: 30%;
	float:left;
	margin: 0em 0em 0em 0.8em;
	padding: 0.3em 0em;
	font-size: 1em;
	font-weight:normal;
}


/* ----- cajas de informacion derechas - ("Publica tu anuncio" y "Avisos en tu mail")-------- */
/* ------------------------------------------------------------------------------------------ */


.informacion{   /* Contenedor de las dos cajas -------*/
	float:left;
	width: 14.5em;
	margin:0em 0em 0em 0em;
/*	border:1px solid;*/
di
}

/* "Publica tu anuncio" y "Avisos en tu mail"*/
.publica, .avisosmail{ 
	background:url(../../../oc-content/themes/cuidalo/images/publish.png) 0em 0em no-repeat;
    border:0px;
    -moz-border-radius:4px;
    height: 100px;
	text-align:center;
	vertical-align:middle;
	font-size:1em;
	padding-top:1.2em;
    color:#FFFFFF;
    
}


  .informacion a:visited { text-decoration: none; cursor:hand; }
  .informacion a:hover { text-decoration: none; cursor:hand; }


.avisosmail {
     margin: 2.2em 0.2em 0.2em 0.2em;
    font-size:1em;
}

.publica span{
	font-size: 1.4em;
	font-weight:bold;
	color:#FFFFFF;
    margin: 2.2em 0.2em 0.2em 0.2em;
}

.avisosmail span{
	font-size: 1.3em;
	font-weight:bold;
	color: #FFFFFF;
}

/* ------------------------------------------------------------ */


/* ------------------- Buscador ------------------------------------------------------------------- */

.search_engine {
	/*background: url(../../../images/cercador.png) no-repeat;*/
	width: 100%;
	height: 6.7em;
	vertical-align:top;
	padding:0px;
	margin:0em 0em 0em 0.7em;
	border:1px solid #fff;   
}

.search_engine #box_animales { margin:1em 0.8em 0em 1.2em; height:60px; float:left; font-weight:normal;}
.search_engine #box_palabras { margin:1em 0.5em 0em 0em; height:60px; float:left; font-weight:normal;}
.search_engine #box_search { margin:2.2em 0em 0em 0em; float:left; font-weight:normal;}

.search_engine a { text-decoration:none; }
label { font-weight:bold;}
.animal { display:block;}
.input { display:block; width:23em;}
.ejemplos { font-size: 0.8em; color:#404040; font-style:italic; margin:0.5em 0em 0em 0em; display:block}
.ejemplos a{ text-decoration:underline; color:#404040;}







/* ------------------- footer html style -------------------------------------------------------- */
.footer {background-color:#EFEFEF;   font-size: 0.8em; text-align:center; border-top:1px solid #ccc; border-bottom: 1px solid #CCCCCC; margin:5em 0em 3em 0em; }
.footertitle { color:#a21a0c; font-weight:bold;}


/* ********************************************************************************* */
/* ***************** ANUNCIOS HOME ************************************************* */
/* ********************************************************************************* */

/* ---- Cabecera anuncios home ----------------------------------------------------- */

.cabecerahome{
	height: 2em;
	margin: 1em 0em 0em 0.7em;
	background-color: #B04239;
	width: 98%;
	color: #FFFFFF;
}
.cabecerahome P{
	font-weight:bold;
	float:left;
	padding: 0.5em 15px;
	margin: 0em;
        text-align: left;
}

.cabecerahome P.raza { 
    font-weight:bold;
    width: 7.25em;
    float:left;
    padding: 0.5em 0em;
    margin: 0 2em 0 0;
    text-align: center;
}
.cabecerahome P.principal{ margin-left:0em; width:28em;}
.cabecerahome P.cabecerahome P.principal span{font-size: 0.8em; font-weight:normal; font-style:italic; color:#999999}

* html .cabecerahome P.principal{ margin-left:4em; }


/* ---- Anuncios de la home--------------------------------------------------------- */

.anuncio{
/*	width: 63.5em;*/
	width: 98%;
	padding: 0.5em 0;
	margin: 0em 0em 0em 0.8em;
}
.cebreado{
	background-color: #efefef;
}
.anuncio img{
	margin: 0.5em;
	clear: right;
	float:left;
}
.anuncio h1{
	margin: 0em 0em 0.3em 0em;
	color: #000;
	font-size: 1em;
	clear: right;	
	width: 29em;
}
.anuncio P{
	margin: 0em;
/*	border: 1px solid #0f0;*/
	float:left;
	width: 9em;
        padding-right: 5px;
}

.anuncio P.col{
/*    border: 1px solid #0f0;*/
    float:left;
    width: 8.25em;   
    text-align:center ;    
    margin: 0 2em 0 0;
}

.anuncio p.descripcion{
	float:left;
	width:20em;
	padding-right:10px;
}
.anuncio p.raza{
    padding-right: 10px;
    width: 8.5em;
}
.anuncio p.fecha{
    width: 6.5em;
    padding-left: 5px;
    padding-right: 5px;
}
.anuncio p.provincia{
    width: 6.8em;
    padding-left: 5px;
    padding-right: 5px;
}
.anuncio p.precio{
    width: 5.5em;
    padding-left: 5px;
    padding-right: 5px;
}

.anuncio td{
	margin: 0em;
/*	border: 1px solid #0f0;*/
	float:left;
	width: 9em;
        padding-right: 5px;
}
.anuncio td p{
    display:inline;
    float: none;
}
.anuncio td h1 {
    display:inline;
}
.anuncio td.descripcion{
	display:inline;
	width:19.5em;
	padding-right:10px;
}
.anuncio td.raza{
    padding-right: 10px;
    width: 8.5em;
}
.anuncio td.fecha{
    width: 6.5em;
    padding-left: 5px;
    padding-right: 5px;
}
.anuncio td.provincia{
    width: 6.8em;
    padding-left: 5px;
    padding-right: 5px;
}
.anuncio td.precio{
    width: 5.7em;
    padding-left: 5px;
    padding-right: 5px;
}

#pagination {
    text-align: center;
}

/* ********************************************************************************* */








/* ********************************************************************************* */
/* ***************** ANUNCIOS HOME PARRILLA **************************************** */
/* ********************************************************************************* */

/* ---- Cabecera anuncios parrilla ------------------------------------------------- */

.cabecera{
	width: 50em;
	height:2em;
	/*border: 1px solid #ccc;*/
	background-color:#ccc;
	/*background:url(../img/cajainformacion.gif) 0em 0em repeat-x; /*CAMBIAR POR IMAGEN*/
}

.cabecera P{
	font-weight:bold;
	width: 10em;
	float:left;
	padding: 0.5em 0em;
	margin: 0em;
	color: #B04239;

}


 * .cabecera P.principal{
	margin-left:8em;
	width: 17em;
	
}
*html .cabecera P.principal{ margin-left:4em; }
.cabecera p.fecha{
	width: 4.5em;
	text-align:right;
}

/* ---- Anuncios de la parrilla  ---------------------------------------------------- */

.anuncioparrilla{
	width: 50em;
	border-bottom: 1px solid #ccc;	
	padding: 2em 0em;
}
.cebreado{
	background-color: #efefef;
}
.anuncioparrilla img{
	margin: 0em 0.5em 0em 0.5em;
	padding-bottom: 1em;
	clear: right;
	float:left;
}
.anuncioparrilla h1{
	margin: 0em 0em 0.3em 0em;
	color: #000;
	font-size: 1em;
	float: left	;	
	width: 17em;
		
}
.anuncioparrilla P{
	margin: 0em;
	/*border: 1px solid #0f0;*/
	float:left;
	width: 10em;	
}
.anuncioparrilla p.descripcion{
	/*border: 1px solid #fcc;*/
	width: 40.5em;
	padding-right:1em;
}
.anuncioparrilla p.fecha{
	text-align:right;
	width:4.3em;
}

/* ********************************************************************************* */
/* ********************************************************************************* */

h4 { margin-top:15px; margin-bottom:0px; color:#a21a0c;}
.filet_no_space { width:800px; height:1px; margin-bottom:0px; margin-top:0px; background-color:#cccccc;}

/* TERMINOS DE USO */
.pestanyas2 {
	margin:0 auto;
	width:600px;
	clear:both;
	margin-top: 15px;
}
.pestanyas2 div {
	padding-left:10px;
	margin:0.7em 0;
	font-family:Arial, Helvetica, sans-serif;
}
.pestanyas2 label { font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#494949;}


/* ALTA DE ANUNCIO */


ul { list-style: square;padding-left:100px; }
.li_error_form {
	line-height:20px;
	color:#ff0000;
}

div.info_registro { background-color:#EFEFEF!important;}
div.info_registro li {padding:0;margin:0 0 .5em 1.8em!important;list-style-image: url(../../../oc-content/themes/cuidalo/images/enlladestacat.gif)!important;}
div.info_registro h3 {margin:0 0 5px 10px!important;padding:1px!important;background-color:#cccccc!important;font-size:1em!important;color:#000000!important;border-bottom: 0px!important;}
div.info_registro #txt_info { margin-left:10px; line-height:18px; }
.rbroundbox { background: url(../../../oc-content/themes/cuidalo/images/nt.gif) repeat;width: 100%; margin: 1em auto; }
.rbtop div { background: url(../../../oc-content/themes/cuidalo/images/tl.gif) no-repeat top left; }
.rbtop { background: url(../../../oc-content/themes/cuidalo/images/tr.gif) no-repeat top right; }

.rbtop div, .rbtop, .rbbot div {width: 100%;height: 7px;font-size: 1px;}
.rbcontent { margin: 0 7px; }

.campo {display:block; overflow:hidden; clear:both;}
.container_opciones {float:left;}
.opcions { float:left; width:300px; margin-left:30px;}
.option_label { float:left;margin-right:10px; width:150px; }
.opcions_textarea{ float:left; text-align:left;}
.header_campo{ font-weight:bold; margin-bottom:10px;}
.header_campo #title {width:300px; font-size: 11px; font-weight: bold; color: #333333; }
.contextual { width:246px; margin-top:10px; float:right; background-color:#EFEFEF; padding: 6px;}
.contextual2 { width:246px; margin-top:50px; float:right; background-color:#EFEFEF;}


.header_seccio {margin-top:20px; margin-bottom:20px; color:#000000; border-top-style:dotted; border-top-width:1px; border-top-color:#9f190d; clear:both; font-size:1.3em;}
.header_seccio div { width:800px; background-color:#CCCCCC;}
.header_seccio #lbl_seccio{ margin-left:15px;}
.header_seccioP2 {margin-top:20px; margin-bottom:20px; color:#000000; border-top-style:dotted; border-top-width:1px; border-top-color:#9f190d; clear:both;}


.condiciones { margin-top:20px; margin-bottom:20px;}
.condiciones #ckb {margin-bottom:10px;}
.condiciones a{ margin-right:15px; margin-left:10px;  color:#990000;}
.condiciones a:visited {  }
.condiciones a:hover{color:#990000;}


div.formulario h3 { padding:1px; border-bottom:solid 1px #9f190d; overflow:hidden; font-size:1.5em; color:#9f190d; }

/* REGISTRE PAS 2 - llistat fotografies */
.foto_campo {overflow:hidden; clear:both; border-top:dotted 1px #ccc;}
.foto_campo2 {  background-color:#dddddd; overflow:hidden; clear:both; }
.foto_thumb { float:left; width:100px; overflow:hidden; padding:0.5em;}
.foto_opcions { float:left; overflow:hidden; padding:2em; }
.foto_opcions #ipt_titulo{ margin-right:10px; margin-left:10px;}
.foto_opcions a{ margin-right:15px; margin-left:10px;  color:#990000;}
.foto_opcions a:visited {   }
.foto_opcions a:hover{color:#990000;  }

.foto_opcions label { text-align:left; }

.gestio_error {display:none;background-color:#fefed6;padding:10px;border:1px solid #ff0000}


/*--------------- Indicador de progreso -----------------------------------*/
div#indicador {margin-top:30px;padding:0;background:url(../../../oc-content/themes/cuidalo/images/paspendent.gif) 0 3px repeat-x;width:500px; height:35px;}
li.final {text-align:right;}
div#indicador ol {margin:0px 0px 20px 0px;padding:0 0 6px 0;width:100%;}
div#indicador ol li {margin:0 0 2em 0;padding:1em 1% 0 0;display:block;list-style-type: none;font-size:0.8em;    float:left;line-height:2em;}
div#indicador ol li.passat {margin-left:0;color:#000;background:url(../../../oc-content/themes/cuidalo/images/paspassat.gif) 0 3px repeat-x;}
div#indicador ol li.actual {margin-left:0;color:#000;font-weight:bold;background:url(../../../oc-content/themes/cuidalo/images/pasactual.gif) -45px 0px no-repeat;}
div#indicador ol li.llarg {background:url(../../../oc-content/themes/cuidalo/images/pasactual.gif) 0px 0px no-repeat;}
div#indicador ol li.pendent{color:#8a8989;}
.neteja { clear:both; height:.1%;font-size:1px;border:0;margin:0; padding:0;}

/* --------- Previsualizar anuncio --------- */
.cabecera_top {background-color: #CCCCCC; color: #FFFFFF; display: block; margin-bottom: 20px; width: 100%;}
.cabecera_top h1 {margin:0px;font-size:1.6em;padding:5px 0px 5px 15px;}
#pestanas_ficha ul, .pestana_sel, .pestana_nosel { background-image:url("images/flaps.png"); }
#pestanas_ficha ul { background-position: 0px -11px; background-repeat: repeat-x; height: 59px; list-style-type: none; margin: 0px; overflow: hidden; padding: 0px; width: 100%; }
.pestana_sel { background-position: 0px -80px; background-repeat: no-repeat; float: left; font-family: Verdana; font-size: 13px; font-weight: bold; height: 35px; line-height: 30px; margin: 0px; padding: 1px 9px 0px 0px; text-align: center; width: 125px; }
.pestana_nosel { background-position:0px -215px; background-repeat:no-repeat; float:left; font-family:Verdana; font-size:13px; font-weight:bold; height:35px; line-height:30px; margin:0px; padding:1px 9px 0px 0px; text-align:center; width:125px; }
#pestana_datos a, #pestana_fotos a { color:white; cursor:pointer; text-decoration:none; }
#content_ficha { border:2px solid #AE2A1C; margin:0px; overflow:hidden; padding:0px; margin-bottom: 10px; }
#left_content_datos, #left_content_fheotos { border:1px solid #CCCCCC; float:left; margin:5px; overflow:hidden; width:510px; }
#left_content_fotos { padding:28px; width:454px; float:left;}
#right_content { border:1px solid #CCCCCC; float:right; margin:5px; overflow:hidden; width:230px; }
.cabecera_ficha { background-color:#CCCCCC; color:#FFFFFF; display:block; font-weight:bold; margin-bottom:20px; padding:5px 0 5px 15px; width:100%; }
img.image { border:1px solid #C6C6C6!important; float:left; margin:0px 1em; padding:2px; }
ul.lista_caracteristicas  { list-style-type:none; }
ul.lista_caracteristicas li { padding:2px; }
ul.form_contactar_anunciante  { list-style-type:none; margin-left:5px; padding:0px; } 
ul.form_contactar_anunciante li { padding:2px; text-align:left; }
input.input_contactar_anunciante { font-size:10px; width:210px; }
.cabecera_bottom { background-color:#CCCCCC; color:#AE2A1C; display:block; padding:5px 0 5px 5px; width:100%; }
.warning_resources { min-height:35px;padding-top:12px;margin-left:80px;font-size:1.2em; }

/* --------- Contact Form --------- */
input.error, textarea.error{ border: 1px solid red; }
.error { color: red; }

/* --------- FlashMessage --------- */
.FlashMessage { padding: 10px; border: #A21A0C dashed 1px; width: inherit; text-align: center; margin-top: 10px; color: #404040 }