/********************************************************************************/
/****************************** GENERAL *****************************************/
/********************************************************************************/

BODY{
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	margin-top:0;
	background-color:#e7edfc;
}

.formulario{
    BORDER: 1 outset #cccccc;
    TEXT-ALIGN: left;
    FONT-WEIGHT: normal;
    FONT-SIZE: 9px;
    COLOR: #000000;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none;
    background-color: #fafafa;
}

a{
	text-decoration:none;
	color:#000000;
}
a:hover{
	text-decoration:underline;
	color:#000000;
}
	
.contacto{
}
td{
	font-size:11px;
}

.barraEstado, .barraEstado a:link,.barraEstado a:visited
{
	font-size:10px;
	color:#000;
	text-decoration:none;
}
.barraEstado a:hover
{
	text-decoration:underline;
	}
.justificado{
font-size:10px;}

#map0 span{ display:none;}
#sendfriend{ text-align:justify;}
#sendfriend b { text-align:left;}

/********************************************************************************/
/********* contenedor central  -  Izquierda  -  Centro  -  Derecha     **********/
/********************************************************************************/
#impresion{ display:none;}
#contenedoraWeb /*IMPORTANTE para centrar la web...*/
{
	margin:0 auto 0 auto;
	width:780px;
	position:relative;
	/*background-color:Lime;
	background-image:url(http://files.nireblog.com/blogs1/launicalamejor/files/flores_rojas.jpg);
	background-repeat:no-repeat;*/
}
.opcionesForo1{
padding-bottom:5px;
}
.opcionesForo1 img{
float:left;
margin-top:-7px;}
.opcionesForo1 a:link, .opcionesForo1 a:hover, .opcionesForo1 a:visited{
color:#FFFFFF;
margin-top:10px;
float:left;
text-decoration:none;
margin-left:3px;
}


#capa_contenidos{	
	float:left;
	width:778px;
	*width:780px;
	clear:both;
	background-color:#FFFFFF;
	border-left:solid 1px #898b97;
	border-right:solid 1px #898b97;
}

.contenidoizq
{
	width:150px;
	float:left;
}

.contenidoCentroSinDerecha
{
	width:460px;
	float:left;
	margin-left:10px;
}
.contenidoCentro
{
	width:460px;
	float:left;
	margin-left:10px;
}

.contenidodch
{	
	width:150px;
	float:right;
	text-align:left;
}



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

#h_cont_0 {
	background-image: url(http://www.salesianossantander.org/modulos/usuariosFtp/conexion/diseimagenes743a.jpg);
	background-repeat:no-repeat;
	width:780px;
	height:157px; 
}
	
	#h_cell_1 {/*Banner*/
		width:780px;
		height:111px;
		position:absolute;
		top:0px;
		left:0px;
	}

	
	#h_cell_2 {/*Barra de estado*/
		text-align:left;
		width:580px;
		position:absolute;
		top:140px;
		left:10px;
	}
			
	#h_cell_3 /*Buscador*/
	{			
		position:absolute;
		width:153px;
		top:112px;
		right:5px;
		height:21px;
	}
			
	#h_cell_4 /*Dominio*/	
	{
		position:absolute;
		top:140px;
		right:10px;
	}
	#h_cell_4 a{ color:#000; font-size:10px; font-weight:bold;}
	#h_cell_4 a:hover{ text-decoration:underline;}
	
	/*#h_cell_5 
	{		
		padding-top:4px;
		padding-left:3px;
		font-size:10px;
		color:#FFFFFF;
		text-align:left;
		background-color:#166A99;
		width:780px;
		height:20px;
		position:absolute;
		top:142px;
		left:0px;
	}*/
	
	#h_cell_6 {
	}
	
	#h_cell_7 {
	}
	
	#h_cell_8 {
	}
	
	#h_cell_9 {
	}
	
	#h_cell_10 {
	}
	
	#h_cell_11 {
	}
	
	#h_cell_12 {
	}

/************************** MÓDULOS CABECERA ************************************/

/******************** MENUS DESPEGABLES VERTICALES ******************************/

.menu{}

/********************************* BUSCADOR *************************************/


/*ESTE CREO QUE SIRVE DE PARTE DE LOS SIGUIENTES*/
/*.tablaBuscador {
background-color:#330066;
height:500px;
}*/

/********** CONTENEDORA BUSCADOR **********/
#mod_cont_buscador
{
	width:153px;
	float:left;
}
#mod_cont_buscador form
{
	float:left;
}
#mod_buscador_input input
{
	border:0;
	font-size:11px;
	width:120px;
	height:13px;
	float:left;
	border:solid 1px #000;
} 
#mod_buscador_input 
{
	width:123px;
	height:17px;
	float:left;
}

#mod_buscador_button,#mod_buscador_button input
{
	float:left;
}

/********************************* SALUDO *************************************/
#mod_cont_saludo{
}

/********************************* IDIOMAS *************************************/
.id_idioma, .id_idioma a:visited, .id_idioma a:link
{
	float:left;
	font-size:10px;
	color:#335324;
	text-decoration:none;
	
}

.id_idioma a:hover
{
	text-decoration:underline;
	}
#idioma1 a
{
	margin-left:24px;
}
	

#mod_cont_idiomas
{
}

/*************************** DOMINIO - USUARIOS ********************************/
#mod_cont_dominio{
}

/**************************** AGENDA ***********************************/
.buscarOcio /*Boton y caja de texto del buscador*/
{
    BORDER-RIGHT: #B1CAE5 1px solid;
    BORDER-TOP: #B1CAE5 1px solid;
    FONT-SIZE: 12px;
    BORDER-LEFT: #B1CAE5 1px solid;
    WIDTH: 130px;
    COLOR: #006EB2;
    BORDER-BOTTOM: #B1CAE5 1px solid;
    BACKGROUND-COLOR: #ffffff;
    TEXT-ALIGN: center
}
/*Capa contenedora de la tabla(calendario) y su buscador(Boton y caja texto)*/
#TablaCabeceraCentro table
{
	width:400px !IMPORTANT;
	background-color:Red;
}
#cont_agendatabla
{
}
#cont_agendatabla a
{
	text-decoration:none;
	}
#cont_agendatabla a:hover
{
	text-decoration:underline;
	}
.ElementoAgendaEventos a
{
	color:#434343;
	text-decoration:none;
	}
.ElementoAgendaEventos a:hover
{
	color:#434343;
	text-decoration:underline;
	}
.ElementoAgendaEventos
{
	color:Black;}
.fechaAgendaEventos
{
	color:Black;}
#cont_Modulo_tipo3
{
	font-size:10px;
	color:Black;
	}
#cont_Modulo_tipo3 a
{
	font-size:10px;
	color:#434343;
	text-decoration:none;
	}
#cont_Modulo_tipo3 a:hover
{
	text-decoration:underline;
	}


/********************************************************************************/
/*************************** MENU IZQUIERDA *************************************/
/********************************************************************************/

.contmenuizq
{
	width:150px;
	text-align:left;
	margin-bottom:15px;
	padding-top:5px;
}

.contpadremenuizqexpand
{
	margin-top:10px;
}
.contpadremenuizq
{
	margin-top:10px;
	font-size:10px;
}
	.cellpadremenuizq
	{
		background-color:#557597;		
		font-weight:bold;
		color:#ffffff;			
		padding:13px 0 12px 0;
		background-image:url(http://www.salesianossantander.org/modulos/usuariosFtp/conexion/diseimagenes744a.gif);
		background-position:top right;
		background-repeat:no-repeat;
		text-align:center;
	}
	.PadreResaltado1{
		background-color:#557597;		
		font-weight:bold;
		color:#ffffff;		
		padding:13px 0 12px 0;	
		*padding:7px 0 12px 0;
		background-image:url(http://www.salesianossantander.org/modulos/usuariosFtp/conexion/diseimagenes744a.gif);
		background-position:top right;
		background-repeat:no-repeat;
		text-align:center;
	}
		
		.cellpadremenuizq a,.PadreResaltado1 a
		{			
			text-decoration:none;
			color:#ffffff;			
		}
		.cellpadremenuizq a:hover,.PadreResaltado1 a:hover{
			text-decoration:underline;
			color:#ffffff;
		}
	
	.imgpadremenuizq{
		display:none;
	}
/*menu resaltado*/

.PadreResaltado2
{
	font-size:10px;}
.menuresaltado
{
	font-weight:bold;}
.conthijosmenuizq
{
	margin-top:4px;
	padding-bottom:5px;	
	text-align:center;
	font-size:10px;
}

	.conthijosmenuizqhide /* solo se utiliza con el tipo C de menu*/
	{		
		/*position:absolute;
		left:-999em;
		height:1px;
		width:100px;
		overflow:hidden; */
		display:none;
	}

	.cellhijomenuizq
	{			
		margin:0 auto 0 auto;
		border-bottom:solid 1px #e2ddca;
		text-align:left;
		font-size:1em;
		color:#4a4a4a;
		padding-left:15px;
		padding-top:2px;
		padding-bottom:2px;		
		background-image:url(http://www.salesianossantander.org/modulos/usuariosFtp/conexion/diseimagenes745a.gif);
		background-repeat:no-repeat;
		background-position:top left;			
		/**width:135px;*/
	}
		
		.cellhijomenuizq a{
			text-decoration:none;
			color:#4a4a4a;
		}
		.cellhijomenuizq a:hover{
			text-decoration:underline;
			color:#4a4a4a;
		}
	
	.imghijomenuizq
	{

	}


/********************************************************************************/
/**************************** CENTRO PAGINA *************************************/
/********************************************************************************/


#cont_cabecera_centro
{	
	color:#000000;
	float:left;
	clear:both;
	width:100%;
	margin-bottom:10px;
	text-align:left
	}
#tit_cabecera_centro
{
	padding-left:7px;
	border-bottom:solid 1px #000000;
	}
#cont_desc_cabecera_centro
{
	}
#txt_desc_cabecera_centro
{
	float:left;
	}
	
.tamanoFuente h1{
	font-size:1.1em;
	display:inline;
}
.tamanoFuente
{
	font-size:1em;
	}

.aumentoletra{
	width:50px;
	float:right;
	display:block;
}
.TablaCabeceraCentro{
}

.catalogoImagenesDcha{
}
.buspreImagenesDcha{
}
.ancho100{ width:100%;}
.paginacion{ text-align:right; padding: 2px 0 2px 0; background-color:#eaeaea;}
#tablaadjuntos{ text-align:left;}


/*botones de imprimir y enviar por e-mail*/
	.infBuspre{
		text-align:right;
		padding-right:2px;
		background-color:#eeeeee;
		height:25px;
	}
	.infBuspre a{
		color:#000000;
		text-decoration:none;
		font-size:10px;
	}
	.infBuspre a:hover{
		color:#000000;
		text-decoration:underline;
		font-size:10px;
	}
	.infBuspre a:link{
		color:#000000;
		text-decoration:none;
		font-size:10px;
	}

/*Catalogo*/
.titulohijos
{
	font-size:10px;
}
.titulohijos a{
	color:#000;
	text-decoration:none;
}
.titulohijos a:hover{
	color:#000;
	text-decoration:underline;
}

.botones

{
    BORDER: 1 outset #cccccc;
    FONT-SIZE: 12px;
    COLOR: #000000;
    BACKGROUND-COLOR: #dedede;
    TEXT-ALIGN: center;
}


/********************************************************************************/
/**************************** MENU DERECHA **************************************/
/********************************************************************************/
/*se pueden copiar los del izquierdo y adpatarlos a estos para que sean iguales */

.contmenudch
{
	width:150px;
	text-align:left;
	margin-bottom:15px;
	margin-top:-10px;
}

.contpadremenudchexpand
{
	margin-top:10px;
}
.contpadremenudch
{
	margin-top:10px;
	font-size:10px;
}
	.cellpadremenudch
	{
		background-color:#557597;		
		font-weight:bold;
		color:#ffffff;			
		padding:13px 0 12px 0;
		background-image:url(http://www.salesianossantander.org/modulos/usuariosFtp/conexion/diseimagenes744a.gif);
		background-position:top right;
		background-repeat:no-repeat;
		text-align:center;
	}
	.PadreResaltado1{
		background-color:#557597;		
		font-weight:bold;
		color:#ffffff;		
		padding:13px 0 12px 0;	
		*padding:7px 0 12px 0;
		background-image:url(http://www.salesianossantander.org/modulos/usuariosFtp/conexion/diseimagenes744a.gif);
		background-position:top right;
		background-repeat:no-repeat;
		text-align:center;
	}
		
		.cellpadremenudch a,.PadreResaltado1 a
		{			
			text-decoration:none;
			color:#ffffff;			
		}
		.cellpadremenudch a:hover,.PadreResaltado1 a:hover{
			text-decoration:underline;
			color:#ffffff;
		}
	
	.imgpadremenudch{
		display:none;
	}
/*menu resaltado*/

.PadreResaltado2
{
	font-size:10px;}
.menuresaltado
{
	font-weight:bold;}
.conthijosmenudch
{
	margin-top:4px;
	padding-bottom:5px;	
	text-align:center;
	font-size:10px;
}

	.conthijosmenudchhide /* solo se utiliza con el tipo C de menu*/
	{		
		/*position:absolute;
		left:-999em;
		height:1px;
		width:100px;
		overflow:hidden; */
		display:none;
	}

	.cellhijomenudch
	{			
		margin:0 auto 0 auto;
		border-bottom:solid 1px #e2ddca;
		text-align:left;
		font-size:1em;
		color:#4a4a4a;
		padding-left:15px;
		padding-top:2px;
		padding-bottom:2px;		
		background-image:url(http://www.salesianossantander.org/modulos/usuariosFtp/conexion/diseimagenes745a.gif);
		background-repeat:no-repeat;
		background-position:top left;			
		/**width:135px;*/
	}
		
		.cellhijomenudch a{
			text-decoration:none;
			color:#4a4a4a;
		}
		.cellhijomenudch a:hover{
			text-decoration:underline;
			color:#4a4a4a;
		}
	
	.imghijomenudch
	{

	}



/********************************************************************************/
/*************************** INFERIOR - PIE *************************************/
/********************************************************************************/	

/********** GENERAL + LINKS **********/

#b_cont_0{
width:778px;
text-align:center;
height:90px;
clear:both;
color:#006600;
border-bottom:solid 1px #898b97;
border-right:solid 1px #898b97;
border-left:solid 1px #898b97;
background-color:#FFF;
}

#b_cont_0 a:link {
}

#b_cont_0 a:visited {
}

#b_cont_0 a:hover {
}

/********** ENLACES **********/

#b_cell_1
{
color:#FFFFFF;
width:778px;
padding-top:8px;
padding-bottom:8px;
font-size:11px;
background-image:url(http://www.salesianossantander.org/modulos/usuariosFtp/conexion/diseimagenes746a.gif);
}
	#b_cell_1 a
	{
		font-size:10px;
		color:#FFFFFF;
		text-decoration:none;
	}
	#b_cell_1 a:hover{
		text-decoration:underline;
		color:#FFFFFF;
	}
/********** POSICIONAMIENTO **********/

#b_cell_2{
color:;
}


/********** LOGO DMACROWEB **********/

#b_cell_3
{
	top:13px;
	left:40px;
	position:relative;
	float:left;
}

/********** COPYRIGHT **********/

#b_cell_4
{
	margin-top:13px;
	margin-left:50px;
	width:580px;
	text-align:center;
	float:left;
	color:#111846;
	font-size:10px;
}
	#b_cell_4 a{
		color:#000000;
		text-decoration:none;
	}
	#b_cell_4 a:hover{
		text-decoration:underline;
	}

/********** WAI IMAGEN **********/

#b_cell_5
{		
	margin-top:18px;
	right:40px;
	position:relative;
	text-align:right;
	float:left;
}

/********** EXTRA **********/

#b_cell_6{
}




/********************************************************************************/
/***************************** DESTACADOS ***************************************/
/********************************************************************************/

/************************ IZQUIERDA ARRIBA - 16 **********************************/
#mod_cont_dest_16 img
{
	border:0;
	margin-bottom:5px;
}

/************************ IZQUIERDA ABAJO - 17 **********************************/
#mod_cont_dest_17{
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
#mod_cont_dest_17 a, #mod_cont_dest_17 p{
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	}
#mod_cont_dest_17 a:hover
{
	text-decoration:underline;
	}

/************************ DERECHA ARRIBA - 15 **********************************/
#mod_cont_dest_15{
}

/************************ DERECHA ABAJO - 10 **********************************/
#mod_cont_dest_10 img
	{
			border:0;
	margin-bottom:5px;
	}
#mod_cont_dest_10 
{
	text-align:center;}



/********************************************************************************/
/******************************** MÓDULOS ***************************************/
/********************************************************************************/


/****************************** MAPA WEB ****************************************/
/* ESTILOS DEL MAPAWEB */
.dtree {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	white-space: nowrap;
	text-align:left;
}

.dtree img {
	border: 0px;
	vertical-align: middle;
}

.dtree a {
	color: #333;
	text-decoration: none;
}

.dtree a.node, .dtree a.nodeSel {
	white-space: nowrap;
	padding: 1px 2px 1px 2px;
}

.dtree a.node:hover, .dtree a.nodeSel:hover {
	color: #333;
	text-decoration: underline;
}

.dtree a.nodeSel {
	background-color: #c0d2ec;
}

.dtree .clip {
	overflow: hidden;
}
/* FIN ESTILOS DEL MAPAWEB */



/********************************************************************************/
/****************************** TIENDA ******************************************/
/********************************************************************************/

.cajaUnidades{
    BORDER-RIGHT: #000000 1px solid;
    BORDER-TOP: #000000 1px solid;
    BORDER-LEFT: #000000 1px solid;
    COLOR: #000000;
    BORDER-BOTTOM: #000000 1px solid;
    TEXT-ALIGN: right
}

.cajaPrecio{
    BORDER: none;    
    COLOR: #000000;
    FONT-FAMILY: Verdana;
    TEXT-ALIGN: right;
    FONT-SIZE: 11px    
}

.caja{
    BORDER-RIGHT: #000000 1px solid;
    BORDER-TOP: #000000 1px solid;
    BORDER-LEFT: #000000 1px solid;
    COLOR: #000000;
    BORDER-BOTTOM: #000000 1px solid;
}

.cajaTransparente1{
	font-size: 10px;
	vertical-align: baseline;
	font-family: Verdana, Arial;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	background-color: transparent;
	text-align: right;
	border-bottom-style: none;
}

.cajaTransparente2{
	font-weight: bold;
	font-size: 11px;
	vertical-align: baseline;
	border-top-style: none;
	font-family: Verdana, Arial;
	border-right-style: none;
	border-left-style: none;
	background-color: transparent;
	text-align: left;
	border-bottom-style: none;
}

.cajaTransparente3{
	font-weight: bold;
	font-size: 10px;
	vertical-align: baseline;
	font-family: Verdana, Arial;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	background-color: transparent;
	text-align: right;
	border-bottom-style: none;
}

.botonCompra{
    BORDER-RIGHT: #000000 1px solid;
    BORDER-TOP: #000000 1px solid;
    FONT-SIZE: 12px;
    BORDER-LEFT: #000000 1px solid;
    WIDTH: 130px;
    COLOR: #000000;
    BORDER-BOTTOM: #000000 1px solid;
    BACKGROUND-COLOR: #ffffff;
    TEXT-ALIGN: center
}

/**************************************************************/
/******************* Modulo 8 ( area privada) *****************/

#mod8_ssder{
	min-height:90px;
	*height:110px;
	text-align:left;
	margin-top:10px;	
}

#mod8_ssder div, #mod8_ssder div{
	font-size:11px;
	font-weight:bold;
	width:90%;
	min-width:80px;
	text-align:right;
	padding-top:2px;
	float:left;
	margin-right:3px;
}
#mod8_ssder #clavessder, #mod8_ssder #usuariossder{
	font-size:11px;
	width:60px;
	clear:right;
	border:solid 1px #000;	
	margin:0 40px 3px 40px;
}
#mod8_ssder #clavessder{ float:left; clear:right;}
.mod8_password{ float:left; padding-top:5px; padding-left:5px;}
.mod8_usuario{ float:left; padding-top:5px; padding-left:5px;}
#form1
{
	
}
#image1
{
	clear:left;
	float:left;
	margin:0 40px 0 40px;
}
#mod8_ssder label{ width:50px; display:none;}

#mod8_ssder .mod8_recordar{
	clear:both;
	padding-top:10px;
	text-align:center;
	}
.mod8_recordar a
{font-size:9px;
	float:left;
	margin-left:10px;
	margin-right:8px;
	font-weight:normal;
}
#mod8_logeado_ssder{
	min-height:150px;
	height:150px;
	text-align:center;
	padding:0 10px 0 10px;
}
#mod8_logeado_ssder .mod8_logeado1{
	font-weight:bold;
}
#mod8_logeado_ssder .mod8_logeado2{
	display:block;
}

#mod8_logeado_ssder img{
	display:none;
}
#mod8_logeado_ssder a:link{
}

/******************************* GENERICOS **********************/
#mod8_
{
	width:150px;
	min-height:90px;
	*height:110px;
	text-align:left;
	margin-top:10px;	
}

#mod8_ div, #mod8_ div{
	font-size:11px;
	font-weight:bold;
	width:90%;
	min-width:80px;
	text-align:right;
	padding-top:2px;
	float:left;
	margin-right:3px;
}
#mod8_ #clave, #mod8_ #usuario{
	font-size:11px;
	width:60px;
	clear:right;
	border:solid 1px #000;	
	margin:0 40px 3px 40px;
}
#mod8_ #clave{ float:left; clear:right;}
.mod8_password{ float:left; padding-top:5px; padding-left:5px;}
.mod8_usuario{ float:left; padding-top:5px; padding-left:5px;}
#form1
{
	
}
#image1
{
	clear:left;
	float:left;
	margin:0 40px 0 40px;
}
#mod8_ label{ width:50px; display:none;}

#mod8_ .mod8_recordar{
	clear:both;
	padding-top:10px;
	text-align:center;
	}
.mod8_recordar a
{font-size:9px;
	float:left;
	margin-left:10px;
	margin-right:8px;
	font-weight:normal;
}
#mod8_logeado_{
	min-height:150px;
	height:150px;
	text-align:center;
	padding:0 10px 0 10px;
}
#mod8_logeado_ .mod8_logeado1{
	font-weight:bold;
}
#mod8_logeado_ .mod8_logeado2{
	display:block;
}

#mod8_logeado_ img{
	display:none;
}
#mod8_logeado_ a:link{
}
/*************************************/

/*Elementos del menu horizontal*/
.ElementoHorizontal{
	font-size:10px;
}
.ElementoHorizontal a:link{
	font-size:10px;
	font-weight:bold;
	text-decoration:bold;
	color: #7A392F;
}
.ElementoHorizontal a:visited{
	font-size:10px;
	font-weight:bold;
	color: #7A392F;
}
.ElementoHorizontal a:hover{
font-size:10px;
	font-weight:bold;
	text-decoration:none;
	color: #7A392F;
}
.ElementoHorizontalSeleccionado{
	font-size:10px;
}
.ElementoHorizontalSeleccionado a:link{
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	color: #7A392F;
}
.ElementoHorizontalSeleccionado a:visited{
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	color: #7A392F;
}
.ElementoHorizontalSeleccionado a:hover{
	font-size:10px;
	font-weight:bold;
	text-decoration:bold;
	color: #7A392F;
}


.bordecito{
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #1a3675;
	border-right-color: #1a3675;
	border-bottom-color: #1a3675;
	border-left-color: #1a3675;
}

.fotico img{
	margin:5px;
}

#mod_cont_dominio{ font-size:10px;}