body{
	margin:0; 
	padding:0; 
	font-size:14px; 
	color:#919191; 
	background-color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
}

a{
	text-decoration:none;
	color:inherit;
}
hr{
	clear:left;
}
h1{
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
}

body > header{
	background-image:url(../images2/texturapapel.jpg);
	height:auto;
	width:100%;
}

.header-div{
	width: 1100px;
	height:auto;
	margin:auto;
	background-image:url(../images2/texturapapel.jpg);
	overflow:hidden;
}

.portada{
	margin-top:5px;
	margin-left:5px;
	float:left;
	background-color:#FFFFFF;
}
.logo{
	margin-top:10px;
	float:left;
}
.cabeza-derecha{
	float:right;
	min-width:500px;
	height:auto;
	overflow:hidden;
}
.telefono{
	float:right;
	margin-top:10px;
	margin-right:10px;
	color:#333;
	font-weight:bold;
	background-image:url(../images2/telefono.png);
	background-repeat:no-repeat;
	padding-left:24px;
}
.correo{
	float:right;
	margin-top:10px;
	margin-right:10px;
	color:#333;
	background-image:url(../images2/sobre.jpg);
	background-repeat:no-repeat;
	padding-left:24px;
	border-right:#333 solid 1px;
	padding-right:5px;
	font-weight:bold;
}
.header-text{
	margin-top:25px;
	margin-right:10px;
	font-size:18px;
	font-weight: bold;
	color:#333;
	float:right;
	clear:right;
}
.usuarios{
	float:right;
	clear:right;
	margin-top:0px;
	width:100%;
	font-size:10px;
	text-align:left;
	color:#333;
	padding:-10px;
}
.header-social{
	float:right;
	clear:right;
	margin-top:15px;
	width:400px;
}
.header-social-facebook{
	float:right;
	width:auto;
}
.header-social-twitter{
	float:right;
	width:auto;
}
.header-social-youtube{
	float:right;
	width:auto;
}
.header-social-instagram{
	float:right;
	width:auto;
}
.header-social-facebook a:hover{
	content:url(../images2/facebook2.png);
	margin-right:20px;
}
.header-social-twitter a:hover{
	content:url(../images2/twitter2.png);
	margin-right:20px;
}
.header-social-youtube a:hover{
	content:url(../images2/youtube2.png);
	margin-right:20px;
}
.header-social-instagram a:hover{
	content:url(../images2/instagram2.png);
	margin-right:20px;
}

#menu{
	height:auto;
	background-color:#333;
}
.menu-contenedor{
	width:1100px;
	height:auto;
	margin:auto;
}
#notas-principales{
	width:1100px;
	height:auto;
	margin:auto;
	overflow:hidden;
	background-color:#FFF;
}
.nota-izquierda{
	margin: 5px 5px 5px 5px;
	border:#333 solid 2px;
	width: 540px;
	height:auto;
	min-height: 275px;
	float:left;
}
.nota-derecha{
	margin: 5px 5px 5px 0px;
	width: 535px;
	height:auto;
	float:right;
}
.nota-izq-cabeza{
	font-size:22px;
	font-weight: bold;
	margin: 5px 5px 5px 10px;
	color:#333;
	text-align:justify;
}
.nota-izq-img{
	width:280px;
	float:left;
	margin: 0 0 10px 10px;
}
.nota-izq-texto{
	font-size:14px;
	margin: 5px 5px 5px 5px;
	color:#000;
	text-align:justify;
}
.nota-texto{
	font-size:16px;
	margin: 0 auto auto 5px;
	color:#000;
	float:right;
	width:755px;
	text-align:justify;
	padding-right:20px;
}
.nota-izq-por{
	font-size:12px;
	margin: 5px 5px 5px 5px;
	color:#FF9900;
}
#cuerpo{
	width:1100px;
	height:auto;
	margin:auto;
	clear:left;
	overflow:hidden;
	padding-top:10px;
	background-color:#FFF;
}
.columnasfour{
	width:274px;
	height:auto;
	float:left;
}
.columnasfour-hor{
	width:822px;
	height:auto;
	float:left;
}
.columnasfour-nota{
	width:269px;
	height:365px;
	overflow:hidden;
	border-right:solid 1px #000;
	padding:5px;
}
.columnasfour-nota-hor{
	width:269px;
	height:365px;
	overflow:hidden;
	border-right:solid 1px #000;
	padding:5px;
	float:left;
}
.cuerpo-izq-primero{
	width:1100px;
	height:auto;
	margin:auto;
	overflow:hidden;
	background-color:#FFF;
}
.cuerpo-izq-reemplazo{
	float:left;
	padding:10px;
	border:solid 1px #000000;
	width:500px;
	height:auto;
	overflow:hidden;
}
.cuerpo-der-reemplazo{
	float:right;
	padding:10px;
	border:solid 1px #000000;
	width:500px;
	height:auto;
	overflow:hidden;
}
.cuerpo-izq{
	float:left;
	width:780px;
	height:auto;
	overflow:hidden;
}
.notas-4-columnas{
	width:23%;
	height:auto;
	overflow:hidden;
	float:left;
	padding:5px;
	margin-bottom:10px;
	border-right:solid 1px #000;
}
table td{
	border:#414141;
	border-style:solid;
	border-width:3px;
}
.notas-3-columnas{
	width:31%;
	height:auto;
	overflow:hidden;
	float:left;
	padding:5px;
	margin-bottom:10px;
	border-right:solid 1px #000;
}
.cabeza-3-columnas{
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight: bold;
	padding:5px;
}
.cuerpo-der{
	float:right;
	width:315px;
	height:auto;
	overflow:hidden;
}
.cuerpo-der2{
	float:right;
	width:264px;
	height:auto;
	overflow:hidden;
	padding-left:10px;
}
.cuerpo-izq-seccion{
	float:left;
	width:315px;
	height:auto;
	overflow:hidden;
}
.columnas-der{
	height:auto;
	overflow:hidden;
	padding-bottom:5px;
	padding-top:5px;
	border-bottom:#333 dotted 1px;
}
.columnas-der a{
	color:#999;
}
.columnas-der a:hover{
	color:#F90;
}
.cuerpo-der-seccion{
	float:right;
	width:780px;
	height:auto;
	overflow:hidden;
	color:#000;
}
.columnas{
	clear:right;
	margin:auto;
}

.nota-por{
	font-size:12px;
	margin: 5px 5px 0 5px;
	color:#FF9900;
	float:right;
	width:776px;
}

#pie-pagina{
	height:auto;
	clear:left;
	overflow:hidden;
	padding-top:10px;
	background-color:#333;
}
#pie-pagina a:hover{
	color:#ff9900;
}
.pie-contenedor{
	width:1100px;
	margin:auto;
	height:auto;
	overflow:hidden;
	background-color:#333;
}
.pie-div{
	width:274px;
	height:auto;
	overflow:hidden;
	float:left;
	background-color:#333;
}
.pie-menu{
	width:230px;
	border-bottom:#999 solid 1px;
	padding:2px;
	margin:5px;
}
.pie-entre{
	width:70px;
	padding:10px;
	float:left;
	overflow:hidden
}
.copyright-der{
	width:500px;
	height:auto;
	overflow:hidden;
	float:right;
	font-size:11px;
	text-align:right;
	margin-bottom:20px;
}
.copyright-izq{
	width:500px;
	height:auto;
	overflow:hidden;
	float:left;
	font-size:11px;
	margin-bottom:20px;
}

/*###Imagen de la nota completa*/
.imgnota{
	float:left;
	max-width:500;
}
/*###Imagen de la nota completa*/

/*###Login*/
#form {
    border:1px solid #990000;
    width:200px;
    margin:auto;
	font-size:10px;
}
#form legend{
    font-weight:bold;
    font-size:10px;
}
#form ol{
    list-style:none;
}
#form ol li{
    padding-bottom:5px;
}
#form ol li label{
    width:120px;
    float:left;
    text-align:left;
	font-size:10px;
}
#form input[type=text] {
    border:1px solid #CCCCCC;
}
#form input.btn {
	width:100px;
    padding:0px;
    color:#FFFFFF;
    background-color:#333;
    border:1px solid #000000;
	height:20px;
	font-size:10px;
}
/*###Login*/

/*###Image Preview*/
#screenshot{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	max-width:250px;
	z-index: 100;
}
#screenshot img{
	max-width:250px;
}
/*###Image Preview*/

/*###SECCION COLUMNAS*/
.list{margin:10px 0; padding:0; list-style-position:inside;}
.list.indent{margin-left:20px;}
.list li{margin:6px 0 0 0; padding:0;}
.list li:first-child{margin:0;}
.list li > ul, .list li > ol{margin:8px 0 8px 30px;}

.list.disc{list-style-type:disc;}
.list.roman{list-style-type:upper-roman;}
.list.alpha{list-style-type:upper-alpha;}
.list.decimal{list-style-type:decimal;}
.list.circle{list-style-type:circle;}
.list.none, .list.block, .list.tick, .list.arrow, .list.tagcloud, .list.underline{list-style-type:none;}
.list.block li > ul, .list.block li > ol{padding:0 0 0 10px; list-style:none; border-left:1px solid #CCCCCC;}

.list.tick li, .list.arrow li{padding-left:22px; background:no-repeat 0 2px;}
.list.tick li{background-image:url("images/icons/gemicon/tick-16x16.png");}
.list.arrow li{background-image:url("images/icons/gemicon/arrow-16x16.png");}

.list.underline li{margin-bottom:8px; padding-bottom:8px; border-bottom:1px solid #E5E4E3;}
.list.underline li:last-child{margin-bottom:0;}

.list.tagcloud li{display:inline-block; margin:0 5px 5px 0;}
.list.tagcloud li a{display:block; padding:4px 10px; color:#FFFFFF; background-color:#A8A8A8; text-transform:capitalize;}
.list.tagcloud li a:hover{color:#FFFFFF; background-color:#FF9900;}
/*###SECCION COLUMNAS*/

/*###TABS*/
ul.tabs{
	margin: 0;  
	padding: 0;  
	float: left;  
	list-style: none;  
	height: auto;  
	width: 98%; 
	border-left:2px 
	solid #777; 
	border-bottom:2px 
	solid #777;
}
ul.tabs li{
	float: 
	left;  
	margin-left: 0px;  
	padding: 0; 
	border: 2px 
	solid #777; 
	overflow: hidden; 
	position: relative; 
	background: #333; 
	border-left:0px; 
	margin-bottom:-2px;
}
ul.tabs li a{
	text-decoration: none; 
	color: #fff; 
	display: block; 
	font-size: 14px; 
	font-weight:bold; 
	padding: 4px 6px 4px 6px;
	text-shadow: black 0 0 0.3em;
	font-family:Arial, Helvetica, sans-serif;
}
ul.tabs li a:hover{
	background: #333;
}
ul.tabs li.active, html ul.tabs li.active a:hover {
	background: #ffc; 
	border-bottom: 2px solid #ffc; 
	margin-bottom:-2px;
	color:#333;
}
 
.Contenedor{
	border: 2px solid #777; 
	border-top: none; 
	overflow: hidden; 
	clear: both; 
	float: left; 
	width: 98%; 
	background: #FFC;
}
.Contenido{
	padding: 10px; 
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
}
/*###TABS*/
/*Agregado por Bryan Carranza 02-04-2018*/
.columna {
	margin: 5px 5px 5px 5px;
	border:#333 solid 2px;
  width:47%;
  float:left;
}
.columna_N {
	margin: 5px 5px 5px 5px;
	border:#333 solid 2px;
  width:95%;
  float:left;
}

@media (max-width: 500px) {
  
  .columna {
    width:auto;
    float:none;
  }
  
}
.columnasfourVER2{
	width:auto;
	height:auto;
	float:left;
}
.cabeza-3-columnas_2{
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
	padding:4px;
}
.nota-izq-texto_2{
	font-size:12px;
	margin: 3px 3px 3px 3px;
	color:#000;
	text-align:justify;
}
.columnasfour-nota_2{
	width:247px;
	height:280px;
	overflow:hidden;
	border-right:solid 1px #000;
	padding:2px;
}
/*###Image Preview*/
#screenshot_2{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	max-width:250px;
	z-index: 100;
}
#screenshot img_2{
	max-width:250px;
}
/*###Image Preview*/
.nota-izq-img_2{
	width:280px;
	float:left;
	margin: 0 0 4px 4px;
}
.cuerpo-der-seccion_2{
	float:inherit;
	width:830px;
	height:auto;
	overflow:hidden;
	color:#000;
}
.nota-derecha_2{
	margin: 5px 5px 5px 0px;
	width: 535px;
	height: auto;
	float:right;
}
/* NUEVA GALERIA */
#videobox {
width:110px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;>
border-radius: 10px;
background:#CCCCCC;  /* Fondo VideoBox */
border:1px solid #5A5A5A;
padding:10px; -moz-box-shadow: 0px 0px 30px #E3E3E3;
-webkit-box-shadow: 0px 0px 30px #E3E3E3;
box-shadow: 0px 0px 30px #E3E3E3;}
.mini {
background: #ffffff;  /* Fondo miniatura */
-webkit-border-radius:3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding:5px;
height:73px;
width:100px;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
-o-transition:0.5s;
transition: 0.5s;
}
.mini:hover {
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
-o-transition:0.5s;
transition: 0.5s;
height:130px;}
.cabeza-izquierda{
	float:left;
	min-width:500px;
	height:auto;
	overflow:hidden;
}

/* Pestañas para ELECCIONES 2018 en pagina principal*/
.Contenedor_2{
	border: 2px solid #777; 
	border-top: none; 
	overflow: hidden; 
	clear: both; 
	float: left; 
	width: 98%; 
	height: 350px;
	background: #FFC;
}
.Contenido_2{
	padding: 10px; 
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
}

.notas-3-columnas_B{
	width:28%;
	height:auto;
	overflow:hidden;
	float:left;
	padding:5px;
	margin-bottom:10px;
	border-right:solid 1px #000;
}
.notas-3-columnas_C{
	width:95%;
	height:auto;
	overflow:hidden;
	float:left;
	padding:5px;
	margin-bottom:10px;
	border:solid 1px #000;
}

/* Pestañas para ELECCIONES 2018 */