



body {
	font-size: 0.80em; /* CAMBIAR TAMBIEN EN EL SCRIPT  EL TAMAÑO POR DEFECTO*/
}

/* 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, p {
	font-size: 0.85em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.t_mediano {
	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 
{
	background-color:Red;
	margin:10px; 
	padding:10px; 
	border-right:#cccccc 1px dotted; 
	border-top:#cccccc 1px dotted; 
	border-left:#cccccc 1px dotted; 
	border-bottom:#cccccc 1px dotted;
}

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;
}



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;
}




#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 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*/



}



.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;

}




/*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;
	
}
