@charset "utf-8";
/* CSS Document */
header{
	width: 100%;
	
	/*background: rgba(170,0,132,1.00);*/
	/*position: absolute;*/
	top: 0;
	left: 0;
}
.bx-wrapper{max-width: 600px!important} /*ponemos el ancho de nuestras imágenes por defecto está al 100% */
footer{
	position: fixed;
    background:rgba(0,0,0,0.5);
    height:5%;
    bottom: 0%;
    color: #FFF;
    clear:both;
    width:100%;
	text-align: center;
	font-size: .7em;
	margin-top: 10px;
	/*width: 100%;
	height: 5%;
	background: rgba(0,0,0,0.5);
	/*border-top: 2px solid #000;*/
	/*position: relative;
	bottom: 0;
	left: 0;*/
  }
.cont-izq
{
/*background: rgba(83,0,1,1.00);*/
	left: 0;
	width: 9%;
	/*position: fixed;*/
	top: 0;
	
}
.cont-izq img
{
	width: 50%;
	aling:center;
	margin-left: auto;
	margin-right: auto;
	/*display: block;*/
}
.cont-der
{
/*background: rgba(25,0,1,1.00);*/
	/*width: 30%;
	/*display: inline-block;*/
	display: inline-block;
	/*justify-content: flex-end;
	/*position: absolute;*/
	top:10px;
	right: 0;
	
	float: right;
	position: absolute;
	
	
	/*position: absolute;*/
}

#central {
	background:rgba(0,0,0,0.5);
	color: white;
	font-family: 'Cabin', sans-serif;
    margin-left: auto;
	margin-right: auto;
	width: 65%;
	margin-bottom: 5em;
	/*background-color: rgba(0,0,0,0.5);*/
	
}
#central1 {
	color: white;
    margin-left: auto;
	margin-right: auto;
	/*width: 65%;
	margin-bottom: 2em;
	/*background-color: rgba(0,0,0,0.5);*/
	
}

#central1 img
{
    aling:center;
	margin-left: auto;
	margin-right: auto;
	/*width: 30%;*/
}

main
{
padding-top: 5em;
/*	max-width: 100%;*/
}

#redes{
	/*width: 100%;*/
	margin-left: auto;
	margin-right: auto;
	
}
#redes ul{
   list-style-type: none;
	 display: inline-flex;
  /* text-align: center;*/
	
}
#redes li{
  
   /*text-align: center;*/
  /* margin: 0 10px 0 0;*/
}

/*.twitter-timeline{
	width: 10%;
	max-height: 400px;
	
}
.lightwidget-widget{
	width: 33%;
	display: block;
}
.fb-page{
	width: 100%;
}
/*#footer {
    position: relative;
    bottom: 0;
    width: 100%;
    /*margin-left: 10%;*/
/*	font-size: 11px;
	font-weight: bolder;
	color: #C00;
	text-align: center;
}
.fot-centro{
	 position: relative;
    bottom: 0;
    width: 100%;
    /*margin-left: 10%;*/
	/*font-size: 11px;
	font-weight: bolder;
	color: #C00;
	text-align: center;
	/* position: absolute;
    bottom: 0;
    width: 80%;
    margin-left: 10%;
	font-size: 11px;
	font-weight: bolder;
	color: #C00;
	text-align: center;
	/*position: absolute;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	/*width: 9%;*/
	/*color: #fff;
	font-size: 10px;
	
}*/

.twi { width: 10%;}
.face { width: 10%;}
.insta {width: 10%;}

.twi img{ width: 50%;}
.face img{ width: 30%;}
.insta img{width: 50%;}

.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: 200px; /* 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;*/
		display: inline-flex;
		color:#fff;
		background: #000;
		padding: 10px 15px;
		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-googleplus {background: #d95232;}
	.social ul li .icon-pinterest {background: #ae181f;}
	.social ul li .icon-mail {background: #666666;}
    .social ul li .icon-instagram {background: #bc2a8d;}
 
	.social ul li a:hover {
		background: #000; /* Cambiamos el fondo cuando el usuario pase el mouse */
		/*padding: 10px 30px; /* Hacemos mas grande el espacio cuando el usuario pase el mouse */
	}
.icon-facebook:hover{
	color: rgba(0,115,2,1.00);
}
.icon-twitter:hover{
	color: rgba(0,115,2,1.00);
}
.icon-instagram:hover{
	color: rgba(0,115,2,1.00);
}
.icon-mail:hover{
	color: rgba(0,115,2,1.00);
}
label {
    display:block;
    margin-top:20px;
    letter-spacing:1px;
}
.formulario {
    display:block;
    margin:0 auto;
    width:510px;
    color: #666666;
    font-family:Arial;
}
form {
    margin:0 auto;
    width:400px;
}
 
input, textarea {
    width:380px;
    height:27px;
    background:#666666;
    border:2px solid #f6f6f6;
    padding:10px;
    margin-top:5px;
    font-size:10px;
    color:#ffffff;
}
 
textarea {
    height:150px;
}
 
#submit {
    width:85px;
    height:35px;
    border:none;
    margin-top:20px;
    cursor:pointer;
}
@media screen and (max-width:640px){
	
}
@media handheld, only screen and (max-width: 640px) {
.cont-der{
display:none;
}
	.social {
	position:fixed; /* Hacemos que la posición en pantalla sea fija para que siempre se muestre en pantalla*/
	display: inline-block;
		right:0px; /* Establecemos la barra en la izquierda */
	bottom: 0px; /* 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 */}
	}