﻿/*********************************
* DESCRIPCIÓN: Estilos para el visor (todos) de calendarios
* Creado por: Diego Campo, diegoc@e-deas.com.co
* Copyright (c) 2014 E-DEAS LTDA. (www.e-deas.com.co)
* El uso de esta libreria esta reservador para este sitio y cualquier cambio o reutilización debe ser autorizado por E-DEAS LTDA. 
* Modificado por: Diego Campo, diegoc@e-deas.com.co
* Fecha Modif: 19.01.2018
**********************************/
body {
	font-family: "Oswald", serif;
	font-size: 15px;
	color: #555;
	line-height: 25px;
    background-color:transparent;
}
h1{
	letter-spacing: -1px;
	color: #00A5D9;
	font-size: 35px;
	line-height: 45px;
	padding: 0px;
	margin-bottom: 10px;
	font-weight: normal;
	font-family: "Oswald", sans-serif;
}
h2{
	color: #00395B;
	letter-spacing: -1px;
	font-size: 25px;
	line-height: 30px;
	padding: 0px;
	margin-bottom: 10px;
	font-weight: normal;
	font-family: "Oswald", sans-serif;
}
h3 {
	color: #00A5D9;
	font-size: 20px;
	line-height: 25px;
	padding: 0px;
	margin-bottom: 10px;
	font-weight: normal;
	font-family: "Oswald", sans-serif;
}
h4 {
	color: #999;
	font-size: 15px;
	line-height: 20px;
	padding: 0px;
	margin-bottom: 10px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 3px;
	font-family: "Ubuntu", sans-serif;
}
a{
	color: #00A5D9;
}
a:visited{
	color: #00A5D9;
}
a:hover{
	color: #00395B;
	text-decoration: none;
}
/*separador*/
hr {
	border-top: 2px solid #CCC;
}

#app {  
    font-family: "Ubuntu", serif;
    font-size: 13px;
    color: #555;
    line-height: 25px;
	position: absolute;
	width: 99%;
}

#customapp {
    display:none;
}

#visorCalTab {
}
#visorCalTab li a{
    padding: 5px 8px;
}
a, a:link{
    color: #00A5D9;
    text-decoration: none;
}
a:visited{
    color: #00A5D9;
}
a:hover{
    color: #00395B;
}
.nav-tabs{
    font-family: "Oswald", sans-serif;
    font-size: 15px;
    margin-bottom: 5px;
}
.titulo {
    padding-top:10px;
    text-transform: uppercase;
    display: none;
}
.titulo .badge{
}
.nav-tabs>li.active>a{
    color: #555;
}
.nav-tabs>li>a{
    border-radius: 7px 7px 0 0;
}
.fecha {
    font-family: "Ubuntu", sans-serif;
    line-height: 1.5; 
    text-transform: capitalize;
    padding-left:0px;
    color:#00395B;
    font-size: 13px;
    letter-spacing: 1px;
	font-weight: 600;
}
.fecha > i{
	color:#999;
}
.hora {
    font-family: "Ubuntu", sans-serif;
    line-height: 1.5;    
    color:#00395B;
    font-size: 13px;
    letter-spacing: 1px;
	font-weight: 600;
}

.media, .media .media {
    margin-top: 5px;
    padding-top: 15px;
    margin-bottom: 20px;
    /*padding: 5px 0;*/
}
.media {
    border-bottom: 0px #ddd solid !important;
}

.contenido {
}

.contenido .cuerpo {
    padding-left:0px;
}
.media:first-child {
	margin-top:10px;
}
.media .imagen,
.media .contenido
 {
	display: inline-block;
}
.media .imagen
 {
	width: 29%;
}
.media .contenido
 {
	width: 66%;
    vertical-align: top;
    padding-left: 12px;
}
.media .contenidoCompleto{
	width:100%;
	padding-left: 0px;
}

.media .imagen img {
    padding-top: 7px;
    max-width: 100%;
}
.categoria {
    font-family: "Ubuntu", sans-serif;
    color:#00395B;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 1px;
	font-weight: 600;
}
.enlace{
    margin-bottom: 3px;
}
.enlace a.ms-listlink {
    font-size: 16px;
    font-family: 'Roboto Condensed', sans-serif;
    color: #00A5D9;
    text-decoration: none;
}
.enlace a.ms-listlink:hover {
    color: #00395B;
    text-decoration: none;
}
.lugar {
	color:#00395B;
    margin-bottom:5px;
    font-family: "Ubuntu", serif;
    font-size: 13px;
	font-weight: 600;
}
.lugar > i{
	color:#999;
	padding-left: 3px;
}
.lugar > span.loc{
	padding-left: 4px;
}
.col-xs-4 {
	width: 30%;
}
@media (min-width: 992px) {	
	.refix{
	display:none ;
	}
	.refix:nth-child(3n+3){
		display:block;
	}
    .media:nth-child(n+6){
		border-top: 1px #eee solid;
	}       
}
@media (max-width: 992px) {
	.refix{
		display:none ;
	}
	.refix:nth-child(4n+0){
		display:block;
	}
	.col-xs-4 {
		width: 46%;
	}
    .media:nth-child(n+4){
		border-top: 1px #eee solid;
	}
}
@media (max-width: 768px) {
	.col-xs-4 {
		width: 92%;
	}
    .media{
		border-top: 1px #eee solid;
	}
	.media:first-child{
		border-top: 0px #eee solid;
	} 	
}
@media (max-width: 370px) {
	.media .imagen{
		width: 22%;
	}
	.media .contenido{
		width: 75%;
		padding-left: 5px; 
	}
}
@media (max-width: 320px) {
	.media .imagen{
		width: 100%;
	}
	.media .contenido{
		width: 100%;
		padding-left: 0px; 
	}
}

/*@media (min-width: 430px) {
    .contenido .cuerpo {
        max-width:none;
    }
    .contenido .cuerpo, .contenido .imagen {
        width:50%;
        float:left;
    }
}
@media (max-width: 431px) {
    .contenido .cuerpo, .contenido .imagen {
        width:100%;
        float:left;
    }
}*/