@charset "utf-8";
/* CSS Document */

body {
	/* Ubicación de la imagen */
  background-image:url(../img/background.jpg);
  /* Nos aseguramos que la imagen de fondo este centrada vertical y horizontalmente en todo momento */
  background-position: center center;
  /* La imagen de fondo no se repite */
  background-repeat: no-repeat;
  /* La imagen de fondo está fija en el viewport, de modo que no se mueva cuando la altura del contenido supere la altura de la imagen. */
  background-attachment: fixed;
  /* La imagen de fondo se reescala cuando se cambia el ancho de ventana del navegador */
  background-size: cover;
  /* Fijamos un color de fondo para que se muestre mientras se está cargando la imagen de fondo o si hay problemas para cargarla  */
  background-color: #464646;
}
.toolbar {
	background-image:url(../img/footer.png);
	color:#FFF;
	text-align: center;
	font-size:20px;
	font-style:italic;
	z-index:2;
}
.fondosolido {
	background-image:url(../img/texturabanner.png);
	color:#FFF;
	text-align:center;
}
.fondoalfa {
	background-image:url(../img/texturabanneralfa.png);
	color:#900;
	text-align:center;
	padding: 50px 50px 50px 50px;
}
.fondosolido2 {
	background-image:url(../img/texturabanner.png);
	color:#FFF;
	text-align:left;
	font-size:18px;
	padding: 1px 50px 1px 50px;
}
.titular {
	text-align:left;
	background-color:#000;
	color:#FFF;
	border-radius: 20px 20px 20px 20px;
}
.footer {
	background-image:url(../img/footer.png);
	color: #FFF;
	background-color:#FF0;
	font-size:16px;
}
.marcopaquetes {
	color:#000;
	background-color:#009;
	background-image:url(../img/texturamarcos.png);
	padding: 5px 5px 5px 5px;
	border-radius: 20px 20px 20px 20px;
}
.marcopaquetes2 {
	color:#FFF;
	background-color:#007AAF;
	padding: 5px 5px 5px 5px;
	border-radius: 20px 20px 20px 20px;
}
.marcopaquetes3 {
	text-align:center;
	color:#999;
	background-color:#035186;
	padding: 5px 5px 5px 5px;
	border-radius: 20px 20px 20px 20px;
}
.marcopaquetes4 {
	text-align:center;
	color:#FFF;
	background-color:#4D6A79;
	padding: 5px 5px 5px 5px;
}
.textoformulario {
	color:#000;
}



.social {
	position: fixed; /* Hacemos que la posición en pantalla sea fija para que siempre se muestre en pantalla*/
	right: 0; /* Establecemos la barra en la izquierda */
	top: 125px; /* Bajamos la barra 200px de arriba a abajo */
	z-index: 2000; /* Utilizamos la propiedad z-index para que no se superponga algún otro elemento como sliders, galerías, etc */
}
 
	.social ul {
		list-style: none;
	}
 
	.social ul li a {
		display: inline-block;
		color:#fff;
		background: #000;
		padding: 5px 7px;
		text-decoration: none;
		-webkit-transition:all 500ms ease;
		-o-transition:all 500ms ease;
		transition:all 500ms ease; /* Establecemos una transición a todas las propiedades */
	}
 
	.social ul li .icon-facebook {background:#3b5998;} /* Establecemos los colores de cada red social, aprovechando su class */
	.social ul li .icon-twitter {background: #00abf0;}
	.social ul li .icon-google-plus {background: #d95232;}
	.social ul li .icon-youtube3 {background: #ae181f;}
	.social ul li .icon-mail {background: #666666;}
 
	.social ul li a:hover {
		background: #000; /* Cambiamos el fondo cuando el usuario pase el mouse */
		padding: 5px 5px; /* Hacemos mas grande el espacio cuando el usuario pase el mouse */
	}
a:link {
	color: #FFF;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FFF;
}
a:hover {
	text-decoration: none;
	color: #FFF;
}
a:active {
	text-decoration: none;
}
h1,h2,h3,h4,h5,h6 {
	font-family: Verdana, Geneva, sans-serif;
}