﻿/******************************************************/
/*	GENERALES		                                  */
/*		         		                              */
/*  SOLO PARA IE8                color: #00FFFF\0/;   */
/*  SOLO PARA IE7 y anteriores   *color: #00FFFF;     */
/*  SOLO PARA TODOS LOS IE       color: #00FFFF\9;    */
/******************************************************/

* {
	margin:0; 
	padding:0;
}

html {
	height: 100%;
	overflow: auto;
	width:100%;
}

body {
	width: 100%;
	min-width: 765px;
	max-width: 1300px;
	background-color: #ffffff;
	color:#000000;
	font: normal .71em Verdana, Arial, Helvetica, sans-serif;
}

h1 {
    font-weight: bold;
    font-family: Verdana, Arial, sans-serif; 
    margin:.1em; 
    text-align:center;
}
h2 {
    font-weight: bold;
    font-family: Verdana, Arial, sans-serif; 
    margin:.1em; 
    text-align:center;
}
h3 {
    font-weight: bold;
    font-family: Verdana, Arial, sans-serif; 
    margin:.1em; 
    text-align:center;
}

a, a:visited, a:link {
    text-decoration:none;
    font-weight: bold;
    color:#000000;
}

a:hover { 
    text-decoration:none; 
    color:#000000;
}

img {
    border:0;
}

.redondeado_readonly{
	font: normal 1.0em Verdana, Arial, sans-serif;
    color: #000000;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border : 1px solid #C4C4C4;
    padding-top : 1px;
    padding-bottom: 1.5px;
/* 
    padding-right : 5px;
    padding-left : 2px;
 */
    vertical-align: middle;
    background-color: #F4F4F4;
}

input, button {
    font: normal 1.0em Verdana, Arial, sans-serif;
    color: #000000;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border : 1px solid #C4C4C4;
    padding-right : 5px;
    padding-top : 1.5px;
    padding-bottom: 1.5px;
    padding-left : 2px;
    vertical-align: middle;
}

input[type='radio'] {  
    border : 0px solid #dddddd;
}

input[type='text'] {  
    border : 1px solid #C4C4C4;
}

input[type='checkbox'] {  
    border : 0px solid #dddddd;
}

input[readonly] {
    background-color: #F4F4F4;
    font: normal 1.0em Verdana, Arial, sans-serif, Helvetica;
    color: #333333;
    border : 1px solid #C4C4C4;
}

.input_sin_caja{
	border: 0px;
}


textarea {
    font: normal 1.0em Verdana, Arial, sans-serif;
    color: #000000;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border : 1px solid #C4C4C4;
    padding-left : 5px;
    padding-right : 5px;
    padding-top : 1.5px;
    padding-bottom: 1.5px;
    vertical-align: middle;
}

textarea[readonly] {
    background-color: #F4F4F4;
    font: normal 1.0em Verdana, Arial, sans-serif, Helvetica;
    color: #000000;
    border : 1px solid #C4C4C4;
}

textarea[disabled] {
    background-color: #F4F4F4;
    font: normal 1.0em Verdana, Arial, sans-serif, Helvetica;
    color: #000000;
    border : 1px solid #C4C4C4;
}

select {
    font: normal 1.0em Verdana, Arial, sans-serif;
    color: #000000;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border : 1px solid #C4C4C4;
    padding-left : 5px;
    padding-right : 5px;
    padding-top : 1.5px;
    *padding-top : 1.4px;    /* IE7 */
    padding-bottom: 1.5px;
    vertical-align: middle;
    margin-top : 1px;
    margin-bottom : 1px;
}

option{
    padding-left : 5px;
    padding-right : 5px;
}

select[disabled]
{
    background-color: #F4F4F4;
	font: normal 1em  Verdana, Arial, sans-serif;
	color: #000000;
    border : 1px solid #C4C4C4;
}

input:focus, select:focus, textarea:focus {  
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#FFE496));
	background: -webkit-linear-gradient(#FFFFFF, #FFE496);
	background: -moz-linear-gradient(top, #FFFFFF, #FFE496);
	background: -ms-linear-gradient(#FFFFFF, #FFE496);
	background: -o-linear-gradient(#FFFFFF, #FFE496);
	background: linear-gradient(#FFFFFF, #FFE496);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#FFE496');
	zoom: 1;
}
input[readonly]:focus, select[disabled]:focus, textarea[readonly]:focus, textarea[disabled]:focus {
	background: -webkit-gradient(linear, left top, left bottom, from(#F4F4F4), to(#F4F4F4));
	background: -webkit-linear-gradient(#F4F4F4, #F4F4F4);
	background: -moz-linear-gradient(top, #F4F4F4, #F4F4F4);
	background: -ms-linear-gradient(#F4F4F4, #F4F4F4);
	background: -o-linear-gradient(#F4F4F4, #F4F4F4);
	background: linear-gradient(#F4F4F4, #F4F4F4);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F4F4F4', endColorstr='#F4F4F4');
	zoom: 1;
}

.lit_provincia {
    font: bold 1.0em Verdana, Arial, sans-serif;
    color: #000000;
    background-color: #F4F4F4;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border : 1px solid #C4C4C4;
    padding-right : 5px;
    padding-top : 1.5px;
    padding-bottom: 1.5px;
    padding-left : 3px;
    vertical-align: middle;
}

.invertido {
    background-color: #CECECE; 
    color: #000000; 
}

.boton {
	width: auto;
	background: transparent 0 40% no-repeat;
	font: bold 1em  Verdana, Arial, sans-serif;
	border: .10em solid #444444;
	background-color:#d42e12; 
	color: #ffffff;
	padding:.1em 0.25em;
	padding: 3px 4px 3px 4px\0/;  /* IE8 */
	*padding:.1em 0em;            /* IE7 */
	text-align: center;
	cursor: pointer;
	height: 23px;
	font-size: 11.6px;
}

.icono{
    border: 0px; 
    width: 19px; 
    height: 19px;
    vertical-align: middle;
}

.txt9 {
    font: normal 9px verdana, arial, helvetica, sans-serif; 
}

.txt10 {
    font: normal 10px verdana, arial, helvetica, sans-serif; 
}
.txt10boldrojo { 
    font: bold 10px verdana, arial, helvetica, sans-serif; 
    color: #FF0000;
}
.txt10boldrojoitalic { 
    font: bold italic 10px verdana, arial, helvetica, sans-serif; 
    color: #FF0000;
}

.txt11 { 
    font: normal 11px verdana, arial, helvetica, sans-serif; 
}
.txt11bold { 
    font: bold 11px verdana, arial, helvetica, sans-serif; 
}
.txt11boldrojo { 
    font: bold 11px verdana, arial, helvetica, sans-serif; 
    color: #FF0000;
}

.txt12 { 
    font: normal 12px verdana, arial, helvetica, sans-serif; 
}
.txt12bold { 
    font: bold 12px verdana, arial, helvetica, sans-serif; 
}

.txt14 { 
    font: normal 14px verdana, arial, helvetica, sans-serif; 
}
.txt14bold { 
    font: bold 14px verdana, arial, helvetica, sans-serif; 
}

.txt16 { 
    font: normal 16px verdana, arial, helvetica, sans-serif; 
}
.txt16bold { 
    font: bold 16px verdana, arial, helvetica, sans-serif; 
}

.txt32bold { 
    font: bold 32px verdana, arial, helvetica, sans-serif; 
}

.div_redondeado {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border : 2px solid #C4C4C4;
    background: #f1f1f1;
}
/************************/
/*		CABECERA		*/
/************************/

#cabecera {
	position: fixed;
	left: 0px;
	top: 0px;
    width: 100%;
    z-index: 99;
	text-align:left;
	height:1.4em;
	clear:both;
	margin:0;
	padding:0em 0 0 .4em;
	background-color: #d42e12;
	color:#FFFFFF;
	border-bottom:.1em solid #d42e12;	
	font:small-caps bold 1.1em Verdana, Arial, sans-serif;
}

#cabecera #der {
    float: right; 
    text-align: left; 
    margin-top: -1.2em; 
}

#cabecera a, #cabecera a:hover, #cabecera a:visited, #cabecera a:link {
    color:#FFF;
}

/********************/
/*		LATERAL		*/
/********************/

#lateral {
	position: fixed;
	left: 0px;
	top: 18px;
	height:100%; 
	width:170px;
	float:left;
	border-right:.15em solid #444444;
	border-bottom:.15em solid #444444;
	padding:1em 0 0 0;
	background-color: #dddddd;
	z-index: 10;
}

#lateral ul {
	list-style: none;
}

#lateral li {
	font: normal bold .98em  Verdana, Arial, sans-serif;
	margin: 0; 
    padding:.3em .4em;
}

#lateral ul li a{ /* NORMAL */
	background: transparent url(../images/list-active.gif) 0 40% no-repeat;
	padding-left: 1em;
	text-decoration: none;
	color: #88A;
}

#lateral ul li a:hover{ /* POR ENCIMA */
	background: transparent url(../images/list-off.gif) 0 40% no-repeat;
	text-decoration:underline;
	color: #88A;
}

#lateral ul li a.marcado{ /* MARCADO */
	background: transparent url(../images/list-on.gif) 0 40% no-repeat;
	color: #557;
}

#lateral li ul { /* SEGUNDO NIVEL */
	background-color:#eeeeee;
	border:0;
	margin:0 -.4em;
	list-style: none;
}

#lateral li ul li {
	font:italic bold  .9em Verdana, Arial, sans-serif;
	padding:.4em 0 .4em 1em;
}

#lateral input {
	background: transparent url(../images/list-active.gif) 0 40% no-repeat;
	font: normal bold 1em  Verdana, Arial, sans-serif;
	border:0;
	background-color:#dddddd;
	color: #88A;
	padding:.1em .25em;
}

/********************/
/*		BUSQUEDA		*/
/********************/

#busqueda {
	width: 100%;
	float: left;
	background-color: #eeeeee; 
	font: normal .90em Verdana, Arial, sans-serif;
	color: #88A;
}

#busqueda ul {
	list-style: none;
}

#busqueda input {
	background: transparent 0 40% no-repeat;
	font: bold 1em  Verdana, Arial, sans-serif;
    border : 1px solid #C4C4C4;
	background-color:#fff;
	color: #88A;
}
#busqueda input:focus {  
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#FFE496));
	background: -webkit-linear-gradient(#FFFFFF, #FFE496);
	background: -moz-linear-gradient(top, #FFFFFF, #FFE496);
	background: -ms-linear-gradient(#FFFFFF, #FFE496);
	background: -o-linear-gradient(#FFFFFF, #FFE496);
	background: linear-gradient(#FFFFFF, #FFE496);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#FFE496');
	zoom: 1;
}

#busqueda table {
	font: bold 1em  Verdana, Arial, sans-serif;
	border: 0;
}

#busqueda .titulo{
    font: bold 1.3em Verdana, Arial, sans-serif;
    background-color:#dddddd; 
    color:#557;
    text-align:center;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

#busqueda .boton {
	width: auto;
	background: transparent 0 40% no-repeat;
	font: bold 1.1em  Verdana, Arial, sans-serif;
	border: .10em solid #444444;
	background-color:#d42e12; 
	color:#fff;
	padding:.1em .35em;
	padding: 3px 4px 3px 4px\0/;  /* IE8 */
	*padding:.1em 0em;            /* IE7 */
	text-align: center;
	cursor: pointer;
	height:23px;
}

/****************************************/
/*		BOTONES DEL MENU LATERAL		*/
/****************************************/
#botones_menu {
	float: center;
	padding: .1em .1em .1em .1em;
	background-color: #dddddd; 
	font: normal 1em  Verdana, Arial, sans-serif;
}

#botones_menu .boton {
	width: auto;
	background: transparent 0 40% no-repeat;
	font: bold 1em  Verdana, Arial, sans-serif;
	border: .10em solid #444444;
	background-color:#d42e12; 
	color:#fff;
	padding:.1em 0.35em;
	padding: 3px 4px 3px 4px\0/;  /* IE8 */
	*padding:.1em 0em;            /* IE7 */
	text-align: center;
	cursor: pointer;
	height: 23px;
}

/********************/
/*		CUERPO		*/
/********************/

#cuerpo, .cuerpo {
	margin-top: 19px;
	margin-left: 165px;
	height:100%;
	width:100%;
	max-width: 1100px;
	text-align:left;
	padding: 0.05em 1em 0 1em;
	*padding-top: 22px;    /* IE7 */
}

#cuerpo p, .cuerpo p {
    margin:.5em 0 0; 
    text-align:justify;
}
#cuerpo h1, .cuerpo h1 {
    margin: .5em 0 0 -.05em; 
    text-align:left;
}
#cuerpo h2, .cuerpo h2 {
    text-align:left; 
    margin:.5em 0 0 0em;
}
#cuerpo h3, .cuerpo h3 {  
    margin:1em 0 0 .5em;
}

#cuerpo h3 a, #cuerpo h3 a:hover, #cuerpo h3 a:visited, #cuerpo h3 a:link {
    color:#000000;
} 

.cuerpo h3 a, .cuerpo h3 a:hover, .cuerpo h3 a:visited, .cuerpo h3 a:link {
    color:#000000;
} 

#cuerpo option, .cuerpo option {
    padding-right:.5em;
    margin-left:4px;
}

#cuerpo optgroup, .cuerpo optgroup{
    margin-left:4px;
}

/************************/
/*		PAGINA DE INICIO	*/
/************************/

#inicio {
	position: absolute;
	left: 30%;
	right: 30%;
	width: 40%;
	margin:12% auto 0;
	text-align: center;
	color: #666;
}

#inicio form{
	padding: 0.5em 0 0 0;
	width:19em;
	margin:auto;
}

#inicio .nombres{
	text-align:right;
	float: left;
}

#inicio .nombres p{
	margin:.5em 0 0 0;
	font-weight:bold;
}

#inicio .inputs{
	text-align:left;
	margin:-.2em 0 0 0;
}

#inicio .inputs input{
	margin:.2em 0 0 0;
	color: #444;
	font: normal 1.05em  Verdana, Arial, sans-serif;
	margin-left: .5em;
}

#inicio .boton {
	width: auto;
	background: transparent 0 40% no-repeat;
	font: bold 1em  Verdana, Arial, sans-serif;
	border: .10em solid #444444;
	background-color:#d42e12; 
	color:#fff;
/* 
	background-color:#ddd;
	color: #666;
 */
	padding:.1em 0.35em;
	padding: 3px 4px 3px 4px\0/;  /* IE8 */
	*padding:.1em 0em;            /* IE7 */
	text-align: center;
	cursor: pointer;
	height: 23px;
}

#inicio ul {
	list-style: disc inside;
	margin:0em 0 1em;
}

#inicio ul li{
	margin: 0; padding:.1em 1em; 
}

#inicio .errors{
    width: 400px;
    margin-top: 10px; 
    margin-left: 15px; 
}
/* Hace referencia a la b de negrita y la i de cursiva*/
.b_i{ 
	font-weight: bold;
	text-decoration: underline;
	font-size: 
}
.cuerpo_siniestro p, .cuerpo_siniestro_modal p{
	font-size: 12px;
}
/********************/
/*		EMAIL		*/
/********************/

/* 
div#email {
    width: 450px;
    color: #444444;
    font: normal 11px verdana, arial, helvetica, sans-serif;
	text-align: justify;
	margin: 5em 3em;
}

div#email ul {
	list-style: disc inside;
}

div#email li {
	margin-left: 2em;
	text-align: left;
}
*/

/************************/
/*		SINIESTROS	*/
/************************/

.tabla_principal_s{
	font-size: 13px;
}

.td_s{
	font-size: 11px !important;
}

.td_s_ocurrencia{
	padding-left: 5px !important;
	font-size: 11px !important;
}

.cuerpo_siniestro{
	padding-top: 10px;
	padding-left: 20px;
	line-height: 1.5; 
}

.cuerpo_siniestro_modal{
	padding-top: 10px;
	padding-left: 20px;
	line-height: 1.5; 
	height: 700px;
	width:960px;	
	overflow: auto;
	overflow-y: auto !important;
	overflow-x: auto !important;
}

.subrayado{
	text-decoration: underline;
}

.select_siniestro{
	height: 30px !important;
}

.cuerpo_siniestro textarea, .cuerpo_siniestro_modal textarea{
	padding-top: 5px;
}	

.tabla_equipacion_siniestro{
  	border-collapse: collapse;
  	table-layout: fixed;
  	min-width: 400px;
    margin-bottom: 20px;
    margin-left: 10px;
    background-color: transparent;    
    overflow: auto;
}
.tabla_autos_crear{
	min-width: 700px !important;
	margin-left: 0px !important;
}

.tabla_autos_crear td{
	min-width: 100px !important;
}

.tabla_equipacion_siniestro tr:nth-child(even), .tabla_culpable_perjudicado tr:nth-child(even) {
	background: #eee;
}

.tabla_equipacion_siniestro td{
	border: 1px solid #ccc;
	padding: .3em;
	font-size: 14px;
	text-align: center;
}

.tabla_culpable_perjudicado td{
	border: 1px solid #ccc;
	padding: .3em;
	font-size: 14px;
	padding-left: 20px;
}

.tabla_equipacion_siniestro td input, .tabla_culpable_perjudicado td input{
	text-align: center;
}

.tabla_culpable_perjudicado{
	width: 500px;
  	border-collapse: collapse;
    margin-bottom: 0px;
    margin-left: 10px;
    background-color: transparent;    
    overflow: auto;
}

.td_label{
	width: 80px;
}

.td_label_autos{
	width: 120px;
	font-size: 13px !important;
}

.boton_siniestro{
    width: auto;
    background: transparent 0 40% no-repeat;
    font: bold 1em Verdana, Arial, sans-serif;
    border: .10em solid #444444;
    background-color: #d42e12;
    color: #ffffff;
    padding: .2em 0.55em;
    padding: 3px 4px 3px 4px\0/;
    text-align: center;
    cursor: pointer;
    height: 28px;
    font-size: 13px;
    margin: 5px;
}

.deshabilitado{
	opacity: 0.7;
}

.tabla_equipacion_siniestro th, .tabla_culpable_perjudicado th{
	padding: .5em;
  	background: #d42e12;
  	color: #fff;
  	font-size: 15px;
  	border-right: 1px solid rgb(221, 221, 221);	
}
.autos_asegurados th{
	font-size: 13px !important;
}

.autos_asegurados td{
	text-align: left;
	font-size: 12px !important;
}

.tabla_conductor_propio_desplegable, .tabla_tomador_propio_desplegable, .tabla_datos_generales_desplegable{
	margin-top: 20px;
}

.none{
	display:none;
}

.especial_desplegado{
	margin-bottom: 20px;
	background-color: #DB978C !important;
}

.tabla_equipacion_siniestro th:last-child, .tabla_culpable_perjudicado th:last-child {
  border-right: none;
}

.tabla_equipacion_siniestro th:first-child, .tabla_culpable_perjudicado th:first-child {
  border-left: 1px solid rgb(221, 221, 221);	
}

.formulario_siniestro label{
	font-size: 12px;
}

.clase_modal{
    position: absolute;
    top: 100px;
    left: 230px;
    background-color: #fff;
    background-clip: padding-box;
    border: 2px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    text-align: center;
    padding: 50px;
    width: 600px;
    font-size: 18px;
    color: red;    
    opacity: 0.9;
    background-color: #dddddd;    
    overflow: scroll;
}

.clase_modal_info{
    position: absolute;
    top: 100px;
    left: 230px;
    background-color: #fff;
    background-clip: padding-box;
    border: 2px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    text-align: center;
    padding: 50px;
    width: 600px;
    font-size: 18px;
    color: green;    
    opacity: 0.9;
    background-color: #dddddd;    
    overflow: scroll;
}

.rojo{
  color: red !important;    
}

.hidden{
	display:none;
}

#documentos_siniestros{
	font-size: 11px !important;
	width: 100%; 
}

.auto_titulo{
	font-size: 14px !important;
	text-decoration: underline;
}

.ancho200{
    width: 200px !important;
}

 */

/********************/
/*		ALERTA		*/
/********************/

#alerta {
 	width: 670px;
}

/********************/
/*		ERRORES		*/
/********************/

#errores {
    font-size: 15px; 
    text-align: left;
    width: auto;
    max-width: 700px;
    min-height: 50px;
    border: solid 2px #FFCC33;
    background-color: #FFFFCC;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

#errores .errors {
    width: 700px;
    margin-top: 10px; 
    margin-left: 15px; 
}

#errores ul {
	list-style: disc inside;
	margin:0em 0 1em;
}

#errores ul li{
	margin: 0; 
	padding:.1em .1em; 
}

/*********************************/
/* configuracion de las pestañas */
/*********************************/
ul#tabs, ul#tabs2 {
    left: 0px;
    top: 0px;
    margin:0;
    padding:0;
    width: 100%; 
    max-width: 810px;
    min-height: 24px;
    z-index: 20;
}
ul#tabs li, ul#tabs2 li {
    float:left;
    height: 23px;
    padding-left: 8px;
    list-style: none;
    margin-right: 1px;
    background: url(../images/tabs.png) left -48px;
}
ul#tabs li.actual, ul#tabs2 li.actual {
    background: url(../images/tabs.png) left -72px;
}
ul#tabs li a, ul#tabs2 li a {
    display: block;
    /* hack para ie6 */
    display: inline-block;
    /* fin del hack */
    height: 23px;
    line-height: 23px;
    padding-right: 8px;
    outline: 0px none;
    font-family: Verdana, Arial, sans-serif;
    font-size: 1em; 
    font-weight: bold;
    text-decoration: none;
    color: #88A;
    background: url(../images/tabs.png) right 0px;
    width: 185px;
    text-align: center;
}

ul#tabs li.actual a, ul#tabs2 li.actual a {
    height: 24px;
    line-height: 24px;
    background: url(../images/tabs.png) right -24px;
    cursor: pointer;
    color: #FF0000;
}
ul#tabs li input, ul#tabs2 li input {
    display: block;
    /* hack para ie6 */
    display: inline-block;
    /* fin del hack */
    height: 23px;
    line-height: 23px;
    padding-right: 8px;
    outline: 0px none;
    font-family: Verdana, Arial, sans-serif;
    font-size: 1em;
    font-weight: bold;
    vertical-align: middle;
    text-decoration: none;
    color: #8888AA;
    background: url(../images/tabs.png) right 0px;
}

ul#tabs li.actual input, ul#tabs2 li.actual input {
    height: 24px;
    line-height: 24px;
    background: url(../images/tabs.png) right -24px;
    cursor: pointer;
    color: #FF0000;
    vertical-align: middle;
}

/**************************************/
/* estilos para calendario datepicker */
/**************************************/
img.ui-datepicker-trigger {
	position: relative; 
	top: 10px; 
	width: 32px; 
	height: 32px; 
	margin-left: 5px;
}

/****************************/
/* estilos para comentarios */
/****************************/
.comentario{
	border: solid 2px #FFCC33; 
	background-color: #FFFFCC; 
	color: #339900; 
    padding: 5px; 
    text-align: justify;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

/**********************************/
/* estilos para barra de progreso */
/**********************************/
#barra_progreso{
	position:fixed;
	width:100%;
	height:100%;
    display: none;
    z-index: 97;
}
#barra_pro1{
	position:fixed;
	width:100%;
	height:100%;
	background-color:#000000;
	opacity: .5;
    filter:alpha(opacity=50)\9;
	top: 0px;
	left: 0px;
	text-align: center;
    z-index: 98;
}

#barra_pro2{
	position:relative;
	width:100%;
	height:100%;
	margin-top: 1%;
	margin-left: 33%;
	text-align: center;
    z-index: 99;
}

#barra_pro3{
	position:fixed;
	width:100%;
	height:100%;
	margin-top: 15%;
	text-align: center;
    color: #ffffff;
    font: bold 16px verdana, arial, helvetica, sans-serif;
    z-index: 100;
}

.barraProgreso{
	top: 0px;
	left: 0px;
	position:fixed;
	text-align: center;
}
.barraProgreso label{
	position:absolute;
	display:block;
	overflow:hidden;
	text-align: center;
	width:475px;
	height:125px;
    color: #d42e12;
    border: 3px solid #d42e12;
    background-color: #ffffff;
    font: bold 16px verdana, arial, helvetica, sans-serif;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

/************************/
/* vista para impresión */
/************************/

@media print {
.errors {display:none;}  
#cabecera{display:none;}
#lateral{display:none;}
#busqueda{display:none;}
#alerta{display:none;}
}

/************************/
/* estilos para scroll  */
/************************/
#DivRoot{
	position:absolute;
}

#DivHeaderRow{
	overflow: hidden;
	margin-right: 15px;
	border-left: 1px solid #d42e12;
}

#DivMainContent{
	overflow-y: scroll;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
}

/******************************/
/* colaboradores - vehiculos  */
/******************************/
.btn {
	color: white;
	padding: 8px 17px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 13px;
	margin: 4px 2px;
	cursor: pointer;
} 

.btn_lg {
	color: white;
    padding: 9px 42px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
} 
  
.btn-success {
	color: #fff;
	background-color: #28a745;
	border: 1px solid #28a745;
}

.btn-default {
	color: #000000;
	background-color: ##6c757d;
	border: 1px solid ##6c757d;
}

.btn-success:hover {
	background-color: #218738; 
	color: #fff;
}

.btn-primary {
	color: #fff;
	background-color: #007bff;
	border: 1px solid #007bff;
}
.btn-primary:hover {
	background-color: #216ba6;
	color: white;
}

.center{
	text-align:center!important;
}	

label{
    font-size: 14px;
}
.border {
	border: 1px solid black;
	border-collapse: collapse;
  }

  .padding_line_first{
	padding-top:10px;
	padding-bottom:5px;
	padding-left:15px;
	padding-right:15px;

  }

  .padding_line_last{
	padding-top:5px;
	padding-bottom:10px;
	padding-left:15px;
	padding-right:15px;

  }

.campo_input{
	font-size: 15px!important;
	height: 30px!important;
	width: 350px!important;
}
.campo_input_lg{
	font-size: 15px!important;
	height: 30px!important;
	width: 98%!important;
}

.campo_input_tabla{
	font-size: 15px!important;
	height: 23px!important;
	width: 40px!important;
}
.campo_input_tabla_lg{
	font-size: 15px!important;
	height: 23px!important;
	width: 256px!important;
}


.campo_file{
	font-size: 15px!important;
	height: 30px!important;
	width: 460px!important;
}

.campo_select{
	font-size: 15px!important;;
	height: 35px!important;;
    width: 398px!important;;
}

.hr {
	height: 3px;
	background-color: red;
	margin-left: 70px;
    margin-right: 70px;
  }

.padding_15{
	padding:15px;
}	
.padding_tabla{
	padding:6px;
}	

.tabla{
	border: 1px solid black;
	border-collapse: collapse;
	margin-bottom:40px;
	margin-top:40px;
	width:655px;

}

.align_right{
    text-align: right;
}

caption{
	margin-bottom:10px!important;	
}	

.botones_literales{
	margin-top: 40px;
	margin-left: 70px;
}