﻿/* CSS Document */

html {
	min-height: 100%;
	height: 100%;
}
form {
	height: 100%;
	margin: 0;
	
	background-image:url(/img/base/fondo.jpg);
	background-repeat: repeat-x;
	background-position: top left;
}
#lblHtml
{
 margin-bottom:2em;	
}

.recuadro 
{
	background-color:#C9D1EC;
	margin:0;
	padding:0.5em;
}



body {
	background-image:url(/img/base/loop.jpg);
	background-repeat: repeat;
	background-position: top left;
	/* for 100% height to work */
	min-height: 100%;
	height: 100%;
	/* for em resize work as pixels/10 */
	font-size: 62.5%;
	margin: 0em;
	/* to be able to position black bar at bottom */
	position: relative;
	
	font-family: Arial, Helvetica, sans-serif;
}


.replace-image {
	overflow:hidden;
	text-indent:-999999px;
	display:block;
}

body b, body strong{
	color: #4f69ab;
	font-weight: bold;	
}

IMG {
	border: none;
}

#container {
	min-height: 100%;
	height: 100%;
}

#base {
	width: 95em;
	min-height: 100%;
	/*height: 100%;*/
	height:63.7em; 

	/* background-image: url(../img/base/page-back.png);*/
	background-repeat: repeat-y;

	margin: 0 auto;
	padding-left: 2.2em;
	padding-right: 2.2em;
}
#main {
	background-repeat: repeat-x;
	background-position: 0em 8.9em;

}
#main #menu 
{
	width:17.8em;
	padding-top: .3em;
	float: left;
	background-image:url(/img/base/menu-back.png);
	background-repeat:no-repeat;
	
}
	#main #menu UL {
		margin: 0;
		padding: 0;
	}
	#main #menu LI {
		padding: .2em 0 .2em 2em;
		list-style-type: none;
		font-family: Arial, Helvetica, sans-serif;
	}
		#main #menu UL UL {
			margin-left: -2em;
		}
		#main #menu LI LI{
			margin-top: .3em;
			padding: 0 0 0 3.2em;
			list-style-image: none;
		}
	#main #menu A {
		text-decoration: none;
		color: #4f69ab;
		font-size: 1.2em;
		font-weight:bold;
	}
	#main #menu A.submenu {
		font-size: 1.1em ;
		font-weight:normal;
	}	
	#main #menu LI.selected {
		/*background: url(../img/base/menu_selected.gif) no-repeat;*/
		background-color:#c8d0e9;
	}
		#main #menu A.selected {
			font-weight: bold;
			color: #9a0009;
		}
 /* racons*/
.raco 
{
	width:350px;
	display:block;
	
} 
#background {
	/*background-image: url(../img/concurso/background.gif);*/
	background-position: left bottom;
	height: 100%;
	background-repeat: no-repeat;
}
a , a:visited
{
	color:#4F69AB;
}

#bottom {
	background-color: #000000;
	color: #FFFFFF;
	/*position: absolute;
	bottom: 0em;
	left: 0em;*/
	width: 100%;
	margin-top: -2.2em;
	/*padding-left: 1.2em;*/
	font-family: Arial, Helvetica, sans-serif;
	height: 2.2em;
	line-height: 2.2em;
	clear: both;

}
#bottom #bottom_menu {
	width: 925px;
	margin: 0 auto;
	padding: 0 48px 0 22px;
	text-align: right;
	position: relative;
}
	#bottom #bottom_menu a {
		font-size: 1em;
		color: #cdcdcd;
		text-decoration: none;
	
	}
	#booket {
		position: absolute;
		width: 76px;
		height: 76px;
		left: -10px;
		top:-70px;
		text-align: left;
		background: url(../img/base/primavera.png) no-repeat;
		cursor:pointer;
	}
		#booket SPAN {
			float: left;
			padding: 13px 5px 0 9px;
		}

#content {
	margin-left:1em;
	width:45em;
	/*background-image: url(../img/base/background-content.gif);*/
	background-repeat: no-repeat;
	background-position: left 2em;
	background-color:#eff1ff;
	margin-top: 0em;
	float: left;
	padding-left:2.5em;
	padding-right: 2em;
	margin-bottom: 2em;
	padding-bottom: 2em;
	position:relative;
}
#content .text {
	font-size: 1.2em;
}

#path {
	margin-left:-1em;
	margin-top:1em;
	font-size: 1.1em;
	position:absolute;
	top:-28px;
	color: #c2c9e2;
}
	#path A {
		color: #c2c9e2;
		text-decoration: none;
	}
	#path A:hover {
		text-decoration: underline;
	}
	#path b
	{
		color: #FFFFFF;	
	}

#info {
	font-size: 1.2em;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #304475;
	margin: 0em;
	letter-spacing: -0.06em;
}
input.boton {
	background-image: url(../img/base/boton.png);
	background-repeat: no-repeat;
	background-color: transparent;
	width: 7.6em;
	height: 2.43em;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	color: #4f69ab;
	cursor: pointer;	
}
input.boton-small {
	background-image: url(../img/base/boton-small.png);
	background-repeat: no-repeat;
	background-color: transparent;
	width: 6.3em;
	height: 2em;
	border: none;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #304475;
	cursor: pointer;
}
input.boton-large {
	background: url(../img/base/boton-large.png) no-repeat;
	width: 13em;
	height: 2.42em !important;
	border: none;
	font:  1.4em  Arial, Helvetica, sans-serif;
	color: #000000;
	cursor: pointer;	
}
input.boton-xlarge {
	background: url(../img/base/boton-xlarge.png) no-repeat;
	width: 14.2em;
	height: 2.4em !important;
	border: none;
	font:  1.2em  Arial, Helvetica, sans-serif;
	color: #6e6e6e;
	cursor: pointer;	
}
input.boton-xxlarge {
	background: url(../img/base/boton-xxlarge.png) no-repeat;
	width: 20.2em;
	height: 2.4em !important;
	border: none;
	font: 1.2em  Arial, Helvetica, sans-serif;
	color: #6e6e6e;
	cursor: pointer;	
}
.concurs-botonera{
	height: 3.5em;
}
.concurs-botonera input {
	float: left;
	margin-left: 2.0em;
}


a.boton-small {
	background-image: url(../img/base/boton-small.png);
	background-repeat: no-repeat;
	background-color: transparent;
	width: 6.3em;
	height: 2em;
	border: none;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #304475;
	cursor: pointer;
	display:inline-block;
	text-align:center;
	text-decoration:none;
}
a.boton-small span
{
	display:block;
	padding-top:5px;
}
#top {
	/*background-image: url(../img/base/header-options.jpg);
	background-image: url(../img/base/background-search.gif);
	background-image: url(../img/base/logo.jpg);*/
	background-image: url(../img/base/logo-tmb.png);
	background-position:0 8px;
	background-repeat:no-repeat;
	height:10em;
	position: relative;
	color: #fff;
}
#top #lang {
	width:96.5em;
	text-align: right;
	float: left;
	/*padding-right: 0.6em;*/
	height:9.9em;
	position: relative;
}
#top #lang #searchbox {
	width: 13.3em;
	text-align: center;
	float: right;
}
#top #lang #searchbox #search {
	/*width: 13.3em;*/
	position: relative;
	padding-top: 1em;
	width: 13em;
	height: 6.3em;
}
/*#top #lang #searchbox #search #searchfield{
	position: absolute;
	z-index: 100;
	width: 6.5em;
	left: 0.8em;
	background-color: transparent;
	border: none;
	z-index: 100;
	border: none;
}*/
#top #lang #searchbox #search .searchfield input{
	position: absolute;
	z-index: 100;
	width: 6.5em;
	left: 0.8em;
	background-color: transparent;
	border: none;
	z-index: 100;
	border: none;
}

#top #lang #searchbox  #search .bot_recerca {
	position: absolute; 
	right: 0.5em; 
	top: 0.9em;
}
#top #lang #searchbox #search #searchbackground {
	background-image: url(../img/base/searchbox.gif);
	background-position: top center;
	background-repeat: no-repeat;
	position: absolute;
	top: 1em;
	left: 0.9em;
	/*width: 11.5em;*/
	width: 9.3em;
	height: 1.7em;
	z-index: 0;
}

#top a {
	color: #FFF;
	text-decoration: none;
}
#top input.avanzada {
	border: 0em; 
	background-color: transparent;
	color: #FFFFFF; 
	cursor: pointer; 
	font-size: 1em; 
	margin-top: 0.5em;
}

#top #loginbox {
	position: relative;
	float: right;
	width: 21.9em;
	height: 8.9em;
}
#loginbox .content {
	padding:0.6em 1em;
		
}
#loginbox .input-login {
	background-image: url(../img/base/loginbox.gif);
	background-repeat: no-repeat;
	background-color: transparent;
	border: none;
	width: 8.2em;
	padding-left: 0.2em;
	padding-right: 0.2em;
	margin-left: 0.5em;
}
#loginbox .formline {
	text-align: right;
	width: 19.6em;
}
#loginbox .loginbutton {
	position: absolute;
	right: -1.4em;
	top: 2em;
}
#loginbox .checkbox{
	vertical-align: -0.2em;
}
#loginbox_logged {
	/*padding-left: 3em !important;*//*jlpdf*/
	padding-left: 1em !important;
	font-size: 1.1em;
	text-align: center;
	margin-top:-1em;
	/*background: url(../img/base/loginbox_logged.gif) no-repeat right .3em;*/
}
	#loginbox_logged B.clientName {
		font-size: 1.1em;
		color: #ffc600;
	}
	#loginbox_logged #clientOptions {
		padding-top: .5em;
		font-size: 1em;
	}
		#loginbox_logged #clientOptions A {
			color: #FFFFFF;
			text-decoration: underline;
		}
	
#main #menubar {
	background-image: url(../img/base/2.0panel.gif);
	background-position: left top;
	background-repeat: no-repeat;
	width: 22.2em;
	height:5em;
	float: right;
	padding-left: 0.6em;
	text-align: right;
	position: relative;
	display:none;
}
#main #menubar .icon2_0 {
	border: solid 0.1em #c6c6c6;
	margin-right: 0.5em;
	vertical-align: -0.3em;	
}
#menubar #copiarlink {
	display: block; 
	color: #000;
	text-decoration: underline;
	position: absolute;
	right: 0.8em;
	top: 0.8em;
	font-size: 1.1em;
}
#menubar #iconbar {
	height: 2.3em;
	right: 0.8em;
	top: 2.8em;
	position: absolute;
	width: 18em;
}
#menubar a.fontsize {
	font-weight: bold !important;
	text-decoration: none;
	color: #000;
	
}

#destacados {
	float: right;
	text-align: left;
	width: 23em;
	padding-top: 1.5em;
}

#registro
{
	
}

DIV.formbox {
	width: 449px;
	margin: 0 auto;
}

	DIV.formbox_body {
		padding: 0 .4em;
		background: url(../img/participa/formbox_body.gif) repeat-y;
	}
	.formbox_sep {
		height: 1.5em;
		background: url(../img/participa/formbox_sep.gif) repeat-x left center;
		margin:4px 0;
		margin-bottom: 0px !important;
	}
	.formbox_sep2 {
		height: 0.8em;
		background: url(../img/participa/formbox_sep.gif) repeat-x left top;
	}
	.formbox_content {
		padding: 0 0.7em;
		line-height: 1.8em;
	}
		.formbox_content.client_options {
			font-size: .9em;
		}
	DIV.formbox INPUT {
		height: 1.1em;
		font-size: .9em;
		font-family: Arial,Helvetica,sans-serif;
	}
		DIV.formbox INPUT.mrgRight {
			margin-right: 1.1em;
		}
		DIV.formbox INPUT.chkbx {
			vertical-align: middle;
		}	
INPUT.formbox_boton {
	background: url(../img/base/boton-small.png) transparent no-repeat;
	width: 7.1em;
	height: 2.3em !important;
	border: none;
	font: bold 1em Tahoma, Arial, Helvetica, sans-serif !important;
	color: #304475;
	cursor: pointer;
}
INPUT.formbox_boton-large {
	background: url(../img/base/boton-small-large.png) transparent no-repeat;
	width: 7.4em;
	height: 2em !important;
	border: none;
	font: bold 1em Tahoma, Arial, Helvetica, sans-serif !important;
	color: #304475;
	cursor: pointer;
}
INPUT.formbox_boton-xlarge {
	background: url(../img/base/boton-small-xlarge.png) transparent no-repeat;
	width: 10em;
	height: 2em !important;
	border: none;
	font: bold 1em Tahoma, Arial, Helvetica, sans-serif !important;
	color: #304475;
	cursor: pointer;
}
INPUT.formbox_boton-xxxlarge {
	background: url(../img/base/boton-small-xxxlarge.png) transparent no-repeat;
	width: 20em;
	height: 2em !important;
	border: none;
	font: bold 1em Tahoma, Arial, Helvetica, sans-serif !important;
	color: #304475;
	cursor: pointer;
}



/* generic */
.colorBlack {
	color: #000000 !important;
}
.colorDarkRed {
	color: #4f69ab !important;
}
.colorRed {
	color: #c90e0e !important;
}
.alignLeft {
	text-align: left !important;
}
.alignCenter {
	text-align: center !important;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clear
{
	clear:both;	
}

INPUT.radio {
	vertical-align: 5%;
}


DIV.tab {
	margin-bottom: 1em;
}
DIV.formbox_tab {
	height: 6.7em;
	background: url(../img/area_personal/formbox_top.gif) no-repeat left bottom;
}
	DIV.formbox_tab H2 {
		width: 143px;
		height: 43px;
		float: left;
		margin: 0;
		padding-top: 1.8em;
		font-size: 1.1em;
		text-align: center;
		color:#4F69AB;
		background: url(../img/area_personal/formbox_top_tab_current_left.gif) no-repeat;	
	}
	DIV.formbox_tab H2.tab_center	{ background: url(../img/area_personal/formbox_top_tab_current_center.gif) no-repeat;	}
	DIV.formbox_tab H2.tab_right	{ background: url(../img/area_personal/formbox_top_tab_current_right.gif) no-repeat;	}
	
	DIV.formbox_tab DIV.tab_inactive {
		display: none;
		width: 102px;
		height: 46px;
		float: left;
		margin-top: 16px;
		padding-top: 4px;
		text-align: center;
		background: url(../img/area_personal/formbox_top_tab_inactive.gif) no-repeat left top;
	}
		DIV.formbox_tab DIV.tab_inactive A {
			display: block;
			margin-top: 16px;
			font-size: .9em;
			color:#4F69AB;
			text-decoration: none;
		}
		
		
	DIV.formbox_tab IMG.tab_sep {
		float: right;
	}
	DIV.formbox_tab DIV.tab_center	{ background-position: -20px top !important; }
	DIV.formbox_tab DIV.tab_right	{ background-position: right top !important; }
	
.star_filled, .star_blank {
	float: left;
	width: 12px;
	height: 13px;
	background-repeat: no-repeat;
	cursor: pointer;
}
.star_filled { background-image: url(../img/relatos/star.gif); }
.star_blank { background-image: url(../img/relatos/star_blank.gif); }

.linkbutton {
	border: 0em; 
	background-color: transparent;
	color: #FFFFFF; 
	cursor: pointer; 
	font-size: 1em; 
	text-decoration: underline;
	font-weight: bold;

}

.btn-login
{
	background-image: url(../img/base/boton-login.png);
	background-repeat:no-repeat;	
	width:101px;
	height:18px;	
	display:block;
	text-align:center;
	float:left;
	font-size:1.1em;
	cursor:pointer;
	padding-top:2px;
}
.btn-register
{
	 background-image: url(../img/base/boton-login.png);
	 background-repeat:no-repeat;	
	 width:101px;
	 height:18px;
	 float:left;
	 text-align:center;
	 font-size:1.1em;
	 margin-left:10px;
	 vertical-align:middle;
	 cursor:pointer;
	 padding-top:2px;
	 
}
.login-botonera
{
	width:300px;	
	margin-top:0.6em;
	width:220px;
	
}