/***************************
	TABLE OF CONTENT
	01 - Reset
	02 - Global styles
	03 - Typography
	04 - Color specifics
	05 - Layout
	06 - Buttons
	07 - Icons
	08 - Header
	09- NOTICIAS
	
****************************/

/* nt-title */

#nt-title-container {
	background: #F2F2F2;
}

ul#nt-title {
	margin-left:0px;
	padding-left:0px;

}

#nt-title li {
	text-align:left;
	float:left;
	height:40px;
	white-space: nowrap;
	list-style: none;
	overflow: hidden;
	text-overflow: ellipsis;
}

#idagenda {	
	margin: auto;
}


/*---  ---*/
#padre{  position:relative; padding-bottom:50px;}
#hijo{ font-size: 0.90em;
	width:100%; height:30px; padding:10px 10px 10px 10px; position:absolute; bottom:0%; right:0%; border-top:#ccc 1px solid; margin-bottom:10px; }


#padre2 {  
        position:relative;
		padding-bottom:5px;
		height:330px;
		}

#hijo2 {
	   width:100%;
	   height:50px;
	   padding:10px 10px 10px 10px;
	   position:absolute;
	   bottom:0px;
	   right:0px;
	   border-top:#13A4ED 1px solid;
	   margin-bottom:5px;
	   }





.globe-grids {
    margin: 0em auto;
	padding-bottom:15px;
	padding-top:15px;
}

.globe-grid {
    transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
  
  border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
}
.globe-grid:nth-child(1) {
  margin: 0;
}

.globe-grid.transbox {
    margin: 30px;
    background-color: #ffffff;
    border: 1px solid black;
    opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */
}


.globe-grid:hover,.globe-grid:hover,.globe-grid:hover {
transform: scale(1.05);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-o-transform: scale(1.05);
-ms-transform: scale(1.05);
	z-index: 1;
	border: none;
}

.pricing-grid1:nth-child(3){
	margin-right:0;
}
/*
#parallax-bg {
  position:absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
}

#parallax-bg { background-image: url('../images/header/header_a.jpg'); background-repeat: repeat-x; background-position: center top; background-attachment: scroll; }
*/
/* 01 RESET */

a { text-decoration:none;}

*,*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.clear {clear:both;}

.left 			{float:left !important;}
.right 			{float:right !important;}
.center,
.center .wrap	{text-align:center;}


hr {
	border-top: 1px solid #8c8b8b;
}




/*-----------*/
body {               font-family: 'Roboto Condensed', sans-serif;font-size:1.58em;
text-align:left;
color:#191F26;
background:#EDEDED;
word-wrap:break-word;
text-rendering:optimizeLegibility;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
overflow-x: hidden;
}



/* 04 COLOR SPECIFICS */  
.black-c		{color:#191F26 !important;}
.grey-c			{color:#464B50 !important;}
.white-c		{color:#fff !important;}
.yellow-c		{color:#0090C8 !important;}
.green-c		{color:#9FCB39 !important;}
.red-c 			{color:#DA2C26 !important;}
.cyan-c			{color:#007BB8 !important; margin:0 auto; padding:0 !important;}
.greyclaro-c	{color:#DFDFD0 !important;}
.blue-c				{color:#024D7B !important;}
.celeste-c			{color:#5BB8DC !important;}
.amarilloclaro-c	{color:#F9C545 !important;}
.verdeclaro-c		{color:#B3D661 !important;}
.rojoclaro-c		{color:#E25752 !important;}
.grisclaro-c		{color:#474C51 !important;}
.naranja-c          {color:#F95808 !important;}
.verdeoscuro-c 		{color:#008c50 !important}
.marron-c			{color:#8B4513 !important}

     
.black			{background:#191F26 !important;}
.grey			{background:#464B50 !important;}
.white 			{background:#fff !important;}
.yellow			{background:#0090C8 !important;}
.green			{background:#9FCB39 !important;}
.red 			{background:#DA2C26 !important;}
.cyan			{background:#007BB8 !important;}
.celeste			{background:#5BB8DC !important;}
.amarilloclaro		{background:#F9C545 !important;}
.verdeclaro			{background:#B3D661 !important;}
.rojoclaro			{background:#E25752 !important;}
.grisclaro			{background:#EDEDED !important;}
.greyclaro			{background:#DFDFD0 !important;}
.blue				{background:#024D7B !important;}

.az1			{background:#007BB8 !important;}
.az2			{background:#0091D9 !important;}
.az3			{background:#055E8A !important;}



.pr1			{background:#42a5dc !important;}
.pr2			{background:#9fcc3a !important;}
.pr3			{background:#fdb812 !important;}
.pr4			{background:#f15e21 !important;}
.pr5			{background:#d61c59 !important;}
.pr6			{background:#507cbe !important;}
.pr7			{background:#38b549 !important;}
.pr8			{background:#6e53a3 !important;}

.blackline		{border-bottom:12px solid #191F26 !important;}
.greyline		{border-bottom:12px solid #464B50 !important;}
.whiteline 		{border-bottom:12px solid #ffffff !important;}
.yellowline		{border-bottom:12px solid #F7B615 !important;}
.greenline		{border-bottom:12px solid #9FCB39 !important;}
.redline		{border-bottom:12px solid #DA2C26 !important;}
.cyanline		{border-bottom:12px solid #0090C8 !important;}
.greyclaroline	{border-bottom:12px solid #DFDFD0 !important;}
.blueline			{border-bottom:12px solid #024D7B !important;}
.celesteline		{border-bottom:12px solid #5BB8DC !important;}
.amarilloclaroline	{border-bottom:12px solid #F9C545 !important;}
.verdeclaroline		{border-bottom:12px solid #B3D661 !important;}
.rojoclaroline		{border-bottom:12px solid #E25752 !important;}
.grisclaroline		{border-bottom:12px solid #474C51 !important;}


.tags-default {
	font-size:0.88em;
	font-weight:300;
	background:#13A4ED;
	color:#ffffff;
	padding:5px 5px 5px 5px;
	margin-right:5px;
	text-transform:uppercase;
}


.tags-default a{
	font-size:0.88em;
	background:#13A4ED;
	color:#ffffff;
	padding:5px 5px 5px 5px;
	margin-right:5px;
}

.tags-blue{
	font-size:0.88em;
	background:#0090C8;
	color:#ffffff;
	padding:5px 5px 5px 5px;
	margin-right:5px;
}

.tags-white{
	font-size:0.85em;
	background:#ffffff;
	color:#666;
	padding:5px 5px 5px 5px;
	margin-right:5px;
}

.tags-cyan{
	font-size:0.88em;
	background:#0090C8;
	color:#ffffff;
	padding:5px 5px 5px 5px;
	margin-right:5px;
}
	

.fecha span{
	color:#000;
	margin:5px 5px 5px 5px;
	}

.social span{
	float:right;
	margin:5px 5px 5px 5px;
	}


/* 05 LAYOUT */
/*.wrap 		{margin:0 auto;width:1101px;text-align:left;position:relative;max-width:100%;display:inline-block; }
/*.wrap 		{margin:0 auto;width:1071px;text-align:left;position:relative;max-width:100%;display:inline-block; }

.row		{margin:0 -15px;}
*/
.full-width 	{float:left;width:100%;padding:0 15px 20px;max-width:100%;}
.three-fourth 	{float:left;width:66.85%;padding:0 15px 20px;max-width:100%;}
.one-half		{float:left;width:48.95%;padding:0 15px 20px;max-width:100%;}
.one-third 		{float:left;width:30.16%;padding:0 15px 20px;max-width:100%;}
.two-third 		{float:left;width:66.64%;padding:0 15px 20px;max-width:100%;}
.one-fourth 	{float:left;width:27%;padding:0 15px 20px;max-width:100%;}
.one-fifth 		{float:left;width:20%;padding:0 15px 20px;max-width:100%;}
.one-sixth 		{float:left;width:16.66%;padding:0 15px 20px;max-width:100%;}
.one-nineth 	{float:left;width:11.11%;max-width:100%;}
.one-teenth 	{float:left;width:10%;max-width:100%;}
.row:before, 
.row:after  		{content: "";display:table;}
.row:after 			{clear: both;}
/*controlar y eliminar */


/* 08 HEADER */
.header 	{
	float:left;
	width:100%;
	height:370px;
	overflow: hidden;
    background-image:url('../images/header/bg_primavera_01.jpg?21desep');
    background-repeat:no-repeat;
    background-size:cover;
	background-position:center;	
	margin-bottom:200px;
	position:absolute;
	z-index:1;
	}


#video-background {
  position:absolute;
  left: 0; 
  top: 0;
  min-width: 100%; 
  min-height: 100%;
  width: 100%; 
  height: auto;
  z-index: -200;
}



	
.header_interno 	{
	float:left;
	width:100%;
	height:72px;
	/*background:#F00;*/
    /*
	background-image:url('../images/header/header_compromisoambiental.jpg');
    background-repeat:no-repeat;
    background-size:cover;
	background-position:center;	
	margin-bottom:200px;
	position:absolute;
	z-index:1;
	*/
	}	
	
	
.headerC3 	{
	top:60px;
	width:100%;
	height:255px;
    background-image:url('../images/header/head_c3.png');
    background-repeat:no-repeat;
    background-size:cover;
	background-position:center;
	}	
	

.contenidoNota{
	position:relative;
	height: 80px;
	z-index: 9;
	top: 25px;
	padding-top:0px;	
	}	
	

.ejesdegobierno{	
	position:relative; 
	margin-top:25px;
	}

.header_ejes{
	margin-left:45px;
	}

.ejesdegobierno .subtitulo{
	font-size:1.35em;
	color:#FFF;
	margin:0 auto;
	padding:0 auto;
	}	

.ejesdegobierno h1.titulo{
	font-size:2.45em;
	color:#FFF;
	margin:0 auto;
	padding:0 auto;
	text-transform:uppercase;
	}	

	
	
.bg_compromisoambiental {
	background-image:url('../images/ejesdegobierno/EJES_HEAD_PARTICIPACIONCIUDADANA.PNG');
    background-repeat:no-repeat;
    background-size:cover;
	background-position:center;
	height:440px;	
	}
	
	
blockquote.blockdeejes {
  width:80%;
  color:#FFF;
  margin-top:14px;
  margin-left:10%;	
  margin-right:10%;	
  border-left: none;
  border-right: none;
  padding: 8px;
  background-image: url(../images/ejesdegobierno/COMILLA1.PNG);
  background-position: top left;
  background-repeat: no-repeat;
  text-indent: 1px;
  }
  blockquote.blockdeejes span {
	    padding-left:90px;
		padding-right:90px;
    	display: block;
        background-image: url(../images/ejesdegobierno/COMILLA2.PNG);
    	background-repeat: no-repeat;
    	background-position: bottom right;
  	}	

blockquote.blockdeejes b.firma {
	text-align:right;
	float:right;
	margin-right:35px;
	margin-top:15px;
	}

.contenidoejes{
	position:relative;
	height: 115px;
	z-index: 9;
	top: -50px;
	padding-top:15px;	
	}	

.contenidoejes .programas p {
	padding:14px 0px 0px 0px;
	color:#333;
	font-size:1.12em;	
	}

.contenidoejes .programas span {
	margin:0 auto;
	padding:0 auto;
	color:#333;
	font-size:1.12em;	
	}

.contenidoejes .programas {
	border-bottom:#ccc 1px solid;
	margin-bottom:5px;
	padding-bottom:5px;
	}

.contenidoejes .noticias {
	margin-top:14px;
	}	

.emm h2 {
	text-transform:uppercase;	
	}



.navbar-brand {
	/*overflow:hidden;*/
    float: left;
    height:52px;
    padding: 0px 0px;
    font-size: 18px;
    line-height: 20px;
	
}	
	
.heardertop{		
		width:100%;
		background:#EDEDED;
		height:35px;
		padding:8px 3px 3px 3px;
		color:#FFF;
		text-align:left;
		border-bottom:#cccccc 1px solid;
	}
	
	
.heardertop a {
	text-decoration:none;
	}	
        
.header.sticky {
        position: fixed;
    	top:0;left:0;z-index:10;
        height: 60px;
		background:none;
        background: #007BB8;
		/*border-bottom:#000000 3px solid;*/
  }
  
    
.header_interno.sticky {
        position: fixed;
    	top:0;left:0;z-index:10;
        height: 60px;
		background:none;
        background: #007BB8;
		/*border-bottom:#000000 3px solid;*/
  }
    
 #logoChico {
 	margin-top: 0px;
  }


/* MENU*/
/*
.white ul.nav .navbar-nav li a { color:#000; text-decoration:none; }
.white ul.nav .navbar-nav li a:hover { color:#ff0; text-decoration:none; }
.cyan ul.nav .navbar-nav li a { color:#fff; text-decoration:none; }
.cyan ul.nav .navbar-nav li a:hover { color:#ccc; text-decoration:none; }
*/	


/*
background:#fff; width:100%;
*/

.navbarmuni {
	background:#fff;
	width:100%;
	}
	
.navbar-toggle {
    border-color:none;
	top:14px;
	margin-bottom:30px;
}	
	
.icon-bar {
  color: #ffffff;
  border-color: #cccccc;
  /*background-color: black;*/
}	
	
.navbar-default {
	margin-top:10px;
	background:#ffffff;
	border: none;
	margin-bottom: 0;
	border-radius: 0;
}

.navbar-default .navbar-nav {
	margin-top:5px;
}


.navbar-inverse .navbar-nav {
	margin-top:6px;
}

	
.navbar-inverse {
	margin-top:0px;
	background:#007BB8;
	border: none;
	margin-bottom: 0;
	border-radius: 0;
}

.navbar-inverse .navbar-nav > li > a {
	text-align:right;
    color: #ffffff;
}

	
.searchBar {
    border-radius:0.3em;
	-o-border-radius:0.3em;
	-webkit-border-radius:0.3em;
	-ms-border-radius:0.3em;
	-moz-border-radius:0.3em;
	margin:5px 5px 5px 5px;
	margin-right:18px;
	margin-top:10px;
	background:#fff;
}

.searchBar input {
  border: none;
  outline: none;
  background:#F5F5F5;
  font-size: 1em;
  font-weight: 400;
  color: #000;
  float: left;
  width: 87%;
  padding:0.5em;
  -webkit-apperance: none;
  margin: 0;
  border-radius:0.4em;
	-o-border-radius:0.4em;
	-webkit-border-radius:0.4em;
	-ms-border-radius:0.4em;
	-moz-border-radius:0.4em;
}

.searchBar .btn{
    border: none;
    display: inline-block;
    padding: 0.52em;
    width: 12%;
    outline: none;
	color:#999;
}


/*SECTOR GOBIERNO*/
.gobiernoheader {
	}
	
.gobiernoheader h1 {
	font-size:2em;
	color:#666;
	}	

.gobiernoheader span {
	font-size:1.052em;
	color:#000;
	margin-left:30px;
	}	


/**/



 /* margin 15 y derecho cero */ 
.ejesGobierno {
	position: relative;
	height: 115px;
	z-index: 3;
	top: 0px;	
} 

#margenTop {
	height:290px;
}

#margenTopInterna {
	height:320px;
}

#margenToptramites{
		height:120px;
	}
	
#margenTopejes{
		height:110px;
	}	

 

#margenTopc3{
	float:left;
	width:100%;
	height:255px;
    background-image:url('../images/header/head_c3.png');
    background-repeat:no-repeat;
    background-size:cover;
	background-position:center;
	margin-top:70px;
	}	




/*.listadoC		 { margin:0 0 0 0px; background-color:#EDEDED; padding-right:2px; padding-left:-2px; padding-top:18px;}
*/
.listadoC		 { margin:0 0 0 0px; padding-right:2px; padding-left:-2px; padding-top:18px;}
.listadoC .proA { 
width:100%;
height:106px;
float:left;
color:#FFF;
font-size:0.96em;
margin:0 auto;
padding-left:15px;
padding-top:28px;
line-height:1.42em;

}

.listadoC .proAM { 
width:100%;
height:46px;
float:left;
color:#FFF;
font-size:0.96em;
margin:0 auto;
padding-left:15px;
padding-top:8px;
line-height:1.42em;

}


.listadoC .proA b { 
font-size:1.36em;
}

.listadoC .proA:last-child 	{margin:0 0 0 0px; float:right;}


.row-no-margin-left {
   margin-left: 0px;
} 

.row-no-margin-right {
	margin-right:0px;
} 

/*ICONOS GENERALES*/

.boxico {
   padding: 10px;
   background-color:#007BB8;
   border: 5px solid #0B98DE;
   margin-top:10px;
   margin-bottom:10px;
   text-align:center;
   border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
}

.height-box-210 {
	height:210px;

	}

.height-box-110 {
	height:110px;
	}

.boxico a .ico-detalle {
	text-decoration:none;
	color:#FFF;
	padding-left:10px;
	text-align:left;
	}

.boxico a {
	text-decoration:none;
	color:#FFF;
	}

.boxico h4 {
	font-size:1.28em;
	border-bottom:#0B98DE 2px dotted;
	}
	
.boxico h3 {
	font-size:1.15em;
	text-align:inherit;
	padding-right:15px;
	}	
	
.boxico p {
	font-size:0.92em;
	color:#FFF;	
	word-wrap: normal;
	}

.ico-nav {display:inline-block;overflow:hidden;vertical-align:middle;background: url(../images/icons_web.png) no-repeat center;}
.ico-nav.ico-gut {background-position:0 0;width:97px;height:70px;}
.ico-nav.ico-pp {background-position:-97px 0;width:97px;height:74px;}
.ico-nav.ico-emm {background-position:-194px 0;width:97px;height:74px;}
.ico-nav.ico-rim {background-position:-291px 0;width:97px;height:74px;}
.ico-nav.ico-ip {background-position:-388px 0;width:97px;height:74px;}
.ico-nav.ico-uem {background-position:-485px 0;width:97px;height:74px;}
.ico-nav.ico-gis {background-position:-582px 0;width:97px;height:74px;}
.ico-nav.ico-eco {background-position:-679px 0;width:97px;height:74px;}

.ico-nav2 {display:inline-block;overflow:hidden;vertical-align:middle;background: url(../images/icons_web2.png) no-repeat center;}
.ico-nav2.ico-ft {background-position:0 0;width:92px;height:92px;}
.ico-nav2.ico-cs {background-position:-82px 0;width:97px;height:74px;}
.ico-nav2.ico-dc {background-position:-184px 0;width:92px;height:92px;}
.ico-nav2.ico-tc {background-position:-276px 0;width:92px;height:92px;}

/**/


/*--slider start here--*/
.trav-respon-slid {
    margin: 0em 0em 0em 0em;
}
.slider {
	position: relative;
}
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }
.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }
.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }
.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }

.callbacks_tabs a:after {
	content: "\f111";
	font-size: 0;
	font-family: FontAwesome;
	visibility: visible;
	display: block;
	height: 8px;
	width: 8px;
	display: inline-block;
	border: 2px solid #34495E;
	background: #34495E;
	border-radius:100px; 
}
.callbacks_here a:after{
	border: 2px solid #34495E;
	background: #fff;
}

.callbacks_tabs a{
	visibility:hidden;
	  line-height: 1.2em;
}

.callbacks_tabs li{
	display:inline-block;
}

ul.callbacks_tabs.callbacks1_tabs,ul.callbacks_tabs.callbacks2_tabs {
  position: absolute;
  bottom:4%;
  left:35%;
  background-color: #fff;
  text-align: center;
  padding: 0.0em 0;
  z-index:2;
}

.callbacks_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  bottom:6%;
  left: 5%;
  opacity: 0.7;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 20px;
  width: 20px;
  background: url("../images/slidenotas/img-sprite2.png") no-repeat 5px 0px  ;

  }

.callbacks_nav.next {
  left: auto;
  background-position: -25px 0px;
  right: 5%;
 }
/* --sliderend here--*/



.sliderGaleria {
	position: relative;
}
.rslidesGaleria {
  position: relative;
  list-style: none;
  /*overflow: hidden;*/
  width: 100%;
  padding: 0;
  margin: 0;
  }
.rslidesGaleria li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslidesGaleria li .imgdownload {
   position:absolute;
   right: 4px;
   bottom: -2px;
   margin-left:-10px;
   margin-top:-15px;
   margin-bottom: 5px;
   z-index: 9999;
   color: #ffffff;
  }

.rslidesGaleria li .imgdownload a {
   color: #ffffff;
  }


.rslidesGaleria li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslidesGaleria img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }

.sliderGaleria .callbacks_tabs a:after {
	content: "\f111";
	font-size: 0;
	font-family: FontAwesome;
	visibility: visible;
	display: block;
	height: 8px;
	width: 8px;
	display: inline-block;
	border: 2px solid #34495E;
	background: #34495E;
	border-radius:100px; 
}
.sliderGaleria .callbacks_here a:after{
	border: 2px solid #34495E;
	background: #fff;
}

.sliderGaleria .callbacks_tabs a{
	visibility:hidden;
	  line-height: 1.2em;
}

.sliderGaleria .callbacks_tabs li{
	display:inline-block;
}

.sliderGaleria ul.callbacks_tabs.callbacks1_tabs,.sliderGaleria ul.callbacks_tabs.callbacks2_tabs {
  position: absolute;
  bottom:4%;
  left:35%;
  background-color: #fff;
  text-align: center;
  padding: 0.0em 0;
  z-index:2;
}

.sliderGaleria .callbacks_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  bottom:6%;
  left: 5%;
  opacity: 0.7;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 20px;
  width: 20px;
  background: url("../images/slidenotas/img-sprite2.png") no-repeat 5px 0px  ;

  }

.sliderGaleria .callbacks_nav.next {
  left: auto;
  background-position: -25px 0px;
  right: 5%;
 }


/*INTENDENTE*/
.intendente	{float:left;width:100%;color:#191F26; margin-bottom:30px;}


.intendente .intendente-foto{ float:left;width:24%;height: auto; }
.intendente .intendente-foto img {float:left; width:100%; height:auto;}

.intendente .intendente-nombre		{float:left;width:50%;max-width:100%; height:208px;background:#024D7B;color:fff;
padding:25px;}
.intendente .intendente-nombre h6	{font-weight:400;color:fff;padding:0 0 5px;}
.intendente .intendente-nombre h1	{font-weight:600;color:fff;}

.intendente .intendente-contacto{float:left;width:26%;max-width:100%;height:208px; padding: 20px; background:#FFF;
    -webkit-box-shadow: inset 0 0 0 1px #DFDFD0;
    -moz-box-shadow: inset 0 0 0 1px #DFDFD0;
    box-shadow: inset 0 0 0 1px #DFDFD0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;}

.intendente .intendente-contacto li{float:left;max-width:100%; list-style: none; }
.intendente .intendente-contacto li:before		{display:none;}
.intendente .intendente-contacto p	{float:left;max-width:100%;font-size:1em; font-weight:400; line-height:1.8; padding:0; margin:0; }
.intendente .intendente-contacto .social				{ float:left; max-width:100%;margin:0; padding:20px 0 0;}
.intendente .intendente-contacto .social li				{display:block;float:left; width:40px; height:40px; box-shadow:none; padding:0; }
.intendente .intendente-contacto .social li a 			{-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;}
.intendente .intendente-contacto .social li:before		{display:none;}
.intendente .intendente-contacto .social li:last-child 	{margin-right:0;}



/*notas de portada*/
.panel p.lead	{
	font-family: 'Roboto Condensed', sans-serif;
	font-size:1.15em;
	font-weight:400;
	color:#191F26;
	margin:0 auto; margin-bottom: 10px;
	padding:0 auto;	line-height:1.15;
	}

.panel p.lead a {
	font-family: 'Roboto Condensed', sans-serif;
	font-size:1.089em;
	/*font-weight:300;*/
	color:#000000;
	padding:2px 0 0 0;
	line-height:1.088;
	}

/*nota principal*/


.social .fa-facebook:hover , .social .fa-twitter:hover , .social .fa-whatsapp:hover  {
	color:#000;
}

.social .fa-facebook , .social .fa-twitter , .social .fa-whatsapp  {
	color:#666;
}



#seccion1 .social .fa-facebook {
	color:#fff;
}

#seccion1 .social .fa-twitter {
	color:#fff;
}


#seccion1 .social .fa-whatsapp {
	color:#fff;
}

#seccion1 .social .fa-facebook:hover {
	color:#2d4373;	
	}
	
#seccion1 .social .fa-twitter:hover {
	color:#2d4373;	
	}	

#seccion1 .social .fa-whatsapp:hover {
	color:#2d4373;	
	}


.tendencias{
	float: left;
	width: 100%;
	margin-top: 5px; 
}
.tendencias h4 {
	float: left;
	color: #666666;
	margin-left: 18px;
	font-weight: 200;
	margin-right: -2px;
}

.tendencias .tags-tendencias {
	float: left;
	margin-left: 15px;
	padding-top: 10px;
}

.tendencias .tags-tendencias a {
	text-decoration: none;
}


.HashTag i {
	margin-right: 5px;
	}


p.HashTag {
	margin:0 auto;
	padding:0 auto;
	}

p.HashTag a {
	text-transform:uppercase;
	margin:0 auto;
	text-decoration:none;
	font-weight:300;
}

p.HashTag a:hover {
	color:#999;
}




#seccion1 p.HashTag {
	margin-top:2px;
	}

#seccion1 p.HashTag a {
	text-transform:uppercase;
	color:#00CFFB;
	text-decoration:none;
}



#seccion1 .titulo-w18em {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:300;
	line-height:1.19em;
	font-size:1.67em;
	color:#FFF;
	margin:0px auto;
	height:auto;
	overflow:hidden;
	}
	
#seccion1 .fecha {
	font-size:1.1em;
	color:#FFF;
	
	}
	
#seccion1 .social {
	font-size:1.1em;
	color:#FFF;
	
	}		

	
#seccion1 .tags{
	
	font-size:0.88em;
	background:#FFF;
	color:#036;
	padding:4px 4px 4px 4px;
	float:left;
	margin:2px;
}


#seccion2 .texto {
	min-height:140px;
	}
	
#seccion2 h4 a{
	color:#000000;
	font-size:0.79em;
	}	
#seccion2 .tags{
	font-size:0.88em;
	background:#007BB8;
	color:#ffffff;
	padding:2px 2px 2px 2px;
}		
	

#seccion3 .texto {
	min-height:180px;
	}
	
#seccion3 h4 a{
	color:#000000;
	font-size:0.79em;
	}	
#seccion3 .tags{
	font-size:0.88em;
	background:#007BB8;
	color:#ffffff;
	padding:2px 2px 2px 2px;
}		
	


#seccion4 .texto {
	min-height:140px;
	}
	
#seccion4 h4 a{
	color:#000000;
	font-size:0.79em;
	}	
#seccion4 .tags{
	font-size:0.88em;
	background:#007BB8;
	color:#ffffff;
	padding:2px 2px 2px 2px;
}		
	
/**/

#banner a img{
	float:left;
	max-width:315px;
	padding-left:12px;
	padding-top:12px;	
	/*height:125px;	*/
	}
	
.sidebar .widget h4{
	color:#000000;
	font-size:0.79em;
	background:#FFF;
	}	

	
#banner .titulo{
	float:left;
	width:100%;
	height:auto;
	margin-top:10px;	
	}	
	
#banner .texto {
	float:left;
	color:#007BB8;
	padding:10px 10px 10px 10px;
	}	
	
#banner .texto .tags{
	font-size:0.88em;
	background:#007BB8;
	color:#ffffff;
	padding:2px 2px 2px 2px;
}	



/**/

/*--CALENDARIO--*/

.calendario { }

.jflatTimeline, .jflatTimeline input, .jflatTimeline, textarea{
/*font-family: 'Archivo Narrow', sans-serif;*/
}
/********** Normal Styles ***************/

.jflatTimeline{
	width: 100%;

	/*
	margin : 0px auto;
	-moz-box-sizing : border-box;
	-webkit-box-sizing : border-box;
	box-sizing : border-box;
	*/	
}

/********** Style for the month year bar ***************/

.jflatTimeline .month-year-bar{
	/*background-color : #cc4d4d;*/
	display : table;
	width : 100%;
	color : #ffffff;
	font-size : 1.24em;
	font-weight : 300;
	padding : 10px 10px 10px 10px;
	-moz-box-sizing : border-box;
	-webkit-box-sizing : border-box;
	box-sizing : border-box;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor : default;
}

.jflatTimeline .month-year-bar .prev, 
.jflatTimeline .month-year-bar .next{
	padding :  0 12px;
	font-size : 1em;
	cursor : pointer;
}


.jflatTimeline .month-year-bar .year{
	float : left;
	padding-left:15px;
}

.jflatTimeline .month-year-bar .year a{
	text-decoration: none;
	color: #ffffff;
}

.jflatTimeline .month-year-bar .month{
	float : right;
}


.fa-flecha{ color:#FFF; font-size:1em;}
/********** Style for the bar containing dates ***************/

.jflatTimeline .dates-bar{
	border : solid 1px #e7e7e7;
	display : block;
	width : 100%;
	-moz-box-sizing : border-box;
	-webkit-box-sizing : border-box;
	box-sizing : border-box;	
	padding : 0 15px;
	position : relative;
	font-size : 0;
	white-space : nowrap;
	overflow : hidden;
		-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.jflatTimeline .dates-bar a{
	display: block;
	height: 30px;
	width: 30px;
	color : #a2a2a2;
	text-align : center;
	display : inline-block;
	border-right : 1px solid #E7E7E7;
	-moz-box-sizing : border-box;
	-webkit-box-sizing : border-box;
	box-sizing : border-box;
	cursor : pointer;
	transition : color .2s, transform .2s;
	-webkit-transition : color .2s, transform .2s;
	-moz-transition : color .2s, transform .2s;
	z-index : 0;
}

.jflatTimeline .dates-bar a:hover{
	color : #686666;
}

.jflatTimeline .dates-bar a span{
	transition : color .2s, transform .2s;
	-webkit-transition : color .2s, -webkit-transform .2s;
	-moz-transition : color .2s, -moz-transform .2s;
}

.jflatTimeline .dates-bar a.noevent{
	display : none;
	width : 100%;
	color: #7B7B7B;
    font-size: 19px;
    line-height: 70px;
}

.jflatTimeline .dates-bar a.selected{
	color : #696969;
}

.jflatTimeline .dates-bar a.selected>span.date{
	transform : scale(1.2, 1.2);
	-moz-transform : scale(1.2, 1.2);
	-webkit-transform : scale(1.2, 1.2);
}

.jflatTimeline .dates-bar a.prev_agenda,
.jflatTimeline .dates-bar a.next_agenda{
	position : absolute;
	top : 0;
	width : 30px;
	min-width : 0;
	font-size : 1em;
	background-color : white;
	font-size : 1em;
	line-height : 1.2em;
	z-index : 2;
	display : inline-block;
}


.jflatTimeline .dates-bar .month span{
    display: inline-block;
    min-width: 60px;
    text-align: center;
}

.jflatTimeline .dates-bar a.prev_agenda{
	left : 0;
}
.jflatTimeline .dates-bar a.next_agenda{
	right : 0;
	border-left : solid 1px #e7e7e7;
}

.jflatTimeline .dates-bar a span.date{
	display : block;
	font-size : 15px;
}


.jflatTimeline .dates-bar a span.month{
	font-size : 13px;
}

/********** Whole style for timeline-wrap ***************/

.farmacia h5 {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:400;
	line-height:1.25em;
	font-size:1.05em;
	color:#ccc;
	text-align:right;
	margin:0 auto;
	padding:0 auto;
	margin-bottom: 3px;
	}
	
.farmacia h2 {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:600;
	line-height:1.28em;
	font-size:1.28em;
	color:#007BB8;	
	margin:0 auto;
	}
	
.farmacia p {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:300;
	line-height:1.06em;
	font-size:1.12em;
	color:#666;	
	margin:0 auto; 
	}
	
.farmacia p i {
	color:#ccc;
	margin-right:5px;	

	}			


.jflatTimeline .timeline-wrap{
	width : 100%;
	-moz-box-sizing : border-box;
	-webkit-box-sizing : border-box;
	box-sizing : border-box;
    border: 1px solid #cccccc;
    border-radius: 4px;
	border-top : 0;
	background-color: #ffffff;
	padding-bottom: 6px;
}

#idagenda{
    border: 1px solid #cccccc;
    border-radius: 4px;
	border-top : 0;
	background-color: #ffffff;
	
}


#idagendaenAgenda{
    border: 1px solid #cccccc;
    border-radius: 4px;
	border-top : 0;
	background-color: #ffffff;
    overflow-y: scroll;
	
}

.jflatTimeline .timeline-wrap .event{
	background:#FFF;
	overflow : auto;
	border-bottom : solid 1px #e7e7e7;
	display: none;
	padding:15px 15px 15px 10px;
}


.jflatTimeline .timeline-wrap .dos{
	border-bottom : solid 2px #fff;
}

.jflatTimeline .timeline-wrap .event.selected{
	display : block;
}

.jflatTimeline .timeline-wrap .event .date{
    color: #3F3F3F;
    display: block;
    font-size: 1.15em;
    padding: 0 0 0 0;
	font-weight:700;
	text-transform:uppercase;	
}

.jflatTimeline .timeline-wrap .event .date i{
	padding : 0 0 0 0;
}

.jflatTimeline .timeline-wrap .event h4{
	text-align : left;
	font-size : 1.14em;
	margin : 0 auto;
	padding:0 auto;
	color : #3E3E3E;
	/*width:100%;*/
}

.jflatTimeline p.social {
	/*float:right;*/
	
	}

.jflatTimeline .tags{
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size:0.78em;
	background:#fff;
	color:#666666;
	border:#999 1px solid;
	padding:3px 8px 3px 8px;
	margin-right:2px;
	float:left;
}	


.jflatTimeline .timeline-wrap .event p {
	font-size : 0.860em;
	line-height : 1.5em;
	color:#7E7A76;
	padding:0 !important;
	margin:0 auto; margin-top: 6px;
}

.jflatTimeline .timeline-wrap .farmacia p {
	margin:0 auto; margin-top: 12px; 
}



.jflatTimeline .timeline-wrap .farmacia  {
	padding-bottom: 29px;
}



.jflatTimeline .timeline-wrap .event>div{
	-moz-box-sizing : border-box;
	-webkit-box-sizing : border-box;
	box-sizing : border-box;
	padding : 5px 5px 5px 5px;
	width : 100%;
	display : table;
	
}

.jflatTimeline .timeline-wrap .event div.right{
	-moz-box-sizing : border-box;
	-webkit-box-sizing : border-box;
	box-sizing : border-box;
	padding : 15px;
	padding-right : 0;
}


.jflatTimeline .timeline-wrap .event div.layout1>div{
	float : left;
	width : 100%;
}

.jflatTimeline .timeline-wrap .event .layout1 div.left>img{
	width : 100%;
}

.jflatTimeline .timeline-wrap .event .layout1 div.right h3{
	text-align : center;
	font-size : 20px;
	text-transform : uppercase;
	margin : 5px 0 ;
	color : #3E3E3E;
}

.jflatTimeline .timeline-wrap .event .layout1 div.right p{
	font-size : 13px;
	color : #707070;
	line-height : 21px;
}

.jflatTimeline .timeline-wrap .event div.layout2>div{
	float : left;
	width : 50%;
}

.jflatTimeline .timeline-wrap .event .layout2 div.right>img{
	width : 100%;
}

.jflatTimeline .timeline-wrap .event .layout2 div.right h3{
	text-align : center;
	font-size : 20px;
	text-transform : uppercase;
	margin : 5px 0 ;
	color : #3E3E3E;
}

.jflatTimeline .timeline-wrap .event .layout2 div.right p{
	font-size : 13px;
	color : #707070;
	line-height : 21px;
	
}


.jflatTimeline .timeline-wrap .event .layout3 img{
	width : 100%;
}

/********** Make it responsive ***************/

.jflatTimeline.s_screen .timeline-wrap .event div.layout1>div{
	float : none;
	width : 100%;
}

.jflatTimeline.s_screen .timeline-wrap .event div.layout2>div{
	float : none;
	width : 100%;
}

/**********************************************/
/**********************************************/
@media screen and (max-width:980px) {
.panel-400 {
height:600px; overflow:hidden;
}

#seccion1 .panel-thumbnail{
	height: 200px; overflow: hidden;
}

.panel-thumbnail{
	height: 210px; overflow: hidden;
}

.panel-thumbnail img{
	width: 100%;
}

}

@media screen and (max-width:750px) {

.services.cyan	{background:#EDEDED !important;}

.tendencias{
	margin-top: 0px; 
}	

.globe-grids {
    margin: 1em auto;
    padding-bottom: 15px;
    padding-top: 16px;
}

	
	.bg_compromisoambiental {
	height:340px;	
	}
	
	.header_ejes{
	margin-left:25px;
	}
	
	
	.col-md-12 h3 {
		padding-top:10px;
		font-size:1.24em;
		}

#padre2 {  
        position:relative;
		padding-bottom:5px;
		height:230px;
		}

#hijo2 {
	   width:100%;
	   height:50px;
	   padding:10px 10px 10px 10px;
	   position:absolute;
	   bottom:0px;
	   right:0px;
	   border-top:#13A4ED 1px solid;
	   margin-bottom:5px;
	   }


.panel-330 {
height:100%; overflow:hidden;
}

.panel-300 {
height:100%; overflow:hidden;
}

.panel-400 {
height:100%; overflow:hidden;
}

.panel-450 {
height:100%; overflow:hidden;
}

.header 	{
	float:left;
	width:100%;
	height:120px;
    /*background-image:url('../images/header/header_a.jpg');*/
	/*background:#007BB8;*/
    background-repeat:no-repeat;
    background-size:cover;
	background-position:center;	
	margin-bottom:10px;
	position:absolute;
	z-index:1;
}


nav.navbar-default {
	margin-top:0px;
	background:none;
	border: none;
	margin-bottom: 0;
	border-radius: 0;
}

nav.navbar-default ul  {
	text-align:right;
	background:#FFF;
}
/*
nav.navbar-default > li > a {
    color: #ffffff;
}
*/


	
	
	
	.main-nav 		{display:none;}
	
	#margenTop {
	height:110px;
    }
	
	#margenTopInterna {
	height:110px;
    }	
	

#seccion1 .titulo-w18em {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:400;
	line-height:1.25em;
	font-size:1.25em;
	color:#FFF;
	}


.panel p.lead	{font-size:1.025em;font-weight:600; color:#191F26;padding:12px 0 0;line-height:1.01;}


	.jflatTimeline{
	   width : 100%;
	}
}

@media screen and (max-width:639px) {

	.jflatTimeline{
	  width : 100%;
	}
	
		
}

@media screen and (max-width:600px) {

	.jflatTimeline{
	  width : 100%;
	}
}


.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

.nopadding-left {
	padding-left:0 !important;
	margin-left:0 !important;
}

.nopadding-right {
	padding-right:0 !important;
	margin-right:0 !important;
}

.panel-radius {
  background-color: #000;
  border: 5px solid transparent;
  border-radius: 5px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}


.panel .btn i,.btn span{
 color:#666666;
}

.panel a {
	text-decoration:none;
	}
.panel a:hover{
	text-decoration:none;
	color:#024D7B;
	}	
	
.panel .panel-heading {
 background-color:#ffffff;
 font-weight:700;
 font-size:16px;
 color:#262626;
 border-color:#ffffff;
}

.panel .panel-heading a {
 font-weight:400;
 font-size:11px;
}

.panel-default {
/*height:300px;
overflow:hidden;*/
border-color:#cccccc;

}

.panel-300 {
height:300px;
overflow:hidden;
border-color:#cccccc;
}

.panel-330 {
height:330px;
overflow:hidden;
border-color:#cccccc;
}

.panel-350 {
height:390px;
overflow:hidden;
border-color:#cccccc;
}



.panel-400 {
height:400px;
overflow:hidden;
border-color:#cccccc;
}

.panel-450 {
height:450px;
overflow:hidden;
border-color:#cccccc;
}


.panel-500 {
height:500px;
overflow:hidden;
border-color:#cccccc;
}



@media screen and (max-width:500px) {
	
.height-box-210 {
height:100%; overflow:hidden;
	}


.headerC3 	{
	height:135px;
    }	
	

.panel-330 {
height:100%; overflow:hidden;
}

.panel-300 {
height:100%; overflow:hidden;
}

.panel-400 {
height:100%; overflow:hidden;
}

.panel-450 {
height:100%; overflow:hidden;
}


.panel-350 {
height:100%; overflow:hidden;
}

.full-width-img{
	 width: 60%;
	 height: 350px;
	 overflow: hidden;
	}



.compartir .social .fa-facebook {
	color:#666; font-size: 2em;
}

.compartir .social .fa-twitter {
	color:#666; font-size: 2em;
}


.compartir .social .fa-whatsapp {
	color:#666; font-size: 2em;
}

.compartir .social .fa-facebook:hover {
	color:#2d4373;	
	}
	
.compartir .social .fa-twitter:hover {
	color:#2d4373;	
	}	

.compartir  .social .fa-whatsapp:hover {
	color:#2d4373;	
	}



}


/* CUSTOM BOOTSTRAP*/

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, 
.col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, 
.col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, 
.col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, 
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11,
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 12px;
  padding-right:12px;
}


.list-group {
	border:none;
	} 
.list-group-item {
	border:none;
	border-bottom:#ccc 1px solid;
	border-top:#ccc 1px solid;

	}	
	
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus{
    z-index: 0; 
	}	

/**/
.navbar-inverse { background-color: #007BB8}
.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { background-color: #007BB8}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { background-color: #007BB8}


/**/


.col-extra-2 {
  position: relative;
  min-height: 1px;
  padding-left: 9px;
  padding-right:9px;
}


.col-extra-2e {
  position: relative;
  min-height: 1px;
  padding-left: 9px;
  padding-right:9px;
}

.col-extra-3 {
  position: relative;
  min-height: 1px;
  padding-left: 9px;
  padding-right:9px;
}


.col-extra-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right:15px;
}



.panel .panel-thumbnail {
 padding:0;
}
.panel .img-circle {
 width:50px;
 height:50px;
}

.list-group-item:first-child,.list-group-item:last-child {
 border-radius:0;
}


.full-width-img{
	 width: 100%;
	}
.margin-bottom-custom {
	margin-bottom:0px;
	}	


/* 21 FOOTER */
.footer 			{float:left;width:100%;max-width:100%;min-height:300px;color:#fff; padding:40px 0 0 0;list-style:none;}
.footer li:last-child 	{ padding-right:0;}

.footer .footer-top {
	padding-bottom:14px;	
	}
	
	
.footer .footer-top p {
	padding:0 auto;
	margin:0 auto;
	}	

.footer .footer-top span {
	padding:0 auto;
	margin:0 auto;
	}	

	

.footer a {
	text-decoration:none;
	color:#FFF;
	}
	
.footer h4.titulos {
	color:#fff;
	padding-bottom:7px;
	padding-top:14px;
	border-bottom:#39F solid 1px;
	}	
	
.footer .footer-telutil span {
	
	font-size:2.65em;
	color:#fff;}	
	
.copy{
	background:#00689c;
	}	

/* 09 NOTICIAS - BLOG */

.textcuerpo {
	font-family: 'Roboto Condensed', sans-serif;
	color:#000;
	font-size:1.084em;
	margin-top:25px;	
	}
	
.textcuerpo p, .textcuerpo div {
	font-family: 'Roboto Condensed', sans-serif;
	color:#000;
	font-weight:300;
	font-size:1.054em;	
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;

	}	

.hentry {
	padding:0px 0px 0px 0px;
	}

.noti-otras h3 {	
	color:#09F;
	} 
	

ul.list-noti {display: block;width: 100%; padding:0; margin:0;}



ul.list-noti li {
	width: 100%;
	height: auto;
	list-style: none;
	border-bottom:#ccc 1px solid;
	padding-top:5px;
	padding-bottom:10px;
	padding-left:10px;	
	font-weight:300;
	
		margin-bottom:15px;

	
	}
	
ul.list-noti85 li {
	width:100%;
	cursor:pointer;
	font-size:1.05em;
	color:#000000;
	line-height:1.05;
	margin:0;
	font-weight:300;
	text-decoration:none;
	}

ul.list-noti li:hover	{
	color:#FFF;
    background-color: #337ab7;
	width: 100%;
	height: auto;
	}
	
ul.list-noti li a:hover {
	text-decoration:none;
		color:#FFF;

	}	
	

ul.list-noti li:before	{display:none; }
ul.list-noti li:last-child 	{border-bottom:none;}
ul.list-noti li.active {
	color:#FFF; text-decoration:none;
	}

ul.list-noti li a {
	text-decoration:none;
	}

ul.list-noti li span a.active {
	/*padding:10px 10px 10px 10px;*/
	color:#FFF;
		}	

#scroller{
    position: fixed;
    right: 10px;
    bottom: 10px;
    color:#fff;   
    /**position the scroller**/
    bottom: 30px;  
    /**arrow image**/
   /* background: transparent url(arrow.png) no-repeat left top; */
    width: 32px;
    height: 32px;
    cursor: pointer;
    /**hide it first**/
    display:none;
}
/*REDACCION*/
.textcuerpo img {
    width: 100%;
    height: auto;
}

/*galeria*/
/*--portfolio--*/
.port{
	position:relative;
	margin-bottom: 20px;

}
.port:nth-child(4),.port:nth-child(8),.port:nth-child(12),.port:nth-child(16){
	/*margin:0 0 2% 0;*/
}
.port h3{
	font-size:2em;
	color:#362f2f;
	padding:5em 0 0;
}
.zoom-icon {
	position:absolute;
	top:15px;
	right:15px;
	bottom:15px;
	left:15px;
	display:block !important;
	opacity:1 !important;
	visibility:visible !important;
	background:transparent !important;
	border-radius:0;
	cursor:pointer;
	overflow:hidden;
	-webkit-transition:0.55s;
	-moz-transition:0.55s;
	-o-transition:0.55s;
	transition:0.55s;
}
.zoom-icon:after {
	position:absolute;
	display:block;
	top:50%;
	left:50%;
	top:50%;
	bottom:50%;
	width:0;
	height:0;
	content:"";
	background:url(http://dc-web.gchu.org/apps/web/images/media/plus.png) 50% 50% no-repeat;
	border-radius:0;
	z-index:0;
	-webkit-transition:0.45s;
	-moz-transition:0.45s;
	-o-transition:0.45s;
	transition:0.45s;
}
.zoom-icon:before {
	position:absolute;
	left:-50%;
	top:18%;
	display:block;
	margin:0;
	height:0%;
	width:200%;
	/*background:url(http://dc-web.gchu.org/apps/web/images/media/dark.png);*/
	content:"";
	border-radius:0;
	overflow:hidden;
	-webkit-transform:rotate(-55deg);
	-moz-transform:rotate(-55deg);
	-ms-transform:rotate(-55deg);
	-o-transform:rotate(-55deg);
	transform:rotate(-55deg);
	-webkit-transition:0.65s;
	-moz-transition:0.65s;
	-o-transition:0.65s;
	transition:0.65s;
}
 .port-grid a:hover .zoom-icon {
	-webkit-transition:0.4s;
	-moz-transition:0.4s;
	-o-transition:0.4s;
	transition:0.4s;
}
.port-grid a:hover .zoom-icon:before {
	left:-60%;
	top:-35%;
	height:200%;
	width:200%;
	-webkit-transform:rotate(-55deg);
	-moz-transform:rotate(-55deg);
	-ms-transform:rotate(-55deg);
	-o-transform:rotate(-55deg);
	transform:rotate(-55deg);
	-webkit-transition:0.6s;
	-moz-transition:0.6s;
	-o-transition:0.6s;
	transition:0.6s;
}
 .port-grid a:hover .zoom-icon:after {
	width:44px;
	height:63px;
	margin:-31px 0 0 -22px;
	-webkit-transition:0.45;
	-moz-transition:0.45;
	-o-transition:0.45;
	transition:0.45;
}
.port-grid a:hover .zoom-icon {
	visibility:visible;
	border-radius:0;
	overflow:hidden;
}
.port-grid img{
	width:100%;
}
.drop-in{
	display: block;
	float: right;
}

.flecha {
    background: #EDEDED;
    height: 25px;
    padding-right: 25px;
    position: relative;
}
.flecha:after {
    content: "";
    position: absolute;
    border-bottom: 17px solid transparent;
    border-left: 17px solid #EDEDED;
    border-top: 17px solid transparent;
    height: 0px;
    width: 0px;
    margin-left: 25px;

}

/*personalizados para caps y cic*/

.fcaps{
}

.fcaps p {
	padding: 4px 4px 4px 4px;
}

.fcaps h4 {
	padding: 4px 4px 4px 4px;
	color: #ffffff;
	background:#E25752 !important;
}

.fcaps h2 {
	padding: 4px 4px 4px 4px;
	color:#024D7B !important;
	
}