/* ================== Estilos para HOME ================== */

/* Copa Centenario Skin */

#comercial #main.inicio .topHome {background: url("../../imag/centenario/bg-cent-com.jpg") no-repeat center top #2164a6;}
#comercial #main.inicio .topHome  section.auxiMain a.foto h2.titular , #comercial #main.inicio .topHome section.auxiMain .auxi .aleft h2.titular a , #comercial #main.inicio .topHome section.auxiMain .auxi .aleft p.bajada {color:#fff !important;}
#comercial.bodysite footer#footer {background:url("../../imag/centenario/bg-cent-com-foot.jpg") no-repeat center top #e3241b;}
#comercial.bodysite {background-color:#fff;}
/*--*/

#comercial #header .auxi, #comercial #footer .auxi, #comercial .menu-principal > .auxiMenu, #comercial #main.inicio .auxiMain {max-width: 1030px;}
#comercial #main.inicio .topHome {/*background: url("../../imag/cdf/fondo_comercial.jpg") repeat-y center top #d32229;*/ padding: 40px 0 0; min-height: 560px;position: relative;}
#comercial #destacado {width: 100%;position: relative;margin: 0 auto;}
#comercial #destacado .owl-carousel {width: 60%; float: left;}
#comercial .ar1-1 {width: 100% !important;}
#comercial #destacado .boxTxt {position: absolute;	bottom: 15%;	left: auto;	right: 15%;	margin: 0 auto;	width: 20%;	padding: 0;	float: left;}
#comercial #destacado.interior .boxTxt {position: relative;	bottom: auto;	left: auto;	right: auto;	margin: 0 auto;	width: 96%;
	padding: 0;	float: none;	max-width: 875px;	display: block;}
#comercial #destacado .ar1-1 a img, #comercial .ar1-2 a img {width: 100%;	height: auto;}
#comercial #destacado .boxTxt h2.titular a {font-family: Montserrat_Bold, Verdana, Geneva, sans-serif;	font-size: 15px;	line-height: 120%;	color: #2d2d2d;	font-weight: bold;}
#comercial #destacado .foto h2.titular {font-family: Montserrat_Bold, Verdana, Geneva, sans-serif;	font-size: 17px;	line-height: 120%;	color: #2d2d2d;	font-weight: bold; clear: both;padding: 10px 0 0;text-align: center;}
#comercial #destacado .boxTxt p.bajada {	font-family: open_sans_regular, Verdana, Geneva, sans-serif;	font-size: 14px;line-height: 120% !important;	color: #2d2d2d !important;clear: both;	float: left;}
#comercial #destacado .boxTxt a.suscribete {background: url("../../imag/v1/auxi/btn_suscr.png") left top no-repeat;	width: 130px;	height: 28px;	display: block;	margin: 20px 0 0;}
#comercial #owl-demo .item img{display: block; width: 100%; height: auto;}
#comercial #main .contenido {width: 100%;	max-width: 1030px;	margin: 0 auto;	padding: 25px 0px;	float: left;}
#comercial .boxRotulo_izq {background: rgba(0, 0, 0, 0) url("../../imag/cdf/titulo_corto_negro.png") no-repeat scroll left top;
	border-bottom: 1px solid #000;	float: left;	margin: 0 0 30px;	overflow: hidden;	width: 100%;}
	#comercial .boxRotulo_izq.largo {background: rgba(0, 0, 0, 0) url("../../imag/cdf/titulo_largo_negro.png") no-repeat scroll left top;}
#comercial .contenido h3.boxRotulo h3.boxRotulo, .contenido .boxRotulo {background: none;	border-bottom: none;	color: #ffffff;	float: left;	font-family: Montserrat_Bold,Verdana,Geneva,sans-serif;font-size: 21px;	overflow: hidden;	padding: 10px 15px 1px 10px;	text-align: left;	text-transform: uppercase;	margin: 0 0 0 8px;	width: auto;}
#comercial .ar3 {width: 100%;	position: relative;	margin: 0 0 50px;	overflow: hidden;}
#comercial .boxTxt .auxi .aleft {width: 100%;	float: left;}
#comercial .ar3 .boxTxt {position: inherit;	bottom: auto;	left: auto;	right: auto;	margin: 0 auto;	width: 60%;	float: right;}
#comercial .ar3 .boxTxt h3.titular {clear: both; float: none;	margin: 5px 0 10px;	font-size: 18px !important;}
#comercial .ar3 .boxTxt h3.titular a {font-family: Montserrat_Bold, Verdana, Geneva, sans-serif;	font-size: 21px;	line-height: 120%; color: #000; font-weight: bold;}
#comercial .ar3 .boxTxt p {font-size: 18px; color: #000; line-height: 140%;}
#comercial #footerComercial {background: #2d2d2d;	width: 100%;padding: 20px 0 35px;}
#comercial #footerComercial .auxi {	max-width: 1030px;	margin: 0 auto;}
#comercial #footerComercial .auxi ul {display: inline-block;	clear: both;	overflow: hidden;	margin: 0px 10%;}
#comercial #footerComercial .auxi ul li {display: inline-block;float: left;margin: 0 5px;}

span.icoPlay {
	background: url(../../imag/v1/auxi/sprite.png) no-repeat -193px -72px;}


#comercial #destacado .boxDestacado {max-width: 1030px;	margin: 20px auto;background: #EAEAEA; overflow: hidden;}
#comercial #destacado .boxDestacado .contenedor {display: block;	margin: 20px auto;	width: 85%; overflow: hidden;}
#comercial #destacado .boxDestacado .contenedor img {display: block;	margin: 0 auto; width: 100%; height: auto;}
#comercial #destacado .boxDestacado .contenedor a {font-family: Montserrat_Bold, Verdana, Geneva, sans-serif;	font-size: 18px;	line-height: 120%; color: #000; font-weight: bold; display: block; margin: 10px 0 0; text-align: right;}
#comercial #destacado .boxDestacado .contenedor h3, #comercial #destacado .boxDestacado .tarifario span {font-family: Montserrat_Bold, Verdana, Geneva, sans-serif;	font-size: 24px;	line-height: 120%; color: #000; font-weight: bold; display: block; margin: 10px 0 0;}

.artPartidos {overflow: hidden;	margin: 20px 0 40px;}

.artPartidos .videosPartidos {width: 46%;	display: block;	position: relative;	float: left; margin: 10px 2%;}
.artPartidos .videosPartidos img, .artPartidos .statsPartidos img {width: 100%;	margin: 0 auto;	display: block; height: auto;}

.artPartidos .statsPartidos {width: 31%;	margin: 0 1%;	display: block;	float: left;}

.artPartidos .persPartidos {width: 23%;	float: left;	margin: 20px 1%;	text-align: center;}
.artPartidos .persPartidos img {width: 100%; height: auto; max-width: 150px !important; display: block; margin: 0 auto;}
.textProgramas {display: block;	float: left; width: 56%;	margin: 0 2% 10px;}
.auspProgramas .boxTxt {float: left;	display: block;	margin:10px auto;}
.auspProgramas .boxTxt .pregunta {width: 30%;	display: block;	float: left;	font-weight: bold;}
.auspProgramas .boxTxt .respuesta {display: inline-block;}
.fotoProgramas img {margin: 0 auto;	display: block;}
.artProgramas .foto {display: block;	float: left;	width: 23%;	margin: 20px 1%;}
.artProgramas .foto img {width: 100%; height: auto;}
.artProgramas.descarga img {width: 100%; height: auto;}
.artProgramas.descarga .boxTxt {text-align: center;	margin: 10px 0;	display: block;	width: 100%;}
.artProgramas.descarga .boxTxt a {background: rgba(0, 0, 0, 0) url("../../imag/cdf/btn_descargar.png") no-repeat scroll left top; width: 147px;height: 34px;display: block;margin: 30px auto 10px;color: transparent;}

#descargaPopUp a{background: rgba(0, 0, 0, 0) url("../../imag/cdf/btn_descargar.png") no-repeat scroll left top; width: 147px;height: 34px;display: block;margin: 10px auto 5px;color: transparent;}
#descargaPopUp{display: block;}
.pic-large img{height: auto;}

#colorbox #cboxLoadedContent{
	padding-right: 0 !important;
}

#comercial #destacado .boxDestacado .tarifario {width: 31%;	margin: 30px 1.16%;	float: left; text-align: center;}
#comercial #destacado .boxDestacado img {width: 100%;	height: auto;}

#comercial .ejecutivo {width: 48%;	display: block;	float: left;	margin: 20px 1% 30px;}
#comercial .ejecutivo img {float: left;	margin-right: 20px;}
#comercial .ejecutivo .contacto {float: left;	display: block;	width: 60%;}
#comercial .ejecutivo .contacto h4 {font-size: 24px;	color: #000;	display: block;	margin: 10px 0 15px; font-weight: bold;}
#comercial .ejecutivo .contacto p {font-size: 18px;	display: block;	margin: 0 0 5px; color: #333;}


/* ================== Responsive ================== */

@media (max-width:480px){
	#comercial #footerComercial .auxi ul li {max-width: 150px;max-height: 110px;}
}

@media (max-width:600px){
.topArt .seccion {padding: 20px 15px;}
#comercial .ar3 {background: none !important; max-width: 370px; margin: 0 auto 30px;}
#comercial .ar3 a img {width: 100%;}
#comercial #destacado .owl-carousel {width: 100% !important; float: none !important;}
#comercial .boxTxt {width: 90% !important;	float: none !important; text-align: justify; margin: 0 auto;}
#comercial #destacado .boxTxt {position: relative;	bottom: auto;	left: auto;	right: auto !important;	margin: 0 auto;	width: 90%;	float: none;}
#comercial #main.inicio .topHome {padding: 0 !important;}
#comercial .ar1-1 .boxTxt {padding: 0 5% 0 !important;}
#footer {padding: 0 !important;}

#comercial #destacado .boxDestacado .contenedor {width: 100%; margin: 20px auto;}
#comercial #destacado .boxDestacado .contenedor a {margin: 10px 20px 0;}
#comercial #main .contenido {padding: 0;}
#comercial .contenido h3.boxRotulo h3.boxRotulo, .contenido .boxRotulo {font-size: 16px;}
.artPartidos .videosPartidos {width: 100%;	margin: 1em auto;}
.artPartidos .persPartidos {width: 48%;	margin: 20px 1%;}
#comercial #destacado {margin: 0 auto 30px;}
#comercial #destacado .boxDestacado .contenedor h3 {padding: 0 15px;}
.artProgramas {margin: 20px 0;}
.fotoProgramas img {width: 100%;	height: auto;}
.artProgramas.descarga .boxTxt {text-align: center !important;}
.auspProgramas .boxTxt .pregunta {width: 100%;}
.auspProgramas .boxTxt .respuesta {margin: 0 0 20px;}
.artProgramas .foto {width: 100%;	margin: 10px 0 0;}

#comercial .ejecutivo {width: 98%;}
}
    
@media (max-width:840px){
#comercial #destacado .boxTxt {right: 10%;	width: 25%;}
#comercial #destacado .boxDestacado .tarifario span {font-size: 18px;}
#comercial #footerComercial .auxi ul {display: block;	max-width: 360px; margin: 0 auto;}
#comercial #footerComercial .auxi ul li {margin: 0 auto;}
}

@media (min-width:601px) and (max-width:840px){
		#comercial .ar3 a img {width: 48%;}
		
		.auspProgramas .boxTxt {float: none;	margin: 0 auto 10px;}
		.fotoProgramas {margin: 40px 0 10px;}
		.artProgramas .foto {width: 48%;}
}

@media (max-width:960px){
	#comercial #destacado .owl-carousel {width: 60%;	float: left;}
	#comercial .ar3 {width: 90%;	margin: 0 auto 50px;}
	#comercial .ar3 .boxTxt h3.titular a {font-size: 18px;}
#comercial .ar3 .boxTxt p {font-size: 16px;}
#comercial .ejecutivo img {width: 40%;	height: auto;}
#comercial .ejecutivo .contacto {width: 54%;}
}

@media (max-width:1280px){
		#comercial #main.inicio .topHome {padding: 40px 0 20px;	min-height: auto;}

}

@media (max-width:1600px){
				
}