html, body {
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
	font:normal 14px Arial, Helvetica, sans-serif;
}

@font-face {
	font-family: 'Oswald Light';
	src: url(https://themes.googleusercontent.com/static/fonts/oswald/v8/HqHm7BVC_nzzTui2lzQTDfY6323mHUZFJMgTvxaG2iE.eot);/* IE9 */
	src: local('Oswald Light'),local('Oswald-Light'),
			 url(https://themes.googleusercontent.com/static/fonts/oswald/v8/HqHm7BVC_nzzTui2lzQTDfY6323mHUZFJMgTvxaG2iE.eot?#iefix) format('embedded-opentype'),/* IE6 - IE8 */
			 url(https://themes.googleusercontent.com/static/fonts/oswald/v8/HqHm7BVC_nzzTui2lzQTDT8E0i7KZn-EPnyo3HZu7kw.woff?#iefix) format('woff'), /* Safari, Chrome, Firefox */
			 url(https://themes.googleusercontent.com/static/fonts/oswald/v8/HqHm7BVC_nzzTui2lzQTDaCWcynf_cDxXwCLxiixG1c.ttf) format('truetype'); /* Safari, Chrome, Firefox */
	font-style: normal;
	font-weight: 300;
}
@font-face {
	font-family: 'Oswald Regular';
	src: url(https://themes.googleusercontent.com/static/fonts/oswald/v8/-WzdRTzRa5k6HlJK6-dK9Q.eot?#iefix); /* IE9 */
	src: local('Oswald Regular'),local('Oswald-Regular'),
  		 url(https://themes.googleusercontent.com/static/fonts/oswald/v8/-WzdRTzRa5k6HlJK6-dK9Q.eot?#iefix) format('embedded-opentype'),/* IE6 - IE8 */
			 url(https://themes.googleusercontent.com/static/fonts/oswald/v8/-g5pDUSRgvxvOl5u-a_WHw.woff?#iefix) format('woff'), /* Safari, Chrome, Firefox */
			 url(https://themes.googleusercontent.com/static/fonts/oswald/v8/HqHm7BVC_nzzTui2lzQTDaCWcynf_cDxXwCLxiixG1c.ttf) format('truetype'); /* Safari, Chrome, Firefox */
	font-style: normal;
	font-weight: 400;
}
@font-face {
	font-family: 'Oswald Bold';
	src: url(https://themes.googleusercontent.com/static/fonts/oswald/v8/bH7276GfdCjMjApa_dkG6fY6323mHUZFJMgTvxaG2iE.eot?#iefix);/* IE9 */
	src: local('Oswald Bold'),local('Oswald-Bold'),
	     url(https://themes.googleusercontent.com/static/fonts/oswald/v8/bH7276GfdCjMjApa_dkG6fY6323mHUZFJMgTvxaG2iE.eot?#iefix) format('embedded-opentype'),/* IE6 - IE8 */
	     url(https://themes.googleusercontent.com/static/fonts/oswald/v8/bH7276GfdCjMjApa_dkG6T8E0i7KZn-EPnyo3HZu7kw.woff?#iefix) format('woff'), /* Safari, Chrome, Firefox */
			 url(https://themes.googleusercontent.com/static/fonts/oswald/v8/HqHm7BVC_nzzTui2lzQTDaCWcynf_cDxXwCLxiixG1c.ttf) format('truetype'); /* Safari, Chrome, Firefox */
	font-style: normal;
	font-weight: 700;
}
body.light { overflow:hidden;}

/*iframe::-webkit-scrollbar {
width: 8px;
height: 13px;
}

iframe::-webkit-scrollbar-track {
	background:rgba(0,0,0,0.5);
}

iframe::-webkit-scrollbar-thumb {
min-height: 28px;
padding-top: 100px;
border-left: 6px solid transparent;
border-right:solid 1px #999;
border-top: 0 solid transparent;
border-bottom: 0 solid transparent;
background-color: #444;
-webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07);
border-radius:6px;
}*/

.clear{clear:both;}

img{vertical-align: top;}

#divPreloader{
	display:none;
	background:#000;
	position:absolute;
	z-index:9999999;
	width:100px;
	height:100px;
	top:50%;
	left:50%;
	margin-left:-60px;
	margin-top:-60px;
	padding:10px;
	border-radius:11px;
}

.clear{
	clear:both;
}

#all{display:block;}

.all{
	position:relative;
	width:960px;
	left:50%;
	margin-left:-480px;
	top:0px;
	overflow:auto;
}

.all td{
	border:solid 0px #FF0000;
}

.izq{
	margin:0px 30px 30px 0px;
	float:left;
}

.cent{
	margin:0px 30px 30px 0px;
	float:left;
}

.der{
	margin:0px 0px 30px 0px;
	float:right;
}

.dataCol{
	position:absolute;
	margin:20px 20px 10px 600px;
	width:300px;
	float:right;
	background:none;
}

.dataCol > div{
	margin-bottom:30px;
	min-height:250px;
}

.hub_unit{
	width:300px;
	padding:0px;
}

.hub_busqData{
	width:300px;
	background:#0CC;
	padding:0px;
	margin:30px 20px 0px 0px;
	position:relative;
	float:right;
}

.hub_dbl_h{
	width:630px;
	min-height:550px;
	background:#eaeaea;
}

.hub_dbl_v
{
	width:300px;
	height:530px;
	background:none;
}

.hub_dbl_reg
{
	width:600px;
	height:830px;
	background:#999;
}

.hub_dbl_busca
{
	width:600px;
	height:900px;
	background:#999;
}


.hub_ad{
	width:300px;
	background:none;
	overflow:hidden;
	text-align:center;
}

.hub_full{
	width:960px;
	background:#F90;
	float:left;
	margin-bottom:30px;
}

.hub_marcas{
	width:960px;
	height:530px;
	padding:10px;
	background:url(https://comercial.elnorte.com/libre/comercial/bolsadetrabajo/bolsa14/img/bgMarca.jpg) #555;
	float:left;
	margin-bottom:30px;
	-webkit-box-shadow: inset 0px 0px 50px 2px rgba(0, 0, 0, .8);
	box-shadow: inset 0px 0px 50px 2px rgba(0, 0, 0, .8);
}

.tablaBolsa{
	width:600px;
	margin-left:10px;
}

.tablaBolsa td{
	border:solid 0px #0C6;
	padding:5px 2px;
	color:#333;
}

.tablaBolsa input{
	width:200px;
}

.tablaBolsa .tit{
	font:normal 24px 'Oswald', Arial, Helvetica, sans-serif;
	color:#239ead;
}

.tablaBolsa a{
	color:#000;
}

.tablaBolsa a:HOVER{
	color:#239ead;
}

.tablaBolsa textarea{
	width:425px;
}

.tablaBolsa select{
	width:210px;
}

.tablaBolsa input[type=submit]{
	background:#007f8a;
	color:#fff;
	font:bold 16px Arial, Helvetica, sans-serif;
	cursor:pointer;
}

.tablaBolsa input[type=button]{ 

background:#007f8a;
	color:#fff;
	font:bold 16px Arial, Helvetica, sans-serif;
	cursor:pointer;

}


.btnBolsa input[type=button]{ 

background:#007f8a;
	color:#fff;
	font:bold 16px Arial, Helvetica, sans-serif;
	cursor:pointer;
	

}


input[type=button]{ 

background:#007f8a;
	color:#fff;
	font:bold 16px Arial, Helvetica, sans-serif;
	cursor:pointer;

}



input[type=button] {
	width: auto;
	border-radius: 2em;
	padding: 0.25em 1em;
	line-height: 1.1em;
	}

.tablaBolsa .separador{
	background:#239ead;
	color:#FFF;
}

.tablaBolsa .subhead{
	background:#222;
	text-align:center;
	color:#239ead;
}

.light{
	background:#CCC;
}

.light td{
		color:#333;
		padding:8px;
}

.light a{
	color:#000;
	font-weight:bold;
}

.light .destac {
	font:bold 17px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.counterBolsa{ text-align:right; vertical-align:bottom;}
.counterBolsa a{color:#239ead;}

.br img{ margin:40px 0px;}

.b{ font-weight:bold;}

/*RESULTADOS*/
.result{
	width:630px;
	height:auto;
	background:#fff;
}

.top_busqueda{
	width:620px;
	background:url(https://comercial.elnorte.com/libre/comercial/bolsadetrabajo/bolsa14/img/bg_resultop.jpg) repeat-x;
	height:32px;
	font:normal 17px 'Oswald','Arial',serif; padding:4px 0px 0px 10px; color:#FFF;
}

.top_busquedaO{
	width:620px;
	background:url(https://comercial.elnorte.com/libre/comercial/bolsadetrabajo/bolsa14/img/bg_resulOtop.jpg) repeat-x;
	height:32px;
	font:normal 17px 'Oswald','Arial',serif; padding:4px 0px 0px 10px; color:#FFF;
}

.top_busquedaAut{
	width:620px;
	background:url(https://comercial.elnorte.com/libre/comercial/bolsadetrabajo/bolsa14/img/bg_resulAut.jpg) repeat-x;
	height:32px;
	font:normal 17px 'Oswald','Arial',serif; padding:4px 0px 0px 10px; color:#FFF;
}

.pagSwitch{
	width:26px;
	height:26px;
	overflow:hidden;
	float:right;
	display:inline;
	margin-right:15px;
}

.top_busqueda .mosaic, .top_busquedaAut .mosaic{background:url(../img/pagSwitch_mosaic.png) no-repeat;}
.top_busqueda .list, .top_busquedaAut .list{background:url(../img/pagSwitch_list.png) no-repeat;}
.top_busqueda .on, .top_busquedaAut .on{background-position:top;}
.top_busqueda .off, .top_busquedaAut .off{background-position:bottom; cursor:pointer;}

#lista, #mosaico{
	width:630px;
	min-height:450px;
}

.resultOFF{
	display:none;
}

.noResult{height:530px; width:630px; background:#ececec; position:relative; top:0px; margin:0px; padding:0px;}
.noResult > div{ text-align:center; font:bold 15px 'Roboto','Arial',serif; border-radius:18px; background:#fff; box-shadow:0px 1px 6px #999; color:#777; padding:30px; width:410px; margin:190px 80px 0px 80px; position:absolute;}

.lista{background:#333;}
.lista .listCategorias td{ background:#CCC; padding:8px; text-align:center; font:bold 13px Arial, Helvetica, sans-serif; color:#000; border-bottom:none;}
.lista td{font:normal 13px Arial, Helvetica, sans-serif; color:#FFF; vertical-align:middle; text-align:center; border-bottom:dotted 1px #888;}
.lista .pic{ text-align:left; font:400 15px 'Roboto','Arial',serif;}
.lista .pic div{ width:136px; height:50px; margin-top:8px; padding-top:30px; float:right; text-align:left; display:table-cell; vertical-align:middle;}
.lista .pic img{ width:120px; height:80px; border:0px; margin:8px;}

.lista .picf{ text-align:left; font:400 14px 'Roboto','Arial',serif;}
.lista .picf div{ width:226px; height:40px; margin-top:8px; line-height:40px; float:right; text-align:left; display:table-cell; vertical-align:middle;}
.lista .picf img{ width:10px; height:10px; border:0px; margin:8px; vertical-align:middle; margin-top:22px;}

.dot1{ border-right:dotted 1px #888;}
.dot2{ border-right:dotted 1px #555; box-shadow:inset -10px 0px 10px #979797;}

.pagGuia{
	width:630px;
	background:#dcdcdc;
	height:40px;
	margin-bottom:0px;
/*	box-shadow:inset 0px 5px 20px #999;*/
}

.pagGuia ul{
	position:relative;
	width:470px;
	left:50%;
	margin-left:-235px;
	border:solid 0px #F00;
	text-align:center;
	top:12px;
}

.pagGuia li{
	display:inline;
	padding:5px 9px;
	margin:0px 2px;
	border:solid 0px #CCC;
	font:normal 14px Arial, Helvetica, sans-serif; color:#FFF;
	cursor:pointer;
	border-radius:5px;
	background:#bababa;
}

.pagGuia li:HOVER{
	border:solid 0px #ccc;
	background:#9C3;
	color:#000;
	box-shadow:inset 0px 1px 2px #000;
	transition:background .3s;
	font-weight:bold;
}

.pagGuia li.on{
	background:#777;
	color:#000;
	box-shadow:inset 0px 5px 9px #555;
	transition:background .3s;
	font-weight:bold;
}

.pagGuia li.not{
	border:none;
	font-weight:bold;
}

.pagGuia li img{
	margin-top:-2px;
}

.flech{
	margin:0px 6px;
}

.cell{
	width:208px;
	height:139px;
	float:left;
	background:#996;
	overflow:hidden;
	margin-bottom:3px;
}

.cell:HOVER .cellshade{
	display:block;
	background:rgba(250,250,250,0.45);
	transition:background .5s;
}

.cellshade{
	width:208px;
	height:139px;
	background:none;
	position:absolute;
	float:right;
	display:block;
	z-index:999;
	cursor:pointer;
	transition:background .7s;
}

.cellfoto{
	position:relative;
	z-index:0;
}

.cellfoto img{
	width:208px;
	position:absolute;
}

.cell .cellcaption{
	position:relative;
	background:rgba(0,0,0,0.70);
	width:208px;
	height:auto;
	z-index:99;
	top:79px;
}

.cellcaption h1{
	font:400 17px 'Roboto','Arial',serif; padding:4px 5px 0px 9px; color:#FFF;
}

.cellcaption h3{
	font:normal 13px 'Arial',serif; padding:2px 5px 5px 9px; color:#FFF;
}

.cellcalif{
	margin-left:11px;
}

.cellcalif li{
	display:inline;
	margin-left:-2px;
}

.cellcalif img{
	width:15px;
}

.cellmarg{
	margin:0px 3px 3px 3px
}

.backResult{
	position:relative;
	font:normal 14px Arial, Helvetica, sans-serif;
	color:#333;
	float:right;
	padding:5px;
	border:solid 1px #666;
	border-radius:9px;
	margin-top:5px;
	cursor:pointer;
}

.backResult:HOVER{ background:#239ead; color:#FFF;}

/*DATA DETAIL*/

#data_shadow{
	display:block;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.75);
	z-index:99999;
}

.frameData{
	position:relative;
	width:978px;
	height:100%;
	left:50%;
	margin-left:-480px;
	box-shadow:0px 0px 11px rgba(0,0,0,0.7);
	overflow-x: hidden;
	overflow-y: scroll;
}

/*RIEL OBITUARIO*/

.rielTitOb{ position:absolute; background:#000; font:normal 19px "oswald", arial, sans-serif; color:#fff; z-index:9999; top:0px; left:0px; height:35px; width:145px; padding:8px;}
.obit{background:url(../img/bg_obit.jpg) no-repeat;}

.xyob{ width:250px; height:500px; border:solid 0px #99FF00; display:inline; float:left; margin:15px;}
.fotoOb{display:inline;height:500px; line-height:500px;}
.fotoOb img{ max-height:500px; max-width:250px; vertical-align:middle; box-shadow:0px 3px 15px rgba(0,0,0,0.7); opacity:0.6; }
.fotoOb img:HOVER{ opacity:1; box-shadow:0px 3px 24px rgba(0,0,0,0.8); }

/*DATA DETAIL*/
.b{ color:#333;}

.hub_fune{
	width:960px;
	height:auto;
	padding:0px;
	margin:10px 30px 10px 0px;
	position:relative;
	clear:left;
	float:left;
	}

#obi_shadow{
	display:block;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.75);
	z-index:99999;
	overflow:scroll;
}

#obi_image{ text-align:center; width:100%; position:absolute; top:120px; padding-bottom:30px; }

#obi_img{
	max-height:700px;
	vertical-align:middle;
}

.funeraria{ background:#CCC; overflow:hidden; text-align:left; padding-left:8px;}
.logoFune{ width:958; margin-left:-8px; background:#FFF; border:solid 1px #999;  box-shadow:0px 4px 4px rgba(0,0,0,0.25); font:bold 26px "Oswald", Arial, Sans-serif; color:#423357; text-align:left;}
.funeraria li{  cursor:pointer; margin:8px 4px; padding:7px; border-radius:9px; background:#c2c2c2; border:dotted 1px #777; width:208px; display:inline-block; font:normal 12px Arial, Helvetica, sans-serif; color:#333; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
.funeraria li:HOVER{ background:#3D3951; color:#FFF;}
.funeraria h1{ font:bold 14px Arial, Helvetica, sans-serif;}
.funeraria span{ margin-top:4px;}

.funeral{ background:#CCC; overflow:hidden; text-align:center; width:300px; margin-bottom:30px; }
.logoFuneral{ width:298px; background:#FFF; border:solid 1px #999;  box-shadow:0px 4px 4px rgba(0,0,0,0.25); font:normal 20px "Oswald", Arial, Sans-serif; color:#423357; text-align:center; padding-bottom:10px;}
.funeral li{  cursor:pointer; margin:8px 4px; padding:7px; border-radius:9px; background:#c2c2c2; border:dotted 1px #777; width:258px; display:inline-block; font:normal 12px Arial, Helvetica, sans-serif; color:#333; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
.funeral li:HOVER{ background:#3D3951; color:#FFF;}
.funeral h1{ font:bold 14px Arial, Helvetica, sans-serif;}
.funeral span{ margin-top:4px;}

/*MODULOS*/

/*Riel*/
.rielTitimg { height:250px; width:40px; float:left;	position:relative;}

/*Herramientas en Hover*/
ul.calif {font:lighter 12px/16px 'Helvetica', 'Arial', sans-serif; bottom:10px; left: 13px; position:absolute;}
.ic_caption ul.calif {position: relative;}
ul.calif li {margin-left:0; list-style-type:none; font:100 13px/17px 'Oswald','Arial',serif; text-transform:uppercase; display:inline;}
ul.calif li a{color:#00c6ff; display:inline-block; background:inherit; padding:2px; margin-left: -4px; }
ul.calif li a:hover{color:#00c6ff; display:inline-block; background:#eaeaea;}

/*Herramientas en Hover Doble*/
ul.califPrime {bottom:0px; left: 0px; position:absolute;}
.ic_caption ul.califPrime {position: relative;}
ul.califPrime li {margin-left:0; list-style-type:none; display:inline;}

/*Captions*/
.ic_container {vertical-align:baseline;position:relative;}
.ic_caption{position:absolute;overflow:hidden;margin:0px;padding:0px;left:0px;right:0px;bottom:0;cursor:default;background:rgba(0,0,0,0.7);}
.ic_caption span{font:100 13px/16px 'Helvetica','Arial',serif; color:#fff; padding:5px;}
.gd .ic_caption {position:absolute;overflow:hidden;margin:0px;padding:90px 0 0 0;left:0px;right:0px;cursor:default;background:url(../img/grdAV_1.png) repeat-x 0 40px;}
.overlay {opacity:0.8;position:absolute;top:0px;bottom:0px;left:0px;right:0px;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);}
.ic_category {text-transform:uppercase;font-size:11px;padding:5px;margin:0px;}

.califPrime h2{font:400 44px 'Oswald','Arial',serif; padding:8px 3px 8px 15px; color:#FFF; margin:0px; display:inline;}

.txtPrime{ position:relative; left:10px; bottom:10px; font:100 13px/16px 'Helvetica','Arial',serif; color:#fff; padding:5px;}
.txtPrime span{ margin-left:-5px; color:#66ff00;}
.txtPrime p{ color:#00b8e6;}

/*NUESTROS CRITICOS*/
.crit {background:#333; text-align:center;}
.critic li{
	width:200px;
	height:200px;
	overflow:hidden;
	margin-left:3px;
	font:normal 14px 'Helvetica','Arial',serif; color:#fff;
	display:inline-table;
	text-align:left;
	background:#000;
	cursor:pointer;
}

.crit li:HOVER{
	background:rgba(250,250,250,0.10);
	transition:background .5s;
}

.criticTit{font:normal 22px 'Oswald','Arial',serif; text-transform:uppercase; display:block; width:614px; height:32px; color:#fff; padding:3px 8px; background:#1a1a1a; margin-bottom:6px; text-align:left;}
.critic li img{width:200px; margin-top:-50px; height:150px;}
.critic h2{font:normal 19px 'Oswald','Arial',serif;margin:6px;}
.critic h3{font:bold 13px 'Helvetica','Arial',serif;margin-left:6px;}
.critic p{font:normal 12px Arial, Helvetica, sans-serif;margin:0px 6px;padding:0px;}

/*agencias de autos*/
#articulo .agencias{ width:300px; margin:0px 0px 30px 0px; float:left; background:#f0f0f0; min-height:90px;}
#articulo .agencias .titagencias{ font: 400 16px/22px 'Oswald', "Arial Narrow", sans-serif; padding:5px 10px; border-top:thin #FFF solid; color:#fff; background:#444;}
#articulo .agencias .C{font:normal 17px "Oswald", Arial, sans-serif; padding:10px; border-top:thin #FFF solid; clear:both; color:#333; line-height:18px;}
#articulo .agencias .C h2{font:bold 14px Arial, Helvetica, sans-serif; color:#444; margin:2px 0px 0px 0px;}
#articulo .agencias .C span{font:normal 12px Arial, Helvetica, sans-serif; color:#333;}

/*Buscador*/
/* Buscador */
#BusqGuia { background:#222;}
#BusqGuia h1{
	background:#4d8e23; width:70px; font:normal 20px/24px 'Oswald','Arial',serif; display:block; padding:5px; color:#fff;margin-bottom:5px; float: left; text-align:center;}
#BusqGuia h1.obitu{
	background:#350e4d; width:290px; font:normal 20px/24px 'Oswald','Arial',serif; display:block; padding:5px; color:#fff;margin-bottom:5px; float: left; text-align:left;}
#BusqGuia h1.aut{
	background:#239ead; width:290px; font:normal 20px/24px 'Oswald','Arial',serif; display:block; padding:5px; color:#fff;margin-bottom:5px; float: left; text-align:left;}
#BusqGuia h1.bolsa{
	background:#239ead; width:290px; font:normal 20px/24px 'Oswald','Arial',serif; display:inline-block; padding:5px; color:#fff;margin-bottom:5px; float: left; text-align:left;}
#BusqGuia .pestana1 {width:130px; font:normal 20px/24px 'Oswald','Arial',serif; display:block; padding:5px; margin-bottom:5px; float: left;  text-align:center;}
#BusqGuia .pestana2 { width:70px; font:normal 20px/24px 'Oswald','Arial',serif; display:block; padding:5px; margin-bottom:5px; float: left;  text-align:center;}
#BusqGuia .on{background:#4d8e23; color:#fff;}
#BusqGuia .off{ background:#376719; box-shadow:inset 0px -4px 6px rgba(0,0,0,0.4); color:#87a771; cursor:pointer;}

#BusqGuia .buscador { position:relative;float: left; margin:10px 0 7px 10px; display:inline;}
/*#BusqGuia .buscador input { width:265px; height:20px;}*/
#BusqGuia .buscador input { width:275px; height:30px; padding:0px;}
#BusqGuia .buscador img {position: absolute; top:4px; right:4px; }

.btnRecomienda { width:290px; height:26px; background:url(../img/bg_resultop.jpg) repeat-x; color:#fff; float:left; text-align:center; padding:5px; margin:12px 0 0 0; font:normal 22px/24px 'Oswald','Arial',serif; box-shadow: inset 0px 0px 2px 0px rgba(1, 1, 1, .8)}
.btnRecomienda:hover { background:#a2cc3d; color:#fff;}
#Bbar{ display:none;}

.btnGuia{ padding:5px; display:inline; border: solid thin #444;float:left; text-align:center;
	height:26px; margin-top:6px;
	background:url(../img/bg_resultop.jpg) repeat-x;
	font:normal 20px/22px 'Oswald','Arial',serif; color: #fff;
	}
.btnGuia:hover{ background:#a2cc3d; color:#fff;}

.busqRest_togo{ padding:8px 0px 0px 28px; display:inline; float:left; text-align:center;
	height:28px; width:162px; margin:6px 0 0 20px;
	background:url(../img/busqRest_togo.jpg) no-repeat;
	font:normal 14px/16px 'Roboto','Arial',serif; color: #fff;
	}

.btnGuiaO{ padding:5px; display:inline; border: solid thin #444;float:left; text-align:center;
	height:26px; margin-top:6px;
	background:url(../img/bg_resulOtop.jpg) repeat-x;
	font:normal 20px/22px 'Oswald','Arial',serif; color: #fff;
	}
.btnGuiaO:hover{ background:#a2cc3d; color:#fff;}
.btnRecomiendaO { width:290px; height:26px; background:url(../img/bg_resulOtop.jpg) repeat-x; color:#fff; float:left; text-align:center; padding:5px; margin:12px 0 0 0; font:100 22px/24px 'Oswald','Arial',serif; box-shadow: inset 0px 0px 2px 0px rgba(1, 1, 1, .8)}
.btnRecomiendaO:hover { background:#a2cc3d; color:#fff;}

.btnGuiaAu{ padding:5px; display:inline; border: solid thin #444;float:left; text-align:center;
	height:26px; margin-top:6px;
	background:url(../img/bg_resulAut.jpg) repeat-x;
	font:normal 20px/22px 'Oswald','Arial',serif; color: #fff;
	}
.btnGuiaAu:hover{ background:#0d4853; color:#fff;}

.btnComparaauto { width:290px; height:26px; background:url(../img/bg_resulAut.jpg) repeat-x; color:#fff; float:left; text-align:center; padding:5px; margin:0px 0px 8px 0px; font:normal 22px/24px 'Oswald','Arial',serif; box-shadow: inset 0px 0px 2px 0px rgba(1, 1, 1, .8)}
.btnComparaauto:hover { background:#0d4853; color:#fff;}

#comparaAutos{ position:absolute; width:300px;
height:35px; background:#ccc; margin-top:95px; overflow:hidden;}

.btncompAu{ line-height:35px; position:relative; border: solid thin #444; text-align:center;
	height:27px; width:90px; margin-top:6px;
	background:url(../img/bg_resulAut.jpg) repeat-x;
	font:normal 18px 'Oswald','Arial',serif; color: #fff;
	left:50%; margin-left:-45px;
	}
.btncompAu:hover{ background:#0d4853; color:#fff;}

/*Bolsa de trabajo*/

.btnGuiaBolsa{ padding:2px 15px; display:inline; border: solid thin #444;float:left; text-align:center;
	height:24px; margin-top:9px;
	background:url(../img/bg_resulAut.jpg) repeat-x;
	font:normal 16px 'Oswald','Arial',serif; color: #fff;
	}
.btnGuiaBolsa:hover{ background:#0d4853; color:#fff;}

.btnBolsa { width:290px; height:26px; background:url(../img/bg_resulAut.jpg) repeat-x; color:#fff; float:left; text-align:center; padding:5px; margin:12px 0 0 0; font:normal 22px/24px 'Oswald','Arial',serif; box-shadow: inset 0px 0px 2px 0px rgba(1, 1, 1, .8)}
.btnBolsa:hover { background:#0d4853; color:#fff;}

.menuBolsa{ width:300px; height:250px; background:#555; position:relative; display:block;}

.menuBolsa a:visited{ color:#FFF;}
.menuBolsa2 a:visited{ color:#FFF;}

.menuBolsa h1{background:#239ead; width:290px; font:normal 20px/24px 'Oswald','Arial',serif; display:block; padding:5px; color:#fff;margin-bottom:5px; float: left; text-align:left;}
.menuBolsa div{
	border-bottom:solid 1px #999;
	padding:6px 9px 6px 9px;
	cursor:pointer;
	color:#fff;
	font:bold 15px Arial, Helvetica, sans-serif;
}

.menuBolsa div:HOVER{
	background:#222;
	padding-left:20px;
}

.menuBolsa2{ width:300px; background:#555; position:relative; display:block; margin-top:57px;}
.menuBolsa2 h1{background:#239ead; width:290px; font:normal 20px/24px 'Oswald','Arial',serif; display:block; padding:5px; color:#fff;margin-bottom:5px; float: left; text-align:left;}
.menuBolsa2 div{
	border-bottom:solid 1px #999;
	padding:14px 9px 14px 9px;
	cursor:pointer;
	color:#fff;
	font:bold 15px Arial, Helvetica, sans-serif;
}

.menuBolsa2 div:HOVER{
	background:#222;
	padding-left:20px;
}

.reciente{
	background:#239ead; width:290px; font:normal 20px/24px 'Oswald','Arial',serif; display:block;
	padding:5px; color:#fff;
	display:relative;
	margin-bottom:5px;
	top:0px;
	text-align:left;}

.ofer{
	display:block;
	padding:7px;
	margin:7px 0px;
	border-radius:9px;
	border:solid 1px #CCC;
	/*box-shadow:0px 1px 4px rgba(0,0,0,0.3);*/
	cursor:pointer;
	background:#CCC;
	-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;
}

.ofer:HOVER{
	background:#239ead;
}

.ofer:HOVER h2{
	color:#fff;
}

.ofer h2{
	font:normal 16px Arial, sans-serif;
	color:#239ead;
	margin-top:3px;
}

.ofer p{
	font:bold 13px Arial, sans-serif;
	color:#222;
	margin-left:12px;
}

/*******************************************/
/*DATA GUIAS*/

#articulo .tituloData {font:normal 45px 'Oswald', "Arial Narrow", sans-serif; margin:10px 0px 5px 30px; width:520px; float:left; }
#articulo .tituloData img{ vertical-align:baseline; margin-right:9px;}
#articulo .califica{ margin:0px 0px 15px 30px; width:540px; height:28px; float:left; }
#articulo .califica ul{ float:left; }
#articulo .califica .dercal{ float:right; color:#308817;}
#articulo .califica .fmc{ float:left; display:inline; position:relative; top:7px; }
#articulo .califica a{color:#00a70c; font-weight:bold; font-style:italic;} 
#articulo .califica li{display:inline;	margin-left:-2px;}

#calificador{display:none; overflow:hidden; width:175px; height:28px; margin:0px; float:right; }/*background:#545454; box-shadow:inset 0px 0px 21px #222;*/
#calificador img{ margin:0px 0px 0px 5px; opacity:0.4; cursor:pointer;}
#calificador img:hover{ content:url(../img/starhd.png); opacity:0.9;}

#articulo .pieFoto{background:#000; width:100%; color:#ccc; font:12px/13px Helvetica, Arial, sans-serif; background:rgba(0,0,0,0.6); padding:10px 10px 30px 10px; position:absolute; bottom:0px; text-align:center;}
#articulo .infoGuia{font:bold  14px Arial, Helvetica, sans-serif; text-justify:distribute; line-height:16px; margin: 0px 0px 30px 30px; color: #333; width:540px; float:left;}

#articulo .dataInfo{ width:540px; margin-top:15px;font:normal 14px/20px Arial, Helvetica, sans-serif;}
#articulo .dataInfo li{ border:solid 0px #FF0000; display:block; margin:-2px 0px;}
#articulo .dataInfo b{color:#308817; font-weight:bold;}
#articulo .dataInfo a{color:#00a70c; font-weight:bold; font-style:italic;}
#articulo .dataInfo img{margin-right:5px;}

#articulo .criticos{ width:540px; margin:10px 0px 30px 30px; float:left; background:#f0f0f0;}
#articulo .criticos .titCrit{ font: normal 16px/22px 'Oswald', "Arial Narrow", sans-serif; padding:5px 10px; border-top:thin #FFF solid; color:#fff; background:#444;}
#articulo .criticos .C{font: normal 16px/20px 'Oswald', "Arial Narrow", sans-serif; padding:10px; border-top:thin #FFF solid;-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; clear:both; height:60px; color:#333;}
#articulo .criticos .C:hover{ background: #98d100; color:#FFF;}
#articulo .criticos .C h2{font:bold 14px Arial, Helvetica, sans-serif; color:#444; margin:2px 0px 0px 0px;}
#articulo .criticos .C span{font:normal 12px Arial, Helvetica, sans-serif; color:#333;}
#articulo .criticos .fC{width:130px; height:50px; float:left; border:solid 0px #003399;}
#articulo .criticos .fC img{width:120px; }

#articulo .menu{ width:540px; margin:10px 0px 20px 30px; padding:0px; float:left;  }
#articulo .menu .titMenu{ font: normal 16px/22px 'Oswald', "Arial Narrow", sans-serif; padding:5px 10px; border-top:thin #FFF solid; color:#fff; background:#444; display:block;}
#articulo .menu .M{ cursor:pointer; width:81px; background:#b7b7b7;border:solid 1px #FFF;  height:20px; padding-top:6px;  position:relative; text-align:center;display:table-cell; color:#333; font:bold 14px Arial, Helvetica, sans-serif; padding:10px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
#articulo .menu .cot{background:#b7b7b7;border:solid 1px #FFF; height:40px; position:relative; text-align:center; display:table-cell;}
#articulo .menu .cot img{ position:absolute; display:inline-block;}
#articulo .menu .Mon{ width:81px; cursor:pointer; background: #98d100; color:#FFF; border:solid 1px #FFF;  height:20px; padding-top:6px;  position:relative; text-align:center;display:table-cell; font:bold 14px Arial, Helvetica, sans-serif; padding:10px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
#articulo .menu .Moff{ width:81px; background: #c9c9c9; color:#888; border:solid 1px #FFF;  height:20px; padding-top:6px;  position:relative; text-align:center; display:table-cell; font:bold 14px Arial, Helvetica, sans-serif; padding:10px;}
/*#articulo .menu .M2{width:105px;}*/
#articulo .menu .M:hover{background: #98d100; color:#FFF;}
#articulo .menu .carta{ border:solid 1px #999; margin:-20px 0px 0px 0px; padding-top:20px; background:#f0f0f0;}
#articulo .menu .carta li{ margin:15px 20px 0px 20px; border-bottom:dotted 1px #999999; padding-bottom:7px;}
#articulo .menu .cM{font:normal 12px Arial, Helvetica, sans-serif; color:#444;}
#articulo .menu .cM h3{font:bold 14px Arial, Helvetica, sans-serif; color:#333; margin:2px 0px 0px 0px;}

#map_canvas{height:350px; margin:0px 0px 30px 30px; border:solid 1px #666666; position:relative;}
.mapCanvas_full{width:868px; }
.mapCanvas_short{width:532px; }

/******************************/
/******************************/

a{text-decoration:none; color:#ccc}

.container_960{margin: 0 auto; width: 960px; min-width:960px;}

.darkData{background:#333;}
#velo{ width:100%; height:100%; position:fixed; background:url(../img/art/bg_velo.png); background:rgba(0,0,0,.8);}

#box_art{
	width: 960px;
	height: auto;
	margin: auto;
	background: #444;
	position: relative;
	background: url(../img/art/bg_header.png);
	-webkit-box-shadow: 0px 0px 20px 1px rgba(1, 1, 1, .8);
	box-shadow: 0px 0px 20px 1px rgba(1, 1, 1, .8);
	overflow: hidden;
	background-image: url(../img/art/bg_header.png);
}

#box_tools{
	width:37px;
	float:left;
	height:100%;
	position:relative;
}

.sidebar1{position:fixed; width:37px; top:50px; z-index:999999999999999;}

#contenido_principal{
	width:920px;
	float:left;
	left:37px;
	position:relative;
	border-left: 3px solid #09F;
} 

#content_tools{
	width:40px;
	height:100%;
	float:left;
}


#header_articulo { position:relative; background:#222; height:50px; overflow:hidden;}
#header_articulo .btn_submenu{
	font:normal 15px "Oswald", Arial, sans-serif; 
	color:#66cc00; 
	padding:3px 8px; 
	float:left; 
	-webkit-transition: all .7s ease; 
	-moz-transition: all .7s ease; 
	transition: all .7s ease; 
	letter-spacing:2px;
	line-height:35px;
	height:35px;
	}
#header_articulo .activa{ background-color:#333; color:#fff;}	
#header_articulo #submenu_articulo{ background:#000;}
#header_articulo .btn_submenu:hover{background-color:#555; color:#FFF; cursor:pointer; opacity:1;}

#header_articulo #riel_seccion{width:960px; margin:auto; background:#1c1c1c;}
#header_articulo .nota_seccion{position:relative; width:195px; height:130px; float: left; margin:10px 10px 10px 0px; cursor: pointer;}
#header_articulo .nota_seccion:hover img{}
#header_articulo .nota_seccion img{position:absolute;  -webkit-transition: all .7s ease; -moz-transition: all .7s ease; transition: all .7s ease;}
#header_articulo .gd_nota_seccion{
	width: 195px;
	height: 130px;
	background: url(../img/art/gd_nota_seccion.png) no-repeat;
	position: absolute;
	left: 0px;
}
#header_articulo .gd_nota_seleccionada{
	width: 195px;
	height: 130px;
	background: url(../img/art/gd_nota_seleccionada.png) no-repeat;
	position: absolute;
	margin-top: 15px;
	top: -3px;
	left: -1px;
}
#header_articulo .titulo_nota_seccion{font-family: 'Oswald', "Arial Narrow", sans-serif;  font-weight:300; position:absolute; color:#FFF; bottom:0px; margin:4px 10px; text-shadow: 1px 1px 0px #000000; filter: dropshadow(color=#000000, offx=1, offy=1); font-size:18px;}
#header_articulo .titulo_nota_seccion_seleccionada{font-family: 'Oswald', "Arial Narrow", sans-serif; font-weight:300; position:absolute; color:#000; bottom:0px; margin:4px; text-shadow: 1px 1px 0px #FFFFFF; filter: dropshadow(color=#FFFFFF, offx=1, offy=1); font-size:18px;}


#header_articulo #riel_seccion #anterior{
	float: left;
	margin: 48px 9px 0px 13px;
	background: url(../img/art/anterior.png) no-repeat;
	width: 22px;
	height: 34px;}

#header_articulo #riel_seccion #mascara_notas{width:820px; overflow:hidden; float:left; background:#333; padding-left:10px;}
#header_articulo #riel_seccion #notas{width:3000px;}	
	
#header_articulo #riel_seccion #siguiente{
	float: left;
	margin: 48px 9px;
	background: url(../img/art/siguiente.png) no-repeat;
	width: 22px;
	height: 34px;
	}

.social{
	border:solid 1px #999;
	background:#E9E9E9;
	width:50px;
	float:right;
	margin:0px 0px 15px 20px;
	padding-bottom:10px;
}

.social div{
	background:#999;
	padding:3px;
	text-align:center;
	font:normal 14px "oswald",arial, sans-serif;
	color:#fff;
}

.social img{
	width:30px;
	margin:10px 10px 0px 10px;
	border-radius:8px;
}

#compartir { display:none; z-index:999; background: #333;
width:280px; height:400px; padding-left:10px; position:fixed; left:50%; margin-left:-440px; margin-top:20px;
-webkit-box-shadow: inset 0px 0px 30px .5px rgba(1, 1, 1, .7);
box-shadow: inset 0px 0px 30px .5px rgba(1, 1, 1, .7);
overflow:hidden;
background:url(../img/art/bg_header.png);}
#compartir .comptit{width:260px; margin:10px; color:#ccc; font:normal 18px 'Oswald', "Arial Narrow", sans-serif;}
#compartir .btn_cerrar{ width:30px; height:30px; float:right; margin:5px 15px; cursor:pointer; -webkit-transition: all .2s ease; }
#compartir .btn_cerrar:hover{ opacity:0.4;}
#compartir .separador{ border-bottom:#333 thin solid; border-top:thin #111 solid; margin:15px 0;}
.anotacion{font:10px/16px Helvetica, Arial, sans-serif; color:#999; width:280px;}
#compartir .input{
	outline:none;
	padding: 3px 5px;
	border: 1px solid #a8a8a8;
	font-size:13px;
	background: #fff;
	vertical-align:middle;
	color:#666666;
	width:255px;
	margin-bottom:3px;
	
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari and Chrome */
	-khtml-border-radius: 5px; /* Linux browsers */
	border-radius: 5px; /* Opera 10.50, IE and CSS3 */	
	 
	 -moz-box-shadow: 1px 1px 3px #c9c9c9  inset, 0 0 0 0 ;
	 -webkit-box-shadow: 1px 1px 3px #c9c9c9 inset, 0 0 0 0 ;
	 box-shadow: 1px 1px 3px #c9c9c9 inset, 0 0 0 0 ;
	 /*rgba(0, 0, 0, 0.25)*/ 
}

#compartir textarea{margin-top:3px;}

#epitafio{ z-index:9; background:url(../img/bgEpit.jpg) #c2c2c2; 
width:500px; min-height:150px; vertical-align:middle; padding:20px; position:relative;
top:20px;left:30px;  float:left; 
-webkit-box-shadow: inset 0px 0px 80px 2px rgba(0, 0, 0, .8);
box-shadow: inset 0px 0px 80px 2px rgba(0, 0, 0, .8);
overflow:hidden; text-align:center;
border:ridge 5px #c9c9c9; margin-bottom:25px;
}

#epitafio .difunto{ color:#444; font:normal 28px "Times New Roman", Times, serif; margin:15px 10px;}
#epitafio .separa{ width:220px; margin:30px; border-bottom:dotted 2px #666666; left:50%; margin-left:-110px; position:relative;}
#epitafio .obEdad{ width:120px; float:left; font:normal 14px Verdana, Geneva, sans-serif; color:#333;}
#epitafio .obFecha{ width:330px; float:right; font:normal 14px Tahoma, Geneva, sans-serif; color:#333;}

#enviaCondolencia{ z-index:999; background: #666;
width:280px; height:410px; padding:0px 10px; position:relative;
-webkit-box-shadow: inset 0px 0px 50px 2px rgba(0, 0, 0, .5);
box-shadow: inset 0px 0px 50px 2px rgba(0, 0, 0, .5);
overflow:hidden;}

#actualizar { z-index:999; background: #666;
width:280px; height:300px; padding:0px 10px; position:relative;
-webkit-box-shadow: inset 0px 0px 50px 2px rgba(0, 0, 0, .5);
box-shadow: inset 0px 0px 50px 2px rgba(0, 0, 0, .5);
overflow:hidden;
}
#actualizar .relative .ac, #enviaCondolencia .relative .ac{ font:bold 13px Arial, Helvetica, sans-serif; float:left; color:#FFF; width:262px; padding:3px 0px;}
#actualizar .comptit, #enviaCondolencia .comptit{width:260px; margin:10px; color:#ccc; font:normal 24px 'Oswald', "Arial Narrow", sans-serif;}
#actualizar .btn_cerrar, #enviaCondolencia .btn_cerrar{ width:30px; height:30px; float:right; margin:5px 15px; cursor:pointer; -webkit-transition: all .2s ease; }
#actualizar .btn_cerrar:hover, #enviaCondolencia .btn_cerrar:hover{ opacity:0.4;}
#actualizar .separador, #enviaCondolencia .separador{ border-bottom:#888 thin solid; border-top:thin #111 solid; margin:5px 0px;}
.anotacion{font:10px/16px Helvetica, Arial, sans-serif; color:#999; width:280px;}
#actualizar .input, #enviaCondolencia .input{
	outline:none;
	padding: 3px 5px;
	border: 1px solid #a8a8a8;
	font-size:13px;
	background: #fff;
	vertical-align:middle;
	color:#666666;
	width:260px;
	margin-bottom:3px;
	
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari and Chrome */
	-khtml-border-radius: 5px; /* Linux browsers */
	border-radius: 5px; /* Opera 10.50, IE and CSS3 */	
	 
	 -moz-box-shadow: 1px 1px 3px #c9c9c9  inset, 0 0 0 0 ;
	 -webkit-box-shadow: 1px 1px 3px #c9c9c9 inset, 0 0 0 0 ;
	 box-shadow: 1px 1px 3px #c9c9c9 inset, 0 0 0 0 ;
	 /*rgba(0, 0, 0, 0.25)*/ 
}

#actualizar textarea, #enviaCondolencia textarea{margin-top:3px;}

.boton{ cursor:pointer; padding:5px; border: solid thin #444; margin:8px 10px 5px -2px; text-align:center; background-color:#333; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; color:#FFF;
	-moz-border-radius: 3px; /* Firefox */
	-webkit-border-radius: 3px; /* Safari and Chrome */
	-khtml-border-radius: 3px; /* Linux browsers */
	border-radius: 3px; /* Opera 10.50, IE and CSS3 */
	
	-webkit-box-shadow: inset 0px 0px 2px 0px rgba(1, 1, 1, .8);
	box-shadow: inset 0px 0px 2px 0px rgba(1, 1, 1, .8);
}
.boton:hover{background-color:#09F;}

.responder .boton{float:left; margin:20px 0px 0px 0px; cursor:pointer;}
#comenta .boton{padding:0px;}

.btn_responder:hover{ background:#09F; color:#FFF;}

.redes_sociales{ width:280px;}
.redes_sociales img{ margin:5px; width:32px; height:32px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}
.redes_sociales img:hover{-webkit-transform:scale(1.5);}

#comentar{ min-width:260px; margin:20px; color:#ccc; font-family: 'Oswald', "Arial Narrow", sans-serif; font-weight: normal;}
#comentar .input{width:95%;}
#comentar .label{ font:13px/14px Helvetica, Arial, sans-serif; color:#ccc;}
#btn_comentar{font-family: 'Oswald', "Arial Narrow", sans-serif; font-weight: normal;}
.icono_respuesta{ float:left; margin:0px 20px 0px -40px; width:20px; height:15px; background:url(../img/art/respuesta.gif);}
.icono_replica{ float:left; margin:0px 20px 0px -40px; width:20px; height:15px; background:url(../img/art/replica.gif);}

.btn_menu_tools{ height:30px; background: #666; opacity:.5; -webkit-transition: all .7s ease; -moz-transition: all .7s ease; transition: all .7s ease; overflow:hidden; width:30px; margin: 5px auto 0;}
.btn_menu_tools:hover{ opacity:1;}
.btn_menu_tools img{margin:3px; width:24px; height:24px;}

.btn_menu_herramientas{ height:45px; background: #09F; opacity:.5; -webkit-transition: all .7s ease; -moz-transition: all .7s ease; transition: all .7s ease; overflow:hidden; width:30px; margin: 5px auto 0;}
.btn_menu_herramientas:hover{ opacity:1;}
.btn_menu_herramientas img{margin:3px; width:24px; height:24px;}
#box_tools a{text-decoration:none; color:#FFF; height:100%;}
#box_tools a:hover{text-decoration:none; color:#FFF;}
#box_tools a:active{text-decoration:none; color:#FFF;}
.btn_menu_herramientas .cantidad{
	text-align:center;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 12px;
}

.herramienta_activa{width:35px; margin-right:0px; opacity:1;}

.btn_cerrar_articulo{ height:30px; background: #666; opacity:.5; -webkit-transition: all .7s ease; -moz-transition: all .7s ease; transition: all .7s ease; overflow:hidden; width:30px; margin: 2px auto;}

#articulo {width:920px; min-height:910px; float:left; position:relative; background: #FFF; -webkit-box-shadow: 0px 0px 15px 1px rgba(1, 1, 1, .7); box-shadow: 0px 0px 15px 1px rgba(1, 1, 1, .7); padding-top:4px;}
#articulo #nav{ position:absolute; width:100%; height:100%; top:0px; opacity:0; /*-webkit-transition: all .7s ease; -moz-transition: all .7s ease; transition: all .7s ease; */}
#articulo .fotoP{position:relative; width:100%;}
#articulo .fotoH{width:570px; height:380px; overflow:hidden; text-align:center;}
.fotoGalGuia{width:570px; height:380px; }
#articulo .fotoV{float:left; margin:0px 30px 15px 50px; position:relative; width:300px; height:450px;}
#articulo .titulo{position:absolute; bottom:66px; left:0; background: url(../img/art/bg_velo.png) repeat;}
#articulo .titulo h1 {font: normal 58px/63px 'Oswald', "Arial Narrow", sans-serif; margin:5px 50px 5px 50px; color: #fff;}
#articulo .subtitulo{padding:20px 0px 10px; font: normal 36px/38px 'Oswald', "Arial Narrow", sans-serif;}
#articulo .autor{color:#666;}
#articulo .autor:hover{ text-decoration:underline;}
#articulo #texto .foto{ float:left; padding-right:15px;}
#articulo #texto{ font:14px/20px Helvetica, Arial, sans-serif; margin: 0px 0px 30px 30px; color: #333; width:540px; float:left; }
#articulo #textoPano{ font:14px/20px Helvetica, Arial, sans-serif; margin: -30px 140px 30px 140px; color: #333;}
#articulo .marcador{ background-color: #FF0;}

/*AUTOS*/
.logoMarca{
	width:110px;
	height:90px;
	background:#FFF;
	border-radius:9px;
	box-shadow:0px 4px 8px rgba(0,0,0,0.6);
	margin:8px 12px;
	float:left;
	text-align:center;
	line-height:90px;
	cursor:pointer;
}

.logoMarca p{
	font:normal 13px Arial, Helvetica, sans-serif;
	color:#0099CC;
	margin-top:-30px;
}

.logoMarca > div{
	position:absolute;
	visibility:hidden;
	width:108px;
	height:88px;
	border-radius:9px;
	margin:0px;
	font:normal 14px "Oswald", Arial, Helvetica, sans-serif;
	color:#FFF;
	line-height:78px;
	border:solid 1px #0099CC;
	-webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;
}

.logoMarca:HOVER > div{
	visibility:visible;
	background:rgba(0,0,0,0.9);
}

/************************************************************************************/

/*Widths*/
.w80 { width:80px; float:left}	
.w120 { width:120px; float:left}
.w133 { width:133px; float:left}
.w165 { width:165px; float:left}	
.w180 { width:180px; float:left}	
.w200 { width:200px; float:left}	
.w280 { width:280px; float:left}

/*Heights*/
.h124 { height:124px; float:left}

/*Paddings y Margins*/
.credito {font:lighter 13px/16px 'Helvetica','Arial',serif; color:#999; padding:0px 15px 15px 15px;}
.mT_2{margin-top: 2px;}
.mT_5{margin-top: 5px;}
.mT_10{margin-top:10px;}
.mR_5{ margin-right:5px}
.mR_10{ margin-right:10px}
.mL_5{ margin-left:5px}
.mL_10{ margin-left:10px}
.mB_5{ margin-bottom:5px}
.mB_10{ margin-bottom:10px}
.m_5{ margin:5px}
.pR_1{ padding-right:1px}
.pB_1{ padding-bottom:1px}
.pB_10{ padding-bottom:10px}
.pT_10{ padding-top:10px}
.p_5{ padding:5px}
.floL { float:left}
.floR { float:right}
.bgGris{ background:#333}
.posRel { position:relative}

.x1 {width:300px; float:left}
.x2 {width:630px;}
.x3 {width:960px;}
.xres {width:208px;}
.x375 {width:375px; float:left}

.y0_5 {height:120px;}
.y1 {height:250px;}
.y1_5 {height:390px;}
.y2 {height:530px;}
.y3 {height:810px;}
.yres {height:139px;}

/*Inputs and forms*/
input, textarea, select {
	outline:none;
	padding: 3px 5px;
	border: 1px solid #a8a8a8;
	font-size:13px;
	background: #fff;
	vertical-align:middle;
	color:#666666;
	width:100%;
	
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari and Chrome */
	-khtml-border-radius: 5px; /* Linux browsers */
	border-radius: 5px; /* Opera 10.50, IE and CSS3 */	
	 }
input:focus, textarea:focus, select:focus {
	outline: none;
	border: 1px solid #00aeff;
	}
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: 4px;
	-webkit-background-size: 1600px 32px;
	}

select #select[size], select[multiple], select[size][multiple] {
background: #fff;
}

<!--[if !IE]><!-->
	
	
	select {
	padding: 4px;
	background: #000 ;
	-webkit-background-size: 1600px 32px;
	-webkit-appearance: none;
	}
	
	
 <!--<![endif]-->

	
	/*
input[type=text], input[type=password] {
	background: #fff;
	-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=checkbox],
input[type=radio] {
	border: 1px solid #999999;
	width: 100%;
	background: #fff;
	-webkit-appearance: none;
	
	-moz-border-radius: 3px; /* Firefox */
	-webkit-border-radius: 3px; /* Safari and Chrome */
	-khtml-border-radius: 3px; /* Linux browsers */
	border-radius: 3px; /* Opera 10.50, IE and CSS3 */	
	
	display: inline-block;
	font-size: 15px;
	line-height: 17px;
	margin: -1px 5px 0 0;
	padding: 0;
	width: 1.25em;
	height: 1.25em;
	vertical-align: text-top;
	}
input[type=radio] {
	-moz-border-radius: 3px; /* Firefox */
	-webkit-border-radius: 3px; /* Safari and Chrome */
	-khtml-border-radius: 3px; /* Linux browsers */
	border-radius: 3px; /* Opera 10.50, IE and CSS3 */	
	}
input[type=checkbox]:checked {
	background: url(https://comercial.elnorte.com/libre/comercial/bolsadetrabajo/bolsa14/img/checkbox.png) no-repeat center center;
	-webkit-background-size: 28px 28px;
	}
input[type=radio]:checked {
	background: url(https://comercial.elnorte.com/libre/comercial/bolsadetrabajo/bolsa14/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;
}


/*COVER MODULOS*/

/*NOTA*/
.n, 
.nV { 
	cursor:pointer;}
.n h1,
.nV h1{
	font:normal 19px/22px 'Oswald','Arial',serif; padding:12px 15px 10px 15px; color:#FFF;}
.nsf h1{font:normal 19px/22px 'Oswald','Arial',serif; padding:10px 15px 7px 15px; color:#FFF;}
.nV .foto{width: 300px; height: 450px; float: left; overflow: hidden;}
.nV .foto img {width:300px; height: auto; position:relative; bottom:100px}
.nH_soft h1{
	font:normal 19px/22px 'Oswald','Arial',serif; padding:12px 15px 10px 15px; color:#FFF;}
.nH_soft .foto{width: 300px; height: 450px; float: left; overflow: hidden;}
.nH_soft .foto img {height:250px; width: auto; position:relative;}

/*ESTRUCTURA*/
.c960{width:960px; margin:auto;}

.mdl {overflow:hidden; background: #000; position:relative;}
.mdl .foto, .riel .foto{width:100%; height:auto; position:relative;}
.mdl .foto img{width:auto; height:250px; }

/*resultados guias*/
.mdl .fotores, .riel .fotores{width:100%; height:auto; position:relative;}
.mdl .fotores img{width:auto; height:139px; }

.mdl .fotodbl, .riel .fotodbl{width:100%; heighBusqGuiat:auto; position:relative;}
.mdl .fotodbl img{width:630px; height:auto; margin-top:-90px; }


/*Rieles*/
.rielTit { height:250px; float:left}
.rielTit h2 {position:relative;float:left;width:40px;height:100%;}
.rielTit h2 span {width:250px;
	-webkit-transform-origin:130px 120px;
	-moz-transform-origin: 130px 120px;
	display:inline-block;
	-webkit-transform:rotate(270deg);
	-moz-transform: rotate(270deg);
	filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083);  /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)"; /* IE8 */
	text-align:center;
	font:normal 22px/24px 'Oswald','Arial',serif;color:#fff;
	}
.rielTit2 { height:500px; float:left}
.rielTit2 h2 {position:relative;float:left;width:40px;height:100%;}
.rielTit2 h2 span {width:500px;
	-webkit-transform-origin:250px 240px;
	-moz-transform-origin: 250px 240px;
	display:inline-block;
	-webkit-transform:rotate(270deg);
	-moz-transform: rotate(270deg);
	text-align:center;
	font:normal 22px/24px 'Oswald','Arial',serif;color:#fff;
	}
.riel {
	overflow:hidden;
	position: relative;
	}
.riel img.plecaRiel{float: left;}
.riel .nriel {
	position: relative;
	float: left;
	display: block;
	/* If you don't want the images in the scroller to be selectable, try the following
	   block of code. It's just a nice feature that prevent the images from
	   accidentally becoming selected/inverted when the user interacts with the scroller. */
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.Pub_riel{width:300px;height:250px; overflow:hidden; background:#ffcc00; margin-right:10px; float:left}
.nriel{width:210px;height:250px; overflow:hidden; background:#000; margin-right:10px;}
.nriel .foto { height:140px; background:#00ccff; position:relative}
.nriel .ic_caption{position:absolute;overflow:hidden;margin:0px;padding:0px;left:0px;right:0px;cursor:default;background: url(https://comercial.elnorte.com/libre/comercial/bolsadetrabajo/bolsa14/img/bg_caption.png) repeat;}
.nriel h1 {font:normal 19px/22px 'Oswald','Arial',serif; padding:12px 15px 10px 10px; color:#FFF;}
.nriel p {font: lighter 12px/16px 'Helvetica', 'Arial', sans-serif; color: #fff; padding: 0 10px 5px 10px}
.nriel h1 a {color:#fff; text-decoration:none}
.nriel h1 a:hover {color:#00c6ff; text-decoration:none}
.nriel p.seccion {position: absolute; left:0; top:0; display:block; font: lighter 12px/12px 'Helvetica', 'Arial', sans-serif; background:#000; color:#00c6ff; padding:2px}
.nriel ul li{margin-left:0; list-style-type:none; font:100 13px/17px 'Oswald','Arial',serif; text-transform:uppercase; display:inline}
.nriel ul li a{color:#00c6ff; display:inline-block; background:#444444; padding:5px}
.nriel ul li a:hover{color:#00c6ff; display:inline-block; background:#fff}

.reel2V {float:left; background:#333;}
.reel2V h2 {text-align:center;font:normal 22px/24px 'Oswald','Arial',serif;color:#fff; margin:10px 5px; height:20px}
.reel2V .op1 {width:280px; height:87px; background:#000; overflow:hidden; float:left; margin:0 10px 10px 10px; position:relative}
.reel2V .op1:hover{background:#666;}
.reel2V .scroll .op1 .foto { width:100px; height:67px; margin:10px; float:left; position: relative;overflow: hidden;}
.reel2V .scroll p {font:100 11px/13px 'Helvetica','Arial',serif; color:#efefef; margin:8px 5px 2px 0;}
.reel2V .scroll h1 {margin:0 5px 5px 5px;}
.reel2V .scroll h1 a{font:normal 16px/18px 'Oswald','Arial',serif; color: #fff;}
.reel2V .scroll {overflow: hidden; height:480px; width:300px}
.reel2V .scroll:hover {overflow-y: auto; height:480px; width:297px}

.reel2V .scroll::-webkit-scrollbar {
	width: 5px;
	margin-right:5px;
	}        
.reel2V .scroll::-webkit-scrollbar-track {
	margin: 3px;
	background:
	-webkit-gradient(
	linear,
	0 0,
	100% 0,
	from(rgba(120,120,120,0.2)),
	to(rgba(120,120,120,0.12)));
	-webkit-box-shadow: 0 1px 0 0 rgba(255,255,255,0.35);
	-webkit-border-radius: 5px;
	}
.reel2V .scroll::-webkit-scrollbar-thumb {
	background: rgba(250,250,250,.5);
	-webkit-border-radius: 6px;
	-webkit-background-clip: padding-box;
	}
.Pub_riel2V{width:300px;height:250px; overflow:hidden; background:#ffcc00; margin-bottom:10px; float:left}
.op1 ul.herr {font:lighter 12px/16px 'Helvetica', 'Arial', sans-serif; bottom:-1px; left: 124px; position:absolute;}
.op1 ul.herr li {margin-left:0; list-style-type:none; font:normal 13px/17px 'Oswald','Arial',serif; text-transform:uppercase; display:inline;}
.op1 ul.herr li a{color:#00c6ff; display:inline-block; background:inherit; padding:4px; margin-left: -4px; border:solid 1px #333 }
.op1 ul.herr li a:hover{color:#00c6ff; display:inline-block; background:#eaeaea;}

/************************************************************************************/

.inputAddOtro{ float:right; width:200px; left:-100px;}


/*BDTMENU.ASP*/


/*PIPELINE*/

.bdtmenu{
	background:#292929;
	width:960px;
	height:35px;
	position:relative;
	margin-bottom:20px;
}

.bdtmenu div{
	display:inline-block;
	height:35px;
	line-height:35px;
	text-align:center;
	cursor:pointer;
}

.iconHome{
	position:relative;
	margin:0px;
	padding:0px;
	color:#fff;
	background:#e4b700;
	float:left;
	padding-left:5px;
	overflow:hidden;
}

iconHome img{
	display:block;
	position:relative;
	vertical-align:bottom;
	width:35px;
	height:35px;
	margin: 0 auto;
}

.catbdtmenu{
	position:relative;
	margin:0px;
	width:120px;
	padding:0px 15px;
	font:400 17px 'Oswald', sans-serif;
	color:#000;
	background:#e4b700;
}

.seccbdtmenuOn{
	position:relative;
	width:128px;
	margin:0px;
	padding:0px 11px;
	font:400 17px 'Oswald', sans-serif;
	color:#fff;
	background:#239ead;
}

.seccbdtmenuOff{
	position:relative;
	width:128px;
	margin:0px;
	padding:0px 11px;
	font:300 17px 'Oswald', sans-serif;
	color:#888;
	background:#444;
}
.seccbdtmenuOff:HOVER{
	background:#CECECE;
	color:#000;
}


/* z fold 5 */
@media only screen and (min-width: 344px) and (max-width: 359px)
{
	.all
	{
		position:absolute;
		top:180px;
		margin-left:0px;
		left:5px;
		height:1400px;
	}
	
	.hub_dbl_h
	{
		width: 332px;
		min-height:0;
		height:410px;
	}
	
	.hub_dbl_v
	{
		position:absolute;
		top:425px;
		left:17px;	
	}
	
	.tablaBolsa
	{
	 width:315px;	
	}
	
	#footer
	{
		display:none;
	}
	
}


/* galaxy s8 */
@media only screen and (min-width: 360px) and (max-width: 374px)
{
	
	
		.all
	{
		position:absolute;
		top:180px;
		margin-left:0px;
		left:10px;
		height:1400px;
	}
	
	.hub_dbl_h
	{
		width: 340px;
		min-height:0;
		height:410px;
	}
	
	.hub_dbl_v
	{
		position:absolute;
		top:425px;		
		left:18px;
	}
	
	.tablaBolsa
	{
	 width:315px;	
	}
	
	#footer
	{
		display:none;
	}
	
	
}

/* IPHONE SE */
@media only screen and (min-width: 375px) and (max-width: 389px)
{
	
		.all
	{
		position:absolute;
		top:180px;
		margin-left:0px;
		left:15px;
		height:1400px;
	}
	
	.hub_dbl_h
	{
		width: 340px;
		min-height:0;
		height:410px;
	}
	
	.hub_dbl_v
	{
		position:absolute;
		top:426px;
		left:18px;	
	}
	
	.tablaBolsa
	{
	 width:315px;	
	}
	
	#footer
	{
		display:none;
	}
	
	
}


/* IPHONE 12 PRO */
@media only screen and (min-width: 390px) and (max-width: 411px)
{
	
		.all
	{
		position:absolute;
		top:180px;
		margin-left:0px;
		left:23px;
		height:1400px;
	}
	
	.hub_dbl_h
	{
		width: 340px;
		min-height:0;
		height:410px;
	}
	
	.hub_dbl_v
	{
		position:absolute;
		top:425px;		
		left:15px;	
	}
	
	.tablaBolsa
	{
	 width:315px;	
	}
	
	#footer
	{
		display:none;
	}
	
	
}

/* IPHONE  XR  GALAXY S20 ULTRA*/
@media only screen and (min-width: 412px) and (max-width: 429px)
{
	
		
		.all
	{
		position:absolute;
		top:180px;
		margin-left:0px;
		left:23px;
		height:1400px;
	}
	
	.hub_dbl_h
	{
		width: 365px;
		min-height:0;
		height:410px;
	}
	
	.hub_dbl_v
	{
		position:absolute;
		top:425px;		
		left:30px;
	}
	
	.tablaBolsa
	{
	 width:315px;	
	}
	
	#footer
	{
		display:none;
	}
	

	
}

/* IPHONE 14 PRO MAX */
@media only screen and (min-width: 430px) and (max-width: 539px)
{
	
		.all
	{
		position:absolute;
		top:180px;
		margin-left:0px;
		left:30px;
		height:1400px;
	}
	
	.hub_dbl_h
	{
		width: 365px;
		min-height:0;
		height:410px;
	}
	
	.hub_dbl_v
	{
		position:absolute;
		top:425px;		
		left:29px;
	}
	
	.tablaBolsa
	{
	 width:315px;	
	}
	
	#footer
	{
		display:none;
	}
	
	
}

/* SURFACE  DUO*/
@media only screen and (min-width: 540px) and (max-width: 600px)
{
	
		.all
	{
		position:absolute;
		top:180px;
		margin-left:0px;
		left:35px;
		height:1400px;
	}
	
	.hub_dbl_h
	{
		width: 460px;
		min-height:0;
		height:410px;
	}
	
	.hub_dbl_v
	{
		position:absolute;
		top:425px;	
		left:75px;
	}
	
	.tablaBolsa
	{
	 width:450px;	
	}
	
	#footer
	{
		display:none;
	}
	
}


@media only screen and (min-width: 601px) and (max-width: 780px)
{
	
		.all
	{
		position:absolute;
		top:180px;
		margin-left:0px;
		left:135px;
		height:1400px;
	}
	
	.hub_dbl_h
	{
		width: 460px;
		min-height:0;
		height:410px;
	}
	
	.hub_dbl_v
	{
		position:absolute;
		top:425px;	
		left:75px;
	}
	
	.tablaBolsa
	{
	 width:450px;	
	}
	
	#footer
	{
		display:none;
	}	
		
}

