/* EDICIONES CASTILLO */

html, body{
	display:block;
    padding: 0px;
    margin: auto;
	font-family: "Arial", sans-serif;
	font-size:14px;
}

body{
	background-image:url(patron.png);
}

.col-title{
	color:#666666;
}
/* ################ Actualización ################# */
.respuesta-subrayada{background-color:rgba(237, 237, 237, 0.56)!important;border-radius: 1rem;padding: 3px 5px;}
div#btn_cerrar img{transition: all ease .3s;}
div#box-examenes li.pregunta,div#box-examenes label{
	transition: all ease .2s;
}
div#btn_cerrar img:hover{transform: scale(1.2)rotate(-15deg);}
div#btn_cerrar img:active{transform: scale(.8);}
#todo #contenedor{
	box-shadow: 0px 8px 16px rgba(33, 81, 75, 0.66)!important;
	border:none!important;
}
#todo{border:none!important;}
#col2 .reactivo .pregunta{	max-height: 4.5rem;}
#col3 .break, #col3 .txt_estilo{display: initial!important;}
#col3 .txt_estilo{letter-spacing: -.1px !important;}

#print-area .break, #print-area .txt_estilo, #col3 span.cambioPrev{
	display: inline-block;
}
.sortable .break{display: none;}
/*SOY LA ACTUALIZACION 160414---------*/
.sortable ul li p {
  font-size: 14px;
  display: inline-block;
  height: 26px;
  padding-bottom: 5px;
  overflow: hidden;
  vertical-align: middle;
  width: 85%;
}
.sortable ul li label{
vertical-align: top;
margin-left: 1em;
}
#print-area .pregunta p{
	display: inline;
}
/*---------SOY LA ACTUALIZACION 160414*/
.clip a{text-decoration: none;}

#boton-print a:hover, #boton-print-preview a:hover, #boton-print-cancel a:hover, #boton-seleccionar-todo a:hover, #boton-seleccionar-nada a:hover, #boton-mostrar-respuestas a:hover, #boton-ocultar-respuestas a:hover{
background-color: #DAD9D9!important;
}

.versalitas {font-variant: small-caps;-size: 80%;}
div#boton-ocultar-respuestas a{
	background: #D2D2D2;
}
/*div#box-reactivo b {
    color: #C2C2C2;
    font-size: xx-large;
    margin: 3rem 2rem;
    position: absolute;
}*/
div.box-inner div.clip{	overflow: hidden;}
div#box-examenes li.pregunta{
	cursor: url(../img/hand_open.png), auto;
	overflow: hidden;
	border:none!important;
}
div#box-examenes li.pregunta:hover {
    background: #CCCCCC;
}
div#box-examenes li.pregunta:active{
	background: rgb(169, 169, 169);
	border-radius: .3rem;
	box-shadow:0px 8px 10px rgba(45,45,45,0.4);
	cursor: url(../img/hand_closed.png), auto!important;
	transform: translateY(-4px);
}
div#box-examenes label{
   /* background-image: url(../img/check.png);*/
   	background-repeat: no-repeat;
   	background-size: 65%;
   	background-position: center center;
   	background-color: #111;
    cursor: pointer;
    display: inline-block;
    height: 2rem;
    margin: -5px 2px -4px -5px;
    width: 2rem;
    opacity: .15;
}
div#box-examenes label:hover{
	background-image: url(../img/check.png);
   	background-repeat: no-repeat;
   	background-size: 65%;
   	background-position: center center;
   	background-color: #444;
   	opacity: .6!important;
}
div#box-examenes input[type=checkbox]:checked ~ label {
   background-image: url(../img/check.png);
   background-repeat: no-repeat;
   background-size: 65%;
   background-position: center center;
   background-color: #FD8336;/* <-- Color de interfaz  */
   opacity: 1;
}
#col1 a.link-examen:hover{
	color:#FD8336;/* <-- Color de interfaz  */
}
div.clip{	padding: .5rem;}
div.clip small{
    display: block;
    font-style: normal;
    margin: 1rem .5rem;
    text-align: right;
}
input[type=checkbox]{
	position: absolute;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
}
/* ################ REACTIVOS ################# */
.reactivo{
	padding:5px;
	margin:0 0 10px 0;
	list-style-type:none;
	page-break-inside: avoid;
}

.pregunta{
	padding:5px;
	margin:0 0 10px 0;
}

.pregunta input[type=checkbox]{
	display:none;
}

.lectura{
	display:block;
	padding:5px;
	margin:5px;
	border:1px dashed #ccc;
}

.lectura-completa{
	display:block;
	padding:20px;
	margin:20px;
	border:dashed 1px #ccc;
}

.lectura p{
	display:block;
	padding:0;
	margin:0;
}

.clip{
	display:block;
	padding:5px;
	margin:auto;
	border:1px dashed #ccc;
}


.clip p{
	display:block;
	padding:0;
	margin:0;
}

.clip table{
	margin:auto;
	padding:0;
	width:100%;
}

.clip table td{
	padding:5px;
}

.reactivo .opciones{
	margin:0;
	margin-bottom:20px;
	padding:5px;
	list-style-type:upper-latin;
}

.reactivo .opciones li{
	margin-left:50px;
}


/* ################ IMG ################# */

.lectura img,
.clip img,
.opciones li img{
	display:block;
	border:solid thin #ccc;
	margin:auto;
	width:60%;
}

.lectura .img-medium,
.clip .img-medium,
.opciones li .img-medium{
	display:block;
	border:solid thin #ccc;
	margin:auto;
	width:20%;
}


.opciones li img,
.opciones li .img-medium{
	display:inline;
	margin:0;
}



/* ################ RESPUESTAS ################# */
.respuesta{
}

.respuesta-txt{
}

.respuesta-txt-visible{
	display:inline;
	font-weight: bold;
}

.respuesta-txt-invisible{
	display:none;
}

.respuesta-subrayada{
	text-decoration:underline;
	font-weight: bold;
	background-color:#ededed;
}

.respuesta-sin-subrayar{
	text-decoration:none;
	font-weight: normal;
	font-style: normal;
}




/* ################ ELEMENTS ################# */
h1,h2,h3,h4,h5,h6,h7{
	display:block;
	margin:0;
	padding:0;
}

h1{
	font-size:20px;
}

h2{
	font-size:18px;
}

h3{
	font-size:16px;
}

p{
	font-size:14px;
}
small{
	font-style:italic;
}

/* ################ COMPONENTS ################# */

.box-inner{
	display:block;
	padding:0;
	margin:0;
}

.instrucciones{
	display:block;
	margin:0 auto 0 auto;
	padding:10px;
}


/* ################ TODO ################# */

#todo{
	display:block;
	overflow: hidden;

	position:absolute;
	top: 0; left: 0; bottom: 0; right: 0;

	margin:auto;
	padding:0;

	width:960px;
	height:640px;

	border:solid thin #ccc;
	background-color: #fff;
	background-image: url(../img/home.jpg);
	box-shadow:0px 0px 4px rgba(0,0,0,0.5);
}

#todo #contenedor{
	display:block;
	overflow: hidden;

	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;

	width:920px;
	height:600px;

	margin:auto;
	padding:0;


	border:solid thin #ccc;
	background-color: #fff;
	box-shadow:0px 0px 4px rgba(0,0,0,0.5);
}

/* ################ TOOLS ################# */


#pleca_titulo{
	display: block;
	overflow: hidden;
	position: absolute;
	top:10px;
	left: 10px;
}

#btn_cerrar{
	display: block;
	position: absolute;
	top: 20px;
	right: 10px;
	z-index: 1000px;
}

#tools{
	display:block;
	overflow: visible;
	padding:0;
	margin:0;
	background-color:#fff;

}

#tools input{
	padding:0;
	margin:0;
}

#boton-regresar a,
#boton-print a,
#boton-print-preview a,
#boton-print-cancel a,
#boton-seleccionar-todo a,
#boton-seleccionar-nada a,
#boton-mostrar-respuestas a,
#boton-ocultar-respuestas a{
	display:block;
	position: absolute;
	top: 12px;
	padding:15px 10px;
	margin:0;
	color:#6c6c6c;
	background-color:#e9e9e9;
	border:solid 1px #ccc;
	font-size:12px;
}


#tools a:active,
#tools  a:hover,
#tools  a:link,
#tools  a:visited{
	text-decoration:none;
}

#boton-seleccionar-todo a,
#boton-seleccionar-nada a{
	left: 242px;
}

#boton-mostrar-respuestas a,
#boton-ocultar-respuestas a{
	left: 420px;
}

#boton-print-preview a{
	left: 550px;
}

#boton-print a{
	padding-left: 15px;
	padding-right: 15px;
	left: 212px;
}

#boton-print-cancel a{
	padding-left: 15px;
	padding-right: 15px;
	left: 300px;
}

#botones > div{
	display:none;
}


/* ################ MAIN ################# */
#main{
	display:block;
	padding:0;
	margin:0;
}


/* ################ COL1 ################# */

#col1{
	display:block;
	overflow:auto;

	position:absolute;
	top:70px; left:0;

	width:160px;
	height:525px;

	padding:0;
	margin:0;
	background-color:#fff;
	border-right:solid thin #ccc;
	border-top:solid 1px #ccc;
}

#col1 .box-inner{
	padding:10px 0 10px 10px;
}

.col-title{
	display:block;
	padding:0;
	margin:0;

	font-size:18px;
}

#col1 ul,
#col1 ul li{
	display:block;
	padding:1px 0 1px 0;
	margin:10px 0 10px 2px;
	list-style-type: none;

}

#col1 .lista-examenes{
	padding:0;
}


#col1  a:active,
#col1 a:hover,
#col1  a:link,
#col1 a:visited{
	padding:10px 0 10px 25px;
	margin:0;
	color:#333;
	text-decoration:none;
}

#col1  a.link-examen{
	background-image:url(icon_examen.png);
	background-position:left center;
	background-repeat: no-repeat;
}

#col1  a.link-lectura,
#col1  a.link-pdf{
	background-image:url(icon_lectura.png);
	background-position:left center;
	background-repeat: no-repeat;
}


#col1 .lecturas-title{
	display:block;
}


/* ################ COL2 ################# */

#col2{
	display:block;
	overflow:auto;

	position:absolute;
	top:70px; left:161px;

	width: 420px;
	height:525px;

	padding:0;
	margin:0;

	border-right:solid thin #ccc;
	border-top:solid 1px #ccc;
	background-color:#f2f2f2;
}

#col2 .box-inner{
	padding:0;
}

#col2 h2{
	padding:10px;
}


#col2 .examen-lista,
#col2 .reactivo {
	display:block;
	padding:0;
	margin:0;
}


#col2 .reactivo .pregunta{
	display:block;
	padding:5px;
	margin:5px;

	border:1px solid #666;
	background-color:#E2E2E2;

	list-style-type:none;
}

#col2 .pregunta input[type=checkbox]{
	display:inline;
}


#col2 .reactivo .clip{
	display:none;
}

#col2 .reactivo .lectura{
	display:none;
}

#col2 .reactivo .lectura-completa{
	display:none;
}

#col2 .reactivo .opciones{
	display:none;
}


/* ################ COL3 ################# */

#col3{
	display:block;
	position:absolute;
	overflow:auto;
	top:70px; right:0;

	padding:0;
	margin:0;

	width:340px;
	height:525px;
	background-color:#fff;
	border-top:solid 1px #ccc;
}

#col3 .box-inner{
	display:block;
	padding:0;
	margin: 0 0 0 10px;
}


/* ################ COL4 ################# */
#col4{
	display:none;
	position:absolute;
	overflow:auto;
	top:50px; left:181px;

	padding:0;
	margin:0;

	width:780px;
	height:590px;
	background-color:#fff;
	border-top:solid 1px #ccc;
}

#col4 .box-inner{
	display:block;
	padding:0;
	margin: 0;
}

/* ################ PRINT-AREA ################# */
#print-area{
		display:block;
		position:absolute;
		top:70px; right:0px;

		overflow:auto;
		width: 758px;
		height: 525px;

		margin:0;
		padding:0;
		background-color: #fff;
		border:solid thin #ccc;

}

#print-area{
	display:none;
}

#print-area .box-inner{
	padding:10px;
}

#print-area > ul,
#print-area .reactivo{
	padding:0;
	margin:0;
	list-style-type:none;
}

/* ################ DATA ################# */

#datos{
	display:none;
}
sup{
	padding-left: 2px;
}
/*------------------  FU-PLUS 18/01/16  -----------------*/

/*div#box-reactivo b {
    color: #C2C2C2;
    font-size: xx-large;
    margin: 3rem 2rem;
    position: absolute;
}
div#box-examenes li.pregunta{
	cursor: pointer;
}
div#box-examenes li.pregunta:hover {
    background: #CCCCCC!important;
    border: 1px dashed #666!important;
}*/