hr#clear{
    clear:left;
}

div#tab{
    width: 300px;
    height: 50px;
    float:left;
    padding: 20px;
    
}

table#preguntas  tr  td:first-child{
text-align:center;    
    }


td.pregunta {
max-width: 50px;    
border: solid 1px white;
}


div#video {
    background-color: black;
    width: 640px;
    height: 360px;
    border: 0px solid black;
    padding: 0px;
    margin: 0px;
}

#text {
width: 30em; 
}

.del, .time {
background:rgba(23,35,34,.5);
border-radius:.5em;
color:white;
text-align: center;
overflow: hidden;
width: 65px;
}

.s_time{
background:rgba(26, 255, 26,0.9);
border-radius:.5em;
color:white;
text-align: center;
overflow: hidden;
width: 65px;
}

.del:hover{ 
background-color: red;
color:white;
}

.ms_button {
    background-color: rgba(23,35,34,.5);
    border: none;
  	border-radius:.5em;
    color: white;
    cursor: pointer;
    display: inline-block;
    font-size: inherit;
    margin: 4px 2px;
    padding: 10px 15px;
    text-align: center;
    text-decoration: none;
    width: 100px;
}

.time:hover, .ms_button:hover { 
color:white;
background-color:rgba(0,173,239,1);
}

#response_cont{
padding: 20px;
border-radius:.5em;
border-width: 1px;
border-style: solid;
border-color: gray;
}

#response_cont:hover{
border-color: rgba(0,173,239,1);
}


div#wrap_top{
    margin: 8px;
}


.ms_crss_container{
float:left;
margin:5px 5px;
width:200px;
height:400px;
background-color:white;
border-color: #337FAA;
border-style:solid;
border-width: 1px;
overflow:hidden;
}

.ms_crss_container p{
padding: 5px;
background-color:white;
}
.ms_crss_img{
margin:0px 0px;
padding: 0px;
width: 200px;
height:133px;
background-color:#337FAA;
}
.ms_crss_img:hover{
opacity: 1;
}
.ms_crss_button_top{
padding: 5px;
margin: 8px 16px 0px 0px;
color: white;
background-color:#337FAA;
height: 48px; /* align vertically */
width: 96px;
text-align:center; /* align horizontally */
border-radius: 48px; 
border-width: 0px;
}
.ms_crss_button_top:hover{
color:black;
background-color:#67B2DE;
border-color:#67B2DE;
cursor: pointer;
}

.ms_crss_title{
margin: 5px;
padding:5px;
font: bold 22px sans-serif;
height: 88px; /* 22px x 4 quatre linies  */
color:#242F3D;
background-color:white
}
.ms_crss_button{
float:right;
padding: 5px;
margin: 0px 15px 0px 5px;
color: white;
background-color:#337FAA;
line-height: 36px; /* align vertically */
height:36px; /* align vertically */
width: 72px;
text-align:center; /* align horizontally */
border-radius: 20px; 
}
.ms_crss_button:hover{ 
color:black;
background-color:#67B2DE;
border-color:#67B2DE;
cursor: pointer;
}
.ms_crss_button_center{
margin:auto;
padding: 10px;
color: white;
background-color:#337FAA;
line-height: 72px; /* align vertically */
height:100px; /* align vertically */
width: 200px;
text-align:center; /* align horizontally */
border-radius: 20px; 
}

.ms_crss_price{
font: bold 24px sans-serif;
padding:5px;
color:#242F3D;
height:36px;
background-color:white;
text-align: center;
vertical-align: middle;
line-height: 36px;

}

.ms_crss_level{
margin: 5px;
font: bold 22px sans-serif;
height: 16px;
color:#242F3D;
background-color:white;
}

.ms_crss_button:active{
color:lightgray;
background-color:white;
}

form.mis_cursos_admin th{
	text-align:left;	
}

form.mis_cursos_admin tr{
	vertical-align:top;
}

.aviso{
display:block;
margin:5px 10px;
padding:10px; 
color: white;  
background-color:LightPink ;
}

form.mis_ficheros_form
{
border:1px solid #E5E5E5 ;
margin:10px;
padding: 10px;
font-size:small;
text-align:left;
background-color: #FFFFFF;
max-width: 500px;
min-width:250px;
border-radius: 4px;
}


td.fichero, tr.fichero {
   border: 1px solid white;
}

td.fichero2{
   border: none;
text-align:center;	
}

label.mis_ficheros_label
{
width:400px;
margin-right:0.5em;
padding-top:0.2em;
margin-left:0.5em;
text-align:left;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: small;
font-weight: normal;
line-height: 18px;
}

form.mis_cursos{
font-size:small;
border:dashed; 
border-width:1px; 
border-color:#E5E5E5; 
padding:10px 10px 10px 10px;
text-align:left;
width: 500px;
border-radius: 4px;
}

form.mis_cursos_test{
font-size:small;
border: 1px solid black;
padding:10px 10px 10px 10px;
text-align:left;
background-color: #F9F9F9;
max-width: 700px;
}

form.mis_cursos_test p.respuesta{
background-color: white;
padding: 1em 1em 2em 3em;
background-color: white;
padding: 1em 1em 2em 3em;
border-top: 1px solid black;
border-left: 1px solid black;
border-right: 1px solid black;
margin: 0px;
}

form.mis_cursos_test p.respuesta:last-of-type{
border-bottom: 1px solid black;
}

form.mis_cursos_test fieldset{
border: none;    
}

form.mis_cursos_test legend,form.mis_cursos_test label.respuesta{
font-size: medium;
}

.respuesta {
text-align:left;
float:left;
font-weight: normal;
width: 90%;
}
.field {
text-align:left;
float:left;
width: 50%;
color:#050;  
font: bold small 'trebuchet ms',helvetica,sans-serif; 
}
input.textbox {
text-align:left;
float:right;
width:100%;
color:#050;  
font: bold small 'trebuchet ms',helvetica,sans-serif; 
}
input.textsmall {
text-align: left;
width:40px;
}

.fieldset.p {
clear:both;
padding:5px;
color:#050;  
font: bold small 'trebuchet ms',helvetica,sans-serif; 
}

input.button-primary{
margin-left:30%; 
color:#050;  
font: bold small 'trebuchet ms',helvetica,sans-serif; 

}

input.button-secondary{
width:200px;
margin-left:50px; 
}