
html,body{
  height: 100%;
  text-align: center;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
  margin: 0px;
  /*background: url("../images/back_admin.gif") repeat-x #e3fb8f;*/
  background-color:#FFFFFF;
}



td {  }
input,textarea,select { border-right:#999 1px solid; border-top:#999 1px solid; border-left:#999 1px solid;
	border-bottom:#999 1px solid; color: #333333; font-size:11px; background-color:#ffffff; }

.tb_general { border:none; border-top:1px solid; border-right:1px solid; border-left:1px solid; background-color:#f4f4f4;
	border-bottom:1px solid; border-color:#B3B3B3; }
.tb_general a:visited { text-decoration:none; color:#666666; font-weight:normal; font-style:normal }
.tb_general a:link { text-decoration:none; color:#666666; font-weight:normal; font-style:normal }
.tb_general a:hover { text-decoration:underline; color:#333333; font-weight:normal; }

.tb_general p { font-style:italic;}

.td_general_cab { /*background-color:#B3B3B3; color: #333333; height:22px;*/ }
.td_general_over { background-color: #666666;color:#FFFFFF; }
.td_general_pag { background-color:#E8EDEE; }

.td_general_alert_over { background-color:#BF3F00; color:#FFFFFF; }
.td_general_alert { background-color: #993300; color:#FFFFFF; }

.td_general_alert_over_correc { background-color: #7F3F00; color:#FFFFFF; }
.td_general_alert_correc { background-color: #663300; color:#FFFFFF; }


.tb_main { border:none; border-top:1px solid; border-right:1px solid; border-left:none; border-bottom:1px solid;
	border-color:#B3B3B3;	background-color:#fff; }

.td_agenda_dia { background-color:#e7d6c5; color:#000; border: 1px solid #e7d6c5; }
.td_agenda_dia_actual { background-color:#fff; color:#000; border: 1px solid #5e0909; }
.td_agenda_over { background-color:#d7b8b5; border: 1px solid #5e0909; }
.td_agenda_dia_7 { background-color:#cccccc; border: 1px solid #cccccc; }

.menu { background-color:#5e0909; }
.menu td { padding-left:5px; height:25px; }
.menu a:link, a:visited { text-decoration:none; /*color:#fff;*/ font-weight:normal; font-style:normal }
.menu a:hover { text-decoration:underline; color:#fff; font-weight:normal; }
.menu_opcion_s { background-color:#fff; font-weight:bold; border-top:2px solid #5e0909; border-bottom:2px solid #5e0909; }
.menu_opcion_n { background-color:#9b0303; font-weight:normal; color:#fff; }

.tb_pie_pagina { font-size:8px; color:#999999; }
TABLE.tabla-login {
	width: 260px;
	height: 150px;
	background-image: url(backlogin.gif);
	background-repeat: no-repeat;
	background-position: top left

}
TABLE.tabla-login a:visited { text-decoration:none; color:#666666; font-weight:normal; font-style:normal }

TABLE.tabla-login a:link { text-decoration:none; color:#666666; font-weight:normal; font-style:normal }

TABLE.tabla-login a:hover { text-decoration:underline; color:#333333; font-weight:normal; }
font.titulo-login {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  	font-size: 14px;
  	font-weight: bold;
}


h1{font:"Trebuchet MS",Arial sans-serif;color: #666666; }


ol{ margin:10px 0px; /*padding:0;*/}

ol li{margin:0; padding:0;
}

#contenedor_principal {margin:0 auto; text-align:left; width: 98%; min-width:900px;

}


#head {

	background: url("../images/header.gif") no-repeat #fff ;
	color:#CC0000;
	font-size:24px;
	text-align:center;
	margin-left:-90px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	height:91px;
	width:223px;

	}

#logo {

	display:none;
	/*color:#CC0000;
	font-size:24px;
	text-align:left;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	height:91px;*/

	}


#box{width: 25em;padding: 30px  0;margin:0 auto; text-align:left;background: #99CC99;}




#contenedor_medio{  margin:0 auto;text-align:left;background: #CCCCCC;width: 100%;

}




#cabecera{

background:url("../images/header.gif") no-repeat left;
width: 100%;
text-align: left;
color:#333333;
font-family: "Trebuchet MS",Arial sans-serif;
margin:0px 0px 0px 0px;
height:91px;

}

#cabecera span{

display:none;

}




#barra_lateral{

float: left;
width:21%;
color:#333333;
font-family: "Trebuchet MS",Arial sans-serif;
border-right: #999999 solid 1px;
margin-top:15px;
}

#contenido{
float: right;
width: 77%;
color:#333333;
font-family: "Trebuchet MS",Arial sans-serif;
padding-left:none;
margin-bottom:40px;

}



#pie{
text-align:right;
}

#sidebar_text {

padding:7px 7px 0px 10px;
margin-right:7px;
width:90%;


}

.sidebar {
color:#666666;
font-weight:bold;
font-size:20px;
padding-left:90px;
font-family: "Trebuchet MS",Arial sans-serif;
}



#panel_principal{


list-style:none;
width:100%;


}

#panel_principal_inner{


list-style:none;
width:612px;
margin-left:-40px;

}


#panel_principal ul{


list-style:none;
width:100%;


}


#sub_panel_principal{


list-style:none;
margin-left:-10%;
float:left;


}

#sub_panel_inner{


list-style:none;
width:250px;
margin-left:10;
float:right;
}

#sub_panel_inner li { padding-left:12px;}



.modulo 	{
display: inline;
float:left;
width:19%;
text-align:center;
margin-bottom: 30px;
text-decoration:none;

}


.boton_panel {

background: url(../imagenes/secciones/boton_panel.gif) no-repeat;
padding-top:0px;
text-align:center;
margin:0 auto;
width:104px;
height:96px;

 }

 a.boton_panel2 , aboton_panel2:link, a.boton_panel2:hover, a.boton_panel2:visited {text-decoration:none; color: #999999; border:none; width:104px; font-size:11px; }




.sub_modulo 	{
display: inline;
float:left;
width:30%;
text-align:center;
margin-bottom: 10px;
text-decoration:none;

}


.sub_boton_panel {

background: url(../imagenes/secciones/sub_buton.gif) ;
width: 104px;
height: 55px;
font-size:9px;


 }



.clearfloat { /* esta clase debe colocarse en un elemento div o break y debe ser el �ltimo elemento antes del cierre de un contenedor que incluya completamente a un elemento flotante */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}

.paginado{

background-color:#b3b3b3;
color:#333333;
}

#sidebar_text a:link { font-size:11px; color:#666666; text-decoration:none;}
#sidebar_text a:visited { font-size:11px; color:#666666; text-decoration:none;}
#sidebar_text a:hover { font-size:11px; color:#3F3F3F; text-decoration:underline;}

.formas-oirs {
	border: 1px solid #ccc;
}

.message{
		background-size: 40px 40px;
		background-image: linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
							transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
							transparent 75%, transparent);
		 box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
		 width: 100%;
		 border: 1px solid;
		 color: #fff;
		 padding: 15px;
		 position: fixed;
		 _position: absolute;
		 text-shadow: 0 1px 0 rgba(0,0,0,.5);
		 animation: animate-bg 5s linear infinite;
}

.info{
		 background-color: #4ea5cd;
		 border-color: #3b8eb5;
}

.error{
		 background-color: #de4343;
		 border-color: #c43d3d;
}

.warning{
		 background-color: #eaaf51;
		 border-color: #d99a36;
}

.success{
		 background-color: #61b832;
		 border-color: #55a12c;
}

.message h3{
		 margin: 0 0 5px 0;
}

.message p{
		 margin: 0;
}

@keyframes animate-bg {
    from {
        background-position: 0 0;
    }
    to {
       background-position: -80px 0;
    }
}

/*********** ORGANIGRAMA ************************/

#oirs-info {
	font-size:12px;
	max-width:105px !important;
}
#oirs-info a:link, #oirs-info a:visited{
text-decoration:none;
color:#FFFFFF;
}
#oirs-info a:hover{
text-decoration:underline;
color:#fc0;
}
.oirs-info-base {
	/*background-image:url(../plantillas_images/backorganigrama1.gif);
	background-repeat:no-repeat;
	background-position:top center;*/
	width:99%;
}
.ventana-info {
	width:250px;
	height:250px;
	font-size:14px;
	background-color:#FFFFFF;
	position: absolute;
	z-index:10;
	margin-top:-60px;
	margin-left:120px;
	border: 1px solid #666;
	border-radius: 10px;
	padding:15px;
	background-image:url(../plantillas_images/backventana.jpg);
	background-repeat:no-repeat;
	background-position:top center;
}

.cuadro-transparencia{
	background-image: url(../images/backtransparencia.gif);
	background-position: center top;
	background-repeat: repeat-x;
	background-color: #fff;
	-moz-box-shadow: 3px 3px 5px 2px #ccc;
	-webkit-box-shadow: 3px 3px 5px 2px #ccc;
	box-shadow: 3px 3px 5px 2px #ccc;
}

h1.titulo-modulo {
color: #0099CC;
border-bottom: 1px solid #09c;
font-size: 31px;
}

.ayuda { font-size: 1em; margin-top: 1.5em; margin-bottom: .3em;}
.ayuda .borde { border-right: 2px solid #2B98EE; margin-left: 5px;}
.ayuda-flotante {position:relative; bottom: -2em; background: #ffffff;}

div.informacion{
	background-color: #F0F0F0;
	margin-bottom:25px;
	padding: 20px;
	  min-height: 80px
}
span.borde-tabs{
	border-bottom: 2px solid #C8C8C8;
}
.tabs-user{
	border-bottom: 3px solid #ddd !important;
    z-index: 10;
}
.tabs-user li{
	margin-bottom: -3px !important;
	border-bottom: 3px solid #ddd;
}
.tabs-user li.active{
	margin-bottom: -3px !important;
	border-bottom: 3px solid #1691EE;
}
.tabs-user li a{
	/*border-bottom: 3px solid #ddd;*/
	color: #C8C8C8;
	border: none !important;
	background-color: transparent !important;
	margin-bottom: -9px !important;
}
.tabs-user li.active a,.tabs-user li.active a:hover, .tabs-user li.active a:focus{
	border: none !important;
	background-color: transparent !important;
	color: #1691EE !important;
	margin-bottom: -9px !important;
}
.usuarios-tabs{
	margin-top: 10px;
}
div.counter{
	display: none;
}
.tabs-desagregadas{
	border:none !important;
}
.tabs-desagregadas li,li.active{
	margin-right: 10px;
}
.tabs-desagregadas li.active a,.tabs-desagregadas li.active a:hover,.tabs-desagregadas li.active a:focus{
	  border: 1px solid #1691EE !important;
	  border-radius: 0px;
	  color: #1691EE !important;
	  padding: 5px 32px;
	  background-color: transparent !important;
}
.tabs-desagregadas li a{
	  border: 1px solid #ddd;
	  border-radius: 0px;
	  color: #ddd;
	  padding: 5px 32px;
	  background-color: transparent !important;
}
div.no-empleador{
	  margin-top: 20px;
  padding: 20px;
}
div.desagregadas{
	margin-top: 10px;
}
table.table-detalle-audiencia{
	width: 100%;
	background-color: #EFEFEF;
}
table.table-detalle-audiencia tbody tr td{
	border-top: none !important;
	height: 53px;
	padding-top: 19px;
}
table.table-detalle-audiencia tbody tr:last-child td{
	border-bottom: none !important;

}
table.table-detalle-audiencia tr td{
	border-bottom: 1px solid #ddd;
}
table.table-detalle-audiencia tr td:first-child{
	border-right: 1px solid #ddd;
	width: 25%;
	font-weight: bold;
}
div.informacion div.row div:first-child{
	color: #1691EE;
}
div.informacion div.row div:last-child{
	color: #1691EE;
}
.circle:before {
    content: ' \25CF';
    font-size: 20px;
    color: #1691EE;
}
.line1{
	  width: 208px;
  /* height: 47px; */
  border-bottom: 2px solid #1691EE;
  -webkit-transform: translateY(-14px) translateX(8px) rotate(0deg);
  -moz-transform: translateY(-14px) translateX(8px) rotate(0deg);
  -ms-transform: translateY(-14px) translateX(8px) rotate(0deg);
  /* top: -20px; */
}
.line2 {
   width: 10px;
  /* height: 47px; */
  border-bottom: 2px solid #1691EE;
  -webkit-transform: translateY(-19px) translateX(206px) rotate(34deg);
  -moz-transform: translateY(-19px) translateX(206px) rotate(34deg);
  -ms-transform: translateY(-19px) translateX(206px) rotate(34deg);
  /* top: -20px;*/
}
.line3 {
     width: 10px;
  /* height: 47px; */
  border-bottom: 2px solid #1691EE;
  -webkit-transform: translateY(-15px) translateX(206px) rotate(-34deg);
  -moz-transform: translateY(-15px) translateX(206px) rotate(-34deg);
  -ms-transform: translateY(-15px) translateX(206px) rotate(-34deg);
  /* top: -20px; */
}

form#csv_form.form-horizontal div.form-group label.control-label{
	text-align: left
}

form#enlace_form.form-horizontal div.form-group label.control-label{
	text-align: left
}

form#file_form.form-horizontal div.form-group label.control-label{
	text-align: left
}
div.tooltip-inner{
	max-width: 1024px !important;
}

.panel-title.row a.col-sm-8.subcats{
	overflow-wrap: anywhere;
}

ul.list-group li.list-group-item div.row div.col-sm-8{
	overflow-wrap: anywhere;
}

ul.list-group.ui-sortable li.list-group-item div.row div.col-sm-11, 
ul.list-group.ui-sortable li.list-group-item div.row div.col-sm-12,
h3.titular.col-xs-9,
h3.titular.col-xs-12,
h6.col-xs-12,
h6.col-sm-12,
h3.titular.col-sm-12
{
	 overflow-wrap: anywhere;
}
