@charset "UTF-8";

/*
Theme Name: Coahuila Dice
Author: DMX
Author URI: @emm_rozz
Version: 1.0
Text Domain: coahuiladice.com
*/





    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, embed,
    figure, figcaption, footer, header, hgroup,
    menu, nav, output, ruby, section, summary,
    time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
		-webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		-ms-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
    }
    /* HTML5 display-role reset for older browsers */
    article, aside, details, figcaption, figure,
    footer, header, hgroup, menu, nav, section {
    display: block;
		-webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		-ms-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
    }
	a{ text-decoration:none;
-webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		-ms-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;}
	html {
				overflow:auto;

	}
    body {
    line-height: 1;
	 background:#fff;
	 font-family: 'proxima_nova_rgregular';
		color:#333;
	  background-position: 50% 50%;
        -webkit-transition: all .5s ease-in-out;
		-moz-transition: all .5s ease-in-out;
		-o-transition: all .5s ease-in-out;
		-ms-transition: all .5s ease-in-out;
		transition: all .5s ease-in-out;
	 margin: 0px;
    padding: 0px;
  
    }
	
header{
background: #FFF;
width:100%;
height:auto;
padding:0;
z-index:2;
position:fixed;
text-align:center;
top:0;
font-family: 'proxima_nova_rgbold';
}

header #menu{
	color:#fff;
	margin: 20px auto;
	text-align:center;
	width:100%;
	max-width: 1280px;
	position: relative;
	display: inline-block;
}
header ul li {
	color:#595959;
	font-size:14px;
	list-style:none;
	padding:0 10px;
	text-align:center;
	-webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		-ms-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
}

header ul .logo  {
	float:left;
	padding:0px;
}

header ul .itemsMenu  {
	float:left;
	margin:25px 10px 0 0;
}

header ul .itemsMenu  li {
	float:left;
	
	
}

header ul .red  {
	float:right;
	
}

header .red   li{
	float:righ;
	display:inline-block;
	list-style:none;
	vertical-align:middle;
	padding:40px 15px 0 15px;
}



header ul .logo img {
	margin:5px;
	max-width: 200px;
}


header ul li .activeMenu,
header ul li:hover{
	cursor:pointer;
	color:#999;
	
}

#menuToggle{
	display:inline;
	height:auto;

}
#menuToggle li{ 
margin: 0 10px ;
}
header ul .menu{
	display:inline-flex;
	pointer-events:none;
	vertical-align: middle;
}


#menu-toggle {
  display: none;
}

header ul label .menuCircle{
	position:relative;
	vertical-align:middle !important;
	width:30px;
	height:auto;
	padding:5px;
	text-align:left;
	cursor:pointer;
	margin: 0 20px;
	}
	

	
	
	

header ul label .menuCircle hr{
	background:#606060;
	height:6px;
	width:35px;
	border:0px;
	padding:0;
	display: inline-block;
	vertical-align:middle;
	margin:0 auto;
	-webkit-border-radius: 2px ;
      -moz-border-radius:2px ;
	   border-radius: 2px ;
}



header img{
	display:inline-block;
	vertical-align:middle;
	
	cursor:pointer;
}



#menuToggle{
display: inline-block;
vertical-align:middle;

text-align:center;
}

#menuToggle li{
	display:inline-block;
	padding: 20px 15px 20px 15px;
	position:relative;
	font-size:16px;
	color:#58595a;
	text-align:left;
	cursor:pointer;
	margin: 0 ;
	vertical-align:middle;
	
	background-position: center top;
}
#menuToggle li:hover,
#menuToggle  .activeMenu  {
	cursor:pointer;
		color:#999;
	
	
	-moz-transform-origin: 0px 0px;    
    -webkit-transform-origin: 0px 0px;  
   transform-origin: 0px 0px;  
	}

#menuToggle li label{
	font-size:13px;
	text-align:left;
	width:50%;
	float:left;
	
}
#menuToggle li hr{
	background:url(assets/path/flecha.png) top right no-repeat;
margin:20px 0 0 0;
padding: 0;
height: 20px;
border: 0;
border-bottom: 1px solid #fff;
width:0;
}
#menu-toggle:checked + #menuToggle  {
  display: inline-block;
  
}

#menuToggle li ul{ display:none;  magin:15px 0;}

#menuToggle li.btnSearch img{
	
	
	width: auto;
	position: relative;
	vertical-align: top;
	cursor:pointer;
	    max-width: 18px;
}


	
article {
	width:100%;
	height:100%;
	position:relative;
	float:left;
	clear:left;
	z-index:1;
	text-align: center;
	
}
article section{
	width:100%;
	max-width: 1280px;
	display: inline-block;
	position:relative;
	text-align: left;
	padding:20px 0;
	
}

article section .home{
	width:100%;
	display: inline-block;
	position:relative;
	padding:10px 0 ;
	max-width: 1280px;
}

article section .home .principal{
	width:70%;
	float:left;
	position:relative;
}

article section .home .listNotas{
	width:30%;
	float:left;
	position:relative;
}

article section .home .principal .principalPost{
	width:70%;
	float:left;
	position:relative;
}
article section .home .principal .principalPost .foto{
	
	padding:10px 0 0 ;
	
}
article section .home .principal .principalPost .titulo{
   font-size: 32px;
}
article section .home .principal .secundaryPost {
	width:30%;
	float:left;
	position:relative;
}

article section .home .principal .secundaryPost  .foto {
  max-height: 140px;
  overflow: hidden;
	
}
article #sec1 .home.home2 .principal .principalPost .foto{
	width: 100%;
	padding:0  ;
	position: relative;
	height: auto;
	display: inline-block;
	max-height: 400px;
	overflow: hidden;
	min-height: 400px;
}
article section#sec1 .home .principal .principalPost .foto img{
	min-height: 400px;
}


article section .home .foto{
	width: 96%;
	padding:10px ;
	position: relative;
	height: auto;
	display: inline-block;
	
}
article section .home .foto img{
	width: 100%;
	height: auto;
	cursor: pointer;
	
}
article section .home span{
	width: 96%;
	text-align: right;
	padding:0 10px ;
	position: relative;
	font-size:12px;
	color:#666;
	height: auto;
	display: inline-block;
	font-family: 'proxima_novalight_italic';
}

article section .home span.LeftAuthor{
	width: 96%;
	text-align: left;
	padding:0 5px 0 10px;
	position: relative;
	font-size:12px;
	color:#666;
	height: auto;
	display: inline-block;
	font-family: 'proxima_novalight_italic';
}


article section .home .titulo{
	width: 96%;
	padding:10px 10px 0 10px;
	position: relative;
	height: auto;
	display: inline-block;
	font-family: 'proxima_novasemibold';
	font-size: 18px;
}
article section .home .sumario{
	width: 96%;
	padding:10px 10px 10px 10px ;
	position: relative;
	height: auto;
	display: inline-block;
	text-align: justify;
	font-size: 16px;
	color: #666;
}
article section  .titulo{
	cursor:pointer;
	text-align: left;
	-webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		-ms-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
}

article section  .titulo:hover{
	cursor:pointer;
	color:#999999;
}


article section .home .principal .secundaryPost .titulo{
	width: 90%;
	padding: 0 10px 10px 10px ;
	position: relative;
	height: auto;
	display: inline-block;
	font-family: 'proxima_novasemibold';
	cursor:pointer;
}
article section .home .principal .secundaryPost .sumario{
	width: 90%;
	padding:0px 10px 15px 10px ;
	position: relative;
	height: auto;
	display: inline-block;
	text-align: justify;
	color: #666;
}
article section .home .listNotas ul{
	width: 96%;
	margin:10px ;
	float:left;
	position:relative;
	border-left: 1px solid #999;
}

article section .home .listNotas ul li{
	border-bottom:1px solid #999;
	padding-bottom: 5px;
	list-style: none;
}
article section .home .listNotas ul li:nth-last-child(1){
	border:0;
}
article aside{
	width:90%;
	max-width:1060px;
	height:auto;
	min-height:300px;
	margin: 0 auto;
	padding:0 5%;
	z-index:999;
	position:relative;
	
}

article section .home.homePost .principal  .foto {
  width: 94%;
  padding: 5px;
  position: relative;
  height: auto;
  display: inline-block;
	max-height: 150px;
  overflow: hidden;
}

article section .home.homePost .principal  .secundaryPost{
	width: 69%;
}
article section .home.homePost  .principal .principalPost {
	width: 30%;
	border-right: 1px solid #999;
	
}
article section .home.homePost  .principal .principalPost  .sumario{
	margin-bottom: 15px;
	
}

article section .home.homePost  .principal .titulo {
	font-size: 18px;
	width: 94%;
  padding: 5px 10px;
}
article section .home.homePost  .principal .sumario {
	font-size: 16px;
	width: 94%;
  padding: 5px 10px;
}


article section .home.homePost .principal  .secundaryPost .contentPost{
  width: 50%;
  position: relative;
  float:left;
	text-align: left;
}
article section .home.homePost  .principal .secundaryPost .contentPost .titulo {
	padding:20px 0 10px 10px;
	text-align: left;
}
article section .home.homePost  .principal .secundaryPost .contentPost .sumario {
	padding:0px 10px 0 10px
}

article section .home.homePost  .principal .principalPost  span.LeftAuthor{
	text-align: left;
	padding:0px 10px 20px 10px ;
	display: inline-block;
  position: relative;
  width: 94%;
	
}
article section .home.homePost  .principal .secundaryPost .contentPost span.LeftAuthor{
	text-align: left;
	padding:0px 10px 0 10px ;
	
}




article section .home2 .principal{
	width:70%;
	float:left;
	position:relative;
}
article section .home2 .principal .textPhoto{
position: absolute;
  width: 85%;
  height: auto;
  display: inline-block;
  bottom: 0;
  left: 0;
	margin: 10px 10px 10px 0;
	background: #666;
}
article section .home.home2 .principal   {
   width: 100%;
}
article section .home.home2 .principal .principalPost{
   width: 50%;
}
article section .home.home2 .principal .principalPost .foto {
  padding: 0 10px;
  
}
article section .home.home2 .principal .secundaryPost{
   width: 50%;
		background:  #666;
	margin-bottom: 0;
}
article section .home.home2 .principal .principalPost .titulo{
  font-size: 32px;
	color:#fff;
}

article section .home.home2 .principal .secundaryPost .foto {
  max-height: 205px;
  overflow: hidden;
  width: 50%;
  float: left;
  position: relative;
  padding: 0;
  margin: 0;
	box-shadow: 
		rgba(0, 0, 0, 0.09) 0px 2px 1px, 
		rgba(0, 0, 0, 0.09) 0px 4px 2px, 
		rgba(0, 0, 0, 0.09) 0px 8px 4px, 
		rgba(0, 0, 0, 0.09) 0px 16px 8px, 
		rgba(0, 0, 0, 0.09) 0px 32px 16px;
	z-index: 2;
}
article section .home.home2 .principal .secundaryPost .textPhoto2 {
  max-height: 180px;
  overflow: hidden;
  width: 50%;
  float: left;
  position: relative;
  margin: 10px 0;

}
article section .home.home2 .principal .secundaryPost .foto img{
	min-height: 205px;
}
article section .home.home2 .principal .secundaryPost.right .foto {
  max-height: 195px;
  overflow: hidden;
  width: 50%;
  float: right;
  position: relative;
  padding: 0;
  margin:  0;
	box-shadow: 
		rgba(0, 0, 0, 0.09) 0px -2px 1px, 
		rgba(0, 0, 0, 0.09) 0px -4px 2px, 
		rgba(0, 0, 0, 0.09) 0px -8px 4px, 
		rgba(0, 0, 0, 0.09) 0px -16px 8px, 
		rgba(0, 0, 0, 0.09) 0px -32px 16px;
	z-index: 2;
}


article section .home.home2 .principal .secundaryPost.right .textPhoto2 {
  max-height: 180px;
  overflow: hidden;
  width: 50%;
  float: right;
  position: relative;
  padding: 0;
  margin: 10px 0;
}

article section .home.home2 .principal .secundaryPost .titulo {
  width: 90%;
  padding: 10px 10px 10px;
  position: relative;
  height: auto;
  display: inline-block;
  font-family: 'proxima_novasemibold';
  cursor: pointer;
	color:#e2e2e2;
}

article section .home.home2 .principal .secundaryPost .sumario{
	color:#e5e5e5;
}

#twitter-widget-0{ min-height: 700px; width:100%;}
.twitter-share-button { height: 30!important; max-height: 30px !important; min-height:30px !important}






.site-content{
	position: relative;
	width: 100%;
	display: inline-block;
	margin-top: 115px;
}

.ads{
	position: relative;
	display: inline-block;
	text-align: center;
	width:100%;
	padding:10px 0;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	display:none;
}

.ads2{
	position: relative;
	display: inline-block;
	text-align: center;
	width:100%;
	padding:0 0;
	border-top:1px solid #999;
	display:none;
}
.side .ads{
	border:0;
	padding-top:0;

}
.side .ads img{
	width: 100%;
	max-width: 375px;
}

article section .mxm{
	width:100%;
	display: inline-block;
	position:relative;
	padding:10px ;
	   column-count:5;
	    column-gap: 1em;
	    column-rule: 1px solid #bbb;
}

article section .mxm li{
	list-style: none;
  display: inline-block;
  vertical-align: top;
	
	}

article section .mxm li{
	list-style: none;
  display: inline-block;
  vertical-align: top;
	
	}
article section .mxm .foto{
	width: 100%;
	padding:0 0 ;
	position: relative;
	height: auto;
	display: inline-block;
	max-height:120px;
	overflow:hidden;
}
article section .mxm .foto img{
	width: 100%;
	height: auto;
	cursor: pointer;
	
}
article section .mxm .titulo{
	width: 100%;
	padding:5px 10px;
	position: relative;
	height: auto;
	display: inline-block;
	font-family: 'proxima_novasemibold';
}


.gray{
	background: #efefef;
	border-bottom:1px solid #999;
	border-top:1px solid #999;
}
.black{
	background: #000;
	border-bottom:1px solid #999;
	border-top:1px solid #999;
}
.fullDiv{
	width: 100% !important;
	max-width: 100%;
	text-align: center;
	
}
article section .destacado{
	width:100%;
	max-width: 1280px;
	display: inline-block;
	position:relative;
	
	padding:10px ;
	  
}

article section .destacado .destacadoText{
	width:30%;
	float:left;
	position:relative;
	padding:10px 0;
	  
}
article section .destacado .destacadoVideo{
	width:70%;
	float:left;
	position:relative;
	padding:10px 0;
	  
}
article section .destacado #myDiv{
	width:70%;
	float:left;
	position:relative;
	padding:10px 0;
	  
}


article section .destacado .destacadoText span{
	width: 96%;
	text-align: center;
	padding:0 10px ;
	position: relative;
	font-size:12px;
	color:#666;
	height: auto;
	display: inline-block;
	font-family: 'proxima_novalight_italic';
}
article section .destacado .destacadoText .titulo{
	width: 96%;
	padding:40px 10px  ;
	font-size: 32px;
	position: relative;
	text-align: center;
	height: auto;
	display: inline-block;
	font-family: 'proxima_novasemibold';
}
article section .destacado .destacadoText .sumario{
	width: 96%;
	padding:10px ;
	position: relative;
	height: auto;
	display: inline-block;
	text-align: center;
}

article section .home .side{
	width:30%;
	float:left;
	position:relative;
	margin:35px 0;
	text-align: center;
}

article section .cabeza{
	font-size: 26px;
	width: 98%;
	position: relative;
	display: inline-block;
	
}
article section .cabeza h2{
	float:left;
	font-family: 'proxima_novasemibold';
	cursor:pointer;
	padding:0 10px;
}
article section .cabeza h2:nth-last-child(1){
	float:right;
}

article section .coahuila .cabeza{
	color:#0277ca;
}
article section .nacional .cabeza{
	color:#8245ac;
}
article section .internacional .cabeza{
	color:#83b810;
}

article section .home.opinion {
 
  border-bottom: 0px solid #999; 
}
article section .opinion .cabeza{
	color:#e20f18;
}

article section .deportes .cabeza{
	color:#f39238;
}
article section .home.deportes .principal  .principalPost .titulo{
	font-size:32px;
}

article section .finanzas .cabeza{
	color:#3346a6;
}


article section .espectaculos .cabeza{
	color:#cb3ff9;
}

article section .opinion .mxm{
	width:100%;
	display: inline-block;
	position:relative;
	padding:10px ;
	   column-count:4;
	    column-gap: 1em;
	    column-rule: 1px solid #bbb;
}

article section .finanzas .mxm .foto{
	max-height: 150px;
	overflow: hidden;
}

article section .home.espectaculos .principal .foto{
	max-height: 180px;
	overflow: hidden;
}

article section .home.opinion .principal .foto{
	max-height: 130px;
	overflow: hidden;
}
article section .opinion .mxm .titulo{
	width: 100%;
	padding:10px 0;
	position: relative;
	height: auto;
	display: inline-block;
	font-family: 'proxima_novasemibold';
	color:#e20f18;
}

article section .opinion .mxm .sumario{
	width: 90%;
	padding:10px 0px ;
	position: relative;
	height: auto;
	display: inline-block;
	text-align: justify;
}

.tag{
	text-align: left;
}


article section .home.deportes .principal  .secundaryPost{
	width: 59%;
}
article section .home.deportes  .principal .principalPost {
	width: 40%;
	border-right: 1px solid #999;
	
}
article section .home.deportes .principal .secundaryPost .contentPost .titulo {
  padding: 5px 0 10px 10px;
  text-align: left;
}
article section .home.deportes .principal .secundaryPost .contentPost .tag {
  padding-top: 20px;
  text-align: left;
}

article section .home.deportes  .category{
	color:#e20f18;
}



article section .home.espectaculos .principal  .secundaryPost{
	width: 33%;
}
article section .home.espectaculos  .principal .principalPost {
	width: 100%;
	border-right: 0;
	
}
article section .home.espectaculos  .principal .principalPost .foto{
	width: 46%;
	float:left;
	
}

article section .home.espectaculos  .principal .principalPost .contentPost{
  width: 50%;
  position: relative;
  float:left;
}


article section .home .tag a{
	text-align: left;
	font-family: 'proxima_novasemibold';
	color:#e20f18;
	font-size: 20px;
	padding:5px 10px;
	display: inline-block;
	width: 94%;
}

article section .home.finanzas .tag{
	color:#3346a6;
}
article section .home .especial1 .tag{
	color:#fff;
	font-family: 'proxima_nova_rgregular';
}


article section .home.espectaculos  .principal .principalPost .contentPost .tag{
 margin-top:30px;
}

article section .home.galerias .principal  {
	width: 100%;
}
article section .home.galerias .principal  .secundaryPost{
	width: 25%;
}
article section .home.galerias  .principal .principalPost {
	width: 50%;
	border-right: 0;
	
}

article section .home.homePost .principal .especial1 .titulo,
article section .home.homePost .side .especial1  .titulo{
	color:#fff;
	font-size: 22px;
	width: 95%;
}
article section .home.homePost .principal .especial1  .sumario,
article section .home.homePost .side .especial1  .sumario{
	color:#fdfdfd;
	width: 95%;
}

article section .home.homePost .principal .especial1  .foto,
article section .home.homePost .side .especial1  .foto{
	width: 95%;
}

article section .home.deportes .side .principalPost{
	background: #bebebe;
	padding:10px 0;
}

article section .home.deportes .side .principalPost  .foto,
article section .home.deportes .side .principalPost  .titulo,
article section .home.deportes .side .principalPost  .sumario{
	width: 95%;
}

article section .home.deportes .side .principalPost  .foto{
	padding-top: 0;
}


article section .home.homePost   .especial1{
	display: inline-block;
	position: relative;
	width:98%;
	background: #464646;
}

article section .home.homePost  .principal .especial1 .foto{
	display: inline-block;
	position: relative;
	width:65%;
	vertical-align: middle;
	padding:0;
	max-height: inherit;
}
article section .home.homePost  .principal .especial1 .foto img{
	display: flex;
	
}
article section .home.homePost  .principal .especial1 .especialText{
	display: inline-block;
	position: relative;
	width:33%;
	vertical-align: middle;
}

article section .home.homePost  .principal .especial1  span.LeftAuthor{
	color:#999;
}


.clear{
	clear:both;
}

/*tabas*/
article section .home.homePost  .side .tab {
  overflow: hidden;
 border: 1px solid #d8e8f9;
	border-bottom: 0;
  background-color: #f1f1f1;
}

/* Style the buttons that are used to open the tab content */
article section .home.homePost  .side .tab button {
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
	width: 50%;
	background-color: #1a5aa0;
	color:#61a0e5;
	font-size: 20px;
}

/* Change background color of buttons on hover */
article section .home.homePost  .side .tab button:hover {
  background-color: #3f8be0;
	color:#fff;
}

/* Create an active/current tablink class */
article section .home.homePost  .side .tab button.active {
  background-color: #3f8be0;
	color:#fff;
}


/* Style the tab content */
article section .home.homePost  .side .tabcontent{
  display: none;
  padding: 0;
  border: 1px solid #d8e8f9;
	border-top: 0;
  border-top: none;
	text-align: left;
}
article section .side .tabcontent{
  padding: 0;
  border: 1px solid #d8e8f9;
	border-top: 0;
  border-top: none;
	text-align: left;
}
article section .home.homePost  .side.tabcontent,
article section .side .tabcontent{
  animation: fadeEffect 1s; /* Fading effect takes 1 second */
}

/* Go from zero to full opacity */
@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}


article section .home.homePost  .side .tabcontent,
article section .side .tabcontent{
list-style: none;
}

article section .home.homePost  .side .tabcontent li,
article section .side .tabcontent li{
list-style: none;
	padding:0;
	cursor: pointer;
}
article section .home.homePost  .side .tabcontent li:hover,
article section .side .tabcontent li:hover{
	background: #eee;
}
article section .home.homePost  .side .tabcontent li span,
article section .side .tabcontent li span{
	text-align: center;
	width: 35px;
	vertical-align: middle;
	color:#fff;
	font-size:22px;
	
}
article section .home.homePost  .side .tabcontent li span dd,
article section .side .tabcontent li span dd{
	text-align: center;
	vertical-align: middle;
	color:#fff;
	font-size:9px;
	
}
article section .home.homePost  .side .tabcontent li p cite,
article section .side .tabcontent li p cite{
	text-align: left;
	font-size:9px;
	
}
article section .home.homePost  .side .tabcontent li p,
article section .home.homePost  .side .tabcontent li span,
article section .side .tabcontent li span,
article section .side .tabcontent li p{
	display: table-cell;
	padding: 10px;
}

article section .side .tabcontent li:nth-child(1) span{	background:#3f8be0;}
article section .side .tabcontent li:nth-child(2) span{	background:#387dc9;}
article section .side .tabcontent li:nth-child(3) span{	background:#326fb3;}
article section .side .tabcontent li:nth-child(4) span{	background:#2c619c;}
article section .side .tabcontent li:nth-child(5) span{	background:#255386;}
article section .side .tabcontent li:nth-child(6) span{	background:#1f4570;}
article section .side .tabcontent li:nth-child(7) span{	background:#193759;}
article section .side .tabcontent li:nth-child(8) span{	background:#122943;}
article section .side .tabcontent li:nth-child(9) span{	background:#0c1b2c;}
article section .side .tabcontent li:nth-child(10) span{	background:#060d16;}





article section .tituloSec{
	display: inline-block;
	vertical-align: middle;
	padding:5px 10px 5px 0;
	font-size: 26px;
	
}



article section .tituloSec a{
	color:#333;
	
}

article section.bloquePrincipal{
	display:inline-block;
	padding:10px 0;
	
}

article section.bloquePrincipal .containerPrincipal{
	display:inline-block;
}

article section.bloquePrincipal .containerPrincipal .notaPrincipalSeccion{
	display:inline-block;
	vertical-align: top;
	width:48%;
	float: left;
	position: relative;
	
}
article section.bloquePrincipal .containerPrincipal .notaPrincipalSeccion img{
	max-width: 48%;
	position: relative;
	display: inline-block;
	vertical-align: middle;
}
article section.bloquePrincipal .containerPrincipal .notaPrincipalSeccion div{
	width:   50%;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin-right: 2%;

}

article section.bloquePrincipal .containerPrincipal .notaPrincipalSeccion h1{
	width:   100%;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	font-size: 18px;
	margin:10px 0;
	font-family: 'proxima_novasemibold';
}

article section.bloquePrincipal .containerPrincipal .notaPrincipalSeccion p{
	width:   100%;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
}
article section.bloquePrincipal .containerPrincipal .notaPrincipalSeccion.nota-1,
article section.bloquePrincipal .containerPrincipal .notaPrincipalSeccion.nota-2{
	margin-bottom: 5px;
	border-bottom:1px solid #999;
	padding-bottom: 5px;
}
article section.bloquePrincipal .containerPrincipal .notaPrincipalSeccion.nota-0{
	display:inline-block;
	vertical-align: top;
	width:48%;
	float: left;
	margin-right: 2%;
}
article section.bloquePrincipal .containerPrincipal .notaPrincipalSeccion.nota-0 h1{
	width: 100%;
	position: relative;
	font-size: 20px;
}

article section.bloquePrincipal .containerPrincipal .notaPrincipalSeccion.nota-0 img{
	max-width: 100%;
	position: relative;
}
article section.bloquePrincipal .containerPrincipal .notaPrincipalSeccion {
	color:#333;
}



article section.bloqueArchivo{
	display:inline-block;
	padding:10px 0;
	border-bottom:1px solid #999;
}

article section.bloqueArchivo{
	display:inline-block;
	
}

article section.bloqueArchivo .containerArchivo{
	display:inline-block;
	max-width:100%;
	 column-count:4;
	    column-gap: 1em;
	    column-rule: 1px solid #bbb;
}

article section.bloqueArchivo .containerArchivo .colLista {
	display:inline-block;
	color:#333;
	margin-bottom: 15px;
	border-bottom:1px solid #eee;
	padding-bottom: 5px;
}

article section.bloqueArchivo .containerArchivo .colLista .mediaArchivo{
	display:inline-block;
	max-width: 100%;
	
	overflow: hidden;
}

article section.bloqueArchivo .containerArchivo .colLista .mediaArchivo .img-media{
	display:inline-block;
	max-width: 100%;
}

article section.bloqueArchivo .containerArchivo .colLista  h3{
	display:inline-block;
	max-width: 100%;
	font-size: 18px;
	margin:10px 0;
}
article section.bloqueArchivo .containerArchivo .colLista  h3:hover{
	color:#999;
}

.blogpagination{
	width: 100%;
	margin:10px;
}
.blogpagination span,
.blogpagination a{
	margin:5px ;
	position: relative;
	font-size: 20px;
	color:#333;
}

.blogpagination .bloginactive{
	color:#999 !important;
}
.blogpagination .blogcurrent{
	color:#333;
}

article section .spost{
	width: 70%;
	position: relative;
	float: left;
	line-height: 1.3;
	color:#333;
	
}
article section .side{
	width: 30%;
	position: relative;
	float: left;
	margin-top: 20px;
}


article section .spost .titles{
	
	position: relative;
	height: auto;
	display: inline-block;
	font-family: 'proxima_novasemibold';
	color:#333;
	font-size: 32px;
}
article section .spost .entry,
article section .spost .miRed,
article section .spost .titles,
article section .spost  .postImg{
    width: 90%;
	padding:10px 5%;
	
}

article section .spost p{
	font-size: 16px;
	padding:8px 0;
	text-align: justify;
}
article section .spost h2{
	font-size: 22px;
	font-family: 'proxima_novasemibold';
}
article section .spost .entry img{
	width: 100%;
}


article section .relatedposts{
	width: 100%;
	display: inline-block;
	position:relative;
	border-top:1px solid #999;
	padding-top:20px;
	margin-top:20px;
}


article section .relatedposts h3{
	font-size: 23px;
	margin-bottom: 20px;
	color:#333;
}

article section .relatedposts .postDiv{
	column-count:4;
	    column-gap: 1em;
	    column-rule: 1px solid #bbb;
}

article section .relatedposts .relatedthumb{
	position: relative;
	display: inline-block;
	text-align: center;
	width: 100%;
}
article section .relatedposts .relatedthumb img{
	position: relative;
	margin-bottom: 10px;
}

article section .relatedposts .relatedthumb a{
	position: relative;
	font-size: 16px;
	color:#333;
	
}
article section .home.galerias .principal .foto{
	max-height: inherit !important;
}
.size-full{
	display: none !important;

}

.site-footer{
	width: 100%;
	position: relative;
	background: #666;
	text-align: center;
}

.site-footer #footer{
	width: 100%;
	position: relative;
	max-width: 1280px;
	display: inline-block;
	
}
.site-footer #footer #sidebarwrap{
	width: 100%;
	position: relative;
	
}

.site-footer #footer #sidebarwrap #sidebar2{
	width: 100%;
	position: relative;
	margin:20px 0;
	column-count:3;
	    column-gap: 1em;
	    column-rule: 1px solid #333;
}


.site-footer #footer #sidebarwrap #sidebar2 #footer1,
.site-footer #footer #sidebarwrap #sidebar2 #footer2,
.site-footer #footer #sidebarwrap #sidebar2 #footer3,
.site-footer #footer #sidebarwrap #sidebar2 #footer4{
	width: 100%;
	position: relative;
	margin:20px 0;
	height: 120px;
	display: inline-block;
}



.site-footer #footer #sidebarwrap #sidebar2   ul{
width:100%;
	text-align: left;
	list-style: none;
	padding: 0 30px;
}

.site-footer #footer #sidebarwrap #sidebar2   ul li{
width:100%;
	text-align: left;
	list-style: none;
}
.site-footer #footer #sidebarwrap #sidebar2  h2{
	font-size:	16px;
	color:#222;
}

.site-footer #footer #sidebarwrap #sidebar2   ul li a{
	color:#333;
}



article section .spost .entry .gallery {
	 column-count:3;
	    column-gap: 1em;
	   
}


article section .spost .entry .gallery .gallery-item{
	display:inline-block;
	vertical-align: top;
	position: relative;
	width: 100%;
  height: auto;
	border-bottom: 1px solid #bbb;
	margin-bottom: 15px;
	padding-bottom: 10px;
	
}

article section .spost .entry .gallery .gallery-item img{
	width: 100% !important;
	height: auto !important;
}
article section .spost .entry .gallery .gallery-icon,
article section .spost .entry .gallery figcaption{
	
}
article section .spost .entry .gallery .gallery-item .size-full {
  display: block !important;
}

.LeftAuthor{
	font-size:10px;
}
/*animaciones*/
#menuToggle li:hover >hr{
   width:50%;
    -webkit-transition: all .5s ease-in-out;
		-moz-transition: all .5s ease-in-out;
		-o-transition: all .5s ease-in-out;
		-ms-transition: all .5s ease-in-out;
		transition: all .5s ease-in-out;
	 
}

#seguridad, #investigacion, #nosotros, #contacto{
	   -webkit-animation-name:bounceInUp;
    animation-name:bounceInUp;
   animation-duration: 1.3s
  }
  
 .revealOnScroll {
    opacity: .0
 }
 
 
 #sec1.animated .idActive h1 {
	 -webkit-animation-name:bounceInLeft;
animation-name:bounceInLeft;
animation-duration: 1s;
 }
 #sec1.animated .idActive button {
	 -webkit-animation-name:bounceInLeft;
animation-name:bounceInLeft;
animation-duration: 1.3s;
 }

#sec2.animated .pager{
	 -webkit-animation-name:bounceInLeft;
animation-name:bounceInLeft;
animation-duration: 1s;
}
#sec2.animated .pager .bulletMove{
	-webkit-animation-name:bounceInDown;
   animation-name:bounceInDown;
   animation-duration: 1.5s;
}


#sec2.animated .idActive h1{
	 -webkit-animation-name:bounceInUp;
animation-name:bounceInUp;
animation-duration: 1.5s;
}
#sec2.animated .idActive p{
	 -webkit-animation-name:bounceInLeft;
animation-name:bounceInLeft;
animation-duration: 1s;
}

#sec3.animated  .menuServicios li{
-webkit-animation-name:rollIn;
animation-name:rollIn;
	animation-duration: .5s;
}


#sec3.animated .activeServicio h1{
	 -webkit-animation-name:bounceInLeft;
animation-name:bounceInLeft;
animation-duration: 1s;
}
#sec3.animated .activeServicio p{
	 -webkit-animation-name:bounceInRight;
animation-name:bounceInRight;
animation-duration: 1s;
}

#sec4.animated  h1{
	 -webkit-animation-name:bounceInDown;
animation-name:bounceInDown;
animation-duration: 1s;
}

#sec4.animated  p{
	 -webkit-animation-name:rollIn;
animation-name:rollIn;
animation-duration: 1s;
}

#sec4.animated  img{
-webkit-animation-name:rubberBand;
animation-name:rubberBand;
animation-duration: 1s;
}


#sec5.animated  h1{
-webkit-animation-name:bounceInDown;
animation-name:bounceInDown;
animation-duration: 1s;
}
#sec5.animated  .info{
-webkit-animation-name:bounceInDown;
animation-name:bounceInDown;
animation-duration: 1.3s;
}

#sec5.animated  li{
-webkit-transform-origin:top center;
-ms-transform-origin:top center;
transform-origin:top center;
-webkit-animation-name:swing;
animation-name:swing;
animation-duration: 1s;
}


#sec6.animated  li:nth-child(1){
-webkit-animation-name:bounceInDown;
animation-name:bounceInDown;;
animation-duration: 1s;
}
#sec6.animated  li:nth-child(2){
-webkit-animation-name:bounceInLeft;
animation-name:bounceInLeft;;
animation-duration: 1s;
}


#sec6.animated  li:nth-child(3){
-webkit-animation-name:bounceInLeft;
animation-name:bounceInLeft;;
animation-duration: 1.3s;
}

#sec6.animated  li:nth-last-child(1){
-webkit-animation-name:bounceInUp;
animation-name:bounceInUp;
animation-duration: 1.4s;
}

#sec6.animated #myForm input:nth-child(even){
-webkit-animation-name:bounceInRight;
animation-name:bounceInRight;
animation-duration: 1.3s;
}
#sec6.animated #myForm input:nth-child(odd){
-webkit-animation-name:bounceInRight;
animation-name:bounceInRight;
animation-duration: 1s;
}
#sec6.animated #myForm button{
-webkit-animation-name:bounceInUp;
animation-name:bounceInUp;
animation-duration: 1s;
}


@media screen and (max-width: 76.875em) {
	#home aside { font-size:50px; }
	#menuToggle li{	margin: 0 0; padding: 20px 10px}
	header ul label .menuCircle {    margin: 0 5px;}
	header .red li {padding:40px 5px;}
	
	header ul .itemsMenu {
  float: left;
  margin: 25px 0px 0 0;
}
header ul li {
  
  padding: 0 0;
	}
	
	header ul .logo img {
  margin: 20px  5px 0 5px;
  max-width: 120px;
}
}


 /*tablet*/
@media screen and (max-width: 56.875em) {
	
	header{
		top:0;
		bottom: inherit;
	}
header ul .menu{
	display:block;
}

#menu-toggle, #menuToggle {
  display: none;
}	
 #menuToggle {
 display: none;
vertical-align: middle;
text-align: center;
float: left;
position: absolute;
padding: 50px 0;
left: 0;
top: 48px;
width:100%;
 }

header ul .menu {
    display: block;
    float:right;
	pointer-events:auto;
}


 #menuToggle li{
	 width:100%;
	 text-align:center;
	 padding:35px 0 20px 0;
	 margin:0;
	 background:#fff center 10px  no-repeat;
 }
#menuToggle li:hover,
#menuToggle  .activeMenu  {
		color:#ed1c24;
	cursor:pointer;
	background:url(assets/path/meunHover.png) #fff center 10px no-repeat;
	-moz-transform-origin: 0px 0px;    
    -webkit-transform-origin: 0px 0px;  
   transform-origin: 0px 0px;  
	}
	
	header ul .itemsMenu {      margin: 35px 20px 0 20px;}
	
	
	
#menuToggle li:hover > ul { display:block }

	
	
article section .home .principal ,
	article section .home .listNotas{
  width: 100%;
		border-bottom: 1px solid #bbb;
}
	article section .home .listNotas ul{
		border-left: 0;
		
	}
article section .home .listNotas ul  {
 column-count:4;
	    column-gap: 1em;
	    column-rule: 1px solid #bbb;
	
}	
	
	article section .home .listNotas ul li{
		border-bottom: 0;
	}
	article section .home .listNotas .titulo,
	article section .home .listNotas .sumario{
  width: 100%;
  padding: 10px 0;
		vertical-align: top;
    display: inline-block;
	}
	article section .destacado .destacadoText{
		width: 28%;
	}
	article section .home .side {
  width: 100%;
	}
	.ads img{
		max-width: 100%;
	}
	header ul .red {
		margin-right: 20px;
	}
	header ul .itemsMenu {
    margin: 15px 20px 0 20px;
  }
	 header .red li {
    padding: 30px 5px;
  }
}

	
	
	
	 /*movil*/
@media screen and (max-width: 37.5em) {
	#home aside {
		 margin-top:100px !important;
		 min-height:auto;
		 font-size:30px;
		  }
	

#menuToggle {
 display: none;
vertical-align: middle;
text-align: center;
float: left;
position: absolute;
padding: 15px 0;
left: 0;
top: 80px;
width:100%;
 }

 #menuToggle li{
	 width:100%;
	 text-align:center;
	 padding:35px 0 20px 0 !important;
	 background: #fff  center 10px  no-repeat;
	 max-width:100%;
 }
#menuToggle li:hover,
#menuToggle  .activeMenu  {
		color:#e9681b;
	cursor:pointer;
	
	-moz-transform-origin: 0px 0px;    
    -webkit-transform-origin: 0px 0px;  
   transform-origin: 0px 0px;  
	}
	
	#menuToggle li {
    padding: 10px 0 10px 0 !important;
   }


	
	#slider {height: 100%;}

	#slider .ss-slides .rightBanner {
    width: 100%;
    }
	#sec1 .ss-slider .ss-slides aside h1 {
    font-size: 25px;
	color:#333;
    }
	#sec1 .ss-slider .ss-slides aside button {
    color: #333;
    border: 1px solid #333;
		display: inline-block;
		background: #fff;
	}
	


    #sec1 aside {
     text-align: center;
	
    }
	
	article section .destacado,
	article section .home.homePost .principal .foto{
		padding: 0;
	}
	article section .home.homePost .principal .especial1 .foto{
		padding:10px 0;
	}
	article section .home .principal .principalPost,
	article section .home .principal .secundaryPost,
	article section .destacado .destacadoText,
	article section .destacado #myDiv,
	article section .home.homePost .principal .especial1 .foto,
	article section .home.homePost .principal .especial1 .especialText,
	article section .home.homePost .principal .foto,
	article section .home.espectaculos .principal .principalPost .contentPost,

	article section .spost,
	article section .side{
		width: 100% !important;
	}
     article section .home .listNotas ul,
	article section .mxm,
	article section .opinion .mxm,
	article section.bloqueArchivo .containerArchivo,
	
	article section .relatedposts .postDiv,
	.site-footer #footer #sidebarwrap #sidebar2{
    column-count: 1;
    column-gap: 0em;
    column-rule: 0px solid #bbb;
	
  }
 article section .home .listNotas ul li,
	article section .mxm li,
	article section .home.homePost .principal .secundaryPost .clear{
	  border-bottom: 1px solid #bbb;
	}
	article section .home.espectaculos .principal .principalPost .contentPost .tag{
		margin-top: 0;
	}
	
	article section.bloquePrincipal .containerPrincipal .notaPrincipalSeccion{
		padding:10px;
		width: 96% !important;
	}
	article section.bloqueArchivo .containerArchivo .colLista h3,
	article section .mxm .titulo{
  padding:10px;
		width: 96% !important;
}
	
}
@media screen and (min-width:320px) and (max-width:767px) and (orientation:landscape) { 
#sec1 aside {
        padding: 0 10%;
		 width:80%;
        padding-top: 30px !important;
   }
   

}



@media screen and (min-width:0\0){
	
	
}
   
   
   
   
@media screen and (-webkit-min-device-pixel-ratio:0) { 
}