@charset "utf-8";
/* CSS Document */
.menuConf {padding-left:2.333em}

.menuConf li{list-style-type:none;}

.menuConf li a{font:15px Verdana, Arial, Helvetica, sans-serif;text-align:center;color:#FFF;}

.menuConf li a:hover{color:#85d6ed;}

.menuConf li a div
{
    background-image:url('../../images/ui/blue_button.png');
    height:41px;
    width:115px;    
    text-decoration:none;
    line-height:41px;
}
.mail
{
    border: 1px solid #0B64A3;
    background-color: #A1D8FF;
    padding:5px;
    width:70%;
    margin-bottom:3px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.specialSpan{width:730px;}
#draggable{cursor:move;}
#selected{border:2px solid #09C;}

#datosPersonales {
	padding: 10px 10px 15px 10px;
   	background-color: #FFF;
   	border: 1px solid #ccc;
}

.block {
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	padding:10px;
}

#amigosBlock {
	padding: 10px 10px 15px 10px;
   	background-color: #FFF;
   	border: 1px solid #ccc;
}

#amigosBlock table {
	padding: 0px;
	margin: 0px;
	border: 0px;
}

#amigosBlock th, td {
	padding: 0px 0px 5px 0px;
	border: 0px;
}


#commentBlock {
	padding: 10px 10px 15px 10px;
   	background-color: #FFF;
   	border: 1px solid #ccc;
}

#subBlock {
	padding: 10px 10px 15px 10px;
   	background-color: #FFF;
   	border: 1px solid #ccc;	
}

/* ---------------------- Menu Horizontal de Hector ---------------------- */
#menuhz{
	position:relative;
	display:block;
	height:30px;
	font-size:11px;
	font-weight:bold;
	background:transparent url(styleSocial/bgOFF.gif) repeat-x top left;
	font-family:Arial,Verdana,Helvitica,sans-serif;
	border-top:4px solid  #01467E;
}

#menuhz ul{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
}

#menuhz ul li{
	display:block;
	float:left;
	margin:0;
}

#menuhz ul li a{
	display:block;
	float:left;
	color:#666;
	text-decoration:none;
	padding:5px 20px 0 20px;
	height:23px;
	background:transparent url(styleSocial/bgDIVIDER.gif) no-repeat top right;
}

#menuhz ul li a:hover,#menuhz ul li a.current{
	color:#038FA6;
	background:#fff url(styleSocial/bgON.gif)  repeat-x top left;
}
/* ---------------------- END Menu Horizontal de Hector ---------------------- */
/* ---------------------- Menu Horizontal Custom de Guerra ---------------------- */
#menuhz_custom{
	position:relative;
	display:block;
	height:30px;
	font-size:11px;
	font-weight:bold;
	background:transparent url(styleSocial/menu1.png) top left;
	font-family:Arial,Verdana,Helvitica,sans-serif;	
}

#menuhz_custom ul{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
}

#menuhz_custom ul li{
	display:block;
	float:left;
	margin:0;
}

#menuhz_custom ul li a{
	display:block;
	float:left;
	text-decoration:none;
	padding:5px 20px 0 20px;
	height:25px;	
	/*background:transparent url(styleSocial/bgDIVIDER_black.gif) no-repeat top right;*/
}

#menuhz_custom ul li a:hover,#menuhz_custom ul li a.current{
	/*background:transparent url(styleSocial/menu1.png) top left;*/
}
/* ---------------------- END Menu Horizontal Custom de Guerra ---------------------- */
/* ---------------------- Menu Vertical Custom de Guerra ---------------------- */
.verticalContainer{width:150px;}

#menuver_custom {
        width: 150px;
        padding: 0 0 0 0;
        margin-bottom: 0;
        font-family: 'Trebuchet MS','Lucida Grande',
          Verdana, Lucida, Geneva, Helvetica,
          Arial, sans-serif;
            }

#menuver_custom ul {
        list-style: none;
        margin: 0;
        padding: 0;
        border: none;
        }

#menuver_custom li {
        border-bottom: 1px solid #90bade;
        margin: 0;
        background:transparent url(styleSocial/menu1.png) top left;
        }
 
#menuver_custom li a {
                    display: block;
                    padding: 5px 0px 5px 0px;
                    text-decoration: none;
                    width: auto;
                     background:transparent url(styleSocial/menu1.png) top left;
                     text-align:center;
                    }
/* ---------------------- END Menu Vertical Custom de Guerra ---------------------- */
/* ---------------------- Menu Horizontal de Hector ---------------------- */
#menuhz2_custom{
	position:relative;
	display:block;
	height:20px;
	font-size:11px;
	background: url(styleSocial/menu2.png) repeat-x;	
}

#menuhz2_custom ul{	
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
}

#menuhz2_custom ul li{
	display:block;
	float:left;
	margin-right:0px;
}

#menuhz2_custom ul li a{
	display:block;
	float:left;
	text-decoration:none;
	padding:2px 20px 0 20px;
	height:18px;    
/*	background:transparent url(styleSocial/bgDIVIDER2.gif) no-repeat top right;*/
	
}

#menuhz2_custom ul li a:hover,#menuhz2 ul li a.current{
	background: url(styleSocial/menu2.png) repeat-x;	
	/*background: url(styleSocial/menu2_ON.png) repeat;	*/
}
/* ---------------------- END  ---------------------- */
/* ---------------------- Menu Vertical2 Custom de Guerra ---------------------- */
#menuver2_custom {
        width: 150px;
        padding: 0 0 0 0px;
        margin-bottom: 0;
        font-family: 'Trebuchet MS','Lucida Grande',
          Verdana, Lucida, Geneva, Helvetica,
          Arial, sans-serif;
            }

#menuver2_custom ul {
        list-style: none;
        margin: 0;
        padding: 0;
        border: none;
        }

#menuver2_custom li {
        border-bottom: 1px solid #90bade;
        margin: 0;
        background:transparent url(styleSocial/menu2.png) top left;
        }

#menuver2_custom li a {
                    display: block;
                    padding: 2px 5px 5px 0.5em;
                    text-decoration: none;
                    width: auto;
                    height:10px;
                    background:transparent url(styleSocial/menu1.png) top left;
                    text-align:center;
                    }
/* ---------------------- END Menu Vertical Custom de Guerra ---------------------- */

/* ---------------------- Menu Horizontal Negro de Hector ---------------------- */
#menuhz_black{
	position:relative;
	display:block;
	height:30px;
	font-size:11px;
	font-weight:bold;
	background:transparent url(styleSocial/bgOFF_black.gif) top left;
	font-family:Arial,Verdana,Helvitica,sans-serif;
	/*border-top:4px solid  #949494;*/
}

#menuhz_black ul{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
}

#menuhz_black ul li{
	display:block;
	float:left;
	margin:0;
}

#menuhz_black ul li a{
	display:block;
	float:left;
	color:#FFF;
	text-decoration:none;
	padding:5px 20px 0 20px;
	height:23px;
	background:transparent url(styleSocial/bgDIVIDER_black.gif) no-repeat top right;
}

#menuhz_black ul li a:hover,#menuhz_black ul li a.current{
	color:#FFF;
	background:#fff url(styleSocial/bgON_black.gif)repeat-x top left;
}
/* ---------------------- END Menu Horizontal Negro de Hector ---------------------- */
/* ---------------------- Menu Horizontal de Hector ---------------------- */
#menuhz2{
	position:relative;
	display:block;
	height:20px;
	font-size:11px;
	background: url(styleSocial/bgOFF2.gif) repeat-x;
	color:#666;
}

#menuhz2 ul{	
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
}

#menuhz2 ul li{
	display:block;
	float:left;
	margin:0;
}

#menuhz2 ul li a{
	display:block;
	float:left;
	color:#FFF;
	text-decoration:none;
	padding:2px 20px 0 20px;
	height:15px;
	background:transparent url(styleSocial/bgDIVIDER2.gif) no-repeat top right;
	color:#000;
}

#menuhz2 ul li a:hover,#menuhz2 ul li a.current{
	background: url(styleSocial/bgON2.gif) repeat;
	color:#000;
}
/* ---------------------- END Menu Horizontal de Hector ---------------------- */

#miniMenu {
	width: 120px;
	margin: 10px auto 10px auto;
	list-style: none;
	margin: 0;
	padding: 0;
	}

#miniMenu li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}	
	
#miniMenu li a:link, #miniMenu li a:visited {
	color: #4D4D4D;
	display: block;
	background:  url(style/miniMenu.gif);
	padding: 8px 0 0 10px;
	}
	
#miniMenu li a:hover {
	color: #3D80DF;
	background: url(style/miniMenu.gif) bottom;
	padding: 8px 0 0 10px;
	}

#miniMenu li.actual a {
	color: #000;
	background: url(style/miniMenu.gif) bottom;
	padding: 8px 0 0 10px;	
}

#miniMenu li.sub {	
	position:relative;
	}
#miniMenu li.sub a {	
	background: url(style/miniMenu.gif) center;
}

#miniMenu ul {
	width: 120px;
	margin: 10px auto 10px auto;
	list-style: none;
	margin: 0;
	padding: 0;
}

#miniMenu li ul {
	display:none;
	visibility:hidden;
	width:0;
	height:0;
	overflow:hidden;
	position:absolute;
}

#miniMenu li:hover ul {
	display:block;
	visibility:visible;
	overflow:visible;
	position:absolute;
	height:auto;
	width:80px;
	left:40px;
	top:12px;
	background:url(../../../css/transparent.gif);
} /* the background image is for IE7 */

#miniMenu li ul li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}	
	
#miniMenu li ul li a:link, #miniMenu li ul li a:visited {
	color: #4D4D4D;
	display: block;
	background:  url(style/miniMenu.gif);
	padding: 8px 0 0 10px;
	}
	
#miniMenu li ul li a:hover {
	color: #3D80DF;
	background: url(style/images/ui/miniMenu.gif) bottom;
	padding: 8px 0 0 10px;
	}
#headerDiv {
	height:190px; 
	position:relative;
}

#headerDiv_edit {
	position:absolute; 
	bottom:0px; 
	left:0px; 
	background:#FFF; 
	padding: 4px; 
	text-decoration:none;
	/*visibility:hidden;*/
    filter:alpha(opacity=0);
    opacity:0;
}

#headerDiv:hover #headerDiv_edit {
	/* visibility:visible;*/
    filter:alpha(opacity=80);
     opacity:0.8;
}