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

.hidden {
    position: absolute;
    top: -99999px;
    left: -999999px;
    overflow: hidden;
    width: 1px;
    height: 1px;
}
.clear {
    clear: both;
}

form { margin: 0; padding: 0; }
p { margin: 0 0 1em 0; }
a img { border: 0; }
input, select, textarea {font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif}

body {
    font-size: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
    background: #fff url(../img/template/body.jpg) no-repeat 50% 0;
    color: #333;
}

.maincolor1 { color: #333; background-color: transparent; }
.maincolor2 { color: #81b324; background-color: transparent; }
.maincolor3 { color: #00264c; background-color: transparent; }
.maincolor4 { color: #4bb3d7; background-color: transparent; }
.maincolor5 { color: #379dc1; background-color: transparent; }
.maincolor6 { color: #2389ab; background-color: transparent; }
.maincolor7 { color: #999; background-color: transparent; }
.maincolor8 { color: #9ED636; background-color: transparent; }
.maincolor9 { color: #006AB9; background-color: transparent; }


.fontbigger {
    font-size: 1.1em;
}
.fontsmaller {
    font-size: 0.9em;
}

.right { text-align: right; }
.left { text-align: left; }
.center { text-align: center; }
.justify { text-align: justify; }
.float_left { float: left; display: inline; }
.float_right { float: right; display: inline; }

.extra1 {
    border-right: 1px solid #dadada;
    border-left: 1px solid #dadada;   
    background-color: #f9f9f9;
    color: inherit;
    height: 15px;
}


#container {
    /*width: 68em;
    width: 100%;*/
    width: 997px;
    padding: 5px 0;
    text-align: left;
    font: normal 0.7em/1.5em Verdana, Arial, Helvetica, sans-serif;
    margin: 0 auto;
}





#header {
    background: transparent url(../img/template/header.jpg) no-repeat 100% 100%;
    color: #fff;
    border-bottom: 1px solid #fff;
    text-align: left;
    min-height: 134px;
    position: relative;
}
    #logo {
        position: absolute;
        left: 30px;
        top: 55px;
    }

    #f_header_formlang {
      float: right;
      display: inline;
      color: #333;
      background-color: transparent;
    }
        #f_header_formlang label {
          font-weight: normal;
        }

    #header .content {
        padding: 100px 5px 5px 400px;
    }
    #header a {
        color: #fff;
        background-color: transparent;
    }
    
    #header_userinfo, #header_search, #header form {
        display: inline;
    }

    #header_userinfo {
        font-weight: bold;
    }

    #header_search {
        margin-left: 2em;
    } 
    #header form * {
        vertical-align: middle;
    }
    #header .fieldbox1 {
        width: 190px;
    }
    
#footer {
    background: url(../img/template/footer.gif) no-repeat 50% 50%;
    padding: 4px 40px 4px 40px;
    text-align: center;
}
    #footer .powered {
        float: left;
        display: inline;
    } 
    #footer .syndicate {
        float: right;
        display: inline;
        margin: 4px 0 0 0;
    }       
    #footer .copy {
        display: block;
        padding-top: 4px;
    }
    #footer .copy a {
        color: #333;
        background-color: transparent;
    }

#pagebody {
    background: #fff;
    color: inherit;
    min-height: 680px;
    padding: 13px 11px 25px;
}
    #sidebar_1 {
        float: left;
        display: inline;
        width: 188px;
    }

    #sidebar_2 {
        float: right;
        display: inline;
        width: 188px;
    }

    #mainzone {
        float: right;
        display: inline;
        width: 769px;
        /*padding-top: 15px;*/
    }
#pagebody.towcols_right {  
}
    #pagebody.towcols_right #mainzone {
        float: left;
        width: 743px;
        padding-top: 0;
    }
    
    #pagebody.towcols_right .sidebar_2 {
        float: right;
        display: inline;
        margin-right: -5px;
        width: 211px;
        padding: 0 5px;
    }
    
#pagebody.threecols {
}    
   #pagebody.threecols #sidebar_2 {
        width: 211px;
    }
   #pagebody.threecols #mainzone {
        width: 537px;
        float: left;
        margin-left: 18px; 
    }    

 

#menu {
    width: 100%;
    font-size: 1.1em;
    font-weight: bold;
    border-top: 1px solid #000;
    border-bottom: 1px solid #5f5f5f;
}
    #menu ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }
    
    #menu li {
        float: left;
        display: inline;
    }
    #menu a {
        display: block;
        width: 100%;
        background: #5f5f5f url(../img/template/menu.gif) no-repeat 0 0;
        color: #fff;
        text-align: center;
        padding: 10px 0;
        text-decoration: none;
    }
    /*#m_inicio { width: 71px;} */
    #m_comunidades { /*width: 111px;*/ width: 163px; }
    #m_familias { /*width: 78px;*/ width: 130px; }
    /*#m_enciclopedias { width: 109px; }*/
    #m_miembros { /*width: 86px;*/ width: 138px; }
    #m_blog { /*width: 59px;*/  width: 108px; }
    #m_enlaces { /*width: 70px;*/ width: 121px; }
    #m_fotos { /*width: 54px;*/ width: 103px; }
    /*#m_videos { width: 63px; }
    #m_ayuda { width: 62px; }*/
    #m_mifamilia { width: 120px; }
    #m_miperfil { width: 114px; }
    /* TOTAL: 911px */
    
    
    #m_inicio a { background-image: url(../img/template/m_inicio.gif); }
	/**** Sergio ***/
	#menu a.actual {background: transparent url(../img/template/menu_actual.jpg) repeat-x 0 0; color:#575757;}
	/**** ****/
    #m_mifamilia a { background: url(../img/template/m_mifamilia.gif); color: #535353; background-color: transparent; }
        #m_mifamilia a span { margin-left: 40px; }
    #m_miperfil a { background: url(../img/template/m_miperfil.gif); color: #535353; background-color: transparent; }
       #m_miperfil a span { margin-left: 25px; }


#submenu {
    margin-top: 1em;
    margin-bottom: 1em;
}
    #submenu ul {
        margin: 0;
        padding: 5px 0;
        list-style-type: none;
    }

    #submenu li {
        display: inline;
        padding: 5px 0 5px 0;
    }

    #submenu a {
        font-size: 1.1em;
        font-weight: bold;
        background: url(../img/ico/greenarrow-2.gif) no-repeat 5px 50%;
        padding: 15px 5px 15px 26px;
    }
	
    #submenu a:hover, #submenu li.on a {
        color: #434343;
        background-color: #ebebeb;
        background-image: url(../img/ico/bluearrow-2.gif);
    }
	  
    
h2.maintitle, h2.maintitle2 {
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-size: 2.1em;
    background: transparent url(../img/maintitle-green.gif) no-repeat 0 0;
    color: #fff;
    min-height: 36px;
    position: relative;
}
    h2.maintitle.blue {
        background-image: url(../img/maintitle-blue.gif);
    }
    h2.maintitle2.blue {
        background-image: url(../img/maintitle2-blue.gif);
    }

    h2.maintitle span, h2.maintitle2 span {
        display: block;
        position: absolute;
        left: 15px;
        top: 1px;
        padding-top: 9px;
        padding-bottom: 5px;
        min-height: 1px;
    } 
    h2.maintitle span.right {
        position: absolute;
        right: 50px;
        font-size: 0.55em;   
        font-weight: bold;
    }    

    h2.maintitle a.rss, h2.maintitle2 a.rss {
        float: right;
        display: inline;
        margin: 10px 10px 0 0;
    }
    
    h2.maintitle span.icon {
        padding-left: 55px;
        height: 40px;
    }
    
    h2.maintitle span.perfil {
	/*** Cambiado a -2px. Antes sobresalia de la barra ***/
        background: url(../img/maintitle-green-perfil.gif) no-repeat 0px -2px;
    }   
    h2.maintitle span.people {
        background: url(../img/maintitle-green-people.gif) no-repeat 0px -2px;
    }   


a.help {
  float: right;
  display: inline;
  padding: 5px 6px 2px 2px;
}
  
.maintitlebottom {
    border: 1px solid #d9d9d9;
    padding: 10px;
    background: #f4f4f4 url(../img/gray-vdegree3.gif) no-repeat 0 0;
    color: inherit;
    margin-bottom: 1em;
}  
    .maintitlebottom .main_info {
        float: left;
        display: inline;
        width: 35%;
    }
    .maintitlebottom .main_info .title {
        font-size: 1.1em;
        font-weight: bold;
    }
    
    .maintitlebottom .text {
        float: right;
        display: inline;
        width: 60%;
        font-size: 1.1em;
    }
    
    .maintitlebottom .main_info .img {
        float: left;
        display: inline;
        border: 4px solid #fff;
        margin: 0 6px 3px 0;
    }
    .maintitlebottom .main_info .img img {
        border: 3px solid #52abca;
    }
    
    .maintitlebottom .menu {
        margin-top: 1em;
    }
    
    .maintitlebottom .button2 {
        float: left;
        display: inline;
        margin: 0 15px 0 0;
    }
    
    .maintitlebottom #submenu {
        width: 537px;
        float: left;
        display: inline;
        margin: 3px 0 0 0;
    }
    
    .maintitlebottom #f_buscar_item *{
        vertical-align: middle;
    }
        .maintitlebottom #f_buscar_item label{
            font-size: 1.1em;
        }
        .maintitlebottom #f_buscar_item .fieldbox {
            width: 70%;
        }

/********************Bloque de informacion - Info de miembro - Sergio***************************/   

div.descripcion_miembro {
	position:relative;
	font-size: 1.1em;
	padding: 1.3em 1.3em;
	}

	div.valoracion {
		background-image:url(../img/hits_valoracion_miembros.jpg); 
		background-repeat:no-repeat; 
		height:32px; 
		width:200px;
		position:absolute;
		top:4px; left:330px;
		}
		
		/*********** Particilar para mi pefil ********/
		div.valoracion_mi_perfil {
		background-image:url(../img/hits_valoracion_mi_perfil.gif); 
		background-repeat:no-repeat; 
		height:32px; 
		width:80px;
		position:absolute;
		top:4px; left:435px;		
		}
		div.valoracion_mi_perfil span, div.valoracion span {
			position:relative;
			top:5px; left:14px;
			font-size:1em;
			font-weight:bold;
		}
		div.valoracion_mi_perfil span {
		    left:28px;
		}
		
		div.valoracion a.valoracion {
			font-weight:bold;
			font-size:0.92em;
			position:relative;	
			top:5px;left:75px;		
		} 
		div.valoracion img.mas {
			position:relative;
			top:8px;left:70px;
		}
		div.valoracion img.menos {
			position:relative;
			top:8px;left:64px;
		}


/*************** fin sergio **********************/ 
    
/* side blocks */     
.portlet_perfil {
    border-right: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    border-left: 1px solid #dbdbdb;
    background-color: #f7f7f7;
    color: inherit;
    padding: 25px 7px 0 7px;
    margin-bottom: 1.5em;
}
    .portlet_perfil .userinfo {
        margin: 0 7px 1em 7px;
    }
        .portlet_perfil .name {
            font-size: 1.5em;
        }

    .portlet_perfil .hits_and_smile {
        /*background: #fff;
        color: inherit;
        padding: 6px;*/
        text-align: center;
        margin-bottom: 0;
        padding-bottom: 1em;
    }

    .portlet_perfil .hits_and_smile .hits_ico {
        margin: 0 0 0 40px;
    }
    .portlet_perfil .hits_and_smile .send_smile {
        font-weight: bold;
        font-size: 1.1em;
    }

    .portlet_perfil .video, p.video {
        font-weight: bold;
        font-size: 1.1em;
        border-top: 1px solid #ececec;
        padding: 6px 15px;
    }
    p.video {
        border-top: 0;
    }
    .portlet_perfil .galardones {
        border-top: 1px solid #ececec;
        padding: 6px 15px;
    }


        .portlet_perfil .video a, p.video a {
            display: block;
            width: 100%;
            background: url(../img/ico/video.gif) no-repeat 0 50%;
        }
        .portlet_perfil .video.blue a, p.video.blue a {
            background-image: url(../img/ico/video-blue.gif);
        }

        .portlet_perfil .video a span, p.video a span {
            display: block;
            padding: 0 0 0 33px;
        }
    .portlet_perfil .button {
        border-top: 1px solid #ececec;
        padding: 5px 2px;
        margin-bottom: 0;
    }
    .portlet_perfil .button a {
        display: block;
        width: 164px;
        height: 52px;
        background: transparent url(../img/buttons/group-green.gif) no-repeat 0 0;
        font-size: 1.1em;
        font-weight: bold;
        text-decoration: none;
        color: #575757;
    }    
    
        .portlet_perfil .button a:hover {
            /* rollover image and color */
        }
    
        .portlet_perfil .button.blue a {
            background-image: url(../img/buttons/group-blue.gif);
            background-color: transparent;
            color: #fff;
        }

        .portlet_perfil .button a span {
            display: block;
            padding: 18px 7px 5px 53px;
        }
        
        
        
.portlet_comunidades, .portlet_redsocial {
	margin-bottom: 	1em;
    min-height: 1px;
}
.portlet_redsocial.lightblue {
	background: #e3f0f7 url(../img/lightblue-vdegree.gif) repeat-x 0 0;
	color: #379EC1;
}
    
    .portlet_comunidades .portlet_title a.rss, .portlet_redsocial .portlet_title a.rss {
        position: absolute;
        right: 5px;
        top: 8px;
    }

        .portlet_perfil .button.regalos a {
            height: 60px;
            background-image: url(../img/buttons/presents-green.gif);
        }
        
        .portlet_perfil .button.regalos.blue a {
            background-image: url(../img/buttons/presents-blue.gif);
        }

        .portlet_perfil .button.regalos a span {
            padding-top: 10px;
        }          
    
    .portlet_comunidades .portlet_title, .portlet_redsocial .portlet_title {
        position: relative;
        background: #aedd57 url(../img/green-vdegree.gif) repeat-x 0 0;
        color: #535353;
        font-size: 1.1em;
        padding: 10px 14px 8px;
        border: 1px solid #aedd57;
        min-height: 1px;
    }
	
	.portlet_redsocial.lightblue .portlet_title {
		background-image: none;
		background-color: transparent;
		color: #379EC1;
        border: 1px solid #bee2ef;
 	}

    .portlet_comunidades.blue .portlet_title, .portlet_redsocial.blue .portlet_title {
        background: #389ec1 url(../img/blue-vdegree.gif) repeat-x 0 0;
        color: #fff;
        border-color: #389ec1;
    }
    
    .portlet_comunidades.gray .portlet_title, .portlet_redsocial.gray .portlet_title {
        background: #fcfcfc ;
        color: #535353;
        border-color: #dbdbdb
    }    

    .portlet_comunidades .portlet_content, .portlet_redsocial .portlet_content {
        padding: 4px 0 0 0;
        border-right: 1px solid #dbdbdb;
        border-bottom: 1px solid #dbdbdb;
        border-left: 1px solid #dbdbdb;
        background-color: #fcfcfc;
        color: inherit;
    }  

	.portlet_redsocial.lightblue .portlet_content {
		background-color: transparent;
		color: inherit;
        border-right-color: #bee2ef;
        border-bottom-color: #bee2ef;
        border-left-color: #bee2ef;
 	}
	.portlet_redsocial.mi_red_social .portlet_title {
		background-image:url(../img/FondeRedSocialMiPerfil.gif);
		color:#93CB29;
	 }
	.portlet_redsocial.mi_red_social .portlet_content {
		background-color: #DDE9C6;		
	} 
	.portlet_redsocial.mi_red_social .viewall {
            margin: 1em 0 0 0;
            padding: 4px 0 2px 0;
            text-align: center;
			background: url(../img/template/viewall-gree.gif) no-repeat 50% 0;
        }
	  .portlet_redsocial.mi_red_social .viewall a{
         color:#FFFFFF;
        }
	  
    .portlet_comunidades ul, .portlet_redsocial ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }
        .portlet_comunidades li, .portlet_redsocial li {
            padding: 7px 12px 0 12px;
        }
        .portlet_comunidades .image, .portlet_redsocial .image {
            float: left;
            display: inline;
            border: 1px solid #fff;
            margin: 0 5px 2px 0;
        }
        .portlet_comunidades li a, .portlet_redsocial li a {
            font-weight: bold;
            font-size: 1.1em;
        }
        .portlet_comunidades .members, .portlet_redsocial .members {
            display: block;
            margin-top: 0.2em;
        }
        
        .portlet_comunidades .hits, .portlet_redsocial .hits {
            font-size: 1.1em;
            font-weight: bold;
        }
            .portlet_comunidades .hits *, .portlet_redsocial .hits * {
                vertical-align: middle;
            }
        
        .portlet_comunidades .viewall, .portlet_redsocial .viewall {
            margin: 1em 0 0 0;
            padding: 4px 0 2px 0;
            text-align: center;
            background: url(../img/template/viewall.gif) no-repeat 50% 0;
        }
		.portlet_redsocial.lightblue .viewall {
			background-image: url(../img/template/viewall-blue.gif);
		}
        .portlet_comunidades .viewall a, .portlet_redsocial .viewall a {
            font-weight: bold;
        }
		.portlet_redsocial.lightblue .viewall a {
			color: #fff;
			background-color: transparent;
		}
   
.portlet_comunidades.portlet_photos li {
    margin: 1.3em 10px 1.3em 20px;
}
.portlet_comunidades.portlet_photos .image  {
    clear: none;
    margin-bottom: 0.6em;
}
        
.portlet_tags {
    margin: 0 -5px 1em -5px;
    padding: 5px;
    background-image: url(../img/shadow.gif);
}
.portlet_tags.wide {
    margin: 0;
    padding: 0;
    background-image: none;
}
    .portlet_tags .portlet_title {
        border-top: 1px solid #389ec1;
        border-right: 1px solid #389ec1;
        border-bottom: 1px solid #fff;
        border-left: 1px solid #389ec1;
        background: #389ec1 url(../img/blue-vdegree.gif) repeat-x 0 0;
        color: #fff;
        font-size: 1.1em;
        padding: 10px 14px 8px;
    }
    
    .portlet_tags ul {
        margin: 0;
        padding: 15px;
        list-style-type: none;
        background: #39a0c4;
        color: #fff;
    }
    .portlet_tags li {
        display: inline;
        line-height: 1.5em;
        margin-right: 12px;
    }
    .portlet_tags li.l1 { font-size: 85%; }
    .portlet_tags li.l2 { font-size: 100%; }
    .portlet_tags li.l3 { font-size: 115%; }
    .portlet_tags li.l4 { font-size: 130%; }
    .portlet_tags li.l5 { font-size: 145%; }
    .portlet_tags li.l6 { font-size: 160%; font-weight: bold; }
    .portlet_tags li.l7 { font-size: 175%; font-weight: bold; }
    .portlet_tags li.l8 { font-size: 190%; font-weight: bold; }
    .portlet_tags li.l9 { font-size: 205%; font-weight: bold; }

    .portlet_tags a {
        background-color: transparent;
        color: #fff;
    }
    
    
.portlet_options1 {
}    
    .portlet_options1 ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
        border-top: 1px solid #dadada;
        color: inherit;
        background-color: #f9f9f9;
    }
    
    .portlet_options1 li {
        border-right: 1px solid #dadada;
        border-bottom: 1px solid #dadada;
        border-left: 1px solid #dadada;
    }
    .portlet_options1 a {
        display: block;
        width: 100%;
        font-weight: bold;
        background: url(../img/ico/greenarrow-2.gif) no-repeat 10px 50%;
    }
    .portlet_options1 a span {
        display: block;
        padding: 7px 5px 7px 37px;   
    }

.portlet_options1.green {
} 
    .portlet_options1.green ul {
        background-color: #f4f8ed;
        color: inherit;
    }