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

   /* body  {
    	font: 14px Trebuchet MS, Verdana, Arial, Helvetica,;
    	background: #666666;
    	margin: 0; 
    	padding: 0;
    	text-align: center; 
    	color: #333333;
    }
    
    */
	
	/*
	#header { 
    	background: #FFFFFF; 
    	padding: 0px;  
		width: 892px;
		height: 136px;
		margin: 0px 0px 120px 0px;
		*margin: 0px 0px 60px 0px;
		color: #333333;
		font: 14px Trebuchet MS, Verdana, Arial, Helvetica,;
    } 
   #header h1 {
    	 
    }
	
   #header h3 {
		padding: 0px 0px 0px 130px;
		padding-top: 40px !important;
		font-size:24px; color:#333333; font-family:"Trebuchet", Arial, sans-serif; line-height: 37px; padding-top: 2px;
		background-image: url(images/logo.png);
		background-position: center left;
		background-repeat: no-repeat;
		height: 85px;
		margin: -60px 0px 0px 0px;
    }
	#header img {
	 	float: left;
    	 
    }*/
	
	#topMenu {
		font: 20px Trebuchet MS, Verdana, Arial, Helvetica,;
		margin: 22px 0px 0px 0px;		
	
	}
	
	#topMenu a{
		border: 0px;	
	
	}
	
	#topMenu ul {
		font: 20px Verdana, Arial, Helvetica;
		margin: 0px 0px 0px 0px;
		list-style-type: none;
		float: right;
	}
	
	#topMenu ul li{
		display: block;
		float: left;
		list-style-type: none;
		margin: -20px 15px 0px 15px;
		padding-top: 15px;	
	}
	
	.link_group {
		background-image: url(images/ico_menu.png);
		background-repeat: no-repeat;
		background-position: right center;
		height: 37px;
		padding: 5px 50px 5px 0px;
	
	}
	
	.link_newGroup {
		background-image: url(images/ico_mas.png);
		background-repeat: no-repeat;
		background-position: right center;
		height: 34px;
		padding: 5px 50px 5px 0px;
		font-size: 18px;
	}
	
    

	
	
	
    #container { 
    	width: 892px;  
    	background: #FFFFFF;
    	margin: 0 auto; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */
    	border: 1px solid #000000;
    	text-align: left;
		padding: 0px;
		border: 0px; 
		font: 14px Trebuchet MS, Verdana, Arial, Helvetica,;
		
    } 
	
	
	 h3{
		color: #333333;
		margin: 10px 0px 10px 8px;
		font-family: "Trebuchet MS", Verdana, Arial, Helvetica;
		font-size: 16px;
		font-weight: bold;
	}
	

	
	
	
	/*estilos GRUPO*/
	#group-list {
		background-image:url(images/group-list.gif);
		background-repeat:no-repeat;
		background-position:bottom left;
		width: 892px;
		float: left;
		margin-top: -70px;
	}
	.first {
		margin-top: 27px;
	}
	#group-list-top {
		background-image:url(images/group-list-top.gif);
		background-position:top left;
		background-repeat:no-repeat;
		width: 892px;
		height: 5px;
	}
	.single-group-even {
		background-image:url(images/single-group-even.gif);
		background-repeat:no-repeat;
		background-position:bottom left;
		width: 834px;
		margin-left: 32px;
		margin-bottom: 4px;
		float: left;
	}
	.single-group-even-top {
		background-image:url(images/single-group-even-top.gif);
		background-position:top left;
		background-repeat:no-repeat;
		width: 834px;
		height: 8px;
	}
	.single-group-odd {
		background-image:url(images/single-group-odd.gif);
		background-repeat:no-repeat;
		background-position:bottom left;
		width: 834px;
		margin-left: 32px;
		margin-bottom: 4px;
		float: left;
	}
	.single-group-odd-top {
		background-image:url(images/single-group-odd-top.gif);
		background-position:top left;
		background-repeat:no-repeat;
		width: 834px;
		height: 8px;
	}
	
	.group-image {
		float: left;
		margin-left: 9px;
		margin-right: 30px;
		/*border: 1px solid red;*/
	}
	.group-image img {
	}
	.group-description {
		float: left;
		width: 534px;
		/*border: 1px solid red;*/
	}
	.group-description h3 {
		font: normal normal 14px Verdana, Arial, Helvetica;
		color: #333333;
		margin: 0px 0px 0px 0px;
	}
	.group-description ul {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		list-style:none;
	}
	.group-description ul li {
		font: normal normal 12px Verdana, Arial, Helvetica;
		color: #333333;
		float: left;
		width: 200px;
	}
	.group-options {
		float: left;
	}
	.group-options ul {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
	.group-options ul li {
	}
	.group-options ul li a {
		font: normal normal 14px "Trebuchet MS", Verdana, Arial, Helvetica;
		color: #5f7c54;
		text-decoration:none;
		background-repeat:no-repeat;
		background-position:top left;
		display: block;
		height: 20px;
		margin-bottom: 6px;
		padding-top: 2px;
		padding-left: 13px;
	}
	.group-options ul li a.join-group {
		background-image:url(images/btn-join-group.gif);
		width: 126px;
	}
	.group-options ul li a.recommend-group {
		background-image:url(images/btn-recommend-group.gif);
		width: 155px;
	}
	.group-options ul li a.more-group {
		background-image:url(images/btn-more-group.gif);
		width: 77px;
	}
	.group-options ul li a span {
	}
	#pagination {
		float: left;
		clear: left;
		margin-left: 32px;
		padding-bottom: 25px;
		padding-top:20px;
		width: 834px;
	}
	#pagenumbers {
		width: 778px;
		float: left;
		text-align: center;
		font: normal normal 17px Verdana, Arial, Helvetica;
	}
	#pagenumbers a {
		color:#333333;
	}
	#pagenumbers span.actual {
		font: normal normal 25px Verdana, Arial, Helvetica;
		color:#333333;
	}
	a#previous {
		display: block;
		float: left;
		background-image:url(images/arrow_left.gif);
		background-repeat:no-repeat;
		width: 20px;
		height: 24px;
	}
	a#previous span {
		display:none;
	}
	a#next {
		display: block;
		float: left;
		background-image:url(images/arrow_right.gif);
		background-repeat:no-repeat;
		width: 20px;
		height: 24px;
	}
	a#next span {
		display: none;
	}