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

.bg-light { background-color:#f7f7f7 }
.titgrande { font-size: 3.8em;
    line-height: 1.4em;
    font-weight: 600; }

.imgsigno{min-height: 170px; padding-top: 15px }
.fdoimgsigno { width: 150px; height: 150px; float: left; margin-bottom: 20px; margin-right: 20px; border-radius: 6px;background-position: 4px 0 }
.margin-t-20 { margin-top: 20px }	
.padding-b-30 { padding-bottom: 30px !important}	
.margin-b-20 { margin-bottom: 20px}	
.fdosignochico {min-height: 170px;width: 100%;background-repeat: no-repeat;position: relative; background-size: 580px}
.textsignochico { position: absolute; left: 25px; top: 75px }
.titch { font-size: 3em; line-height: 1.4em; margin-top: 15px; font-weight: 600}
.textoch{ line-height: 1.4em; font-size: 1.4em}
.article .title{ color:#545459 }
.article .text { font-size: 1.7em;line-height: 1.4 }
.subtitle { font-size: 1.8em; font-weight: 600 }

.signodelmes{ color:#0076ce }	
.big { font-size: 2em }
.heading { color: #0076ce }
.heading:before { background-color: #0076ce }
.text-right { text-align: right }
.text-white { color: #FFFFFF}
.vermas { padding: 5px 15px; border-radius: 5px; border:1px solid #cccccc; font-weight: 700; margin-top: 20px; margin-bottom: 20px; width: 120px; font-size:1.1em; cursor: pointer}
.vermas:hover {opacity: .8}

.bg-light {background-color: #f0f0f0}
.icolunasol {border:1px solid #dddddd; width: 50px; border-radius: 6px; padding: 10px; margin-bottom: 5px}

.vermasbig { padding: 8px 15px; border-radius: 5px; border:1px solid #0076ce; background-color: #0076ce; font-weight: 700; margin-top: 20px; margin-bottom: 20px; width: 200px; font-size:1.9em; cursor: pointer; color: #FFFFFF}
.vermasbig:hover {opacity: .8; color: #FFFFFF}
.vermasbig a:hover {color: #FFFFFF !important}
.vermasbig a {color: #FFFFFF !important}

.include_redes ul, .include_redes li { list-style: none}
.include_redes li { display: inline; margin-right: 16px}
.include_redes li:last-child {margin-right: 0}
.icredes{height: 45px }
.include_redes img:hover { opacity: .8}
	.ocultomovil { display:inline}
	.recibirhoroscopo{display: inline; height: 45px;margin-left: -11px  }
	.iconopronosCL11 {  border:1px solid #dddddd; width: 100px; border-radius: 6px; padding: 10px; float: left; margin-right: 20px}
	.recibirhoroscopoch { display: none}
	.margenizqpron { margin-left: -13px }

@media (min-width: 768px){  
	.margengrande { margin-top: 10px; margin-left: 10px}
	.include_redes { text-align: right}
}
		
@media (max-width:480px){
	.big {margin-top: 10px}
}

@media (max-width:1200px){
	.iconopronosCL11 { margin-bottom: 20px}
	.iconsol { margin-top: 15px}
	.icolunasol {float: left; margin-right: 20px; margin-bottom: 20px}
		
}

@media (max-width:767px){
	.titgrande { font-size: 2.5em }
	.margengrande { margin-top: -10px; margin-left: -20px}
	.margenizqch { margin-left: -20px}
	.textoch{  margin-top: -10px}
	.fdoimgsigno { width: 110px; height: 110px;  background-position: -17px -22px;float: left; margin-bottom: 15px; margin-right: 15px; border-radius: 6px }
	.imgsigno{min-height: 130px}
	.icredes{height: 40px }
	.include_redes {padding: 10px 0}	
	.include_redes li { margin-right: 6px}
	.ocultomovil { display: none}
	.recibirhoroscopo{display: none}
	.recibirhoroscopoch { height: 40px; display: inline}
	.bloque { min-height: 105px }
	.bloque img { height: 85px }
	.big { font-size: 1.6em }
	.margenizqpron { margin-left: 0;   height: 90px}
.primerparrafo { margin-top: 23px}
.segparrafo { padding-top: 10px}
}