/* CSS Document */


/* Reseteando estilos por defecto de los navegadores */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}



/************************************************************************************************************/

html, body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}

body {
	background-color: #999999;
}



/******************************************* ESTILOS GENERALES **********************************************/

.separador {
	clear: both;
	position: relative;
}

.centrado {
	text-align: center;
	}

.cuerpo .separacion {
	clear: both;
	height: 25px;
	border: 0px;
	background: url(/images/separador.gif) no-repeat center left;
}

.aviso {
    color: #660000;
    font-size: 13px;
    font-weight: bold;
	text-align: center;
	padding-top: 14px;
}

.aviso55 {
    color: #660000;
    font-size: 13px;
    font-weight: bold;
	text-align: left;
	padding-top: 14px;
	position: absolute;
	top: 3px;
	left: 8px;
}

.avisoError {
    color: #660000;
    font-size: 13px;
    font-weight: bold;
	text-align: left;
	padding-top: 14px;
}

.avisoOk {
    color: #088A08;
    font-size: 13px;
    font-weight: bold;
		text-align: left;
		padding-top: 14px;
}

.aviso2 {
    color: #FFBBAA;
    font-size: 13px;
    font-weight: bold;
		text-align: center;
		padding-top: 5px;
}

/****************************************** ESTILOS PORTADA *************************************************/

body#portada {
	background-color: #797979;
}

.interior {
	width: 780px;
	padding: 0px 0px;
	margin: 0 auto;
	position: relative;
}

.interior_info {
	width: 450px;
	height: 500px;
	margin: 0 auto;
	position: relative;
	background-color: #FFFFFF;
}

.banner_sup {
	background-color: #FFFFFF;
	height: 100px;
}
.banner_sup h1 {
	display: block;
	height: 48px;
	width: 206px;
	background: url(/images/logo_ceca.gif) no-repeat top left;
	position: absolute;
	top: 29px;
	right: 4px;
}

.banner_sup h1 a {
	display: block;
	height: 48px;
	width: 206px;
}

.banner_sup h1 span {
	display: none;
}

.banner_sup h2 {
	display: block;
	width: 230px;
	height: 56px;
	position: absolute;
	left: 12px;
	top: 24px;
	background: url(/images/titulo_subastas_portada.gif) no-repeat top left;
}

.banner_sup h2 span {
	display: none;
}


.banner_inf {
	height: 46px;
	background: #D5D168 url(/images/fondo_puntos.gif) repeat top left;
}
.banner_inf .interior {
	background: #085399 url(/images/fondo_menu_portada.gif) repeat-x top left;
	height: 46px;
}

.enlaces_banner_inf {
    height: 20px;
	padding: 26px 10px 0px 10px;
}

/*.enlaces_banner_inf a.que_son_montes {
     height: 24px;
     position: absolute;
     bottom: 0px;
     right: 0px;
     width: 120px;
     text-align: center;
}*/

.enlaces_banner_inf a{
	display: block;
	height: 12px;
	line-height: 12px;
	padding: 2px 8px 2px 12px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	float: left;
	background: url(/images/cuadro_enlace.gif) no-repeat;
	margin-right: 10px;
}

.enlaces_banner_inf a:link, .enlaces_banner_inf a:visited, .enlaces_banner_inf a:active {
	color: #FFFFFF;
	background-position: 0px 4px;
}

.enlaces_banner_inf a:hover {
	color: #CDCDE1;
	background-position: 0px -76px;
}



.central_portada {
	background: #CCE5F2;
	height: 247px;
	border-bottom: 2px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	position: relative;
}
.central_portada .interior {
	background: #25A0DC url(/images/fondo_central_portada.gif) repeat-x top left;
	height: 202px;
	padding-left: 35px;
	width: 745px;
	padding-top: 45px;
}
.central_portada h2 {
	display: block;
	height: 20px;
	width: 137px;
	background: url(/images/titulo_identificacion.gif) no-repeat top left;
}
.central_portada h2 span {
	display: none;
}
.login_portada {
	width: 150px;
	float: left;
	padding-right: 20px;
}
.login_portada label {
	display: block;
	color: #262673;
	font-weight: bold;
	font-style: italic;
	padding-bottom:2px;
	margin-top: 14px;
}
.login_portada .formu_login {
	background-color: #FFFFFF;
	border: 1px solid #2061B9;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #2061B9;
	height: 16px;
	width: 136px;
	padding: 0px;
	line-height: 12px;
	padding: 2px;
}
.login_portada .boton_entrar {
	height: 17px;
	width: 47px;
	border: 0px;
	background: url(/images/boton_login01.gif) no-repeat top left;
	cursor: pointer;
	font-size: 12px!important;
	color: #262673;
	font-style: italic;
	font-weight: bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	float: right;
	margin: 8px 8px 0px 0px;
	padding-right: 42px!important;
	padding-right: 0px;
}

.login_portada .boton_entrar:hover {
	background-position: bottom left;
}

.login_portada .olvido {
	display: block;
	clear: right;
	padding-top: 10px;
	font-size: 11px;
	text-decoration: none;
	padding-left: 15px;
}

.login_portada .olvido:link, .login_portada .olvido:visited, .login_portada .olvido:active {
	color: #FFFFFF;
}

.login_portada .olvido:hover {
	color: #E1F0F7;
}

.registro_portada {
	width: 250px;
	float: left;
}

.registro_portada .mensaje_registro {
	width: 210px;
	color: #FFFFFF;
	background: url(/images/parentesis_registro.gif) no-repeat top left;
	min-height: 54px;
	height: auto!important;
	height: 50px;
	padding: 2px 18px;
	margin-top: 40px;
}
.registro_portada .boton_registro {
	height: 14px;
	width: 84px;
	border: 0px;
	background: url(/images/boton_login02.gif) no-repeat;
	cursor: pointer;
	font-size: 12px;
	color: #262673;
	font-style: italic;
	font-weight: bold;
	float: right;
	text-decoration: none;
	margin-right: 16px;
	margin-top: 8px!important;
	margin-top: 16px;
	text-align: center;
	padding-top: 3px;
}
.registro_portada .boton_registro:link, .registro_portada .boton_registro:visited, .registro_portada .boton_registro:active {
	background-position: top left;
}

.registro_portada .boton_registro:hover {
	background-position: bottom left;
}

.franja {
	width: 467px;
	height: 64px;
	background: url(/images/franja_login.gif) no-repeat top left;
	position: absolute;
	top: 0px;
	left: 0px;
}

.foto_portada {
	width: 311px;
	height: 247px;
	background: url(/images/foto_portada.jpg) no-repeat top left;
	position: absolute;
	top: 0px;
	right: 0px;
	border-left: 2px solid #FFFFFF;
}



.logos_portada {
	background-color: #D9D9D9;
	min-height: 123px;
	height: auto!important;
	height: 123px;
}
.logos_portada .interior {
	background-color: #CCCCCC;
	height: 123px;
	padding: 17px 20px!important;
	padding: 17px 50px;
	min-height: 89px;
	height: auto!important;
	height: 89px;
	width: 740px!important;
	width: 680px;
	margin: 0px auto;
}
.logos_portada a {
	display: block;
	float: left;
	margin-right: 22px;
}





.pie_portada {
    background-color: #A1A1A1;
    height: 34px;
}
.pie_portada .interior {
    background-color: #999999;
    height: 24px;
    text-align: center;
    font-size: 11px;
    color: #464646;
    padding-top: 10px;
    position: relative;
}

.logo_mastercard {
    position: absolute;
    top: 2px;
    right: 58px;
}

.logo_visa {
    position: absolute;
    top: 2px;
    right: 2px;
}

.pie .interior {
	width: 760px!important;
	width: 720px;
	padding: 0px 10px!important;
	padding: 0px 30px;
}

/****************************************************************************************************/
/********************************   ESTILOS INTERIORES   ********************************************/


.cabecera {
	height: 100px;
	background: #FFFFFF;
}

.menu {
	height: 90px;
	background: #3399CC url(/images/franja_menu.jpg) no-repeat center top;
	border-bottom: 6px solid #C6C102;
}

.cuerpo {
	background: #F0F0F0 url(/images/fondo_cuerpo.jpg) repeat-x bottom left;
}

.pie {
	min-height: 120px;
	height: auto!important;
	height: 120px;
	background-color: #DCDCDC;
}


/************************************** CABECERA ******************************************/

.cabecera .interior {
	height: 100px;
}

.cabecera h1 {
	display: block;
	height: 48px;
	width: 206px;
	background: url(/images/logo_ceca.gif) no-repeat top left;
	position: absolute;
	top: 29px;
	right: 4px;
}

.cabecera h1 a {
	display: block;
	height: 48px;
	width: 206px;
}

.cabecera h1 a span {
	display: none;
}

.cabecera h2 {
	display: block;
	width: 230px;
	height: 56px;
	position: absolute;
	left: 12px;
	top: 24px;
	background: url(/images/titulo_subastas_portada.gif) no-repeat top left;
}

.cabecera h1 span, .cabecera h2 span {
	display: none;
}


/*************************************** MENU *******************************************/

.datos_sesion {
	height: 25px;
	background: url(/images/fondo_datos.jpg) no-repeat top right;
	position: relative;
	text-align: right;
	padding-right: 154px;
	padding-top: 8px;
}

.datos_sesion p {
	float: left;
	color: #FFFFFF;
	font-weight: bold;
	height: 25px;
}

.datos_sesion a {
	text-decoration: none;
	font-weight: bold;
}

.datos_sesion a:link, .datos_sesion a:visited, .datos_sesion a:active {
	color: #C9E4F1;
}

.datos_sesion a:hover {
	color: #E8F3F9;
}

.menu .interior {
	background: url(/images/fondo_menu.jpg) no-repeat bottom right;
	height: 90px;
}

.enlaces_menu { /* Todos los enlaces que vayan dentro de esta capa se comportaran como pestanas */
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 24px;
	width: 633px;
}

.enlaces_menu a {
	display: block;
	height: 24px;
	float: left;
	background: url(/images/tab_izq.gif) no-repeat 0px 24px;
	padding-left: 4px;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 11px;
	padding-top: 0px;
	margin-right: 1px;
}

.enlaces_menu a.doslineas span{
	padding-top: 1px;
	height: 23px;
	text-align: center;
}

.enlaces_menu a span {
	display: block;
	float: left;
	height: 18px;
	background: transparent url(/images/tab_der.gif) no-repeat 100% 24px;
	padding-right: 6px;
	padding-left: 2px;
	padding-top: 6px;
	cursor: pointer;
	text-align: center;
}

.enlaces_menu a:hover {
	background-position: 0px 0px;
}

.enlaces_menu a:hover span {
	background-position: 100% 0px;
	background-color: #75C1C4;
}

.enlaces_menu a.activo {
	background: url(/images/tab_activa_izq.gif) no-repeat top left;
	color: #0E1894;
}

.enlaces_menu a.activo span {
	background: #C6C102 url(/images/tab_activa_der.gif) no-repeat top right;
}

.enlaces_menu a.activo:hover {
	background-position: top left;
}

.enlaces_menu a.activo:hover span {
	background-position: top right;
	background-color: #C6C102;
}



/********************************************* PIE *********************************************/

.logos {
	padding: 10px;
	min-height: 95px;
	height: auto!important;
	height: 95px;
}

.logos a {
	display: block;
	float: left;
	margin-right: 22px;
}

.copy {
	text-align: center;
	color: #464646;
	font-size: 11px;
	background-color: #999999;
	height: 17px;
	line-height: 11px;
	padding-top: 8px;
}

.copy a {
	color: #FFFFFF;
	}
	
.copy a:hover {
	color: #F0F0F0;
	}

/******************************************** CUERPO ***********************************************/

.cuerpo .interior {
	background-color: #FFFFFF;
	min-height: 600px;
	height: auto!important;
	height: 600px;
	padding: 15px 35px;
	width: 710px;
}

.cuerpo h2 {
	display: block;
	height: 22px;
	background-repeat: no-repeat;
	background-position: top left;
	font-size: 18px;
	color: #003399;
	font-weight: bold;
	font-style: italic;
	margin-bottom: 10px;
}

.cuerpo h2 span {
	display: none;
}

.cuerpo h3 {
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
	color: #287BA4;
	display: block;
	line-height: 16px;
	background: url(/images/linea_titulo.gif) repeat-x bottom left;
	margin-bottom: 10px;
}

/************ T�tulos *****************/

#tit_adjudicaciones {
	background-image: url(/images/tit_adjudicaciones.gif);
}

#tit_ayuda {
	background-image: url(/images/tit_ayuda.gif);
}

#tit_catalogo {
	background-image: url(/images/tit_catalogo.gif);
}

#tit_condiciones {
	background-image: url(/images/tit_condiciones.gif);
}

#tit_datos {
	background-image: url(/images/tit_datos.gif);
}

#tit_oficinas {
	background-image: url(/images/tit_oficinas.gif);
}

#tit_preguntas {
	background-image: url(/images/tit_preguntas.gif);
}

#tit_pujas {
	background-image: url(/images/tit_pujas.gif);
}

#tit_que_son_montes {
     background-image: url(/images/tit_que_son_montes.gif);
}

#tit_preguntas_frecuentes {
     background-image: url(/images/tit_preguntas_frecuentes.gif);
}

/**************************************/


.lote {
	margin-bottom: 10px;
	min-height: 1%;
	height: auto!important;
	height: 1%;
}

.lote .foto_lote {
	width: 205px;
	float: left;
	text-align: center;
	margin-right: 24px;
	min-height: 1%;
	height: auto!important;
	height: 1%;
}

.lote .foto_lote img {
	border: 1px solid #CCCCCC;
	margin-bottom: 10px;
}

.enlace, .enlace_claro {
	display: block;
	height: 17px;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	font-style: italic;
	background: url(/images/enlace_izq_01.gif) no-repeat;
	padding-left: 4px;
	margin: 0px auto;
}

.enlace span, .enlace_claro span {
	display: block;
	height: 15px!important;
	height: 14px;
	float: left; 
	background: url(/images/enlace_der_01.gif) no-repeat;
	padding: 2px 6px 0px 2px!important;
	padding: 3px 6px 0px 2px;
	cursor: pointer;
	line-height: 13px;
	font-size: 12px;
}

.enlace:link, .enlace:visited, .enlace:active, .enlace_claro:link, .enlace_claro:visited, .enlace_claro:active, .tabla .par .enlace:link, .tabla .par .enlace:visited, .tabla .par .enlace:active {
	background-position: top left;
}

.enlace:hover, .enlace_claro:hover, .tabla .par .enlace:hover {
	background-position: bottom left;
}

.enlace:link span, .enlace:visited span, .enlace:active span, .tabla .par .enlace:link span, .tabla .par .enlace:visited span, .tabla .par .enlace:active span {
	background-position: top right;
	background-color: #3399CC;
}

.enlace:hover span, .tabla .par .enlace:hover span {
	background-position: bottom right;
	background-color: #60B0D7;
}

.enlace_claro:link span, .enlace_claro:visited span, .enlace_claro:active span {
	background-position: top right;
	background-color: #99CCE5;
}
.enlace_claro:hover span {
	background-position: bottom right;
	background-color: #C0E0EF;
}

.enlace_claro {
	background: url(/images/enlace_izq_03.gif) no-repeat;
	color: #262673;
}

.enlace_claro span {
	background: url(/images/enlace_der_03.gif) no-repeat;
}

#enlace_ampliar_imagen {
	width: 106px;
}


.datos_lote {
	width: 480px;
	float: left;
}

.sinfoto .datos_lote {
	width: auto;
	float: none;
	}

.datos_lote .titulo_lote {
	background-color: #373788;
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
	font-style: italic;
	color: #FFFFFF;
	height: 14px;
	padding: 1px 14px;
	margin-bottom: 10px;
}

.datos_lote .titulo_lote .puja_actual {
	float: right;
}

.datos_lote p {
	padding-bottom: 6px;
	clear: left;
}

.datos_lote img {
	vertical-align: bottom;
	border: 0px;
}

.resalte {
	font-size: 13px;
	color: #287BA4;
	font-weight: bold;
	font-style: italic;
}

.datos_lote .corto {
	float: left;
	margin: 0px 25px 15px 0px;
}


.opciones_puja {
	
}

.recuadro_opciones {
	width: 232px;
	float: left;
	margin-right: 5px;
}

.recuadro_opciones.tercero {
	margin-right: 0px;
}

.cuerpo .recuadro_opciones h4 {
	display: block;
	background-color: #C6C102;
	height: 17px!important;
	height: 16px;
	/*font-size: 13px;*/
	/*font-weight: normal;*/
	color: #373788;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 2px;
}

.recuadro_opciones .interior_recuadro {
	background-color: #F9F8F2;
	border-color: #ADD6EB;
	border-style: solid;
	border-width: 0px 1px 1px 1px;
	padding: 10px;
	min-height: 130px;
	height: auto!important;
	height: 130px;
}

.recuadro_opciones p {
	font-size: 12px;
	padding: 15px 0px;
}

p.puja_minima {
	display: block;
	padding: 0px;
	margin: 20px auto;
	color: #262673;
	font-weight: bold;
	width: 150px;
	line-height: 18px;
}


.recuadro_opciones .enlace {
	background: url(/images/enlace_izq_02.gif) no-repeat;
	line-height: 14px;
}

.recuadro_opciones .enlace span {
	background: url(/images/enlace_der_02.gif) no-repeat;
}

.recuadro_opciones .enlace:link, .recuadro_opciones .enlace:visited, .recuadro_opciones .enlace:active {
	background-position: top left;
}

.recuadro_opciones .enlace:hover {
	background-position: bottom left;
}

.recuadro_opciones .enlace:link span, .recuadro_opciones .enlace:visited span, .recuadro_opciones .enlace:active span {
	background-position: top right;
	background-color: #3399CC;
}

.recuadro_opciones .enlace:hover span {
	background-position: bottom right;
	background-color: #60B0D7;
}


#enlace_puja_minima {
	float: right;
	margin: 0px;
}


.puja_personalizada, .puja_maxima {
	height: 24px;	
}

.formu_recuadro {
	border: 1px solid #2061B9;
	background: #FFFFFF;
	width: 72px;
	color: #2061B9;
	font-size: 13px;
	height: 18px!important;
	height: 14px;
	padding: 0px;
	line-height: 13px;
	vertical-align: middle;
	padding: 0px!important;
	padding: 2px 4px;
}

.puja_personalizada a, .puja_personalizada label, .puja_personalizada input, .puja_maxima a, .puja_maxima label, .puja_maxima input {
	float: left;
	margin-right: 10px;
}

.puja_personalizada label, .puja_maxima label {
	line-height: 18px;
}

p.parentesis {
	display: block;
	height: 12px;
	padding: 9px 5px;
	line-height: 12px;
	font-size: 12px;
	font-weight: bold;
	color: #262673;
	background: url(/images/parentesis_recuadro.gif) no-repeat top left;
}


.pregunta_recuadro {
	display: block;
	height: 25px;
	width: 165px;
	background: url(/images/fondo_pregunta.gif) no-repeat;
	font-size: 12px;
	color: #262673;
	text-decoration: none;
	text-align: center;
	margin: 10px auto 0px auto;
	padding-top: 8px;
}

.pregunta_recuadro:link, .pregunta_recuadro:visited, .pregunta_recuadro:active {
	background-position: top left;
}

.pregunta_recuadro:hover {
	background-position: bottom left;
}



/********************************** ZONA ADMINISTRADOR *************************************/


.interior.admin {
	padding-top: 50px!important;
}

.zona_admin {
	width: 772px;
	height: 18px;
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(/images/fondo_zona_admin.jpg) repeat-y top left;
	padding: 1px 4px;
}

.zona_admin span {
	display: block;
	height: 13px;
	background: url(/images/icono_zona_admin.gif) no-repeat top left;
	padding: 5px 5px 0px 24px;
	color: #292F61;
	font-weight: bold;
}




/********************************** ADJUDICACIONES *****************************************/

.formulario {

}

.formulario .columna_izq {
	width: 340px;
	float: left;
	padding: 0px 10px 10px 0px;
}

.formulario .columna_izq_peq {
	width: 230px;
	float: left;
	padding: 0px 10px 10px 0px;
}

.formulario .columna_der {
	width: 350px;
	float: left;
	background: url(/images/linea_vert02.gif) repeat-y top left;
	padding: 0px 0px 10px 10px;
}

.formulario .columna_der_larga {
	width: 459px;
	float: left;
	background: url(/images/linea_vert02.gif) repeat-y top left;
	padding: 0px 0px 10px 10px;
}

.formu {
	border: 1px solid #BEBEBE;
	background-color: #FFFFFF;
	font-size: 12px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #777777;
	line-height: 18px;
	height: 18px;
	width: 225px;
	padding: 2px 4px 0px 4px;
	vertical-align: baseline;
	float: left;
}

.formu.corto {
	width: 150px;
}


.formu.fecha {
	width: 65px;
}

.formu.min {
	width: 30px;
}
select.formu {
	width: auto;
	padding: 0px;
	height: 20px;
}

textarea.formu {
	width: auto;
	height: auto;
	padding: 5px;
	margin: 5px 0px 15px 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

textarea.formu_desact {
	width: auto;
	height: auto;
	padding: 5px;
	margin: 5px 0px 15px 0px;
	border: 1px solid #BEBEBE;
	background-color: #FFFFFF;
	font-size: 12px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #777777;
	vertical-align: baseline;
	float: left;
	}

.formulario label {
	font-size: 13px;
	color: #287BA4;
	font-weight: bold;
	font-style: italic;
	display: block;
	width: 100px;
	height: 18px;
	line-height: 18px;
	padding: 2px 2px 0px 0px;
	float: left;
	text-align: right;
}

.cuerpo h4 {
     font-size: 14px;
     font-weight: bold;
     font-style: italic;
     color: #287BA4;
     display: block;
     padding-bottom: 20px;
}

.formulario .label2 {
	font-size: 13px;
	color: #287BA4;
	font-weight: bold;
	font-style: italic;
	display: block;
	width: 20px;
	height: 18px;
	line-height: 18px;
	padding: 2px 8px 0px 0px;
	float: left;
	text-align: center;
}

.formulario label.label_largo {
	width: auto;
	padding-bottom: 5px;
	margin-bottom: 0px;
	text-align: left;
	padding-left: 0px;
	padding-right: 5px;
}

.formulario .columna_der_larga label {
	width: 150px;
}

.formulario span {
	display: block;
	float: left;
	height: 17px;
	line-height: 17px;
	font-size: 12px;
	padding: 3px 3px 0px 3px;
}

.formulario .calendario {
	display: block;
	float: left;
	background: url(/images/icono_calendario.gif) no-repeat top left;
	width: 14px;
	height: 14px;
	margin: 0px 3px;
}

.formulario .calendario span {
	display: none;
}



.formulario_corto {

}

.formulario_corto .formu {
	width: 80px;
}

.formulario_corto label  {
	width: 57px;
}

.formulario_corto span {
	width: 54px;
}

.formulario span.corto {
	width: 20px;
}


.separador_formulario {
	clear: left;
	height: 14px;
}


.botonera {
	height: 20px;
	padding: 15px 5px 5px 5px;
	position: relative;
	clear: left;
}

.botonera a {
	float: right;
	margin: 0px 0px 0px 10px;
	
}

.formulario .botonera a span {
	height: 14px;
	line-height: 13px;
	width: auto;
}

.botonera.izq a {
	float: left;
	}


.radios {
	padding: 0px 20px;
}

.radios label {
	float: none;
	height: auto;
	width: auto;
	text-align: left;
}

/************************** Navegaci�n *************************/

.navegacion {
	height: 15px;
	width: 200px;
	margin: 0 auto 15px auto;
}

.navegacion a {
	display: block;
	height: 13px;
	width: 13px;
	float: left;
	margin-right: 5px;
	background-repeat: no-repeat;
}
.navegacion a:link, .navegacion a:visited, .navegacion a:active {
	background-position: top left;
}
.navegacion a:hover {
	background-position: 0px -26px;
}

.navegacion a span {
	display: none;
}


.navegacion .primera {
	background-image: url(/images/nav_primera.gif);
}
.navegacion .anterior {
	background-image: url(/images/nav_anterior.gif);
}
.navegacion .siguiente {
	background-image: url(/images/nav_siguiente.gif);
}
.navegacion .ultima {
	background-image: url(/images/nav_ultima.gif);
}

.navegacion span {
	display: block;
	height: 13px;
	float: left;
	font-size: 12px;
	color: #262673;
	font-weight: bold;
	text-align: center;
	padding: 0px 4px;
	line-height: 13px;
}

.imglote {
	display: block;
	width: 300px;
	height: 250px;
	float: right;
	border: none;
}

#ejemplo
{
 background: url('/images/ejemplo_info.jpg') center 0 no-repeat;
 width: 410px;
 height: 162px;
 margin: 5px auto 5px auto;
}

/***************************************** Tabla listado ******************************************/

.tabla {
	width: 720px;
	margin: 10px auto;
}

.tabla td, .tabla th {
	border: 1px solid #FFFFFF;
	padding: 5px;
}

.tabla thead th {
     height: 42px!important;
     height: 32px;
     background: #CCE5F2 url(/images/fondo_titulo_tabla.gif) repeat-x bottom left;
     font-size: 13px;
     font-weight: bold;
     color: #373788;
     text-align: left;
     vertical-align: bottom;
}

.tabla tbody td {
	font-size: 12px;
	color: #666666;
	vertical-align: bottom;
}

.tabla .par td {
	background-color: #EAEAEA;
}

.tabla tbody td img {
	border: 1px solid #CCCCCC;
	display: block;
	margin: 0px auto;
}

.tabla .enlace {
	height: 17px;
	font-size: 12px;
	padding-left: 4px;
	display: block;
}

.tabla .enlace span {
	height: 15px!important;
	height: 14px;
	line-height: 13px;
	font-size: 12px;
	display: block;}


.tabla .par .enlace:link, .tabla .par .enlace:visited, .tabla .par .enlace:active {
	background:  url(/images/enlace_izq_04.gif) no-repeat;
	background-position: top left;
	float: none;
	margin: 0px auto 10px auto;
}
.tabla .par .enlace:hover {
	background: url(/images/enlace_izq_04.gif) no-repeat;
	background-position: bottom left;
	float: none;
	margin: 0px auto 10px auto;
	}
.tabla .impar .enlace:link, .tabla .impar .enlace:visited, .tabla .impar .enlace:active {
	background: url(/images/enlace_izq_04.gif) no-repeat;
	background-position: top left;
	float: none;
	margin: 0px auto 10px auto;
}
.tabla .impar .enlace:hover {
	background: url(/images/enlace_izq_04.gif) no-repeat;
	background-position: bottom left;
	float: none;
	margin: 0px auto 10px auto;
	}
.tabla .par .enlace:link span, .tabla .par .enlace:visited span, .tabla .par .enlace:active span {
	background: #3399CC url(/images/enlace_der_04.gif) no-repeat;
	background-position: top right;
	float: left;
}

.tabla .par .enlace:hover span {
	background: #60B0D7 url(/images/enlace_der_04.gif) no-repeat;
	background-position: bottom right;
	float: left;
	}

.tabla .impar .enlace:link span, .tabla .impar .enlace:visited span, .tabla .impar .enlace:active span {
	background: #3399CC url(/images/enlace_der_04.gif) no-repeat;
	background-position: top right;
	float: left;
	}

.tabla .impar .enlace:hover span {
	background: #60B0D7 url(/images/enlace_der_04.gif) no-repeat;
	background-position: bottom right;
	float: left;
	}
	
	
.odd{
	background-color:#EAEAEA;
}



/*********** ESTILOS NUEVOS (no hay que sustituir ninguno antiguo) ***************/


/* Estilos para colocar radios o checkboxes uno al lado de otro en vez de uno debajo de otro */

.radios_horiz {
	padding: 0px 20px;
	float: left;
}

.radios_horiz label {
	float: left;
	height: 20px;
	width: auto;
	padding: 0px 10px 0px 0px;
	text-align: left;
}


/* Estilo para campo de formulario largo, en caso de que haga falta. Solo se debe usar si el formulario va en una sola     
   columna, nunca cuando vaya en dos */
   
.formu.largo {
	width: 350px;
}


/* Estilos para los distintos títulos principales de la página. Se deben aplicar como ID al primer <h2> de la página que 
   corresponda(ver plantilla para ejemplo)*/

#tit_forma_pago {
	background-image: url(/images/tit_forma_pago.gif);
}
#tit_datos_personales {
	background-image: url(/images/tit_datos_personales.gif);
}
#tit_pujas {
	background-image: url(/images/tit_pujas.gif);
}
#tit_adjudicaciones {
	background-image: url(/images/tit_adjudicaciones.gif);
}
#tit_condiciones {
	background-image: url(/images/tit_condiciones.gif);
}
#tit_preguntas_lotes {
	background-image: url(/images/tit_preguntas_lotes.gif);
}
#tit_oficinas {
	background-image: url(/images/tit_oficinas.gif);
}
#tit_ayudas {
	background-image: url(/images/tit_ayudas.gif);
}



/* Para forzar que las imágenes de las tablas de listado tengan un ancho fijo (el alto se ajusta proporcionalmente para que
   no se deforme) */
   
.listado .tabla td img {
	width: 100px;
	height: auto;
}


/* Estilos para enlaces en cabecera de tabla */

.tabla thead th a {
	text-decoration: none;
}

.tabla thead th a:link, .tabla thead th a:visited, .tabla thead th a:active {
	color: #373788;
}

.tabla thead th a:hover {
	color: #6262C1;
}



/* Otros */

.cuerpo .interior p {
	padding-bottom: 10px;
}

.datos_lote .titulo_lote .remate_final {
	float: right;
}

.datos_lote .titulo_lote h4 {
	color: #FFFFFF;
	display: block;
	padding-bottom: 0px;
}

.datos_lote.pujas {
	width: 580px;
}

.lote .foto_lote_pujas {
	width: 105px;
	float: left;
	text-align: center;
	margin-right: 24px;
}

.lote .foto_lote_pujas img {
	border: 1px solid #CCCCCC;
	margin-bottom: 10px;
	width: 100px;
	height: auto;
}

.cuerpo .separacion02 {
	clear: both;
	height: 25px;
	border: 0px;
	background: url(/images/separador02.gif) no-repeat center left;
}


.tabla .celda_enlaces {
	text-align: center;
}


/* Displaytags */

th.sorted, th.sortable {
}

th.sorted a, th.sortable a {
    background-position: right;
    background-repeat: no-repeat;
    display: block;
	height: 17px!important;
    padding: 0px 10px 0px 3px;
}


.listado .tabla th.order1 a {
	background-image: url(/images/arrow_down.png) !important;
	background-image: url(/images/arrow_down.gif);
}

.listado .tabla th.order2 a {
    background-image: url(/images/arrow_up.png) !important;
    background-image: url(/images/arrow_up.gif);
}

.listado .tabla th.sortable a {
    background-image: url(/images/arrow_off.png)!important;
    background-image: url(/images/arrow_off.gif);
}
.listado .tabla th.sorted a:link, .listado .tabla th.sorted a:visited, .listado .tabla th.sorted a:active {
	color: #12122C;
}

.listado .tabla th.sorted a:hover {
	color: #373788;
}

.opciones_puja .tabla {
 width: 460px;
 margin: 0px;
}
 
.opciones_puja .contenedor_tabla_left {
 width: 460px;
 float: left;
 margin: 0px 10px 0px 0px;
}
 
.resalte_tabla td{
 background-color: #FFFF99;
}
 
.resalte_tabla2 td {
 background-color: #FFCCCC;
}
 
.resalte_tabla3 td {
 background-color: #C3E1EF;
}

 
td.celda_enlaces {
	width: 70px!important;
	}


/************** RESULTADOS ********************/

.etiqueta {
	font-size: 13px;
	color: #287BA4;
	font-weight: bold;
	font-style: italic;
	display: block;
	min-height: 18px;
	height: auto!important;
	height:18px;
	line-height: 18px;
	padding: 2px 2px 0px 0px;
	}
	
.etiqueta span {
	display: inline;
	float: none;
	color: #666666;
	font-weight: normal;
	font-style: normal;
	}

	
.img_centro {
	margin: 0px auto;
	display: block;
}




.logo_entidad {
	max-width: 120px;
	height: auto;
	width: auto!important;
	width: 120px;
	max-height: 100px;
}


/*************** FAQ ***********/
 
.faq {
 padding-bottom: 10px; 
}
 
.faq dt {
 display: block;
 font-size: 13px;
 font-weight: bold;
 color: #003399;
 border-bottom: 1px solid #003399;
 padding-bottom: 6px;
 margin-bottom: 6px;
 min-height: 1%;
 height: auto!important;
 height: 1%;
}
 
.faq dd {
 padding-bottom: 16px;
 font-family: Verdana, Geneva, sans-serif;
 font-size: 11px;
 color: #666666;
 line-height: 130%;
 min-height: 1%;
 height: auto!important;
 height: 1%;
}
 
.faq dd p {
 padding-top: 8px;
 padding-bottom: 0px!important;
}
 
.faq dd p:first-child {
 padding-top: 0px; 
}

/*************** CONTACTOS MONTES ***********/
 
.contacto_montes {
 padding-bottom: 10px; 
}
 
.contacto_montes dt {
 display: block;
 font-size: 13px;
 font-weight: bold;
 color: #003399;
 border-bottom: 1px solid #003399;
 padding-bottom: 6px;
 margin-bottom: 6px;
 min-height: 1%;
 height: auto!important;
 height: 1%;
}
 
.contacto_montes dd {
 padding-bottom: 16px;
 font-family: Verdana, Geneva, sans-serif;
 font-size: 11px;
 color: #666666;
 line-height: 130%;
 min-height: 1%;
 height: auto!important;
 height: 1%;
}
 
.contacto_montes dd p {
 padding-top: 8px;
 padding-bottom: 0px!important;
}
 
.contacto_montes dd p:first-child {
 padding-top: 0px; 
}

#tit_datos_contacto {
     background-image: url(/images/tit_datos_contacto.gif);
}


/***************************************** Tabla listado ******************************************/

.tabla2 {
	width: 600px;
	margin: 10px auto;
}

.tabla2 td, .tabla2 th {
	border: 1px solid #FFFFFF;
	padding: 5px;
}

.tabla2 thead th {
     height: 42px!important;
     height: 32px;
     background: #CCE5F2 url(/images/fondo_titulo_tabla.gif) repeat-x bottom left;
     font-size: 13px;
     font-weight: bold;
     color: #373788;
     text-align: left;
     vertical-align: bottom;
}

.tabla2 tbody td {
	font-size: 12px;
	color: #666666;
	vertical-align: bottom;
}

.tabla2 .par td {
	background-color: #EAEAEA;
}

.tabla2 tbody td img {
	border: 1px solid #CCCCCC;
	display: block;
	margin: 0px auto;
}

.tabla2 .enlace {
	height: 17px;
	font-size: 12px;
	padding-left: 4px;
	display: block;
}

.tabla2 .enlace span {
	height: 15px!important;
	height: 14px;
	line-height: 13px;
	font-size: 12px;
	display: block;}


.tabla2 .par .enlace:link, .tabla2 .par .enlace:visited, .tabla2 .par .enlace:active {
	background:  url(/images/enlace_izq_04.gif) no-repeat;
	background-position: top left;
	float: none;
	margin: 0px auto 10px auto;
}
.tabla2 .par .enlace:hover {
	background: url(/images/enlace_izq_04.gif) no-repeat;
	background-position: bottom left;
	float: none;
	margin: 0px auto 10px auto;
	}
.tabla2 .impar .enlace:link, .tabla2 .impar .enlace:visited, .tabla2 .impar .enlace:active {
	background: url(/images/enlace_izq_04.gif) no-repeat;
	background-position: top left;
	float: none;
	margin: 0px auto 10px auto;
}
.tabla2 .impar .enlace:hover {
	background: url(/images/enlace_izq_04.gif) no-repeat;
	background-position: bottom left;
	float: none;
	margin: 0px auto 10px auto;
	}
.tabla2 .par .enlace:link span, .tabla2 .par .enlace:visited span, .tabla2 .par .enlace:active span {
	background: #3399CC url(/images/enlace_der_04.gif) no-repeat;
	background-position: top right;
	float: left;
}

.tabla2 .par .enlace:hover span {
	background: #60B0D7 url(/images/enlace_der_04.gif) no-repeat;
	background-position: bottom right;
	float: left;
	}

.tabla2 .impar .enlace:link span, .tabla2 .impar .enlace:visited span, .tabla2 .impar .enlace:active span {
	background: #3399CC url(/images/enlace_der_04.gif) no-repeat;
	background-position: top right;
	float: left;
	}

.tabla2 .impar .enlace:hover span {
	background: #60B0D7 url(/images/enlace_der_04.gif) no-repeat;
	background-position: bottom right;
	float: left;
	}
	
	
.odd{
	background-color:#EAEAEA;
}


.rec_social a {
    display: inline-block;    
    height: 22px;
    background-repeat: no-repeat;
    background-position: top left;
    color: #666666;
    text-decoration: none;
    padding: 10px 10px 0px 36px;
    margin-right: 5px;
    float: left;
}
.rec_social a:hover {
    background-position: bottom left;
    background-color: #EAF3FD;
}
.rec_social a.icono_facebook {
    background-image: url(/images/icono_facebook.png);    
    background-image: url(/images/icono_facebook2.gif);    
}
.recuadro_siguenos a {
    float: left;
    display: block;
    height: 26px;
    width: 26px;
    margin-left: 12px;
    background-position: top left;
    background-repeat: no-repeat;
}

.recuadro_siguenos a:hover {
    background-position: bottom left;    
}
.recuadro_siguenos a.icono_twitter {
    background-image: url(../images/icono_twitter.gif);
}