/**
* This is custom stylesheet, type any custom styles
*/

.no_data{color: #4C501B;display: inline-block;text-align: center;background: rgb(250, 246, 153) url("/images/info31.png") no-repeat scroll 5px 50%;padding: 6px 10px 6px 25px;margin-bottom: 5px;border-radius: 2px;}
#modal-aviso{position: fixed;top: 15%;max-width: 600px;left: 25%;}

/*<p> de registros*/
#user-registration p{font-family:Helvetica,Arial,sans-serif;font-size:85%;}
table.user-details {width: auto !important;}

/* Alto contraste - Font Size */
.font-img{margin:0; padding:0;opacity: 0.6;display: block;width: 27px;height: 27px;}
.font-img:hover {opacity: 1;}
.font_btn{border-radius: 2px;background-color: #F8F8F8;background-image: -moz-linear-gradient(center top , #F8F8F8, #ECECEC);    background-image: -webkit-linear-gradient(top,#F8F8F8,#ECECEC);border: 1px solid #C6C6C6;}
.font_btn:hover {
    box-shadow: 0px 0px 3px #CCC;
    background-color: #FFF;
    background-image: -moz-linear-gradient(center top , #FFF, #FFF);
	background-image: -webkit-linear-gradient(top,#fff,#fff);
}
.font_btn a{display:block;cursor: pointer;}
#ac_div{float: right;position: relative;margin-left: 10px;top: 1px;}
.b_top_aux {border-radius: 2px;width: 30px;height: 30px;display: block;background: transparent url("/images/ac30.png") no-repeat scroll 0px 0px;}
/*.b_top_aux:hover {background: transparent url("/images/ac30.png") no-repeat scroll 0px -30px;}*/
#fontsize{float: right; position: relative;top: 1px;}

.button_audio {
    display: inline-block;
    background-image: url("/images/playpause20.png");
    width: 20px;
    height: 20px;
    border-radius: 2px;
    border: medium none;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    margin-left: 3px;
}
.button_audio:hover {
    background-color: #EFF5F9;
}
.button_audio_pause {
    background-position: 0px -20px;
}
/* Joomdle */
#blockrandom{min-height: 500px;}
/*botones en formularios*/
.boton_form{
	padding: 5px 10px;
	line-height: 1.5;
	border-radius: 3px;
	color: #333;
	background-color: #FFF;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	text-transform: none;
	letter-spacing: 0px;
	cursor: pointer;
	background-image: none;
	border: 1px solid #CCC;
	white-space: nowrap;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	-o-user-select:none;
	user-select:none;
}
.boton_form:hover {color: #333;background-color: #EBEBEB;border-color: #ADADAD;}

/*user edit*/
td.key {font-size: 135%;}

/*SOPORTE
#chat_a_mostrar{position:fixed;z-index:2;bottom:0px;right: 5px;width: 205px;}
.cerrar_chat{background: url('../images/cerrar.png') no-repeat scroll 0px 0px transparent;position: absolute;top: 2px;right: 0px;height: 30px;width: 30px;display: block;cursor: pointer;}
*/

/*Pagina Video*/
#div_video{width: 100%;text-align: center;}
#div_video iframe{width: 720px;height: 400px;}

/*Elegir forma de pago*/
.vmpayment_name, .vmpayment_cost, .vmshipment_name, .vmshipment_cost {font-size: 135%;}

/*
Menú Panel Lateral
*/
.sb-slidebar{font-family: 'Yanone Kaffeesatz',sans-serif;}
.sb-slidebar nav div{text-align: center;font-size: 185%;border-bottom: solid 2px white;padding: 2% 0px;}
.sb-menu{margin: 0px 0px 2% 0px;list-style: none;}
.first_li{background-color: #A6B800;font-size: 155%;padding: 1% 0;text-align: center;border-bottom: solid 1px white;}

/*.sb-menu li a{display: block;background-color: #4B93AD;font-size: 145%;color: white;padding: 2% 0px 2% 2%;border-bottom: solid 1px whitesmoke;}*/
.sb-menu > li > span{display: block;background-color: #4B93AD;font-size: 145%;color: white;padding: 2% 0px 2% 2%;border-bottom: solid 1px whitesmoke;cursor: pointer;}
.sb-menu > li > span:hover{border-right: 2px solid white;background-color: #4589A1;}

.sb-menu > li > a{display: block;background-color: #eee;font-size: 115%;color: #666;padding: 2% 0px 2% 8%;border-bottom: 1px solid #F5F5F5;}
.sb-menu > li > a:hover{border-right: 2px solid #888;background-color: #E1E1E1;}

.sb-submenu > li > span{display: block;background-color: white;font-size: 125%;color:#666;padding: 2% 0px 2% 2%;border-bottom: 1px solid #D7D7D7;cursor: pointer;}
.sb-submenu > li > span:hover{border-right: 2px solid #888;background-color: whitesmoke;}

.sb-submenu > li > a{display: block;background-color: #eee;font-size: 115%;color: #666;padding: 2% 0px 2% 8%;border-bottom: 1px solid #F5F5F5;}
.sb-submenu > li > a:hover{border-right: 2px solid #888;background-color: #E1E1E1;}

.subsubmenu > li > a{display: block;background-color: #eee;font-size: 115%;color: #666;padding: 2% 0px 2% 8%;border-bottom: 1px solid #F5F5F5;}
.subsubmenu > li > a:hover{border-right: 2px solid #888;background-color: #E1E1E1;}

#test-DGT {display: block;background-color: #eee;font-size: 115%;color: #666;padding: 2% 0px 2% 8%;border-bottom: 1px solid #F5F5F5;}
#test-DGT:hover{border-right: 2px solid #888;background-color: #E1E1E1;}

/*SLIDER Z-INDEX*/
.ei-slider-thumbs li img{
	z-index: auto !important;
}

.ei-slider-thumbs li.ei-slider-element{
	z-index: auto !important;
}

.ei-slider-thumbs{
	z-index: auto !important;
}

.jf_ei_slider_thumbs{
	z-index: auto !important;
}
 /*title de boton login*/
.default-tipsy, .arialfont-tipsy {
	z-index: 100 !important;
}

#jf_login .jf_logged_cont{
	width: auto !important;
}

/*Uddeim*/
#uddeim-navbar2 ul li{
	display: inline-block !important;
	margin-right: 5px !important;
	padding: 3px !important;
	/*border: solid 1px #AAA;
	background-color: rgb(243, 243, 243);*/
}

li.uddeim-activemenu{
	border: solid 1px rgb(213, 213, 213) !important;
	background-color: rgb(235, 235, 235) !important;
}

#uddeim-overview tr {
	border-bottom: solid 1px #999999;
}

#uddeim-writeform textarea{
	width: 50%;
	height: 100px
}

#uddeim-bbemobox table{
	background: none;
	border: none;
	width: 200px;
}

#jf_undermenu{
	margin-bottom: 3px;
}

#uddeim-m{
	padding: 8px 0px;
}

div.uddeim-messageheader{
	width: 90%;
}
/*Log In*/
body #jf_login .jf_content .jf_authoriz_btn{
	width: 110px;
}

body #jf_login .jf_content form{
	padding-top: 10px;
}

	/*quitar imagen mapa login*/
#jf_login .jf_content{
	background-image: none !important;
}

#jf_login .jf_content .jf_forgot a{
	font-size: 120% !important;
}

/*Para quitar imagen mapa en la cabecera*/
#rt-top-surround #rt-header:after{
	background-image: none;
}

/*Columnas jf-social Paginas Menu Principal*/
#jf_col_test .jf_col{
	background: #FAFAFA;
	border-top: solid 1px #eee;
	border-bottom: solid 1px #eee;
	text-align: center;
	margin-bottom: 20px;
	padding: 5px 0;
}
/*#jf_col_test div:hover{
	background: #FAFAFA;
}*/

#estadistica div{
	background: none;
	border: none;
}

/*Barra titulo con información del permiso
.jf_typo_box .style2 {
    margin-bottom: 5px;
}

.jf_typo_box .style1 {
	margin-bottom: 5px;
}
*/
.jf_typo_box{
	margin-bottom: 5px;
}

.jf_typo_box a{
	text-decoration: underline;
	font-weight: bold;
}

.jf_typo_box ul{
	list-style: none outside none;
	padding-left: 10px;
	margin: 0px;
}

.jf_typo_box.style4 a{
	color:white;
}

.jf_typo_box.style4 a:hover{
	color:#eee;
}

/*Menu Usuario inicio-terico-practico*/
#menu-usuario{
	max-width: 100%;
	float: right;
	margin: 0px 0px 3px 0px;
}

#menu-usuario li{
	display: inline-block !important;
	max-width: 32%;
}

#menu-usuario li a{
	display: block;
}

#menu-usuario img{
	/*background-image: url('../images/fondo_boton_menu_usuario.png');*/
	max-width: 100%;
}
/*Submenu usuario*/
#menu-usuario-sp{
	max-width: 100%;
	float: right;
	margin:0;
}

#menu-usuario-sp li{
	display: inline-block !important;
}

#menu-usuario-sp li img:hover{
	background-color: rgba(0, 0, 0, 0.05);
	border-radius: 2px;
}

#menu-usuario-sp img{
	max-width: 100%;
	cursor: pointer;
}

/* Menu usuario demo */
.itm-inactivo{cursor: initial !important;}
.itm-inactivo:hover{background-color: initial !important;}

#piechart{
}

#pdf_manual{
	width: 100%;
	height: 520px;
}

#rt-maintop .rt-container .rt-grid-12 .rt-block {
     padding:0 10px;
	 margin: 0 10px;
}

/*Lista clases prácticas*/
#clasesPracticasUl {
	list-style: none outside none;
	font-family: 'Yanone Kaffeesatz',sans-serif;
}

#clasesPracticasUl li a{
	display: block;
	padding: 5px;
	color: white;
	margin: 0 auto 5px auto;
	width: 70%;
	text-align: center;
	background-color: #3A88D6;
	font-size: 140%;
}

#clasesPracticasUl li a:hover{
	background-color: rgba(148, 185, 222, 1);
}

#clasesUno{
	font-size: 145%;
	font-family: 'Yanone Kaffeesatz',sans-serif;
	text-align: center;
}

/*Corregir TOP del System_msg
#jf_system_msg .jf_system_msg_content {
    top: 5%;
}*/

.div_correcto {
	/*position: absolute;*/
	top: 1px;
	left: 1px;
	/*visibility: hidden;*/
	display:none;
}

.div_correcto_mostrar {
	/*position: absolute;*/
	top: 1px;
	left: 1px;
	/*visibility: visible;*/
	display:block;
}

.div_incorrec {
	/*position: absolute;*/
	top: 1px;
	left: 1px;
	/*visibility: hidden;*/
	display:none;
}

.div_incorrec_mostrar {
	/*position: absolute;*/
	top: 1px;
	left: 1px;
	/*visibility: visible;*/
	display:block;
}

.div_botones {
	/*width: 320px;
	visibility: hidden;*/
	display:none;
}

.div_botones_mostrar {
	width: 320px;
	/*visibility: visible;*/
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.div_botones_mostrar a{
	display: inline-block;
}

.div_respuest {
	/*visibility: hidden;*/
	display:none;
}

.div_respuest_mostrar {
	display: block;
	padding: 10px;
	font-family: Arial,Helvetica,sans-serif;
	text-align: left;
	color: #FFF;
	background-color: rgb(93, 148, 168);
	font-weight: bold;
	font-size: 100%;
}

.div_solucion {
	display:none;
}

.div_solucion_mostrar {
	display: block;
	background-color: #fff;
	padding: 8px;
	font-family: Arial,Helvetica,sans-serif;
	font-weight: normal;
	text-align: left;
	color: #666;
	font-size: 100%;
	border:1px solid #ddd;
}

.bfradio{
	font-family: Arial, Helvetica, sans-serif;
}

.productdetails-view .product-description ul{
	list-style-type: circle;
	margin-left: 10%;
}
.productdetails-view .spacer-buy-area{
	/*padding:0 0 0 12px;*/
	padding-left: 10%;
}

/* INLINE-BLOCK */
#helpText{
	display:inline-block;
	max-width: 200px;
}
#helpText img{width: 100%;border: 0;margin: 0;padding: 0;}

#opcycor{
	display:inline-block;
	width: 76%;
	margin-left: 15px;
}

/* MODAL DEMO */
#demo-div{
	padding: 0px !important;
	border: 8px solid #6E6E6E !important;
	width: 98% !important;
}

.div-opcion{
	display: block;
	width: auto;
	border: 1px solid #eee;
	margin: 7px;
	padding: 7px;
	background-color: white;
}

.demo-button{
	margin: 2px auto;
	cursor: pointer;
	display: inline-block;
	font-weight: normal;
	text-align: center;
	background-image: none;
	border: 1px solid transparent;
	white-space: nowrap;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	text-transform: none;
	letter-spacing: 0px;
	color: #333;
	background-color: #FFF;
	border-color: #CCC;
	text-decoration: none;
}
.demo-button.verde{
	color: #FFF;
	background-color: #5CB85C;
	border-color: #4CAE4C;
}
.demo-button.azulclaro{
	color: #FFF;
	background-color: #5BC0DE;
	border-color: #46B8DA;
}
.demo-button:hover{
	background-color: #EBEBEB;
	border-color: #ADADAD;
}
.demo-button.verde:hover{
	background-color: #47A447;
	border-color: #398439;
}
.demo-button.azulclaro:hover{
	background-color: #39B3D7;
    border-color: #269ABC;
}

/* TEST TIPO DGT*/
#tcabecera{display: block;}
#tnomtest{display:inline-block;padding: 0;margin: 0 20px 0 0;}
#tresult{display:inline-block;}
#tresult > span{padding: 0;margin: 0 4px;display: inline-block;}
#tresult > .aprob{color: #287896;text-transform: uppercase;font-weight: bold;}
#tresult > .susp{color: #CC2F2F;text-transform: uppercase;font-weight: bold;}

#preguntas{display: block;border-top: 1px solid #ddd;padding-top: 5px;width: 100%;}
#preguntas form{width: 100%;}
.tpregunta{width:100%;}
.tcontenido{display:table;width: 100%;min-height: 260px;}
.tab-row{display:table-row;}
.timagen{display:table-cell;vertical-align: top;text-align: center;}
.timagen img{max-width: 200px;max-height: 230px;border: 2px solid #ddd;padding: 4px;border-radius: 3px;margin: 21px 0 0 0;}
.ttexto{display: table-cell;width: 660px;padding: 5px;vertical-align: top;}
.ttexto h4{font-family: Helvetica,Arial,sans-serif;line-height: 25px;}
.ttexto .npreg{font-family: 'Yanone Kaffeesatz',sans-serif;font-size: 110%;color: #2489C5;font-weight: bold;}
.ttexto .control-group {display: block;margin: 0;padding: 0;text-align: left;vertical-align: top;}
.ttexto .control {font-size: 125%;font-family: Helvetica,Arial,Sans-Serif;position: relative;display: block;margin-top: 22px;padding-left: 40px;cursor: pointer;min-height: 30px;}
.ttexto .control input {position: absolute;z-index: -1;opacity: 0;}
.ttexto .control__indicator {position: absolute;top: 0px;left: 0;width: 30px;height: 30px;background: #e6e6e6;}
.ttexto .control--radio .control__indicator {border-radius: 50%;}
.tayuda{display: block;padding: 0;margin: 0;}
.tayuda .trigger {text-align: center;}

/* Hover and focus states */
.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator {background: #ccc;}
/* Checked state */
.control input:checked ~ .control__indicator {background: #9CC2CB;}
/* Hover state whilst checked */
.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {background: #7B9BA2;}
/* Disabled state */
.control input:disabled ~ .control__indicator {pointer-events: none;opacity: .6;background: #e6e6e6;}
/* Check mark */
.control__indicator:after {position: absolute;display: none;content: '';}
/* Show check mark */
.control input:checked ~ .control__indicator:after {display: block;}
/* Checkbox tick */
.control--checkbox .control__indicator:after {top: 4px;left: 8px;width: 3px;height: 8px;transform: rotate(45deg);border: solid #fff;border-width: 0 2px 2px 0;}
/* Disabled tick colour */
.control--checkbox input:disabled ~ .control__indicator:after {border-color: #7b7b7b;}
/* Radio button inner circle */
.control--radio .control__indicator:after {top: 8px;left: 8px;width: 14px;height: 14px;border-radius: 50%;background: #fff;}
/* Disabled circle colour */
.control--radio input:disabled ~ .control__indicator:after {background: #7b7b7b;}

#botones{display: block;text-align: right;}
#botones button{display: inline-block;appearance: initial;background: linear-gradient(white, #f0f0f0);border: 1px solid #ddd;border-radius: 3px;padding: 10px 30px;text-transform: uppercase;font-weight: bold;color: #444;font-family: Helvetica,Arial,Sans-Serif;font-size: 120%;}
#botones button[disabled] {background: white;color: #ddd;}

#tindice{display: block;border-top: 1px solid #ddd;padding-top: 5px;margin-top: 8px;}
.itmindice{display: inline-block;margin:4px;}
.itmindice span{cursor: pointer;line-height: 35px;font-size: 20px;display: block;text-rendering: optimizelegibility;background-color: white;color: #5E9BB2;border: 2px solid;border-color: #ddd;width: 35px;height: 35px;text-align: center;border-radius: 3px;font-weight: bold;}
.itmselecc span{border-color: #2489C5 !important;color: #2489C5;}
.radsel span{background-color: #CDE0E4;border-color: #CDE0E4;}
#tindice .itmmal{background-color: #FBDEDE;}
#tindice .itmbien{background-color: #CDE0E4;}
.itmmal.control__indicator {background-color: #BF3636 !important;}
.itmmal.control__indicator:after{background-color: white !important;}
.itmbien.control__indicator {background-color: #2a7b99 !important;}
.itmbien.control__indicator:after{background-color: white !important;}

@media (min-width: 1200px){
	#opcycor{width: 720px;margin-left: 15px;}
	#helpText{width:180px;max-width: initial;}
}

@media (max-width: 1199px){
	#opcycor{width: 680px;margin-left: 15px;}
	#helpText{width:180px;max-width: initial;}
}
@media (max-width: 995px){
	.ttexto {width: auto;}
	.timagen img {max-width: 180px;}
}
@media (max-width: 959px){
	#opcycor{width: 480px;margin-left: 15px;}
	#helpText{width:200px;max-width: initial;}
	#div_video iframe {width: 700px;height: 390px;}
	#modal-aviso{left: 15%;}
}

/* BLOCK */
@media (max-width: 767px){
	#opcycor{width: inherit;display:block;margin-left:0;}
	#helpText{display:block;width: 200px;max-width: initial;margin-left: auto;margin-right: auto;}
	#uddeim-writeform textarea{width: 80%;height: 80px}
	#img-menu{display:none;}
	#div_video iframe {width: 430px;height: 250px;}
	#demo-div{width: 96% !important;}
	#modal-aviso{left: auto;max-width: none;}
	
	.tcontenido {display: block;min-height: 460px;}
	.tab-row {display: block;}
	.timagen {display: block;}
	.ttexto {display: block;}
	.ttexto h4 {line-height: 22px;font-size: 150%;}
	.ttexto .control {font-size: 115%;line-height: 18px;margin-top: 18px;}
}

@media (max-width:568px){
	#helpText{display:block;width: inherit;max-width: initial;}
	.div_botones_mostrar {width: inherit;}
	#div_video iframe {width: 440px;height: 245px;}
}

@media (max-width: 480px){
	#div_video iframe {width: 320px;height: 175px;}
	
	#botones button {padding: 10px;font-size: 100%;}
	.ttexto h4 {line-height: 20px;font-size: 120%;}
	.ttexto .control {font-size: 112%;}
	.itmindice {margin: 2px;}
	.itmindice span {line-height: 31px;font-size: 16px;width: 30px;height: 30px;}

@media only screen and (max-height: 568px){
	body #jf_login .jf_content form{padding-top: 10px !important;}
}

/*Para corregir solapamiento botones "¿Has olvidado tu...?" del LoginForm*/
@media only screen and (max-height: 320px){
	body #jf_login .jf_content .jf_forgot {margin: 0 !important;}
}
/*
@media(max-width: 480px){
	
}

*/
@media (max-width: 320px){
	#div_video iframe {width: 280px;height: 155px;}
	#demo-div{width: 93% !important;}
}