@import url(../../assets/css/styles.css);

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*EDICIONES CASTILLO */
@font-face {
    font-family: 'apex_sansmedium';
    src: url('fonts/apexsans-medium-webfont.eot');
    src: url('fonts/apexsans-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/apexsans-medium-webfont.woff2') format('woff2'),
         url('fonts/apexsans-medium-webfont.woff') format('woff'),
         url('fonts/apexsans-medium-webfont.ttf') format('truetype'),
         url('fonts/apexsans-medium-webfont.svg#apex_sansmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'apex_sansbold';
    src: url('fonts/apexsans-bold-webfont.eot');
    src: url('fonts/apexsans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/apexsans-bold-webfont.woff2') format('woff2'),
         url('fonts/apexsans-bold-webfont.woff') format('woff'),
         url('fonts/apexsans-bold-webfont.ttf') format('truetype'),
         url('fonts/apexsans-bold-webfont.svg#apex_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
html, body{
	display:block;
    padding: 0px;
    margin: 0 auto;
	font-family: "Arial", sans-serif;
	font-size:1em;
	line-height: 1.3em;
}
.inner_container, #wrapper, #todo, nav{
    max-width: 900px;
    min-width: 900px;
    margin: 0;
    position: relative;
    width: 100%;
}
.inner_container{
	margin: 0 auto;
}
h2{
	color:#666666;
	    font-family: 'apex_sansmedium';
    font-weight: normal;
    font-style: normal;
    padding-left: 12px;
    display: block;
}

#especialidad{
    background: url(../../assets/img/especialidadbg.jpg) left top no-repeat;
}
/* HEADER---------------------------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------------------------------------r*/
header{
    display: block; 
    width: 100%;
    height: 107px;
    background: black;
    margin-bottom: 40px;
}
header span{
    margin-top: -5px;
    display: block;
}
#header-tronco{
background: url(../../assets/img/tronco-comun-bg.jpg) left top repeat-x;

}
#header-admon{
background: url(../../assets/img/admon-bg.jpg) left top repeat-x;

}
#header-informatica{
background: url(../../assets/img/informatica-bg.jpg) left top repeat-x;

}
#header-ofimatica{
background: url(../../assets/img/ofimatica-bg.jpg) left top repeat-x;

}
header h1{
    font-size: 3em;
    font-family: 'apex_sansbold';
    font-weight: normal;
    font-style: normal;
    color: #fff;
    float: left;
    margin-top: 15px;
    line-height: 1em;
    
}
#especialidad header h1{
    font-family: 'apex_sansmedium';
    margin-top: 27px;
    font-size: 2.4em;
}
#tecno{
    margin-left: 30px;
}
header img#title{
    float: left;
    margin-left: 30px;
    margin-right: 5px;
}
#header-right{
    float: right;
    background: url(../../assets/img/franja.jpg) right top no-repeat;
    display: block; height: 106px;
    padding-right: 80px;
    padding-top: 20px;
}
header a, footer a{
    color: #fff; text-decoration: none;
}
header a{
     font-family: 'apex_sansbook';
     font-style: normal;
     font-weight: normal;
}
#header-right ul li{
    float: left;
    text-align: center;
    width: 32px;
    margin-left: 25px;
}
#header-right ul li a{ 
    text-align: center;
    display: block;
    font-size: .8em;
}
.result_hover{
    transition: all 1s ease-out;

        -webkit-animation-name: sabbath; 
    -webkit-animation-duration: 5s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: sabbath; 
    -moz-animation-duration: 5s; 
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    animation-name: sabbath; 
    animation-duration: 5s; 
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
/* ################ 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;
	padding-bottom: 20px;
}


.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;
}

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


.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 ################# */
h2,h3,h4,h5,h6,h7{
	display:block;
	margin:0;
	padding:0;
}
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:relative;	
	margin:0 auto;
	padding:0;
	width:840px;
	min-width:840px;
	max-width:840px;
	height:550px;
	box-shadow: 0px 0px 9px 2px rgba(0, 0, 0, 0.68);
	/* border:solid thin #ccc;*/
	/* background-image: url(../img/home.jpg);*/
	/* box-shadow:0px 0px 4px rgba(0,0,0,0.5);*/
}

#todo #contenedor{
	display:block;
	overflow: hidden;
	width:100%;
	height:600px;
	margin:0;
	padding:0;
}

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


#pleca_titulo{
	display: block;
	overflow: hidden;
	background-color: #1E8083;
	height: 54px;
;
}
#pleca_titulo h2{
	display: block;
	overflow: hidden;
	color: #fff;
	background: url(../img/generador-icon.jpg) no-repeat;
	padding-left: 50px;
	font-family: 'apex_sansmedium';
	font-weight: normal;
	font-style: normal;
	font-size: 8em;
}

#btn_cerrar{
	display: block;
	position: absolute;
	top: 7px;
	right:7px;
	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: 0px;
	padding:16px 10px;
	margin:0;
	color:#fff;
	background-color:#1E8083;
	border:solid 1px #0A4040;
	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: 419px;
}

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

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

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

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

#botones > div{
	display:none;
}


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


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

#col1{
	display:inline-block;
	overflow:visible;
	z-index: 1000;
	float: left;
	width:123px;
	height:454px;
	padding:0;
	padding-top: 7px;
	margin:0;
	background: url(../img/col1.png); 
}

#col1 .box-inner{
}

.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;
	display:block;
	margin:10px 0 10px 0px;
	list-style-type: none;
	height: 54px;
	    font-family: 'apex_sansmedium';
    font-weight: normal;
    font-style: normal;
    font-size: .9em;

	
}


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

#col1  a:active,
#col1 a:hover,
#col1  a:link,
#col1 a:visited{
	margin:0;
	color:#fff;
	text-decoration:none;
	height: 54px;
	width: 122px;
	line-height: 50px;
	padding-left: 10px;
	position: relative;
}

#col1  a.link-examen{
    font-family: 'apex_sansmedium';
    font-weight: normal;
    font-style: normal;
    transition:all ease .3s;
}

#col1  a.link-examen:hover{
	transform:translateX(1.2em);
}
#col1 ul li.bloque1 a{
background: url(../img/bloque1.png) no-repeat; 
	display: block;
}
#col1 ul li.bloque2 a{
background: url(../img/bloque2.png) no-repeat; 
	display: block;
}
#col1 ul li.bloque3 a{
background: url(../img/bloque3.png) no-repeat; 
	display: block;
}
#col1 ul li.bloque4 a{
background: url(../img/bloque4.png) no-repeat; 
	display: block;
}
#col1 ul li.bloque5 a{
background: url(../img/bloque5.png) no-repeat; 
	display: block;
}
#col1 ul li.bloque_Esp a{
background: url(../img/bloquefinal.png) no-repeat; 
background-size: 90% 101%;
display: block;
line-height: 15px;
}
#col1 ul li.bloquefinal a{
background: url(../img/bloquefinal.png) no-repeat; 
	display: block;
}
#col1 ul li.bloquefinal ul{
display: none;
}
#col1  a.link-lectura,
#col1  a.link-pdf{
	background-image:url(icon_lectura.png);
	background-position:left center;
	background-repeat: no-repeat;
}

#col1 ul li.bloque_Esp a span{
    display: inline-block;
    margin: 11px 0 0 -3px;
    width: 90px;
}

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


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

#col2{
	display:inline-block;
	overflow:auto;
	float: left;
	width: 370px;
	height:455px;
	padding:0;
	margin:0;
	background: url(../img/col2.png); 
	z-index: 500;
}

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

#col2 h2{
	padding:10px;
}


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


#col2 .reactivo .pregunta{
	display:block;
	padding:5px;
	margin:5px;
	
	border:thin dashed #516687;
	background: url(../img/col1.png); 
	
	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:inline-block;
	overflow:auto;		
	width:334px;
	padding-right: 10px;
	padding-top: 40px;
	height:455px;
	background: url(../img/col3.png); 
	float: left;
}

#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:54px; left:127px;
			
		overflow:auto;
		width: 712px;
		height: 494px;
		
		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;
}
h2#previ{
	font-size: 15em;
	line-height: 1.3em;
	padding-top: 20px;
}
div.clip ol.number,div.clip ol.number li{
    list-style-type: decimal !important;
}
div.clip ol.alphabet,div.clip ol.alphabet li{
    list-style-type: lower-alpha!important;
}
div.clip ol.romano,div.clip ol.romano li{
    list-style-type: upper-roman!important;
}
#botones{
	background: black;
	display: block;
}
#pleca_titulo h2{
	font-size: 1.5em;
		line-height: 54px;
		padding-top: 0px;
}
#col1 ul.lista-examenes li a.1{
background: url(../img/bloque1.png) no-repeat; 
	display: block;
}
/* Footer---------------------------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------------------------------------r*/
footer{
    display: block;
    height: 50px;
    padding-top: 20px;
    width: 100%;
}
footer a{transition: all 1s ease-out;
    color: #666666;
}
footer a:hover{transition: all 1s ease-out;
color: #516687;
}
footer ul{
    float: right;
    height: 70px; 
    display: block;
}

footer ul li{
    display: inline-block;
    margin-left: 50px;
    height: 60px;
    float: left;
    font-size: .85em;
}
.legales{
   height: 30px;
   padding-top: 19px;
}
.result_hover{
    transition: all 1s ease-out;

        -webkit-animation-name: sabbath; 
    -webkit-animation-duration: 5s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: sabbath; 
    -moz-animation-duration: 5s; 
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    animation-name: sabbath; 
    animation-duration: 5s; 
    animation-iteration-count: infinite;}
    
    @-webkit-keyframes sabbath {
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}

@-moz-keyframes sabbath {
    from {-moz-transform: rotate(0deg);}
    to {-moz-transform: rotate(360deg);}
}

@keyframes sabbath {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}
.clear{clear: both;}
#print-area-header{
margin-bottom: 30px;
}
div#esp-tronco-comun-btn{
    height: 63px;
    background: url(../img/tronco-iconesp.png) left top no-repeat;
    display: block;
   top: 30px; right: 60px;
     position: absolute;
}
div#esp-administracion-btn{
    height: 63px;
    background: url(../img/admon-iconesp.png) left top no-repeat;
    display: block;
    top: 30px; right: 15px;
     position: absolute;
}
div#esp-informatica-btn{
    height: 63px;
    background: url(../img/informatica-iconesp.png) left top no-repeat;
    display: block;
    top: 30px; right:0px;
     position: absolute;
}
div#esp-ofimatica-btn{
    height: 63px;
    background: url(../img/ofimatica-iconesp.png) left top no-repeat;
    display: block;
    top: 30px; right: 120px;
     position: absolute;
}
#nav-informatica div#esp-informatica-btn{
display: none;
}
#nav-informatica div#esp-administracion-btn,#nav-ofimatica div#esp-administracion-btn{
top: 30px; right:0px;
}
#nav-admon div#esp-informatica-btn{
top: 30px; right:0px;
}
#nav-admon div#esp-administracion-btn{
display: none;
}
#nav-ofimatica div#esp-informatica-btn{
top: 30px; right: 0px;
}
header{
	margin-bottom: 0px;
}
nav{
	max-width: 870px;
    min-width: 870px;
	height: 120px;
	float: none;
}
/*Cambios*/
footer{
	background-position: center center;
    background-size: initial;
}
#especialidades-wrap {
    position: static;
    margin: 0 auto;
}

h3{
	color:#666666;
	    font-family: 'apex_sansmedium';
    font-weight: normal;
    font-style: normal;
    padding-left: 12px;
    display: block;
	font-size:16px;
	color: #333;
	padding-top: 10px;
}

#volver-btn{
	margin:  0 auto;
	width: 100%;
	max-width: 850px;
    min-width: 850px;
    padding-top: 15px;
}
#volver-btn img, #volver-btn a, #volver-btn span{
	float: left;
}
#volver-btn span{
	padding-top: 15px; padding-left: 10px;
	display: block;color:#666666;
	    font-family: 'apex_sansmedium';
}
#volver-btn a{
background: url(../img/volvericon.png) left top no-repeat;
transition:all .2s linear;
}
#volver-btn a:hover{
    -webkit-transform:scale(.7);
    -ms-transform:scale(.7);
    transform:scale(.7);
}
#volver-btn a:active{
    -webkit-transform:scale(.6);
    -ms-transform:scale(.6);
    transform:scale(.6);
}
/*---------------------*/
.alpha li,ol.alfa li{list-style-type:upper-latin;}
em, i{	font-family: arial, sans-serif;	font-style: italic;}
ol.decimal li,ol.numeros li{list-style-type:decimal;}
ol.alphaUpper li{list-style-type:upper-alpha;}
ol.bullet li{list-style-type:disc;}
ol.roman li{ list-style:upper-roman;}
ol.roman{margin-bottom:0!important;}
ol.ninguno > li{list-style:none!important;}
.clip ol b{font-weight:bolder;}