/* CSS Document */
table {
	font-size:1.1em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}


td {	
	padding:0;
}


body,form,fieldset,h1,h2,h3,ul,p,legend{
	padding:0;
	margin:0;
}



.popuplink {
	padding-right: 20px; 
	background: url(ico_popup.gif) no-repeat 
	}
	
img {
	border: 0px
	}



INPUT {
	font-size: 1em; 
	font-family: verdana, arial, sans-serif
	}

	



p{
	font-size:1.1em;
	margin-top:0.5em;
}



ul{
	margin-left:4em;
	font-size:1.1em;
}

div.fieldsetFixer {
	padding:0;
	margin-bottom:-1em;
}

.ocult {
	display:none;
}

/*Columnas en la página*/
div.column{
	float:left;
}

.cwidth_60p{
	width:60%;
}
/*

/*Esta regla oculta elementos que deben aparecer en la version impresa.

para que se impriman correctamente, en la css que se usa para imprimir, 

se debe colocar un display:block*/

.printItem{

 	display:none;

 }

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

/*CABECERA*/

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





.newheader {

	padding: 0px;  

	margin: 0px; 

	width: 760px; 

	color: white;  

	position: relative; 

	height: 41px; 

	background-color: #000000; 

	text-align: right;

	/*overflow:hidden;*/

	}

	

.newheader a:link, .newheader A:hover, .newheader A:visited  {

	color: #ffffff;

	}

.newheader .logo {

	float: left;

	}

.newheader .search {

	margin:2px 2px 0 0; 

	float: right; 

	position: relative;

	}

	

.newheader form {

	padding: 0px; 

	margin-top: 6px; 

	}



.newheader form .label{

	font-size:0.9em;

}

.newheader .buscar {

	border: #dbdbdb 1px solid; 

	margin-left: 2px;   

	background-color: #dbdbdb;

	font-size:0.9em;

	}

	

.newheader .buscarText {

	border: white 1px solid; 

	padding: 1px; 

	}

	

#cab-01, #cab-02  {

	/*font-size: 1em;*/

	}

	

#subcab-02 {

	padding: 1.1em 0.3em 0.3em 0.3em; 
	background-color: #008000;  
	color: #fff;
	}

#subcab-02 a {

	background-color: #008000;

	color: #fff; 

	}

#subcab-02 span {

	clear: right; 

	float: right;

	}



/*Columna izquierda*/



#titulo, #subtitulo, .menu-01, .contacta    {

	width: 160px;

}



/* TITULO SUBHOME */



#left #titulo h1 {

	color:#898989;

	font-size:2.2em;

	width:160px;

	}



#left #titulo span{

	display:block;

	color:#ffb010;

	font-size:1.1em;

	margin-bottom:1.2em;

	font-weight: bold; 

}



/* MENUs */



.menu-01 {

	padding-top:20px;

	width:160px;

}



.menu-01 h2 {

	background: url(./cab_menu01_ffb010.gif) no-repeat 0 8px;

	padding: 0 6px;

	color: #fff;



}



.menu-01 h2 span {	

	display: block;

	padding: 5px 6px 6px;

	background: #ffb010;

	font-size: .7em;

	line-height: 1em;

}



.menu-01 ul {

font-size:1em;

border : 1px solid #ffb010; 

border-width : 0 1px 1px 1px; 

}



.menu-01 li {

	background: url(./flecha_ffb010.gif) no-repeat 10px .4em;

	font-size: 1em;

	line-height: 1.1em;

	padding: .2em .8em 0 1.6em;

	height:1%;

}



.menu-01 li.last {

	padding-bottom: .2em;

}



.menu-01 li.last span{

	border: 0;

}



.menu-01 li span {

	display: block;

	border: 1px solid #ffb010;

	border-width: 0 0 1px;

	padding-bottom: .3em;

}



.menu-01 li a {

	text-decoration: none;

	color: #4c4c4c;



}



.menu-01 li a:hover {

	text-decoration: underline;

}





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

/*PRINCIPAL*/

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



.main {

	margin:0;

	padding:0;

}



#mid .main #titulo h1{

	color:#898989;

	font-family:arial,verdana,sans-serif;

	font-size:2.2em;

	width:585px;

	margin-bottom:0.5em;

}





.main .boxA {

	margin-top:10px;

	float: left; 

	overflow: hidden; 

	width: 580px; 

	position: relative;

	}

	

.main .boxA .top {

	overflow: hidden; 

	position: relative; 

	height: 10px; 

	background-color: #ffb010;

	}

.main .boxA .top .tleft {

	clear: none;

	background: url(./bce1.gif);  

	float: left; 

	width: 10px; 

	position: absolute; 

	height: 10px;

	}

.main .boxA .top .tright {

	clear: none; 

	border-right: blue 0px solid; 

	border-top: blue 0px solid; 

	background: url(./bce2.gif); 

	float: right; 

	border-left: blue 0px solid; 

	width: 9px; 

	border-bottom: blue 0px solid; 

	position: relative; 

	height: 10px;

	}

.main .boxA h2 {

	font-size: 2.3em; 

	margin: 0px; 

	color: #fff; 

	text-indent: 60px; 

	line-height: 1.2em; 

	border-bottom: white 2px solid; 

	background-color: #ffb010;

	}

	

.main .boxA .scd-line {

	padding-left:60px; 

	/*height:1.7em;*/

	height:1%;

	border-bottom: white 2px solid; 

	font-weight: bold; 

	font-size: 0.9em; 

	MARGIN: 0px;

	COLOR: #a83e14; 

	LINE-HEIGHT: 1.5em; 

	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 

	BACKGROUND-COLOR: #FFDC93;

	}

.main .boxA .symbol 

	{

	Z-INDEX: 1;

	BACKGROUND: url(./flecha_b.gif) no-repeat; 

	LEFT: 0px; 

	MARGIN: 0px; 

	OVERFLOW: hidden; 

	WIDTH: 56px; 

	POSITION: absolute; 

	TOP: 16px; 

	HEIGHT: 48px}

.main .boxA .symbol-2 {

	Z-INDEX: 1; 

	BACKGROUND: url(./flecha_b.gif) no-repeat; 

	LEFT: 0px; 

	MARGIN: 0px; 

	OVERFLOW: hidden; 

	WIDTH: 56px; 

	POSITION: absolute; 

	TOP: 65px; 

	HEIGHT: 48px;

	}

.main .boxA .h1small {

	PADDING-LEFT: 60px; 

	OVERFLOW: hidden; 

	TEXT-INDENT: 0px; 

	TOP: 1.7em; 

	}

.main .boxA .content {

	BORDER-TOP: 0px; 

	FLOAT: left; 

	PADDING-BOTTOM: 20px; 

	WIDTH: 580px; 

	BORDER-BOTTOM: white 2px solid; 

	POSITION: relative; 

	BACKGROUND-COLOR: #cccce5;

	}

.main .boxA .colA {
	FLOAT: left; 
	WIDTH: 120px; 
	POSITION: relative; 
	TOP: 10px; 
	TEXT-ALIGN: center;
	}

.main .boxA .colB {

	FLOAT: left; WIDTH: 450px; 

	PADDING-TOP: 1em; 

	POSITION: relative;

	}

.main .boxA .colB UL {

	FLOAT: left; 

	MARGIN-LEFT: 0px;

	padding:0; 

	POSITION: relative

	}

.main .boxA .colB LI {

	BACKGROUND: url(7777_flecha.gif) no-repeat 0em 0.6em; 

	TEXT-INDENT: 14px; LINE-HEIGHT: 1.5em; 

	LIST-STYLE-TYPE: none

	}

.main .boxA .bottom {

	CLEAR: both; 

	FLOAT: left; 

	OVERFLOW: hidden; 

	WIDTH: 100%; 

	POSITION: relative; 

	/*HEIGHT: 13px; */

	BACKGROUND-COLOR: #FFDC93

	}

.main .boxA .bottom .bleft {

	CLEAR: none; 

	BACKGROUND: url(./bce3.gif) ; 

	FLOAT: left; 

	WIDTH: 10px; 

	POSITION: absolute; 

	HEIGHT: 13px}

.main .boxA .bottom .bright {

	CLEAR: none; 

	BORDER-RIGHT:blue 0px solid; 

	BORDER-TOP: blue 0px solid; 

	BACKGROUND: url(./bce4.gif) ; 

	FLOAT: right; 

	BORDER-LEFT: blue 0px solid; WIDTH: 9px; 

	BORDER-BOTTOM: blue 0px solid; 

	POSITION: relative; HEIGHT: 13px}





/*Barra de progreso*/



ul.progressBar{

border-bottom:1px solid #008000;

list-style:none;

float:left;

margin:0 0 2em;

padding:0;



}



ul.progressBar li{

	display:block;

	width: 16.5em;

	padding-top:0.5em;

	float:left;

	}



ul.progressBar li.stepComplete{

	background:url(stepcompleted.gif) left bottom repeat-x;

}



ul.progressBar li.stepActive{

	background: url(stepactive.gif) left bottom repeat-x;

}



ul.progressBar li.stepIncomplete{

	background: url(stepincomplete.gif) left bottom repeat-x;
	color:#898989;

}



div.step{
	margin-top:1em;
	padding:0 0 0.4em 1em;
	font-weight:bold;
	font-size:1.4em;
	float:left;

	background:url(pgseparator.gif) left bottom no-repeat;

}





div.stepLast{

	clear:left;

}



div.stepDesc{

	margin:-0.5em 0 0 2.5em;

	width:10em;

	text-align:left;

}

div.stepDesc h2{

	font-size:1em;

}



ul.progressBar li.stepComplete span{

	color:#ffb010;

}



div.clear{

	clear:both;

	/*height:1px;*/

}



/*Lista de instituciones para donar*/



ul.list{

	margin:8em 0 0 3em;

	font-size:1.1em;

	list-style:disc;	

}



ul.list li{

	margin-top:0.8em;

}



/*Estilo para confirmacion de envio*/
/*Cuadro de instrucciones */
.top-instBox{
	background:url(top-instbox_008000.gif) no-repeat;
	width:350px;
	height:8px;
	margin-top:1.5em;
	overflow:hidden;
}

.instBox{
	width:348px!important;
	width:350px;
	border-left:1px solid #008000;
	border-right:1px solid #008000;
	overflow:hidden;
	background-color:#bfdfbf;
}

.instBox span.instBoxTitle{
	display:block;
	background:#008000;
	margin:0;
	color:#fff;
	font-size:1.2em;
	padding-left:0.5em;
	padding-bottom:0.2em;
	font-weight:bold;
	
}

.instBox p{
	padding:0.5em 0.5em 0 0.5em;
	margin-bottom:1em;
}

.bottom-instBox{
	background:url(bottom-instbox_008000.gif) no-repeat;
	width:350px;
	height:8px;
	margin-bottom:1.5em;
}


div.result{

	margin: 0 0 2em 2em;

}

div.result p{

	margin: 0;

	font-size: 1.3em;

	padding:0 0 1em 2.5em;

}



div.result img{

	float:left;

	margin-right:0.5em;

}





div.result span {

	font-size:.9em;

	margin-right:3em;

}



/* Estilo para la confirmacion de datos enviados*/

div.resultData{

	font-size:1.1em;

	margin-bottom:3em;

}

div.resultData h3{

	color:#ffb010;

	border-bottom:1px solid #ffb010;

	margin:1.6em 0 0.6em 0;

}







/*Estilo de errores en la operacion*/
div#errors {
	border:1px solid #ffd10c;
	background-color:#fefed6;
	padding:7px;
	width:95%;
	margin-bottom:2em;
	}

div#errors img{
	float:left;
	margin-right:10px;
	}

div#errors p{
	margin:0;
	padding:0;
}

div#errors ul {
	margin:10px 30px;
	padding:0;
	list-style-type:none;
}

div#errors ul li {
	font-size: 1em;
	font-weight:bold;
	margin:0 30px;
	padding-left:1em;
	background:url(marca_error.gif) 0px 4px no-repeat !important;
	background:url(marca_error.gif) 0px 6px no-repeat;
}


.ocult {
display:none;
}

.mostrat {
display:block;
}

.errorcamp_ocult {
background:#fff; 
border:0;
}

.errorcamp_mostrat {
background:#fefed6; border:1px solid #ffd10c;
margin-bottom:1em;
width:96.5% !important;
width:95%;
}

.resum_errors_mostrat {
background:#fefed6; 
border:1px solid #ffd10c;
}


.desc_error_mostrat {
background:url(avis_error_petit.gif) 10px 3px no-repeat;
font-family:verdana;
font-size:.9em;
padding:.5em 0 .5em 3em;
display:block;
}



/*Definicion de los formularios*/

/*Avisos previos en un formularios como revise los datos, asegurese de...*/

p.remark strong{

	font-size:1.2em;

}


form{
	font-size:1.1em;
}

form h2, .resultData h2{
	color:#333399;
	border-bottom:1px solid #333399;
	margin-bottom:0.8em;
	margin-top:1em;
	font-size:1.4em;
}

form h3 {
	color:#008000;
	border-bottom:1px solid #008000;
	margin:1.6em 0 0.6em 0;

}

form.datacollect{
	margin-top:2em;
}

form div.row div.group, form div.row div.groupFirst {
	float:left;
}

form div.row div.groupFirst{
	margin-left:0;
}
form div.row div.group{
	margin-left:1em;
}


form div.row  span.annotation{
	display:block;
	color:#7c98ae;
	font-size:0.9em;
}

form div.row div.field span.annotation{
	margin-bottom:0.7em;
}



form div.selection{
	padding-top:0.1em;
	margin-top:-.2em;
}

form div.row div.field input{
	margin-left:0!important;
	padding-left:0!important;
	margin-left:-0.3em;
}

form div.row div.field textarea{
	font-size:1em;
	margin-left:0!important;
	margin-left:-0.4em;
}


/*Estilo para las entradas numericas de los formularios*/
form input.numeric{
	text-align:right;
}


/*Fila de campos de formularios */
div.row, div.rowLegal{
	height:1%; /*hack para ie6*/
	margin-bottom:0.3em;
	margin-left:1.1em;
}

div.rowLegal{
	margin-top:1em;
}


/*Div para situar los labels de los eleemntos del formulario en la parte izquierda*/
div.label{
	padding-top:0.2em;
	float:left;
}


/*Etiqueta para situar el campo del formulario en la parte derecha*/
div.field{
	float:left;
	margin-left: 5px;
}
input.selection{
	margin-bottom:-0.2em;
}

input.checkBox{
	margin-bottom:-0.1em;
}

textarea{
	font-size:1.2em;
	text-align:left;
}

/*Texto situado debajo de un checkbox o radio button que debe desplazarse a 
la derecha*/
.behindRb{
	padding-left:2.1em;
	
}
/*Distancias entre etiquetas y campos del formulario*/
.small{
	width:10em;
}
.medium{
	width:13em;	
}
.long{
	width:20em;	
}

/*.vlong{
	width:30em;
}*/


/*Botones del formulario*/
div.btnRow{
	margin-top:2.8em;
	font-size:1em;
}


/*Ajuste de la barra de botones en funci?n de las distancias entre campos del formularios, 

es para una distancia de campos media*/



.btnDistM {
	margin-left:13em;
}

.btnDistL {
	margin-left:21.5em;
}

.btnDistVL{
	margin-left:32em;
}



/*Distancia entre los botones*/

div.btnRow input {	
	margin-left:8em;
	font-size:1em;
	}

div.btnRow input.first{
	margin-left:0;
}


/*Textos de avisos al final de los formularios*/

div.aviso{

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:0.8em;

	color:#000;

	background:#e9e9e9;

	margin-top:3.5em;

	padding:0 0.8em 0.8em 0.8em ;

	

}



div.aviso p{
	padding-top:0.8em;
}


/*Tabla de recomendaciones */
table.summary{
	text-align:left;
	width:100%;
	border-collapse:collapse;
}

table.summary caption{
	text-align:left;
	font-weight:bold;
	padding-bottom:.2em;
}

table.summary th, table.summary td{
	padding:0.5em;
}
table.summary td.header{
	font-weight:bold;
	
}

table.summary th, table.summary td{
	border:1px solid #999;
}

table.summary th.numeric, table.summary td.numeric{
	text-align:right;
}

table.summary th.center, table.summary td.center{
	text-align:center;
}



 
/*Esquema de color para la tabla de summary*/

table.seguros{	background:#fff;
	/*border:1px solid #008000;*/
}
table.seguros td{
	background-color:#bfdfbf;
}

table.seguros th{
	color:#fff;
	background-color:#008000;
}



div.optionBtnBlock{
	margin-top:1.5em;
	margin-left:2.5em;	
}

a.boton_accion_peq{
	display:block;
	text-decoration:none;
	background-image:url(solicitar_pq.gif);
	background-repeat:no-repeat;
	width:84px;
	height:18px;
	/*padding-left:0.3em;*/
	text-align:left;
	margin-bottom:1em;
}

a.boton_accion_peq span{
	display:block;
	padding-left:0.2em;
	padding-top:0.1em;
	font-size:0.9em;
}

a.seguros{
	background-color:#008000;
	color:#008000;
}

ul.whatToDo{

	margin-top:1em;

}


/*Acciones  en el formulario*/
div.actionBar{
	border-top:1px solid #008000;
	text-align:center;
	padding-top:0.5em;
	margin-top:2em;
}

/*Footer final*/

.newfooter {

	clear: both; 

	border-top: #008000 3px solid; 

	font-size: 1em; 

	padding-bottom: 40px; 

	width: 750px; 

	color: #c0c0c0; 

	line-height: normal; 

	padding-top: 8px; 

	position: relative; 

	top: 30px; 

	text-align: center;

	}

.newfooter a:link, .footer a:visited  {

	color: #c0c0c0; 

	text-align: center; 

	text-decoration: none

	}

.newfooter A:hover {

	text-decoration: underline

	}