@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',arial,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;}

select,
select option {font-variant: small-caps;}



.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; font-variant: small-caps;}
.list-preguntas li .suborden { }
.list-preguntas ul { 
     text-align: center;
	}
    
.linkresource .img-selector { 
	font-size: 1.2em;  
	/*position: relative; 
	top: 46px;  
	left: 50px; */
	float:right;
	margin-left: 20px;
	background-color: white; 
	padding: 5px; 
	border: 1px solid #ccc;
    background: white;
    }
.list-preguntas li .orden { 
	font-size: 1.7em; 
	font-weight: bold; 
	float:left;
	margin-right: 5px
	}
.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 30px; }
    
    iframe{
		 margin: 15px 5px 20px;
		
	}
    
.text { 
	font-weight: bold; 
	display: block; 
	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;
    font-variant: small-caps;
    }
    
.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;
    font-variant: small-caps;
}

.list-preguntas ul li {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
}


    .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;
    text-align: center;
	padding: 10px;
    font-size: 1.5em;
    font-variant: small-caps;
	 }
    .linkresource {
		margin: 20px 50px;
		padding: 5px; 
		display: inline-block;
        width: 90%;
    }
    .linkresource img  {
		margin: 5px 1px;
		border: 1px solid #CCCCCC;
		border-radius: 5px;
	}
.linkresource > .img-leyenda {
		 
		background: white; 
		height: 20px; 
		position: relative; 
		top: 20px;
		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;
     font-variant: small-caps;
	 
	}
	
    .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: 1em; 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: #1B7C2F;
    background-image: url("../sitemedia/img/bg.jpg");
    background-position: top center;
	background-repeat:no-repeat;
    color:#276E50;
    font-family: 'COMICBD0',arial,serif;
    font-size: 12px;
    }
 
 .multiradio{display: inline; height: 40px; float: right; min-width: 60%;}
 .multiradio caption {font-size: 1.8em; min-width:440px; text-align: left; font-variant: small-caps}
 .multiradio td {border: none; text-align: center;}
 
 .no-list-style{ list-style-type:  none;}
 .display-inline { display: inline-block !important; }
 
 
_input[type="radio"] {
width: 20px;
}

_input[type=radio]:hover {margin: 0px 10px; cursor: pointer;}

label {
	display: inline; margin-right: 5px; cursor: pointer;
}


.regular-radio {
	display: none;
}

.regular-radio + label {
	-webkit-appearance: none;
	background-color: #fafafa;
	border: 1px solid #cacece;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	padding: 9px;
	_border-radius: 50px;
    
    border-bottom-left-radius: 50px;
    _border-bottom-right-radius: 50px;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
	display: inline-block;
	position: relative;
}

.regular-radio:checked + label:after {
	content: ' ';
	width: 12px;
	height: 12px;
	border-radius: 50px;
	position: absolute;
	top: 3px;
	background: #99a1a7;
	box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);
	text-shadow: 0px;
	left: 3px;
	font-size: 32px;
}

.regular-radio:checked + label {
	background-color: #e9ecee;
	color: #99a1a7;
	border: 1px solid #adb8c0;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1), inset 0px 0px 10px rgba(0,0,0,0.1);
}

.regular-radio + label:active, .regular-radio:checked + label:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.big-radio + label {
	padding: 16px;
}

.big-radio:checked + label:after {
	width: 24px;
	height: 24px;
	left: 4px;
	top: 4px;
}