@charset "utf-8";

/* CSS Document */



/* GLOBAL STYLES

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

/* Padding below the footer and lighter body text */



/*body {

  padding-bottom: 40px;

  color: #5a5a5a;

}*/





/* CUSTOMIZE THE NAVBAR

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



/* Special class on .container surrounding .navbar, used for positioning it into place. */

.navbar-wrapper {

  position: absolute;

  top: 0;

  right: 0;

  left: 0;

  z-index: 20;

}



/* Flip around the padding for proper display in narrow viewports */

.navbar-wrapper > .container {

  padding-right: 0;

  padding-left: 0;

}

.navbar-wrapper .navbar {

  padding-right: 15px;

  padding-left: 15px;

}

.navbar-wrapper .navbar .container {

  width: auto;

}





/* CUSTOMIZE THE CAROUSEL

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



/* Carousel base class */

.internas .carousel {

  height: 570px;

}

/* Since positioning the image, we need to help out the caption */

.carousel-caption {

  z-index: 10;

}



/* Declare heights because of positioning of img element */

.carousel .item {

  height: auto;

}

.carousel-inner > .item > img {

  position: absolute;

  top: 0;

  left: 0;

  max-width: 100%;

  height: auto;

}



.alturagris{ height:300px}







/* Featurettes

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



.featurette-divider {

  margin: 80px 0; /* Space out the Bootstrap <hr> more */

}



/* Thin out the marketing headings */

.featurette-heading {

  font-weight: 300;

  line-height: 1;

  letter-spacing: -1px;

}

.carousel-caption{right:1%;padding-top:1.8em!important;left:auto;padding-bottom:0;color:#000;text-align:center; top:0px; text-align:left; text-shadow: none; z-index:1; position:relative; float:left; margin-bottom:3em}



#portadas .carousel-caption{right:0!important;padding-top:1em!important;left:auto;padding-bottom:0;color:#000;text-align:center; top:0px; text-align:left; text-shadow: none; z-index:1; position:relative; float:left;

}





.carousel-control.right, .carousel-control.left {

    background-image: none;

    

}



.carousel-caption h3 {

	text-align:left;

	color:#058576;

	font-weight: 500;

	font-size:1.6em;

	line-height:1.1em

	

  }

 .carousel-caption h3 a {

	color:#2487C1;

	 

	

  }

.carousel-control {

width: 10%;

z-index:1!important}





.carousel-indicators {

 z-index: 2;

 bottom:2.5em;

 /*width:40%*/}



 .carousel-caption p {

    font-size: 1.1em;

    line-height: 1.4;

	text-align:left;

	color:#666

  }

.cuerpo_internas .carousel-caption p {

    font-size: 1em;

    line-height: 1.4;

	text-align:left;

	color:#666;

	font-weight:400

  }

.btn_noticias {

    position: absolute;

    z-index: 1;

	 bottom:-13px;

}

.btn_noticias2 {

    position: absolute;

    z-index: 15;

	bottom:-1%;

	left:50%;



}



.btn_noticias3 {

float:right;

    margin-top:none;

    z-index: 10;

    position: absolute;

}





/* RESPONSIVE CSS

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



@media (min-width: 768px) {

  /* Navbar positioning foo */

  .navbar-wrapper {

    margin-top: 20px;

  }

  .navbar-wrapper .container {

    padding-right: 15px;

    padding-left: 15px;

  }

  .navbar-wrapper .navbar {

    padding-right: 0;

    padding-left: 0;

  }



  /* The navbar becomes detached from the top, so we round the corners */

  .navbar-wrapper .navbar {

    border-radius: 4px;

  }



  /* Bump up size of carousel content */

  

  .carousel-caption p {

    font-size: 1.1em;

    line-height: 1.3;

	text-align:left

  }



  .featurette-heading {

    font-size: 50px;

  }

  

  .carousel-caption{right:1%;padding-top:2em;left:auto;padding-bottom:0;color:#000;text-align:center; top:0px; text-align:left; text-shadow: none; z-index:1; float:none; position:absolute;margin-bottom:0}

  

  .carousel-indicators {

	left: 7%;

    list-style: outside none none;

    margin-left: 0;

    padding-left: 0;

    position: absolute;

    text-align: center;

    top: 10px;

    width: 100%;

    z-index: 1;

    



}



.internas .carousel-indicators {

	left: 0;

    list-style: outside none none;

    margin-left: 0;

    padding-left: 0;

    position: absolute;

    text-align: center;

    width: 100%;

    z-index: 1;

	bottom:0!important;

	top:inherit



}



 .btn_noticias {

    position: absolute;

    width: 30%;

    z-index: 2;

	 bottom:-13px;

	 right:0;

	

}

.btn_noticias2 {

	position: absolute;

    z-index: 1;

	bottom:90%;

left:89%;

	 width: 10%!important;

	

}

.btn_noticias3 {

float:right;

    margin-top: -27px;

    z-index: 10;

    position: relative;

}



}









.carousel-indicators li {

    background-color: rgba(255, 255, 255, 0.6);

    border-radius: 10px;

    cursor: pointer;

    display: inline-block;

    height: 15px;

    margin: 1px;

    text-indent: -999px;

    width: 15px;

	border:none

	

}



.carousel-indicators .active {

    background-color: #28CAFF;

    height: 15px;

    margin: 0;

    width: 15px;

	border:none

}



@media (min-width: 992px) {

  .featurette-heading {

   /* margin-top: 120px;*/

	margin-top: 5%;

  }

}

@media (max-width: 1100px) {

	.btn-sm, .btn-group-sm > .btn {

    padding: 5px 2px;

}

.carousel-caption {

  padding-bottom:.5em

}

.carousel-control .glyphicon-triangle-left {

	margin-left:-10px!important;



}



.carousel-control .glyphicon-triangle-right {

	right:0;





}

}

	

	

@media (max-width: 767px) {

	

.carousel-indicators {



    left: 30%;

    list-style: none outside none;

 

    padding-left: 0;

    position: absolute;

    text-align: center;

   top: 10px !important;

   

    width: 100%;

    z-index: 1;

}

.internas .carousel {

  height: auto;

}



	

	}



/*---estilos para carousel de servicios, programas, proyectos*----------*/

.demo {

width: 100%;

margin: 0 auto;

display: block;

}

/*** Carousel-related styles ***/

/* Containers */

.carousel {

display: block;

overflow: hidden;

width: 100%;

margin: 1px auto;

}

.carousel-container {

display: block;

overflow: hidden;

margin:0 5px 0 10px;

/*margin:0 5px

 width: 99%;*/

}

.carousel-element {

width: 100%;

float: left;

margin: 0;

padding: 0;

}

/* Responsive slider */

.responsive {

width: 80% !important;

}



.rowcarrousel {

display: block;

margin-left: auto; 

margin-right: auto;

padding:0 15px

}





.carousel-nav .suivant {

background:url(/sitio/_img/arow_der.png) no-repeat;

position:absolute;

top:0;

right:0;

width: 20px;

height:50px;







}



.carousel-nav .precedent {

background:url(/sitio/_img/arow_izq.png) no-repeat;

position:absolute;

top:0;

left:0;

width: 20px;

height:50px;



}









/*hoja de estilos http://www.jqueryscript.net/_css/jquerysctipttop.css*/

#jquery-script-menu {

position: fixed;

height: 90px;

width: 100%;

top: 0;

left: 0;

border-top: 5px solid #316594;

background: #fff;

-moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);

-webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);

box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);

z-index: 999999;

padding: 10px 0;

-webkit-box-sizing:content-box;

-moz-box-sizing:content-box;

box-sizing:content-box;

}



.jquery-script-center {

width: 960px;

margin: 0 auto;

}

.jquery-script-center ul {

width: 212px;

float:left;

line-height:45px;

margin:0;

padding:0;

list-style:none;

}

.jquery-script-center a {

	text-decoration:none;

}

.jquery-script-ads {

width: 728px;

height:90px;

float:right;

}

.jquery-script-clear {

clear:both;

height:0;

}



.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next{

	font-size:100px;

	

}



.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {

	margin-left:-30px

}





.carousel-control .glyphicon-triangle-left, .carousel-control .glyphicon-triangle-right {

	font-size:40px!important;

	display: inline-block;

    position: absolute;

    top: 5em;

    z-index: 5;

	



}



.carousel-control .glyphicon-triangle-left {

	margin-left:-40px;



}

.internas .carousel-control .glyphicon-triangle-left {

	margin-left:-28px!important;

}

.internas .carousel-control .glyphicon-triangle-right {

	right:0

}