body {
	font-size: 0.80em; /* CAMBIAR TAMBIEN EN EL SCRIPT  EL TAMAÑO POR DEFECTO*/
}

/* Muy usado para cumplir los estandares de la WAI*/
.centrar 
{
	margin: auto;
}

.marco_fotos 
{
	padding: 5px;
	background-color: #ffffff;
	margin: 7px;
	float:left;
}

.ocultar
{
	display:none;
}

.clear
{
	clear:both;
}

.cortar
{
	clear:both;
}

.flotar_izq 
{
	float:left;
}

.flotar_dcha 
{
	float: right;
}

.parrafo_sin_formato 
{
margin:0;
padding:0;
}

.lista_sin_estilo
{
	margin:0px;
	padding:0px;
}

.lista_sin_estilo li
{
	display:inline;
	margin:0px;
	padding:0px;
}

/* Esto es para que todos los P de la web sean del tamaño pequeño. Si quieremos que los P de la web sean mas grandes movemos el P de la clase a t_mediano*/

.t_pequeno{
	font-size: 0.85em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.t_mediano, p, li {
	font-size: 1em;
		font-family: Verdana, Arial, Helvetica, sans-serif;
}

.t_grande {
	font-size: 1.25em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

h1 {
	font-size: 1.5em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0px;
	margin: 0px;
}

h2{
	font-size: 1.25em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

h3{
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

* {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.enlaces {
	color: #0066CC;
	text-decoration: none;
}

fieldset  {
	padding: 5px;
	margin: 5px;
}

legend {
	font-weight: bold;
}

.error 
{
	
	margin:10px; 
	padding:10px; 
	
}

div.advertencia 
{
	margin:10px; 
	padding:10px; 
	border-right:#cccccc 1px dotted; 
	border-top:#cccccc 1px dotted; 
	border-left:#cccccc 1px dotted; 
	border-bottom:#cccccc 1px dotted;
	min-height: 35px;
}

div.advertencia  img
{
 margin-right: 5px;
}


img 
{
	border: 0px;
}

.btn
{
	background-color:#FFFFFF;
	border:1px solid #666666;
	color:#000000;
	cursor:pointer;
	font-size:0.8em;
	font-weight:bold;
	width: auto !important;
	background-image: url(/images/fondo_formularios.gif);
	background-repeat: repeat-x;
}

.btnhover
{
	border:1px solid #666666;
	color:#000000;
	cursor:pointer;
	font-size:0.8em;
	font-weight:bold;
	width: auto !important;
	background-image: url(/images/fondo_formularios_b.gif);
	background-repeat: repeat-x;
}

.btnimage
{
	background-color:#F1F3F5;
	border:1px solid #DDDDDD;
	color:#000000;
	cursor:pointer;
	font-size:0.7em;	
	width: auto !important;
	min-width:50px;
	background-position: top center  !important;
	background-repeat: no-repeat !important;
	text-align: center;
	padding:32px 0px 0px 0px !important;
}

.btnimage:hover
{
	background-color:#F1E8E6;
	color: #C64934;
	border:1px solid #C24733;
}




#Login {
	margin: auto;
	width: auto;
}

/*inicio de clases para las cajas de acciones*/


.caja_acciones {
	BORDER-RIGHT: #000000 1px solid;
	PADDING-RIGHT: 0px;
	BORDER-TOP: #000000 1px solid;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	BORDER-LEFT: #000000 1px solid;
	COLOR: #000000; PADDING-TOP: 0px;
	BORDER-BOTTOM: #000000 1px solid;
	POSITION: absolute;
	BACKGROUND-COLOR: #c1cfd9;
}

.caja_acciones .caja_titulo {
	PADDING-RIGHT: 1em;
	PADDING-LEFT: 1em;
	FONT-WEIGHT: bold;
	PADDING-BOTTOM: 2px;
	COLOR: #ffffff;
	PADDING-TOP: 2px;
	BACKGROUND-COLOR: #878787;
}

.caja_acciones .caja_contenido {
	PADDING: 1em;
}


/*fin de clases para las cajas de acciones*/

/*esta es la clase del cuadrado de admin superior*/

#AdminLayer {
	margin:10px;
	padding:10px;
	border-right:#cccccc 1px dotted;
	border-top:#cccccc 1px dotted;
	border-left:#cccccc 1px dotted;
	border-bottom:#cccccc 1px dotted
}

.formulario ul 
{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

.formulario li {
	display:block;
	margin:0;
	padding:4px 5px 10px 0px;
	position: relative;
	clear: both;
}

.formulario li div{
	
	float: left;

}

.formulario li label{
    width:175px;
}

.formulario p label{
    width:175px;
}

.formulario label {
	font-weight: bold;
	float:left;
	font-size: 0.85em;
}

.formulario input,.formulario select,.formulario textarea {
	width: 200px;
	background-image: url(/images/fondo_formularios.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;	/*font-size: 1em;	/* hack para que el textarea tenga el mismo tamño de letra que el body, debe ser el mismo tamaño*/
	font-size: 100%;

}

.formulario .highlighted
{
	
	
}

.formulario .highlighted input
{
	background-image: url(/images/fondo_formularios_b.gif);
	background-repeat: repeat-x;
	
}

.formulario .button { 
	text-align: center;    
	padding: 2px;         
}

.formulario .button input
{ 
	text-align: center;    
	padding: 2px; 
	width:auto;          
}


.formulario .corte_anchura {
	width: auto !important;
}

.formulario  table
{
	width:100%;
}

.formulario  table .acciones
{
	text-align:left;
	width:75px;
}

.formulario  table .lineas_impares {
	background-color: #f3f5ff;
	padding:10px;
	padding-bottom:0px;
	padding-top:3px;
}

.formulario  table .lieas_impares p {
	padding:0px;
	margin: 0px;
	margin-top: 2px;
}

.formulario  table caption{
	display:none;
}

/*Estilo para tablas*/

table.tabla
{
	width:100%;	
	border:1px solid #DDDDDD;
	border-collapse:collapse;
	border-spacing:0;
	margin-top:10px;
	margin-bottom:10px;	
}

.tabla .acciones
{
	text-align:left;
	width:75px;
}

.tabla th
{
	font-size: 0.85em;
}

.tabla tr{
	border-bottom:1px solid #E5E5E5;
	padding:4px;
}

.tabla caption{
	display:none;
}

.tabla th{	
	background-image:url(/images/table_header.gif);
	height:25px;
	margin:0;
	padding:6px 4px 2px;
	text-align:left;
}

.tabla th.centrado{	
	text-align:center;
}

.tabla td.centrado{	
	text-align:center;
}

.tabla th.derecha{	
	text-align:right;
}

.tabla td.derecha{	
	text-align:right;
}

.tabla tr{
	background-color:#FFFFFF;	
	height:25px;
}

.tabla tr.lineas_impares{
	background-color:#F9F9F9;
	
}

.tabla  tr:hover {
	background-color: #f1f1f1;
}

.tabla tr.lineas_impares:hover{
	background-color: #f1f1f1;
}


/*para cuando en una sede web se utiliza el modulo de login en un lateral y requiere una personalizacion estetica mayor, se necesita cambiar el class formulario por formulario_lateral en el fichero Signin.ascx y entonces usara las clases que vienen a continuacion*/

.formulario_lateral .cortar_longitud
{
	width: 10px !important;
}

.formulario_lateral ul 
{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

.formulario_lateral li {
	display:block;
	margin:0;
	position: relative;
	padding-top: 4px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 9px;
}

.formulario_lateral label {
	font-weight: bold;
}

.formulario_lateral input,.formulario_lateral select,.formulario_lateral textarea {
	width: 130px;
	background-image: none !important;
	background-repeat: repeat-x;
	background-position: 0px 0px;	/*font-size: 1em;	/* hack para que el textarea tenga el mismo tamño de letra que el body, debe ser el mismo tamaño*/
	border: 1px solid #0067b1;
}

.formulario_lateral .highlighted
{
	background-color:#fff7c0;
	
}

.formulario_lateral .highlighted input
{
	background-image: none !important;
	background-repeat: repeat-x;
	
}

.formulario_lateral .button { 
	text-align: center;    
	padding: 2px;         
}



.formulario_lateral .corte_anchura {
	width: auto !important;
}

.formulario_lateral .btn
{
	background-color:#FFFFFF;
	border:1px solid #666666;
	color:#000000;
	cursor:pointer;
	font-size: inherit  !important;
	font-weight:bold;
	width: auto !important;
	background-image: none !important;
	background-repeat: repeat-x;
}

.formulario_lateral .btnhover
{
	background-color: #FFFFFF;
	border:1px solid #666666;
	color:#000000;
	cursor:pointer;
	font-size: inherit  !important;
	font-weight:bold;
	width: auto !important;
	background-image: none !important;
	background-repeat: repeat-x;
}

/*HACK PARA LOS CHECKBOX*/

.radio input
{
	width: 20px;
	border:0px;
}

.textarea
{
	font-size:1em;
}

.checkbox input
{
	width: 20px;
	border:0px;
	
}


dl.columna_izq {
	margin: 2em 0;
	padding: 0;
	font-family: georgia, times, serif;
}

.columna_izq dt {
	float: left;
	margin: 0 0 0 0;
	padding: .5em;
	font-weight: bold;
}


.columna_izq dd {
	float: left;
	margin: 0 0 0 0;
	padding: .5em;
}



.columna_dcha dl {
	width: 41.1em;
	margin: 2em 0;
	padding: 0;
	font-family: georgia, times, serif;
}

.columna_dcha dt {
	width: 15em;
	float: left;
	margin: 0 0 0 0;
	padding: .5em;
	border-top: 1px solid #999;
	font-weight: bold;
}

/* commented backslash hack for mac-ie5 \*/
.columna_dcha dt { clear: both; }
/* end hack */

.columna_dcha dd {
	float: left;
	width: 24em;
	margin: 0 0 0 0;
	padding: .5em;
	border-top: 1px solid #999;
}