﻿/********** Custom SharePoint 2013 Responsive - Ministerio de Salud y Proteccion Social **********/

/********** Tablet Landscape (All Screens Up to 1024px) **********/
@media only screen 
and (max-width: 1024px){	
/* Ribbon Row */
	#s4-ribbonrow{display: none !important;}
}
@media only screen
and (max-width: 768px){
	/* Global Body */
	body{overflow: auto; /*background-image: none !important;*/ background-color: #ebebeb;}


/* Top Links */
	#suiteBar{}
	.ms-core-suiteLinkList{}
	#welcomeMenuBox, .ms-cui-TabRowRight{}
	#suiteBarLeft,
	#suiteBarRight{}
	
/* Remove SharePoint Logo */
	.ms-tableRow .ms-core-brandingBox{display: none;}

/* Bottom Section Container */
	.ms-core-overlay{background-image: none; background-color: transparent !important;}
	#s4-workspace{overflow: visible; height: 100% !important; width: 100% !important;}

/* Header Section */
	#s4-titlerow{border-bottom: 0px #FFF solid !important; background-color: transparent !important;}
	
/* Search */
	.ms-mpSearchBox{}
	.ms-mpSearchBox, #searchInputBox{background-color: transparent;}
	.ms-srch-sb{background-color:#FFF; border: none !important; border-radius:6px; padding: 5px;}
	.ms-srch-sb>input{font-size: 1.2em !important;}
	
/* Logo Modificado */
.logoMinsalud{
	margin-top:0px !important;
}
.logoMinsalud img{
    width:auto; /* you can use % */
    /*height: 40px;*/
}
.header{
	/*height:80px !important;*/
	width:246px !important; 
	/*margin:20px !important;*/
}
.imgHeader{width:auto !important; }
.headerRT{
	/* display: none; */
	width:auto !important;
}
.clear{
	clear:none !important;
}

.franjaHerramientas{
	padding:0 !important;
}
.ctrlHeader{
	margin-top:0 !important;
}
.s4-search{
	display:none !important;
}



/* Logo */
	#siteIcon{
		float: none; 
		padding-left: 0px;
		margin-top: 50px !important;
		margin-bottom: 0px !important;
		line-height:normal !important; 
		text-align: center; 
		height: 100%; 
		margin-right: 0px;
		margin-left: 0px;
		width: auto;
		display: block;
	}
		
/* Navigation and Page Title */
	.ms-breadcrumb-box{padding-top: 0px; margin: 10px 20px -35px 20px !important; width: auto; height: 100%;}

/* Main Navigation */
	.ms-core-navigation{}
	.ms-core-listMenu-horizontalBox,
	.ms-core-listMenu-horizontalBox ul,
	.ms-core-listMenu-horizontalBox li,
	.ms-core-listMenu-horizontalBox .ms-core-listMenu-item,
	.ms-core-listMenu-horizontalBox > ul > li > table{display: block;}
	.ms-core-listMenu-horizontalBox > .ms-core-listMenu-root > .ms-listMenu-editLink{
		margin-left:0px;
	}
	.ms-core-listMenu-horizontalBox .ms-core-listMenu-selected,
	.ms-core-listMenu-horizontalBox > ul > li > ul > li{
		border: 1px #FFF solid !important; 
		margin: 15px 0px !important; 
		background-color: #FFF !important;
		border-radius:6px;
		font-size: 1em !important;
		padding: 5px 5px 5px 5px !important;
	}
	.ms-core-listMenu-horizontalBox > ul > li > ul > li a{
		padding: 0px !important;
	}
	.ms-core-listMenu-horizontalBox > ul > li > ul > li > ul .dynamic{
		display: none;
	}
	.ms-core-listMenu-horizontalBox > ul > li > ul > li:hover{
		background-color: #CCC;
	}
	.ms-core-listMenu-horizontalBox .ms-core-listMenu-selected{
		background-color: transparent !important;
		color: #FFF !important;
	}
	.ms-core-listMenu-horizontalBox .ms-core-listMenu-selected:hover{
		background-color: #000 !important;
	}
	.ms-core-listMenu-horizontalBox a.ms-core-listMenu-item,
	.ms-core-listMenu-horizontalBox a.ms-core-listMenu-item.ms-core-listMenu-selected,
	.ms-core-listMenu-horizontalBox .ms-listMenu-editLink{
		padding: 10px; 
		color: #000 !important;
	}
	.ms-core-listMenu-horizontalBox .ms-listMenu-editLink{
		padding: 10px;
		font-size: 2.0em !important;
		display: none;
	}
	.ms-navedit-flyoutArrow{background-image: none !important;}
	.ms-core-listMenu-horizontalBox a.ms-core-listMenu-item:hover,
	.ms-core-listMenu-horizontalBox a.ms-core-listMenu-item.ms-core-listMenu-selected:hover,
	.ms-core-listMenu-horizontalBox a.ms-core-listMenu-item.ms-listMenu-editLink:hover{
		color: #000 !important;
	}
	.ms-core-listMenu-horizontalBox a.ms-core-listMenu-item.ms-core-listMenu-selected,
	.ms-core-listMenu-horizontalBox a.ms-core-listMenu-item.ms-core-listMenu-selected:hover{
		color: #FFF !important;
		font-weight: bold;
	}

/* Page Title */
	.ms-core-pageTitle{
	padding-top: 20px;
	color: #FFF !important;
	font-size: 2.0em !important;
	}
		
/* Content Section Container */
	#contentRow{}
/* Left Navigation */
	#sideNavBox{display: none;}
		
	
	/* Redes Sociales */
.wrapperRedes{
  width: 30px !important;
  top: 10% !important;
  right: 2px !important;

}

.iconR{
  width: 30px !important;
  height: 30px !important;
  font-size: 1em !important;
 }

	
/* Content HOME MINSALUD Modificada*/	
	
	.inf-left{width:auto !important; float:none !important;}
	.mensaje-homeInf{margin-top:0px !important;}
	.noticia-left{width:auto !important; float:none !important;}
	.contentWP{background: #F8F8F8 !important;}
	.noticia-right{width:auto !important; float:none !important;}
	.titWP{text-align:center; background:#8abccb !important;}
	.verMas{}
	.slider-home{height:200px !important;}
	.multimedia h1{background:#222222 !important;}
	.imgMultimedia {display:none !important;}
	.txtMultimedia{width:auto !important;}
	#bannerMultiple li, #bannerMultiple{padding:auto !important;}
	.inf-right{width:auto !important; float:none !important; text-align:center !important;}
	.bannerInf{ padding:0px !important; height:auto !important; margin-bottom:0px !important; text-align:center !important;}
	.footGobierno{display:none !important;}
	.contentAcordion{ width:90% !important; }
	.acordionContainer{ width:100% !important;}
	.acordionContainer{float:none !important;}
	.indicadores{background:#FAFAFA !important;}
	
	/* Slider */
	.bx-wrapper{width:auto !important; height:200px !important;}
	.bx-wrapper img{width:auto !important; height:200px !important;}
	.bx-window{max-width:100% !important; height:200px !important;}
	.bx-window ul img{max-width:100% !important; }
	.bx-window img{max-width:100% !important; }
	.slider ul li img { width:auto !important;  }
	/* Nuevos */
	.slider ul li a { right:auto !important; height:100% !important; font-size:0.76em !important;}
	
	
	
/* Menu Superior Responsive */
.menuSup{display:inline-block !important; width:100% !important; height:10px !important;}
ul.potato-menu { display:none !important;}
.general{display:inline !important;}
ul.potato-menu { display:none !important;}
.contentMenuSup{width:auto !important;}
.general{display:inline !important;}

.MenuMobile{display:block !important;}

			#nav
			{
				position: relative !important;
				top: auto !important;
				left: auto !important;
				width:100% !important;
				margin-left:0 !important;
			}
				#nav > a
				{
					/*width: 3.125em !important;*/ /* 50 */
					/*height: 3.125em !important;*/ /* 50 */
					width: 40px !important; /* 50 */
					height: 40px !important; /* 50 */
					text-align: left !important;
					text-indent: -9999px !important;
					background-color: #8ABCCB !important;
					position: relative !important;
				}
					#nav > a:before,
					#nav > a:after
					{
						position: absolute !important;
						border: 2px solid #fff !important;
						top: 35% !important;
						left: 25% !important;
						right: 25% !important;
						content: '' !important;
					}
					#nav > a:after
					{
						top: 60% !important;
					}

				#nav:not( :target ) > a:first-of-type,
				#nav:target > a:last-of-type
				{
					display: block !important;
				}


			/* first level */

			#nav > ul
			{
				height: auto !important;
				display: none !important;
				position: relative !important;
				left: 0 !important;
				right: 0 !important;
			}
				#nav:target > ul
				{
					display: block !important;
				}
				#nav > ul > li
				{
					width: 100% !important;
					float: none !important;
				}
					#nav > ul > li > a
					{
						font-size:small !important;
						height: auto !important;
						text-align: left !important;
						padding: 0 0.833em !important; /* 20 (24) */
					}
						#nav > ul > li:not( :last-child ) > a
						{
							border-right: none !important;
							border-bottom: 1px solid #62A0B3 !important;
						}
						#nav li ul a
						{
							font-size:small !important;
						}


				/* second level */

				#nav li ul
				{
					position: static !important;
					padding: 1.25em !important; /* 20 */
					padding-top: 0 !important;
				}

	
	
/* Content Area Modificada*/
	.container{ margin:auto; width:auto !important;}
	.ms-wikicontent ms-rtestate-field{padding-right:0px !important;}
	.generalInterna{ margin:20px 0; background:#fff; padding:15px; }
	.contenf{ width:90% !important; margin:0 auto; text-wrap:true; padding-top:10px;}
	
/* Paginas MINSALUD */
.right{float:none !important;}	
.left{float:none !important;}
/*.columnLeft{display:none !important;}*/
.columnRight{width:auto !important;}
.contenido3 .captioned-image{max-width:100% !important;}
.contenido3 .captioned-image img{width: 100% !important; height: auto !important;}
.articulo, .contenido img{max-width: 100%;}
.contenido table img{width: auto !important; height: auto !important;}
.CuadrosDiv img{width: auto !important;}
.contenidoizq{ width:370px;float:left;}
.contenidoder{ width:370px;float:right;}


/* Videos */
.videoWrapper {	position: relative;	padding-bottom: 56.25%; /* 16:9 */	padding-top: 25px;	height: 0;}
.videoWrapper iframe {	position: absolute;	top: 0;	left: 0; width: 100%;}



	
/* Content Area */
	#contentBox{
	min-width: 0px; 
	margin: 0px; 
	padding: 0px 10px; 
	border: 1px #FFF solid; 
	background-color: transparent;
	font-size: 1em !important;
	/*color: #FFF !important;*/
	border: none !important;
	}
	
	#layoutsTable td{display: inline-block !important; float: left !important; width: 100% !important;}
	#layoutsTable .ms-wiki-columnSpacing{padding: 0px;}
	#layoutsTable td td{display: table-cell !important; float: none !important; width: auto !important;}
	.ms-rte-layoutszone-outer{display: block;}
	
	.ms-promlink-root{display: none;}
	.ms-microfeed-fullMicrofeedDiv, .ms-microfeed-siteFeedMicroBlogPart, .ms-microfeed-feedPart, .ms-microfeed-rootText, .ms-microfeed-replyArea, .ms-microfeed-newReplyDiv{min-width: 0px !important;}
	.ms-microfeed-message{padding-right: 0px;}
	.ms-viewlsts{
		border: 0px #FFF solid;
		background-color: transparent;
		margin: 0px;
	}
	.s4-wpcell,
	.ms-core-pageTitle,
	.ms-core-pageTitle a{
		color: #FFF !important;
	}
	.lm_wb_webzone-title{
		color: #FFF; 
		font-size: 1.5em !important; 
		border-bottom: 1px #FFF solid; 
		padding: 0px 0px 5px 0px;
	}
	.ms-webpart-titleText.ms-webpart-titleText,
	.ms-webpart-titleText > a{
		color: #FFF; 
		font-size: 1.3em !important; 
		font-weight: normal;
	}
	.ms-webpart-titleText.ms-webpart-titleText{
		border-bottom: 1px #FFF solid;
		padding: 0px 0px 5px 0px;
	}
	th .ms-vb,.ms-vh2-nofilter-icon,th.ms-vh2-nograd,th.ms-vh2-nograd-icon,
	th .ms-vb a,.ms-vh2-nofilter-icon a,
	th .ms-selectedtitle .ms-vb,th .ms-selectedtitle .ms-vh2-nofilter-icon,th .ms-selectedtitle .ms-vb a,th .ms-selectedtitle .ms-vh2-nofilter-icon a,
	.ms-vh2-nofilter,.ms-vh2-nofilter-notextalign,.ms-vh2-nofilter-perm,.ms-vh a,.ms-vh2,.ms-vh2 a,
	.ms-vb,.ms-vb2,.ms-vb-user,.ms-vb-tall,.ms-pb,.ms-pb-selected,
	.ms-subtleLink:link,
	.ms-subtleLink:visited,
	.ms-atMention:link,
	.ms-atMention:visited,
	.ms-hashTag:link,
	.ms-hashTag:visited,
	a.ms-listlink,
	a.ms-listlink:hover,
	a.ms-listlink:active{/*color: #FFF !important;*/}
	.lm_wb_webzone-content{padding: 5px 0px 0px 0px;}
	.ms-headerCellStyleIcon, .ms-vb-imgFirstCell{display: none;}
}



/********** Phone landscape (All Screens Up to 320px) **********/
@media only screen 
and (max-width: 480px)
and (orientation : landscape){
/* Global Body */
	body{overflow: auto; /*background-image: none !important;*/ background-color: #ebebeb;}

/* Top Links */
	#suiteBar{}
	.ms-core-suiteLinkList{}
	#welcomeMenuBox, .ms-cui-TabRowRight{}
	#suiteBarLeft,
	#suiteBarRight{}
	
/* Remove SharePoint Logo */
	.ms-tableRow .ms-core-brandingBox{display: none;}

/* Bottom Section Container */
	.ms-core-overlay{background-image: none; background-color: transparent !important;}
	#s4-workspace{overflow: visible; height: 100% !important; width: 100% !important;}
	
		/* BotonesV2 */
	
	.CuadrosDiv2btn{
display: inline-block;
width: 295px; 
padding:12px;
height:40px;
margin-top: 5px; margin-left: 10px; 
border-top-color: #8abccb; 
border-bottom-color: #8abccb; 
border-top-width: thin; 
border-bottom-width: thin; 
border-top-style: solid; 
border-bottom-style: solid;  
background-color: #f5f5f5;
font-weight:bold;
}
.CuadrosDiv2btn:hover { background-color:#EDEDED;}
.CuadrosDiv2btnimg{
	width: 30px; height: 30px; margin-right: 0px; margin-left: 0px;
}
.CuadrosDiv2btn img{
	width:auto !important;
	height:10px !important;
}


/* Header Section */
	#s4-titlerow{border-bottom: 0px #FFF solid !important; background-color: transparent !important;}
	
/* Search */
	.ms-mpSearchBox{}
	.ms-mpSearchBox, #searchInputBox{background-color: transparent;}
	.ms-srch-sb{background-color:#FFF; border: none !important; border-radius:6px; padding: 5px;}
	.ms-srch-sb>input{font-size: 1.2em !important;}
	
/* Logo Modificado */
.logoMinsalud{
	margin-top:0px !important;
}
.logoMinsalud img{
    width:auto; /* you can use % */
    height: 40px;
}
.header{
	/*height:80px !important;*/
	width:246px !important; 
	margin:20px !important;
}
.imgHeader{width:auto !important; }
.headerRT{
	/* display: none; */
	width:auto !important;
}
.clear{
	clear:none !important;
}

.franjaHerramientas{
	padding:0 !important;
}
.ctrlHeader{
	margin-top:0 !important;
}
.s4-search{
	display:none !important;
}



/* Logo */
	#siteIcon{
		float: none; 
		padding-left: 0px;
		margin-top: 50px !important;
		margin-bottom: 0px !important;
		line-height:normal !important; 
		text-align: center; 
		height: 100%; 
		margin-right: 0px;
		margin-left: 0px;
		width: auto;
		display: block;
	}
		
/* Navigation and Page Title */
	.ms-breadcrumb-box{padding-top: 0px; margin: 10px 20px -35px 20px !important; width: auto; height: 100%;}

/* Main Navigation */
	.ms-core-navigation{}
	.ms-core-listMenu-horizontalBox,
	.ms-core-listMenu-horizontalBox ul,
	.ms-core-listMenu-horizontalBox li,
	.ms-core-listMenu-horizontalBox .ms-core-listMenu-item,
	.ms-core-listMenu-horizontalBox > ul > li > table{display: block;}
	.ms-core-listMenu-horizontalBox > .ms-core-listMenu-root > .ms-listMenu-editLink{
		margin-left:0px;
	}
	.ms-core-listMenu-horizontalBox .ms-core-listMenu-selected,
	.ms-core-listMenu-horizontalBox > ul > li > ul > li{
		border: 1px #FFF solid !important; 
		margin: 15px 0px !important; 
		background-color: #FFF !important;
		border-radius:6px;
		font-size: 1em !important;
		padding: 5px 5px 5px 5px !important;
	}
	.ms-core-listMenu-horizontalBox > ul > li > ul > li a{
		padding: 0px !important;
	}
	.ms-core-listMenu-horizontalBox > ul > li > ul > li > ul .dynamic{
		display: none;
	}
	.ms-core-listMenu-horizontalBox > ul > li > ul > li:hover{
		background-color: #CCC;
	}
	.ms-core-listMenu-horizontalBox .ms-core-listMenu-selected{
		background-color: transparent !important;
		color: #FFF !important;
	}
	.ms-core-listMenu-horizontalBox .ms-core-listMenu-selected:hover{
		background-color: #000 !important;
	}
	.ms-core-listMenu-horizontalBox a.ms-core-listMenu-item,
	.ms-core-listMenu-horizontalBox a.ms-core-listMenu-item.ms-core-listMenu-selected,
	.ms-core-listMenu-horizontalBox .ms-listMenu-editLink{
		padding: 10px; 
		color: #000 !important;
	}
	.ms-core-listMenu-horizontalBox .ms-listMenu-editLink{
		padding: 10px;
		font-size: 2.0em !important;
		display: none;
	}
	.ms-navedit-flyoutArrow{background-image: none !important;}
	.ms-core-listMenu-horizontalBox a.ms-core-listMenu-item:hover,
	.ms-core-listMenu-horizontalBox a.ms-core-listMenu-item.ms-core-listMenu-selected:hover,
	.ms-core-listMenu-horizontalBox a.ms-core-listMenu-item.ms-listMenu-editLink:hover{
		color: #000 !important;
	}
	.ms-core-listMenu-horizontalBox a.ms-core-listMenu-item.ms-core-listMenu-selected,
	.ms-core-listMenu-horizontalBox a.ms-core-listMenu-item.ms-core-listMenu-selected:hover{
		color: #FFF !important;
		font-weight: bold;
	}

/* Page Title */
	.ms-core-pageTitle{
	padding-top: 20px;
	color: #FFF !important;
	font-size: 2.0em !important;
	}
		
/* Content Section Container */
	#contentRow{}
/* Left Navigation */
	#sideNavBox{display: none;}
	
	/* Redes Sociales */
.wrapperRedes{
  width: 30px !important;
  top: 10% !important;
  right: 2px !important;

}

.iconR{
  width: 30px !important;
  height: 30px !important;
  font-size: 1em !important;
 }

	
/* Content HOME MINSALUD Modificada*/	
	.bx-wrapper{width:auto !important; height:200px !important;}
	.bx-window{width:auto !important; height:200px !important;}
	.inf-left{width:auto !important; float:none !important;}
	.mensaje-homeInf{margin-top:0px !important;}
	.noticia-left{width:auto !important; float:none !important;}
	.contentWP{background: #F8F8F8 !important;}
	.noticia-right{width:auto !important; float:none !important;}
	.titWP{text-align:center; background:#8abccb !important;}
	.verMas{ float:none !important }
	.slider-home{height:200px !important;}
	.multimedia h1{background:#222222 !important;}
	.imgMultimedia {display:none !important;}
	.txtMultimedia{width:auto !important;}
	#bannerMultiple li, #bannerMultiple{padding:auto !important;}
	.inf-right{width:auto !important; float:none !important; text-align:center !important;}
	.bannerInf{ padding:0px !important; height:auto !important; margin-bottom:0px !important; text-align:center !important;}
	.footGobierno{display:none !important;}
	.contentAcordion{ width:90% !important; }
	.acordionContainer{ width:100% !important;}
	.acordionContainer{float:none !important;}
	.indicadores{background:#FAFAFA !important;}
	
	/* Slider */
	.bx-wrapper{width:auto !important; height:200px !important;}
	.bx-wrapper img{width:auto !important; height:200px !important;}
	.bx-window{max-width:100% !important; height:200px !important;}
	.bx-window ul img{max-width:100% !important; }
	.bx-window img{max-width:100% !important; }
	.slider ul li img { width:auto !important;  }
	/* Nuevos */
	.slider ul li a { right:auto !important; height:100% !important; font-size:0.76em !important;}
	
	
/* Menu Superior Responsive */
.menuSup{display:inline-block !important; width:100% !important; height:10px !important;}
ul.potato-menu { display:none !important;}
.general{display:inline !important;}
ul.potato-menu { display:none !important;}
.contentMenuSup{width:auto !important;}
.general{display:inline !important;}

.MenuMobile{display:block !important;}

			#nav
			{
				position: relative !important;
				top: auto !important;
				left: auto !important;
				width:100% !important;
				margin-left:0 !important;
			}
				#nav > a
				{
					/*width: 3.125em !important;*/ /* 50 */
					/*height: 3.125em !important;*/ /* 50 */
					width: 40px !important; /* 50 */
					height: 40px !important; /* 50 */
					text-align: left !important;
					text-indent: -9999px !important;
					background-color: #8ABCCB !important;
					position: relative !important;
				}
					#nav > a:before,
					#nav > a:after
					{
						position: absolute !important;
						border: 2px solid #fff !important;
						top: 35% !important;
						left: 25% !important;
						right: 25% !important;
						content: '' !important;
					}
					#nav > a:after
					{
						top: 60% !important;
					}

				#nav:not( :target ) > a:first-of-type,
				#nav:target > a:last-of-type
				{
					display: block !important;
				}


			/* first level */

			#nav > ul
			{
				height: auto !important;
				display: none !important;
				position: relative !important;
				left: 0 !important;
				right: 0 !important;
			}
				#nav:target > ul
				{
					display: block !important;
				}
				#nav > ul > li
				{
					width: 100% !important;
					float: none !important;
				}
					#nav > ul > li > a
					{
						font-size:small !important;
						height: auto !important;
						text-align: left !important;
						padding: 0 0.833em !important; /* 20 (24) */
					}
						#nav > ul > li:not( :last-child ) > a
						{
							border-right: none !important;
							border-bottom: 1px solid #62A0B3 !important;
						}
						#nav li ul a
						{
							font-size:small !important;
						}


				/* second level */

				#nav li ul
				{
					position: static !important;
					padding: 1.25em !important; /* 20 */
					padding-top: 0 !important;
				}

	
	
/* Content Area Modificada*/
	.container{ margin:auto; width:auto !important;}
	.ms-wikicontent ms-rtestate-field{padding-right:0px !important;}
	.generalInterna{ margin:20px 0; background:#fff; padding:15px; }
	.contenf{ width:90% !important; margin:0 auto; text-wrap:true; padding-top:10px;}
	.contentwithimg img{width:auto !important; height:15px !important;}
	
/* Paginas MINSALUD */
.right{float:none !important;}	
.left{float:none !important;}
.columnLeft{display:none !important;}
.columnRight{width:auto !important;}
.contenido3 .captioned-image{max-width:100% !important;}
.contenido3 .captioned-image img{width: 100% !important; height: auto !important;}
.articulo, .contenido img{ max-width: 100%}
.contenido table img{width: auto !important; height: auto !important;}
.CuadrosDiv img{width: auto !important;}


/* Videos */
.videoWrapper {	position: relative;	padding-bottom: 56.25%; /* 16:9 */	padding-top: 25px;	height: 0;}
.videoWrapper iframe {	position: absolute;	top: 0;	left: 0; width: 100%;}


	
/* Content Area */
	#contentBox{
	min-width: 0px; 
	margin: 0px; 
	padding: 0px 10px; 
	border: 1px #FFF solid; 
	background-color: transparent;
	font-size: 1em !important;
	/*color: #FFF !important;*/
	border: none !important;
	}
	
	#layoutsTable td{display: inline-block !important; float: left !important; width: 100% !important;}
	#layoutsTable .ms-wiki-columnSpacing{padding: 0px;}
	#layoutsTable td td{display: table-cell !important; float: none !important; width: auto !important;}
	.ms-rte-layoutszone-outer{display: block;}
	
	.ms-promlink-root{display: none;}
	.ms-microfeed-fullMicrofeedDiv, .ms-microfeed-siteFeedMicroBlogPart, .ms-microfeed-feedPart, .ms-microfeed-rootText, .ms-microfeed-replyArea, .ms-microfeed-newReplyDiv{min-width: 0px !important;}
	.ms-microfeed-message{padding-right: 0px;}
	.ms-viewlsts{
		border: 0px #FFF solid;
		background-color: transparent;
		margin: 0px;
	}
	.s4-wpcell,
	.ms-core-pageTitle,
	.ms-core-pageTitle a{
		color: #FFF !important;
	}
	.lm_wb_webzone-title{
		color: #FFF; 
		font-size: 1.5em !important; 
		border-bottom: 1px #FFF solid; 
		padding: 0px 0px 5px 0px;
	}
	.ms-webpart-titleText.ms-webpart-titleText,
	.ms-webpart-titleText > a{
		color: #FFF; 
		font-size: 1.3em !important; 
		font-weight: normal;
	}
	.ms-webpart-titleText.ms-webpart-titleText{
		border-bottom: 1px #FFF solid;
		padding: 0px 0px 5px 0px;
	}
	th .ms-vb,.ms-vh2-nofilter-icon,th.ms-vh2-nograd,th.ms-vh2-nograd-icon,
	th .ms-vb a,.ms-vh2-nofilter-icon a,
	th .ms-selectedtitle .ms-vb,th .ms-selectedtitle .ms-vh2-nofilter-icon,th .ms-selectedtitle .ms-vb a,th .ms-selectedtitle .ms-vh2-nofilter-icon a,
	.ms-vh2-nofilter,.ms-vh2-nofilter-notextalign,.ms-vh2-nofilter-perm,.ms-vh a,.ms-vh2,.ms-vh2 a,
	.ms-vb,.ms-vb2,.ms-vb-user,.ms-vb-tall,.ms-pb,.ms-pb-selected,
	.ms-subtleLink:link,
	.ms-subtleLink:visited,
	.ms-atMention:link,
	.ms-atMention:visited,
	.ms-hashTag:link,
	.ms-hashTag:visited,
	a.ms-listlink,
	a.ms-listlink:hover,
	a.ms-listlink:active{/*color: #FFF !important;*/}
	.lm_wb_webzone-content{padding: 5px 0px 0px 0px;}
	.ms-headerCellStyleIcon, .ms-vb-imgFirstCell{display: none;}
}

/********** Phone Portait (All Screens Up to 320px) **********/
@media only screen 
and (max-width: 480px)
and (orientation : portrait){
/* Global Body */
	body{overflow: auto; /*background-image: none !important;*/ background-color: #ebebeb;}

/* Top Links */
	#suiteBar{}
	.ms-core-suiteLinkList{}
	#welcomeMenuBox, .ms-cui-TabRowRight{}
	#suiteBarLeft,
	#suiteBarRight{}
	
/* Remove SharePoint Logo */
	.ms-tableRow .ms-core-brandingBox{display: none;}

/* Bottom Section Container */
	.ms-core-overlay{background-image: none; background-color: transparent !important;}
	#s4-workspace{overflow: visible; height: 100% !important; width: 100% !important;}

/* Header Section */
	#s4-titlerow{border-bottom: 0px #FFF solid !important; background-color: transparent !important;}
	
/* Search */
	.ms-mpSearchBox{}
	.ms-mpSearchBox, #searchInputBox{background-color: transparent;}
	.ms-srch-sb{background-color:#FFF; border: none !important; border-radius:6px; padding: 5px;}
	.ms-srch-sb>input{font-size: 1.2em !important;}
	.contenidoizq{ width:240px;float:left;}
    .contenidoder{ width:240px;float:right;}
	
/* Logo Modificado */
.logoMinsalud{
	margin-top:0px !important;
	margin-bottom:0px !important;
	margin-right:0px !important;
}
.logoMinsalud img{
    width:auto; /* you can use % */
    /*height: 60px;*/
}
.header{
	/*height:80px !important;*/
	width:auto !important; 
	margin:10px !important;
}
.imgHeader{width:auto !important; padding:5px; }
.headerRT{
	/* display: none; */
	width:auto !important;
	margin-top: 28px;
}

div#ctl00_g_5b2cdc6c_ee75_43aa_b792_3cbb5757f319{width:100% !important; }

.clear{
	clear:none !important;
}

.franjaHerramientas{
	padding:0 !important;
}
.ctrlHeader{
	margin-top:0 !important;
}
.s4-search{
	display:none !important;
}


/* Videos */
.videoWrapper {	position: relative;	padding-bottom: 56.25%; /* 16:9 */	padding-top: 25px;	height: 0;}
.videoWrapper iframe {	position: absolute;	top: 0;	left: 0; width: 100%;}


/*Aju*/

/* Imagen Wrapper */
.ImagenWrapper img{
	width: auto;
	height:30px;

}


/* Logo */
	#siteIcon{
		float: none; 
		padding-left: 0px;
		margin-top: 50px !important;
		margin-bottom: 0px !important;
		line-height:normal !important; 
		text-align: center; 
		height: 100%; 
		margin-right: 0px;
		margin-left: 0px;
		width: auto;
		display: block;
	}
		
/* Navigation and Page Title */
	.ms-breadcrumb-box{padding-top: 0px; margin: 10px 20px -35px 20px !important; width: auto; height: 100%;}
	


/* Main Navigation */
	.ms-core-navigation{}
	.ms-core-listMenu-horizontalBox,
	.ms-core-listMenu-horizontalBox ul,
	.ms-core-listMenu-horizontalBox li,
	.ms-core-listMenu-horizontalBox .ms-core-listMenu-item,
	.ms-core-listMenu-horizontalBox > ul > li > table{display: block;}
	.ms-core-listMenu-horizontalBox > .ms-core-listMenu-root > .ms-listMenu-editLink{
		margin-left:0px;
	}
	.ms-core-listMenu-horizontalBox .ms-core-listMenu-selected,
	.ms-core-listMenu-horizontalBox > ul > li > ul > li{
		border: 1px #FFF solid !important; 
		margin: 15px 0px !important; 
		background-color: #FFF !important;
		border-radius:6px;
		font-size: 1em !important;
		padding: 5px 5px 5px 5px !important;
	}
	.ms-core-listMenu-horizontalBox > ul > li > ul > li a{
		padding: 0px !important;
	}
	.ms-core-listMenu-horizontalBox > ul > li > ul > li > ul .dynamic{
		display: none;
	}
	.ms-core-listMenu-horizontalBox > ul > li > ul > li:hover{
		background-color: #CCC;
	}
	.ms-core-listMenu-horizontalBox .ms-core-listMenu-selected{
		background-color: transparent !important;
		color: #FFF !important;
	}
	.ms-core-listMenu-horizontalBox .ms-core-listMenu-selected:hover{
		background-color: #000 !important;
	}
	.ms-core-listMenu-horizontalBox a.ms-core-listMenu-item,
	.ms-core-listMenu-horizontalBox a.ms-core-listMenu-item.ms-core-listMenu-selected,
	.ms-core-listMenu-horizontalBox .ms-listMenu-editLink{
		padding: 10px; 
		color: #000 !important;
	}
	.ms-core-listMenu-horizontalBox .ms-listMenu-editLink{
		padding: 10px;
		font-size: 2.0em !important;
		display: none;
	}
	.ms-navedit-flyoutArrow{background-image: none !important;}
	.ms-core-listMenu-horizontalBox a.ms-core-listMenu-item:hover,
	.ms-core-listMenu-horizontalBox a.ms-core-listMenu-item.ms-core-listMenu-selected:hover,
	.ms-core-listMenu-horizontalBox a.ms-core-listMenu-item.ms-listMenu-editLink:hover{
		color: #000 !important;
	}
	.ms-core-listMenu-horizontalBox a.ms-core-listMenu-item.ms-core-listMenu-selected,
	.ms-core-listMenu-horizontalBox a.ms-core-listMenu-item.ms-core-listMenu-selected:hover{
		color: #FFF !important;
		font-weight: bold;
	}

/* Page Title */
	.ms-core-pageTitle{
	padding-top: 20px;
	color: #FFF !important;
	font-size: 2.0em !important;
	}
		
/* Content Section Container */
	#contentRow{}
/* Left Navigation */
	#sideNavBox{display: none;}
	
	/* Redes Sociales */
.wrapperRedes{width: 30px !important;  top: 10% !important;  right: 2px !important;}
.iconR{width: 30px !important;  height: 30px !important;  font-size: 1em !important;}
.compartir{margin-top:0px !important;}
.linksHeader{width:100% !important;}
.herramientas{/*padding-top:30px !important;*/}
.herramientasIzq{margin-left:0px !important;}
	
/* Content HOME MINSALUD Modificada*/	
	.twitter{width:86% !important; padding:24px; background:beige;}
	.bx-wrapper{width:auto !important; height:200px !important;}
	.bx-window{width:auto !important; height:200px !important;}
	.inf-left{width:auto !important; float:none !important;}
	.mensaje-homeInf{margin-top:0px !important;}
	.noticia-left{width:auto !important; float:none !important;}
	.contentWP{background: #F8F8F8 !important;}
	.noticia-right{width:auto !important; float:none !important;}
	.titWP{text-align:center; background:#8abccb !important;}
	.verMas{float:none !important;}
	.slider-home .verMas{ right:0px !important; position:static !important;}
	.slider-home .verMas:link, .slider-home .verMas:visited{color:#000 !important;}
	.slider-home{height:150px !important;}
	.multimedia h1{background:#222222 !important;}
	.imgMultimedia {display:none !important;}
	.txtMultimedia{width:auto !important;}
	#bannerMultiple li, #bannerMultiple{padding:auto !important;}
	.inf-right{width:auto !important; float:none !important; text-align:center !important;}
	.bannerInf{ padding:0px !important; height:auto !important; margin-bottom:0px !important; text-align:center !important;}
	.footGobierno{display:none !important;}
	.contentAcordion{ width:90% !important; }
	.acordionContainer{ width:100% !important;}
	.acordionContainer{float:none !important;}
	.indicadores{background:#FAFAFA !important;}
	.contentwithimg img{width:auto !important; height:15px !important;}

	/* Slider */
	.bx-wrapper{width:auto !important; height:125px !important;}
	.bx-wrapper img{width:auto !important; height:130px !important;}
	.bx-window{width:auto !important; height:130px !important;}
	.bx-window ul img{max-width:100% !important; }
	.bx-window img{max-width:80% !important; }
	.slider ul li img { width:21% !important;  }
	/* Nuevos */
	.slider ul li a { right:auto !important; height:100% !important; font-size:0.40em !important; width:110px !important; padding:10px 9px !important;}
	
	
/* Menu Superior Responsive */
.menuSup{display:inline-block !important; width:100% !important; height:10px !important;}
ul.potato-menu { display:none !important;}
.general{display:inline !important;}
ul.potato-menu { display:none !important;}
.contentMenuSup{width:auto !important;}
.general{display:inline !important;}

.MenuMobile{display:block !important; background: #80979E;}
#nav
{position: relative !important;	top: auto !important; left: auto !important;	width:100% !important; margin-left:0 !important;}
#nav > a{/*width: 3.125em !important;*/ /* 50 *//*height: 3.125em !important;*/ /* 50 */width: 100% !important; /* 50 */height: 40px !important; /* 50 */ text-align: left !important;text-indent: -9999px !important;background-color: #8ABCCB !important;position: relative !important;}
#nav > a:before,
#nav > a:after{position: absolute !important;border: 1px solid #fff !important;top: 35% !important;left: 40% !important;right: 40% !important;content: '' !important;}
#nav > a:after{top: 60% !important;}
#nav:not( :target ) > a:first-of-type,
#nav:target > a:last-of-type{display: block !important;}
/* first level */
#nav > ul{height: auto !important;display: none !important;position: relative !important;left: 0 !important;right: 0 !important;}
#nav:target > ul{display: block !important;}
#nav > ul > li{width: 100% !important;float: none !important;}
#nav > ul > li > a{font-size:small !important;height: auto !important;text-align: left !important;padding: 0 0.833em !important; /* 20 (24) */}
#nav > ul > li:not( :last-child ) > a{border-right: none !important;border-bottom: 1px solid #62A0B3 !important;}
#nav li ul a{font-size:small !important;}
/* second level */
#nav li ul{position: static !important;padding: 1.25em !important; /* 20 */padding-top: 0 !important;}



/* Content Area Modificada*/
.container{ margin:auto; width:auto !important; padding:0px !important;}
div.welcome{padding:0px !important;}
.ms-wikicontent ms-rtestate-field{padding-right:0px !important;}
.generalInterna{ margin:20px 0; background:#fff; padding:15px; position:relative; }
.contenf{ width:90% !important; margin:0 auto; text-wrap:true; padding-top:10px;}
table{width:100% !important; max-width:300px; }
.ms-formtoolbar{visibility:hidden !important;}
.centrarvideo{width:auto !important; position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.centrarvideo iframe, .centrarvideo object, .centrarvideo embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.columnLeft4{ width:100% !important;}
.ms-acal-month{font-size:0.5em !important;}	

/* Paginas MINSALUD */
.right{float:none !important;}	
.left{float:none !important;}
/*.columnLeft{display:none !important;}*/
.columnRight{width:auto !important;}
.contenido3 .captioned-image{max-width:100% !important;}
.contenido3 .captioned-image img{width: 100% !important; height: auto !important;}
.contentwithimg img{width:auto !important; height:15px !important;}
.articulo, .contenido img{ max-width: 100%;}
.articulo table{font-size:50% !important;}
div.article{padding:0px!important;}
.contenido table img{width: auto !important; height: auto !important;}
.CuadrosDiv img{width: auto !important;}
.columnLeft1{width:100%!important;}
.columnRight1{width:100%!important; padding-top:20px!important;}
.ContainerCuadrosBtn{width:100% !important;}
.CuadrosBtn{padding:5px !important; font-size:smaller !important; min-width: 79px; word-break: break-word;}
.CuadrosBtn img{width: auto !important; height:50px !important; }
.ms-rte-embedcode.ms-rte-embedwp{ padding-top:100px !important; }
#service-content{width:100% !important; margin-left:0px !important;}
.CuadrosDivDerecha img{width: auto !important; height:50px !important; }
.CuadrosDivDerecha {padding:5px !important; font-size:smaller !important; min-width: 79px; word-break: break-word;}

/* Pagina Poblaciones Vulnerables */
.div1pv{width:100% !important;}
.div1pv img{width:auto !important; height:50px !important; text-align:center !important;}
.div2pv{width:100% !important;}
.div2pv img{width:auto !important; height:50px !important; text-align:center !important;}

/* Pagina Enfermedades no Transmisibles */
.div1enfernotrans{width:100% !important;}



/* Menu lateral
.articulo, .contenido{ padding-bottom:500px !important; }
.columnLeft{ width:89% !important; position:absolute !important; bottom:15px; background:#ffffff !important;}
.treeview a.selected{background-color:#65B6CC !important;} */
.columnLeft{ width:100% !important; background:#ffffff !important;}

/* Chikunguña */
.interSec1Lchikun{width:100% !important;}
.interSec1Rchikun{width:100% !important; padding-left:0px !important;}
.interSec2Lchikun{width:100% !important;}
.interSec2Rchikun{width:100% !important; padding-left:0px !important;}
.interSec3Lchikun{width:100% !important;}
.interSec3Mchikun{width:100% !important; padding-left:0px !important;}
.interSec3Rchikun{width:100% !important; padding-left:0px !important;}
.interSec4Lchikun{width:100% !important;}
.interSec4Mchikun{width:100% !important; padding-left:0px !important;}
.interSec4Rchikun{width:100% !important; padding-left:0px !important;}
.txtCuadroschikun img{ width: auto !important; height: auto !important;}

/* Apps Mobile */

.containerappsmov{width:93% !important;}
.div1appsmov{width:47% !important;}
.div2appsmov{width:100% !important;}
.div3appsmov{width:80% !important;}


/* Footer */

.footer{height:100%!important;}
.contentfooterizq{width:100%!important;}
.contentfooterder{width:100%!important;}
.compartir div.itemR2{ width:93px!important; height:auto!important; float:none!important; margin:0 0!important; padding-top:10px !important; padding-right:8px!important;}

	
/* Content Area */
	#contentBox{
	min-width: 0px; 
	margin: 0px; 
	padding: 0px 2px; 
	border: 1px #FFF solid; 
	background-color: transparent;
	font-size: 1em !important;
	/*color: #FFF !important;*/
	border: none !important;
	}
	
	#layoutsTable td{display: inline-block !important; float: left !important; width: 100% !important;}
	#layoutsTable .ms-wiki-columnSpacing{padding: 0px;}
	#layoutsTable td td{display: table-cell !important; float: none !important; width: auto !important;}
	.ms-rte-layoutszone-outer{display: block;}
	
	.ms-promlink-root{display: none;}
	.ms-microfeed-fullMicrofeedDiv, .ms-microfeed-siteFeedMicroBlogPart, .ms-microfeed-feedPart, .ms-microfeed-rootText, .ms-microfeed-replyArea, .ms-microfeed-newReplyDiv{min-width: 0px !important;}
	.ms-microfeed-message{padding-right: 0px;}
	.ms-viewlsts{
		border: 0px #FFF solid;
		background-color: transparent;
		margin: 0px;
	}
	.s4-wpcell,
	.ms-core-pageTitle,
	.ms-core-pageTitle a{
		color: #FFF !important;
	}
	.lm_wb_webzone-title{
		color: #FFF; 
		font-size: 1.5em !important; 
		border-bottom: 1px #FFF solid; 
		padding: 0px 0px 5px 0px;
	}
	.ms-webpart-titleText.ms-webpart-titleText,
	.ms-webpart-titleText > a{
		color: #FFF; 
		font-size: 1.3em !important; 
		font-weight: normal;
	}
	.ms-webpart-titleText.ms-webpart-titleText{
		border-bottom: 1px #FFF solid;
		padding: 0px 0px 5px 0px;
	}
	th .ms-vb,.ms-vh2-nofilter-icon,th.ms-vh2-nograd,th.ms-vh2-nograd-icon,
	th .ms-vb a,.ms-vh2-nofilter-icon a,
	th .ms-selectedtitle .ms-vb,th .ms-selectedtitle .ms-vh2-nofilter-icon,th .ms-selectedtitle .ms-vb a,th .ms-selectedtitle .ms-vh2-nofilter-icon a,
	.ms-vh2-nofilter,.ms-vh2-nofilter-notextalign,.ms-vh2-nofilter-perm,.ms-vh a,.ms-vh2,.ms-vh2 a,
	.ms-vb,.ms-vb2,.ms-vb-user,.ms-vb-tall,.ms-pb,.ms-pb-selected,
	.ms-subtleLink:link,
	.ms-subtleLink:visited,
	.ms-atMention:link,
	.ms-atMention:visited,
	.ms-hashTag:link,
	.ms-hashTag:visited,
	a.ms-listlink,
	a.ms-listlink:hover,
	a.ms-listlink:active{/*color: #FFF !important;*/}
	.lm_wb_webzone-content{padding: 5px 0px 0px 0px;}
	.ms-headerCellStyleIcon, .ms-vb-imgFirstCell{display: none;}
}


.ms-dialog body{background-image: none !important;}
.ms-dialog #s4-titlerow{display: none !important;}
.ms-dialog #contentBox{background-image: none !important;}