@charset "UTF-8";
/* CSS Document */

@media screen and (min-width: 768px) and (max-width: 1180px)  {
	
	.DisplayCell {
		padding: 5%;
	}
	
	.ParrafoNosotros {
		font-size: 24px;
		line-height: 32px;
	}
	
	.TextNosotros {
		font-size: 40px;
	}
	
	.MedioBg a
	{
		width:140px;
		height:140px;
	}
	
	
	
	.MedioBg a:hover {
		border-width:70px;
		border-style:solid;
	}
	
	.BtnMedioRadio:hover {
		border: 70px solid #f5b349;
	}
	
	.BtnMedioPubMovil:hover {
		border: 70px solid #65aea6;
	}
	
	.BtnMedioRevistas:hover {
		border: 70px solid #c03b49;
	}
	
	.BtnMedioVolantes:hover {
		border: 70px solid #d43576;
	}
	
	.TextoParche {
		padding: 0 5%;
		top:0px !important;
	}
	
	.TituloDesMedio {
		font-size: 33px;
		padding: 0 5%;
	}
	
	.Vallas:hover ~ .TextoVallas, .Radio:hover ~ .TextoRadio, .Camiones:hover ~ .TextoCamiones, .Revistas:hover ~ .TextoRevistas, .Bolantes:hover ~ .TextoBolantes {
		top: 217px;
	}
	
	.TituloDesMedio {
		top: 180px;
	}
	
	.MedioBg a::before {
		width:140px;
		height:140px;		
	}
	
	.BtnMedio::before {
		background: url(../images/MedioB1.png) 73% 77% no-repeat;
		background-size: 100px;
	}
	
	.BtnMedioRadio::before {
		background: url(../images/Radio.png) 85% 250% no-repeat;
		background-size: auto 130px;
	}
	
	.BtnMedioPubMovil::before {
		background: url(../images/PubMovil.png) 88% 110% no-repeat;
		background-size: 100px;
	}
	
	.BtnMedioRevistas::before {
		background: url(../images/Revista.png) 90% 118% no-repeat;
		background-size: 110px;
	}
	
	.BtnMedioVolantes::before {
		background: url(../images/Volantes.png) 186% 107% no-repeat;
		background-size: 125px;
	}
	
	.MensajeTitulo {
		margin-top: 40px;
		font-size:25px;
	}
	
	.BtnMenuHeader:hover {
		opacity: 1;
	}
}

@media screen and (min-width: 768px) and (max-width: 1180px) and (orientation: portrait)  {
	
	.BgHeader {
		height: 60px;
		
	}
	
	.logoIndex {
		margin-left: 3%;
		margin-top: 20px;
		width: 180px;
	}
	
	.BtnMenuHeader {
		margin-right: 20px;
		margin-top: 23px;
	}
	
	.bgIndex , .DivBgInfoNosotros , .BgMedios , .BgCobertura , .DivContacto , .BgGaleria {
		height: calc( 100% - 60px);
	}
	
	.bgIndex
	{
		margin-top:60px;
	}
	
	.ParcheId {
		top: -60px;
		height: 60px;
	}
	
	.MensajeTitulo {
		margin-top: 110px;
	}
	
	.labelForm {
		font-size: 20px;
	}
	
	.campoForm:focus ~ .labelForm, .used ~ .labelForm {
		font-size: 20px;
	}
	
	.campoForm {
		font-size: 20px;
	}
	
	.TextAreaNotas:focus ~ .labelForm, .used ~ .labelForm {
		font-size: 20px;
	}
	
	.TextAreaNotas:focus, .alturaText {
		font-size: 20px;
	}
	
	.TextNosotros {
		font-size: 50px;
	}
	
	.ParrafoNosotros {
		font-size: 30px;
		line-height: 37px;
		width: 100%;
		text-align: justify;
		padding: 0 10%;
	}
	
	.TituloDesMedio {
		position: relative;
		opacity: 1;
		top: 0;
		margin-top: 20px;
		margin-bottom: 70px;
	}
	
	.TextoParche {
		display:none;
	}
	
	.TextoBolantes
	{
		margin-bottom:0px;
	}
	
	.MedioBg a {
		width: 190px;
		height: 190px;
	}
	
	.MedioBg a::before {
		width: 190px;
		height: 190px;
	}
	
	.BtnMedio::before {
		background: url(../images/MedioB1.png) 73% 77% no-repeat;
		background-size: auto;
	}
	
	.BtnMedioRadio::before {
		background: url(../images/Radio.png) 75% 120% no-repeat;
		background-size: auto;
	}
	
	.BtnMedioPubMovil::before {
		background: url(../images/PubMovil.png) 75% 88% no-repeat;
		background-size: auto;
	}
	
	.BtnMedioRevistas::before {
		background: url(../images/Revista.png) 82% 106% no-repeat;
		background-size: auto;
	}
	
	.BtnMedioVolantes::before {
		background: url(../images/Volantes.png) 176% 107% no-repeat;
		background-size: auto;
	}
	
	.Vallas:hover ~ .TextoVallas, .Radio:hover ~ .TextoRadio, .Camiones:hover ~ .TextoCamiones, .Revistas:hover ~ .TextoRevistas, .Bolantes:hover ~ .TextoBolantes {
		top: 0px;
	}
	
	.MedioBg a:hover {
		border-width: 6px;
		border-style: solid;
	}
	
	.AcomodoMedios {
		padding-top: 30px;
	}
}

@media screen and (min-width: 0px) and (max-width: 767px)   {
	
	.BgHeader
	{
		text-align:center;
		height:53px;
    	top: 0;
		z-index:10;
	}
	.enlaceIndex
	{
		display: block;
		width: 130px;
		margin: 0 auto;
	}
	
	
	
	.logoIndex {
		margin-top: 10px;
		margin-left: 0;
		width: 130px;
		float: inherit;
	}
	
	.ParcheId {
		top: -53px;
    	height: 53px;
		
	}
	
	.bgIndex {
		height: calc( 100% - 53px);
		margin-top: 53px;
		margin-bottom: 0;
	}

	.DivBgInfoNosotros {
		height: calc(100% - 53px);
	}
	
	.DisplayCell {
		padding: 5% 10%;
	}
	
	.BtnMenuHeader {
		margin-right: 0px;
		margin-top: 0px;
		font-size: 13px;
		padding: 0 4px;
		height:18px;
	}
	
	.TextNosotros {
		font-size: 30px;
		display:inline-block;
		width:100%;
		margin-top:10px;
	}
	
	.DisplayCell img:first-child
	{
		width:50px;
	}
	
	.ParrafoNosotros {
		font-size: 14px;
		line-height: 20px;
		text-align: justify;
		margin-top:20px;
	}
	
	.BgMedios {
		display: inline-table;
		height: calc(100% - 53px);
	}
	
	.TextoParche {
		display: none;
	}
	.TituloDesMedio {
		position: relative;
		opacity: 1;
		top: 0;
		font-size:20px;
		padding:0;
		margin: 20px 0px 50px 0px;
	}
	
	.CellMedios {
		padding:10%;
	}
	
	.DescMedio {
		font-size: 16px;
		width: 100%;
		text-align: justify;
		display: inline-block;
		line-height: 22px;
	}
	
	.TextoBolantes
	{
		margin-bottom:0;
	}
	
	.Vallas:hover ~ .TextoVallas, .Radio:hover ~ .TextoRadio, .Camiones:hover ~ .TextoCamiones, .Revistas:hover ~ .TextoRevistas, .Bolantes:hover ~ .TextoBolantes {
		top: 0;
	}
	
	.MedioBg a {
    	width: 140px;
    	height: 140px;
	}
	
	.MedioBg a::before {
    	width: 140px;
    	height: 140px;
	}
	
	.BtnMedio::before {
		background: url(../images/MedioB1.png) 73% 77% no-repeat;
		background-size: 100px;
	}
	
	.BtnMedioRadio::before {
		background: url(../images/Radio.png) 85% 250% no-repeat;
		background-size: auto 130px;
	}
	
	.BtnMedioPubMovil::before {
		background: url(../images/PubMovil.png) 88% 110% no-repeat;
		background-size: 100px;
	}
	
	.BtnMedioRevistas::before {
		background: url(../images/Revista.png) 90% 118% no-repeat;
		background-size: 110px;
	}
	
	.BtnMedioVolantes::before {
		background: url(../images/Volantes.png) 186% 107% no-repeat;
		background-size: 125px;
	}
	
	.MedioBg a:hover {
		border-width: 6px;
		border-style: solid;
	}
	
	.BgGaleria {
		display: block;
		height: calc(100% - 53px);
	}
	
	.BtnMenuHeader:hover {
		opacity: 1;
	}
	
	.BgCobertura {
    	display: block;
		height: calc(100% - 53px);
	}
	
	.DivContacto{
    	display: block;
		min-height: calc(100% - 53px);
	}
	
	.DivForm {
		width: 80%;
	}
	
	.MensajeTitulo {
		font-size: 20px;
		margin-top: 30px;
	}
	
	.GroupForms {
		height: 65px;
	}
	
	.BtnContacto {
		font-size: 18px;
		width: 100%;
		text-align: center;
		margin-bottom: 20px;
	}
	
	.marginSocialIcons {
		margin: 0 10px;
	}
	
	.maparesponsive
	{
		display:block;
	}
	
	.mapa
	{
		display:none;
	}
	
	
}


@media screen and (min-width: 0px) and (max-width: 767px) and (orientation:landscape)   {
	
	.BtnContacto {
		width:200px;
		margin-bottom:0;
		
	}
	
	.BtnMenuHeader {
		width: 19%;
	}
	
	.maparesponsive
	{
		display:block;
	}
	
	.mapa
	{
		display:none;
	}
	
}