/************************************************************************/
/*       					WEB CINUR		  							*/
/************************************************************************/


/* CLIENTES */

/* Importamos el bloque Html */





/* Personalización de entorno */
div#bloqueEncabezado
{
	background: url(clientes/fondo_bloqueEncabezado.png) no-repeat top center;
}
div#bloqueEncabezado ul.menuEncabezado li a.inicio:link, div#bloqueEncabezado ul.menuEncabezado li a.inicio:visited { background: url(clientes/home_l.gif) no-repeat top center; }
div#bloqueEncabezado ul.menuEncabezado li a.inicio:hover, div#bloqueEncabezado ul.menuEncabezado li a.inicio:active { background: url(nivel/home_h.gif) no-repeat top center; }

div#bloqueEncabezado ul.menuEncabezado li a.mapa:link, div#bloqueEncabezado ul.menuEncabezado li a.mapa:visited { background: url(clientes/mapaweb_l.gif) no-repeat top center; }
div#bloqueEncabezado ul.menuEncabezado li a.mapa:hover, div#bloqueEncabezado ul.menuEncabezado li a.mapa:active { background: url(nivel/mapaweb_h.gif) no-repeat top center; }

div#bloqueEncabezado ul.menuEncabezado li a.contacta:link, div#bloqueEncabezado ul.menuEncabezado li a.contacta:visited { background: url(clientes/contacta_l.gif) no-repeat top center; }
div#bloqueEncabezado ul.menuEncabezado li a.contacta:hover, div#bloqueEncabezado ul.menuEncabezado li a.contacta:active { background: url(nivel/contacta_h.gif) no-repeat top center; }

div#bloqueEncabezado ul.menuEncabezado li a.gestion:link, div#bloqueEncabezado ul.menuEncabezado li a.gestion:visited { background: url(clientes/gestion_l.gif) no-repeat top center; }
div#bloqueEncabezado ul.menuEncabezado li a.gestion:hover, div#bloqueEncabezado ul.menuEncabezado li a.gestion:active { background: url(clientes/gestion_h.gif) no-repeat top center; }

div#bloqueMenuPrincipal
{
	background-color: #b36640;
}
div#bloque_titulo h1
{
	border-top: 1px solid #b36640;
	border-bottom: 1px solid #b36640;
}
/* Cambio del Menu */
/* nivel 1 */
ul#menu_ppal li a:hover, ul#menu_ppal li a:active
{
	background: #b36640;
	color: #FF9900;
}
/* nivel 2 */
ul#menu_ppal ul
{
	background: url(clientes/fondo_transparente_clientes.png) repeat-y;
}




/* Bloque de contenido */
#bloque_contenido
{
}

/* DEFINICIONES GENERICAS */
a:link, a:visited {
	text-decoration: none;
	color: #993300;
}
a:hover, a:active {
	text-decoration: underline;
	color: #f90;
}






/* Bloque de Login de Clientes */
div#bloque_login
{
	width: 365px;
	margin: 0px auto;
}

div.bloque_acceso
{
	padding: 0px 0px 0px 0px;
	background: #fff;
	margin: 15px 0px 10px 0px;
	border-bottom: 1px solid #cc997f;
	border-left: 1px solid #cc997f;
	border-right: 1px solid #cc997f;
}

div.bloque_acceso h1
{
	background: #f5eae5 url(clientes/ico_login_01.png) no-repeat 10px 10px;
	padding: 25px 0px 15px 75px;
	font-family: "Trebuchet MS", Arial;
	font-size: 1.9em;
	font-weight: normal;
	color: #993300;
	border-top: 1px solid #cc997f;
}
div#info_formulario
{
	padding: 10px;
}
div.bloque_acceso fieldset
{
	border: none;
	margin-top: 10px;
}
div.bloque_acceso legend
{
	display: none;
}
div.bloque_acceso label
{
	float: left;
	width: 80px;
	height: 16px;
	padding: 3px 5px 0px 0px;
	text-align: right;
}
div.bloque_acceso input
{
	font-size: 1em;
	padding: 1px;
	width: 140px;
}
div.bloque_acceso p.botonValidar
{
	float: right;
	margin: 5px 10px 0px 0px;
}
div.bloque_acceso p.botonValidar input
{
	margin: 0px;
	padding: 0px;
	border: none;
	width: auto;
}
	
div.bloque_acceso p
{
	text-align: left;
	padding: 0px 20px 0px 0px;
	margin: 0px 0px 5px 0px;
	color: #333;
	line-height: 135%;
}
div.bloque_acceso ul
{
	margin: 15px 0px 0px 20px;
}
div.bloque_acceso ul li
{
	list-style-type: none;
	margin: 0px 0px 3px 0px;
	padding: 0px;
}


/* Bloque de espera */
div#info_esperando
{
	background: url(clientes/loading.gif) no-repeat top center;
	text-align: center;
	margin: 50px 0px 0px 0px;
	padding: 50px 0px 50px 0px;
}


/* Bloque de error de validacion */
div.error
{
	padding: 5px 10px 5px 5px;
	margin: 0px 0px 0px 0px;
}
div.error p
{
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-weight: bold;
	color: #880000;
	font-size: 1em;
}




/* Bloque con los datos del cliente y la desconexion */
div.bloque_datos_cliente
{
	float: right;
}
div.bloque_datos_cliente p
{
}
div.bloque_datos_cliente p span
{
	color: #333 !important;
	font-weight: normal !important;
}
div.bloque_datos_cliente a:link, div.bloque_datos_cliente a:visited
{
}
div.bloque_datos_cliente a:hover, div.bloque_datos_cliente a:active
{
}
div.bloque_datos_cliente a span
{
	display: none;
}
div.bloque_datos_cliente a img
{
	border: none;
	vertical-align: middle;
	padding: 0px 3px 0px 7px;
}
/* ico_desconectar */






/* ESTILOS DE LOS BLOQUES HTML */
div.bloqueHtml
{
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: justify !important;
}
div.bloqueHtml h1
{
	font-family: "Trebuchet MS", Verdana, Arial !important;
	font-size: 1.5em;
	border: none;
	color: #fff;
	background: #c68c70;
	text-transform: uppercase;
	font-weight: bold;
	text-align: left;
	padding: 3px 5px 3px 5px;
	margin: 10px 0px 10px 0px;
}
div.bloqueHtml h2
{
	color: #b36640;
	font-family:"Trebuchet MS",Verdana;
	font-size:1.4em;
	margin:0px 0px 15px;
	padding:0px;
}
div.bloqueHtml ul li
{
	list-style: none;
	margin: 10px 0px 10px 10px;
	padding: 0px 0px 0px 15px;
	line-height: 18px;
	background: url(html/arrow.gif) no-repeat 0 6px;
}
div.bloqueHtml a:link, div.bloqueHtml a:visited 
{
	color: #b36640;
	font-weight: bold;
}
div.bloqueHtml a:active, div.bloqueHtml a:hover 
{
	color: #f90;
}



/* Bloque comunicacion */
div.metodos_comunicacion
{
	float: left;
	width: 440px;
	margin-right: 25px;
	padding: 0px 5px 0px 5px;
}
div.metodos_comunicacion ul
{
	margin: 10px 10px 0px 5px;
	padding: 0px;
}

div.horarios_comunicacion
{
	border: 1px solid #ccc;
	float: left;
	width: 210px;
	padding: 10px;
	background: #f5f5f5;
	margin-top: 10px;
}
div.horarios_comunicacion ul
{
	margin: 10px 10px 0px 0px;
	padding: 0px;
}
div.horarios_comunicacion ul li
{
	text-align: left;
}

div#hora_actual
{
	display: inline;
	color: #666;
	font-weight: bold;
}




/* Bloque de formulario */

div.bloque_comunicacion
{
	float:left;
	width: 230px;
	margin-top: 15px;
}
div.bloque_comunicacion h2
{
	background: url(clientes/bg_top_mail_comunicacion.png) no-repeat top left;
	color: #fff;
	text-align: left;
	font-family: "trebuchet ms";
	font-size: 1.1em;
	padding: 19px 0px 3px 60px;
	margin: 0px 0px 0px 0px;	
}

/* Formulario */
div.formulario_comunicacion
{
	background: url(clientes/bg_bottom_mail_comunicacion.png) no-repeat bottom left;	
	padding: 10px 0px 10px 0px;
}
div.formulario_comunicacion fieldset
{
	border: none;
	margin: 0px 15px 0px 15px;
}
div.formulario_comunicacion legend
{
	display: none;
}
div.formulario_comunicacion label
{
	float: left;
	width: 20%;
	font-size: 1em;
	color: #333;
	padding-top: 3px;
	text-align: right;
	margin-right: 10px;
	margin-bottom: 2px;
}
div.formulario_comunicacion label.error_vacio
{
	font-weight: bold;
	color: #f00;
}
div.formulario_comunicacion h3.error_vacio
{
	text-align: center;
	font-weight: bold;
	color: #f00;
	font-size: 1em;
	margin: 0px 0px 10px 0px;
}
div.formulario_comunicacion label em
{
	margin-left: 2px;
}

div.formulario_comunicacion ol
{
	list-style: none;
	margin: 0;
	padding: 0;
}
div.formulario_comunicacion li
{
	padding: 4px 0px 4px 5px;
	margin: 0px 0px 0px 0px;
}
div.formulario_comunicacion li.ultimo
{
	border: none;
	text-align: center;
}
div.formulario_comunicacion input.campo_comunicacion
{
	font-size: 1em;
	font-family: Verdana;
	padding: 2px 4px 2px 4px;
	border: 1px solid #999;
	width: 180px;
}
div.formulario_comunicacion textarea.campo_comunicacion
{
	font-size: 1em;
	font-family: Verdana;
	padding: 2px 4px 2px 4px;
	border: 1px solid #999;
	width: 180px;
}
div.formulario_comunicacion input.boton_contacto
{
	border: 1px solid #999;
	font-size: 1em;
	font-family: Verdana;
	color: #fff;
	background: #b36640;
	padding: 3px 7px 3px 7px;
}







/* Bloque de Aviso a Clientes */
div.bloque_avisoclientes
{
	background: url(clientes/bg_avisoclientes.png) no-repeat 3px 7px;
	border-top: 1px solid #d9b29f;
	padding: 6px 5px 5px 43px;
	margin: 20px 0px 0px 0px;
	clear: both;
}
div.bloque_avisoclientes p
{
	color: #888;
	font-size: 0.9em;
	line-height: 145%;
}