/* ------------------------------------------------------------------------ ----------- */
/* Estilos generales aplicables a Registro y Notificacion telematica                    */
/* -----------------------------------------------------------------------------------  */
/* CSS Diputacion Provincial de Huesca - Portal para ciudadanos y empresas              */
/* ------------------------------------------------------------------------             */
/* Author: Ana Noemi Fernandez Martinez <nfernandez@net2u.es> - Net2u_ - www.net2u.es --*/

body {margin:0px; padding:0px;}

/* ESTILOS PARA FORMULARIOS */
.selector { font-size:12px; font-family:Verdana; color:#333333;}

/* ESTILOS DE ANCHO */
.ancho350 {width:350px;}
.ancho250 {width:250px;}
.ancho30 {width:30px;}
.ancho40 {width:40px;}

/* ESTILOS DE TEXTO */
.titulo-destacado  {margin:5px 5px; padding:0px; font-size:13px; color:#980033;}
.aviso      {text-align:left; font: normal 11px Arial, Helvetica, sans-serif; color:#CB0102;}
.destacado 	{font-size:11px; color:#a31545;}
.texto 	{font-size:11px; color:#666666;}
.mensaje    {margin:5px 0px 0px 0px; padding:5px 0px 5px 5px; text-align:left; font: normal 11px Arial, Helvetica, sans-serif; color:#CB0102; border:1px solid #a9a9a9;}


/* ESTILOS VARIOS */
.flotar-izquierda {float:left;}
.flotar-derecha   {float:right;}
.borrar { clear: both; }
.ocultar { display: none; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* Hides from IE-mac \*/ * html .clearfix {height: 1%;} /* End hide from IE-mac */


/* ESTILOS PARA TRAMITES */
#tramites-colizquierda				{width:390px; float:left; margin: 5px 0 0 0;}
#tramites-colizquierda input 		{font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#tramites-colizquierda textarea		{font-family:Arial, Helvetica, sans-serif; font-size:12px; width: 340px; height:80px;}
#tramites-colizquierda2				{width:400px; float:left; margin: 5px 0 0 0;}
#tramites-colizquierda2 input 		{font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#tramites-colizquierda2 textarea	{font-family:Arial, Helvetica, sans-serif; font-size:12px; width: 300px; height:80px;}
#tramites-colderecha				{width:170px; float:right; margin: 5px 0 0 0;}
#tramites-colderecha fieldset		{padding:5px;}
#tramites-colderecha legend			{color:#23579E; font-weight:bold;}
#tramites-colizquierda3				{width:550px; float:left; margin: 5px 0 0 0;}
#tramites-colizquierda3 input 		{font-family:Arial, Helvetica, sans-serif; font-size:12px;}


/* ESTILO PARA DETALLE DE FIRMA */
#eventos-datos	{ margin-bottom: 10px; padding:5px; background-color:#EEEEEE; border-left:10px solid #FFCB05; }
#eventos-datos span	{color:#9A0034;}/* Color para la fecha de publicacion del detalle */
#eventos-datos2	{ margin-bottom: 10px; padding:5px; border:1px solid #666666; }
#eventos-datos2 span	{color:#9A0034;}/* Color para la fecha de publicacion del detalle */
#eventos-fecha {color:#990000; font-size: 11px; font-weight:bold;}
.eventos-descripcion	{color:#000000;}/* Color para la descripcion del detalle */
#eventos-margen {margin:10px;}

/* LISTADO */
.listado-formato1 {margin:0px; padding:0px;}
.listado-formato1 li {list-style-type:none; padding-left:12px; background:url(/MODULOS/_GLOBAL/publico/interfaces/img/vineta-2flecha.gif) 0px 5px no-repeat;}

/* Contenedor del pop-up */
#popup	{padding: 20px 25px; font: 11px Arial, Helvetica, sans-serif; color: #000000; background:url(/MODULOS/_GLOBAL/publico/interfaces/img/up-popup.gif) 20px 0px no-repeat;}
.formulario-titulo {margin:0px 0px 10px 0px;}
.titulo-popup {margin:0px; font-size:12px; color:#980033; font-weight:bold;}
.subtitulo-popup {margin: 0px 0px 5px 0px; padding: 0px;color: #23579E;font-size: 11px;font-weight: bold;border-bottom: 1px solid #000000;text-transform: uppercase;}
/* Mensaje de error */
#envios-error	{ font-weight: bold;color: #CC0000;}

/* Botón del formulario */
.boton	{background: #ffffff;width:100px; font: 11px Arial, Helvetica, sans-serif;border: 1px solid #979797;}



/* Diseno para encabezado del detalle del trmite */
.tramites-antetitulo	{color:#999999;letter-spacing: 0.15em;}
.tramites-subtitulo		{color:#666666;}

/* Botonera para manejadores de los formularios */

#tramites-botonera		{
	width:563px;

	padding:5px;

	margin: 10px 0 15px 0;

	border-left:10px solid #FFCB05;

	background-color:#F2F2F2;

}

a.tramites-enlace  { font-weight:bold;color:blue; text-decoration:none;}
a.tramites-enlace:hover  {text-decoration:underline;}

/* Tabla con la presentacin de datos (box model hack powered) */

#tramites-presentacion table	{

	border-bottom: 1px solid #CCCCCC;

	font-size: 11px;

	width:563px; 

	voice-family: "\"}\""; 

	voice-family:inherit;

	width:583px;

}

html>body #tramites-presentacion {

  width:583px;

} 


#tramites-presentacion th	{

	text-align:left;

	color:#666666;

	font-size: 11px;

}

#tramites-presentacion td	{

	color: #000000;

	font-size: 11px;

}


/* Diferentes anchuras con fondo blanco para los botones */

.tramites-ancho-80 {

	width:80px;

	background: #FFFFFF;

}

.tramites-ancho-100 {

	width:100px;

	background: #FFFFFF;

}

.tramites-ancho-150 {

	width:150px;

	background: #FFFFFF;

}

label	{font-weight:normal; color:#000000;}

hr		{border: 1px solid #DEDEDE;}

#global-formulario legend {

	padding: 0.2em 0.5em;

	border: 1px solid #ecb277;

	color: #2c4178;

	background-color: #ecb277;

	font-weight: bold;

	text-align: right;

}

#global-formulario fieldset {

	border: 1px solid #DEDEDE;

	padding: 10px 0 10px 0;

}

#global-formulario hr {

	border-top: 1px solid #DEDEDE;

}	

#global-formulario label {

	text-align: right;

	float: left;

	width: 200px;

	margin-right: 0.5em;

	padding-top: 0.2em;

}

#global-formulario textarea {width: 300px; height: 100px;}


/* Diseo para los mensajes de error */

#formulario-error-validacion {font-weight:bold; color:#CC0000;}
.mensaje-ok    {font-weight:normal; color:#39cb29;}
.mensaje-error { font-weight:normal; color:#CC0000;}

/* Clase para las ayudas contextuales de los campos de formulario */

.formulario-ejemplo	{color:#23579E; font-size:10px; margin: 0 0 5px 0;}

/* Clases para dotar de diseo a los diferebtes tipos de campos de texto en formulario */

.formulario-100	{width:100px;}

.formulario-200	{width:200px;}

.formulario-300	{width:340px;}

.formulario-400	{width:400px;}


/* Grupos especficos de los formularios */

div.formulario-grupos	{

	padding: 10px;

	border: 1px solid #CCCCCC;

	margin: -5px 0 10px 0;
	color:#666666;

}

p.formulario-grupos	{

	text-transform:uppercase;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #C60D1F;
	font-size: 101%;


}

div.formulario-grupos2	{ margin:5px 0px 0px 0px; padding:10px; border: 1px solid #CCCCCC; color:#666666;}

p.formulario-grupos2	{margin:0px; padding:0px 0px 5px 0px; text-transform:uppercase;}

.celdacolor {background-color:#F2F2F2;}
.tabla-listado {margin:0px; padding:0px; width:100%; empty-cells:show; }
.tabla-listado tr th {padding:4px; border-top:1px solid #B8B7B7; border-bottom:1px solid #A31545; background-color:#EEEEEE; text-align:left; font-size:11px; font-weight:bold; color:#a31545; }
.tabla-listado tr a.enlace-destacado {font-weight:bold;color:#333; text-decoration:none;}
.tabla-listado tr a.enlace-destacado:hover {text-decoration:underline;}
.tabla-listado tr td  {padding:5px;}

.caja-formato1       {height:25px; text-align:left; border-top:1px solid #B8B7B7; background-color:#F9F7F7;}
.caja-formato1-padd  {padding:5px 5px 5px 10px;}
.caja-formato2       {text-align:left; border-top:1px solid #B8B7B7; border-bottom:1px solid #B8B7B7; background-color:#EEEEEE;}
.caja-formato2-padd  {padding:3px 0px 3px 10px;}
.subtitulo        {font: bold 11px Arial, Helvetica, sans-serif; color:#333333; text-align:left; width:400px;}