/*
*{
    transition: .5s;
}
*/

@import url('https://fonts.googleapis.com/css?family=Titillium+Web');

body{
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-family: 'Titillium Web', sans-serif;
    overflow-x: hidden;
    background: #222;
    color:white;
}
#formulario h2{
    text-align: center;
    font-size: 3em;
}
.header{
    margin:30px 0;
}
.padding0{
    padding:0;
}
.menupos{
    height: 58px;
    position: relative;
    z-index: 101;
    
}
.menupos li{
    list-style: none;
    float: left;
    margin-left: 0%;
    text-align: center;
    margin-top: 10px;
    height: 50px;
    line-height: 38px;
}
.menupos a{
    font-size: 1.7em;
    padding: 25px 18px;
    color: white;
    text-decoration: none;
}
.clear{clear: both;}
.error{color:red;}
.tituloCampo{margin-bottom: 15px;}
.campoFormulario{margin-bottom: 15px;}

.margin-top-50{margin-top:50px;}
.margin-top-100{margin-top: 100px;}
.margin-50-50{
    margin:50px 0;
    display: inline-block;
}
.menupos li:hover{
    border-bottom: 5px solid white;
}
.slicknav_menu {
  display:none;
  z-index: 10000!important;
}

.flipper img{cursor: pointer; }

.flex-container, #menu-center ul{
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
  align-items: center;
}

.flex-item{
    width:25%;
}
.fondo-gris{
    background: #333;
}
.imagen-pepe{
    background: url(../images/pepe-campa.jpg);
    width:100%;
    min-height: 700px;
    background-position: center;
    background-repeat: no-repeat;
}

.texto-principal{
    font-size: 1.5em;
    padding:30px 0;
}
.donde-escucharme .flex-item{
    width:20%;
    margin:0 1%;
}
.donde-escucharme p{
    height: 30px;
    font-size: 1.5em;
    margin-top:10px;
}
#cw-mod-contact-light-fmcwcmod-96 input,#cw-mod-contact-light-fmcwcmod-96 textarea{
	color: black;
    width: 92%;
    border-radius: 5px;
    padding: 5px 20px;
}

div#cwcmod-96 {
    margin: 50px;
    border: 1px solid #333;
    padding: 30px;
}
.cw-mod-contact-light-buttons {
    margin: 0 auto;
    width: 100px;
    color: black;
    margin-top: 10px;
}

#cw-mod-contact-light-fmcwcmod-96 label{
	width:200px;
}

.input {
    margin: 15px 0;
}
#twitter{
	max-height: 600px;
    overflow-y: scroll;
}
#principal,#barra-lateral,.spotify{
	padding-top:30px;
}

div.mejs-container {
    width: 100%!important;
}

.cw-mod-contact-light100{
	width:initial!important;
}
#contacto{
	margin-top:50px;
}
#podcast{
	background: white;
    color: black;
    padding: 20px 20px 0 20px;
    height: 330px;
    overflow-y: scroll;
    margin-bottom: 5px;
}

#podcast li{
	list-style: none;
	margin-left: -35px;
}

div#system-message{
    border: 1px solid;
}
.alert-heading{
	display:none;
}
.close{
	opacity: 1;
	color:white;
}
@media screen and (max-width: 1199px) {
}
@media screen and (max-width: 991px) {
}

@media screen and (max-width: 767px) {
	.imagen-pepe{
		background-position: -174px 25px;
		background-repeat: no-repeat;
	}
	.slicknav_menu {
	  display:block;
	  z-index: 10000!important;
	}
	.slicknav_menu{
		background: #222!important;
	}
	.slicknav_nav a{
		color:white!important;
	}
	#menu-center,.header{
		display:none;
	}
	div#cwcmod-96{
		margin:100px 0;
	}
	.donde-escucharme p{
		font-size: 1em;
	}
	.donde-escucharme .flex-item{
		width:40%;
		margin: 10px 1%;
	}
	._2p3a{
		width:100%!important;	
	}
}