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

/*	Reset
	------------------	*/

* {
	margin: 0;
	padding: 0;
	border: 0;
}

article, aside, canvas, figure, figure img, figcaption, hgroup,
footer, header, nav, section, audio, video {
	display: block;
}

a img {border: 0;}

/*	Typography presets
	------------------	*/
	
@font-face {
    font-family: 'open_sansCnLtIt';
    src: url('fonts/OpenSans-CondLightItalic-webfont.eot');
    src: url('fonts/OpenSans-CondLightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-CondLightItalic-webfont.woff') format('woff'),
         url('fonts/OpenSans-CondLightItalic-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-CondLightItalic-webfont.svg#open_sansCnLtIt') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sans_condensedbold';
    src: url('fonts/OpenSans-CondBold-webfont.eot');
    src: url('fonts/OpenSans-CondBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-CondBold-webfont.woff') format('woff'),
         url('fonts/OpenSans-CondBold-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-CondBold-webfont.svg#open_sans_condensedbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sanscondensed_light';
    src: url('fonts/OpenSans-CondLight-webfont.eot');
    src: url('fonts/OpenSans-CondLight-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-CondLight-webfont.woff') format('woff'),
         url('fonts/OpenSans-CondLight-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-CondLight-webfont.svg#open_sanscondensed_light') format('svg');
    font-weight: normal;
    font-style: normal;

}

p img { 
	display: block; 
}
	
.gigantic {
	font-size: 110px;
	line-height: 120px;
	letter-spacing: -2px;
}

.huge, h1 {
	font-size: 68px;
	line-height: 72px;
	letter-spacing: -1px;
}

.large, h2 {
	font-size: 42px;
	line-height: 48px;
	color:#660360;
}

.bigger, h3 {
	font-size: 26px;
	line-height: 36px;
}

.big, h4 {
	font-size: 22px;
	line-height: 30px;
}

/*	Generales
	------------------	*/

body {
	margin: 0;
	font: 16px/24px;
	font-family:'open_sanscondensed_light', Arial, Helvetica, sans-serif;
	width: 1295px;
	padding: 0;
	margin-left:auto;
	margin-right:auto;
	background: rgb(232,232,232);
	color: rgb(60,60,60);
	-webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */
	background-image:url(../images/pattern6.jpg);
}
.small, small {
	font-size: 13px;
	line-height: 18px;
}

.fechaTexto {
	color:#FFF;
	background-color:#333;
	padding:4px 0 4px 8px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-top:1px #CCC;
}

.lugartxt {
	font-family:'open_sans_condensedbold', Arial, Helvetica, sans-serif;
	padding:4px 0 4px 8px;
	color:#000;
	background-color:#999;
}

p.lugarnormal a {
	text-decoration:none;
	color:#FFF;
}

.tituloTexto {
	color:#000;
	font-family:'open_sans_condensedbold', Arial, Helvetica, sans-serif;
	padding:4px 0 4px 8px;
	text-transform:uppercase;
}

strong {
	color:#ed6eb0;
}

span.separator {
	color:#000;
	font-family:'open_sans_condensedbold', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}

.infoTexto {
	padding:4px 8px 4px 8px;
}

.plast {
	padding-bottom:15px;
}

.horaTexto {
	font-family:'open_sans_condensedbold', Arial, Helvetica, sans-serif;
	font-size: 22px;
	line-height: 30px;
	padding:4px 0 4px 8px;
	color:#000;
}

dd.category-name {
	font-family:'open_sans_condensedbold', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size: 18px;
}

dd.category-name a {
	text-decoration:none;
	color:#FFF;
}

.blog h2 {
	text-align:center;
}

dd.category-name a:hover {
	color:#000;
}


#wrapContainer {
	width:980px;
	float:left;
}
.itemContainer {
    animation: 2s ease 0s normal none 1 running fadeIn;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 4px 5px #666;
    float: left;
    margin: 15px 7px 0 8px;
    width: 230px;
}

.itemContainer img {display:block;}

.itemContainerLat {
    animation: 2s ease 0s normal none 1 running fadeIn;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 4px 5px #666;
    float: left;
    margin: 15px 7px 0 8px;
    width: 300px;
}

.header{
	/*background-color:#333;
	text-align:center;
	padding:15px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom:1px #333;
	box-shadow: 0px 4px 5px #666;*/
}

.encaabezados {
	text-align:center;
	padding:8px 5px 4px 5px;
}

.portaModulosLat {
	width:315px;
	float:left;
}

.container {
	width:100%;
}


.contacto {
	background-color:#000;
}

.moduletable h3, .moduletable ul  {
	padding:4px 0 4px 8px;
}

.modFace {
	padding:0 0 0 8px;
}

.publicidadImagen img {
	border-radius: 5px;
}

.topimagen {
	border-radius: 5px 5px 0 0;
}

.create {
	color:#FFF;
	background-color:#d7212a;
	padding:4px 0 4px 8px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-top:1px #CCC;
}

dd.category-name {
	color:#FFF;
	background-color:#999;
	padding:0 0 2px 8px;
}

.Publicidad, .Meses {
	display:none;
}

.esconder {
	display:none;
}

.catItemView {
	background-color:#FFF;
}

.clr {
	display:none;
}

.logotipo {
	display:none;
}

.logoPrincipal {
	width:100%; height:auto; max-width:344px;
}

.anuncioCel {
	display:none;
}

.footer {
	padding:30px;
	text-align:center;
	clear:both;
}

/*	Flags
	------------------	*/
.fcampeonato { background-image:url(../images/flags/campeonato.jpg); }
.fpartido { background-image:url(../images/flags/partido_memorable.jpg); }
.fgol { background-image:url(../images/flags/gol_memorable.jpg); }
.frecord { background-image:url(../images/flags/record.jpg); }
.fonce { background-image:url(../images/flags/once.jpg); }
.fseleccionado { background-image:url(../images/flags/seleccionados.jpg); }

.fflag {
	height:70px;
	width:230px;
	background-repeat:no-repeat;
	background-position:top center;
}

.oncetxt {
	text-transform:uppercase;
	line-height:30px;
	text-align:center;
}

/*	Frases
	------------------	*/

p.frase{
  display:block;
  padding: 15px 20px 15px 45px;
  margin: 10px 0 10px;
  position: relative;
  
  /*Font*/
  font-size: 16px;
  line-height: 1.2;
  text-align: justify;
  
  /*Borders - (Optional)*/
  border-left: 15px solid #d7212a;
  border-right: 2px solid #d7212a;
}

p.frase::before{
  content: "\201C"; /*Unicode for Left Double Quote*/
  
  /*Font*/
  font-family: Georgia, serif;
  font-size: 60px;
  font-weight: bold;
  color: #999;
  
  /*Positioning*/
  position: absolute;
  left: 10px;
  top:5px;
}

p.frase::after{
  /*Reset to make sure*/
  content: "";
}

.espaciador {height: 20px; width: 10px;}
.limpiador {clear: both;}

/*	Responsive
	------------------	*/

@media only screen and (min-width: 1295px) and (max-width: 1539px) {
	
	body {
		width: 1295px;
		padding: 0;
		margin-left:auto;
		margin-right:auto;
	}
	#wrapContainer {
		width:980px;
		float:left;
	}
	
}

@media only screen and (min-width: 1050px) and (max-width: 1294px) {
	
	body {
		width: 1050px;
		max-width: 1050px;
		padding: 0;
		margin-left:auto;
		margin-right:auto;
	}
	#wrapContainer {
		width:735px;
		float:left;
	}
}


@media only screen and (min-width: 805px) and (max-width: 1049px) {
	
	body {
		width: 805px;
		max-width: 805px;
		padding: 0;
		margin-left:auto;
		margin-right:auto;		
	}
	#wrapContainer {
		width:490px;
		float:left;
	}
	
}


@media only screen and (min-width: 490px) and (max-width: 804px) {
	
	body {
		width: 490px;
		max-width: 490px;
		padding: 0;
		margin-left:auto;
		margin-right:auto;		
	}
	.portaModulosLat {
		display:none;	
	}
	#wrapContainer {
		width:490px;
		float:left;
	}
	
}

@media only screen and (min-width: 320px) and (max-width: 489px) {
	
	body {
		width:320px;
		max-width: 320px;
		padding: 0;
		margin-left:auto;
		margin-right:auto;		
	}
	.portaModulosLat {
		display:none;	
	}
	.wrap {
		width:245px;
		margin-left:auto;
		margin-right:auto;
	}
	#wrapContainer {
		width:245px;
	}
	.logoPrincipal {
		width:80%; height:auto; max-width:344px;
	}
	
	.anuncioCel {
		display:block;
	}
	
}