/* Reset 
html {
  height: 100%;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
}*/
body {
  margin: 0;
  min-height: 100%;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
body,
h1,h2,h3,h4,h5,h6,
h1 img,h2 img,h3 img,h4 img,h5 img,h6 img,
em,dfn,del,ins,
a,
tbody,tfoot,thead,tr,
li,
label,legend,
figure,figcaption {
  margin: 0;
  padding: 0;
}

/* Reset HTML5 elements */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

/**
 * Flexible Media and Cross browser improvements
 * - This can cause issues in table cells where no width is set on the column,
 *   only in some versions of webkit and IE 7/8.
 * - Google maps break also, see below for fixes.
 */
img {
  max-width: 100%;
  height: auto;
  border: 0;
  -ms-interpolation-mode: bicubic;
}
figure {
  margin: 0;
  padding: 0;
}
object,
embed,
video {
  max-width: 100%;
}
/* Kill flexible images in IE6-8 */
.ie6-8 img {
  max-width: none;
}


/* Improve IE's resizing of images */
svg:not(:root) {
  overflow: hidden;
}

/* Helpful classes for hiding content */
.offscreen {
  position: absolute;
  top: -99999em;
  width: 1px;
  height: 1px;
  overflow: hidden;
  outline: 0;
}
.element-hidden {
  display: none;
}

img.bg { min-height: 100%; min-width: 1024px; width: 100%; height: auto; position: fixed; top: 0; left: 0; z-index:-1}
@media screen and (max-width: 1024px) { img.bg {left: 50%; margin-left: -512px;} }

body {}

/* Hidden orignal page elements */

#breadcrumb-wrapper { display:none}
#quiz_progress { display:none}


/* Modified original page */

.container { background-color:#fff; border-left:1px solid #E8E8E8; border-right:1px solid #E8E8E8}
.content-margin { margin:0px 0px;  border-top:1px solid #074449}
#tasks { margin-left:0px}

div.messages {margin:0px 10px 10px 15px;}

h1#page-title { font-family:'Handlee', serif; color:#08454A}
#article-222 .article-title { text-align:center; font-family:'Handlee', serif; font-size:30p; }

.article-title {font-family:'Handlee', serif; font-size:20px}


#quiz-report-form h2 { margin:15px 0px 15px 0px }
#quiz-report-form dt { background:#EAEAEA; margin:0px; font-weight:normal}
 #quiz-report-form dd { background:#EAEAEA; margin-bottom:30px; border-bottom:1px solid #999; margin-top:0px}
#quiz-report-form p { margin:0px; padding:10px}
#quiz-report-form th { background:#999}

.quiz-question-body p:first-child { font-weight:bold}

.view-detalle-material-de-apoyo .views-field-field-orden { width:4%; background-color:#08454A; border-top:#AC2310 3px solid; font-size:25px; text-align:center;font-family: 'Handlee', serif; color:#FFF; margin-right:2%; float:left; margin-bottom:10px}

.view-detalle-material-de-apoyo .views-field-title { float:left; font-weight:bold; margin-bottom:10px}
.view-detalle-material-de-apoyo .views-field-php { clear:both;}
.view-detalle-material-de-apoyo .views-label { font-weight:bold}
.view-detalle-material-de-apoyo .view-header { margin-bottom:15px; font-size:12px}
.view-detalle-material-de-apoyo .views-field-pass-rate { margin-bottom:15px}

#block-actividades-list {width:660px; position:absolute; top:80px; left:100px;margin-top:60px;}
#block-actividades-list h2 { margin:40px;}
#block-actividades-list ul li a { margin:auto;}
#block-actividades-list ul li img {margin:5px; margin-right:65px;}
#block-actividades-list .item-list { clear:left}

#user-login-form #edit-actions { margin-top:0px}

.block input.form-text {display:inline; width:140px; padding-right:10px}

#intro-video { position:absolute; top:147px; left:50px; border:1px solid #666}

#block-block-9 { position:absolute; top:300px; left:490px; font-size:90%; font-weight:bold; width:310px; border-top:1px solid #999; padding-top:7px}
#block-block-9 .block-inner { margin-left:18px}

#block-views-keywords-block { float:left; width:256px;  margin:20px 0px 20px 0px; z-index:10  }
#block-views-keywords-block ul { margin:0px}
#block-views-keywords-block li { list-style:none; margin:0px; padding:0px} 
#block-views-keywords-block li li { margin:4px 0px; padding-top:4px; width: 240px; list-style:none; border-top:1px solid #E3E3E3}
#block-views-keywords-block li li a { padding:4px;}
#block-views-keywords-block li li.active { background-color:#EDEFF4;}
#block-views-keywords-block li li.active a {}
#keywords { margin-bottom:20px}
#keywords .loading { display:none}
#keywords .content { display:none}
#keywords-inner {border-radius: 5px 5px 5px 5px; background-color:#EDEFF4; padding:10px; padding-top:30px; border:1px solid #D7DADF}
#keyword-connect { background:url(../gfx/keyword-connect.jpg); position:absolute; top:-27px; right:130px; height:28px; width:52px}
#keywords-close { position:absolute; top:5px; right:15px; background:url(../gfx/close.png) no-repeat; width:20px; height:20px; cursor:pointer}

#main-content .content-style {border-radius: 0px; border:0px; margin:15px; padding:15px}
#quiz-question-answering-form { padding:20px; background:url(../gfx/cross-page-bg.gif);}

/* New classes */
#block-block-5.block, #block-block-2.block, #block-block-3.block, #block-views-keywords-block.block, #block-block-4.block   { clear:none}

#block-block-5, #block-block-2, #block-block-3 { float:left; width:258px; height:110px; color:white; margin:5px; padding-top:5px}

#block-block-5 { font-size:17px; font-weight:bold; font-family: 'Handlee', serif;}

#block-block-7 { float:left; width:82px; height:10home7px; color:white; margin:5px; background-color:#08454A; border-top:#AC2310 3px solid; text-align:center;  padding-top:5px}
#block-block-7 p { font-size:40px; font-weight:bold; font-family: 'Handlee', serif; margin-top:10px; margin-bottom:17px}


#block-block-4 { margin:20px 0px 20px 0px; font-family: 'Handlee', serif; font-size: 20px; padding:0px 0px 10px 0px; width:630px; float:left;}

.shadow, #block-block-5, #block-block-2, #block-block-3, #quiz-question-answering-form { -webkit-box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.4);
box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.4);
}

.view-header {font-size:22px; font-family: 'Handlee', serif; }

.view-cuestionarios-alumnos ul { margin:0px}
.view-cuestionarios-alumnos ul li { float:left; list-style:none; clear:left; margin-left:0px; padding-left:0px; width:100%; background-color:#EFEFEF; margin-bottom:5px}

.view-cuestionarios-alumnos ul li.views-row-odd {  background-color:#F3F3F3}

.view-cuestionarios-alumnos li div { float:left; margin-bottom:0px; margin-right:2%}
.view-cuestionarios-alumnos li div div { float:none}
.view-cuestionarios-alumnos .views-field-field-orden { width:4%; background-color:#08454A; border-top:#AC2310 3px solid; font-size:25px; text-align:center;font-family: 'Handlee', serif; color:#FFF; margin-right:2%}
.view-cuestionarios-alumnos .views-field { padding:10px;}
.view-cuestionarios-alumnos form { margin-top:6px; margin-bottom:0px}

.view-cuestionarios-alumnos .views-field-title { width:30%; word-wrap: break-word; font-weight:bold}
.view-cuestionarios-alumnos .views-field-field-quiz-objetivo { width:30%; word-wrap: break-word;}

.menu { float:right; cursor:pointer; min-width:150px; margin-top:102px; padding:5px}
.menu-inner {float:left; position:absolute; z-index:99; padding:5px; background-color:#FFF}
.menu:hover { color:red}
.menu:hover .menu-inner {float:left; -webkit-box-shadow: 3px 3px 5px 2px rgba(0, 0, 0, 0.5); box-shadow: 0px 3px 5px 5px rgba(0, 0, 0, 0.5);}
.menu:hover ul { display:table}
.menu ul { display:none; margin:0px; background:#F0F0F0}
.menu li { list-style:none; margin:0px; padding:5px}


img {
  max-width: 100%; vertical-align: middle; border: 0;  -ms-interpolation-mode: bicubic;
}

.loading { background:url(../gfx/ajax-loader.gif) no-repeat; width:30px; height:30px; display:none }

.red-grad, #block-block-5 {background: #b02311; /* Old browsers */
background: -moz-linear-gradient(top,  #b02311 0%, #dd7c76 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b02311), color-stop(100%,#dd7c76)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #b02311 0%,#dd7c76 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #b02311 0%,#dd7c76 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #b02311 0%,#dd7c76 100%); /* IE10+ */
background: linear-gradient(to bottom,  #b02311 0%,#dd7c76 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b02311', endColorstr='#dd7c76',GradientType=0 ); /* IE6-9 */
}

.blue-grad, #block-block-2 {background: #176c6f; /* Old browsers */
background: -moz-linear-gradient(top,  #176c6f 0%, #4cafb5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#176c6f), color-stop(100%,#4cafb5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #176c6f 0%,#4cafb5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #176c6f 0%,#4cafb5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #176c6f 0%,#4cafb5 100%); /* IE10+ */
background: linear-gradient(to bottom,  #176c6f 0%,#4cafb5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#176c6f', endColorstr='#4cafb5',GradientType=0 ); /* IE6-9 */
}

.green-grad, #block-block-3 {background: #4e7309; /* Old browsers */
background: -moz-linear-gradient(top,  #4e7309 0%, #7baf1f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4e7309), color-stop(100%,#7baf1f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #4e7309 0%,#7baf1f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #4e7309 0%,#7baf1f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #4e7309 0%,#7baf1f 100%); /* IE10+ */
background: linear-gradient(to bottom,  #4e7309 0%,#7baf1f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e7309', endColorstr='#7baf1f',GradientType=0 ); /* IE6-9 */
}

/* Creative modules css */

.group:before, .group:after {content:""; display:table; }
.group:after, .group:before { clear:both;}
.group { zoom:1;}

.glow { -webkit-box-shadow: 3px 3px 5px 2px rgba(0, 0, 0, 0.5);
box-shadow: 0px 3px 5px 5px rgba(0, 0, 0, 0.5);}

.button, #edit-submit, .view-cuestionarios-alumnos .form-submit, input#edit-back {
	color: #FFFFFF;       
    padding: 9px 14px; 
	cursor: pointer;
    display: inline-block;
    font-size: 1.5em;
    line-height: 1.3em;
    margin: 10px 0px;    
    text-align: center;    
    vertical-align: middle;	
	
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	
	border:1px solid #666;
	
	border-radius: 5px 5px 5px 5px;
	
	
	background: rgb(178,178,178); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(185,185,185,1) 0%, rgba(130,130,130,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(105,142,145,1)), color-stop(100%,rgba(8,69,74,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(216,216,216,1) 0%,rgba(178,178,178,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(216,216,216,1) 0%,rgba(178,178,178,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(216,216,216,1) 0%,rgba(178,178,178,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(216,216,216,1) 0%,rgba(178,178,178,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2b2b2', endColorstr='#d8d8d8',GradientType=0 ); /* IE6-9 */

	
   
	-moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
	
	}

input#edit-back { margin-right:5px; }

	
 .view-cuestionarios-alumnos .form-submit {
	 
	 padding: 5px 10px; 
	cursor: pointer;
    display: inline-block;
    font-size: 1.1em;
    line-height: 0.9em;
    margin: 10px 0px !important;    
    text-align: center;    
    vertical-align: middle;	
	 
	 }
	 
	 	#drop-zone { background:url(/sites/all/modules/quiz/dndSnippets/comic/gfx/page-bg.gif); border:1px solid #CCC}
 	#drop-zone li {list-style:none; float:left; position:relative; width:100%; height:100%}
	#drop-zone .pane { position:relative; background:center no-repeat; margin:5px;}
	#drop-zone .pane.empty { border:2px dashed white}
	#drop-zone .char { position:absolute; top:0px; left:0px; width:100%; display:block; background-image:}
	#drop-zone .edit { text-align:center; font-size:30px; color:#999;  text-shadow: -1px -1px 0px #666; filter: dropshadow(color=#0a080a, offx=0, offy=-1); position:absolute; width:100%; z-index:101
}
	
	
	#dnd #dropzone { position:relative}
	#drop-zone .comment-cont { position:absolute; padding:3px; width:222px; right:5px; display:none;  font-family: 'Handlee', serif; max-height:410px; overflow:auto}
	#drop-zone .comment-cont p { margin:0px; padding:3px; border-bottom:none; background-color:#FFF; -webkit-border-radius: 4px; border-radius: 4px; border:1px #CCC solid;font-size:20px}
	#drop-zone .comment-cont.bottom { bottom:3px;}
	#drop-zone .comment-cont.top { top:3px;}
	#drop-zone .comment-cont.bottom.sm-right, #drop-zone .comment-cont.sm-right.bottom { background:url(/sites/all/modules/quiz/dndSnippets/comic/gfx/speachmark-up.png) right top no-repeat; padding-top:12px}	
	#drop-zone .comment-cont.bottom.sm-left, #drop-zone .comment-cont.sm-left.bottom { background:url(/sites/all/modules/quiz/dndSnippets/comic/gfx/speachmark-up.png) top left no-repeat; padding-top:12px}
	
	#drop-zone .comment-cont.top.sm-right, #drop-zone .comment-cont.sm-right.top { background:url(/sites/all/modules/quiz/dndSnippets/comic/gfx/speachmark.png) right bottom no-repeat; padding-bottom:12px}	
	#drop-zone .comment-cont.top.sm-left, #drop-zone .comment-cont.sm-left.top { background:url(/sites/all/modules/quiz/dndSnippets/comic/gfx/speachmark.png) bottom left no-repeat; padding-bottom:12px}
		
/* ARREGLOS PARA PONER EL REPRODUCTOR DE VÍDEO */
.article-type-page .field-name-body {
	position: relative;
}
.article-type-page .field-name-field-reproductor-video {
	background-color: #000000;
	margin-bottom: 40px;
}
	

    
/*  
 *   * Flowplayer 7 - ajustes      
 *    */ 
.flowplayer .fp-player > a {   
	top: -99999px;             
}