/* CSS Document */

body {
	margin:0 auto;
	text-align:center;
	font-size:62.5%;
	font-family:Arial;
	}
	
h1, h2, h3, h4, h5, h4, h6, p, fieldset, legend, li, ul, ol, div, form, table, td, th, tr { margin:0px; padding:0px;}
fieldset {
	border:none;
	}
img { border:none;}

.neteja {
	clear:both;
	height:1px;
	overflow:hidden;	
	}
	
body {
	background:url(../img/socio/bg_body.jpg);
	margin:0px;
	padding:0px;

	}

.idioma {
	margin:0 auto;
	width:946px;
	padding:3px 27px;
	font-size:1.1em;
	text-align:right;

	}
.idioma a {
	color:#FFF;
	text-decoration:none;
	}
.idioma a:hover {
	text-decoration:underline;
	}
.idioma li {
	display:inline;
	border-left:1px solid #fff;
	padding-left:6px;
	padding-right:3px;
	}	
#cont_gen_socio {
	background:url(../img/socio/bg_body2.png) repeat-x top;	
	}

#contenido {
	margin:0 auto;
	width:946px;
	padding:0 27px;
	text-align:left;
	background:url(../img/socio/contenido_top.jpg) no-repeat top center;
	}
#contenido h1 {
	float:left;
	width:252px;
	margin-top:15px;
	}
#contenido a.bt_acceso {
	display:block;
	text-align:right;
	float:right;
	width:260px;
	margin-top:15px;
	}
	
/*COLUMNA IQUIERDA*/

#col_iquierda {
	width:505px;
	float:left;
	}
	
.dest_sabor {
	width:501px;
	margin-left:2px;
	padding-bottom:20px;
	}
.dest_sabor .top {
	background:url(../img/socio/top_dest1.gif) no-repeat bottom;
	overflow:hidden;
	height:12px;
	}
.dest_sabor .bot {
	background:url(../img/socio/bot_dest1.png) no-repeat top;
	height:13px;
	overflow:hidden;
	}
.dest_sabor .cont {
	background:#484848;
	text-align:center;}





/*COLUMNA DERECHA*/

#col_derecha {
	width:423px;
	float:right;
	clear:right;
	_padding-left:20px;
	}
.formulario_amarillo .top {
	background: url(../img/socio/amarillo_top.jpg) no-repeat bottom;
	height:13px;
	overflow:hidden;
	}
.formulario_amarillo .bot {
	background: url(../img/socio/amarillo_bot.jpg) no-repeat top;
	overflow:hidden;
	height:15px;
	}
.formulario_amarillo .cont {
	background:#D4A927;
	margin:0 1px;
	}
.logo_hazlo {
	float:left;
	padding-left:5px;
	}
.logo_very {
	float:right;
	padding-right:10px;
	}
fieldset.amarillo, .amarillo{
	background:#E1C05B;
	margin:10px 10px 0 10px;
	padding:10px 5px 10px 5px;
	}
.row {
	padding-bottom:5px;}
label.long {
	float:left;
	width:185px;
	text-align:right;
	font-size:1.2em;
	font-weight:bold;
	padding-right:5px;
	}
label.corto {
	font-size:1.2em;
	font-weight:bold;
	}
label span {
	font-weight:normal;
	}
ul.targeta {
	padding:3px 0 0 20px;
	}
ul.targeta li {
	display:inline;
	list-style:none;
	}
p.paso {
	font-size:1.2em;
	padding:5px 5px 5px 10px;
	}
p.paso img {
	margin-right:5px;
	margin-bottom:-3px; }
.input_con {
	float:left;
	width:200px;
	}
.boto_suscriu {
	text-align:center;
	padding:20px 0 5px 0;
	}
	
/*cierre*/

.cierre {
	font-size:1.1em;
	color:#fFF;
	text-align:left;
	width:500px;
	padding:10px 0 20px 0;
	}
.cierre a {
	color:#FFF;
	}
.cierre a:hover {
	text-decoration:none;}
.cierre li {
	list-style:none;
	display:inline;
	border-left:1px solid #fff;
	padding:0 3px 0 6px;
	margin:5px 0;
	}


/*columna izquierda alternativa*/

.col_izquierda {
	width:473px;
	float:left;
	
	}





/*columna derecha alternaitva*/

.col_derecha {
	width:377px;
	float:right;
	background:url(../img/socio/fondoestrella.png) no-repeat top;
	color:#FFF;
	padding:20px 30px 0px 30px;
	}
.col_derecha p {
	line-height:1.6em;
	padding-bottom:10px;
	font-size:1.1em;
	}
.col_derecha label {
	font-size:1.3em; 
	font-weight:bold;
	display:block;
	padding:10px 0;
	}
.bt_entra {
	margin-left:110px;
	margin-top:0px;
	}
.col_derecha h2 {
	font-size:1.3em;
	padding-bottom:10px;
	}
.col_derecha h2 span {
	color:#D4A927;
	}
	
/**/

.opciones {
	padding:25px 25px 25px 25px;
	}
	
a:hover.salir, a:hover.socio  {
	text-decoration:none;
	} 
a.socio {
	float:left;
	display:block;
	width:100px;
	color:#FFCC00;
	font-size:1.4em;
	}
a.salir {
	float:right;
	text-align:right;
	width:100px;
	display:block;
	color:#FFCC00;
	font-size:1.4em;
	}