::-moz-selection 	{ background-color: #91D8f7; color: #fff; }
::selection 		{ background-color: #91D8f7; color: #fff; }

a	{ outline: 0; color: #222; text-decoration: none;}
a:hover {color: #222;}
p a:hover { color: #222; }
a:active { outline: none; position: relative; }
.clearfix { clear: both; }
.clear {clear: both; display: block;visibility: hidden;width: 0; height: 0;}

ul li { padding:5px 0}
ul { list-style: none; }
ul li { margin: 0 5px; }
ol { color:#ff8a00; font-weight:bold}
ol li { padding:5px 0; margin: 5px 0 5px 25px; }
.bgNone { background:none !important}

.floatR { float:right}

.mbottom10 { margin-bottom:10px}
.mtop10 { margin-top:10px}
.relative { position: relative}
.bx-wrapper {margin: 0 auto 20px !important;}

/*------------------------------------*\
  Estilos
\*------------------------------------*/
body { 
	background: #292929; color: #222; font-family: "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; font-size: 16px; margin:0; border-left: 3px solid #fc363b; height:auto}
#wrapper { margin:0 auto; max-width: 1024px; width: 95%; background: #fff; 
	-webkit-box-shadow: 0px 0px 20px 1px rgba(1, 1, 1, .8);
	box-shadow: 0px 0px 20px 1px rgba(1, 1, 1, .8);
	margin-top: 50px;
	}
h1 { font:400 48px/54px 'Oswald Regular','Helvetica',serif; padding:0 0 10px 0; 
	-webkit-transition-property: font-size;
	-moz-transition-property: font-size;
	transition-property: font-size;
	-webkit-transition-duration: 0.5s, 0.5s;
	-moz-transition-duration: 0.5s, 0.5s;
	transition-duration: 0.5s, 0.5s; 
	-webkit-transition-timing function: linear, ease-in;
	-moz-transition-timing function: linear, ease-in; 
	transition-timing function: linear, ease-in;  
	}
h1 a:hover { text-decoration: none; color: #27B3CF; }
h2 {font:300 27px/30px 'Oswald Light','Helvetica',serif; margin:12px 0 0 16px; color:#ff3333;
	-webkit-transition-property: font-size;
	-moz-transition-property: font-size;
	transition-property: font-size;
	-webkit-transition-duration: 0.5s, 0.5s;
	-moz-transition-duration: 0.5s, 0.5s;
	transition-duration: 0.5s, 0.5s; 
	-webkit-transition-timing function: linear, ease-in;
	-moz-transition-timing function: linear, ease-in; 
	transition-timing function: linear, ease-in;
	float: left;
}
h3 { font:300 30px/34px 'Oswald Light','Helvetica',serif; padding-bottom:5px}
/*------------------------------------*\
  header
\*------------------------------------*/
#header { width:100%; height:50px; overflow:hidden; position: fixed !important;top: 0 !important; left:0;z-index: 10;
	background: #700000; /* Old browsers */
	background: -moz-linear-gradient(top, #700000 0%, #a50000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#700000), color-stop(100%,#a50000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #700000 0%,#a50000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #700000 0%,#a50000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #700000 0%,#a50000 100%); /* IE10+ */
	background: linear-gradient(to bottom, #700000 0%,#a50000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#700000', endColorstr='#a50000',GradientType=0 ); /* IE6-9 */
}
#header span {float: right; padding: 16px 10px 0 0;color: #fff;font: 300 16px/20px 'Oswald Light','Helvetica',serif;}
#header img#logo, #header img#logoCat { float:left; margin: 8px;}

.NavHide { display:none}
.NavHide a { background:#222 !important;font: lighter 17px/20px 'Helvetica', "Arial" !important;color: #ccc !important;}

/*------------------------------------*\
  Columnas
\*------------------------------------*/
p { padding: 0 5px 0 0; font:16px/20px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; color:#000;}
.col960 { width:100%; float: left;}
.col960 p.autor{color:#666;font-size: 13px;line-height: 16px;padding:10px 0 0 0px;} 
.col960 p.publicacion {color:#770000;font-size: 13px;line-height: 16px;float: right;padding:30px 0;} 
.col960 p.actualizacion {color:#770000;font-size: 13px;line-height: 16px;padding:10px 0 0 0; margin:0} 

#wrapper .fotoH {
float: left;
margin: 0px 30px 15px 0;
position: relative;
width: 52%;
padding:0;
}
#wrapper .fotoH  ul li { margin:0; padding:0}

#wrapper .fotoFull {
float: left;
margin: 0;
position: relative;
width: 100%;
padding:0;
}
#wrapper .fotoFull img { width:100%}
#wrapper .fotoFull  ul li { margin:0; padding:0}

#wrapper .fotoV {
float: left;
margin: 0px 30px 15px 0;
position: relative;
width: 100%;
max-width: 300px;
padding:0;
}
#wrapper .fotoV  ul li { margin:0; padding:0}


#wrapper .pie_foto {
	background: #000;
	color: #ccc;
	font: lighter 12px/13px Helvetica, Arial, sans-serif;
	background: url(http://www.elnorte.com/libre/imgdiseno/art/bg_velo.png);
	padding: 20px 10px 30px 10px;
	/*width: 96%;*/
	}

#wrapper p.publicidadr {
float: right;
margin: 15px 0px 15px 40px;
max-width:300px; width:100%;
}

#columnas { padding: 10px; overflow:hidden}
hr {border: none; border-top: dotted 1px #999; -webkit-margin-before: 15px; -webkit-margin-after:15px;}
hr.dotted{border: none; border-top: dashed 1px #e1e0e0;}
#footer {padding: 5px; background:#444; text-align:center}
#footer p {font:lighter 12px/14px 'Helvetica','Arial',serif; color:#999; border-bottom: dotted #666 1px;padding: 5px 0; width: 90%;}
#footer p a {color:#a8dafd; margin-left: 10px; margin-right: 10px;}

/*------------------------------------*\
  Inputs and forms
\*------------------------------------*/
input[type=text],input[type=password], textarea, select {
	border: 1px solid #999999;
	padding: 5px;
	font-size: 12px;
	line-height: 1.2em;
	width: 90%;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc));
	-webkit-appearance: none;
	-webkit-box-shadow: 1px 1px 1px #fff;
	border-radius: 6px;
	}
input:focus, textarea:focus, select:focus {
	outline: none;
	border: 1px solid #fc363b;
	}
textarea {
	height: 60px;
	background: #f1f1f1;
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15) inset;
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15) inset;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15) inset;		
	}
select {
	padding: 0.5em 1em 0.5em 0.75em;
	background: #fff url(images/select.png) no-repeat right center;
	-webkit-background-size: 1600px 32px;
	}
input[type=text],input[type=password] {
	background: #f1f1f1;
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15) inset;
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15) inset;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15) inset;		
	}
input[type=submit] {
	width: auto;
	border-radius: 2em;
	padding: 0.25em 1em;
	line-height: 1.5em;
	}

input[type=radio] {
	display: inline-block;
	font-size: 17px;
	line-height: 1em;
	margin: -3px 4px 0 0;
	padding: 0;
	width: 1.25em;
	height: 1.25em;
	-webkit-border-radius: 0.25em;
	vertical-align: text-top;
	}
input[type=radio] {
	-webkit-border-radius: 2em;
	}
input[type=radio]:checked {
	background: url(http://www.elnorte.com/libre/offlines/cineguia/img/radiobutton.png) no-repeat center center;
	-webkit-background-size: 28px 28px;
	}	
	
input.file {
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
}
/*------------------------------------*\
  Button
\*------------------------------------*/

button {
	border: none;
	color: #fff;
	padding:15px;
	display: block;
	cursor: pointer;
	margin:0;
	width: 60px;
	background: #700000; /* Old browsers */
	background: -moz-linear-gradient(top, #700000 0%, #a50000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#700000), color-stop(100%,#a50000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #700000 0%,#a50000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #700000 0%,#a50000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #700000 0%,#a50000 100%); /* IE10+ */
	background: linear-gradient(to bottom, #700000 0%,#a50000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#700000', endColorstr='#a50000',GradientType=0 ); /* IE6-9 */
	border-right: solid #000 1px;	
	float: left;	
}

button:hover {
	background: #333;
}

button.active {
	background: #000;
}

button.disabled {
	background: #000;
	pointer-events: none;
}

.ClassicBtn {
	height: inherit;
	background-color:#464646;
	border:none;
	display:inline-block;
	color:#ffffff;
	font-size:13px;
	padding:10px;
	text-decoration:none;
	}
	.ClassicBtn:hover {
	background-color:#000;
	border:none;
	color:#ffffff;
	}
	.ClassicBtn:active {
	position:relative;
	top:1px;
	}
	
/*------------------------------------*\
  Login
\*------------------------------------*/
#login { margin:20px;}
.accesar { width:100%; background:#000; height:40px; overflow: hidden;}
.accesar h3{ color:#fff; margin:10px;float: left; font:300 20px/24px 'Oswald Light','Helvetica',serif}
.cerrar{ width:40px; height:40px; background:url(http://www.elnorte.com/libre/imgdiseno/art/btn_cerrar.png) 0 0 no-repeat;float: right;}
#login p { font: lighter 13px/16px Helvetica, Arial, sans-serif; margin:0; padding:0 0 5px 0}	
#login h4 {font: 300 20px/24px 'Oswald Light', "Arial Narrow";letter-spacing: 1px; border-top: dotted 1px #000; padding-top: 10px; }
.rb {
	background: #e8e8e8;
	font: 300 11px/16px 'Helvetica','Arial',serif;
	color: #333;
	cursor: pointer;
	padding: 13px 5px 5px 5px;
	height: 24px;
	margin-top: 15px;
	}
.btn {
	margin: 12px 0px 0px 2px;
	padding: 0px 10px;
	float: left;
	background: #4A4E50;
	font: 100 16px/30px 'Oswald Light','Arial',serif;
	color: #999;
	cursor: pointer;
	}
.btn:hover { background: #fc363b;color: #FFF;}

/*------------------------------------*\
  Fotogalería
\*------------------------------------*/
#fotogaleria{width:100%; min-height:100%; background: #111; margin:auto; -webkit-box-shadow: 0px 0px 20px 1px rgba(1, 1, 1, .8); box-shadow: 0px 0px 20px 1px rgba(1, 1, 1, .8); position:relative;}

#header_fg{padding-left:10px;}
#header_fg h1{font: 300 24px/40px 'Oswald', 'Arial Narrow', 'Helvetica', Arial, serif; color:white; float:left;}

.foto{ margin-bottom:15px;}
#fotogaleria .pie_foto{ color:#ccc; padding:10px; float:left; font:500 14px/14px Helvetica, Arial, sans-serif; height:80px; width:94%; position:relative;}

#controles{ width:100%; margin:auto; float:left; background:#000; height:70px; border-top: thin solid #333; padding:0px;  z-index:1000000001; margin-top:0px; position:relative;}
#modos_de_vista{width:175px; height:30px;margin: 0 auto;}
#modos_de_vista .icono{ width:16px; height:16px; float:right; margin:8px; opacity:.4; cursor:pointer;float: left;}
#modos_de_vista .icono:hover{opacity:.8;}
#modos_de_vista img{ width:16px; height:16px;}
.paginacion{ width:75px; height:30px; line-height:34px; color:#FFF; text-align:center; float:left;border-right: thin solid #333;border-left: thin solid #333; float:left}
.pag{width:780px; float:left; margin:0px 90px 0px 90px;}
.redesSoc {float:left;margin:3px 0 0 1px; opacity: 0.4;
-webkit-transition: all .7s ease;
-moz-transition: all .7s ease;
transition: all .7s ease;
cursor:pointer;
}
.redesSoc:hover {opacity:1;}
.redesSoc img {width: 24px !important;height: 24px !important}

/*
EXTRA CODE
*/

.thumb {
max-width: 90px;
width: 100%;
height: 90px;
float: left;
position: relative;
overflow: hidden;
margin: 12px 0px 0px 12px;
}

.redesSocTittle {float:right;margin:8px 0 0 8px; opacity: 1;
cursor:pointer;
width: 25px;height: 25px;
}

.contentBox {width:100%; background:#292929; height:auto; margin: 0px auto 0px auto;}
.content {max-width:2560px;width:100%; height:auto; margin:10 auto; overflow:hidden; padding-bottom: 10px;}

/*
EXTRA CODE
*/

.thumb100{ width:100px; height:100px; background:#000; margin:5px 0px 0px 5px; float:left; overflow:hidden; text-align:center;}
.horizontal100{margin-left:-25px; width:auto; height:100px;}
.activo{ outline:solid #fff thick;}
.thumb150{ width:150px; height:150px; background:#000; margin:5px 0px 0px 5px; float:left; overflow:hidden; text-align:center;}
.thumb150 img{opacity:.5; -webkit-transition: all .7s ease; -moz-transition: all .7s ease; transition: all .7s ease; }
.thumb150:hover img{opacity:1}
.horizontal150{margin-left:-37px; width:auto; height:150px;}
.publicidad_fg{ text-align:center; background:#222; padding:5px 0px}

#thumb_page{position:absolute; top:40px; height:720px; background:rgba(0,0,0,.8); display:none;width:100%; margin:auto; overflow:hidden;}
#thumb_nav{height:110px; background: rgba(0,0,0,.8); margin-top:-190px; position:absolute; width:100%; z-index:5000000000; display:none;}
#share{margin-top:-480px; position:absolute; width:300px; height:400px; z-index:5000000001; display:none; background: #333;}

.flecha{top:46%; width:40px; height:68px; opacity:.5; position:absolute;}
.flecha:hover{opacity:1;}
.anterior{left:10px; background:url(../imgdiseno/flecha_rielesL.png); }
.siguiente{right:10px; background:url(../imgdiseno/flecha_rielesR.png);}

.info_thumbs{width:760px; background:#000; height:40px; position:absolute; bottom:0px; right:0px; z-index:50000000; padding:20px; text-align:right;}
.pager{ float:left;}
.pagina{ width:10px; height:10px; border-radius:5px; margin:5px; -webkit-border-radius:5px; background:#999; float:left;}
.activa{ background: #FFF;}


#fecha_publicacion{font: 12px/40px 'Helvetica', 'Arial', serif; color:#999; float:right;}
#fecha_publicacion_v{font: 12px/14px 'Helvetica', 'Arial', serif; color:#999; right:8px; position:absolute; bottom:8px;}
.pie_video{ color:#ccc; padding:10px; float:right; font: 500 14px/14px Helvetica, Arial, sans-serif; height:60px; width:770px; position:relative; margin-top:-70px; border-left:#333 thin solid;}

.paginacion_v { width:140px; height:30px; line-height:34px; color:#FFF; text-align:center; margin-top:15px;}
.paginacion_v img{ margin:-5px 5px 0px 5px;}


ul.herr {margin-top:10px !important;}
ul.herr li {padding-bottom:2px !important;text-align:left !important;}
ul.herr li a{color:#F33; display:inline-block; background:inherit; padding:4px; margin-left: -1px; vertical-align: bottom;font:lighter 12px/12px Helvetica, Arial, sans-serif !important}
ul.herr li a img{padding-right:5px;}