/*### CSS DOCUMENT - satydal.es */


/* ########## INI - GENERAL ########## */

	/* COLORES DE TEXTO */
	.main 	{ color:#e68c27; }
	
	.main a	{ color:#e68c27; }
	
	.gray 	{ color:#999999; }
	.white	{ color:#ffffff; }
	.blue	{ color:#058fd0; }
	.dark_blue	{ color:#0092dd; }
	
	
	/* COLORES DE FONDO */
	.f_blue			{ background-color:#058fd0; }
	.f_gray_soft	{ background-color:#eeeeee; }
	.f_gray_dark	{ background-color:#aaaaaa; }
	.f_white	{ background-color:#ffffff; }
	.f_main	{ background-color:#e68c27; }
	
	
	/* LINKS */
	.Link_AzulOscuro
	{
		color:#016ea6;
	}	
	
	.Link_GrisOscuro
	{
		color:#666666;
		text-decoration:none;
	}
	
	.Link_GrisOscuro:hover
	{
		color:#666666;
		text-decoration:underline;
	}
	
	.w_ws
	{
		color:#ffffff;
	}
	.w_ws:hover
	{
		color:#ffffff;
		text-decoration:underline;
	}
	
	.b_bs
	{
		color:#058fd0;
		text-decoration:none;
	}
	.b_bs:hover
	{
		color:#058fd0;
		text-decoration:underline;
	}
	
	.bl_bls
	{
		color:#000000;
		text-decoration:none;
	}
	.bl_bls:hover
	{
		color:#000000;
		text-decoration:underline;
	}
	
	.m_b
	{
		color:#e68c27;
		text-decoration:none;
	}
	.m_b:hover
	{
		color:#058fd0;
		text-decoration:none;
	}
	
	.Cursor
	{
		cursor: pointer;
	}

	
	/* OTROS ESTILOS DEFINIDOS */
	body
	{
		background-color:	#f3f3f3;
		padding-top:		10px;
		padding-bottom:		10px;
	}
	
	#contenido_web
	{
		background-color:	#ffffff;
		border:				1px solid #666666;
		font-family:		Arial, Helvetica, sans-serif;
	}
	
	#s_right		/* Sombra derecha */
	{
		width:		16px;
		background:	url(../images/auxiliar/sombra/sombra_right.gif) repeat-y left top;
	}
	
	#s_top_right	/* Sombra derecha TOP */
	{
		height:		19px;
		background:	url(../images/auxiliar/sombra/sombra_top_right.gif) no-repeat left top;
	}
	
	#s_bottom		/* Sombra inferior */
	{
		height:		19px;
		background:	url(../images/auxiliar/sombra/sombra_bottom.gif) repeat-x left top;
	}
	
	#s_bottom_left	/* Sombra inferior LEFT */
	{
		width:		16px;
		background:	url(../images/auxiliar/sombra/sombra_bottom_left.gif) no-repeat left top;
	}
	
	#s_e_bottom_right	/* Sombra de la Esquina Inferior Derecha */
	{
		width:		16px;
		height:		19px;
		background:	url(../images/auxiliar/sombra/sombra_i_d.gif) no-repeat left top;
	}
	
	.titular     /* Encabezamientos */
	{
		height:		20px;
		background:	url(../images/auxiliar/tira_titulo.gif) repeat-x left top
	}
	
/* ########## FIN - GENERAL ########## */


/* ########## INI - Menú ########## */

	#menu
	{
		height:			50px;
		padding-left:	5px;
		background:		url(../images/auxiliar/tira_cabecera.gif) repeat-y right top
	}

/* ########## FIN - Menú ########## */


/* ########## INI - Cabecera ########## */

	.cabecera
	{
		height:	170px;
		background: url(../images/cabecera/no_flash.gif) no-repeat left top;
	}
	
	.cabecera_noflash
	{
		height:	170px;
	}

/* ########## FIN - Cabecera ########## */


/* ########## INI - Cabecera ########## */

	#pie
	{
		height:	100px;
		background: url(../images/pie/fondo.gif) no-repeat center bottom;
	}

/* ########## FIN - Cabecera ########## */

/* ########## INI - Contenidos ########## */
	.TdPunteado
	{
		height:1px;
		background:url(../images/auxiliar/dot-line.gif) 0 0 repeat-x; 
	}
	
	.MarcoImagen
	{
		margin:5px;
		border-top:1px solid #cccccc;
		border-left:1px solid #cccccc;
		border-bottom:1px solid #cccccc;
		border-right:1px solid #cccccc;
	}
	
	.MarcoPlano
	{
		background-color: #FFFFFF;
		border-top:1px solid #cccccc;
		border-left:1px solid #cccccc;
		border-bottom:1px solid #cccccc;
		border-right:1px solid #cccccc;
	}
	
	.Plano
	{
		margin:5px;
	}
	
	img.right {
		float: right;
		clear: left;
		margin-left: 10px;
		margin-right: 10px;
		margin-bottom: 10px;
	} 
	
	.TituloSeccion { font-size:16px; }
	
	.Parrafo
	{
		margin:10px;
	}
/* ########## FIN - Contenidos ########## */

	
/* ########## INI - Avisos ########## */

	.PanelAviso
	{
		background-color: #ffffcc;
		border-top:1px solid #cccccc;
		border-left:1px solid #cccccc;
		border-bottom:1px solid #cccccc;
		border-right:1px solid #cccccc;
	}

	.Aviso1
	{
		color: #EF2120;
	}
	
	.Aviso2
	{
		color: #3b30d0;
	}
	
	.Aviso3
	{
		color: #468d6e;
	}
/* ########## FIN - Avisos ########## */
