body {
  background: #FFFFFF;
  padding: 20px 0 30px 0;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #39444C;
}

a:active,
a:focus {
  outline:0;
}



#pantalla {
  clear: both;
  width: 990px;
  padding: 14px 0 ;
  margin: 0 auto;
  border: 1px solid #FF0070;
}



#cabecera {
  clear: both;
  width: 964px;
  height: 139px;
  margin: 0 auto;
  padding: 0;
}

#cabecera #logo {
  float: left;
  margin: 0;
  padding: 0;
}


#cabecera #fotoSup {
  float: right;
  margin: 0;
  padding: 0;
}

#cabecera #fotoSup img {
  margin: 0;
  padding: 0;
  border: 0;
}




#menu {
  clear: both;
  width: 964px;
  margin: 0 auto;
  padding: 1px 0 11px 0;
}

#menu ul {
  margin: 0;
  padding: 0;
  height: 39px;
  list-style-type: none;
  text-align: left;
  background: #39444C;
  overflow: hidden;
}

#menu ul li {
  float: left;
  margin: 0;
  padding: 0 11px;
  line-height: 39px;
  font-size: 14px;
  font-weight: bold;
  color: #FFFFFF;
}

#menu ul li.actual {
  background: #FF0070; 
}


#menu ul li a {
  display: block;
  margin: 0 0 0 0;
  padding: 0;
  text-decoration: none;
  color: #FFFFFF;
}


#menu ul li a:hover {
  color: #FFE85B;
}

#menu ul li.actual a {
  color: #FFE85B;
}








#contenido {
  clear: both;
  width: 964px;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
  background: #FFFFFF url('../imagenes/fondo.gif') repeat-y right top;
}



#contenido #izquierda {
  float: left;
  width: 560px;
  margin: 0 0 0 30px;
  padding: 0 0 30px 0;
  font-size: 14px;
  text-align: justify;
}

#contenido #izquierda #videoHome {
  width: 560px;
  margin: 0 0 20px 0;
  padding: 0;
}

#contenido #izquierda h1 {
  margin: 26px 0 20px 0px;
  padding: 0;
  font-size: 42px;
  font-weight: bold;
  line-height: 34px;
}

#contenido #izquierda h2 {
  clear: both;
  margin: 0 0 16px 0;
  padding: 0;
  font-size: 14px;
  font-weight: bold;
  color: #FF0070;
}


#contenido #izquierda #compartir {
  margin: 0;
  padding: 0 0 60px 0;
}

#contenido #izquierda #compartir .redSocial {
  float: left;
  margin: 0 10px;
  padding: 0;
}




#contenido #izquierda p {
  clear: both;
  margin: 0 0 16px 0;
  padding: 0;
  line-height: 17px;
}

#contenido #izquierda a {
  color: #FF0070;
  text-decoration: none;
}

#contenido #izquierda a:hover {
  text-decoration: underline;
}


#contenido #izquierda ul {
  margin: 0 0 16px 20px;
  padding: 0;
  line-height: 17px;
}

#contenido #izquierda ul li {
  margin: 0 0 16px 0;
  padding: 0 0 0 0px;
}



#contenido #izquierda #logosColaboradores {
  margin: 40px 0 0 0;
  padding: 0;
  text-align: center;
}


#contenido #izquierda #logosColaboradores .logoCentral {
  margin: 0 50px;
}




#contenido #izquierda #datosContacto {
  margin: 0;
  padding: 0;
}

#contenido #izquierda #datosContacto .telefono{
  margin-left: 20px;
}





#derecha {
  float: right;
  width: 284px;
  margin: 0 18px 0 0;
  padding: 0;
}


#derecha #redesSociales {
  margin: 20px 0 0 0;
  padding: 0;
  text-align: right;
}

#derecha #redesSociales img {
  margin: 0 7px;
  padding: 0;
  border: 0;
}

#derecha #redesSociales img a {
  margin: 0;
  padding: 0;
}



#derecha .pastilla {
  width: 284px;
  margin: 20px 0 0 0;
  padding: 14px 0 0 0;
  background: #FF0070 url('../imagenes/pastilla.gif') no-repeat left top;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
  line-height: 21px;
}

#derecha .pastilla p {
  margin: 0;
  padding: 0 30px 15px 30px;
  background: #FF0070 url('../imagenes/pastilla_pie.gif') no-repeat left bottom;
}


#derecha .pastilla a {
  color: #FFFFFF;
  text-decoration: none;
}

#derecha .pastilla a:hover {
  text-decoration: underline;
}


#derecha .pastilla span {
  color: #FFE85B;
}

#derecha .pastilla span a {
  color: #FFE85B;
  text-decoration: none;
}

#derecha .pastilla span a:hover {
  text-decoration: underline;
}




#derecha #logosHome {
  width: 284px;
  margin: 340px 0 0 0;
  padding: 20px 0;
  text-align: center;
  background: #FFFFFF;
}


#derecha #logosHome a {
  display: block;
  margin: 20px 0;
  padding: 0;
}





#formContacto {
  margin: 30px 0px 16px 0px;
  padding: 0;
}

#formContacto p {
  margin: 0 0 16px 0 !important;
  padding: 0 !important;
}

#formContacto span {
  color: #C00000;
}

#formContacto label {
  margin: 0;
  padding: 0px;
  display: block;
}

#formContacto input {
  margin: 0 0 15px 0;
  padding: 0;
  width: 300px;
}

#formContacto textarea {
  margin: 0 0 15px 0;
  padding: 0;
  width: 550px;
  height:160px;
}

#formContacto #btnEnviar {
  width: 100px;
  margin: 10px auto
}




.fichasProgramas {
  clear: both;
  margin: 0;
  padding: 20px 0 0 0;
}

.fichasProgramas .ficha {
  float:left;
  margin: 0;
  padding: 0;
  width: 272px;
  height: 209px;
  background: #FFFFFF url('../imagenes/ficha.gif') no-repeat left top;
  overflow: hidden;
}

.fichasProgramas .separada {
  margin-left: 10px;
}

.fichasProgramas .ficha .tituloPrograma {
  margin: 0;
  padding: 0;
  text-align: center;
  color: #FFFFFF;
  height: 28px;
  line-height: 28px;
  font-size: 16px;
  font-weight: bold;
}

.fichasProgramas .ficha .tituloPrograma a {
  color: #FFFFFF!important;
  text-decoration: none;
}

.fichasProgramas .ficha .tituloPrograma a:hover {
  text-decoration: underline;
}


.fichasProgramas .ficha .fotoPrograma {
  padding: 0;
  margin: 0 2px;
}


.fichasProgramas .ficha .textoPrograma {
  font-size: 14px;
  color: #39444C;
  text-align: justify;
  padding: 10px 16px;
}

.fichasProgramas .ficha .textoPrograma a {
  color: #39444C!important;
  text-decoration: none;
}

.fichasProgramas .ficha .textoPrograma a:hover {
  text-decoration: underline;
}




.lineaSepara {
  clear: both;
  border-top: 1px solid #39444C;
  height: 1px;
  padding: 0;
  margin: 40px 0 20px 0;
}



#piePagina {
  clear: both;
  color: #39444C;
  font-size: 12px;
  margin: 0 auto;
  padding: 0;
  width: 990px;
}


#piePagina p {
  margin: 0;
  padding: 10px 0 0 0;
  text-align: center;
}

#piePagina p a {
  color: #39444C;
  text-decoration: none;
}

#piePagina p a:hover {
  text-decoration: underline;
}