body {
background: rgba(255,255,255,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(232,239,250,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(232,239,250,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(232,239,250,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(232,239,250,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(232,239,250,1) 100%);
background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(232,239,250,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8effa', GradientType=1 );
}

.body_2 {
background:#FFFFFF;
}


.entrada
	{
		position: absolute;
		top:30%;
		left:60%;
		width:80%;
		margin-left:-50%;
		height:800px;
		margin-top:-150px;
		border:1px solid #808080;
		padding:5px;
		background:#FFFFFF;
-webkit-box-shadow: 10px 10px 63px -1px rgba(209,209,209,1);
-moz-box-shadow: 10px 10px 63px -1px rgba(209,209,209,1);
box-shadow: 10px 10px 63px -1px rgba(209,209,209,1);
	}
	
	#logo_entrada
	{
		position:relative;
		top:20px;
		margin-left:10px;
	}

	#texto_entrada
	{
	position:relative;
	top:40px;
	margin-left:10px;
	color: #212121;
	font-family: roboto,arial,sans-serif;	
	font-size: 45px;
	}
	#campos_entradas
	{
	position:relative;
	top:10px;
	color:#848484;
	white-space:nowrap;
	z-index:0;
	}
	#email_capa
	{
	position:relative;
	top:0px;
	color:#848484;
	margin-left:10px;
	white-space:nowrap;
	font-size: 55px;
	}
	#contrasena_capa
	{
	position:relative;
	top:45px;
	color:#848484;
	margin-left:10px;
	white-space:nowrap;
	z-index:10;
	font-size: 55px;	
	}
	#boton_entrada
	{
	position:relative;
	top:33px;
	color:#848484;
	margin-right:10px;
	white-space:nowrap;
	text-align: center;
	width: 100%;
	}
	#olvidar_contra
	{
	position:relative;
	top:20px;
	color:#0095DD;
	font-family: roboto,arial,sans-serif;	
	margin-left:10px;
	font-size:15px;
	}

	#recordar_contrasena
	{
	position:relative;
	top:0px;
	color:#0095DD;
	font-family: roboto,arial,sans-serif;	
	margin-left:10px;
	font-size:15px;
	}	

	#inspeccion_entrada_logo
	{
	position:relative;
	top:235px;
	margin-right:10px;
	white-space:nowrap;
	width: 100%;	
	text-align: right;
	}

	#mensajes_alerta_entrada
	{
	position:relative;
	top:10px;
	color:#B9042C;
	font-family: roboto,arial,sans-serif;
	font-size:38px;
	margin-left:10px;
	}
	

.btn_entrada {
  text-align: center;
  width: 100%;
  background: #000000;
  background-image: -webkit-linear-gradient(top, #000000, #425666);
  background-image: -moz-linear-gradient(top, #000000, #c6dada);
  background-image: -ms-linear-gradient(top, #000000, #c6dada);
  background-image: -o-linear-gradient(top, #000000, #c6dada);
  background-image: linear-gradient(to bottom, #000000, #c6dada);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  font-family: Arial;
  color: #ffffff;
  font-size: 75px;
  text-decoration: none;
  cursor:pointer;
  
}

.btn_entrada:hover {
  text-align: center;
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #425666, #000000);
  background-image: -moz-linear-gradient(top, #425666, #000000);
  background-image: -ms-linear-gradient(top, #425666, #000000);
  background-image: -o-linear-gradient(top, #425666, #000000);
  background-image: linear-gradient(to bottom, #425666, #000000);
  text-decoration: none;
 cursor:pointer;
}

.contrasena
{
	font-size:40px;	
	color:#0095DD;
	white-space:nowrap;

}

.principal
{
		position: absolute;
		margin-top:10;
		margin-left:2%;
		margin-right:2%;
		width:96%;

}
.cabecera
{
	top:0px;
	width:100%;
	height:90px;
}

.cerrar_sesion {	
	text-align:right;
	position:relative;
	margin-right:15px;
	font-family: roboto,arial,sans-serif;
	font-size:15px;
	white-space:nowrap;
	color:#BBBBBB;
	width: 25%;
	float: right;

}

.cerrar_sesion:hover {	
	text-align:right;
	position:relative;
	margin-right:15px;
	font-family: roboto,arial,sans-serif;
	white-space:nowrap;
	font-size:17px;
	color:#1F1F1F;
}


			ul, ol {
				list-style:none;
				z-index:999999;
				width: 100%;
				align-content: center;
				text-align: center;
				
			}


			.sub {
				list-style:none;
				z-index:999999;
				align-content: center;
				text-align: center;
				width:auto;
				
			}

			.sub > li {
				z-index:999999;
				background:#E5EDff;
			}
			
			.nav > li {
				float:left;
				z-index:999999;
				background:#E5EDFC;
				width: 23.5%;
				margin-right: 2px;
				
			}
			
			.nav li a {
				
				text-decoration:none;
				padding:30px;
				display:block;
				color:#224b5c;
				font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", "Helvetica", "Arial", "sans-serif";
				z-index:999999;
			    font-size:150%;

			}
			.nav li a.active {
		
				color:#224b5c;
				background-color: #688a99;
			}
			
			
			.nav li a:hover {
				background-color:#434343;
				color:#e9ecf0;
			}
			
			.nav li ul {
				display:none;
				position:absolute;
				z-index:999999;
			}
			
			.nav li:hover > ul {
				display:block;
			}
			
			.nav li ul li {
				position:relative;
			}
			
			.nav li ul li ul {
				top:0px;
			}

.enunciado
{
	position:relative;
	text-align:center;
	color:#224b5c;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", "Helvetica", "Arial", "sans-serif";
	padding:10px;
	z-index:-1;
	margin-top:100px;


}


.tabla_ver_aud
{ 
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", "Helvetica", "Arial", "sans-serif";
	font-size: 20px; 
	border: 1px solid black;
	border-collapse: collapse;
}

.tabla_inicio_inpeccion
{

	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", "Helvetica", "Arial", "sans-serif";
	font-size: 30px; 
	border: 1px solid black;

}

.tabla_detalles_inpeccion
{

	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", "Helvetica", "Arial", "sans-serif";
	font-size: 25px; 
	border: 1px solid black;
}

.tabla_nueva_inpeccion
{

	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", "Helvetica", "Arial", "sans-serif";
	font-size: 30px; 
	border: 0px;

}


.narnajaText{ background-color:#C3935D; width: 100%; font-family: 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'DejaVu Sans Condensed', 'Helvetica', 'Arial', 'sans-serif';  font-size: 22px; text-align: center; text-align-last: center;
padding:9px 0;width:100%;border:none;border-bottom:1px solid #DDDDDD;
}

.greenText{ background-color:#79A87D; width: 100%; font-family: 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'DejaVu Sans Condensed', 'Helvetica', 'Arial', 'sans-serif';  font-size: 22px; text-align: center; text-align-last: center;
padding:9px 0;width:100%;border:none;border-bottom:1px solid #DDDDDD;
}

.blueText{ background-color:#FFFFFF; width: 100%; font-family: 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'DejaVu Sans Condensed', 'Helvetica', 'Arial', 'sans-serif';  font-size: 22px; text-align: center; text-align-last: center;
padding:9px 0;width:100%;border:none;border-bottom:1px solid #DDDDDD;
}

.redText{ background-color:#FFCFD0; width: 100%; font-family: 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'DejaVu Sans Condensed', 'Helvetica', 'Arial', 'sans-serif';  font-size: 22px; text-align: center; text-align-last: center;
padding:9px 0;width:100%;border:none;border-bottom:1px solid #DDDDDD;
}


.subir_imagen {
    border: 0px;
	width: 50px;
	height: 50px;
    display: inline-block;
	white-space: nowrap;
	background-image:url(img/subir_imagen.png);
	background-repeat:no-repeat;
	background-size:contain;
    text-decoration: none;
    margin: 4px 2px;
    cursor: pointer;
	background-color: #FCFCFC;
	
}



.subir_imagen_pdf {
    border: 0px;
	width: 50px;
	height: 50px;
    display: inline-block;
	white-space: nowrap;
	background-image:url(img/subir_imagen_pdf.png);
	background-repeat:no-repeat;
	background-size:contain;
    text-decoration: none;
    margin: 4px 2px;
    cursor: pointer;
	background-color: #FCFCFC;
	
}

.elegir_imagen_motor {
    border: 0px;
	width: 241px;
	height: 50px;
    display: inline-block;
	white-space: nowrap;
	background-image:url(img/elegir_fotografia_motor.png);
	background-repeat:no-repeat;
	background-size:240px;
    text-decoration: none;
    margin: 0px 20px;
    cursor: pointer;
	background-color: #FCFCFC;
}



.elegir_foto_1 {
    border: 0px;
	width: 243px;
	height: 50px;
    display: inline-block;
	white-space: nowrap;
	background-image:url(img/subir_foto_1.png);
	background-repeat:no-repeat;
	background-size:240px;
    text-decoration: none;
    margin: 0px 20px;
    cursor: pointer;
	background-color: #FCFCFC;
}

.elegir_foto_2 {
    border: 0px;
	width: 243px;
	height: 50px;
    display: inline-block;
	white-space: nowrap;
	background-image:url(img/subir_foto_2.png);
	background-repeat:no-repeat;
	background-size:240px;
    text-decoration: none;
    margin: 0px 20px;
    cursor: pointer;
	background-color: #FCFCFC;
}

.elegir_foto_3 {
    border: 0px;
	width: 243px;
	height: 50px;
    display: inline-block;
	white-space: nowrap;
	background-image:url(img/subir_foto_3.png);
	background-repeat:no-repeat;
	background-size:240px;
    text-decoration: none;
    margin: 0px 20px;
    cursor: pointer;
	background-color: #FCFCFC;
}

.elegir_bastidor {
    border: 0px;
	width: 243px;
	height: 50px;
    display: inline-block;
	white-space: nowrap;
	background-image:url(img/elegir_bastidor.png);
	background-repeat:no-repeat;
	background-size:240px;
    text-decoration: none;
    margin: 0px 20px;
    cursor: pointer;
	background-color: #FCFCFC;
}



.elegir_imagen {
    border: 0px;
	width: 243px;
	height: 50px;
    display: inline-block;
	white-space: nowrap;
	background-image:url(img/elegir_fotografia.png);
	background-repeat:no-repeat;
	background-size:240px;
    text-decoration: none;
    margin: 0px 20px;
    cursor: pointer;
	background-color: #FCFCFC;
}


.elegir_qr {
    border: 0px;
	width: 243px;
	height: 50px;
    display: inline-block;
	white-space: nowrap;
	background-image:url(img/elegir_qr.png);
	background-repeat:no-repeat;
	background-size:240px;
    text-decoration: none;
    margin: 0px 20px;
    cursor: pointer;
	background-color: #FCFCFC;
}

.elegir_imagen_pdf {
    border: 0px;
	width: 239px;
	height: 76px;
    display: inline-block;
	white-space: nowrap;
	background-image:url(img/subir_pdf.png);
	background-repeat:no-repeat;
	background-size:240px 75px;
    text-decoration: none;
    margin: 0px 20px;
    cursor: pointer;
	background-color: #FCFCFC;
}

#previsualizar
{
		position:absolute;
		margin-top:0;
		margin-left:0;
		margin-right:0;
		width:100%;
		height:100%;
		visibility: hidden;
		background:#E5E5E5;
		z-index: 9999999999;
		border: 1px;
		border-bottom-style: double;
		border: dotted;
		padding-left: 10px;
		padding-top: 20px;
	
}


.container {
  display: block;
  position: relative;
  padding-left: 65px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 40;
  margin-top: 40px
}

/* Hide the browser's default checkbox */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 50px;
  width: 50px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
  left: 15px;
  top: 10px;
  width: 20px;
  height: 25px;
  border: solid white;
  border-width: 0 3px 6px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.panel-heading {
    color: #fff;
    background-color: #787878;
    border-color: #787878;
	padding: 10px 15px;
    border-bottom: 1px
px
 solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}