@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700);
header{height:120px;}
body{font-family:Tahoma,Arial,sans-serif; }
a{color:#333;}
nav #nav-red a{display:block; padding:1em 1.7em; height:48px; float:left; color:#FFFFFF; text-transform:uppercase;}
nav #nav-red .activa{background-image:url(../images/red_pattern.jpg);}
nav #nav-red a:hover, nav #nav-red a:focus{background-image:url(../images/red_pattern.jpg); text-decoration:none;}
nav #nav-blue a{display:block; margin-top: 0.5em; padding:1em 1em; height:42px; float:left; color:#FFFFFF; font-size:12px;  text-transform:uppercase;}
nav #nav-blue .activa{background-image:url(../images/blue_pattern.png);}
nav #nav-blue a:hover, nav #nav-blue a:focus{background:url(../images/blue_pattern.png); text-decoration:none;}
nav #nav-blue .glyphicon{font-size:5pt; vertical-align:2px;}
.blue_pattern{background-image:url(../images/blue_pattern.png?123321); background-repeat:repeat-x;}
.red_pattern{background-image:url(../images/red_pattern.jpg?321123);}
#carousel{ padding-bottom:2em; }
#content_inner{ background:url(../images/red_pattern.jpg); background-repeat:repeat-x;}
.carousel-inner > .item > img {width: 100%; margin: 0 auto;} /*fix width*/
.carousel-inner > .item > a > img {width: 100%; margin: 0 auto;} /*fix width*/

#barra_gris{background-color:#c9c9c9; margin-top:0.5em; border-top:5px solid #ffffff;}
#barra_gris p{margin:0.5em 0; color:#777; font-size:12px;}
#barra_gris p .glyphicon{ margin-left:2em; margin-right:0.5em}

#eventos-noticias {padding:2em 0; background-color:#FFFFFF;}
.content-title-blue{border-bottom:2px solid #2271b7; margin-bottom:1em; color:#FFFFFF; font-size:20px; text-transform:uppercase; margin-top:0;}
.content-title-red{border-bottom:2px solid #b80535; margin-bottom:1em; color:#FFFFFF; font-size:20px; text-transform:uppercase; margin-top:0;}
.text-blue{background-color:#2271b7; padding:6px 12px 1px 12px; font-size:11pt;}
.text-red{background-color:#b80535; padding:6px 12px 1px 12px;  font-size:11pt;}
.twitter-title{background-color:#2271b7; font-size:8pt; color:#FFFFFF; padding:5px;}

.list-image{margin-right:1em;}
.all-image{margin-bottom:1em;}
.list-title-2{color:#333333; font-family: 'Open Sans Condensed', sans-serif;font-weight:700; margin-top:0; text-transform:uppercase; font-size:13px;}
.list-title{color:#333333; font-family: 'Open Sans Condensed', sans-serif;font-weight:700; margin-top:0; text-transform:uppercase;}
.list-date{color:#b80535; font-family: 'Open Sans Condensed', sans-serif; font-size:13px; }
.list-all{font-size:12px; margin-top:1em;}
.list-item{margin-bottom:0.5em; }
.list-item:hover{color:#b80535; background-color:#EBEBEB;}/*Color del underline*/
.list-item a:hover{text-decoration:none;}
.linea_division{border-bottom:1px solid #e8e8e8; padding-bottom:0em;}
#algebraix {background-image:url(../images/algebraix_shadow.jpg); background-repeat:no-repeat; background-position:center; background-color:#FFFFFF;}
.shadow {box-shadow: 2px 5px 5px #c9c9c9;}
footer{ font-family: 'Open Sans Condensed', sans-serif; font-size:14px; color:#777;  }
#imgs{ padding:1em; background-color:#c9c9c9;}
#imgs #privacidad{ padding-top:1em; padding-right:3em; border-right:2px solid #878787; text-transform:uppercase; }
#imgs #privacidad a{color:#878787; font-weight:bold;}
#imgs img {margin-left:1em; }
#direccion{background-color:#878787; background-image:url(../images/inner_shadow.png); background-repeat:repeat-x; color:#FFFFFF; padding:1em 0;}
.divide-right{border-right:1px solid #999999;}
.calendario{color:#FFFFFF; border:2px solid #FFF; margin-bottom:2em; background-color:#2271b7;}
.calendarioMes{ background-color:#b01431; font-size:12pt; text-transform:uppercase; font-weight:normal; padding:5px 0; border:2px solid #FFF;}
.calendarioDia{font-size:10pt;}
.hoy{border:1px solid #FFF; background-color:#b01431;}
#calendario_ico{margin-bottom:2em;}
#calendario_espacio{border-top:2px solid #e8e8e8; margin-bottom:2em; margin-top:2em;}
.carousel-caption h2{background-color:rgba(0,0,0,0.5); padding:0.8em 0.5em; border-bottom:5px solid #2271b7;position:relative; left:-140px; bottom:-40px; text-align:left; font-weight:700; font-family: 'Open Sans Condensed', sans-serif;}


@media only screen and (min-width: 768px) {
	.carousel-caption h2 { font-size:27px;}
}
@media only screen and (max-width: 767px) {
	.carousel-caption h2 { font-size:22px; padding:0.8em 0.5em; position:relative; left:-60px;}
}
@media only screen and (max-width: 370px) {
	.carousel-caption h2 { font-size:16px; padding:0.3em 0.3em; position:relative; left:-40px;}
}
@media only screen and (max-width: 500px) {
	#nav-red a { font-size:12px;}
}