/* CSS Document */

.tarjeta{
	
	border-radius: 10px;
	border: 1px solid rgba(113,112,175, 0.8);
	padding: 4% 3%;
	
}
.tarjeta >p
{
	color: #837f7d;
	font-size:2em;
	text-align: left;
}
.tarjeta>h2{
	font-size: 3em;
}

.tarjeta > ul{
		float: left;
 	line-height: 50px;
	font-size: 1.6em;
	list-style: url(../img/imagen-lista.gif);
	text-align: left;
	
	
}

.leerMas{
background-color: #fff;
	font-size: 1.8em;
	border: 0px;
	color: #7170AF;
	
}
.leerMas:hover{
	background-color: #7170AF;
}
.contenidoTarjeta{
	color: #837f7d;
	font-size:1.6em;
	text-align: left;
}

.contenidoTarjeta > ul{
 	
 	line-height: 60px;
	list-style: url(../img/imagen-lista.gif);
	text-align: left;
	width: 386px;
}

.contenidoTarjetaNosotros{
	color: #837f7d;
	font-size:1.6em;
	text-align: center;
}



.paqueteTarjeta{
	 	
 	line-height:40px;
	font-size: 1.5em;
	list-style-image: url(../img/imagen-lista.gif);
	text-align: left;
}
.margenCarousel{
		margin: 0px ;
	
	
}


.tarjetaPaquetes{
	border-radius: 10px;
	border: 1px solid rgba(113,112,175, 0.8);
	padding: 4% 3%;
}
.redes{
	float: right;
}

a#pull {
    display: none;
}


nav {
	margin-top: 5%;
   height: 10%;
    width: 100%;
    background: #fff;
    position: relative;
    border-bottom: solid 1px #7170af;


}

nav ul {
	font-size: 1.7em;
    padding: 1% 0 0 0;
    margin: 0 auto;
    width: 100%;
    height: 70px;
	
}

nav li {
	
	margin-left: 2%;
    display: inline;
    
}

nav a {
	
  color: #7170af;
    display: inline-block;
    width: auto;
    text-align: center;
    
}

nav li a {
    
}

nav li:last-child a {
    border-right: 0;
}

nav li:hover{

}

nav a:hover, nav a:active {
  background: none;
	border: none;
	color: #716faf;
	
}
@media only screen and (max-width : 500px) {
    nav {
		
        border-bottom: 0;
        height: auto;
    }

    nav ul {
		
		padding: 0;
        display: none;
        height: auto;
        width: 100%;
		text-align: center;
    }

    nav li {
		
        width: 50%;
        float: center;
        position: relative;
    }

    nav a {
		font-size: 1.2em;
        text-align: left;
        width: 100%;
        text-indent: 45px;
    }

    nav a#pull {
        display: block;
        background-color: #716faf;
        width: 100%;
		font-size: 2em;
		color: white;
        position: relative;
    }

    nav a#pull:after {
        content:"";
        background: url(../img/nav-icon.png) no-repeat;
        width: 50px;
        height: 50px;
        display: inline-block;
        position: absolute;
        right: 15px;
        top: 10px;
    }
}