/* CSS Document */
html{
	height:100%;
}
body{
	background:#efb32f url("/support/img/body-bg.png") repeat-x;
	font-size:62.5%;
	font-family:'Lucida Grande', 'Tahoma', Verdana, Arial, Helvetica, sans-serif; 
	height:100%; 
	margin:0px; 
	overflow: -moz-scrollbars-vertical;
	padding:0px 0px 0px 0px; 
	text-align:left;
	width:100%; 
}
ul, ol, dl, dt, dd, li, p, h1, h2, h3, h4, h5, h6, form, img, q, blockquote{border:0px;list-style-type:none;margin:0px;padding:0px;}

.clearb{
	clear: both;
	height: 0px;
	float: none;
	font-size: 0,9px;
	line-height: 0px;
	}

#home {


	/*width:100%;*/
}

div#container{
	position: relative;
	height: 629px;
	z-index: 0;
	background:url("/support/img/right-bg.png");
	background-repeat: no-repeat;
	background-position: 820px 0;

	}
/* intro flash */
.f-intro {
	background: url("/support/img/izda-bg.png") no-repeat 0px 0px;
	background-image: url(/support/img/izda-bg.png);
	float:left;
	height:629px;
	left:0px;
	position:absolute;
	top:0px;
	width:516px;
}
/* centro de la pag. login */
.login {
	position:absolute;
	background: url("/support/img/login-bg.png") no-repeat 0px 0px;
	background-image: url(/support/img/login-bg.png);
	height:629px;
	left: 516px;
	padding-left:0px;
	text-align:right;
	top:0px;
	width:304px;
	z-index: 10;
}


/* logo */
.login .lb-logo {
	background:url("/support/img/logo2.png") no-repeat 0px 0px;	
	height:92px;
	margin:15px 0px 10px 10px;
	width:235px; 
}

/* login. enlaces */
.login a {
	color:#fff; 
	font-weight:bold;
}
.login a:hover {
	text-decoration:none; 
}
/* recordarme en este ordenador */
.login .remember {
	color:#fff; 
	padding: 10px 0px;
}
.remember input {
	float:right;
	height:15px;
	margin:0px;
	padding:0px;
	width:15px;
}
.remember label {
	padding-right:5px;
}

/* email & passw */
.login-bar {
	padding: 15px 0px 0px 15px;	
}
/* mensaje de error en el login */
div.login-error {
	background-color:#B5D5FF;
	border: 1px solid #FF559B;
	color: #FF0000;
	float:right;
	margin: 0px;
	margin-bottom:5px;
	padding: 3px;
	text-align:center;
	width:90%; 
}
/* campos del formulario */
.login-bar span.campo {
	background: url(/support/img/inp-campo.png) no-repeat;
	float: left;
	margin: 0px 4px;
	padding: 3px 2px;
}

/* fix safari */
.safari .login-bar span.campo {
	background: none;
	padding: 0 2px;
}
.safari3 .login-bar span.campo {
	padding: 1px 2px;
}
.login-bar .inp-email {
	background: transparent url(/support/img/inp-email-bg.png) no-repeat 5px 2px;
	border: none;
	color: #999;
	float: left;
	font: 11px Verdana, sans-serif;
	padding: 1px 4px 2px 26px;
	position: relative;
	width: 85px;
}

.safari .login-bar .inp-email,.safari .login-bar .inp-password {
	width: 116px;
}

.login-bar .inp-password {
	background: transparent url(/support/img/inp-password-bg.png) no-repeat 5px 0;
	border: none;
	color: #999;
	float: left;
	font: 11px Verdana, sans-serif;
	padding: 1px 4px 2px 26px;
	position: relative;
	width: 85px;
}

.login-bar .btn-send {
	border: 0;
	background: url('/support/img/btn-send.png') no-repeat;
	color: #FFFFFF;
	height: 22px;
	line-height: 0px;
	text-indent: -9999px;
	width: 30px;
}

/*container contenidos home posicionamiento*/
#container_cont_h{
	position: relative;
	background: #efb32f url('/support/img/tile_home.png') top left repeat-x;
	}

.container_cols{
	position: relative;
	width: 750px;
	}

#col_left_home{
	position: relative;
	width: 430px;
	left: 45px;
	float: left;
	overflow: hidden;
	}
#col_left_home textarea{
	width: 370px;
	}
#col_right_home{
	position: relative;
	width: 230px;
	float: right;
	right: 0px;
	}
#col_left_home .contain_text{
	background: #f8da97;
	padding: 19px 19px 19px 19px;
	}
#col_right_home .contain_text{
	background: url(/support/img/bkg_transparent.png) top left repeat;
	padding: 11px 11px 11px 11px;
	}
#col_right_home div.contain_text h2{
	font-size: 120%;
	font-style: italic;
	}
div.contain_text p{
	position: relative;
	color: #505052;
	margin-bottom: 20px;
	text-align: justify;
	font-size: 110%;
	
	}
div.contain_text p.black{
	position: relative;
	color: #000;
	
	}
div.contain_text p.first{
	color: #000;
	font-size: 120%;
	
	}
div.contain_text p.first:first-line{
	color: #000;
	font-size: 120%;
	font-weight: bold;
	
	}
#col_left_home h2{
	font-size: 160%;
	margin-bottom: 10px;
	
	}

/*banners home*/
div.banner_apadrina{
	position: relative;
	width: 230px;
	height: 128px;
	background: url(/support/img/bann_apadrina.png) top left no-repeat;
	margin-top: 15px;
	}
div.banner_apadrina p{
	position: absolute;
	left: 10px;
	top: 94px;
	font-size: 110%;
	font-weight: bold;
	}
div.banner_devolucion{
	position: relative;
	width: 230px;
	height: 128px;
	background: url(/support/img/bann_devolucion.png) top left no-repeat;
		margin-top: 15px;
	}
div.banner_devolucion p{
	position: absolute;
	left: 10px;
	top: 94px;
	font-size: 110%;
	font-weight: bold;
	}
div.banner_publicidad{
	position: relative;
	width: 230px;
	height: 187px;
	background: url(../img/bann_publicidad.jpg) top left no-repeat;
		margin-top: 15px;
	}	
/*menu home*/
ul.menu_home{
	position: relative;
	margin-left: 45px;
	height: 62px;
	background: none;
	}
ul.menu_home li{
	float: left;
	font-size: 120%;
	
	}
ul.menu_home li a{
	display: block;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 8px;
	text-decoration: none;
	color: #000;
	font-weight: bold;
	overflow: hidden;
	background: url(/support/img/butt_menu_right.png);
	background-position: right -33px;
	
	}
ul.menu_home li a:visited{
	text-decoration: none;
	color: #000;
	background: url(/support/img/butt_menu_right.png);
	background-position: right -33px;
	}
ul.menu_home li a:hover{
	background: url(/support/img/butt_menu_right.png);
	background-position: right 0;
	color: #fff;
	}
ul.menu_home li a.active, ul.menu_home li a.active:visited{
	background: url(/support/img/butt_menu_right.png);
	background-position: right -66px;
	color: #fff;
	}
/*formulario 1*/
/*formulario*/

ul.cont_form {
	margin: 0;
	padding: 0;
	list-style: none; 
	}
ul.cont_form li{
	position: relative; 
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 190px; 
	text-align: left;
	font-size: 120%;
	color: #505050;
	}
ul.cont_form li.col1, ul.cont_form li.col2 {
	height: 55px;
	text-align: left;
	}
ul.cont_form li.col2 span {
	color: #000;
	padding-top: 14px;
	display: block;
	}
ul.cont_form li.col2 span.socio {
	color: #000;
	padding-top: 0px;
	display: block;
	}

ul.cont_form li.large1{
	width: 400px;
	clear: both;
	float: none;
	}

ul.cont_form li input.text1{
	width: 182px;
	height: 20px;
	border: none;
	background: url(/support/img/tile_input.png) top left repeat-x;
	margin-top: 5px;
	}
ul.cont_form li textarea{
	width: 346px;
	height: 100px;
	border: none;
	border-top: solid 1px #ccc;
	margin-top: 5px;
	}
ul.cont_form li input.text2{
	width: 100px;
	}
ul.cont_form li.large2{
	padding-top: 10px;
	padding-left: 275px;
	clear: both;
	float: none;
	padding-bottom: 20px;
	}










#footer{
	position: relative;
	clear: both;
	float: none;
	margin-top: 88px;
	margin-left: 20px;
	color: #fff;
	padding-bottom: 20px;
	}
#footer p{
	font-size: 120%;
	}
#footer p span{
	padding-left: 30px;
	}
#footer p a, #footer p a:visited{
	color: #fff;
	text-decoration: none;
	}
#footer p a:hover{
	color: #000;
	}