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

#bg-examen{
    width:700px;
    height:auto;
    margin:30px 0px 20px 38px;
    float:left;
    clear:none;
    border-radius:12px;
    border: 1px #fff solid;
    padding:20px;

    -moz-box-shadow:0px 0px 10px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow:0px 0px 10px 1px rgba(0, 0, 0, 0.2);
    box-shadow:0px 0px 10px 1px rgba(0, 0, 0, 0.2);

    background:#e6e6e6;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#c9c9c9');
    background-image: linear-gradient(bottom, rgb(201,201,201) 0%, rgb(230,230,230) 64%);
    background-image: -o-linear-gradient(bottom, rgb(201,201,201) 0%, rgb(230,230,230) 64%);
    background-image: -moz-linear-gradient(bottom, rgb(201,201,201) 0%, rgb(230,230,230) 64%);
    background-image: -webkit-linear-gradient(bottom, rgb(201,201,201) 0%, rgb(230,230,230) 64%);
    background-image: -ms-linear-gradient(bottom, rgb(201,201,201) 0%, rgb(230,230,230) 64%);
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, rgb(201,201,201)),
        color-stop(0.64, rgb(230,230,230))
    );
}

#examen{
	width:867px;
	height:auto;
	min-height: 295px;
	float:left;
	clear:none;
	margin-left:10px;
	border: none;
}

#player{
	width:401px;
	height:274px;
	float:right;
	clear:none;
	text-align:left;
}

.dg-question-label{ /* Question label */
	width:850px;
	margin: 20px 0 10px 0;
	font-family: Arial, Helvetica, san-serif;
	font-size:18px;
	line-height: 22px;
	font-weight:bold;
	color: #000;
}

.dg-question-option{ /* Question answer option */
	margin: 0 0 -5px 0px;
}
.dg-question-option label{ /* Question answer option */
	margin-left:5px;
	font-family: Arial, Helvetica, san-serif;
	font-size:18px;
}
.dg-question-option input{ /* Question answer option */
	width:20px;
	margin-top: 10px;
}

.dg-answer-button-container { /* Answer button */
	margin-top:10px;
}

.dg-answer-button-container input{
	width:auto;
	height:auto;
	display: inline;
	margin:10px 0 5px 2px;
	padding:10px 15px;

	font-family:stag_sansmedium, Arial, Helvetica, sans-serif;
	font-size:19px;
	font-weight:normal;
	color:#fff;
	text-transform:uppercase;
	text-align:center;
	text-decoration:none;
	line-height:17px;

	border-radius:6px;
	border:0px solid;
	cursor:pointer;
/*	-moz-box-shadow:    1px 1px 5px 0px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.2);
	box-shadow:         1px 1px 5px 0px rgba(0, 0, 0, 0.2);*/
	
	background: #e50032; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiNlNTAwMzIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjOTkwMDIxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(top,  #e50032 10%, #990021 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,#e50032), color-stop(100%,#990021)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e50032 10%,#990021 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e50032 10%,#990021 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e50032 10%,#990021 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e50032 10%,#990021 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e50032', endColorstr='#990021',GradientType=0 ); /* IE6-8 */
}
.dg-answer-button-container input:hover {
	cursor:pointer;
	background:#A00000;
/*	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
	-khtml-opacity: 0.9;
	margin:13px 0 5px 2px;*/
}
#error {
	font-style:italic;
	color:#ca042e;
	font-size:11px;
	font-weight:bold;
	margin: 4px 0 0 30px;
	font-family: Arial, Helvetica, san-serif;
}

#questions {
	width:850px;
	color: #000;
	font-size:14px;
	line-height:28px;
	padding-left:0px;
	margin-left:30px;
}
#result{
	font-family: Arial, Helvetica, san-serif;
	padding-bottom: 23px;
	margin-left:30px;
}
#result h3, #result h2 {
    width: auto;
	height: auto;
	background-color: transparent;
    padding-left: 0;
    margin:0px 0 0px 0;
	font-size:20px;
	font-weight:bold;
	line-height:24px;
	color: #000;
}
#result h2 {
	width: 700px;
	height: auto;
	font-size:12px;
	line-height:15px;
	color: #D90000;
}
#result h3{
	padding:0px;
}
#result h4 {
	width:auto;
	display:inline-block;
	height:13px;
	float:none;
	clear:left;
	margin: 7px 0px 10px 0px;
	padding:5px 10px 8px 10px;
	background-color:#ca042e;
	border-radius:5px;
	font-size: 14px;
	font-weight:bold;
	color: #fff;
	text-transform:uppercase;
}

#result p {
	font-size: 14px;
	font-weight:bold;
	color: #000;
	margin:0px 0 3px 0;
	font-family: Arial, Helvetica, san-serif;
}

#result .resp_correcta {
	color: #1c8c32;
	font-weight:bold;
	font-family: Arial, Helvetica, san-serif;
}
#result .resp_incorrecta {
	color: #e50000;
	font-weight:bold;
	font-family: Arial, Helvetica, san-serif;
}