/*ESTILS GENERALS*/

body{background:#fff;margin:0;font-size:11px;color:#000;font-family:verdana,arial,sans-serif;}
h1,h2,h3,h4,select,input,textarea{line-height:1.1;margin:0;padding:0;font-family:verdana,arial,sans-serif;font-size:11px;color:#000;}
textarea{line-height:1.3;height:50px;}
a{color:#000099;}
a:hover{color:#6666cc;}

form,p,ul{margin:0;padding:0;}
select,input{vertical-align:middle;}
ul{list-style:none;}
img{border:0;}

h1.titulo{color:#333;font-size:14px;}
.ul1 {margin:25px 30px;list-style: disc ; }
.ul1 li{margin:7px; text-align:left;}

.label_rojo
{   
    font-family:verdana,arial,sans-serif;
    font-size:11px; 
    letter-spacing: -1px; 
    padding: 3px 0 0 0px; 
    margin: 0; 
    color:Red; 
    background-color:White;
}


.ancho_250 
{
	   line-height:1.1;
	   margin:0;
	   padding:0;
	   font-family:verdana,arial,sans-serif;
	   font-size:11px;
	   color:#000;
	   width:250px;
}


#login {float:right;margin-top:32px;padding:10px 20px 3px 20px;border:1px solid #333399;background-color:#f2f2f2;}
#login h2.subtittxt{color:#f00000;}
.caixa {padding:0px 0px 12px;}
.error_login {color:#FF0000;}
td.izq{text-align:left;}
td.der{text-align:right;vertical-align:top;}
td.cuadro_con_fondo{background-color:#f2f2f2;border:1px solid #ccc;padding:8px 10px;}
td.cabecera_secciones_ficha_propiedad
{
	background-color:#f2f2f2;
	border:1px solid #ccc;
	padding:8px 10px;
}

.div_con_bordes
{
	border:solid 1px #CECFCE;  
}

.div_sin_bordes
{
	background-color:#F5F5FC;
}

#pagina{margin:0px auto; width:1000px; text-align:center;}

#completa{width:800px;text-align:left;float:left; margin:0px; }
/*#completa{width:770px;text-align:left;margin:0 auto;}*/

/*--------- CONTENIDO ----------*/
#contenido{padding:0 0px 0px;}
/*#contenido{padding:0 10px 10px;}*/


.boton div{float:left;background:url(../images/botones/azul/bg_boton_left.gif) no-repeat 0 0;padding:0 0 0 4px;}
.boton p{float:left;background:url(../images/botones/azul/bg_boton_right.gif) no-repeat right top;padding:0 4px 0 0;}
.boton input{background:url(../images/botones/azul/bg_boton_middle.gif) repeat-x 0 0;font-weight:bold;font-family:tahoma,arial,sans-serif;color:#fff;border:none;padding:2px 0 6px;font-size:11px;line-height:1.5;cursor:pointer;}
.boton div p a{display:block; text-decoration:none; background:url(../images/botones/azul/bg_boton_middle.gif) repeat-x 0 0;font-weight:bold;font-family:tahoma,arial,sans-serif;color:#fff;border:none;padding:4px 10px 6px;}




/*--------- HEADER ----------*/

#cabecera{margin:0 0 11px 0px;}
/*#cabecera{margin:0 0 11px 9px;}*/

/*logo*/
/*
#logo {float:left;background:url(../images/logo_cabecera.gif) no-repeat 0 29px;width:450px;line-height:1.2;font-size:12px;font-weight:normal;}
#logo a{display:block;width:450px;width:260px;padding:46px 0 0 187px;color:#666;text-decoration:none;height:29px;}
#logo a:hover{text-decoration:none;}
#logo span{display:none;}
*/


/*menu*/
#menu{background:#333399 url(../images/fondo_menu_negro_800.gif) no-repeat 0 0;clear:left;}
#menu li{float:left;margin:0 0;padding:2px 10px 3px; background:url(/images/web/fondo_seccion.gif) no-repeat 0 2px;}
#menu li.first {background-image:none;padding-left:20px;}
#menu a{display:block;width:10px;text-decoration:none;font-weight:bold;text-align:center;white-space:nowrap;line-height:1.9;color:#fff;}
html>body #menu a{width:auto;}
#menu a.miLista{padding-right:20px;height:19px;float:left; background:url(/images/web/estrella_menu.gif) no-repeat top right;}
#menu img{vertical-align:middle;margin-top:1px;}



/*buscador*/
#buscador{background:#F5F5FC url(../images/caja_800/bg_buscador_top.gif) no-repeat 0 0;}
#buscador .box1{background:url(../images/caja_800/bg_buscador_bottom.gif) no-repeat left bottom;padding:0 0 10px;}
#buscador .box2{border-left:1px solid #E0E0E1; border-right:1px solid #E0E0E1; padding:0 2px 5px 2px; overflow:hidden;}

/*
   #buscador .box1{background:url(../images/caja_750/bg_buscador_bottom.gif) no-repeat left bottom;padding:0 0 10px;}
   #buscador .box2{border-left:1px solid #E0E0E1; border-right:1px solid #E0E0E1; padding:0 15px 9px 50px; overflow:hidden;}
#buscador .formulario{border-left:1px solid #E0E0E1; border-right:1px solid #E0E0E1; padding:0 15px 9px 50px; overflow:hidden;}
#buscador .box2 h2{float:left;width:550px;font-size:24px;font-weight:normal; padding:10px 0 10px;}
#buscador .box2 h3{float:right; width:310px;font-size:11px;font-weight:normal;color:#666;}

*/

/* index de usuarios */
#mispropiedades{background:url(../images/32_32/propiedades.gif) no-repeat 19px 19px;}
#misavisos{background:url(../images/32_32/exclamacion.gif) no-repeat 19px 19px;}
ul.list_puntito li{background:url(../images/list_puntito.gif) no-repeat 0 6px;padding:0 0 2px 13px;}




/*  cajas de aviso */
.aviso {
	 background-color:Yellow;
	 color:#3E3D3C;
	 font-size:11pt;
}

.aviso2 {
   font-family: verdana,arial,sans-serif;
   font-size:14px;
   font-weight:bold;
   color: #333333;
}



/* footer home */
#footer{text-align:center;color:#787878;border-top:1px solid #999;margin-top:10px;padding-top:10px;width:750px;line-height:1.5}
#footer p{margin-bottom:15px;color:#666;}
#footer img{vertical-align:middle;}
#footer a.grisFuerte, #footer a.grisFuerte:hover {color:#666}
.rojo{color:#ff0000;}





/* INICIO cajas */
/* INICIO cajas */
/* INICIO cajas */
.box
	{
	/*position: relative;
	margin-left: auto;
	margin-right: auto;	
	margin-top: 3em;
    */
	padding: 0;
	text-align: left;
	width:80%;				/* <-- use this to tie width to viewport size */
	width: 55em;				/* <-- use this for a set width */
	background-color: #eeeeee;
	}
 	
.box .content
	{
	/*padding:3em;*/
	padding:9px;
	}

.box .content h1
	{
	color:#0354c2;
	font-weight: bold;
	font-size: 1.2em;
	font-family: helvetica, geneva, arial, sans-serif;
	}
		
.box .content p
	{
	color:#3b3b3b;
	font-size: 1em;
	line-height: 1.3em;
	font-family: arial, helvetica, sans-serif;
	}
		
/* ---=== border code follows ===--- */
/*
	tlc = top left corner
	trc = top right corner
	blc = bottom left corner
	brc = bottom right corner
	lb = left border
	rb = right border
	tb = top border
	bb = bottom border 
*/

.box .tlc, .trc, .blc, .brc
	{
	background-color: transparent;
	background-repeat: no-repeat;
	}

.box .tlc
	{
	background-image:url(../images/cajas/1/tlc.gif);
	background-position: 0% 0%;
	}

.box .trc
	{
	background-image:url(../images/cajas/1/trc.gif);
	background-position: 100% 0%;
	}
	
.box .blc
	{
	background-image:url(../images/cajas/1/blc.gif);
	background-position: 0% 100%;
	}

.box .brc
	{
	background-image:url(../images/cajas/1/brc.gif);
	background-position: 100% 100%;
	}

.box .tb, .bb
	{
	background-color: transparent;
	background-repeat: repeat-x;
	}
			
.box .tb
	{
	background-image:url(../images/cajas/1/tb.gif);
	background-position: 0% 0%;
	}

.box .bb
	{
	background-image:url(../images/cajas/1/bb.gif);
	background-position: 50% 100%;
	}
	
.box .rb
	{
	background-image:url(../images/cajas/1/r.gif);
	background-position: 100% 0%;
	background-repeat: repeat-y;
	}

.box .lb
	{
	background-color: #eeeeee;
	background-image:url(../images/cajas/1/l.gif);
	background-position: 0% 100%;
	background-repeat: repeat-y;
	}
			
/* fin cajas */
/* fin cajas */
/* fin cajas */



/*CAJA "SIDEBOX"*/
/*CAJA "SIDEBOX"*/
/*CAJA "SIDEBOX"*/
/*USO:
		<div class="sidebox">
	        <div class="sidebox_boxhead"><h2>PRUEBAS CAJA</h2></div>
	        <div class="sidebox_boxbody">
		        <p>This is a short sample paragraph.</p>
		        <p>And another one.</p>
	        </div>
        </div>
*/
/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
	margin: 0 auto; /* center for now */
	width: 17em; /* ems so it will grow */
	background: url(../images/cajas/2/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}
.sidebox_boxhead {
	background: url(../images/cajas/2/sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}

.sidebox_boxhead h2 {
	background: url(../images/cajas/2/sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.sidebox_boxbody {
	background: url(../images/cajas/2/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 31px;
}
/* fin caja SIDEBOX*/
/* fin caja SIDEBOX*/
/* fin caja SIDEBOX*/





/*CAJA "CSSBOX"*/
/*CAJA "CSSBOX"*/
/*CAJA "CSSBOX"*/
/*uso:
		<div class="cssbox" style="width:800px;">
            <div class="cssbox_head"><h2>cabecera</h2></div>
            <div class="cssbox_body">
                <p>pruebas de contenido</p>
            </div>
        </div> 
*/
/* set the image to use and establish the lower-right position */ 
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2 {
    background: transparent url(../images/cajas/3/demobox.png) no-repeat bottom right; 
} 
.cssbox { 
    width: 335px !important; /* intended total box width - padding-right(next) */
    width: 320px; /* IE Win = width - padding */
    padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
    margin: 20px auto; /* use to position the box */ 
} 

/* set the top-right image */ 
.cssbox_head { 
    background-position: top right; margin-right: -15px; /* pull the right image over on top of border */
    padding-right: 40px; /* right-image-gap + right-inside padding */ 
} 

/* set the top-left image */ 
.cssbox_head h2 { 
    background-position: top left; 
    margin: 0; /* reset main site styles*/ 
    border: 0; /* ditto */ 
    padding: 25px 0 15px 40px; /* padding-left = image gap + interior padding ... no padding-right */ 
    height: auto !important; height: 1%; /* IE Holly Hack */ 
} 

/* set the lower-left corner image */ 
.cssbox_body { 
    background-position: bottom left; 
    margin-right: 25px; /* interior-padding right */ 
    padding: 15px 0 15px 40px; /* mirror .cssbox_head right/left */ 
} 
/*fin CAJA "CSSBOX"*/
/*fin CAJA "CSSBOX"*/
/*fin CAJA "CSSBOX"*/



/*CAJA 1 IMAGEN PARA SACAR LAS ESQUINAS DE LA IMAGEN/*
/*CAJA 1 IMAGEN PARA SACAR LAS ESQUINAS DE LA IMAGEN/*
/*CAJA 1 IMAGEN PARA SACAR LAS ESQUINAS DE LA IMAGEN/*
/*
USO:
		<div style="width:700px;height:700px;">
           <div class="plaqueTopLeft"><div class="plaqueTopRight"></div></div> <!-- the top row -->
           <div class="plaqueLeft"><div class="plaqueRight"><div class="plaqueCenter">   
              <!-- CONTENIDO DE LA CAJA -->
              This is where all the content goes … it’s a normal div, you can put anything you want in here.
              <!-- FIN CONTENIDO DE LA CAJA-->
           </div></div></div><div class="plaqueBottomLeft"><div class="plaqueBottomRight"> </div>
           </div> <!-- the bottom row -->
        </div>
*/
.plaqueTopLeft, .plaqueTopRight, .plaqueBottomLeft, .plaqueBottomRight { background-image: url("../images/cajas/4/css3DBox_2000.png"); }
.plaqueTopLeft { height: 16px; background-position: 0 0; }
.plaqueTopRight { height: 16px; background-position: 100% 0; margin-left: 20px; }
.plaqueBottomLeft { height: 28px; background-position: 0 100%; }
.plaqueBottomRight { height: 28px; background-position: 100% 100%; margin-left: 20px; }
.plaqueLeft { background-image: url("../images/cajas/4/css3DLeft.png"); background-repeat: repeat-y; }
.plaqueRight { background-image: url("../images/cajas/4/css3DRight.png"); background-position: 100% 0; background-repeat: repeat-y; margin-left: 20px; }
.plaqueCenter { margin-right: 30px; margin-left: 0px; }
/*FIN DE LA CAJA 1 IMAGEN PARA SACAR LAS ESQUINAS DE LA IMAGEN*/
/*FIN DE LA CAJA 1 IMAGEN PARA SACAR LAS ESQUINAS DE LA IMAGEN*/



/*CAJA DMZONE RECOMENDADA...AJUSTAR SUS PIXELES DE CABECERA Y PIE....*/
/*uso:
               <div class="DMXZONE_roundedBox1" style=" float:left;">
                  <div class="DMXZONE_boxTopLeft1">
                    <div class="DMXZONE_boxTopRight1" style="width: 342px; height: 24">
                       &nbsp; 
                       <b>
                          <font size="2" face="Verdana">
                            DATOS PROPIEDAD
                          </font>
                       </b>
                    </div>
                  </div> 
                  <div class="DMXZONE_boxContentLeft1">
                  <div class="DMXZONE_boxContentRight1" style="width: 330px; height: 200px;">
                    <P>
                       <FONT face=Verdana color=#005FA9 size=2>
                          pruebas....
                       </FONT>
                       
                       <font face="Verdana" size="2" color="#A7B8C2">
                          <br>________________________
                       </font>
                       
                       <font face="Verdana" color="#005FA9" size="2">
                          <br>
                          <br>
                             con esquinas
                       </font>
                    </P> 
                  </div>
             </div>
             <div class="DMXZONE_boxBottomLeft1">
                <div class="DMXZONE_boxBottomRight1" style="width: 342px; height: 24px;"></div>
             </div>
          </div>
*/


.DMXZONE_roundedBox1 {
	WIDTH: 20%
}
.DMXZONE_boxTopLeft1 {
	BACKGROUND-IMAGE: url(../images/caja_dmxzone/vtop3.gif)
}
.DMXZONE_boxTopRight1 {
	BACKGROUND-POSITION: right top; BACKGROUND-IMAGE: url(../images/caja_dmxzone/htop3.gif); BACKGROUND-REPEAT: no-repeat; HEIGHT: 24px
}
.DMXZONE_boxBottomLeft1 {
	BACKGROUND-IMAGE: url(../images/caja_dmxzone/vbottom3.gif)
}
.DMXZONE_boxBottomRight1 {
	BACKGROUND-POSITION: right top; BACKGROUND-IMAGE: url(../images/caja_dmxzone/hbottom3.gif); BACKGROUND-REPEAT: no-repeat; HEIGHT: 24px
}
.DMXZONE_boxContentLeft1 {
	BACKGROUND-POSITION: left top; BACKGROUND-IMAGE: url(../images/caja_dmxzone/vside3.gif); BACKGROUND-REPEAT: repeat-y
}
.DMXZONE_boxContentRight1 {
	PADDING-RIGHT: 0.5em; BACKGROUND-POSITION: right top; PADDING-LEFT: 0.5em; BACKGROUND-IMAGE: url(../images/caja_dmxzone/hside3.gif); PADDING-BOTTOM: 0px; COLOR: #fff; PADDING-TOP: 0px; BACKGROUND-REPEAT: repeat-y
}
P {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 1ex; MARGIN: 0px; PADDING-TOP: 1ex
}/*FIN DE CAJA RECOMENDADA DMZONE....AJUSTAR SUS PIXELES DE CABECERA Y PIE */


/*CAJA SIMPLE*/
/* USO:
               <div class="SIMPLE_roundedBox" style="width:273px; height:259px;">
                  <div class="SIMPLE_boxTopLeft">
                     <div class="SIMPLE_boxTopRight"></div>
                  </div>
                  <div class="SIMPLE_boxContentLeft">
                     <div class="SIMPLE_boxContentRight">
                        <p>
                           <font face=Verdana color=#000000 size=2>
                           Caja SIMPLE hecha con 1 pixel de borde
                           <br>
                           </font>
                           <font face=Verdana color=#DCD4D4 size=2>______________________________ 
                              <BR>
                           </font>
                           <font face=Verdana color=#000000 size=2>
                              <BR>
                                 ejemplo
                           </font>
                        </p>
                        <p>
                           <font face=Verdana color=#000000 size=2>
                              &nbsp;
                              <a href="http://www.roast-horse.com/tutorials/index.html" 
                               target=_blank>http://www.roast-horse.com
                              </a>
                           </font>
                        </p>
                     </div>
                  </div>
                  <div class="SIMPLE_boxBottomLeft">
                     <div class="SIMPLE_boxBottomRight"></div>
                  </div>
               </div>
*/
.SIMPLE_boxTopLeft {
	BACKGROUND-IMAGE: url(../images/caja_simple/vtop20.gif)
}
.SIMPLE_boxTopRight {
	BACKGROUND-POSITION: right top; BACKGROUND-IMAGE: url(../images/caja_simple/htop20.gif); BACKGROUND-REPEAT: no-repeat; HEIGHT: 20px
}
.SIMPLE_boxBottomLeft {
	BACKGROUND-IMAGE: url(../images/caja_simple/vbottom20.gif)
}
.SIMPLE_boxBottomRight {
	BACKGROUND-POSITION: right top; BACKGROUND-IMAGE: url(../images/caja_simple/hbottom20.gif); BACKGROUND-REPEAT: no-repeat; HEIGHT: 20px
}
.SIMPLE_boxContentLeft {
	BACKGROUND-POSITION: left top; BACKGROUND-IMAGE: url(../images/caja_simple/vside.gif); BACKGROUND-REPEAT: repeat-y
}
.SIMPLE_boxContentRight {
	PADDING-RIGHT: 1.5em; BACKGROUND-POSITION: right top; PADDING-LEFT: 1.5em; BACKGROUND-IMAGE: url(../images/caja_simple/hside.gif); PADDING-BOTTOM: 0px; COLOR: #fff; PADDING-TOP: 0px; BACKGROUND-REPEAT: repeat-y
}

/*FIN CAJA SIMPLE*/


/* caja mybox*/
/* uso:
                <div class="caja_mybox_wrap" style=" width:350px;">
                    <div class="caja_mybox">
                    
                       <div class="caja_mybox_cuerpo" style=" width:347px; margin-top:9px; padding-top:9px;">
	                       <p>
   	                         My box text ;)
	                         <br />
	                         This is my rounded box, isn't it so cool!
	                         I love my rounded corner box, it's SO pretty!
	                         And it's expands it's height to
                             fit in as much text as I want to throw in it!
	                         How awesome!
	                       </p>
                       </div>
                    
                       <div class="caja_mybox_endbox">
                       </div>

                    </div>
                       
                  </div>
*/

.caja_mybox_wrap {
	float:left;
	}

.caja_mybox {
	float:left;
	width:100%;
	 /*Your width is 190px minus 20px for your left and right padding totally to 170px*/
	
	/*the url to your top rounded corner image*/
	background:transparent url(../images/caja_400/top.gif) no-repeat;
	font:11px 'trebuchet ms', arial, verdana, sans-serif;
	color:#fff;
	
	}

.caja_mybox_cuerpo 
{
	color: Black;
	border:solid 1px #723DE0;
}	

.caja_mybox_endbox {
	float:left;
	width:100%;
	height:6px;
	/*url to the bottom rounded corner*/
	background:transparent url(../images/caja_400/bottom.gif) no-repeat; 
	}

/*fin caja mybox*/


/* menu con tabs.....*/
/* menu con tabs.....*/
/*uso: 
<div id="header">
  <ul>
    <li><a href="#">Home</a></li>
    <li id="seleccionado"><a href="#">News</a></li>
    <li><a href="#">Products</a></li>
  </ul>
</div>
     
*/
    #menu_tab {
      float:left;
      width:800px;
      background:#DAE0D2 url("menu_tab/bg.gif") repeat-x bottom;
      font-size:93%;
      line-height:normal;
      }
    #menu_tab ul {
      margin:0;
      padding:10px 10px 0;
      list-style:none;
      }
    #menu_tab li {
      float:left;
      background:url("menu_tab/left.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 9px;
      }
    #menu_tab a {
      display:block;
      background:url("menu_tab/right.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      text-decoration:none;
      font-weight:bold;
      color:#765;
      }
    #menu_tab a:hover {
      color:#333;
      }
    #menu_tab .seleccionado {
      background-image:url("menu_tab/left_on.gif");
      }
    #menu_tab .seleccionado a {
      background-image:url("menu_tab/right_on.gif");
      color:#333;
      padding-bottom:5px;
      }



/* DIV PARA MOSTRAR ERRORES */     
#form-sorry                     {width:75%; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#3D3C38; text-align:left;} 
#form-sorry a:link              {color:#B50001; text-decoration:none;} 
#form-sorry a:visited           {color:#B50001; text-decoration:none;}  
#form-sorry a:active            {color:#B50001; text-decoration:none;} 
#form-sorry a:hover             {color:#7A1011; text-decoration:underline;} 
#form-sorry strong              {color:#000;} 

#form-sorry-wrap                {} 
#form-sorry-bg                  {float:left; width:100%; margin-top:20px; border:1px solid #E1D0BB; background:url(/img/form-sorry/error_grad.gif) repeat-x #FBF4D8;} 

#form-sorry .img                {float:left; margin:55px 0 0 25px;} 
#form-sorry .text               {margin:35px 20px 35px 110px;} 
 
#form-sorry .error              {font-weight:bold; padding:7px 0 0 10px; font-size:24px; color:#B50001;} 
#form-sorry .notice             {font-weight:bold; font-size:22px; color:#34587E;} 
#form-sorry .back               {font-weight:bold; font-size:18px; color:#B50001;} 
#form-sorry .copyright          {text-align:center; padding:0 8%; font-size:10px; color:#999999;} 


/* pie  */
/* pie  */

#pie {
	width: 100%;
	color: #333;
	background: #f7f7f7;
	/*border-top: 50px solid white;*/
	margin-top: 20px;
    border-top: 1px dotted #666;
}

#pie-container {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	padding-top: 20px;
	padding-bottom: 20px;
}

#pie-wraper {
	width: 630px;
	float: right;
}

#pie-left {
	width: 300px;
	float: left;
	padding-right: 15px;
}

#pie-middle {
	width: 300px;
	float: left;
	padding-right: 15px;
}

#pie-right {
	width: 315px;
	float: right;
}

#pie h2 {
	font: bold 14px 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	/*color: #360;*/
	color: Blue;
	margin: 0;
	padding: 0;
	border-bottom: 1px dotted #666;
    margin-bottom: 5px;
}
#pie p {
	margin-bottom: 5px;
    font-size: 90%;
}


#pie-full {
	width: 950px;
	margin-bottom: 20px;
}

/* fin pie */
/* fin pie */