/* CSS Document */


/* NORMAL ***********************************************/

a
{
	color: #4a4899;
}

a.adicionar
{
	background: #95AD2E;
	border: none;
	border-radius: 10px;
	box-shadow: 1px 2px 2px 1px #8C8C8C;
	color: white;
	display: inline-block;
	margin: 10px 0 30px;
	padding: 5px 20px;
	text-decoration: none;
	text-transform: uppercase;
}

a.adicionar:hover
{
	opacity: 0.8;
}

body
{
	background: #cccccc !important;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin: 0;
	padding: 0;
	width: 100%;
}

footer
{
	padding: 30px 0 0 0;
	position: relative;
}

footer #copy
{
	background: #9bad3e;
	border-radius: 5px;
	padding: 15px 0 10px 7%;
}

footer #copy #copyimage
{
	display: inline-block;
	vertical-align: top;
}

footer #copy #copytext
{
	color: white;
	display: inline-block;
	margin: 0 0 0 25px;
	vertical-align: top;
}

footer #copy #copytext a
{
	color: white;
}

footer #soporte
{
	bottom: 12px;
	position: absolute;
	right: 10px;
}

footer #soporte #texto-soporte
{
	background: #9bad3e;
    border: 3px solid white;
    border-radius: 10px;
    bottom: 30px;
    color: white;
    display: none;
    padding: 20px;
    position: absolute;
    right: 0;
    width: 260px;
}

h1, h2, h3, h4, h5, h6
{
	margin: 0 0 10px 0;
	padding: 0;
}

h3.panel-title
{
	font-weight: bold;
}

header #logodatos
{
	display: inline-block;
	width: 100%;
}

header #logodatos #safetylogo
{
	background: url(../img/logo.png) no-repeat top center;
	float: left;
	height: 106px;
	width: 233px;
}

header #logodatos #misdatos
{
	float: right;
	margin: 20px 15px 0 0;
}

header #logodatos #logo-empresa
{
	float: left;
	vertical-align: middle;
}

header #logodatos #logo-empresa img
{
	max-height: 80px;
}

header .mimenu
{
	background: #98b051;
	border-radius: 5px;
	margin: 10px 0 10px 0;
	padding: 4px 0;
}

header .mimenu li
{
	border-radius: 10px;
	box-shadow: 1px 1px 3px #000;
	color: white;
	display: inline-block;
	list-style: none;
	padding: 10px 10px;
	position: relative;
	vertical-align: top;
}

header .mimenu li:hover
{
	background: #e0ae4a;
}

header .mimenu li a
{
	color: white;
	text-decoration: none;
}

header .mimenu li ul.submenu
{
	border-radius: 5px;
	display: none;
	left: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 42px;
	width: 190px;
	z-index: 999;
}

header .mimenu li ul.submenu li
{
	background: #e0ae4a;
	border: 1px solid #b77600;
	display: list-item;
	list-style: none;
}

header .mimenu li:hover ul.submenu
{
	display: block;
}

header .mimenu li:hover ul.submenu li:hover
{
	background: #98b051;
}

header .mimenu li ul.submenu li .submenu2
{
	display: none;
	position: absolute;
	right: -180px;
	top: 0;
}

header .mimenu li ul.submenu li:hover .submenu2
{
	display: block;
}

img
{
	border: 0;
}

input, select, textarea
{
	font-family: Arial, Helvetica, sans-serif;
}

input[type=email], 
input[type=number], 
input[type=text], 
input[type=password], 
textarea
{
	background: #eed3a1;
	border: 1px solid #dddddd;
	border-radius: 10px;
	font-size: 16px;
	padding: 5px 10px;
	width: 80%;
}

input[type=submit], input[type=button]
{
	background: #e0ae4a;
	border: 1px solid #dddddd;
	border-radius: 15px;
	color: white;
	font-size: 16px;
	font-weight: bold;
	padding: 10px 15px;
	text-transform: uppercase;
}

input[type=submit]:hover, input[type=button]:hover
{
	background: #333;
}

input[type=button].disabled
{
	background: #e0ae4a url(../img/loading.gif) no-repeat center center;
	background-size: 100%;
	text-indent: -3000px;
	width: 50px;
}

label
{
	text-align: left;
}

label.error
{
	font-size: 13px;
}

select
{
	background: #eed3a1;
	border: 0;
	border-radius: 15px;
	font-size: 16px;
	max-width: 100%;
	padding: 5px 10px;
}

select[multiple=multiple]
{
	min-height: 300px;
	min-width: 50%;
	max-width: 100%;
}

select[multiple=multiple] option
{
	padding: 5px;
}

table
{
	margin: 0 0 10px 0;
}

table a
{
	background: #95AD2E;
	border: none;
	border-radius: 10px;
	box-shadow: 1px 2px 2px 1px #8C8C8C;
	color: white;
	display: inline-block;
	margin: 0 0 5px 0;
	padding: 3px 5px;
	text-decoration: none;
	text-transform: uppercase;
}

table a:hover
{
	opacity: 0.8;
}

table a.normal
{
	background: none;
	box-shadow: none;
	color: #333333;
	text-decoration: underline;
	text-transform: initial;
}

table tr:nth-child(even)
{
	background: #cccccc;
}

table tr th, table tr td
{
	padding: 5px;
}

table tr td .iradio_line-aero
{
	width: 100%;
}

table tr td
{
	position: relative;
}

table tr td .popup
{
	background: white;
	border: 2px solid #6b6a6a;
	border-radius: 10px;
	padding: 20px;
	position: absolute;
	top: 35px;
	width: 800px;
	z-index: 9;
}

table tr td .popupmini
{
	background: white;
	border: 2px solid #6b6a6a;
	border-radius: 10px;
	padding: 5px 10px 10px 10px;
	position: absolute;
	right: 0;
	text-align: left;
	top: 35px;
	width: 400px;
	z-index: 9;
}

table tr td .popupmini a
{
	background: none;
	box-shadow: none;
	color: black;
	margin: 0 0 5px 0;
	padding: 0;
}

table tr td .popupmini .input
{
	width: 100%;
}

table tr.trtitulo
{
	background: #a3f18f;
}

table.table-striped a
{
	background: none;
	box-shadow: none;
	color: black;
	display:inherit;
	margin: 0;
	padding: 0;	
	text-transform: none;
}

/* ID ***************************************************/

#activar
{
	display: inline-block;
	text-align: right;
	vertical-align: top;
	width: 100%;
}

#activar li
{
	display: inline-block;
	list-style: none;
	margin-bottom: 10px;
	vertical-align: top;
}

#activar li a
{
	background: #95AD2E;
	border: none;
	border-radius: 10px;
	box-shadow: 1px 2px 2px 1px #8C8C8C;
	color: white;
	display: inline-block;
	margin: 0 0 0 10px;
	padding: 3px 5px;
	text-decoration: none;
	text-transform: uppercase;
}

#activar li a:hover,
#activar li a.actual
{
	background: #e0ae4a;
}

#activar .anhos
{
	float: left;
	margin-bottom: 20px;
}

#activar .anhos label
{
	display: inline-block;
}

#advertencia
{
	border: 1px solid #cccccc;
	border-radius: 10px;
	margin: 100px auto;
	padding: 30px 50px;
	text-align: center;
	width: 80%;
}

#anuncio
{
	border: 1px solid #ccc;
	border-radius: 10px;
    margin: 40px auto;
    padding: 40px;
    text-align: center;    
    width: 50%;
}

#botonguardar
{
	vertical-align: top;
}

#buscaravanzada .fechas .fila
{
	display: inline-block;
	vertical-align: top;
	width: 33%;
}

#buscaravanzada .fechas .fila .item
{
	display: inline-block;
	vertical-align: top;
	width: 49%;
}

#buscaravanzada .filtro .fila
{
	display: inline-block;
	vertical-align: top;
	width: 33%;
}

#buscaravanzada .filtro .fila select[multiple=multiple]
{
	min-height: 200px;
}

#cajaries
{
	height: 650px;
	margin: 15px 0;
	overflow: hidden;
	position: relative;
	width: 600px;
}

#cajaries .barra
{
	float: left;
	width: 200px;
}

#cajaries .barra .colores
{
	height: 600px;
	overflow: hidden;
}

#cajaries .barra .titulo
{
	font-weight: bold;
	height: 50px;
	line-height: 50px;
	text-align: center;
	text-transform: uppercase;
}

#cajaries .linea50
{
	border-top: 1px dashed grey;
	position: absolute;
	top: 350px;
	width: 100%;
}

#condicionopcion input[type=radio]
{
	height: 20px;
	width: 20px;
}

#condicionopcion .radiolabel
{
	margin: 0 20px 0 5px;
}

#content
{
	padding: 15px 0;
}

#content .dropzone
{
	border: 2px dashed rgba(0,0,0,0.3);
	border-radius: 10px;
}

#cuestionario
{
	display: inline-block;;
	vertical-align: top;
	width: 100%;
}

#cuestionario .enviar
{
	margin: 60px 0 15px 0;
}

#cuestionario .filas
{
	display: inline-block;
	padding: 15px 0;
	vertical-align: top;
	width: 100%;
}

#cuestionario .filas .numero
{
	float: left;
	font-weight: bold;
	width: 5%;
}

#cuestionario .filas .pregunta
{
	float: left;
	margin-right: 2%;
	width: 48%;
}

#cuestionario .filas .respuestas
{
	float: left;
	width: 45%;
}
 
#cuestionario .filas .respuestas .respuesta
{
	float: left;
	text-align: center;
}

#cuestionario .filas .respuestas .respuesta label.nombre
{
	display: none;
}

#cuestionario .filas .respuestas .respuesta input[type=radio],
#cuestionario .filas .respuestas .respuesta input[type=checkbox]
{
	height: 20px;
	width: 20px;
}

#cuestionario .filas .respuestas .respuesta input[type=text],
#cuestionario .filas .respuestas .respuesta select,
#cuestionario .filas .respuestas .respuesta textarea
{
	background: white;
	border: 1px solid #cccccc;
}

#cuestionario .ficha .filas .respuestas .respuesta
{
	text-align: left;
}

#cuestionario .instruccion
{
	font-size: 18px;
	margin:	60px 0 30px 0; 
}

#cuestionario .mynormal:nth-child(even)
{
	background: #f1f1f1;
}

#cuestionario .mynormal:hover
{
	background: #cccccc;
}

#cuestionario.informe .filas .respuestas
{
	float: left;
	font-weight: bold;
	margin-right: 2%;
	text-align: right;
	width: 43%;
}

#elcontrol .controles
{
	border-bottom: 1px solid #cccccc;
	padding: 0 0 10px 0;
	margin: 0 0 20px 0;
}

#elcontrol .controles .titulo
{
	font-size: 18px;
	font-weight: 600;
}

#empresaprint
{
	display: none;
}

#filtros
{
	display: inline-block;
}

#filtros #buscar
{
	display: inline-block;
}

#filtros #buscar input[type=text]
{
	width: 100%;
}

#filtros #buscar input[type=submit]
{
	padding: 7px 10px;
}

#filtros .fila
{
    display: inline-block;
    margin-left: 20px;
}

#filtros .fila label
{
    display: none;
}

#grafica
{
	padding-top: 40px;
}

#htmltabla tr.amarillo
{
	background: rgba(239, 255, 0, 0.3);
}

#htmltabla tr.rojo
{
	background: rgba(255, 0, 0, 0.3);
}

#htmltabla tr.verde
{
	background: rgba(38, 142, 56, 0.3);
}

#indexhome
{
	text-align: center;
	margin: 0 auto;
	width: 70%;
}

#indexhome .nombre
{
	display: inline-block;
	width: 160px;
}

#lasnormas
{
	padding: 30px 0;
}

#lasnormas .normas .articulos
{
	padding: 20px 0;
}

#lasnormas .normas .articulos .articulo
{
	position: relative;
}

#lasnormas .normas .articulos .articulo .openmore
{
	position: absolute;
	right: 5px;
	top: 5px;
}

#lasnormas .normas .articulos .articulo .openmore a
{
	color: white;
	text-decoration: none;
}

#lasnormas .normas .revisa
{
	text-align: right;
}

#laspersonasrequiere
{
	background: #e0e0e0;
    border-radius: 10px;
    padding: 20px 20px 5px 20px;
}

#matrizcliente .descripcion, 
.matrizcliente .descripcion
{
	border: 1px solid #cccccc;
	border-radius: 10px;
	margin: 10px 0 0 0;
	padding: 15px 30px;
}

#matrizcliente .descripcion .norma, 
.matrizcliente .descripcion .norma
{
	font-size: 12px;
	font-style: italic;
	margin: 10px 0 0 0;
}

#matrizcliente .matriz, 
.matrizcliente .matriz
{
	margin-bottom: 10px;
}

#matrizcliente .matriz:hover, 
.matrizcliente .matriz:hover
{
	background: #f1f1f1;
}

#matrizcliente .matriz .button, 
.matrizcliente .matriz .button
{
	display: inline-block;
	font-size: 20px;
	text-align: right;
	vertical-align: middle;
	width: 8%;
}

#matrizcliente .matriz .button a, 
.matrizcliente .matriz .button a
{
	color: #e0ae4a;
}

#matrizcliente .matriz .input, 
.matrizcliente .matriz .input
{
	display: inline-block;
	vertical-align: middle;
	width: 4%;
}

#matrizcliente .matriz .input input, 
.matrizcliente .matriz .input input
{
	height: 30px;
	width: 30px;
}

#matrizcliente .matriz .text, 
.matrizcliente .matriz .text
{
	display: inline-block;
	vertical-align: top;
	width: 86%;
}

#matrizcliente .matriz .text .titulo, 
.matrizcliente .matriz .text .titulo
{
	font-size: 10px;
}

#matrizriesgo input[type=checkbox],
#matrizriesgo input[type=radio]
{
	height: 20px;
	width: 20px;
}

#modificaractividad a
{
	background: #95AD2E;
	border: none;
	border-radius: 10px;
	box-shadow: 1px 2px 2px 1px #8C8C8C;
	color: white;
	display: inline-block;
	margin: 0 0 5px 0;
	padding: 3px 5px;
	text-decoration: none;
	text-transform: uppercase;
}

#modificaractividad a:hover
{
	opacity: 0.8;
}

#modificaractividad label
{
	display: none;
}

#modificaractividadfila #num0
{
	display: none;
}

#navigation
{
	margin: 15px 0;
}

#navigation a
{
	background: #95AD2E;
	border: none;
	border-radius: 10px;
	box-shadow: 1px 2px 2px 1px #8C8C8C;
	color: white;
	display: inline-block;
	margin: 0 0 0 10px;
	padding: 3px 5px;
	text-decoration: none;
	text-transform: uppercase;
}

#navigation a:hover,
#navigation a.seleccionado
{
	background: #e0ae4a;
}

#nuevosestados
{
	border: 3px dotted #ccc;
	border-radius: 10px;
	margin-bottom: 20px;
    padding: 2%;	
    text-align: left;
}

#portipo
{
	margin-top: 100px;
}

#reportemaquinas h2
{
	border-bottom: 1px solid #ccc;
	margin: 80px 0 15px 0;    
    padding-bottom: 5px;
}

#tablacopia li
{
	float: left;
	font-size: 10px;
	width: 33%;
}

#tablero-control td, #tablero-control th
{
	text-align: center;
}

#tablero-control tr td:first-child, #tablero-control tr th:first-child
{
	text-align: left;
}

#tablero-control .amarillo
{
	background: #faffb3;
}

#tablero-control .naranja
{
	background: #ffb480;
}

#tablero-control .rojo
{
	background: #ffb3b3;
}

#tablero-control .verde
{
	background: #beddc3;
}

#theasociation ul
{
	background: #eee;
	list-style-type: none; 
	margin: 0; 
	min-height: 380px;
	padding: 10px;
}

#theasociation ul li
{ 
	cursor: move;
	padding: 5px;
	position: relative;
}

#theasociation ul li a
{
	position: absolute;
	right: 5px;
	top: 25%;
}

#thesearch
{
	padding: 30px 0 30px 0;
	text-align: center;
}

#thesearch label
{
	text-align: center;
}

#tipos
{
	display: inline-block;
	vertical-align: top;
	width: 100%;
}

#tipos .tipo
{
	border: 1px solid #cccccc;
	border-radius: 10px;
	margin-bottom: 20px;
}

#tipos .tipo h2
{
	background: #e0ae4a;
	color: white;
	padding: 15px 2%;
}

#tipos .tipo .normas
{
	padding: 15px 2%;
}

#tipos .tipo .normas a
{
	color: black;
}

#tipos .tipo .normas .norma
{
	border: 2px solid #ccc; 
	border-radius: 5px;
	display: inline-block;
	margin-bottom: 20px;
	margin-right: 1%;
	padding: 1%; 
	vertical-align: top;
	width: 30%;
}

#tipos .tipo .normas .norma .obli
{
	color: green;
}

#tipos .tipo .normas .norma.revi
{
	border-color: green;
}

#verificacion
{
	width: 30px;
}

#words .impar
{
	background: white;
}

#words .par
{
	background: #cccccc;
}

#words .ventana
{
	background: white;
}

#words .ventana .informacion
{
	border: 2px solid #cccccc;
	border-radius: 10px;
	padding: 10px;
}

/* CLASS ************************************************/

.articulo
{
	border: 1px solid #cccccc;
	border-radius: 10px;
	margin-bottom:10px;
	padding: 15px 2%;
}

.articulo .data
{
	display: inline-block;
	vertical-align: top;
	width: 80%;
}

.articulo .data .identificador
{
	display: inline-block;
	font-weight: bold;
	margin-bottom: 10px;
	vertical-align: top;
	width: 100%;
}

.articulo .data .descripcion
{
	display: inline-block;
	margin-bottom: 10px;
	padding: 0 2% 0 0;
	vertical-align: top;
	width: 67%;
}

.articulo .data .requiere
{
	display: inline-block;
	margin-bottom: 10px;
	vertical-align: top;
	width: 30%;
}

.articulo .opciones
{
	display: inline-block;
	vertical-align: top;
	width: 19%;
}

.articulo.nivel1
{
	background: rgba(204,204,204, 0.9);
}

.articulo.nivel2
{
	background: rgba(204,204,204, 0.7);;
}

.articulo.nivel3
{
	background: rgba(204,204,204, 0.5);
}

.articulo.nivel4
{
	background: rgba(204,204,204, 0.3);
}

.articulo.nivel5
{
	background: rgba(204,204,204, 0.1);
}

.articulo.nivel6
{
	background: rgba(204,204,204, 0);
}

.abutton
{
    background: #95AD2E;
    border: none;
    border-radius: 10px;
    box-shadow: 1px 2px 2px 1px #8C8C8C;
    color: white;
    display: inline-block;
    margin: 0 0 5px 0;
    padding: 3px 5px;
    text-decoration: none;
    text-transform: uppercase;
}

.ayuda
{
	background: #f1f1f1;
	border: 1px solid #cccccc;
	border-radius: 10px;
	margin: 0 auto 20px;
	padding: 15px 4%;
	width: 100%;
}

.borrar
{
	display: inline-block;
	float: right;
}

.box
{
	background: white;
	border: 2px solid #cccccc;
	border-radius: 10px;
	left: 0;
	padding: 2% 4%;
	position: absolute;
	top: 40px;
	width: 92%;
}

.box .ocultar
{
	background: none;
	box-shadow: none;
	color: red;
	font-weight: bold;
	position: absolute;
	right: 0;
	top: 0;
}

.boxfijo
{
	background: white;
	border: 2px solid #cccccc;
	border-radius: 10px;
	left: 0;
	padding: 10px 20px;
	position: absolute;
	top: 40px;
	width: 450px;
	z-index: 9999;
}

.busquedas
{
	float:  right;
	text-align: right;
	width: 40%;
}

.center
{
	text-align: center;
}

.checklist
{
	height: 30px;
	width: 30px;
}

.color5
{
	background: rgba(218,77,70, 0.2);
}

.color6
{
	background: #ffc;
}

.color7
{
	background: rgba(0,0,0,0.1);
}

.container
{
	width: 100%;
}

.data
{
	margin: 0 0 10px 0;
}

.data label
{
	font-weight: bold;
}

.dias .fila
{
	display: inline-block;
	padding-right: 3%; 
}

.encajar
{
	border: 2px solid #cccccc;
	border-radius: 10px;
	padding: 15px 3% 5px;
}

.error
{
	color: red;
	display: block;
}

.error_message
{
	color: red;
}

.fila
{
	margin: 0 0 15px 0;
}

.fila2
{
	display: inline-block;
	margin: 0 1% 15px 0;
	vertical-align: top;
	width: 48%;
}

.fila3
{
	display: inline-block;
	margin: 0 1% 15px 0;
	vertical-align: top;
	width: 32%;
}

.fila19
{
	display: inline-block;
	margin: 0 0 15px 0;
	vertical-align: top;
	width: 19%;
}

.fila40
{
	display: inline-block;
	margin: 0 1% 15px 0;
	vertical-align: top;
	width: 39%;
}

.fila80
{
	display: inline-block;
	margin: 0 1% 15px 0;
	vertical-align: top;
	width: 79%;
}

.form-control
{
	display: initial;
}

.green
{
	color: green;
}

.icheckbox_line-aero, .iradio_line-aero
{
	margin: 0 0 5px 0;
}

.icheckbox_line-green, .iradio_line-green
{
	border-radius: 15px;
	margin: 0 0 5px 0;
	padding: 15px 15px 15px 38px;
}

.inactive
{
	color: #808080;
	font-style: italic;
}

.informe
{
	margin-bottom: 100px;
}

.informe .title
{
	text-align: center;
	text-transform: uppercase;
}

.iradio_line-aero .error
{
	position: absolute;
	right: 0;
	top: 50px;
}

.ladescripcion
{
	font-size: 14px;
}

.linksprint
{
	color: black;
	font-size: 10px;
	font-style: italic;
	text-align: right;
}

.linksprint a
{
	color: black;
}

.matrizfila.impar
{
	background: #cccccc;
}

.matrizfila.par
{
	background: none;
}

.mimenu .icon
{
	display: none;
}

.mybutton
{
	background: #e0ae4a;
	border: 1px solid #dddddd;
	border-radius: 15px;
	color: white;
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	padding: 15px 10px;
	text-decoration: none;
	text-transform: uppercase;
}

.mybutton:hover
{
	background: #333;
	color: white;
	text-decoration: none;
}

.myhide
{
	display: none;
}

.negrilla
{
	font-weight: bold;
}

.nivel1
{
	
}

.nivel2
{
	margin-left: 2%;
}

.nivel3
{
	margin-left: 4%;
}

.nivel4
{
	margin-left: 6%;
}

.nivel5
{
	margin-left: 8%;
}

.nivel6
{
	margin-left: 10%;
}

.nivel7
{
	margin-left: 12%;
}

.nivel8
{
	margin-left: 14%;
}

.nivel9
{
	margin-left: 16%;
}

.nivel10
{
	margin-left: 18%;
}

.nivel11
{
	margin-left: 20%;
}

.nivel12
{
	margin-left: 22%;
}

.tdcopy
{
	position: relative;
}

.tdcopy .novisible
{
	display: none;
	position: absolute;
	right: 0;
	top: 8px;
}

.inside
{
	background: white;	
	padding: 20px 1%;
}

.mensajes
{
	background: #900;
	color: white;
	display: inline-block;
	border-radius: 10px;
	padding: 5px 10px;
}

.mini
{
	display: block;
	font-size: 13px;
	font-weight: bold;
}

.mycheckbox.nombre
{
	display: inline-block;
}

.nombre
{
	display: block;
	font-size: 16px;
	font-weight: bold;
}

.oculto
{
	display: none;
}

.padding10
{
	padding: 10px;
}

.red
{
	color: red;
}

.relative
{
	position: relative;
}

.reques a
{
	float: right;
	margin-top: 20px;
}

.right
{
	text-align: right;
}

.selectables 
{
	display: inline-block;
	list-style: none;
	margin: 0;
	padding: 0;
}

.selectables li
{
	background: #cccccc;
	border-radius: 10px;
	color: black;
	display: inline-block;
	font-size: 12px;
	margin: 0 10px 10px 0;
	padding: 10px 20px;
	vertical-align: top;
}

.selectables li.ui-selected
{
	background: green;
	color: white;
}

.terminos
{
	float: left;
	width: 60%;
}

.third
{
	display: inline-block;
	vertical-align: top;
	width: 25%;
}

.third h3
{
	padding: 0 0 20px 0;
	text-align: center;
}

.third .caja
{
	padding-bottom:  20px;
}

.third .caja a
{
	color: black;
	text-decoration: underline;
}

.third .caja input
{
	height: 20px;
	width: 20px;
}

.third .caja .subcaja
{
	padding-left: 5%;
}

.third .caja .subcaja label
{
	font-weight: 400;
	max-width: 90%;
	vertical-align: middle;
}

.third .caja .subcaja label.dominio
{
	font-style: italic;
	font-weight: bold;
}

.third .mensaje
{
	color: red;
	padding-bottom: 15px
}

.third .micaja
{
	background: #eaeaea;
	border: 1px solid #cccccc;
	border-radius: 10px;
	margin-bottom: 20px;
	padding: 3%;
}

.twothird
{
	display: inline-block;
	vertical-align: top;
	width: 74%;
}

.vars
{
	display: inline-block;
	vertical-align: top;
	width: 100%;
}

.vars .link
{
	background: #98b051;
	border-radius: 50%; 
	color: white;
	float: right;
	margin-top: 30px;
}

.versions
{
	height: 40px;
}


/* .slideThree */

.checkbox3
{
	display: inline-block;
	margin-right: 10px;
}

.slideThree {
  width: 80px;
  height: 26px;
  background: #CCC;
  margin: 0 0 10px 0;
  position: relative;
  border-radius: 50px;
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2);
}

.slideThree:after {
  content: 'NO';
  color: #000;
  position: absolute;
  right: 10px;
  z-index: 0;
  font: 12px/26px Arial, sans-serif;
  font-weight: bold;
  text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.15);
}

.slideThree:before {
  content: 'SI';
  color: green;
  position: absolute;
  left: 10px;
  z-index: 0;
  font: 12px/26px Arial, sans-serif;
  font-weight: bold;
}

.slideThree label {
  display: block;
  width: 34px;
  height: 20px;
  cursor: pointer;
  position: absolute;
  top: 3px;
  left: 3px;
  z-index: 1;
  background: #fcfff4;
  background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  background: linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  border-radius: 50px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
}

.slideThree input[type=checkbox] {
  visibility: hidden;
}

.slideThree input[type=checkbox]:checked + label {
  left: 43px;
}

/* end .slideThree */