/* Hoja de estilos personaliza para la web
Autor: Apatxe73 @2016 */

body {
	/* fondo de la página */
	background-image: url("../css/fondoInfoVila01.jpg");
	background-repeat: repeat;
	/* fuentes por defecto de la página */	
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	font-size: 1rem;
	line-height: 1.4rem;
}

p {
	font-size: 19px;
	line-height: 22px;
	text-align: justify;
}

#contenedor {
	background-color: #ffffff;
    -webkit-box-shadow: 0 0 10px 5px rgba(0, 0, 0, .2);
     box-shadow: 0 0 10px 5px rgba(0, 0, 0, .2);
}

.bandaHeader {
	height: 60px;
	background-color: #0885C5;
	margin-left: -30px;
}

/* estilos de articulos */
.titularArticulo {
	background-color: #0885C5;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 20px;
    margin-bottom: 0px;
	font-family: 'Montserrat', sans-serif;
	font-size: 24px;
	color: #ffffff;
	text-align: right;
}

.articulo {
	padding-bottom: 20px;
}

.articulo p {
	font-family: 'lato', sans-serif;
	font-weight: 400;
	font-size: 21px;
	line-height: 25px;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 10px;
}

#principal h1 {
	color: #0885C5;
}

/* estilo del footer */
footer {
	background-color: #0885C5;
	border-top: 40px solid #1269B0;
	padding-left: 30px;
	padding-right: 30px;
    padding-bottom: 50px;
    margin-left: -15px;
    margin-right: -15px;
}

footer h1 {
	font-family: 'lato', sans-serif;
	font-weight: 400;
	color: #ffffff;
	font-size: 21px;
}

footer p,li {
	font-family: 'lato', sans-serif;
	font-weight: 300;
	color: #ffffff;
	font-size: 14px;
	line-height: 16px;
}

footer a {
	color: #ffffff;
}

/* estilo de los banners */
.banner {
	margin-top: 20px;
	margin-bottom: 30px;
	background-color: yellow;
}

/* efecto hover imagenes */
.articulo img:hover {
   opacity:0.6; /* Opacidad 60% */
}

.imagen-interior {
	width: 45%;
	height: auto;
}

/* estilo para google map repsonsive */
.mapaGoogle {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}

.mapaGoogle iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* estilo para formulario de contacto */
form {
	padding: 30px;
	background-color: #C5EBFB;
}

label {
	font-family: 'lato', sans-serif;
	font-weight: 300;
	font-size: 21px;
	margin-bottom: 10px;
    margin-left: 15px;
}

input {
	margin-bottom: 25px;
}

.form-control {
	font-family: 'lato', sans-serif;
	font-weight: 300;
	font-size: 21px;
}

#botonFormulario {
	padding-left: 60px;
	padding-right: 60px;
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #1269B0;
	margin-top: 20px;
}