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

	body {
		margin: 0;
		padding: 0;
		color: #777777;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		background-color:#E6EFC2;
	}
	
	#socios-resultados {
		padding-left:10px;
		padding-top:20px;
		text-align:center;
	}
	
	#socios-search {
		float: left;
		padding: 10px 0px 10px 10px;
	}

	#socios-search input, #socios-search select, #socios-search button {
		border:1px solid #b7d8ee;
		background-color: #fff;
		font-family: "Myriad Pro", Arial, Helvetica, Sans-Serif;
		font-size: 12px;
		margin:0 3px 0 3px;
	}

	#socios-search input {
		width: 100px;
	}
	
	#socios-search button img {
		vertical-align:middle;
		padding-right:2px;
		padding-left:0px;
	}
	
	#socios-nav {
		width: 400px;
		float: right;
		padding: 10px 10px;
	}
	
	#socios-display table {
		clear: both;
		width: 100%;
		padding: 5px 5px 5px 5px;
	}
	
	#socios-display table tr {
		background-color: #F3F7FB;
		text-align: left;
		height:25px;
	}
	
	#socios-display table th{
		border-bottom: #666666 1px solid;
		background-color: #E4ECF6;
		text-align: left;
	}
	
	/* inicia citas */
#socios-display table.citas {
		clear: both;
		width: 100%;
		padding: 5px 5px 5px 5px;
	}
	
	#socios-display table.citas  tr {
		background-color: #caedea;
		text-align: left;
		height:25px;
	}
	
	#socios-display table.citas  td.rojo {
		background-color:#C30;
		text-align: left;
		color:#FFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000		
	}
	#socios-display table.citas  td.rojo a{
		color:#CF0
	}
	
	#socios-display table.citas  td.naranja {
		background-color:#F93;
		text-align: left;
		color:#FFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000		
	}
	#socios-display table.citas  td.naranja a{
		color:#363;
	}	
	
	#socios-display table.citas  td.amarillo {
		background-color:#FF0;
		text-align: left;
		color:#000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000		
	}
	#socios-display table.citas  td.amarillo a{
		color:#F00;
	}		
	
	#socios-display table.citas  th{
		border-bottom: #666666 1px solid;
		background-color: #016f65;
		text-align: left;
		color:#FFF;	
	}

	#socios-display table a{
		text-decoration: none;
		color: #006699;
	}

	#cabecera-container {
		background-image: url(../images/main_bg.jpg);
		background-repeat: repeat-x;
		width:100%;
		height:90px;
		float: left;
	}
	
	#cabecera {
	width:920px;
	margin: 0 auto 0 auto;
	}
	
	#cabecera-logo {
		float: left;
	}
	
	#cabecera-menu {
		padding-top: 15px;
		text-align: right;
	}
	
	#cabecera-menu a {
		text-decoration: none;
		font-weight: bold;
		padding-left: 10px;
		padding-right: 10px;
		color: #006699;
	}
	
	#cabecera-menu a:visited {
		color: #006699;
	}
	
	#main-container {
	margin: 0 auto 0 auto;
	width:100%;
	background-color: #fff;
	min-height: 500px;
	}
	
	#footer-container {
		background-color:#E6EFC2;
		width:100%;
		height:20px;
		clear: both;
	}
	
	.separador {
		clear:both;
	}
	
	#contenedor { 
		margin: 0 auto 0 auto;	
		width: 620px;
		padding-top:100px;
	}
	
	#logo-home {
		width:250px;
		float:left;
	}

	#logo-home p {
		padding-left:20px;
	}
	
	#form_login {
		background-image:url(../images/home_box.jpg);
		background-repeat:no-repeat;
		width:300px;
		height:204px;
		float:left;
		padding-left:40px;
		display:block;
	}
	
	#form-login input {
		background-color:#FFFFFF;
		border:2px solid #CCCCCC;
		font-size:14px;
		height:22px;
		width:180px;
		margin-bottom:10px;
		font-size:14px;
		font-weight: bold;
		color:#666666;
	}
	
	#form-login button {
		border:1px solid #C6D880;
		color:#529214;
		cursor: pointer;
		height:25px;
		background-color: #E6EFC2;
	}
	
	#form-login button img {
		margin: 0 10px -3px 0px;
	}
	
	#form-login button:hover {
		background-color:#FFFFCC;
		border:1px solid #C6D880;
		color:#CC0000;
	}
	
	#form-login h5 {
		border-bottom: 1px solid #ffffff;
		font-size: 18px;
		font-weight: bold;
		margin: 0px;
		width: 230px;
		display:block;
		line-height:1.5em;
		margin-bottom:10px;
		margin-top:10px;
	}
	
	.label-form {
		display:block;
		width: 80px;
	}

	.titulo{
		font-size: 20px;
		border-bottom: #006699 1px solid;
		margin-bottom: 20px;
		font-weight: bold;
		margin-top: 10px;
		text-align:left;
		color: #008877;
	}

	#footer-login {
		padding-top:25px;
		text-align:center;
	}

	#form-members-edit {
		padding: 10px 10px 10px 10px;
	}
	
	#form-members-edit a {
		text-decoration:none;
		color: #777777;
	}
	
	#form-members-edit label {
		display: block;
		float: left;
		width: 185px;
		padding-bottom: 10px;
	}

	.anchoFormulario {
		width: 150px;
	}
	
/*	#form-members-edit label span {*/
	.textoLabel  {
		display: block;
		float: left;
		width: 100px;
	}

	#form-members-edit button {
		 background-color:#FFFFFF;
		 border:#003366 1px solid;
	}

	#form-members-edit  textarea {
		width: 335px;
	}

	div.pagination {
		text-align:right;
		padding:4px 6px 4px 0;
		background-color:#fff;
		color:#313031;
	}
	
	div.pagination a {
		color:#0030ce;
		text-decoration:none;
		padding:2px 6px 2px 5px;
		margin:0 2px 0 2px;
		border:1px solid #b7d8ee;
	}
	
	div.pagination a:hover, div.pagination a:active {
		color:#0066a7;
		border:1px solid #b7d8ee;
		background-color:#d2eaf6;
	}
	div.pagination span.current {
		padding:2px 6px 2px 5px;
		margin:0 0px 0 0px;
		border:1px solid #b7d8ee;
		font-weight:bold;
		color:#444444;
		background-color:#d2eaf6;
	}
	div.pagination span.disabled {
		padding:2px 6px 2px 5px;
		margin:0 2px 0 2px;
		border:1px solid #b7d8ee;
		color:#999999;
		background-color:#FFFFFF;
	}
	
	.error {
		color:#990000;
	}
	
	#clear {
		clear:both;
	}
	
	#referralStatus {
		width:100%;
		text-align:left;
	}

	#referralStatus span{
		width:50px;
		text-align:left;
	}
	
	#referralStatus select, #referralStatus button{
		font-size:9px;
	}
	
	#referralStatus a{
		text-decoration:none;
	}
	
	#botonUpdate-member {
		text-align:left;
		padding-right:70px;
	}
	
	.country {
		width: 150px;
		
	}
	#form-members-edit label input {
		width: 150px;
		height: 14px;
		
	}
	
	.activo {
		width:auto;
	}
	
	.textoMedio {
		font-size:14px;
	}
	
	#tituloMembers {
		padding: 5px;
	}
	
	#historyBox {
		float:right;
		width:400px;
		height:430px;
		overflow:auto;
	}
	
	.letraTrebuchet {
		font-family:"Trebuchet MS",Arial;
		font-size: 11px;
	}

	.Cebra-A {
	background-color:#f3f7fb;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #AFCAE4;
	}
	
	.Cebra-B {
	background-color:#FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #AFCAE4;		
	}