@charset "UTF-8";
body{

    font-family: 'Open Sans', sans-serif;
    color: #666666;
    font-size: 1em;
    line-height: 1.8em;
    font-weight: 300;
    letter-spacing: .7px;
/*	background:#FFF;
	font-family:"Myriad Pro";
	font-size: 1em;	
	text-align:center;
	color: #333;
	margin-left:0em;
	margin-right:0em;
	margin-bottom:0px;
	padding-left:0em;*/

}
h2{
/*    font-family:"Myriad Pro";
	font-weight: bold;
	font-size: 12px;
	color: #999;
	text-align:left;
    margin-bottom: 0;*/
}
h1{
/*    font-family:"Myriad Pro";
	font-weight: bold;
	font-size: 18px;
	color: #CC003D;
	text-align:left;
    margin-top: 0;*/
}
h3{
/*    font-size: 1.1em;
    color: #555;
    margin-bottom: 0.1em;*/
}
p {
/*    text-align: left;*/
}

td{ /*font-family:"Myriad Pro";  font-size:18px; padding:8px; line-height:45px;*/}
video {
/*    background-color: #000;
    border-radius: 1.5em;*/
}
.retro{
    /*color: #666;*/
}
#retroalimentacion{
	padding:5px;
	background-color:#F89838;
	left:0px;
	right:0px;
	bottom:0px;
	position:fixed;
}

#preguntas{
text-align: left; /* line-height: 24px ;*/ margin-top:80px;
margin-left:20px; margin-right:20px; 
margin-bottom:100px;
}

.texto_pregunta{
padding: 5px; margin-bottom: 5px;
}

div#preguntas{
    /*float:right;*/
    
}
div#preguntas > div{
	/*height: 40px;*/
}

div#respuestas{
    /*float: left;*/
   /* width: 20%;*/
	
}
#respuestas{
	
	padding-top:10px;
	padding-bottom:10px;
	width:100%;
	position:fixed;
	z-index:50;
	background-color:rgba(255,72,0,0.7);
	top:0px;
	right:0px;
}
footer{
    color: #DDD;
    clear: both;
    text-align: right;
    /*font-size: 0.7em;*/
}


@media screen and (max-width: 900px) {
	table,div,td{
	/*color: #000000;*/
}

}

@media screen and (max-width: 500px) {
    html, body {
        margin: 0;
        padding: 0;
    }
    p{
        margin: 0.3em;
        padding: 0.3em;
    }
	
	div#preguntas{
    /*float:left;*/
  
}
div#respuestas{
    /*float: left;*/
    /*width: 90%;*/
}
	

}