/*
 *****************************************************************************************************************************
 * HOJA DE ESTILO GENERAL DE LA UNIVERSIDAD COMPLUTENSE DE MADRID
 * UNIDAD DE DESARROLLO WEB
 * Universidad Complutense de Madrid
 *
 * Fichero:             app_blog.css
 * Finalidad:           Visualizacion normal
 * Fecha actualizacion: 29/04/2013
 *
 *****************************************************************************************************************************
 */


/*
 *****************************************************************************************************************************
 * BLOGS
 *****************************************************************************************************************************
 */
h1{
  font-weight:normal;
  font-size:2.5em; 
  margin-top:30px;
  padding:0px;
}
h5{
  margin-bottom:3px;
}
p{
  font-size:1.1em;
}
h2, h3, .proximos{
   margin-top:0px;
   margin-bottom:0px;
   font-size:1.4em; 
   color: #454545;
   font-weight:normal;
}



h3{
  font-size:1.2em;
}
h5{
  margin-bottom:3px;
}
p{
  font-size:1.1em;
}
.barra_navegacion a{
  border:3; 
}
.contenedor_directo{
  min-width:760px;
}
.subtitulo{
  font-size:0.8em; 
  color:#a3a3a3;
}
.mas{
  font-size:1.6em; 
  color:#a3a3a3;
 
}
.elemento{
  margin-right:24px;
}
p.resumen{
  margin:0px;
  font-style:italic;
}
.youtube_ppal{
  width:100%; 
  height:55%; 
  max-width:650px; 
  max-height:400px;
  min-height:350px;
  padding: 8px 0px 0px 0px;
}

.youtube_ppal a{
	/*color: #454545;*/
	
}

.youtube_ppal .pcompleta{
	float:inherit;
	text-align: center;
	padding: 6px 12px;
	margin-bottom: 14px;
	font-size: 14px;
    font-weight: normal;
 }
 
 
 
.interno_ppal{
  width:100%; 
  height:55%; 
  max-width:650px; 
  max-height:450px;
}
.youtube_lista, .interno_lista{
  width:250px; 
  height:100px; 
}
.directo_izq{
  float:left; 
  width:55%; 
  padding:24px;
  border-right: 1px solid #ddd;
      
}

.directo_izq img {
	width:90%;
}
.directo_dcha{
  float:left; 
  width:42%; 
  margin-left:12px;
  border:1px solid #dcdcdc;
  margin-top: 22px;
}

.directo_izq .proximo img, .directo_izq .proximo_par img {
  width: 40%;
  padding: 0px;
  margin: 0 auto;
}
.directo_izq .proximo .datosp, .directo_izq .proximo_par .datosp {
  float: left;
  width: 59%;
  color: #454545;
  margin-left: 1%;
}
.spacer{
display: block;
clear: both;	
}

.proximos{
	
border-bottom: 2px solid #AAA;
border-top: 2px solid #AAA;
background: #ececec;
color: #454545;
padding: 2px 0px 2px 3px;
	
/*	
  display:block;
  background-color:#808080;
  color:#ffffff;
  padding:2px 0 2px 12px;
  */
}

.proximos a{
color: #454545;	
}

.proximo{
  padding:12px 0 12px 4px;
}
.proximo_par{
  background-color:#dcdcdc;
  padding:12px 0 12px 4px;
}
.proximo img, .proximo_par img{
  float:left;
  border:1px solid #a00c18;
  padding:1px;
  margin:0 12px 0 6px;
}
.datosp{
  float:left;
  width:65%;
  color: #454545;
}
.titulop{
  font-size:0.9em;
  font-weight:bold;
  color: #454545;
}
.lugarp{
  font-size:0.8em;
}
.pcompleta{
  float:right;
  text-decoration:none;
  border: 1px solid #c0c0c0;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  padding:4px;
   color: #454545;
}
.pcompleta a{
  text-decoration:none;
  border:0px;
   color: #454545;
   margin-bottom: 20px;
   width: 100%;
}
.fechap{
  font-size:0.8em;
  font-style:italic;
  color: #454545;
}

.youtube_ppal .fechap{
 padding: 0px 0px 25px 0px;
 }
 
.enlacep a{
  font-size:0.8em;
  margin-top:4px;
  font-weight:bold;
  border:0px;
  color: #454545;
}
.enlacep a:hover{
  color:#a00d17;
}

.youtube_ppal .enlacep{
position: relative;
top: -75px;
}

.datosp2{
  float:left;
  width:75%;
}
.lugarp{
	font-size:0.8em;
	margin-left: 10px;
}
.resumenp{
	font-size:0.8em;
	margin-left: 10px;
}

table{
  border:1px solid #c0c0c0;
}
table td{
  padding:4px;
  vertical-align:top;
}
tr.oscuro, tr.oscuro h2{
  background-color:#808080;
  color:#ffffff;
}
tr.par{
  background-color:#e5e5e5;
}


/*
.youtube_ppal .pcompleta a:hover {
  color: #333333;
  background-color: #e6e6e6;
  border-color: #adadad;
}

*/

@media (max-width: 768px) {
	.contenedor_directo {
     min-width: 0;
}
	.directo_izq {
	width:100% !important; 
	paddind-top:20px;
	/*margin-left:5%;*/
	
	}
	
	.directo_dcha{
	width: 95%;
    /* margin-left: 5%; */
    margin-right: 5%;
    padding-left: 5px;
    padding-right: 5px;
	}
 
}
