@font-face  {
  font-family: COMICBD0; 
  font-style: normal; 
  font-weight: normal; 
  src: url(fonts/COMICBD0.ttf); 

}
hr          { 
  border: 0px dotted #E3E3E3;
  margin: 20px 0;
 }  
h2          { font-family: 'COMICBD0',Georgia,Serif; font-size: 36px; line-height: 45px;
              margin-bottom: 22px; margin-left: 0; margin-right: 0; margin-top: 0;
              text-align: center; text-shadow: 1px 1px 0 #FFFFFF;
            }
img         { border: none;}
p           { text-align: justify }
td          { vertical-align: top;
              height: 30px;
              padding: 2px 2px;
              border-bottom: 1px dotted #3E3E34;
            }
td p        { margin: 0; }

a           { text-decoration: none;}

.asignaciones       { width: 90%;
                      margin: 10px auto;
                      border: 3px solid #3E3E34;
					  border-radius:5px;
                     
                    }

select      {font-size: 1.2em; background-color: white; padding: 10px; border: 1px solid #ccc;   background: white;}

.asignaciones select {
    font-size: 13px; height: 30px; margin: 5px; font-family:'COMICBD0',arial,serif; 
    height: 30px;
    margin-bottom: 5px;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
}


.option-text { 
min-width: 80%;
padding-left: 10px; }

.list-preguntas     { list-style: none; list-style-position: inside;
                      padding-left: 10px; }
.list-preguntas li .orden { font-family: 'COMICBD0',arial,serif;
     font-size: 1.8em; font-weight: bold; color: #3E3E34;}
.list-preguntas li .suborden { }
.list-preguntas ul { 
     text-align: center;
	}
    .linkresource .img-selector { font-size: 1.2em;  position: relative; top: 46px;  left: 80px; background-color: white; padding: 10px; border: 1px solid #ccc;
        background: white;
    }
    .list-preguntas li .orden { font-size: 1.7em; font-weight: bold;}
.list-preguntas li .suborden { }
.list-preguntas ul { margin: 10px 20px;}
.list-preguntas ul li{  }
    
.list-preguntas ul #P2{}
.list-preguntas ul li{ margin: 20px 20px 5px 20%; }
    
    iframe{
		 margin: 15px 5px 20px;
		
	}
    
.text { 
	font-weight: bold; 
	display: inline; 
	text-align: justify;
    font-family: 'COMICBD0',arial,serif;
     font-size: 1.8em;
    _font-style: italic;
    font-weight: 900;
    margin-bottom: 10px;
    letter-spacing: 0.7px;
	color: #3E3E34;
	padding-bottom:30px;
    }
    
.ui-progressbar-value { background-image: url(../sitemedia/images/pbar-ani.gif); }

    
.opciones { 
	margin: 35px auto;
	list-style: decimal; 
	font-family: 'COMICBD0',arial,serif; 
	font-size: 1.5em; 
	letter-spacing: 1px; 
	text-align: justify;
	padding-top:10px;
}
    .subopciones{ list-style: upper-alpha; font-family: 'COMICBD0',arial,serif; font-size: 1.4em; letter-spacing: 1px;}
    .subtext    {color: #276D51;}
.description {
	border: 2px solid #276D51;
    color: #276D51;
    font-family: 'COMICBD0',arial,serif;
    font-weight: normal;
    margin-left: 30%;
    text-align: center;
	padding: 10px;
	 }
    .linkresource {
		margin: 20px 45px; 
		padding: 5px; 
		display: inline-block;}
    .linkresource img  {margin: 5px 1px;
	}
    .linkresource > .img-leyenda {
		 
		background: white; 
		height: 20px; 
		position: relative; 
		top: 8px; 
		left: 5px; 
		width: 150px; 
		opacity: 0.9; 
		padding: 5px;
    box-shadow: 2px 2px 0 #333;
    -webkit-box-shadow: 2px 2px 0 #333;
    -moz-box-shadow: 2px 2px 0 #333;
	border: 1px solid #276D51;
    color: #276D51;
	 font-family: 'COMICBD0',arial,serif;
	 
	}
	
    .respuesta{color: red;}

    
    .resaltado{font-weight: bold;}
    .italica{font-style: italic;}
    #title-cuestionario{font-family: 'COMICBD0',arial,serif; font-size: 1.5em; color: #A70F0E;}
    p.intro{ text-indent: 10px; font-size: 1.5em; font-style: normal; padding: 10px; margin: 10px; line-height: 2em;
    color: #666666;
    line-height: 1.5;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    margin-top: 1em;
    }
    .bottom-acciones{ text-align: center;}
    button  {}
    
    body { 
    -moz-background-clip: border;
    -moz-background-origin: padding;
    -moz-background-size: auto auto;
    background-attachment: scroll;
    background-color: #FFFFFF;
    background-image: url("../sitemedia/img/bg.jpg");
    background-position: top center;
	background-repeat:no-repeat;
    color:#276E50;
    
    font-size: 12px;
    }