/* LAYOUT
------------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------*/

.detalle > div > div > div > div,
.detalle > div > div > div > section,
.detalle > div > div > div > article {
	margin-bottom: 25px;
}

.content {
	padding:0 30px 30px 30px;
}
.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
	max-width:950px;
	width:auto;
}


/* HEADER
------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------------*/

#header .row-fluid [class*="span"] {
	min-height: 1px;
}
#header .row-fluid .navbar-inner,
#header .container .container,
#header .row-fluid .nav,
#header .row-fluid .navbar-inner {
	background:#fff !important;
	border:0;
	box-shadow:none;
	padding:0;
	display:block;
	width:auto;
}

#header .social p.title {
	display: none;
}

/* CONTENIDO INTERIOR VARIANTES
-------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------*/

.row-fluid.detalle {margin-bottom: 12px;}


 .detalle > [class*="span"] {
 background:#F8F8F8;
 margin-top:20px;
}
 .detalle-1col > [class*="span"] {
	border-radius: 6px;
	-webkit-border-radius: 6px; 
}

.detalle > [class*="span"]:last-child {
	border-radius: 0 6px 6px 0;
	-webkit-border-radius: 0 6px 6px 0;
}

/* BUSCADOR */

.row-fluid.detalle .box-search {
	background: #fff;
}

/* fin de contenido interior variantes
---------------------------------------------------------------------------------------------------------------*/


/* CONTENIDO COLUMNAS VARIANTES
-------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------*/


/* PANEL */

.aside .panel, .aside .sm-lista-enlaces {
	padding: 0 20px 30px;
	font-size: 12px;
    line-height: 15px;
}

.aside .panel.panel-ampliado h4, .aside .panel.ampliado h4 a, .aside .sm-lista-enlaces h4 {
    font-size: 14px;
    line-height: normal;
    margin: 0 0 10px;
    border-bottom: 1px dotted #CCCCCC;
    color: #1477A5;
    font-family: 'fjalla_oneregular',"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: normal;
    text-transform: uppercase;

}

.aside .panel.panel-ampliado p {
	margin-bottom: 10px;
}

.aside .panel.panel-ampliado .btn.btn-link {
	text-align: left;
	padding: 0;
	font-size: 12px;
	line-height: 15px;
	display: inline;
}
.aside .element ul li > a {
	font-size: 12px;
}
.aside .element [class^="icon-"] {
	font-size: 15px;
}

/* fin de columnas variantes
---------------------------------------------------------------------------------------------------------------*/

/* SECCIONES HOME
------------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------*/

.content.content-home .section-actualidad > div > div > div {
	margin-bottom: 15px;
}

/* ACTUALIDAD
-------------------------------*/

.ancho-total {
	background:#F3F8FA;
	border:1px solid #DBDBDB;
	border-width:1px 0;
	text-align:left;
	margin-top:30px;
	padding: 10px 0 20px;
}
.content-home .section-actualidad .title {
	border-bottom: 1px dotted #999999;
    color: #999999;
    font-family: 'fjalla_oneregular',"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 20px;
    font-weight: normal;
    text-transform: uppercase;
    line-height: 40px;
    margin: 10px 0;
    padding: 0;
}

.actualidad h2 {
	color:#999999;
	font-size:20px;
	font-weight:bold;
	text-transform:uppercase;
	border-bottom:1px dotted #999999;
	font-family: 'fjalla_oneregular', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:normal;
}

.actualidad h2 .pull-right {
	font-family:"Helvetica Neue",  Helvetica, Arial, sans-serif;
}

.actualidad h2 .pull-right img {
	margin-bottom:8px;
}


.actualidad .mes {
	border-bottom:1px dotted #999999;
	margin-bottom:20px;
	padding:5px 0;
}

.actualidad .mes .nav {
	margin-bottom:0;
	display:inline-block;
}

.actualidad .mes .pagination {
	margin:0;
	font-size:14px !important;
}

.actualidad .mes .pagination ul {
	box-shadow:none;
}

.actualidad .mes .pagination a {
	border:0;
	background:transparent;
	font-size:12px !important;
	box-shadow:none;
}

.actualidad .mes .caret {
	vertical-align:middle;
	margin-left:10px;
}

.actualidad .mes .collapse a {
	color:#333;
	font-size:14px !important;
}

.actualidad .mes .collapse .dropdown-menu a:hover {color: #fff;} 

.actualidad h2 div {
	font-size:14px;
	font-weight:normal;
	text-transform:none;
}

.actualidad h2 div a {
	margin-left:5px;
}

.actualidad p a {
	color:#333333;
	font-size:14px;
}

.actualidad p.fecha {
	color:#666666;
	font-size:14px;
	margin-bottom:6px;
	font-weight:bold;
}

.actualidad.agenda p.fecha {
	font-size:24px;
	font-weight:normal;
}

.actualidad.agenda .fecha span {
	font-size:12px;
}

.actualidad.agenda .row-fluid a {
	font-size:18px;
}

.actualidad.agenda p {
	color:#666;
}

/* PRINCIPAL
--------------------------------*/

.content-home .section-principal .title {
	border-bottom: 1px dotted #CCCCCC;
    color: #1477A5;
    font-family: 'fjalla_oneregular',"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 22px;
    font-weight: normal;
    margin: 0 0 5px;
    text-transform: uppercase;
}

/* EVENTS CALENDAR
------------------------------------*/

.content-home .eventsCalendar-list-content.scrollable {
    height: 115px;
}
.content-home .ts-caja.tscalendar {
	margin-top:20px;
	margin-bottom:40px;
	height:350px;
	background:#fff;
	-webkit-box-shadow: -2px 2px 2px 0px rgba(0, 0, 0, 0.1);
	box-shadow: -2px 2px 2px 0px rgba(0, 0, 0, 0.1);
	border: 1px solid #E3E3E3;
    border-radius: 4px 4px 4px 4px;
    padding: 5px 19px;
}

.content-home .eventsCalendar-list-content.scrollable {
    height: 100px;
}

/* fin de secciones home
---------------------------------------------------------------------------------------------------------------*/

/* BOTON BACK TO TOP
----------------------------------------------------------------------------------------------------------------------------------------------------------*/

.back-to-top {
    bottom: 5px;
    right: 5px;
    position: fixed;
    z-index: 10000;
}

/* RASTRO DE MIGAS
-----------------------------------------------------------------------------------------------------*/

.breadcrumb {
	background:none;
	padding:8px 0;
	font-size:12px;
	margin-bottom:0px;
}
.breadcrumb .icon-home {
	font-size: 14px;
    vertical-align: middle;
}
.breadcrumb li {
	text-shadow:none;
}

.breadcrumb a {
	color:#666;
}

.breadcrumb a:hover, .breadcrumb .active {
	color:#1377A5;
}

/** REDES SOCIALES CABECERA Y PIE
--------------------------------------------------------------------------------------------------*/

.social {
  margin: 10px 0 0;
}
.social a {
    float: left;
    margin: 0 3px;
}


/* SCRIPTING
-----------------------------------------------------------------------------------------------------*/

.ts-scripting {
	margin: 0 !important;
}
.ts-scripting header {
	display: none;
}

/* THUMBNAILS DE IMAGENES
--------------------------------------------------------------------------------------------------------------------------- */

.ts-enlacebanner, #ts-enlacebanner {
padding: 4px;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
     -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);         
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
       -ms-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	display: block;
	border-radius: 4px; 
	-webkit-border-radius: 4px;
	text-align: center;
}    
a.ts-enlacebanner:hover,
a.ts-enlacebanner:focus,
a.ts-enlacebanner:active,
a#ts-enlacebanner:hover {
       border-color: #8DBB00;
 -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
    -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
         box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}

.ts-enlacebanner.pull-left {
	margin-right: 15px;
}
.ts-enlacebanner.pull-right {
	margin-left: 15px;
}

/* ELEMENTOS COMUNES NAVEGACION
----------------------------------------------------------------------------------------------------------*/

.nav-tabs > .active > a, .nav-tabs > .active > a:hover {
	background:#F8F8F8;
}

.tab-submenu {
	background:#fff;
	display:block;
	border:1px solid #ccc;
	padding:15px;
	font-size:13px;
}
.btn.btn-navbar span.icon-bar {
	padding-right: 0;
	margin: 3px 0;
	padding-bottom: 0;
	padding-top: 0;
	vertical-align: inherit;
}
.btn.btn-navbar:focus {
	outline: none;
}
.tabbable ul.nav-tabs li a:focus {
	outline: none;
}

/* TOOLTIPS
----------------------------------------------------------------------------------*/

.tooltip.top {
     margin-top: -13px;
     padding: 5px 0px;
}

/* RECURSOS CORPORATIVOS
------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------------*/

/* CALENDARIO DE LISTADOS DE NOTICIAS Y EVENTOS CORPORATIVO
-------------------------------------------------------------------------------------------------------------------------------*/

.agenda table {
	margin:0 auto;
}

.agenda table a {
	color:#fff;
}


 div.hasDatepicker {
	top: 0;
	left: 0;
	padding: 4px;
	margin-top: 1px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px; /*.dow { border-top: 1px solid #ddd !important; }*/
}


.hasDatepicker > div {
	display: none;
}

.hasDatepicker table {
	width: 100%;
	margin: 0;
}

.hasDatepicker table tbody tr:first-child {
	border-bottom: dotted 1px #444;
}

.hasDatepicker td, .hasDatepicker th {
	text-align: center;
	width: 20px;
	height: 20px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.hasDatepicker td.mes > a{
	color: #333;
	font-weight: bold;
	display: block;
}
.hasDatepicker td.mes > a:hover{
	background: #eee;
}

.hasDatepicker td.dow {
	font-weight: bold;
}

.hasDatepicker td.day:hover {
	background: #eeeeee;
	cursor: pointer;
}

.hasDatepicker td.old, .hasDatepicker td.new {
	color: #999999;
}

.hasDatepicker td.active, .hasDatepicker td.active:hover {
	background-color: #1477A5;
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.hasDatepicker td.active:hover {
	cursor: pointer;
}
.hasDatepicker td.active:hover, .hasDatepicker td.active:hover:hover, .hasDatepicker td.active:active, .hasDatepicker td.active:hover:active, .hasDatepicker td.active.active, .hasDatepicker td.active:hover.active, .hasDatepicker td.active.disabled, .hasDatepicker td.active:hover.disabled, .hasDatepicker td.active[disabled], .hasDatepicker td.active:hover[disabled] {
	background-color: #1477A5;
}

.hasDatepicker td span.actividades {
    color: #1477a5;
}

.hasDatepicker td.active span.actividades {
    color: white;
    background-color: #1477A5;
    font-weight: bold;
}

.hasDatepicker td span {
	display: block;
	width: 47px;
	height: 54px;
	line-height: 54px;
	float: left;
	margin: 2px;
	cursor: pointer;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.hasDatepicker td span:hover {
	background: #eeeeee;
}
.hasDatepicker td.active span:hover {
	background: none;
}


.hasDatepicker td span.active {
	background-color: #1477A5;
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker td span.active:hover, .datepicker td span.active:active, .datepicker td span.active.active, .datepicker td span.active.disabled, .datepicker td span.active[disabled] {
	background-color: #0044cc;
}

.datepicker td span.active:active, .datepicker td span.active.active {
	background-color: #003399 \9;
}

.datepicker td span.old {
	color: #999999;
}

.datepicker th.switch {
	width: 145px;
}

.datepicker th.next, .datepicker th.prev {
	font-size: 19.5px;
}

.datepicker thead tr:first-child th {
	cursor: pointer;
}

.datepicker thead tr:first-child th:hover {
	background: #eeeeee;
}

.input-append.date .add-on i, .input-prepend.date .add-on i {
	display: block;
	cursor: pointer;
	width: 16px;
	height: 16px;
}


.hasDatepicker td span {
    float: none !important;
    height: auto !important;
    line-height: normal !important;
    width: auto !important;
}


/** POPOVER DE CALENDARIO **************************************************************************/

.popover {
	font-size:12px;
	background: #fff;
	color: #333;
}


.popover-title:empty {
	display:none;
}

.popover .evento {
    border-bottom: 1px solid #CCCCCC;
    line-height: 14px;
    padding: 5px 0;
}

.popover .evento:last-child {
	border:0;
}

.popover .evento a {
	font-weight:bold;
	margin-bottom:5px;
	text-decoration:none;
	color: #1477A5;
}

.popover .evento a:hover {
	text-decoration:underline;
}