/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 23/08/2016, 11:41:42 PM
    Author     : rjhmz
*/


*
{
  padding: 0;
margin: 0;  
}

h1
{
    font-family: 'Roboto', sans-serif;
}

div.basico
{
        background:url(../images/basico.png) no-repeat center;
	background-size:contain;
	height:200px;
        color:white;
        border: 1px white solid;
        font-family: 'Roboto', sans-serif;
        
        
        
}
div.basico p
{
    margin-top:80px;
    font-size: 2em;
}

div.intermedio
{
        background:url(../images/intermedio.png) no-repeat center;
	background-size:contain;
	height:200px;
        color:white;
        border: 1px white solid;
        font-family: 'Roboto', sans-serif;
        
        
        
}
div.intermedio p
{
    margin-top:80px;
    font-size: 2em;
}

div.pro
{
        background:url(../images/pro.png) no-repeat center;
	background-size:contain;
	height:200px;
        color:white;
        border: 1px white solid;
        font-family: 'Roboto', sans-serif;
        
        
        
}
div.pro p
{
    margin-top:80px;
    font-size: 2em;
}


div.centrado
{
    text-align: center;
}

div.izquierda
{
    text-align: left;
}

div.derecha
{
    text-align: right;
}


div.espacio
{
    height: 50px
}



input[type=range] {
  -webkit-appearance: none;
  margin: 10px 0;
  width: 100%;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 10px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 1px 1px 1px #000000;
  background: #3071A9;
  border-radius: 5px;
  border: 1px solid #000000;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 1px 1px 1px #000000;
  border: 1px solid #000000;
  height: 30px;
  width: 15px;
  border-radius: 5px;
  background: #FFFFFF;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -11px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #3071A9;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 10px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 1px 1px 1px #000000;
  background: #3071A9;
  border-radius: 5px;
  border: 1px solid #000000;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 1px 1px 1px #000000;
  border: 1px solid #000000;
  height: 30px;
  width: 15px;
  border-radius: 5px;
  background: #FFFFFF;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 10px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #3071A9;
  border: 1px solid #000000;
  border-radius: 10px;
  box-shadow: 1px 1px 1px #000000;
}
input[type=range]::-ms-fill-upper {
  background: #3071A9;
  border: 1px solid #000000;
  border-radius: 10px;
  box-shadow: 1px 1px 1px #000000;
}
input[type=range]::-ms-thumb {
  box-shadow: 1px 1px 1px #000000;
  border: 1px solid #000000;
  height: 30px;
  width: 15px;
  border-radius: 5px;
  background: #FFFFFF;
  cursor: pointer;
}
input[type=range]:focus::-ms-fill-lower {
  background: #3071A9;
}
input[type=range]:focus::-ms-fill-upper {
  background: #3071A9;
}

.lainfo
{
  font-family: 'Roboto', sans-serif;
  font-size: 25px;
   color:#3071a9;
}

h2
{
    color: #cc0033
}