@media screen and (min-width: 1900px){
	.header .mCabeceraHosp {
		margin: 0 5px 0 350px;
	}
}

@media screen and (max-width: 1330px){
	.header .top0 {
		margin: 0;
	}
	
	.header .mCabeceraHosp{
		margin: 0 5px 0 10px;
	}
	.header .mCabeceraHosp .cmMenuTitle{
		max-width: 99px;
	}
}

@media screen and (max-width: 1250px){
	
	.header .headUP{
		height: 48px;
	}
	
	.header .menuServicios{
		min-width: 180px;
	}
	
	.header .menuServicios li{
		padding: 0px 5px;
		font-size: 13px;
	}
	
	.header .top0 img{
		max-height: 40px;
		margin: 5px 0 -3px;
	}
	
	.header .mCabeceraHosp li{
		padding-right: 0;
	}
	
	.header .mCabeceraHosp img {
		max-width: 58px;
	}
	
	.header .mCabeceraHosp .cmMenuTitle{
		vertical-align: middle;
		font-size: 15px;
	}

	div.tablaPrin{
		max-width: 1050px;
		padding: 0px 290px 0px 110px;
		background-position: 20px 90px;
	}
	
	div.tablaPrin .rowPop{
		width: 235px;
		right: 15px;
	}
	
	div.tablaPrin .rowPop:before{
		right: 227px;
	}
	
	div.tablaPrin .rowPop span.visitPop{
		font-size: 20px;
		padding: 3px;
	}
	
	div.tablaPrin .row span.week{
		font-size: 18px;
	}
	
	div.tablaPrin .rowPop:nth-last-child(3)::before {
		top: 100px;
	}
	.header .mCabeceraHosp .cmMenuTitle {
		font-size: 13px;
	}
	.header .mCabeceraHosp li {
		padding-right: 7px;
	}
}

@media screen and (min-width: 1200px) and (max-width: 1300px) {
	.item1,
	.item2,
	.item3,
	.item4{
		max-width: 1190px;
		width: 90%;
	}
}

@media screen and (max-width: 1199px) {
	.headUP > div > div.portalLayoutRow div.portalLayoutCell:last-child{
		margin-top: -54px;
	}
	
	.header .menuPortal a{
		padding: 18px 10px 16px;
		padding-right: 50px;
	}
	
	.header .menuServicios li{
		padding: 0;
	}
	
	.header .top0 img{
		max-height: 39px;
		margin: 8px 0 -3px;
	}
	
	.header .mCabeceraHosp{
		margin: 0 5px 0 35px;
	}
	
	.header .mCabeceraHosp img {
		max-width: 58px;
	}
	
	.header .mCabeceraHosp .cmMenuTitle{
		max-width: 85px;
		font-size: 12px;
	}

	div.tablaPrin{
		max-width: 1050px;
		padding: 0px 290px 0px 110px;
		background-position: 20px 90px;
	}
	
	div.portalLayoutCell.header .headDown{
		padding: 0 10px;
	}
	
	.navigationPath ul{
		padding: 0 10px;
	}
	
	.header ul.contactUS{
		margin: 14px 65px;
	}
	
	div.bgDarkBlueImg .contentHeader,
	.pageContent .contentHeader{
		padding: 0 10px;
	}
	
	.pageContent .content,
	.cmBodyContentChildrens{
		padding: 0 10px;
	}
	
	.boxOpt{
		margin: 0 10px;
	}
	
	.item1,
	.item2,
	.item3,
	.item4{
		max-width: 1000px;
		width: 90%;
	}
	
	div.item2 ul.cmContentList li p.contentName{
		font-size: 19px;
	}
	
	.item4 .contentViewMore{
		margin: 55px auto;
		text-align: center;
		width: 100%;
	}
	 
	.destacadoPortal .contentHeader,
	.destacadoPortal .contentData{
		width: 910px;
	}
	
	.destacadoPortal .contentAbstract,
	.destacadoPortal div.contentHeader2 {
		margin-right: 0px;
		width: 580px;
	}
	
	.destacadoPortal .contentViewMore{
		right: 35%;
	}
	
	li.firstNode .modelResultados.templateHtmlList .number{
		width: auto;
		margin-right: 35px;
		float: none;
	}
	
	.centrosGine .pageContent {
		padding: 0 15PX;
	}
	
	.appPaciente .contentData {
		width: 1040px;
	}
	
	.appPaciente p.imageMainContainer {
		left: 40px;
	}
	
	.appPaciente p.imageMainContainer img {
		max-width: 310px;
	}
	
	.cartServiciosDetalle .templateHtmlListImageAbstract{
		width: 100%;
		padding: 135px 10px 10px;
	}

    .pageContent .contentBody {
        padding: 0 20px;
    }
	
	.evenNoticias .noticias {
		min-width: auto;
	}
	
	.header .simpleSearcherBox {
		top: 48px;
	}
}

@media screen and (max-width: 1140px) {
	.header .mCabeceraHosp {
		margin: 0 5px 0 10px;
	}
	.header .mCabeceraHosp li {
		padding-right: 2px;
	}
}

@media screen and (max-width: 1119px) {
	
	.header ul.contactUS{
		right: 290px;
	}
	
	.eventosHeader .parentContent2 {
		padding: 20px 15px;
	}
	
	.buscadorEmbebido{
		padding: 35px 25px 10px;
	}
	
	.buscadorEmbebido .cmSearchFieldSet{
		text-align: left;
	}
	
	.buscadorEmbebido .cmSearchRow{
		margin: 15px 20px 30px 0;
	}
	
	.buscadorEmbebido .cmSearchButtonZone {
		margin: 0 55px 5px 0;
	}
	
	.modelActividad {
		padding: 0 15px;
	}
	
	.modelPlanCitas .contentText{
		padding: 10px 15px;
	}
	
	div.tablaPrin .rowPop:nth-last-child(3)::before {
		top: 50px;
		background-color: #02A0E7;
	}
	
	.evenNoticias .noticias,
	.evenNoticias .listaEventos {
		padding: 0 20px !important;
		min-width: 320px;
	}
   
	.centrosGine .parentContent2 {
		padding: 20px 10px;
	}
   
}

@media screen and (max-width: 1099px) {
	
	.contactUS .cmMenuTitle{
		font-size: 16px;
	}
	
	.item4 li.cmContentItem.firstNode .contentDesc{
		width: 50%;
	}
	
	.item4 ul li.cmContentItem{
		width: 30.2%;   
	}
	
	ul.menuPortalC,
	.servicios,
	ul.menuServiciosPortal,
	.centro .contentData,
	.appPaciente .contentData{
		width: 100%;
		padding: 0px 15px;
		text-align: center;
	}
	
	.footer .top{
		padding: 20px 10px 0;
	}
	
	.footer .bot{
		padding: 0 10px;
	}
	
	div.tablaPrin .rowPop:nth-last-child(5)::before {
		top: 215px;
	}
	
	.header .mCabeceraHosp {
		margin: 0 5px 0 65px;
	}
	
	.header .mCabeceraHosp li {
		padding-right: 0;
	}
	
	.header .mCabeceraHosp .cmMenuTitle{
		display: none;
	}
	
	.listaEventos li span.elementsBlock {
		display: block;
	}
   
	.item2 .title::after {
		display: none;
	}
	
	.boxcontentMap .currentContentWebMapList li.cmWebMapLevel1 {
		width: 47%;
	}
	
	.programasbanner .contentOpt {
		padding: 0 10px;
	}
	
	.programasbanner .contentOpt img {
		height: auto;
		width: 100%;
	}
    
    .listaEventos li span.date,
    .listaEventos li span.elementsBlock {
        display: table-cell;
    }
    
    .listaEventos li span.date{
        width: 150px !important;
    }
    
    .listaEventos li span.elementsBlock {
        max-width: 300px;
    }


}

/* Tablets */
@media screen and (min-width: 840px) and (max-width: 979px) {
	.header ul.contactUS{
		display: none;
	}
	
	ul.Mprincipal li{
		width: 112px;
		font-size: 1em;
	}
	
	.item1,
	.item2,
	.item3,
	.item4{
		max-width: 850px;
		width: 90%;
	}
	
	.menuUnidades li,
	div.item2 ul.cmContentList li.cmContentItem{
		width: 49% !important;
		margin-bottom: 30px;
	}
	
	div.item2 ul.cmContentList li p.contentName{
		bottom: 280px;
		max-width: 310px;
	}
	
	.item1 .templateHtmlListImage .imageMainContainer{
		width: 100%;
	}
	
	.item4 ul li.cmContentItem{
		float: none;
		width: 100%;
		margin: 25px 0 !important;
	}
	
	.item4 .contentViewMore{
		margin: 15px auto 40px;
		width: 100%;
		text-align: center;  
	}
	
	.destacadoPortal div.contentHeader{
		width: 90%;
		margin-right: 0;
		margin-top: 0px;
	}
	
	.destacadoPortal .contentData{
		width: 95%;
	}
	
	.destacadoPortal .contentAbstract,
	.destacadoPortal div.contentHeader2 {
		width: 74%;
	}
	
	.destacadoPortal .imageMainContainer img{
		height: auto;
		width: 65%;
	}
	
	.destacadoPortal .contentViewMore{
		right: 31%;
		bottom: 50px;
	}
	
	.calidad ul.cmContentList{
		padding: 0 15px;
	}
	
	.calidad li{
		display: block;
		width: 100%;
		margin: 15px 0;
	}
	
	.footer .bot,
	.footer .top{
		padding: 0 5px;
	}
	
	.footer .bannerPie{
		width: 230px;
		margin: 20px 0 0;
	}
	
	div.footer .boxAuth{
		margin: 25px 0;
	}
	
	.footer ul.Mprincipal li{
		font-size: 1em;
		width: 100px;
	}
	
	.modelPlanCitas .contentText{
		padding: 10px 15px;
	}
	
	div.tablaPrin{
		background: none;
		padding: 0px 360px 0px 50px;
	}
	
	div.tablaPrin .row.firstRow{
		display: none;
	}
	
	div.tablaPrin .col-md-1:first-child{
		text-align: left;
	}
	
	div.tablaPrin .row > div{
		padding: 15px;
	}
	
	div.tablaPrin .rowPop {
		width: 300px;
		right: 18px;
		margin-top: -255px;
		bottom: auto !important;
	}
	
	div.tablaPrin .rowPop:before {
		right: 292px;
	}
	
	div.tablaPrin .rowPop:last-child::before {
		top: 125px;
	}
	
	.appPaciente p.imageMainContainer {
		left: 13px;
	}
	
	.appPaciente p.imageMainContainer img {
		max-width: 225px;
	}
	
	.appPaciente .contentAbstract {
		max-width: 72%;
	}
	
	.appPaciente h3 {
		font-size: 30px;
	}
	
	.programasbanner span,
	.programasbanner a {
		font-size: 26px;
	}
	
}

/* Smartphones */
@media screen and (max-width: 839px) {
	.navigationPath li.noMovil,
	.noMovil{
	    display: none;
	}
	.cmTable p.cmParagraph img {
		max-width:  100%;
	}
	
	div.portalLayoutCell.header {
		padding-bottom: 0;
	}
	
	.header .headUP{
		position: fixed;
		width: 100%;
		box-shadow: 0px 0px 5px #6b6b6b;
		height: auto;
		z-index: 2;
		max-height: 40px;
	}
	
	.header .headDown{
		margin-top: 45px;
	}
	
	div.portalLayoutCell.header .headDown{
		padding: 0;
	}
	
	.header .bannerHome{
		margin: 40px 25px 20px !important;
		max-width: 140px;
	}
	
	.header .menuServicios li{
		font-size: 15px;
		margin: -5px -1.5px -2px;
	}
	
	.header .contactUS{
		display: none;
	}
	
	.header .mCabeceraHosp{
		display: none !important;
		position: absolute;
		background-color: #02A0E7;
		width: 100%;
		margin: 0;
		padding: 15px;
		right: 0;
		top: 42px;
	}
	
	.header .mCabeceraHosp li{
		padding-right: 7px;
	}
	
	.header .mCabeceraHosp .cmMenuTitle{
		display: inline-block;
	}
	
	.header .mCabeceraHosp img {
		max-width: 50px;
	}
		
	.header .menuPortal{
		background: #E33738;
		padding: 12px 7px;
		font-size: 12px;
		margin: 6px 0 0px;
		float: left;
	}
	
	.header .menuPortal a,
	.header .menuPortal span {
		font-size: 16px;
		padding: 0px;
		background: none;
		display: block;
		width: 100%;
	}
	
	.headUP > div > div.portalLayoutRow div.portalLayoutCell:last-child {
		margin-top: -47px;
		float: right;
	}
	
	.header ul.Mprincipal{
		width: 100%;
		position: fixed;
		top: 39px;
		margin: 0;
		background: transparent;
		z-index: 2;
		height: 0;
		overflow: hidden;
		transition-duration: .2s;
	}
    
	ul.Mprincipal.menuPrincipalClick{
		height: 290px;
	}
	
	.header ul.Mprincipal li {
		border-bottom: 1px solid RGBA(227, 55, 56, 0.3);
		padding: 10px 0;
 		background-color: #fff;
	}
	
	.header ul.Mprincipal li:hover {
		border-bottom: 1px solid #E33738;
	}
	
	.header ul.Mprincipal li span,
	.header ul.Mprincipal li a{
		display: block;
	}
	
	.menuMovil{
		width: 45px;
		height: 45px;
		background: url('/imagenes/ginecologia/menu.png') no-repeat 55% 11px;
		float: right;
		background-size: 30px;
	}
	
	.header ul.Mprincipal.menuPrincipalClick li.active{
		background-color: #E33738;
	}
	
	.header ul.Mprincipal.menuPrincipalClick li.active a,
	.header ul.Mprincipal.menuPrincipalClick li.active span{
		color: #FFF;
	}
	
	ul.Mprincipal li{
		width: 100%;
		float: none;
		margin: 0;
	}
    
	.header ul.Mprincipal li.active::after,
	.header ul.Mprincipal li:hover::after{
		height: 0;
	}
	
	.item1,
	.item2,
	.item3,
	.item4{
		max-width: 830px;
		width: 90%;
	}
	
	.ginecologia .contentHeader2{
		margin: 0;
	}
	
	.menuUnidades {
		padding: 15px;
	}
	
	.menuUnidades li{
		width: 75% !important;
		margin: 10px 0;
		height: 185px;
	}
	
	.item1 .templateHtmlListImage .imageMainContainer{
		width: 100%;
		margin: 0;
		top: 40px;
	}
	
	div.item2 ul.cmContentList {
		margin: 15px 0;
	}
	
	div.item2 ul.cmContentList li.cmContentItem{
		width: 49%;
		float: none;
		margin-bottom: 15px;
		padding-bottom: 0;
	}
	
	.item2 li a.cmContentLink{
		display: block;
	}
	
	.item2 li p.imageMainContainer{
		margin: 60px 0 0;
	}
	
	.item2 li p.contentName{
		max-width: 100%;
	}
	
	.item2 ul.cmContentList li
	
	.item4 ul.cmContentList{
		margin: 30px auto 0;
		padding: 0 10px;
	}
	
	.item4 ul li.cmContentItem{
		float: none;
		width: 100%;
		margin: 25px 0 !important;
	}
	
	.item4 ul li.cmContentItem.firstNode{
		padding: 15px;
	}
	
	.item4 li.cmContentItem.firstNode .number{
		font-size: 50px;
		float: none;
		text-align: center;
		width: 100%;
		margin: 0;
	}
	
	.item4 li.cmContentItem.firstNode .imageMainContainer{
		display: block;
		float: none;
		text-align: center;
	}
	
	.item4 li.cmContentItem.firstNode .contentDesc{
		width: 100%;
		text-align: center;
	}
	
	.item4 li.cmContentItem.firstNode .contentDesc p{
		font-size: 16px;
	}
	
	.item4 ul li.cmContentItem.firstNode p.contentAbstract{
		font-size: 1em;
		color: #888;
	}
	
	.item4 ul li.cmContentItem.firstNode p.contentName{
		background-position: 75% 50%;
	}
	
	.item4 .contentViewMore{
		margin: 0px auto 20px;
		width: 100%;
		text-align: center;  
		padding: 0 30px;
	}
	
	.item4 .contentViewMore a {
		padding: 5px 60px 6px 13px;
	}
	
	.destacadoPortal .contentHeader,
	.destacadoPortal .contentData{
		width: 90%;
	}
	
	.destacadoPortal div.contentHeader{
		float: none;
		width: 90%;
		margin: 0 auto;
	}
	
	.destacadoPortal .title,
	.destacadoPortal .title a{
		text-align: center;
	}
	
	.destacadoPortal .imageMainContainer{
		position: inherit;
		text-align: center;
	}
	
	.destacadoPortal .imageMainContainer img{
		height: auto;
		max-width: 250px;
		display: none;
	}
	
	.destacadoPortal .contentAbstract,
	.destacadoPortal div.contentHeader2 {
		width: 100%;
	}
	
	.destacadoPortal .contentAbstract{
		float: none;
		width: 100%;
		padding: 0;
	}
	
	.destacadoPortal .contentViewMore{
		display: block;
		width: auto;
		position: relative;
		right: auto;
		bottom: auto;
		margin: 50px auto 0;
		text-align: center;
	}
	
	.destacadoPortal .contentViewMore a{
		display: inline-block;
		margin-bottom: 50px;
	}
	
	.footer{
		height: auto;
	}
	
	div.footer .boxAuth{
		margin: 23px 0 0;
	}
	
	.footer .bot{
		position: relative;
		height: auto;
	}
	
	.footer .bannerPie{
		width: 210px;
	}
	
	.footer ul.contactUS{
		margin-top: 0;
		padding: 0 5px;
	}
	
	.footer .contactUS li span.cmMenuTitle {
		font-size: 1.25em;
	}
	
	.footer ul.Mprincipal{
		float: none;
		padding: 0;
		margin: 15px 0;
	}
	
	.footer ul.Mprincipal li{
		width: 18%;
		font-size: 18px;
		margin-left: 9px;
		display: block;
		width: 100%;
	}
	
	.footer ul.Mprincipal li:hover{
		border-bottom: 2px solid transparent;
	}
	
	.footer ul.Mprincipal li span,
	.footer ul.Mprincipal li a{
		font-weight: normal;
	}
	
	div.footer .boxAuth {
		margin: 35px 0 0;
	}
	
	div.footer .boxAuth a{
		margin: 0;
	}
	
	div.footer ul.legal li span,
	div.footer ul.legal li a{
		font-size: 16px;
	}
	
	div.boxcontent .navigationPath,
	.pageContent .contentHeader .contentMainTitle{
		padding: 5px 10px;
		font-size: 30px;
	}

	.noticias .pageContent .contentHeader .contentMainTitle {
		font-size: 26px;
	}

	.noticias .currentContent.navigationPath {
		padding: 0;
	}

	.noticias .contentHeader {
		padding: 0 5px;
	}

	.navigationPath{
		padding: 0 15px;
	}
	
	 .navigationPath ul{
		 margin: 0;
	}
	
	.pageContent .content{
		padding: 0 10px;
	}
	
	div.listado_cont .contentHeader,
	div.listado_cont .contentData{
		width: 100%;
		float: none;
		border: 0;
		text-align: center;
		display: block;
	}
	
	.cartservicios .contentHeader .contentMainTitle{
		padding: 25px 10px;
	}
	
	div.listado_cont ul.cmContentList{
		padding: 0;
	}
	
	div.listado_cont ul.cmContentList li{
		margin: 0 15px;
	}
	
	div.listado_cont ul.cmContentMultipleList li{
		width: 45% !important; 
	}

	div.listado_cont ul.cmContentList,
	div.listado_cont ul.cmContentMultipleList {
		padding: 0;
	}

	ul.cmContentList li.cmContentItem a{
		display: inline-block;
	}
	
	div.listado_cont ul li img{
		width: 100%;
		max-width: 105px;
		height: auto;
		display: inline-block;
	}

	div.listado_cont ul.cmContentList li span, div.listado_cont ul.cmContentMultipleList li span {
		display: block;
		text-align: center;
	}
	
	.bgBlueImg ul.cmContentList li > div > a,
	.bgBlueImg ul.cmContentList .contentAbstract{
		display: block;
	}
	
	.bgBlueImg ul.cmContentList .contentAbstract{
		width: 100%;
		border: 0;
	}
	
	.listTable ul{
		padding: 0 10px;
	}
	
	.listTable ul.nColumns_2 li,
	.listTable ul.nColumns_3 li,
	.listTable ul.nColumns_4 li{
		width: 100%;
		display: block;
		margin: 4px 0;
        max-height: 100% !important;
        height: 100% !important;
	}
	
	div.noContent.resultados{
		margin: 20px auto;
		padding: 10px;
		width: 95%;
	}
	
	li.firstNode .modelResultados.templateHtmlList,
	li .modelResultados.templateHtmlList{
		padding: 15px 0;
	}
	
	li .modelResultados.templateHtmlList .boxLeft,
	li .modelResultados.templateHtmlList .contentDesc{
		display: block;
		max-width: 100%;
		text-align: center;
	}
	
	li.firstNode .modelResultados.templateHtmlList .number,
	li .modelResultados.templateHtmlList .number{
		float: none;
		text-align: center;
		width: 100%;
		margin: 0;
		padding: 0;
	}
	
	li .modelResultados.templateHtmlList .contentName{
		padding: 0;
		text-align: center;
	}
	
	div.programasbanner{
		display: block;
		padding: 25px 0;
	}
	
	.programasbanner > .portalLayoutGrid > .portalLayoutRow > .portalLayoutCell{
		display: block;
		padding: 15px 80px;
	}
	
	.programasbanner .bannerTextContainer{
		left: 25px;
		top: 27px;
		right: 90px;
	}
	
	.programasbanner span,
	.programasbanner a{
		font-size: 20px;
	}
	
	.programasbanner .imageText img{
		height: auto;
		width: 100%;
	}
	
	.programasbanner .bannerShowMore{
		bottom: -10px;
		padding: 10px 80px 10px 25px;
	}
		
	.boxOpt,
	.boxItem{
		display: block;
	}
	
	.boxItem > span{
		padding: 0 10px 0 5px;
	}
	
	.boxItem  span img{
		max-width: 35px;
	}
	
	.boxItem p.cmParagraph img{
		max-width: 100%;
		height: auto;
	}
	
	.boxItem .contentTitle{
		font-size: 25px;
	}
	
	.templateHtmlListAdapt{
		padding: 10px;
	}
	
	.cmBodyContentChildrens li .templateHtmlListAdapt .viewMore a{
		padding: 10px 80px 10px 10px;
	}
	
	.templateHtmlListAdapt .contentAbstract ul{
		padding-left: 5px;
	}
	
	.templateHtmlListAdapt .panel-body ul{
		padding-left: 5px;
	}
	
	.centrosGine .cmBodyContent {
		margin: 15px 0;
	}
	
	.centrosGine .left,
	.centrosGine .right{
		width: 100%;
		float: none;
		padding: 0;
		border: 0;
	}
	
	.centrosGine .boxRight > div {
		padding: 0px ;
	}
	
	div.centrosGine div.seeMore{
		text-align: left
	}
	
	.pageContent .contentBody .content p,
	.pageContent .contentBody .content strong{
		font-size: 17px;
	}
	
	.destacado{
		padding: 20px 0 265px;
	}
	
	.listHosp{
		width: 70%;
		display: inline-block;
	}
	
	ul.menuPortalC{
		width: 100%;
	}
	
	ul.menuPortalC li > span {
		display: block;
	}
	
	ul.menuPortalC li.itemTitle,
	ul.menuPortalC li{
		display: block;
		width: 100%;
		margin: 15px 0;
	}
	
	ul.menuPortalC li img{
		display: inline-block;
		width: 38%;
		max-width: 145px;
	}
	
	ul.menuPortalC li span.cmMenuTitle{
		display: block;
		width: 100%;
		margin: 5px 0;
	}
	
	ul.menuServiciosPortal{
		width: 100%;
		padding: 0 15px;
	}
	
	ul.menuServiciosPortal li.itemTitle > span{
		font-size: 40px;
	}
	
	ul.menuServiciosPortal li.itemTitle,
	ul.menuServiciosPortal li{
		width: 100%;
		display: block;
		margin: 20px 0;
		padding: 0 20px;
	}
	
	ul.optPortal{
		margin: 0;
	}
	
	.appPaciente .contentData{
		width: 100%;
		padding: 15px;
	}
	
	.appPaciente .contentAbstract{
		float: none;
		max-width: 100%;
		margin: 15px 0;
	}
	
	.appPaciente p.imageMainContainer {
		display: inline;
		text-align: left;
		position: static;
	}
	
	.appPaciente p.imageMainContainer img {
		max-width: 220px;
	}
	
	.appPaciente .imageMainContainer {
		display: inline-block;
		text-align: center;
	}
	
	.appPaciente .imageMainContainer img{
		height: auto;
		max-width: 95%;
	}
	
	.centro{
		padding: 5px 15px;
	}
	
	.centro .title{
		font-size: 35px;
	}
	
	.centro .contentData{
		width: 100%;
	}
	
	.centro img.imageMediaTop{
		height: auto;
		max-width: 200px;
		top: -85px;
	}
	
	.servicios{
		width: 100%;
	}
	
	.servicios .title{
		font-size: 35px;
	}
	
	.servicios ul.cmWebMapLevel1{
		margin: 10px 0 25px;
	}
	
	.buscadorEmbebido{
		max-width: 100%;
		margin: 0 auto 15px;
		padding: 15px;
	}
	
	.buscadorEmbebido .cmSearchRow{
		display: block;
		padding: 0 10px;
		margin: 15px 0;
	}
	
	.buscadorEmbebido input,
	.buscadorEmbebido select{
		width: 100%;
	}
	
	.buscadorEmbebido .cmSearchLabel label,
	.buscadorEmbebido .S_FECHA_INICIO .cmSearchLabel,
	.buscadorEmbebido .S_FECHA_FIN .cmSearchLabel{
		position: initial;
	}
	
	.buscadorEmbebido input.cmParamDateType{
		width: 100%;
	}
	
	.buscadorEmbebido button.cmSearchRankDate{
		position: absolute;
		right: 10px;
	}
	
	.listaEventos li div.modelActividad.templateHtmlList {
		margin: 0;
        width: 100%;
	}
	
	.listaEventos li span.date,
	.listaEventos li span.elementsBlock{
		display: block;
		border: 0;
		padding-left: 0;
	}
	
	.listaEventos li span.date{
		text-align: left;
		margin: 0;
		border-bottom: 1px solid #02A0E7;
		width: 90% !important;
	}
    
	.listaEventos li span.elementsBlock {
		max-width: 100%;
		min-width: 100%;
	}
	
	.modelActividad {
		padding: 0 10px 30px;
	}
	
	.buscadorEmbebido .cmSearchButtonZone {
		margin: 26px 15px 5px 0;
	}
	
	.eventosHeader .currentContent.navigationPath{
		padding: 0;
	}
	
	.eventosHeader .contentHeader{
		padding: 0 15px;
	}
	
	.firstBox span{
		font-size: 19px;
	}
	
	.title h3{
		font-size: 32px;
		margin: 20px 0;
	}
	
	.secondBox span{
		font-size: 22px; 
	}
	
	.pageContent .contentBody{
		padding: 0 15px;
	}
	
	.cmBodyContentChildrens li .templateHtmlTitle span.imageMainContainer {
		display: table-cell;
		padding: 0 5px 0 2px;
	}
	
	.cmEmbedImagecenter, .cmEmbedImagejustify{
		width: 100% !important;
		height: auto !important;
	}
	
	.cmBodyContentChildrens li .templateHtmlTitle .contentTitle{
		padding: 0 10px;
	}
	
	.destacadosPortada{
		margin-top: 0;
	}
	
	.destacadosPortada ul.cmContentList{
		padding: 10px;
	}
	
	.destacadosPortada ul li{
		display: block;
		width: 100%;
	}
	
	.destacadosPortada li .contentDesc p{
		margin: 0;
	}
	
	.calidad ul.cmContentList{
		padding: 10px;
	}
	
	.calidad li{
		display: block;
		width: 100%;
		margin: 10px 0;
	}
	
	div.tablaPrin{
		background: none;
		padding: 0px 20px;
	}
	
	div.tablaPrin .row {
		margin: 18px 0 0;
	}

	div.tablaPrin .row.rowPop:hover{
		background: #EFEFEF;
	}

	div.tablaPrin .row.firstRow{
		display: none;
	}
	
	div.tablaPrin .col-md-1:first-child{
		text-align: left;
	}
	
	div.tablaPrin .row > div{
		padding: 10px;
	}
	
	div.tablaPrin .rowPop {
		width: 100%;
		position: inherit;
		right: auto;
		margin-top: 0%;
		opacity: 1 !important;
		background: #EFEFEF;
		box-shadow: 0 0 0; 
		border-top: 1px solid #E2DBDB;
	}
	
	div.tablaPrin .rowPop .titlePop{
		padding: 5px 15px;
	}
		
	div.tablaPrin .rowPop:before {
		display: none;
	}
	
	div.tablaPrin span.ico,
	.rowPop .titlePop span.icoPop{
		padding: 10px 15px;
	}
	
    .cartServiciosDetalle .templateHtmlListImageAbstract {
        padding: 0 10px;
    }
    
	.cartServiciosDetalle .templateHtmlListImageAbstract p.imageMainContainer {
        display: none;
    }
    
    .cartServiciosDetalle .templateHtmlListImageAbstract p.contentName {
        position: inherit;
        left: auto;
        top: auto;
	}
	
	.cartServiciosDetalle .templateHtmlListImageAbstract .contentAbstract {
		width: 100%;
        float: none;
		margin: 0px 0px 15px;
	}

	table,
	tbody{
		display: block;
		width: 100%;
	}
	
	td img {
		height: auto;
		max-width: 90%;
	}
    
    .listaEventos .cmCalendarTable td {
        width: 16.5%;
    }
	
	iframe{
		width: 100% !important;
		height: auto !important;
	}
	
	.destacado .video iframe{
		width: 402px !important;
		height: 263px !important;
	}
	
	div.pp_pic_holder {
		width: 100% !important;
		left: 0 !important;
	}
	#pp_full_res iframe{
		width:100% !important;
	}
	.tkShowMap p.cmParagraph {
		width: 81%;
	}
	
	div.evenNoticias{
		display: block;
	}
	
	div.evenNoticias .portalLayoutGrid > .portalLayoutRow > div.portalLayoutCell{
		display: block;
	}
	
	.evenNoticias .noticias, .evenNoticias .listaEventos {
		height: auto !important;
		padding: 0 20px !important;
		min-width: 100%;
	}
	
	.evenNoticias .contentViewMore{
		position: static;
	}
	
	.listaEventos .cmCalendarViewContainer{
		float: none;
		position: relative;
		margin: 0 auto;
		width: 100%;
	}
	
	.listaEventos .cmMonthEventsContainer {
		margin: 0;
		padding: 25px;
	}
	
	.resultadosAlt .cmBodyContentChildrens ul.cmWebMapLevel1,
	.resultadosAlt .cmBodyContentChildrens ul.cmWebMapLevel2 {
		padding: 0;
	}
	
	.cmBodyContentChildrens li 
	.templateHtmlTitle .boxItem .contentTitle {
		font-size: 22px;
	}

	.servicios ul.cmWebMapLevel1 span.point {
		margin-right: -5px;
		font-size: 26px;
	}

	.cmWebMapLevel1 li.cmWebMapLevel1 {
		padding: 0;
	}
	
	.cmWebMapLevel1 li .cmWebMapLevel1Header .contentName,
	.cmWebMapLevel1 li .cmWebMapLevel1Header .contentTitle {
		font-size: 22px;
		padding: 10px;
	}
	
	.cmWebMapLevel2 li.cmWebMapLevel2 {
		margin: 0;
		padding: 0 5px;
	}

	.cmWebMapLevel2 li .templateHtmlTitle .contentTitle {
		background-position: 0px 8px;
		background-size: 17px;
		padding-left: 25px;
	}

	.cmWebMapLevel2 li .templateHtmlTitle a:hover .contentTitle {
		background-position: 0px 8px;
	}

	.cmEmbeddedResource {
		display: block;
	}
	.cmEmbeddedResource a,
	.cmEmbeddedResource span{
		white-space: normal;
		font-size: 14px !important;
	}
	
	.cmEmbedImageright,
	.cmEmbedImageleft {
		display: block;
		float: none;
		width: 100%;
		margin: 5px 0 !important;
	}
	
	.templateHtmlTitle .boxItem ul {
		padding-left: 5px;
	}

    .cmBodyContentChildrens.webMapLevel0 {
		padding: 0 10px;
	}

	.cmWebMapLevel1 div.contentAbstract a,
	.cmWebMapLevel1 div.content a,
	.boxDesc li a{
		white-space: normal;
		display: inline-block;
		overflow: hidden;
	}
	
	.cmWebMapLevel1 img.cmPopupIcon {
		display: none;
	}

	li .modelResultados.templateHtmlList .boxLeft {
		min-width: auto;
	}

	.cmTable td{
		display: block;
		width: 100%;
	}

	.cmTable td ul{
	   padding: 0;
	}

	.cmTable td img {
		max-width: 100%;		
	}

	.boxcontentMap .currentContentWebMapList li.cmWebMapLevel1 {
		width: 95%;
	}
	
	.listTable ul li {
		max-height: 770px;
	}
    
	.panel .boxHeading h3 {
		padding: 15px;
	}
    
	.panel-default .panelBody {
		padding: 10px;
	}
    
	.panel-default .panelBody > ul {
		padding: 0;
	}
    
	.panel-default .panelBody > ul li{
		margin: 10px 5px;
	}
    
	div.datosCabecera.resultados {
		padding: 0 15px;
	}
    
	.resultadosBusqSub div,
	.busqeventos .currentContent.listaEventos .title {
		padding: 0 20px;
	}
    
	.busqeventos .listaEventos ul {
		padding: 0 10px;
	}
    
	.busqeventos .listaEventos li .date {
		text-align: left;
		width: 100% !important;
	}
	
	.header ul.menuBuscar {
		margin: 6px 65px;
		right: 125px;
	}
	.header .simpleSearcherBox {
		top: 43px;
	}
}

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

	.header .menuPortal{
		display: block;
		width: 185px;
		position: absolute;
		top: 0px;
		right: 44px;
		padding: 0px;
		text-align: center;
		margin-top: -2px;
	}
	
	.header .menuPortal a{
		padding: 12px;
		padding-right: 50px;
		background: url('/imagenes/ginecologia/arrowR.png') no-repeat;
		background-size: 30px;
		background-position: 96% 55%;
	}
	
	.header .menuPortal a:hover{
		background-position: 96% 50%;
	}
	
	.eventosPortada .boxEventPrin{
		font-size: 20px;
		margin: 20px 0 -60px;
	}
	
	.item1,
	.item2,
	.item3,
	.item4{
		max-width: 610px;
		width: 95%;
		margin: 10px auto;
	}
	
	.item2 .title,
	.item2 .title a{
		font-size: 25px;
	}
	
	.item4 .title,
	.item4 .title a{
		font-size: 25px;
	}
	
	div.item2 ul.cmContentList li p.contentName {
		font-size: 22px;
		bottom: auto;
		top: 0;
		max-width: 100%;
	}
	
	div.item2 ul.cmContentList li p.imageMainContainer {
		margin: 50px 0 0;
	}
	
	.menuUnidades li {
		display: block;
			width: 100% !important;
		margin: 10px auto;
		height: auto;
		height: 185px;
	}
	
	div.item2 ul.cmContentList li.cmContentItem{
		width: 100%;
		float: none;
		margin-bottom: 15px;
		padding-bottom: 0;
	}
	
	div.item2  ul.cmContentList li.cmContentItem a{
		display: block;
	}
	
	.listaEventos li span.boxname h3{
		font-size: 23px;
	}
	
	.title h3 {
		font-size: 25px;
	}
	
	.footer .bot div.portalLayoutRow,
	.footer .bot div.portalLayoutCell{
		display: block;
		width: 100%;
		float: none;
	}
	
	.footer .bannerCopyright{
		width: 100%;
		float: none;
		margin: 15px 0;
		text-align: center;
	}
	
	div.footer .bannerCopyright img{
		margin: 0;
	}
	
	div.footer .bannerCopyright .imageText{
		float: none;
		text-align: center;
	}
	
	.footer .bannerPie{
		width: 100%;
		padding: 5px 75px;
	}
	
	.footer ul.Mprincipal{
		display: none;
	}
	
	.footer .contactUS li {
		display: block;
		width: 100%;
		text-align: center;
		margin-top: 10px;
	}
	
	.footer .contactUS li span.cmMenuTitle{
		font-size: 18px;
	}
	
	.footer ul.social{
		text-align: center;
	}
	
	div.footer ul.legal{
		margin: 5px 0 20px;
		text-align: center;
		padding: 0;
	}
	
	div.footer ul.legal li{
		font-size: 15px;
	}
	
	div.footer .boxAuth{
		float: none;
		margin: 20px 0;
		text-align: center;
	}
	
	div.footer .boxAuth a{
		margin: 0;
	}
	
	.eventosHeader .parentContent2{
		font-size: 35px;
	}
	
	.bgBlueImg ul.cmContentList .contentAbstract a{
		padding: 20px 5px 25px;
	}
	
	ul.menuPortalC li.itemTitle > span {
		font-size: 33px;
	}
	
	.appPaciente .imageMainContainer img {
		max-width: 75%;
	}
	
	.appPaciente a,
	.appPaciente p {
		font-size: 21px;
	}
	
	ul.menuServiciosPortal li.itemTitle > span {
		font-size: 35px;
	}
	
	ul.menuServiciosPortal > li span.cmMenuTitle {
		font-size: 24px;
	}
	
	.listaBullet ul.cmContentList li.cmContentItem {
		padding: 0px;
	}
	
	.listaBullet ul.cmContentList li .contentName {
		padding: 10px 30px 10px 27px;
		background-size: 20px;
	}

	.centro {
		padding: 25px 15px 10px;
	}
	
	.centro .title {
		font-size: 25px;
	}
	
	ul.menuPortalC,
	.servicios,
	ul.menuServiciosPortal,
	.centro .contentData,
	.appPaciente .contentData{
		text-align: left;
	}
	
	.panel.panel-default .panel-heading{
		padding: 5px 0;
	}
	
	.servicios .title {
		font-size: 28px;
	}
	
	div.listado_cont {
		margin: 10px auto;
	}
	
	div.listado_cont ul.cmContentList li span {
		display: block;
		text-align: center;
	}
	
	div.listado_cont ul.cmContentList li img {
		max-width: 75px;
	}
	
	div.listado_cont ul.cmContentList li {
		margin: 0;
		display: block;
		width: 100%;
	}
	
	div.listado_cont li span.contentName{
		font-size: 18px;
		margin: 2px 0 10px;
		padding: 0 5px;
	}
	
	div.resultados .contentAltText {
		font-size: 26px;
	}
	
	li .modelResultados.templateHtmlList .contentName{
		font-size: 30px;
	}
	
	li.firstNode .modelResultados.templateHtmlList .number {
		font-size: 55px;
	}
	
	li .modelResultados.templateHtmlList .number {
		font-size: 45px;
	}
	
	.listHosp{
		padding: 6px 5px;
		font-size: 16px;
	}
	
	.calidad li .contentDesc p{
		text-align: left;
	}
	
	.appPaciente p.imageMainContainer {
		display: block;
		text-align: center;
	}
	.appPaciente .contentAbstract {
		text-align: center;
	}
	
	p.cmParagraph a {
		overflow-wrap: break-word;
		word-wrap: break-word;
		-ms-word-break: break-all;
		word-break: break-word;
		-ms-hyphens: auto;
		-moz-hyphens: auto;
	}
	
	.cartServiciosDetalle .templateHtmlListImageAbstract .contentAbstract {
		width: 100%;
	}
	
	.cartServiciosDetalle .templateHtmlListImageAbstract .contentAbstract > ul {
		padding-left: 10px;
	}
	
	.programasbanner > .portalLayoutGrid > .portalLayoutRow > .portalLayoutCell{
		display: block;
		padding: 15px;
	}
	
	.programasbanner .bannerShowMore {
		position: initial;
		border-radius: 0;
		margin: 5px 0 0;
	}
	
	div.listado_cont ul.cmContentMultipleList li,
	div.listado_cont ul.cmContentList li{
		width: 100% !important; 
		margin: 10px 0;
	}
	
	.cmCalendarTable td,
	.listaEventos .cmCalendarTable td.calendarDayWithEvents{
		padding: 9.5px !important;
		font-size: 16px !important;
	}
	
	.cmCalendarTable td.calendarDayWithEvents a {
		padding: 0 !important;
	}
}

@media screen and (max-width: 767px){
	.destacado .video iframe{
		width: 100% !important;
		height: 263px !important;
	}
}


@media screen and (max-width: 620px){
	.header ul.menuBuscar {
		right: 173px;
	}
	.header .simpleSearcherBox {
		top: 41px;
	}
}

@media screen and (max-width: 460px) {
	.header ul.menuBuscar {
		right: 0px;
	}
	.header .simpleSearcherBox {
		top: 40px;
	}
	.header .menuPortal{
		top: 42px;
		width: 100%;
		left: 0;
	}
	.header .menuPortal a{
		padding: 6px;
		padding-right: 75px;
		background: url('/imagenes/ginecologia/arrowR.png') no-repeat;
		background-size: 45px;
		background-position: 85% 55%;
	}
	
	.header .menuPortal a:hover{
		background-position: 85% 50%;
	}
}