@charset "utf-8";
body,html,h1,h2,h3,h4,h5,h6,ul,li,ol,form{margin:0;padding:0;}
li{list-style-type:none}
a{text-decoration:none; color:#A0CBDE}
img{ border:none}
#ie{display:none;background:#F00;height:20px;position:absolute;top:0;color:#FFF;width:100%;text-align:center;padding:5px;}

/* --------------------------------  */

body {
	background:#0F588F url(../img/bg.jpg) repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666
}
	
/* CONTENEDOR */

.wrapper {
    width:960px;
	margin:0 auto;
	background:#FFF;
}

/* TOP */

.header {
	margin-top:14px;
    height:100px;
	position:relative;
}
	.logo{
		margin:18px 0 0 20px;
		width:393px;
		height:60px;
		float:left
	
	}
	.logo a{
		width:393px;
		height:60px;
		background:url(../img/logo.jpg) no-repeat center top;
		display:block;
		text-indent:-9999px;
	}
	
	
/* MENU TOP */
	
.menu {
	width:500px;
	position:absolute;
	top:36px;
	right:20px;
}
    .menu ul{ text-align: right}
	.menu ul li {
		display: inline;
		list-style: none;
	}
	.menu ul li a {
		display: inline-block;
		text-decoration: none;
		padding: 0 8px;
		font-size: 16px;
		line-height:28px;
		color: #999;
		-webkit-transition: all 250ms ease-out;
		-moz-transition: all 250ms ease-out;
		-ms-transition: all 250ms ease-out;
		-o-transition: all 250ms ease-out;
		transition: all 250ms ease-out;
		
		
	}
	.menu ul li a:hover, .menu ul li a.active {
		background:#FBA533;
		color:#FFF;
		box-shadow: 0 0 6px 0 rgba(000,000,000,.3);
		-ms-box-shadow: 0 0 6px 0 rgba(000,000,000,.3);
		-moz-box-shadow: 0 0 6px 0 rgba(000,000,000,.3);
		-webkit-box-shadow: 0 0 6px 0 rgba(000,000,000,.3);
		-o-box-shadow: 0 0 6px 0 rgba(000,000,000,.3);
		border-radius: 6px 6px 6px 6px;
		-ms-radius: 6px 6px 6px 6px;
		-moz-radius: 6px 6px 6px 6px;
		-webkit-border-radius: 6px 6px 6px 6px;
		-o-border-radius: 6px 6px 6px 6px;
		-webkit-transition: all 250ms ease-in;
		-moz-transition: all 250ms ease-in;
		-ms-transition: all 250ms ease-in;
		-o-transition: all 250ms ease-in;
		transition: all 250ms ease-in;
	}
	.menu ul li:first-child a {}

	.menu ul li a + a {
		margin-left: 8px;
	}
	
	/* sub menu */
	
	.menu > ul > li > ul {
		display: none;
		position:absolute;
		width:160px;
		margin-top: 0px;
		padding: 5px 0;
		background: #2b2b2b;
	}
	.menu > ul > li > ul li {
		padding: 0;
	}
	.menu > ul > li > ul li a {
		text-decoration: none;
		display: inline-block;
		color: #7f7e7e;
		font-size:12px;
		margin-bottom: 0px;
		line-height: 25px;
	}
	.menu > ul > li ul > li.active > a, .menu > ul > li ul > li > a:hover {
		background:none;
		color:#e32626;
		font-weight:bold
	}
	
/* CONTEIDO */

.content {
	background: #FFF url(../img/shadow.jpg) no-repeat center top;
    height:auto;
	overflow:hidden;
}

/* COLUMNA */

.aside {
    width:250px;
    float:left;
	background-color:#5B7444;
}

    /* MENU COLUMNA */
	
	.aside ul.nav {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.aside > ul.nav > li:first-child {
		border-top: 0;
	}
	.aside > ul.nav > li {
		
	}
	.aside > ul.nav > li > a {
		display: block;
		font-size: 14px;
		line-height: 30px;
		text-decoration: none;
		color: #ffffff;
		padding-left: 20px;
		background:#9C3;
	}
	.aside > ul.nav > li.active, .aside > ul.nav > li a:hover {
		background:#099
	}
	
	/* sub menu */
	
	.aside > ul.nav > li > ul {
		display: none;
		margin-top: 0px;
		padding: 5px 0;
		background: #2b2b2b;
	}
	.aside > ul.nav > li > ul li {
		padding: 0px 0px 0px 36px;
	}
	.aside > ul.nav > li > ul li a {
		text-decoration: none;
		display: inline-block;
		color: #7f7e7e;
		font-size:12px;
		margin-bottom: 0px;
		line-height: 25px;
	}
	.aside > ul.nav > li ul > li.active > a, .aside > ul.nav > li ul > li > a:hover {
		background:none;
		color:#e32626;
		font-weight:bold
	}

/* SECCION */

.section {
	margin-left:270px;
}

.article {
	padding:20px;
}

/* PIE */
.pie{
	background:#FAFAFA;
	border-top:#F2F2F2 solid 1px;
	border-bottom:#F2F2F2 solid 1px;
	padding:16px 0;
	overflow:hidden;
}
.boxPie{
	width:240px;
	float:left;
	margin-left:20px;
}
.titPie{
	color:#70B2D0;
	font-size:20px;
	font-style: italic;
	border-bottom:#70B2D0 solid 1px;
	padding-bottom:6px;
	margin-bottom:12px;
}
.txtPie{
	margin-left:98px;
}
.footer {
    height:50px;
    background-color:#FFF;
	position:relative
}
.copy{
	line-height:50px;
	margin-left:20px;
}
.boxRedSocial{
	position:absolute;
	width:500px;
	top:13px;
	right:20px;
	text-align:right;
}
.digitala{
	text-align: center;
	padding:20px;
}
/* OTRAS CLASES */

h1{
	color:#0F588F ;
	font-size:24px;
	margin-bottom:15px;
}

h2{
	color:#0F588F;
	font-size:18px;
}

h3{
	color:#F90;
	font-size:16px;
}

img.ImgIns{
	margin:0 0 20px 20px;
	float:right;
}

.BoxGal img{
	border:#CCC solid 1px;
	padding:4px;
	margin:4px;
	box-shadow: 0 0 6px 0 rgba(000,000,000,.3);
	-ms-box-shadow: 0 0 6px 0 rgba(000,000,000,.3);
	-moz-box-shadow: 0 0 6px 0 rgba(000,000,000,.3);
	-webkit-box-shadow: 0 0 6px 0 rgba(000,000,000,.3);
	-o-box-shadow: 0 0 6px 0 rgba(000,000,000,.3);
}



.left{
	float:left;
}

.right{
	float:right;
}

.ok{
	background:#F9FFF9;
	border:#0C3 solid 1px;
	padding:10px;
	border-radius:5px;
	margin:10px auto
}

.error{
	background:#FFECEC;
	border:#F00 solid 1px;
	padding:10px;
	border-radius:5px;
	margin:10px auto
}

.alert{
	background:#FEFAE0;
	border: #FC0 solid 1px;
	padding:10px;
	border-radius:5px;
	margin:10px auto
}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}



/* Listado Noticias Home*/

.boxNoticias{
	width:292px;
	height:370px;
	margin:0 0 21px 21px;
	float:left;
	text-align:center
}
.titNot{
	font-size:16px;
	line-height:18px;
	height:40px;
}
.txtNot span { color:#FBA533; font-weight:bold}
.boxNoticias img{
    border-radius: 50%;
	-ms-border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.8);
	-ms-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.8);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.8);
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.8);
	-o-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.8);
}
.txtNot{
	text-align:justify
}

/* Listado Noticias Interior */

.boxNoticia {
	padding:8px 0;
	font-weight:bold;
	border-top: #CCC solid 1px;
	overflow:hidden;
	display:block;
}

.boxNoticia a{
	text-decoration:none;
	color:#646464;
	display:block;
	font-weight:normal
}

.boxNoticia img{
	float:left;
	margin-right:15px;
}

.boxNoticia .detalle span{
	color:#FBA533;
	font-family:Arial, Helvetica, sans-serif;
}

.blog .detalle span{ color:#FFF } 
	
.boxNoticia .tit{
	font-size:14px;
	color:#A0CBDE;
	font-weight:bold;
	margin-bottom:10px;
}

/* DETALLE NOTICIA */

.sumario {
	color:#443F67;
	font-weight:bold;
	font-style:italic;
	margin-top:20px;
	margin-bottom:20px;
}

/* libros */
.boxLibros{
	padding-top:20px;
	background:#A0CBDE;
	overflow:hidden
}
.boxLibro{
	background:#FFF;
	width:430px;
	height:240px;
	border-radius: 8px;
	-ms-border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-o-border-radius: 8px;
	margin:0 0 20px 20px;
	float:left
	
}
.boxLibro figure{
	width:155px;
	height:203px;
	float:left;
	padding:16px;
	margin:0;
}
.boxLibro figure img{
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.8);
	-ms-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.8);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.8);
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.8);
	-o-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.8);
}
.txtLibro{
	margin-left:197px;
	padding-top:20px;
}
.txtLibro b{ color:#666}

.txt{font-style:italic}

/* Comentario */
.comentarios li{
	background:url(../img/item.png) no-repeat 0 6px;
	padding-left:24px;
	margin-bottom:20px;
}
.comentarios li .nom_comentarios{
	color:#F9A533;
	text-align:right;
}
.comentarios li:last-child{
	margin-bottom:0;
}

/* FORMULARIO CONTACTOS */


.boxForm{
	margin-top:30px;
}
#form {
	margin-left:0px;
	width:530px;
	float:left
}
#form p {
	padding:0;
	margin:0 0 2px 0;
}
#form label{
	float:left;
	width:120px;
	padding-right:10px;
	text-align:right;
	line-height:24px;
	color:#575a5d
}
#form .inputText{
	width: 350px;
}
#form textarea{
	width: 350px;
	height:100px;
}
#form .inputText, #form textarea{
	background:#FFF;
	border: 1px solid #0F588F;
	padding: 3px 8px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#999;
}
#form .inputSubmit, #form .inputReset{
	position: relative;
	display: inline-block;
	border:none;
	cursor:pointer;
	text-align:left;
	margin-top:6px;
	width:90px;
	height:28px;
	display:block;
	background:#0F588F;
	color:#FFF;
	line-height:28px;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#form .inputSubmit:hover{
	background:#FE761B;
}

#form input#codigo{
	width:50px!important;
	text-align:center
}
.code{
	width:100px;
	height:28px;
	line-height:28px;
	background:#7C9AFC url(../img/bgCode.jpg) no-repeat 50% 50%;
	margin-left:10px;
	display: inline;
	font-size:18px;
	color:#FFF;
	padding:0 10px 3px 10px;
}

.mapa{
	width:400px;
	height:280px;
	float: right
}


/* COMENTARIOS */
.box_form_comentario{
	width:600px;
	margin:20px auto;
}
.box_form_comentario h2{ padding:10px 0}
.box_comentario{
	background:#96CEDD;
	padding:12px;
	margin-bottom:4px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.comentario_tit{
	color:#FFFFFF;
	font: 14px Arial, Helvetica, sans-serif  ;
	font-weight:bold;
	padding-bottom:5px;
	margin-bottom:6px;
	border-bottom:#FFFFFF solid 1px;
}

.comentario_txt {
	color:#FFFFFF;
}


/*///////////////////////// TSF EN RED //////////////////////////////*/

.tsf_body {
	background-image:url(../img/tsf_bg.jpg);
	
}
.tsf_logo a{
	background-image:url(../img/logo_tsfenred.png);
}

.tsf_login h2{
	margin-bottom:10px;
}

.tsf_login .bg1{
	padding:30px;
	background: #E8E8E8;
	min-height:287px
	
}
.form_name{ height:0px; width:0px; padding:0; margin:0; border:none}

.aside-container .nav-stacked>li+li {
    margin-top: 0; 
}
.aside-container .nav-pills li a {
    border-radius:0;
	color:#FFF;
	border-bottom:#FFF solid 1px;
}
.aside-container .nav-pills li a:hover{
	background:#0F588F;
	color:#9ECCE3
	
}
.aside-container {
	background:#9ECCE3;
	overflow:hidden;
}

.blog {
	background:#F3F3F3;
	margin-bottom:2px;
	padding:8px;
}
.tsf_body .footer{ background:#DDDDDD;}