@charset "utf-8";
* {margin:0;padding:0; }
body {font-family: Arial, Helvetica, sans-serif; background-color:#F8F8F8;}
h1,h3{margin-left:10px;}
#contenidomuro{ margin:0 auto; width:590px; margin-top:5px;}
#cabecera {height:45px;color:#fff;background-color: #A3D163; margin:0 auto;}
#menu { margin:0 auto;background:#eee;height:24px;border-bottom:1px solid #ddd; margin:0 auto; text-align:justify; }
#menu a{color:#00376F;padding:2px 10px;font-weight: bold;}


#contenido {line-height:1.5em; /*Contenedor padre*/
            margin:0 auto;
            text-align:justify;
			width:1000px;
			min-height:700px;
			margin-top: -190px;

			display:compact;
			
			     
            }
#subcontenido {margin-left:157px; margin-top:0px;  /*contiene al lateral y al cuerpo*/
			
			     
            }
#contercabecera{ position:relative;margin:0 auto; width:1000px; height:120px;  margin-top:-94px;}
#subcontercabecera { width:60px; height:70;  margin-left:20px;}
#contertitulonombre{ position:relative;margin:0 auto; width:900px; height:20px; }
#contermenumuro{ position:relative;margin:0 auto; width:290px; height:22px;  }
#menuh { /*menu al lado del logo */
	
	font: 80% "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
width:400px;
margin-left:260px;


height:20px;



}

#menuh ul, li {
        list-style-type: none;
}

#menuh ul {
        margin: 0;
        padding: 0;
}

#menuh li {
        float: left;
}

#menuh a {
        text-decoration: none;
    
       
        display: block;
        padding: 3px 10px;
        text-align: center;
    background: #A3D163;  color: #FFFFFF;   border-width: 0 0 0 0;	   
}


#menuh a#primero { 
        
}

#menuh a:hover {
      background-image: url(fondomenu2.jpg);    border: 1px solid #eee;  border-width: 0 0 1px 0;	  
		
}	  

#menuh .enci2 {
      background-image: url(fondomenu2.jpg);    border: 1px solid #eee;  border-width: 0 0 1px 0;	  
		
}	  

 	  
#menuc {  /*menu al encima del cuerpo */
	position:relative;
	font: 80% "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin-top:10px;
	margin-left:-85px;
	margin-bottom:0px;
	
	
}

#menuc ul, li {
        list-style-type: none;
}

#menuc ul {
        margin: 0;
        padding: 0;
}

#menuc li {
        float: left;
}

#menuc a {
        text-decoration: none;
        color:#A3D163;
        background:#FFFFFF ;
       
        padding: 3px 10px;
        text-align: center;
        border: 1px solid #BFDEFF;
        border-width: 1px 1px 0 0;
;
}


#menuc a#primero {
        border-left: 1px solid #BFDEFF;
}

#menuc a:hover {
        background: #A3D163; color: #FFFFFF;   border: 1px solid #BFDEFF;   border-width: 1px 1px 0 0;	 
		
}	  
#menuc .enci {
        background: #A3D163; color: #FFFFFF;   border: 1px solid #BFDEFF;   border-width: 1px 1px 0 0;	 
		
}	  
	  

#user{ position:relative; margin:5px 0;border: 1px solid    #BFDEFF; width:480px; height:20px; max-height:210px; /* textbox para escribir en el muro*/
background:#E4EFFA; font-size: 14px; text-shadow:#000000; font-family: "tahoma";  size:8px; font-size:13px;margin-top:20px;
	margin-left:60px; vertical-align:middle; } 
#info{ position:relative; margin:5px 0;border: 1px solid    #BFDEFF; width:480px; height:50px;  /* textbox para escribir en el muro*/
background:#E4EFFA; font-size: 14px; text-shadow:#000000; font-family: "tahoma";  size:8px; font-size:13px;margin-top:20px;
	margin-left:60px; vertical-align:middle; } 
.infoletra {font-family: "tahoma";font-weight:bold; font:bold; color:#333333; margin-left:25px;}	
.asuntoletra {font-family: "tahoma";font-weight:bold; font:bold; color:#CCCCCC; margin-left:35px;}
.comentarioletra {font-family: "tahoma";font-weight:bold; font:bold; color:#CCCCCC; margin-left:10px; margin-top:8px;}

.asunto{ position:relative;  0;border: 1px solid    #BFDEFF; width:280px; height:20px; max-height:210px; /* textbox para enviar mensaje*/
background:#E4EFFA; font-size: 14px; text-shadow:#000000; font-family: "tahoma";  size:8px; font-size:13px;margin-top:0px;
	margin-left:3px; vertical-align:middle; } 
#comentarioenviar{ position:relative; margin:5px 0;border: 1px solid    #BFDEFF; width:280px; height:40px; max-height:110px; /* comentario enviar mensaje*/
background:#E4EFFA; font-size: 14px; text-shadow:#000000; font-family: "tahoma";  size:8px; font-size:13px;margin-top:0px;
	margin-left:90px; vertical-align:middle; } 
.comentarioenviarconter{ width:280px; height:21px; margin-top:-20px;}
	
#respuesta{ position:relative; margin:5px 0;border: 1px solid    #BFDEFF; width:390px; height:20px; max-height:210px; /* textbox para escribir en el respuesta a comentario muro*/
background:#E4EFFA; font-size: 14px; text-shadow:#000000; font-family: "tahoma";  size:8px; font-size:13px;margin-top:5px;
	margin-left:60px; vertical-align:middle; display:none; } 
	
.botonenviar{margin:5px 0;border: 1px solid #BFDEFF; width:74px; height:24px;/* botón compartir*/
background:#A3D163; font-size: 14px; text-shadow:#000000;font-family: "tahoma";font-weight:bold; font:bold; color:#FFFFFF; size:8px; font-size:13px;position:relative; 
	margin-top:30px;
	margin-left:308px;
	}
.botonenviar:hover{ background-color:#C7FBB5; }
.cabeceramensajesprivados{ width:100px; height:15px;margin-top:0px; margin-left:0px; font-size: 14px; text-shadow:#000000;font-family: "Trebuchet MS";font-weight:bold; font:bold; color: #999999;}
.mensprivados{ width:100px; height:15px;margin-top:0px;  margin-left:30px; font-size: 14px; text-shadow:#000000;font-family: "Trebuchet MS";font-weight:bold; font:bold; color: #999999;}
.perfildes{ width:100px; height:15px;margin-top:0px;  margin-left:67px; font-size: 14px; text-shadow:#000000;font-family: "Trebuchet MS";font-weight:bold; font:bold; color: #999999;}
.perfilint{ width:100px; height:15px;margin-top:0px;  margin-left:67px; font-size: 14px; text-shadow:#000000;font-family: "Trebuchet MS";font-weight:bold; font:bold; color: #999999;}
.perfilsitu{ width:200px; height:15px;margin-top:0px;  margin-left:30px; font-size: 14px; text-shadow:#000000;font-family: "Trebuchet MS";font-weight:bold; font:bold; color: #999999;}

.nombreenprivado{ width:100px; height:15px;margin-top:0px; margin-left:0px; font-size: 14px; text-shadow:#000000;font-family: "Trebuchet MS";font-weight:bold; font:bold; color:#333333;}

#compartir{margin:5px 0;border: 1px solid #BFDEFF; width:74px; height:24px;/* botón compartir*/
background:#A3D163; font-size: 14px; text-shadow:#000000;font-family: "Trebuchet MS";font-weight:bold; font:bold; color:#FFFFFF; size:8px; font-size:13px;position:relative; visibility:hidden;
	margin-top:10px;
	margin-left:468px;
	}
#comentar{margin:5px 0;border: 1px solid #BFDEFF; width:74px; height:24px;/* botón compartir*/
background:#A3D163; font-size: 14px; text-shadow:#000000;font-family: "tahoma";font-weight:bold; font:bold; color:#FFFFFF; size:8px; font-size:13px;position:relative; 
	margin-top:10px;
	margin-left:380px; display:none;
	}


	#aceptar{margin:5px 0;border: 1px solid #BFDEFF; width:74px; height:24px;/* botón compartir*/
background:#A3D163; font-size: 14px; text-shadow:#000000;font-family: "Trebuchet MS";font-weight:bold; font:bold; color:#FFFFFF; size:8px; font-size:13px;position:relative;  
	margin-top:10px;
	margin-left:468px;
	}
	#botonbuscar{margin:5px 0;border: 1px solid #BFDEFF; width:74px; height:24px;/* botón compartir*/
background:#A3D163; font-size: 14px; text-shadow:#000000;font-family: "Trebuchet MS";font-weight:bold; font:bold; color:#FFFFFF; size:8px; font-size:13px;position:relative;  
	}
	.buscar{ text-shadow:#000000;font-family: "Trebuchet MS";font-weight:bold; font:bold; color:#666666; size:8px; font-size:11px;}
#botonbuscar:hover{ background-color:#D3EBFE;   border: 2px solid  #BFDEFF;  }
#compartir:hover{ background-color:#D3EBFE;   border: 2px solid  #BFDEFF;  }
#comentar:hover{ background-color:#D3EBFE; }
#aceptar:hover{ background-color:#D3EBFE;   }
#user:hover{background-color:#FFFFFF; }
#respuesta:hover{background-color:#FFFFFF; }
.comentarrespuesta{ color:#003399; }
.comentarrespuesta:hover{ color:#A4EA64; text-decoration:underline; cursor:pointer;   }
#cuerpo{
	position:relative;
	
	width:600px;
	min-height:600px;
	border-bottom:none;
	


	margin-top:190px;
	margin-left:100px;
	/*background:url(./menu/images/fonfo.gif);*/
background-color:#FFFFFF;
	border-color:#BFDEFF;
	border-width:1px;
	border-style:solid;
}
#cuerponavega{
	position:relative;
	
	width:830px;
	min-height:600px;
	border-bottom:none;
	


	margin-top:190px;
	margin-left:100px;
	/*background:url(./menu/images/fonfo.gif);*/
background-color:#FFFFFF;
	border-color:#BFDEFF;
	border-width:1px;
	border-style:solid;
}

#letrero{
	position:relative;
	width:30px;
	height:43px;
	
	left: 8px;
	top: 33px;
}


#medidas{
	position:relative;
	width:170px;
	height:63;
	margin-top:10px;
	margin-left:40px;
	
}
#lateral{
float:left;
	position:relative;
	width:210px;
	min-height:100px;
	margin-top:0px;
	margin-left:-130px;
	background-color:#FFFFFF;
	border-color:#BFDEFF;
	border-width:1px;
	border-style:solid;
	border-right:none;
}

#fotoperfil{ margin-left:20px; margin-top:10px;}
#nombrecabecera{ margin-left:20px; margin-top:10px; border: 1px solid #BFDEFF; border-width: 0 0 1px 0;}
#descripcionperfil{ margin-left:20px; margin-top:2px; border: 1px solid #BFDEFF; min-height:20px; width:170px;line-height:19px;}
#enviarmensaje{ margin-left:20px; margin-top:1px; max-width:170px;}
#enviarmensaje a{ text-decoration:none;}
#enviarmensaje:hover{ background-color:#E4EFFA;}
.espacio{ margin-left:2px;}
#añadiramigos{ margin-left:20px; margin-top:-3px; max-width:170px;  }
#añadiramigos:hover{ background-color:#E4EFFA; max-width:170px;}
#añadiramigos a{ text-decoration:none;}
#amigosperfil{ margin-left:20px; margin-top:4px; border: 1px solid #BFDEFF;max-width:170px; min-height:20px; }

#fotoamigosperfil{ margin-left:2px; margin-top:2px; float:left  }
#cabeceramigosperfil{ margin-left:0px; margin-top:0px;  background-color:#E4EFFA; max-width:170px; }

.Estilo1 {
	font-family: Impact;
	font-size: 24px;
	color: #FFFFFF;
	_border:none;
	border:0;
	
	
}
.icono{
margin-left:5px; margin-bottom:-4px;
}

.iconoamigo{
margin-left:5px; margin-bottom:-2px;
}

.estilolateralperfil {font-family: "Trebuchet MS"; size:1px; font-size:11px;} /* texto de los 
tarios*/
.img{ width:40px; margin-top:4px;  } /* reescalar */


.estiloemail{
	font-family: "Trebuchet MS";font-weight:bold; font:bold; color:#FFFFFF; margin-left:50px;
}
.estilocntraseña {
		font-family: "Trebuchet MS";font-weight:bold; font:bold; color:#FFFFFF; margin-left:10px;
}
.estiloolvido {
		font-family: "Trebuchet MS";font-weight:bold; font:bold; color:#FFFFFF; margin-left:46px; margin-top:10px;
}
 
.lupa{ margin-top:1px; margin-left:0px;}
/*INDEX.html*/
#entrada{ border: 1px solid    #BFDEFF; width:250px; height:260px;position: absolute;
    left: 50%;
    top: 50%;
    
    margin-top: -100px;    
    width: 300px;
    margin-left: -150px;     }
	
#entradare{ border: 1px solid    #BFDEFF;  height:300px;position: absolute;
    left: 45%;
    top: 45%;
    
    margin-top: -100px;    
    width: 500px;
    margin-left: -150px;     }
	
#tbuscar{margin:5px 0;border: 1px solid #BFDEFF; width:180px; height:20px;/* botón compartir*/
background:#F9F9F9; font-size: 14px; text-shadow:#000000;font-family: "Trebuchet MS";font-weight:bold; font:bold; color: #666666; size:8px; margin-left: -4px; margin-top:0px; }
#tbuscar:focus{ background-color:#FFFFFF; border-color:#006699;}

#tbcontraseña{margin:5px 0;border: 1px solid #BFDEFF; width:180px; height:24px;/* botón compartir*/
background: #EAF8D6; font-size: 14px; text-shadow:#000000;font-family: "Trebuchet MS";font-weight:bold; font:bold; color: #666666; size:8px; margin-left: -4px; }
#tbsitu{margin:5px 0;border: 1px solid #BFDEFF; width:280px; height:24px;/* botón compartir*/
background: #EAF8D6; font-size: 14px; text-shadow:#000000;font-family: "Trebuchet MS";font-weight:bold; font:bold; color: #666666; size:8px; margin-left: -4px; }

#tbcontraseña:focus{ background-color:#FFFFFF; border-color:#006699;}
#tbemail:focus{ background-color:#FFFFFF; border-color:#006699;}
#tbemail{margin:5px 0;border: 1px solid #BFDEFF; width:180px; height:24px;/* botón compartir*/
background: #EAF8D6; font-size: 14px; text-shadow:#000000;font-family: "Trebuchet MS";font-weight:bold; font:bold; color:#666666; size:8px; margin-left:-4px;}
#logoentrada{ margin-top:-120px; width:235; height:32;}
#barra { margin:0 auto;background:#eee;height:7px;border-bottom:1px solid #ddd; margin:0 auto; text-align:justify; }
#botonentrada {margin:0px 0;border: 1px solid #BFDEFF; width:100px; height:24px;/* botón compartir*/
background: #EAF8D6; font-size: 14px; text-shadow:#000000;font-family: "Trebuchet MS";font-weight:bold; font:bold; color:#666666; size:8px; margin-left:184px; margin-top:-5px;}
#botonentrada:hover { background-image:url(fondobotn.jpg);border: 1px solid #BFDEFF;}
#botonentradav {margin:0px 0;border: 1px solid #BFDEFF; width:100px; height:20px;/* botón compartir*/
background: #EAF8D6; font-size: 14px; text-shadow:#000000;font-family: "Trebuchet MS";font-weight:bold; font:bold; color:#666666; size:8px; margin-left:-40px; margin-top:-23px;}
#botonentradav:hover { background-image:url(fondobotn.jpg);border: 1px solid #BFDEFF;}
#pie {text-align:center;

      border-top:1px solid #C3C3C3;
	  background-color:#eee;
	  color:#333333;
		 position:absolute; bottom:0; width:100%;
		 font-family: "Trebuchet MS"; size:1px; font-size:13px; font-style:bold;}


.estilocomentarios {font-family: "tahoma"; size:1px; font-size:13px;} /* texto de los comentarios*/
.frasenove {font-family: "tahoma"; size:1px; font-size:11px;} /* texto de los comentarios*/
.estilocomentarios a{ text-decoration:none;}
.estilofecha {font-family: "tahoma"; size:1px; font-size:11px; color:#999999;} /* texto de los comentarios*/
#contenidorespuesta{ /*contenido de respuesta a comentario*/

	
	margin-left:60px;
	margin-top:4px;
	margin-bottom:4px;
	width:390px;
	border-bottom:1px solid #BFDEFF;
	background-color:#EFF8FA;

}
#cabe{ /*contenido de comentarios*/

	
	margin-left:20px;
	margin-bottom:30px;
	width:490px;
	border-bottom:1px solid #BFDEFF;

}
.eliminar{color:#003399;  left:2px;  }
.eliminar:hover{color:#A4EA64; text-decoration:underline; cursor:pointer;  }
.post img {
float:right;
top:0;
left:0;

max-width:70px;
max-height:70px;
padding : 1px;
line-height : 2em;
margin: 0 auto 10px auto;
clear: both;
}
#nombre{ margin-top:-58px; margin-left:55px; width:240px;}
#nombreprivados{ margin-top:-58px; margin-left:50px; width:430px;}
#nombre:hover{ text-decoration:underline; }
#nombrerespuesta{ margin-top:-54px; margin-left:50px; width:130px;}
#fotocomentario{

	
	margin-top:0px;
	margin-left:0px;
	
	width:50px;
	height:50px;

		
}

#fotocomentariorespuesta{

	
	margin-top:0px;
	margin-left:7px;
	
	width:50px;
	height:50px;

		
}
.textboxrespuesta{ display:none;}

#fechacomentario a{ text-decoration:none;}
.img{ width:40px;  } /* reescalar */
.img2{ margin-top:2px; margin-left:2px; margin-right:2px; border:none; _border:none;  }
.img3{ margin-top:2px; margin-left:10px; border:none; _border:none;  }
.fotoperfil{  max-width:110px;  }
.amigofotoperfil{  width:27px;  }
#comentario{margin-top:-3px;margin-left:55px;width:480px; word-wrap: break-word;}
#comentariorep{margin-top:-3px;margin-left:55px;width:315px; word-wrap: break-word;}
#fechacomentario{ margin-top:0px;margin-left:55px;width:510px; text-decoration:none;}


/*POPUP*/
 
a {
    cursor: pointer;
    text-decoration:none;
}
br.both{
    clear:both;
}
#backgroundPopup{
    display: none;
    position: fixed;
    _position: absolute; /* necesario para internet explorer 6 */
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: #ccc;
    border: 1px solid  #A3D163;
    z-index: 1;
}
#popupContact1{
    display: none;
	margin:0 auto;
    position: fixed;
    _position: fixed; /* necesario para internet explorer 6*/
    width: 420px;
    height: 170px;'
    margin-top: -05px;
    margin-left: -150px;
    top: 20%;
    left: 50%;
    background: #FFFFFF;
    border: 5px solid  #A3D163;
    z-index: 2;
    padding: 12px;
    font-size: 13px;
}
#popupContact2{
    display: none;
	margin:0 auto;
    position: fixed;
    _position: fixed; /* necesario para internet explorer 6*/
    width: 420px;
    height: 170px;'
    margin-top: -05px;
    margin-left: -150px;
    top: 20%;
    left: 50%;
    background: #FFFFFF;
    border: 5px solid  #A3D163;
    z-index: 2;
    padding: 12px;
    font-size: 13px;
}


.popupContactClose {
    font-size: 14px;
    line-height: 14px;
    right: 6px;
    top: 4px;
    position: absolute;
    color: #800000;
    font-weight: 700;
    display: block;
}