@import url('https://fonts.googleapis.com/css?family=Roboto:300');
@import 'nav.css';
@import 'pie.css';
@import 'font-awesome.min.css';

.especial		{ display:none}

body {
    background: #f3f3f3;
    color: #666;
    -webkit-font-smoothing: antialiased;
    font-family: "Roboto", sans-serif; 
    font-size:100%;
    font-weight: 300;
    font-weight: 400;
    height: auto !important;
    height: 100%;
    min-height: 100%;
    text-rendering: optimizeLegibility;
    margin:0; padding:0;
}

#todo	 	{ width:1030; margin:0px auto; padding:0px;}
#contenido	{ width:64.5%; float:left; clear:left; overflow:hidden;}
#lateral	{ width:34%; float:right; clear:right;}
#pie		{ margin:20 0 0 0; padding:0 }

.col-titulo 	{ width:70%; float:left; clear:left; margin:0 0 0 0; padding:0 0 15 0;}
.col-subnav		{ width:30%; float:right; clear:right; margin:0 0 0 0; padding:0;}
.col-tituloindex{ width:auto; min-height:40px; float:auto; clear:auto; margin:0 0 0 0; padding:0;}
.col-actual 	{ display:inline-block; width:auto; float:right; clear:right; margin:0 0 0 0; padding:0; text-align:right}

/* MIGA*/
.cajamiga 				{ clear:both; width:100%; min-height:50px; margin:0px 0px 0 0px; padding:10px 0px 5px 0px; overflow:hidden;}
.titulodelamiga			{ width:auto; font-size:200%; color:#444; text-decoration:none; margin:0 0 0 0;}
.titulodelamiga	a		{ color:#902030; text-decoration:none;}
.titulodelamiga:hover	{ color:#902030; text-decoration:none;}
.titulodelamiga:before	{ content:"Blog";}

/* COMUNES */
.seccion			{ z-index:1; display:auto; clear:both}
.izquierda			{ display:inline-block; margin:0 7 0 0; padding:0;}
.padding			{ padding:30}
.invisible			{ display:none}
.invisiblee			{ display:none}
.doslineas 			{ display: -webkit-box; min-height: 3em; -webkit-line-clamp:2; -webkit-box-orient: vertical; text-overflow: -o-ellipsis-lastline; overflow:hidden;}
.treslineas 		{ display: -webkit-box; min-height: 4.5em; -webkit-line-clamp:3; -webkit-box-orient: vertical; text-overflow: -o-ellipsis-lastline; overflow:hidden;}
.bordebajo	 		{ border-bottom:1px solid #377c9d; }

.cajalateral		{ border-radius:3px; border:1px solid #DDD; background:#FFF; clear:both; margin: 0px 0px 20px 0px; padding:30px; overflow:hidden;}
.cajacomun			{ border-radius:3px; border:1px solid #DDD; background:#FFF; clear:both; margin: 0px 0px 20px 0px; padding:50px; overflow:hidden;}
.sombra				{ 	-webkit-box-shadow: 0px 0px 10px #CCC;;
						-moz-box-shadow: 0px 0px 10px #CCC;
						-o-box-shadow: 0px 0px 10px #CCC;
						box-shadow: 0px 0px 10px #CCC;}

.titulodelascajas		{ width:auto; font-size:200%; color:#444; margin:0 0 0 0;}
.subtitulodelascajas	{ display:inline-block; width:auto; font-size:120%; color:#444; margin:10 0 5 0;}
.separadortitulo		{ clear:both; border-bottom: 1px solid #ddd; margin: 0 0px 35px 0; padding:10 0 0 0;}

.titulolineavertical	{ font-size:120%; font-weight:bold; color:#111; text-transform:uppercase; border-left:3px solid #902030; margin:0 0 25 0; padding:0 0 0 10}

.tituloentradas			{ font-size:180%; color:#111; line-height:1.3em; font-weight:bold; text-decoration:none; margin:0 0 25 0}
.tituloentradas	a		{ color:#902030; text-decoration:none;}
.tituloentradas a:hover	{ color:#444; text-decoration:none;}
.textoentradas			{ font-size:120%; color:#666; line-height:1.5em; margin:0 0 0 0;}
.textoentradas a		{ color:#377c9d; text-decoration:none;}
.textoentradas:hover	{ text-decoration:none;}
.separadorentradas		{ clear:both; border-bottom: 1px solid #ddd; padding:35 0 0 0; margin: 0 0px 35px 0;}

.texto					{ font-size:110%; color:#666; line-height:1.5em; margin:0 0 0 0;}
.enlace					{ font-size:110%; color:#902030; line-height:1.5em; margin:0 0 0 0; text-decoration:none;}
.enlace	a				{ color:#377c9d; text-decoration:none;}
.enlace:hover			{ border-bottom:1px solid #902030; margin:0 0 0 0;}

#cajafecha			{ display:block; float:none, clear:both; margin:0 0 5 0;}
.item				{ display:inline-block; line-height:1.5em; color:#999999; text-decoration:none; margin:0 7 0 0}
fechaentrada:before{ content: "\f073"; font-family: FontAwesome; margin:0 5px 0 0;}
.fechaentradaa		{ color:#999; text-decoration:none;}
.fechaentrada:hover	{ color:#999; text-decoration:none;}

/*IMAGENES ENTRADAS*/
.imagenentradas			{ width:auto; clear:both; float:none; max-height:403px; margin:25 0 25 0; overflow:hidden }
.principal				{ }
.lateral				{ display:inline:block; float:left; margin:0 25 0 0}
.lateraluno				{ display:inline:block; float:left; clear:left; margin:0 50 0 0; width:56%}
.lateraldos				{ display:inline:block; float:left; margin:0 50 0 0; width:56%}
.lateraltres			{ display:inline:block; float:left; margin:0 25 0 0; width:23%; max-height:120; min-height:120}

.persona				{ display:inline-block; float:left; margin:0 25 0 0; width:120; max-height:120; border-radius:70px; border:1px solid #DDD; overflow:hidden;}
.personados				{ display:inline-block; float:left; margin:0 25 0 0; width:150; max-height:150; border-radius:100px; border:1px solid #DDD; overflow:hidden;}
.iconitocurso			{ float:left; margin:-2 25 0 0; width:65; max-height:65; border-radius:100px; border:1px solid #DDD; overflow:hidden;}
.iconitoenlace			{ float:left; margin:-2 25 0 0; width:70; height:70; border-radius:100px; border:1px solid #DDD; overflow:hidden;}

/*MINI ENTRADAS*/
.imagenminientradas			{ display:inline-block; float:left; width:100; margin:0 15 0 0; overflow:hidden }
.titulominientradas			{ font-size:100%; color:#111; line-height:1.3em; font-weight:bold; text-decoration:none; margin:0 0 0 0}
.titulominientradas	a		{ color:#377c9d; text-decoration:none;}
.titulominientradas a:hover	{ color:#444; text-decoration:none;}
.separadorminientradas		{ clear:both; border-bottom: 1px solid #ddd; padding:20px 0 0 0; margin: 0 0px 20px 0;}

.boton			{ display:inline-block; padding:7px 14px 7px 14px; text-align:center; text-decoration:none; line-height:1.5em; color:#902030; border:1px solid #DDD; overflow:hidden;}
.boton a		{ color:#377c9d; text-decoration:none}
.boton:hover	{ background:#902030; color:#FFF; text-decoration:none}	

.sigueleyendo		{ display:inline-block; text-decoration:none; line-height:1.5em; color:#377c9d; margin:-5 0 -5 0; overflow:hidden;}
.sigueleyendo:before{ content: "Sigue leyendo";}
.sigueleyendo a		{ color:#377c9d; text-decoration:none}
.sigueleyendo:hover	{ border-bottom:1px solid #377c9d; padding:0 0 -1 0; text-decoration:none}

/* SEPARADORES */
.separador0		{ clear:both; height:0px;}
.separador5		{ clear:both; height:5px;}
.separador10	{ clear:both; height:10px;}
.separador15	{ clear:both; height:15px;}
.separador35	{ clear:both; height:35px;}


/* VIDEO*/
.contenedor-video {
    position: relative;
    height: 0;
    margin:0 0 25px 0; 
    padding-bottom: 63%;
}

.contenedor-video > * {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

/* SOCIAL */
.social				{ float:left; margin:0 5px 5px 0; padding:7px 14px 7px 14px; font-size:90%; text-decoration:none; line-height:1.5em; color:#902030; border:1px solid #DDD; border-radius:5px; overflow:hidden;}
.social a			{}
.social:hover		{ background:#cc0000; color:#fff}

.socialf:before		{ content:"Facebook"; }
.socialy:before		{ content:"Youtube"; }
.sociali:before		{ content:"Instagram"; }

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
@media only screen and (min-width: 1900px) {
#todo	 	{ width:74%; }
}
/* (1024x768) iPad 1 & 2, Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
#todo	 	{ width:98%; }

}
/* for 980px or less */
@media screen and (max-width: 980px) {
.cajamenuprincipal { display:block; height:67; margin:0; padding:-5 0 0 0;}
#todo, .cajamigadepan	 	{ width:96%; }
}
/* for 700px or less */
@media screen and (max-width: 768px) {
#todo	 	{ width:96%; }
#contenido	{ width:auto; float:none; clear:none;}
#lateral	{ width:auto; float:none; clear:none;}
.cajalateral	{ display:none;}
.col-actual 	{ width:auto; float:none; clear:auto; margin:0 auto; margin-bottom:10; padding:0; text-align:center;}

/* for 480px or less */
@media screen and (max-width: 480px) {
.invisiblem		{ display:none}
.cajacomun		{ padding:30;}

.col-titulo 	{ width:94%; padding:0 0 5 0;}
.col-subnav		{ width:5%;}
.col-actual 	{ width:auto; float:none; clear:auto; margin:0 auto; margin-bottom:10; padding:0; text-align:center;}

/*IMAGENES ENTRADAS*/
.lateraluno			{ display:block; float:none; margin:0 0 35 0; width:auto}
.lateraltres		{ display:block; float:none; margin:0 0 25 0; width:auto; max-height:150;}

.titulolineavertical{ font-size:100%;}

.separadortitulo	{ margin: 0 0px 30px 0; padding:10 0 0 0;}
.titulonentradas	{ font-size:130%; margin:0 0 10 0;}
.tituloentradas		{ font-size:130%; line-height:1.4em; text-decoration:none; margin:-5 0 10 0}
.textoentradas		{ font-size:100%;}
.texto				{ font-size:100%;}
.persona, .personados{ display:block; float:none; margin:0 auto; margin-bottom:25; width:; max-height:;}

.video-container 	{ margin:0 0 15 0}

}