html, body {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
background: #4c0077;
font-family: 'Roboto Condensed', sans-serif;
}

button a:visited {color: yellow;}

h1{
	font-size: 1.5em;
}

h2{
	font-size: 1.4em;
}

h3{
	font-size: 1.3em;
}


h4{
	font-size: 1.2em;
}

h5{
	font-size: 1.1em;
}

h6{
	font-size: 1.0em;
}

#container {

	height: 100%;
	position: relative;
	margin: 0 auto;
	background: #fff;
	padding: 15px;
	border-radius: 8px;

}


.container-serv, .tarifas {
	width: 100%;
	padding-left:30px;
	padding-right: 30px;
}

.container-serv img  {
	width: 80px;
	display: block;
	margin: auto;
}

.serv1, .serv2, .serv3 {
width:33.33%;
float: left;
}

.serv1 p, .serv2 p, .serv3 p {
	width: 80%;
	display: block;
    margin: auto;
    text-align: center;
    margin-top: 1.3em;
    font-size: 1.4em;
    font-weight: 300;
}

.tarifas {
	display: inline-block;
	margin: auto;
}

.tarifas img {
	width: 100%;
    margin-left: 10px;
    max-width: 90px;
}

.tarifas .pagovisa p, .tarifas .minutaje p {
	display: inline-block;
    margin-left: 1.3em;
    margin-top: 1.3em;
    font-size: 1.4em;
    font-weight: 300;
}

.tarifas a {
	    text-decoration: none;
    background: #4c0077;
    padding: 0.3em;
    border-radius: 10px;
    color: yellow;
    font-weight: 900;
    font-style: italic;
    font-size: 1.1em;
        display: block;
        text-align: center;
}
.tarifas .pagovisa, .tarifas .minutaje {
	    width: 48%;
float: left;
}

.minutos {
	font-weight: 400;
	display: block;
	margin-top: 15px;
}

.euros {
	font-weight:bold; 
	color:#4c0077; 
	text-shadow: -1px 0 #ffb6f4, 0 1px #ffb6f4,
	  1px 0 #ffb6f4, 0 -1px #ffb6f4
}

.minutaje {
	    margin-left: 15px;
}

.footer p {
	 font-size: 1.4em;
    font-weight: 300;
}




/*  RESPONSIVE
   ========================================================================= 
 Escritorios muy grandes
   ------------------------------------------------------------------------- */
@media (min-width: 1200px) { 

	#container {width:980px;}
	#wrapper{
	    margin-top: 10px;}
 }   
   
/* Tablets en horizonal y escritorios normales
   ------------------------------------------------------------------------- */
@media (min-width: 768px) and (max-width: 1199px) { 

#container {width:100%; border-radius: 0;}
#wrapper{
	    
}

.container-serv, .tarifas {padding: 0;}



	}   /
/* Móviles en horizontal o tablets en vertical
   ------------------------------------------------------------------------- */
@media (max-width: 767px) { 
#container {border-radius: 0;}
.imgcabecera { width: 100%!important; }
.serv1, .serv2, .serv3 {float: none; width: 100%;}
.container-serv, .tarifas {padding: 0;}
.tarifas .pagovisa, .tarifas .minutaje {width: 100%!important; float: none!important;}
.minutaje {margin: 0;}
}
/* Móviles en vertical
   ------------------------------------------------------------------------- */
@media (max-width: 480px) { 

#container {border-radius: 0;}
.imgcabecera { width: 100%!important; }
.serv1, .serv2, .serv3 {float: none; width: 100%;}
.container-serv, .tarifas {padding: 0;}
.tarifas .pagovisa, .tarifas .minutaje {width: 100%; float: none; }
.tarifas .pagovisa p, .tarifas .minutaje p {font-size: 1.2em;}
.minutaje {margin: 0;}
 }