/* versión 1.0.0 - Noviembre 2014 */

/*------------------------------------*\
		/^_\\)   °/_\°   *_*
				
		
		$_$   -::-   ((°)))
		
				
			=^_^=   @_@

				
			(^^(°_°)^^)


		/-_-\\*)   -_*  <*_°>
			
\*------------------------------------*/

/*------------------------------------*\
  				$Genericas 
\*------------------------------------*/
.margenCero{
	margin: 0;
}
.paddingCero{
	padding: 0;
}
.activo{
	background-color: #7a1a26;
	color: #FFF !important;
}
.informacion {
	margin-top: 25px;	
}
header{
	position: inherit;
}



/*------------------------------------*\
  				Menu 
\*------------------------------------*/
.titulo-Monitoreo{
	font-size   : 22px;
	font-weight : bold;
}
.subtitulo{
	font-size   : 18px;
	font-weight : bold;
	color       : rgb(239, 36, 167);
}



.menu-monitoreo{
	border     : 1px solid #ccc;
	box-shadow : 0px 3px 7px 0px rgba(0, 0, 0, 0.4);
}
.menu-monitoreo a h4{
	padding      : 10px;
	text-align   : center;
	border-left  : 1px solid #ccc;
	border-right : 1px solid #ccc;
	color        : #7a1a26;	
	font-weight  : bold;
}
.menu-monitoreo h4:hover, .menu-monitoreo a:hover{
	background-color : #7a1a26;
	color            : #FFF;
	text-decoration  : none;
}
.nav-pills > li{
	width       : 24%;
	text-align  : center;
	font-weight : bold;
}

.carousel {
	position         : relative;
	height           : 500px;
	background-color : #7a1a26;
}
.bannerPrincipal .carousel-inner > .item > img {
	margin-left : auto;
	height      : 500px;
}





/*------------------------------------*\
  				Contenido 
\*------------------------------------*/
.seccion-amarilla{
	background-color : #fff7eb;
	margin-top       : 1px;
	margin-bottom    : 5px;
	border-top       : 2px solid #f1e6d5;
	border-bottom    : 2px solid #f1e6d5;
	padding          : 1px 0 2px 0;
}
.titulo-contenido{
	text-align  : center;
	color       : #7a1a26;
	font-weight : bold;
	margin		: 10px 0;
}
.yamm .dropdown-menu{
	text-align: left;
}

.menu li a {  
  height: 65px;
}
.menu li a p {
  margin: 0px 10px 0 10px; 
}



/*------------------------------------*\
  				Flecha 
\*------------------------------------*/
#toTop {
	display          : block;
	width            : 46px;
	height           : 46px;
	clear            : both;
	position         : fixed;
	bottom           : 2%;
	right            : 2%;
	display          : none;
	cursor           : pointer;
	cursor           : hand;
	font-size        : 35px;
	padding-left     : 7px;
	background-color : #740047;
	color            : #FFF;
	z-index          : 1;
}


/*------------------------------------*\
  			Propiedades Movil
\*------------------------------------*/
@media (max-width: 767px) {	
}
@media (min-width: 200px) and (max-width: 480px) {
}
@media (min-width: 768px) and (max-width: 991px) {
}
@media (min-width: 992px) and (max-width: 1199px) {
}
@media (min-width: 1281px) {	
}