

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/*HEADER*/

.navbar{
background-color:#000066;
color:#FFFFFF;
}
.destacat{
font-size:35px;
display: inline-block;
padding: 8px 8px;
margin-bottom: 0;
line-height: 20px;
text-align: center;
text-shadow: 0 1px 1px rgba(255,255,255,0.75);
vertical-align: middle;
}

#includedheader{
	/*height:0px;*/
	text-align:left;
}
/* FI HEADER*/

/*FOOTER*/
.spanqr_right{
	margin:5px;
	/*width:250px;*/
	width:100%;
}
.spanqr_left{
	margin:5px;
	/*width:100px;*/
	width:100%;
}

.container_footer{

color:#999999;
text-align: left;
float: left;
clear: both;
margin: 0px auto 0px;
/*grayscale
margin: 20px auto 0px;
*/
overflow: hidden;
position: relative;
width: 100%;
padding: 10px 0px 30px;
background: none repeat scroll 0% 0% rgb(230, 230, 230);
border-top: 1px solid rgb(204, 204, 204);
font-size:14px;
}
.container_footer h4{
text-decoration:bold;
color:#000;
}
.footer_link {
	color:#999;
	text-decoration:none;
}
.footer_link:hover {
	color:#000;
	text-decoration:none;
}

.footer_link_map{
	color:#999;
	text-decoration:none;
	display: block;
}
.footer_link_map:hover {
	color:#000;
	text-decoration:none;
}

/* FI FOOTER*/



/* MAPA WEB*/
#mapaweb .sitemap {display:none; position:absolute; z-index:9999; bottom:0px; left:0; width:100%; background:#ff0066; height: auto !important; 
}
/*
#mapaweb .col-lg-2 {
border-style:solid;
border-left-width:1px;
border-left-color:#999999;
border-right-width:0px;
border-top-width:0px;
border-bottom-width:0px;
}
*/
/* FI MAPA WEB*/

/*ENQUESTA*/
.span0{
	width:10px; 
	padding: 10px;
	display: inline;
}
/*FI ENQUESTA*/

			   /* CUSTOMIZE THE CAROUSEL
    -------------------------------------------------- */

    /* Carousel base class */
    .carousel {
      margin-bottom: 0px;
    }

	.carousel p {
		text-align:center;
	}
	
    .carousel .container {
      position: relative;
      z-index: 9;
    }

    .carousel-control {
		height: 40px;
		margin-top: 5px;
		font-size: 60px;
		width: 5%;
		/*
      height: 80px;
      margin-top: 0;
      font-size: 120px;
	  */
      text-shadow: 0 1px 1px rgba(0,0,0,.4);
      background-color: transparent;
      border: 0;
      z-index: 10;
    }

    .carousel .item {
      height: 345px;
	  /*height: 320px;*/
	}
    .carousel img {
      position: absolute;
      top: 0;
      left: 0;
      min-width: 100%;
      height: 345px;
	  /*height: 320px;*/
    }
	
    .carousel-caption {
      background-color: transparent;
      position: static;
      max-width: 550px;
      padding: 0 20px;
      margin-top: 75px;
    }
    .carousel-caption h1,
    .carousel-caption .lead {
      margin: 0;
      line-height: 1.25;
      color: #fff;
      text-shadow: 0 1px 1px rgba(0,0,0,.4);
    }
    .carousel-caption .btn {
      margin-top: 10px;
    }
	.carousel-caption img {
      position: relative;
      top: 0;
      left: 0;
      min-width: 100px;
      height: 100px;
	  width:100px;
    }

    .carousel-caption_l {
      background-color: transparent;
      position: static;
      max-width: 550px;
      padding: 0 20px;
      margin-top: 75px;
  	  text-align: left;
    }
    .carousel-caption_l h1,
    .carousel-caption_l .lead {
      margin: 0;
      line-height: 1.25;
      color: #fff;
      text-shadow: 0 1px 1px rgba(0,0,0,.4);
    }
    .carousel-caption_l .btn {
      margin-top: 10px;
    }
	.carousel-caption_l img {
      position: relative;
      top: 0;
      left: 0;
      min-width: 100px;
      height: 100px;
	  width:100px;
    }

	.carousel-caption2 {
      background-color: transparent;
      position: static;
      max-width: 550px;
      padding: 0 20px;
      margin-top: 75px;
	  text-align: center;
    }
    .carousel-caption2 h1,
    .carousel-caption2 .lead {
      margin: 0;
      line-height: 1.25;
      color: #000000;
      text-shadow: 0 1px 1px rgba(0,0,0,.4);
    }
    .carousel-caption2 .btn {
      margin-top: 10px;
    }
	.carousel-caption2 img {
      position: relative;
      top: 0;
      left: 0;
      min-width: 100px;
      height: 100px;
	  width:100px;
    }
	
	.carousel-caption2_l {
      background-color: transparent;
      position: static;
      max-width: 550px;
      padding: 0 20px;
      margin-top: 75px;
	  text-align: left;
    }
    .carousel-caption2_l h1,
    .carousel-caption2_l .lead {
      margin: 0;
      line-height: 1.25;
      color: #000000;
      text-shadow: 0 1px 1px rgba(0,0,0,.4);
    }
    .carousel-caption2_l .btn {
      margin-top: 10px;
    }
	.carousel-caption2_l img {
      position: relative;
      top: 0;
      left: 0;
      min-width: 100px;
      height: 100px;
	  width:100px;
    }	

	.carousel-caption_r {
      background-color: transparent;
      position: static;
      padding: 0 20px;
	  margin-top: 75px;
	  text-align: center;
	  right:0;
    }
    .carousel-caption_r h1,
    .carousel-caption_r .lead {
      margin: 0;
      line-height: 1.25;
      color: #ffffff;
      text-shadow: 0 1px 1px rgba(0,0,0,.4);
    }
    .carousel-caption_r .btn {
      margin-top: 10px;
    }
	.carousel-caption_r img {
      position: relative;
      top: 0;
      left: 0;
      min-width: 100px;
      height: 100px;
	  width:100px;
    }

/* HOME */
.home_list li {
display: inline;
float: left;
line-height: 1.4;
margin: 11px 0 .2em;
position: relative;

}
.home_list ul {
display: inline-block;
list-style: none;
margin: 0 0 13px;
padding: 0;
width: 100%;
}


.home_list img{
	float: left;
	padding: 0 1em 0 0;
	margin: 5px 0 0;
	width:100px;
}
.home_list li a{
	font-weight: bold;
	line-height: 22px;
}

.home_list li.break {
	clear: left;
}

.home_list li p {
	color: #444;
	margin: 0 2em 0 3.6em;
	float left;
}

.home_list li h2 {
	font-weight: bold;
	line-height: 22px;
	color: #428bca;
	text-decoration: none;	
	font-size: 14px;
}
.home_list li h3 {
	float: right;
	font-weight: bold;
	line-height: 22px;
	color: #428bca;
	text-decoration: none;	
	font-size: 14px;
}

#home_develop{
	background-image:url("../img/hirundo/home/hirundo_logo_groc_home.png");
	background-repeat:no-repeat;
	background-position:right top;

	height: 200px;
	border:1px;
	border-color:#000;
}


#home_cons{
	background-image:url("../img/hirundo/home/hirundo_logo_grana_home.png");
	background-repeat:no-repeat;
	background-position:right top;

	height: 200px;
	border:1px;
	border-color:#000;
}
#home_tech{
	background-image:url("../img/hirundo/home/hirundo_logo_blau_home.png");
	background-repeat:no-repeat;
	background-position:right top;
	
	height: 200px;
	border:1px;
	border-color:#000;
	display:block;
}



#home_media{
	background-image:url("../img/hirundo/home/hirundo_logo_verd_home.png");
	background-repeat:no-repeat;
	background-position:right top;
	height: 200px;
	border:1px;
	border-color:#000;

}


/* image_icon_list*/

.img_list{
	display:block;
}
/*lista_ample 50%*/
.img_list_l{
	float: left;
	clear: left;
	width: 20%;
}

.img_list_r{
	width: 80%;
	float: left;
	padding:10px;
}

/*lista_ample 100%*/

.img_list_lt{
	float: left;
	clear: left;
	width: 10%;
}

.img_list_rt{
	width: 90%;
	float: left;
	padding:20px;
}

/* format items llistes*/

.img_list_l img, .img_list_lt img{
	padding: 0 1em 0 0;
	margin: 5px 0 0;
	width:100px;
}


.img_list_r h2, .img_list_rt h2, .img_list_l h2 a, .img_list_lt h2 a{
	font-weight: bold;
	line-height: 22px;
	color: #428bca;
	text-decoration: none;	
	font-size: 22px;
	padding:10px;
}

.img_list_r p, .img_list_rt p{
	color: #444;
	width: 100%;
	padding:10px;	
}

.img_list_r a, .img_list_rt h1 a{
	line-height: 22px;
	color: #333333;;
	text-decoration: none;	
	font-size: 36px;

}



/*second level menu in main page */

/*3 columns*/

.col-lg-3-img{
	display:block;
	margin: 0 auto;
	text-align: center;
}

.col-lg-3-img img{
	padding: 0 1em 0 0;
	margin: 5px 0 0;
	width: 200px;
}

.col-lg-3-img h1 a{
	line-height: 22px;
	color: #333333;;
	text-decoration: none;	
	font-size: 22px;
	clear: left;
}

/*4 columns*/

.col-lg-2-img{
	display:block;
	margin: 0 auto;
	text-align: center;
}

.col-lg-2-img img{
	padding: 0 1em 0 0;
	margin: 5px 0 0;
	width: 200px;
}

.col-lg-2-img h1 a{
	line-height: 22px;
	color: #333333;;
	text-decoration: none;	
	font-size: 22px;
	clear: left;
}

/*1+3 columns*/

.col-lg-4-img{
	display:block;
	margin: 0 auto;
	text-align: center;
}

.col-lg-4-img img{
	padding: 0 1em 0 0;
	margin: 5px 0 0;
	width: 375px;
}

.col-lg-4-img h1 a{
	line-height: 22px;
	color: #333333;;
	text-decoration: none;	
	font-size: 22px;
	clear: left;
}

/8+4
.col-lg-8-img{
	display:block;
	margin: 0 auto;
	text-align: center;
}

.col-lg-8-img img{
	padding: 0 1em 0 0;
	margin: 5px 0 0;
	width: 800px;
}

.col-lg-8-img h1 a{
	line-height: 22px;
	color: #333333;;
	text-decoration: none;	
	font-size: 22px;
	clear: left;
}

/* colored hr */

hr.hr_develop {
  margin-top: 30px;
  margin-bottom: 10px;
  border-top: 10px solid #FF0;
}

hr.hr_consult {
  margin-top: 30px;
  margin-bottom: 10px;
  border-top: 10px solid #F00;
}

hr.hr_training {
  margin-top: 30px;
  margin-bottom: 10px;
  border-top: 10px solid #051FCF;
}

hr.hr_media {
  margin-top: 30px;
  margin-bottom: 10px;
  border-top: 10px solid #0F0;
}
hr.hr_works {
  margin-top: 30px;
  margin-bottom: 10px;
  border-top: 10px solid #04E2FB;
}


/* h1 colored*/
#develop h1,#consult h1,#training h1,#media h1,#works h1,#legal h1,#opinion h1 {
	color:#000;
	font-size:86px;
}


/*white for jumbotron*/
#develop h3,#consult h3,#training h3,#media h3,#works h3,#legal h3,#opinion h3 {
	color:#fff;
	font-size:56px;
}

#opinion h3 {
	color:#000;
	font-size:56px;
}
#opinion h2 {
	color:#000;
	line-height: 1.4;
}


.develop_header{
	background: -webkit-linear-gradient(right, #FF0, #FFF);
	background: -moz-linear-gradient(right, #FF0, #FFF);
	background: -o-linear-gradient(right, #FF0, #FFF);
	background: linear-gradient(right, #FF0, #FFF);
	margin-top:150px;
	margin-bottom:50px;
}

.develop_header img {
	width:125px;
}
.consult_header{
	background: -webkit-linear-gradient(right, #F00, #FFF);
	background: -moz-linear-gradient(right, #F00, #FFF);
	background: -o-linear-gradient(right, #F00, #FFF);
	background: linear-gradient(right, #F00, #FFF);
	margin-top:150px;
	margin-bottom:50px;
}
.consult_header img {
	width:125px;
}
.training_header{
	background: -webkit-linear-gradient(right, #051FCF, #FFF);
	background: -moz-linear-gradient(right, #051FCF, #FFF);
	background: -o-linear-gradient(right, #051FCF, #FFF);
	background: linear-gradient(right, #051FCF, #FFF);
	margin-top:150px;
	margin-bottom:50px;	
}
.training_header img {
	width:125px;
}
.media_header{
	background: -webkit-linear-gradient(right, #0F0, #FFF);
	background: -moz-linear-gradient(right, #0F0, #FFF);
	background: -o-linear-gradient(right, #0F0, #FFF);
	background: linear-gradient(right, #0F0, #FFF);
	margin-top:150px;
	margin-bottom:50px;	
}
.media_header img {
	width:125px;
}
.works_header{
	background: -webkit-linear-gradient(right, #04E2FB, #FFF);
	background: -moz-linear-gradient(right, #04E2FB, #FFF);
	background: -o-linear-gradient(right, #04E2FB, #FFF);
	background: linear-gradient(right, #04E2FB, #FFF);
	margin-top:150px;
	margin-bottom:50px;	
}
.works_header img {
	width:125px;
}
.legal_header{
	background: -webkit-linear-gradient(right, #04E2FB, #FFF);
	background: -moz-linear-gradient(right, #04E2FB, #FFF);
	background: -o-linear-gradient(right, #04E2FB, #FFF);
	background: linear-gradient(right, #04E2FB, #FFF);
	margin-top:20px;
	margin-bottom:20px;	
}
.legal_header img {
	width:125px;
}

.opinion_header{
	background: -webkit-linear-gradient(right, #04E2FB, #FFF);
	background: -moz-linear-gradient(right, #04E2FB, #FFF);
	background: -o-linear-gradient(right, #04E2FB, #FFF);
	background: linear-gradient(right, #04E2FB, #FFF);
	margin-top:20px;
	margin-bottom:20px;	
}
.opinion_header img {
	width:125px;
}


/*menu hirundo responsive*/
.short_menu{display:inline-block;}

@media (max-width: 399px) {.short_menu {visibility:visible;display:inline-block;}  }
@media (min-width: 400px) and (max-width: 479px) {.short_menu {visibility:visible;display:inline-block;}   }
@media (min-width: 480px) and (max-width: 767px) {.short_menu {visibility:visible;display:inline-block;}  }
@media (min-width: 768px) and (max-width: 991px) {.short_menu {visibility:hidden;display:none;height:0px;width:0px;} .dropdown-toggle {width:53px;} }
@media (min-width: 992px) and (max-width: 1199px) {.short_menu {visibility:visible;display:inline-block;} }
@media (min-width: 1200px) {.short_menu {visibility:visible;display:inline-block;}}



/* COOKIE MESSAGE*/

#container-screen {
box-shadow: 0 1px 2px #7d7d7d;
background-color: #eaeaea;
height: auto;
left: 0;
/*top: 0;*/
bottom: 0;
position: fixed;
width: 100%;
z-index: 1000001;
min-height: 45px;
box-shadow: 0 5px 5px #7d7d7d;
margin: 0;
padding: 0;
text-align: center;
}
/*
@media (max-width: 399px) {.container-screen {top: 65px;}  }
@media (min-width: 400px) and (max-width: 479px) {.container-screen {top: 65px;}}
@media (min-width: 480px) and (max-width: 767px) {.container-screen {top: 65px;}}
@media (min-width: 768px) and (max-width: 991px) {.container-screen {top: 65px;}}
@media (min-width: 992px) and (max-width: 1199px) {.#container-screen {top: 118px;}}
@media (min-width: 1200px) {.container-screen {top: 65px;}}
*/

#container-cookie {
width: 100%;
height: auto;
margin-left: auto;
margin-right: auto;
margin: 0;
padding: 0;
display: block;
}

#container-cookie .text-cookie {
font-family: Arial,Helvetica,sans-serif;
font-size: 12px;
line-height: 16px;
height: auto;
margin-bottom: 5px;
display: block;
padding: 5px 5px 5px 10px;
margin: 0;
padding: 0;
display: block;
text-align: center;
}

#container-cookie .buttons {
display: block;
float: right;
vertical-align: top;
margin: 0 0 5px 5px;
margin: 0;
padding: 0;
}

#container-cookie .text-cookie a {
text-decoration: underline;
}


#container-cookie a.button-acceptcookie:hover{
	background:#0179b9;
	background:-moz-linear-gradient(top,#0179b9 0,#1089ca 100%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#0179b9),color-stop(100%,#1089ca));
	background:-webkit-linear-gradient(top,#0179b9 0,#1089ca 100%);
	background:-o-linear-gradient(top,#0179b9 0,#1089ca 100%);
	background:-ms-linear-gradient(top,#0179b9 0,#1089ca 100%);
	background:linear-gradient(to bottom,#0179b9 0,#1089ca 100%)}
#container-cookie a.button-closecookie {
	position: relative;
	background: url(../img/closeCookieBanner.png) no-repeat 0 0;
	width: 16px;
	height: 17px;
	display: inline-block;
	text-indent: -9999px;
}
#container-cookie a.button-closecookie:hover{background-position:0 -17px}
#container-cookie a.button-closecookie:active{background-position:0 -34px}