/*---------
 GENERALES
----------*/

body {
	margin: 0;
	padding: 0;
	font-family: 'Open Sans', sans-serif;
	font-size: 100%;
	background-image: url("images/bg.jpg");
	background-repeat: repeat-x;
		font-size: 14px;
    color: gray;
	
	
}

.bold {
	font-weight: 600;
}

.contenedor {
	width:960px;
	margin-right: auto;
	margin-left: auto;
	margin-top:12%;
}

.clear {
	clear:both;
}

a {
	text-decoration:none;
	color:gray;
	}

a:hover {
	text-decoration:none;
	color:#3883ba;
	}


/*---------
 INDEX
----------*/

.logo {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

.boton {
	margin-right: auto;
	margin-left: auto;
	margin-top:12%;
	margin-bottom:15%;
	text-align: center;
}

.pie {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}


.direccion1 {
	float:left;
	margin-right: 3%;
	margin-left: 12%;
}

.direccion2 {
	float:left;
	margin-right: 3%;
}

.direccion3 {
	float:left;
}

@media (max-width: 768px) { 

.logo {
	margin-top:25%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

.contenedor {
	width:100%;
	margin-right: auto;
	margin-left: auto;
	margin-top:12%;
}


.direccion1 {
	width:auto;
    float:none;
	margin-bottom:10px;
	margin-right: 1%;
	margin-left: 1%;
}

.direccion2 {
	width:auto;
    float:none;
	margin-bottom:10px;
	margin-right: 1%;
	margin-left: 1%;
}

.direccion3 {
	width:auto;
    float:none;
	margin-right: 1%;
	margin-left: 1%;

}

}


@media (max-width: 480px) { 

.logo {
	margin-top:25%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

.contenedor {
	width:100%;
	margin-right: auto;
	margin-left: auto;
	margin-top:12%;
}


.direccion1 {
	width:auto;
    float:none;
	margin-bottom:10px;
	margin-right: 1%;
	margin-left: 1%;
}

.direccion2 {
	width:auto;
    float:none;
	margin-bottom:10px;
	margin-right: 1%;
	margin-left: 1%;
}

.direccion3 {
	width:auto;
    float:none;
	margin-right: 1%;
	margin-left: 1%;

}

}