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

   /* body  {
    	font: 14px Verdana, Arial, Helvetica;
    	background: #666666;
    	margin: 0; 
    	padding: 0;
    	text-align: center; 
    	color: #333333;
    }
    
    */
    #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 Verdana, Arial, Helvetica;
		
    } 
	
	
	h3{
		color: #333333;
		margin: 10px 0px 10px 8px;
		font-family: Verdana, Arial, Helvetica;
		font-size: 16px;
		font-weight: bold;
	}
	
	
   #header { 
    	background: #FFFFFF; 
    	padding: 0px;  
		width: 892px;
		height: 136px;
		margin: 0px;
		margin-bottom: 0px;
		color: #333333;
		font: 14px Verdana, Arial, Helvetica;
		float: left;
    }
	
   #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('/css/images/logo.png');
		background-position: center left;
		background-repeat: no-repeat;
		height: 85px;
		margin: -60px 0px 0px 0px;
    }
	
	#topMenu {
		font: 20px 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: 34px;
		padding: 5px 50px 5px 0px;
		font-size: 18px;
	}
	
	.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;
	}
	
    

    #sidebar {
    	float: right; 
    	width: 251px;
		height: 1042px; /* Alex Jurado: cambio de 1242 a 1042 */
    	/*background-color: #B3D151;*/
		background-image: url(images/sidebar.gif);
		background-position: bottom left;
		background-repeat: no-repeat;
    	padding: 0px 0px 0px 0px;
		margin: 0px;
    }
	#sidebar-top {
		width: 251x;
		height: 8px;
		background-image: url(images/sidebar-top.gif);
		background-position: top left;
		background-repeat: no-repeat;
	}
	
	.wbox_sidebar {
		background-image: url(images/wbox.gif);
		background-position: bottom left;
		background-repeat: no-repeat;
		width: 223px;
		margin-top: 10px;
		padding-bottom: 10px;
		float: left;
	}
	
	/* Estilo añadido por Alex Jurado para ahorrar muchas pantallas (me refiero a las que aparecerían con "ver más"): */
	.wbox_sidebar_scroll {
		background-image: url(images/wbox.gif);
		background-position: bottom left;
		background-repeat: no-repeat;
		width: 223px;
		margin-top: 10px;
		padding-bottom: 10px;
		float: left;
		overflow-y:auto;
		overflow-x:hidden;
		height:233px;
	}
	
	.wbox_sidebar_top {
		background-image: url(images/wbox-top.gif);
		background-position: top left;
		background-repeat: no-repeat;
		width: 223px;
		height: 8px;
	}
	.wbox_sidebar h3 {
		font-size: 14px;
		font-weight: normal;
	}
		.wbox_sidebar_scroll h3 {
		font-size: 14px;
		font-weight: normal;
	}
	
    #sidebar h3 {
		margin-top: 0px;
		margin-bottom: 0px;
	}
	
	#sidebar p {
    	margin-left: 10px; /* deben asignarse los márgenes izquierdo y derecho de cada elemento que vaya a colocarse en las columnas laterales */
    	margin-right: 10px;
    }
	
	#sidebar_content{
		/*background-color: #B3D151;*/
		/*
		background-image: url(images/bg_bottom_rigthbar.gif);
		background-repeat: no-repeat;
		background-position: bottom;
		*/
		padding: 0px 15px 15px 13px;
		width: 218px;
	}
	
	#sidebar_content p{
		margin:0px;
		padding: 0px;
	}
	
	.box {
		/*
		background-image: url(images/ventana_right_top.gif);
		background-repeat: no-repeat;
		background-color: #FFFFFF;
		*/
		color: #006600;
		width:223px;
	}
	
	.box h3{
		color: #333333;
		margin: 5px 0px 5px 8px;
		font-family: Verdana, Arial, Helvetica;
		font-size: 16px;
		font-weight: bold;
	}
	
	.box_bottom {
		background-image: url(images/ventana_right_bottom.gif);
		background-repeat: no-repeat;
		background-position: bottom;
		background-color:#FFFFFF;
		padding-bottom: 15px;
		width:223px;
	}
	
	/*
	.box_marco {
		background-image: url(images/marco_pq_top.gif);
		background-repeat: no-repeat;
		background-position: top;
		background-color:#FFFFFF;
	}
	
	.box_marco p {
		background-image: url(images/marco_pq_bottom.gif);
		background-repeat: no-repeat;
		background-color:#FFFFFF;
		background-position: bottom;
	}
	*/
    
	.gbox_sidebar{
		background-image: url(images/marco_pq_top.gif);
		background-repeat: no-repeat;
		background-position: top;
		padding: 10px 0px 0px 8px;
		width: 207px;
		height: auto;
		min-height: 350px;
		
	}
	
	.gbox img {
		float: left;
		padding-left: 4px;
		margin-bottom: 10px;
	}
	
	/* member style */
	.miembro {
		float: left;
		padding-bottom: 10px;
		width: 300px;
	}
	.miembro p strong {
		font-weight: bold;
	}
	.miembro img {
		float: left;
	}
	.miembro p {
		float: left;
		font-size: 11px;
		padding-left: 5px !important;
		width: 158px;
	}
	.miembro p a {
		color: #333333;
		font-weight: bold;
	}
	
	.single-comment {
		float: left;
		background-image: url(images/biggbox-separator.gif);
		background-repeat: no-repeat;
		background-position: bottom center;
		margin-bottom: 20px;
		padding-bottom: 10px;
		padding-right: 10px;
	}
	.single-comment img {
		float: left;
		margin-left: 5px;
	}
	.single-comment p {
		float: right;
		width: 495px;
		color: #000;
		font-size: 10px;
	}
	.single-comment p a.response {
		font-size: 10px;
		color: #000;
		font-weight: normal;
	}
	
	.seealllink {
		display: block;
		background-image: url(images/arrow_bottom.gif);
		background-position: top right;
		background-repeat: no-repeat;
		float: right;
		
		padding-right: 25px;
		margin: 2px;
		margin-top: 20px;
		font: normal normal 14px Verdana, Arial, Helvetica !important;
		color: #333333 !important;
	}
	
	.gbox_2_sidebar{
		background-image: url(images/marco_pq_bottom.gif);
		background-repeat: no-repeat;
		background-position: bottom;
		width: 207px;
		padding: 0px 0px 0px 8px;	
		
	}
    
	/*.gbox_smiddle{
		background-image: url(images/marco_peq_middle.gif);
		background-repeat: repeat-y;
		background-position: center;
	}*/
	
	.gbox {
		width: 208px;
		background-image:url(images/gbox.gif);
		background-repeat:no-repeat;
		background-position:bottom left;
		margin-left: 7px;
		color: #000;
		height: auto;
		float: left;
	}
	.gbox .gbox-top {
		height: 8px;
		background-image:url(images/gbox-top.gif);
		background-repeat:no-repeat;
		background-position:top left;
		color: #000;
	}
	
    #mainContent {
		margin: 0px;
		padding: 0px;
		background-image: url(images/bg_bottom_content.gif);
		background-position: bottom;
		background-repeat: no-repeat;
		
		width: 625px;
		height: auto;
		
		float: left;	
			
    } 
	
	#content_principal {
		
		background-image:url(images/bg_top_content.gif);
		background-repeat: no-repeat;
		background-position: top;
		
		margin: 0px;
		padding: 18px 25px 18px 24px;
		min-height: 800px;
		height: auto;
		width: 576px;	
		
	}
	
	#comentarios_box {
		background-image:url(images/ventana_coment_top.gif);
		background-position:top;
		background-repeat: no-repeat;
		width: 576px;
		float:left;
		margin: 33px 0px 10px 0px;
		padding: 0px;
		background-color:#FFFFFF;
		color: #333333;
		font: 14px Verdana, Arial, Helvetica;
	}
	
	.bigwbox {
		background-image:url(images/bigwbox.gif);
		background-position:bottom left;
		background-repeat: no-repeat;
		width: 576px;
		float:left;
		margin: 33px 0px 10px 0px;
		padding: 0px;
		color: #333333;
		font: 14px Verdana, Arial, Helvetica;
	}
	
	/* Estilo añadido por Alex Jurado para poder postergar el desarrollo de la pantalla de foro, que no está definida: */
	.bigwbox_scroll {
		background-image:url(images/bigwbox.gif);
		background-position:bottom left;
		background-repeat: no-repeat;
		width: 576px;
		float:left;
		margin: 33px 0px 10px 0px;
		padding: 0px;
		color: #333333;
		font: 14px Verdana, Arial, Helvetica;
		overflow-y:auto;
		overflow-x:hidden;
		height:233px;
	}
	
	.bigwbox-top {
		background-image:url(images/bigwbox-top.gif);
		background-position:top left;
		background-repeat: no-repeat;
		width: 575px;
		height: 9px;
	}
	.bigwbox h3 {
		font-size: 14px;
		font-weight: normal;
		margin-top: 0px;
	}
	.bigwbox h3 span {
	}
	.bigwbox h3 span.link-comments {
		margin-left: 326px;
	}
	.bigwbox_scroll h3 span.link-comments {
		margin-left: 326px;
	}
	.bigwbox h3 span.link-photo {
		margin-left: 195px;
	}
	.bigwbox h3 span.link-video {
		margin-left: 176px;
	}
	.bigwbox h3 span a {
		color: #333333;
		margin: 10px 0px 10px 8px;
		font-family: Verdana, Arial, Helvetica;
		font-size: 14px;
		font-weight: normal;
	}
	
	.bigwbox_scroll h3 span a {
		color: #333333;
		margin: 10px 0px 10px 8px;
		font-family: Verdana, Arial, Helvetica;
		font-size: 14px;
		font-weight: normal;
	}
	.biggbox {
		background-image:url(images/biggbox.gif);
		background-position:bottom left;
		background-repeat: no-repeat;
		width: 560px;
		margin-left: 7px;
		margin-bottom: 7px;
		
		float: left;
	}

	.biggbox-top {
		background-image:url(images/biggbox-top.gif);
		background-position:top left;
		background-repeat: no-repeat;
		width: 560px;
		height: 11px;
	}
	
	a.previous {
		display: block;
		float: left;
		background-image:url(images/arrow_left.gif);
		background-repeat:no-repeat;
		width: 20px;
		height: 24px;
		margin-left: 5px;
	}
	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;
	}
	.item-list {
		float: left;
		width: 500px;
		margin-left: 10px;
	}
	.item-list img {
		margin-right: 5px;
	}
	.eliminar {
		font-size:10px;
		color:red;
	}
	
	.box_marco2 {
		background-image: url(images/marco_top.gif);
		background-position: top;
		background-repeat: no-repeat;
		padding: 14px 0px 0px 0px;
		height: auto;
		min-height: 300px;
	
	}
	
	
	.box_marco2 img{
		
		border: 0px;
	
	}
	
	.sangre{
	
	text-align: justify;
	padding: 0px;
	margin: 0px;
	
	
	}
	
	.separador{
		width: 486px;
		border-bottom-width: medium;
		border-bottom-style: double;
		border-bottom-color: #333333;
				
	}
	
	.box_marco2_end{
		background-image: url(images/marco_bottom.gif);
		background-position: bottom;
		background-repeat: no-repeat;
		padding: 0px 0px 13px 0px;
	
	}
	
	

		
	.box_marco2 p{
		background-image: url(images/bg_marco.gif);
		background-position: center center;
		background-repeat: repeat-y;
		margin: 0px;
		padding: 0px 17px 0px 17px;	
	
	}
	.span {
		background-image: url(images/bg_marco.gif);
		background-position: center center;
		background-repeat: repeat-y;
		margin: 0px;
		padding: 0px 17px 0px 17px;	
	
	
	}
	
	
	
	
	#comentarios_content{
		background-image: url(images/ventana_coment_bottom.gif);
		background-repeat: no-repeat;
		background-position: bottom;
		width: 576px;
		height: auto;
		padding: 0px 0px 12px 0px;
	}
   
    #datos {
		background-image:url(images/bgTop_ficha.gif);
		background-repeat: no-repeat;
		background-position:top;
		width: 194px;
		float: left;
	
	}
	
	#datos_content{
	background-image:url(images/bgBottom_ficha.gif);
	background-repeat: no-repeat;
	background-position:bottom;
	padding: 12px 0px 15px 0px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica;
	font-size: 12px;
	font-weight: bold;		
	}
	
	#datos_content ul{
	background-image: url(images/bg_ficha.gif);
	background-repeat:  repeat-y;
	background-position: center;
	margin:0px;
	width: 194px;
	padding: 0px;
	list-style-type: none;
	}
	
	#datos_content li{
		
		margin:0px;
		width: 174px;
		padding: 0px 10px 0px 10px;
	}
    
   
    .fltrt { 
    	float: right;
    	
    }
    .fltlft { 
    	float: left;
    
    }
    .clearfloat { /* esta clase debe colocarse en un elemento div o break y debe ser el último elemento antes del cierre de un contenedor que incluya completamente a un elemento flotante */
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }
	
	#ficha  {
		float: left;
		width: 194px;
	}
	
	#datos{
		margin: 18px 0px 0px 0px;
	}

	
	#home {
	
		background-image: url(images/ventana_1_top.gif);
		background-repeat: no-repeat;
		background-position: top;
		/*background-color: #fef4dd;*/
	
		float: right;
		
		width:354px;
		margin: 0px;
		padding: 0px;
		
	}
	
	#homeContent {
		background-image:url(images/homecontent.gif);
		background-repeat: no-repeat;
		background-position: bottom left;
		color: #333333;
		
		background-color: #fef4dd;
		width: 354px;
		
		padding-bottom: 10px;
	}
	#homeContent-top {
		background-image:url(images/homecontent-top.gif);
		background-repeat: no-repeat;
		background-position: top left;
		width: 354px;
		height: 8px;
	}
	#homeContent p {
		margin: 8px;
	}
	
	
	/*estilos GRUPO*/
	
	
	
	#contentGrupo {
		width: 892px;
		height: auto;
		background-image: url(images/bgGrupo_top.gif);
		background-position: top;
		background-repeat: no-repeat;
		background-color: #ffde40;
		margin: 0px;
		padding: 0px;
		
	}
	
	#contentGrupo_principal {
	  	width: 892px;
		
		background-image: url(images/bgGrupo_bottom.gif);
		background-position: bottom;
		background-repeat: no-repeat;
		background-color: #ffde40;
		margin: 0px;
		padding: 0px;
	}
	
	/*.box {
	
		height: auto;
		background-image: url(images/box_top.gif);
		background-repeat: no-repeat;
		background-position: top;
		
	}
	
	.box_content {
		
		height: auto;
		background-image: url(images/box_bottom.gif);
		background-repeat: no-repeat;
		background-position: bottom;
		width: 834px;
	}
*/