@charset "utf-8";
/* CSS Document */

.bordes_y_sombra
{
-moz-border-radius:10px; 
-webkit-border-radius:10px; 
border-radius:10px;
outline:none;		

-moz-box-shadow: 0 0 10px rgba(0,0,0,1);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,1);
box-shadow: 0px 0px 10px rgba(0,0,0,1);
}


#contenedor
{
	background-color:#DAEFFF;
}


.navbar-inverse
{
	background-color:transparent;	
	border:none;
}

.navbar-inverse .navbar-nav > li > a
{
	color:#00999f;
	border:none;
	
}

.container-fluid
{
	border:none;
	background-color:transparent;
	
}

.row
{
	background-color:#c1e7e8;
	
}

body
{
	background-color:#c1e7e8;
}

#titulo
{
	color:#00999f;	
	font-size:2em;
	font-size:2.5em;
	font-stretch:condensed;
	text-align:center;
	
	
}

.icono { width:4em;	}

#libro {width:20%; }

#pregunta1, #pregunta2, #pregunta3, #pregunta4, #resultados
{
	background-color: rgba(0,100,89,1.00);
	margin:1em;
	padding:1em;
	color:white;
	
	-moz-border-radius:10px; 
	-webkit-border-radius:10px; 
	border-radius:10px;	
	
}

.question
{
	font-size:1.75em;
	
    font-weight: bold;
    font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-shadow:2px 2px 2px black;	
	padding-bottom:0.5em;
			
}

.question2
{
	font-size:1.1em;
	
    font-weight: bold;
    font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-shadow:2px 2px 2px black;	
	padding-bottom:0.5em;
			
}

ul 
{
	margin:0;
	border:0;
	padding:0em 0em;
	font-weight:100;
	font-size:1.6em;	
		
	
}

ul li
{
	list-style:none;
	font-stretch:condensed;
	line-height:1.5em;
	padding:0.5em 0em;
	
	
}

input[type=radio]
{
	height:1.5em;
	width:1.5em;
	border:0;
	margin-right:0.5em;
	outline:none;
	vertical-align:middle;
		
}

.escondido
{
	display:none;
}

.mostrado
{
	display:block;
}

.btn
{
	text-shadow:2px 2px 2px black;
	font-size:1.5em;
	background-color:#006459;		
}

#botones
{
	padding-right:5%;
}

#resultados
{
	font-size:1.2em;
}

#correcta 
{
	color:#85FFA6;
	font-weight:bold;
	text-shadow:1px 1px 1px grey;
}

#incorrecta 
{
	color:#FF9698;
	font-weight:bold;
	text-shadow:1px 1px 1px grey;
}


/*********************************** radio buttoms ****************************/
input[type=radio]{ display: none; }
 
input[type=radio] + label span
{
    display: inline-block;
    width: 37px;
    height: 37px;
    background: url(../images/check_radio_sheet.png) left top no-repeat;
    margin: 0px 10px 0 0;
    vertical-align: middle;
    cursor:pointer;
}
 
input[type=radio]:checked + label span
{
    background: url(../images/check_radio_sheet.png) -38px top no-repeat;
}

/************************    Media Queries    ********************************/
@media (min-width: 1601px)
{

#libro {width:20%; }

}


@media (min-width:1201px) and (max-width:1600px)
{
#libro {width:20%; }



}


@media (min-width:1024px) and (max-width:1200px)
{
#libro {width:25%; }


}

@media (min-width:768px) and (max-width:1023px)
{
#libro {width:30%; }


}


@media (min-width: 480px) and (max-width: 767px)
{

#libro {width:30%; }


}


@media (min-width: 0px) and (max-width: 479px)
{

#libro {width:50%; }
.icono {width:3em;	}

ul li { font-size:1em }

#titulo { font-size:1.6em;}

#anterior, #siguiente { width:90%; margin-bottom:0.5em; }

#intentar { font-size:1.3em; }

.question { font-size: 1.5em; }
.answers { font-size: 1em; }

input[type=radio]
{
	height:1.3em;
	width:1.3em;		
}

}
/***************  fin media queries  *******************************/