
*{
	margin:0;
	padding:0;		
	color:#363636;
	font-weight:normal;
	font-family: 'Open Sans',Arial,Helvetica,Verdana;
}
ul {
	list-style: none;
}
ol {
    display: block;
    list-style-type: decimal;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 20px;
}
.clear{
	clear:booth;
}

/*********************************
 * COLUMNAS
*********************************/
.contenedor {
	padding:15px;
}
.fila {
	overflow: hidden;
}
.col-12 {
	padding-left: 15px;
	padding-right: 15px;
	float: left;
	box-sizing: border-box;
	width: 100%;
}
.col-8 {
	padding-left: 15px;
	padding-right: 15px;
	float: left;
	box-sizing: border-box;
	width: 66.6%;
}
.col-6 {
	padding-left: 15px;
	padding-right: 15px;
	float: left;
	box-sizing: border-box;
	width: 50%;
}
.col-4 {
	padding-left: 15px;
	padding-right: 15px;
	float: left;
	box-sizing: border-box;
	width: 33.3%;
}
.col-3 {
	padding-left: 15px;
	padding-right: 15px;
	float: left;
	box-sizing: border-box;
	width: 25%;
}

.bordeabajo {
	border-bottom: 1px solid #ececec;
	padding-bottom: 15px;
}

.listacompleta {
	display: block;
	background: #f68428;
	padding: 0px;
	text-align: center;
	font-size: 28px;
	line-height: 65px;
	border-radius: 15px;
	vertical-align: middle;
}
.listacompleta:hover {	
	background: #e47a25;
}


.listacompleta img {
	display: inline-block;
	vertical-align: middle;
	margin-right: 15px;
}

.listacompleta span.txt {
	display: inline-block;
	font-weight: bold;
	color: white;
}

.col-titulo{
	color:#f68428;
	text-transform:uppercase;
	font-size:24px;
	line-height:24px;
	font-weight:300;
	display:block;
}
.col-subtitulo{
	text-transform:uppercase;
	font-size:16px;
	line-height:24px;
	font-weight:300;
	border-bottom:1px solid #ececec;
	display:block;
}

.col-novedades {
	padding-top:15px;
}
.col-novedades li {
	font-size: 13px;
	padding: 3px 0;
}
.col-novedades li span {
	color: #ccc;
	font-size: 11px;
}
.col-novedades li a {
	color: #f68428;
}
.col-ofertas {
	padding-top:15px;
}
.col-ofertas a {
	display: block;
	width: 100%;
	padding-bottom: 10px;
	overflow: hidden;
}
.col-ofertas a img {
	width: 45px;
	padding-right: 5px;
	height: auto;
	float: left;
}
.col-ofertas a span {
	color: #f68428;
	font-size: 13px;
	line-height: 14px;
}


strong{
	font-weight:bold;
}
*:focus  {  
	outline: none; 
}
a, a:hover, a:link, a:visited, a:active{
	text-decoration:none;
	color:inherit;
	outline: none;
	cursor:pointer;
}
img{
	border:0;
}
.italic{
	font-style:italic;
}
input, textarea, select{
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.marder30 {
	margin-right:30px;
}
.marizq30 {
	margin-left:30px;
}
.mararr30 {
	margin-top:30px;
}
.maraba30 {
	margin-bottom:30px;
}
.marder15 {
	margin-right:15px;
}
.marizq15 {
	margin-left:15px;
}
.mararr15 {
	margin-top:15px;
}
.maraba15 {
	margin-bottom:15px;
}
/*********************************
 * GENERALES
*********************************/
body{
	background-color:#fff;
}
#fijos {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 11000;
	margin:10px 0 0 15px;
}
#fijos a{
	display: inline-block;
	line-height: 26px;
	padding: 5px 2px;
	color: #fff;
	background: #444;
	width: 80px;
	text-align: center;
	font-size: 12px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-transform: uppercase;
}
#fijos a:hover{
	background: #666;
}
.centrado{
	max-width:960px;
	margin:0 auto;
	position:relative;
	padding:1px;
	border:1px solid #f0f0f0;
	margin-top:0px;
	margin-bottom:0px;
	-webkit-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.25);
	-moz-box-shadow:    0px 0px 3px rgba(50, 50, 50, 0.25);
	box-shadow:         0px 0px 3px rgba(50, 50, 50, 0.25);
}
.reporte{
	width:98%;
	margin:0 auto;
	position:relative;
	padding:1px;
	border:1px solid #f0f0f0;
	margin:1%;
	-webkit-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.25);
	-moz-box-shadow:    0px 0px 3px rgba(50, 50, 50, 0.25);
	box-shadow:         0px 0px 3px rgba(50, 50, 50, 0.25);
}
.maraba15{
	margin-bottom:15px;
}
.imgres{
	max-width:100%;
	height:auto;
}
.titulogris{
	width:93.6%;
	overflow:hidden;
	text-transform: uppercase;
	font-size:24px;
	line-height: 30px;
	color:#9a9a9a;
	font-weight:300;
	border-bottom:1px solid #ececec;
	margin:1.6% 3.2%;
}
.barnav{
	position:relative;
	height:30px;
	width:93.6%;
	margin:1% 3.2%;
	font-size: 10px;
	line-height:30px;
	text-transform:uppercase;
	color:#9a9a9a;
	border-bottom:1px solid #ececec;
	border-top:1px solid #ececec;
}
a.linkab{
	color:#f68428;
	font-weight:600;
	float:right;
}a.linkab:hover{
	color:#363636;
	font-weight:600;
	float:right;
}
a.linka{
	color:#f68428;
}a.linka:hover{
	color:#363636;
}
.texto10{
	font-size: 10px;
}
.validate-form textarea,
.validate-form select,
.validate-form input{
	margin-bottom:5px;
}
/*********************************
 * HEADER
*********************************/
#header{
	overflow:hidden;
}
/*********************************
 * HEADER - barra gris
*********************************/
#header .barragris{
	position:relative;
	width:100%;
	height:30px;
	background-color:#363636;
	border-bottom:1px solid #fff;
}
#header .barragris .usuario{
	position: absolute;
	text-align: right;
	width: 500px;
	right: 285px;
	top: 7px;
	color: #fff;
	font-size: 11px;
	display: inline-block;
}
#header .barragris li{
	width:89px;
	height:30px;
	border-left:1px solid #4a4a4a;
	float:right;
}
#header .barragris li a{
	display:block;
	height:30px;
	padding:0;
	margin:0;
}
#header .barragris li a:hover{
	background-color:#474747;
}
#header .barragris li.fl{
	width:89px;
	height:30px;
	border-left:1px solid #4a4a4a;
	float:left;
}
#header .barragris li.fl a{
	display:block;
	height:30px;
	padding:0;
	margin:0;
}
#header .barragris li.fl a:hover{
	background-color:#474747;
}
/*********************************
 * HEADER - menu
*********************************/
#header .barramenu{
	position:relative;
	width:100%;
	height:60px;
	background:url('https://portal2.latyn.net/images/head_menu_fondo.png');
	border-bottom:1px solid #fff;
}
#header .barramenu .logo{
	position:absolute;
	left:30px;
	top:12px;
}
#header .barramenu #menu{
	position:absolute;
	right:0;
}
#header .barramenu #menu li{
	position:relative;
	width:89px;
	height:60px;
	border-left:1px solid #fff;
	float:left;
}
#header .barramenu #menu li:hover{
	background:url('https://portal2.latyn.net/images/head_menu_fondo_over1.png');
}
#header .barramenu #menu li.seleccionado{
	background:url('https://portal2.latyn.net/images/head_menu_fondo_over2.png');
}
#header .barramenu #menu li.seleccionado a.menu_item .menu_texto{
	color:#fff !important;
}
#header .barramenu #menu li a.menu_item{
	position:relative;
	display:block;
	height:60px;
	padding:0;
	margin:0;
}
#header .barramenu #menu li a.menu_item .menu_texto{
	position:absolute;
	display:inline-block;
	top:35px;
	width:100%;
	font-size: 16px;
	text-transform: uppercase;
	font-family: 'Open Sans Condensed',Arial,Helvetica,Verdana;
	text-align:center;
	padding:0;
	margin:0;
}
#header .barramenu #menu li a.menu_inicio{
	background:url('https://portal2.latyn.net/images/head_icon_inicio.png');
}
#header .barramenu #menu li.seleccionado a.menu_inicio{
	background-position:89px 0;
}
#header .barramenu #menu li a.menu_reportes{
	background:url('https://portal2.latyn.net/images/head_icon_reportes.png');
}
#header .barramenu #menu li.seleccionado a.menu_reportes{
	background-position:89px 0;
}
#header .barramenu #menu li a.menu_empresa{
	background:url('https://portal2.latyn.net/images/head_icon_empresa.png');
}
#header .barramenu #menu li.seleccionado a.menu_empresa{
	background-position:89px 0;
}
#header .barramenu #menu li a.menu_novedades{
	background:url('https://portal2.latyn.net/images/head_icon_novedades.png');
}
#header .barramenu #menu li.seleccionado a.menu_novedades{
	background-position:89px 0;
}
#header .barramenu #menu li a.menu_mipagina{
	background:url('https://portal2.latyn.net/images/head_icon_mipagina.png');
}
#header .barramenu #menu li a.menu_item.menu_mipagina .menu_texto{
	color:#fff;
}
#header .barramenu #menu li.seleccionado a.menu_mipagina,
#header .barramenu #menu li a.menu_mipagina:hover{
	background:url('https://portal2.latyn.net/images/head_icon_mipagina2.png');
}
#header .barramenu #menu li a.menu_comprar{
	background:url('https://portal2.latyn.net/images/head_icon_comprar1.png');
}
#header .barramenu #menu li a.menu_item.menu_comprar .menu_texto{
	color:#fff;
}
#header .barramenu #menu li.seleccionado a.menu_comprar,
#header .barramenu #menu li a.menu_comprar:hover{
	background:url('https://portal2.latyn.net/images/head_icon_comprar2.png');
}
#header .barramenu #menu li a.menu_contacto{
	background:url('https://portal2.latyn.net/images/head_icon_contacto.png');
}
#header .barramenu #menu li a.menu_imprimir{
	background:url('https://portal2.latyn.net/images/head_icon_imprimir.png');
}
#header .barramenu #menu li a.menu_excel{
	background:url('https://portal2.latyn.net/images/head_icon_excel.png');
}
#header .barramenu #menu li.seleccionado a.menu_contacto{
	background-position:89px 0;
}
#header .barramenu #menu li a.menu_carrito{
	background:url('https://portal2.latyn.net/images/head_icon_carrito.png');
}
#header .barramenu #menu li.seleccionado a.menu_carrito,
#header .barramenu #menu li a.menu_carrito:hover{
		background:url('https://portal2.latyn.net/images/head_icon_carrito2.png');
}


#header .barramenu #menu li a.menu_item.menu_carrito .menu_texto{
	color:#fff;
}
/*********************************
 * HEADER - menu productos
*********************************/
#productos_barra{
	position:relative;
	width:100%;
	padding:0 0.5%;
	height:25px;
	background-color:#363636;
}
#productos_barra #productos_menu{
}
#productos_barra .productos_menu li{
	width:9%;
	float:left;
	height:25px;
}
#productos_barra .productos_menu li a{
	display:inline-block;
	width:100%;
	line-height:25px;
	color:#fff;
	font-size: 10px;
	text-align: center;
	text-transform: uppercase;
}
#productos_barra .productos_menu li:hover{
	background-color:#474747;
}
#contenido .seccion.productos{
	width:96%;
	margin:1% 2%;
}
#contenido .seccion .producto{
	width:32.2%;
	margin:0.5%;
	float:left;
	background:#fff;
	margin-bottom:20px;
}
#contenido .seccion .producto .prod_encabezado{
	overflow: hidden;
	position:relative;
}
#contenido .seccion .producto .prod_encabezado button{
	position:absolute;
	right:0;
	bottom:5px;
}
#contenido .seccion .producto .prod_imagen{
	width:70px;
	height:70px;	
	margin-right: 5px;
	float:left;
}
#contenido .seccion .producto .prod_titulo{
	font-size:14px;
	font-weight: bold;
	margin: 6px 0;
}
#contenido .seccion .producto .prod_codigo{
	font-size:12px;
	font-weight: bold;
}
#contenido .seccion .producto .prod_tabla{
	border-spacing:0;
    border-collapse:collapse;
	width:100%;
	font-size: 10px;
	line-height: 10px;
	text-transform:uppercase;
	border-bottom:1px solid #363636;
}
#contenido .seccion .producto .prod_tabla tr.prod_tabla_titulo{
	height:30px;
	background: #363636;
	margin-bottom:10px;
	border-bottom:1px solid #363636;
}
#contenido .seccion .producto .prod_tabla tr.prod_tabla_titulo td{
	color:#fff;
	text-align:center;
}
#contenido .seccion .producto .prod_tabla tr.prod_tabla_fila{
	height:30px;
	margin-bottom:10px;
	border-bottom:1px solid #363636;
}
#contenido .seccion .producto .prod_tabla tr.prod_tabla_fila td{
	text-align:center;
}
#contenido .seccion .producto input{
	width:50px;
	height:15px;
	border:1px solid #9a9a9a;
	font-size: 10px;
	text-align:center;
}
.barnav .boton_agregarcarrito{
	position:absolute;
	right:0;
	top:5px;
	height:20px;
	background-color:#f68428;
	color:#fff;
	font-size: 10px;
	padding:0 10px;
	line-height:0px;
	border:0;
	cursor:pointer;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-transform: uppercase;
}
.barnav .boton_agregarcarrito:hover{
	background-color:#474747;
}
.barnav .buscador{
	position:absolute;
	width:250px;
	height:20px;
	top:5px;
	right:340px;
}
.barnav .buscador .campo_buscar{
	position:absolute;
	top:0;
	width:200px;
	height:18px;
	border:1px solid #474747;
}
.barnav .buscador .boton_buscar{
	position:absolute;
	top:0;
	left:210px;
	height:20px;
	background-color:#363636;
	color:#fff;
	font-size: 10px;
	padding:0 10px;
	border:0;
	line-height:0px;
	cursor:pointer;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-transform: uppercase;
}
.barnav .buscador .boton_buscar:hover{
	background-color:#474747;
}

.barnav .buscador2{
	position:absolute;
	width:250px;
	height:20px;
	top:5px;
	right:24px;
}
.barnav .buscador2 .campo_buscar{
	position:absolute;
	top:0;
	width:200px;
	height:18px;
	border:1px solid #474747;
}
.barnav .buscador2 .boton_buscar{
	position:absolute;
	top:0;
	left:210px;
	height:20px;
	background-color:#363636;
	color:#fff;
	font-size: 10px;
	padding:0 10px;
	border:0;
	cursor:pointer;
	line-height:0px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-transform: uppercase;
}
.barnav .buscador2 .boton_buscar:hover{
	background-color:#474747;
}
/*********************************
 * CONTENIDO
*********************************/
#contenido{
	overflow: hidden;
	border-bottom: 1px solid #fff;
}
#contenido.sec_prehome{
	background-color: #f68428;
}
#contenido.sec_prehome .bienvenida{
	width:690px;
	height:255px;
	float:left;
}
#contenido.sec_prehome .login{
	width:209px;
	height:290px;
	float:left;
	padding:30px;
	border-left:1px solid #fff;
	position:relative;
}
#contenido.sec_prehome .login .bannerhome{
	position:absolute;
	left:0;
	bottom:0;
}
#contenido.sec_prehome .login p.titulo{
	font-size:16px;
	color:#fff;
	text-transform: uppercase;
	font-weight: 300;
}
#contenido.sec_prehome .login p.tituloa{
	font-size:16px;
	color:#fff;
	margin-top: 30px;
	text-transform: uppercase;
	font-weight: 600;
}
#contenido.sec_prehome .login p.registrate{
	font-size:10px;
	color:#fff;
	float:right;
}
#contenido.sec_prehome .login p.olvide a{
	font-size:10px;
	color:#fff;
}
#contenido.sec_prehome .login p.olvide a:hover{
	text-decoration:underline;
}
#contenido.sec_prehome .login input{
	width:199px;
	height:30px;
	background-color:#fff;
	font-size: 12px;
	padding:0 5px;
	border:0;
}
#contenido.sec_prehome .login button.entrar{
	height:30px;
	width:95px;
	background-color:#474747;
	color:#fff;
	font-size: 12px;
	padding:0 10px;
	border:0;
	cursor:pointer;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-transform: uppercase;
}
#contenido.sec_prehome .login button.entrar:hover{
	background-color:#363636;
}
#contenido.sec_prehome .login button.registrarse{
	height:30px;
	width:95px;
	background-color:#f62d28;
	color:#fff;
	font-size: 12px;
	padding:0 10px;
	border:0;
	cursor:pointer;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-transform: uppercase;
	margin-left:5px;
	float:right;
}
#contenido.sec_prehome .login button.registrarse:hover{
	background-color:#363636;
}
/*********************************
 * CONTENIDO - SECCIONES NORMALES
*********************************/
#contenido .seccion{
	width:93.6%;
	margin:1% 3.2%;
	overflow:hidden;
	font-size:12px;
	line-height:18px;
}
#contenido .seccion.reportes{
	width:97%;
	margin:1.5%;
	overflow:hidden;
	font-size:12px;
	line-height:18px;
}
#contenido .seccion .sec_titulo{
	color:#f68428;
	text-transform:uppercase;
	font-size:24px;
	line-height:24px;
	font-weight:300;
}
#contenido .seccion .sec_subtitulo{
	text-transform:uppercase;
	font-size:16px;
	line-height:24px;
	font-weight:300;
	border-bottom:1px solid #ececec;
	display:block;
}
#contenido .seccion .sec_subtitulodest{
	color:#f68428;
	text-transform:uppercase;
	font-size:16px;
	line-height:16px;
	font-weight:300;
}
#contenido .seccion .linkweb{
	color:#f68428;
	font-size:16px;
	line-height:16px;
	font-weight:300;
}
#contenido .seccion .linkweb:hover{
	color:#f68428;
	font-size:16px;
	line-height:16px;
	font-weight:300;
}
#contenido .seccion .sec_con_tipo{
	display:inline-block;
	width:40px;
	height:16px;
	color:#9a9a9a;
}
#contenido .seccion .destacar{
	font-weight:bold;
	color:#f68428;
}
#contenido .seccion .destacar_common{
	color:#f68428;
}

#contenido .seccion .destacarleft{
	color:#f68428;
	float:right;
	padding-top:10px;
}
#input.error{
background-color:#F1CACA !important
}
#contenido .seccion .sec_martext{
	margin-bottom:15px;
}


#contenido .rankcolumna{
	width:100%;
	margin-bottom:2%;
	padding:3%;
	background: #f68428;
	box-sizing: border-box;
	float:left;
}
#contenido .rankcolumna1{
	width:49%;
	margin-right:1%;
	margin-bottom:2%;
	padding:1%;
	border:1px solid #363636;
	box-sizing: border-box;
	float:left;
	overflow: hidden;
}
#contenido .rankcolumna2{
	width:49%;
	margin-left:1%;
	margin-bottom:2%;
	padding:1%;
	border:1px solid #363636;
	box-sizing: border-box;
	float:left;
	overflow: hidden;
}

#contenido .columna1{
	width:43.3%;
	padding-right:3.3%;
	float:left;
	border-right:1px solid #ececec;
}
#contenido .columna_centrada{
	position:relative;
	width:42%;
	padding:4%;
	margin-left:25%;
	border:1px solid #ececec;
}
#contenido .columna2{
	width:49.9%;
	margin-left:3.3%;
	float:left;
}
#contenido .columna1a{
	width:63.3%;
	padding-right:3.3%;
	float:left;
	border-right:1px solid #ececec;
	
}

#contenido .columna2 .novedadesversion{
	display:block;
	width:97%;
	height: 58px;
	padding-top: 12px;
	padding-left:3%;
	background:url('https://portal2.latyn.net/images/novedadesversion.png') top right;
	font-size:22px;
	line-height: 22px;
	color:#fff;
	text-transform: uppercase;
	margin-top: 20px;
}
#contenido .pdf{
	width:30%;
	margin-right:3.3%;
	float:left;
	position:relative;
	height:70px;
	min-width:156px;
}

#contenido .pdf .pdf1{
left:0;
	position:absolute;
}

#contenido .pdf .pdf2{
	position:absolute;
	top:20px;
	right:0;
}

#contenido .pdf .pdf3{
left:0;
	position:absolute;
		top:5px;
		
}

#contenido .pdf .pdf4{
	position:absolute;
	top:0px;
	padding-left:35px;
}
#contenido .pdfa{
	width:100%;
	position:relative;
	height:70px;
	min-width:156px;
}

#contenido .pdfa .pdf1{
left:0;
	position:absolute;
}

#contenido .pdfa .pdf2{
	position:absolute;
	top:0;
	right:0;
}
#contenido .columna2a{
	width:19.9%;
	margin-left:3.3%;
	float:left;
}
#contenido .columna3{
	margin-left:3.3%;
	float:left;
}
#contenido .subcol{
	width:50%;
	float:left;
	margin-bottom:15px;
	min-width:170px;
}
#contenido .subcola{
	width:30%;
	margin-right:3.3%;
	float:left;
	margin-bottom:15px;
	min-width:170px;

}
#contenido .tabla_asistencia2{
	width:100%;
}
#contenido .tabla_asistencia td{
	width:33.33%;
}
#contenido .nodestacar{
	color:#9a9a9a;
}
#contenido .tabla_asistencia{
	width:100%;
	margin-bottom:15px;
}
}
/*********************************
 * CONTENIDOS - MIPAGINA
*********************************/

.col {}
.col .respimagen {
	width: 100%;
	height: auto;
}
.col .mip-nombre {
	color: #fff;
	width: 50%;
	font-size:28px;
	text-transform:uppercase;
	letter-spacing: 2px;
	font-weight: bold;
	float: left;
}
.col .mip-puntotal{
	width:50%;
	text-align: right;
	float: right;
}
.col .mip-puntotal .palabra{
	font-size:16px;
	text-transform: uppercase;
	display: inline-block;
	padding-right: 10px;
	color: white;
}
.col .mip-puntotal .puntos{
	font-size:28px;
	font-weight: bold;
	color: white;
}
.col .mip-periodo {
	width: 100%;
	text-align: center;
	padding-bottom:20px;
	font-size:13px;
	text-transform:uppercase;
	letter-spacing: 2px;
	font-weight: 300;
	padding-top:15px;
}
.col .mip-tit {
	width: 100%;
	text-align: center;
	margin-bottom:30px;
	font-size:21px;
	text-transform:uppercase;
	letter-spacing: 1px;
	font-weight: 300;
	color: white;
	background: #363636;
	line-height: 45px;
}
.col .mip-cont {}
.col .mip-cont .mip-circulitos{
	width:29%;
	padding:2%;
	float: left;
}
.col .mip-puntaje{
	overflow: hidden;
	text-align: right;
	width:130px;
	margin:0 auto;
	color: #f68428;
	font-size:21px;
	margin-top: 15px;
	border: 1px solid #f68428;
	margin-bottom:10px;
}
.col .mip-puntaje .palabra{
	color: #f68428;
	padding-right: 10px;
	font-size:16px;
	text-transform: uppercase;
	font-weight: normal;
}
.col .mip-puntaje .puntos{
	display: inline-block;
	padding: 10px;
	color: #fff;
	background-color: #f68428;
}
.col .mip-cont .mip-circulitos .mip-marca{
	font-size: 16px;
	text-align: center;
	font-weight: 300;
	text-transform: uppercase;
	padding-bottom:5px;
}
.col .mip-cont .mip-circulitos .mip-circulito {
	padding-bottom:10px;
}
.col .mip-cont .mip-plazo {
	text-align: center;
	width: 100%;
}
.col .mip-cont .mip-plazo .mip-nro {
	display: inline-block;
	width: 100px;
	line-height: 100px;
	border-radius: 50%;
	background: #000;
	color: #fff;
	font-size: 28px;
	font-weight: bold;
	margin:30px 0;
}

/*********************************
 * CONTENIDO - SLIDERS
*********************************/
#slider_content {
	padding:0;
	position:relative;
}
#slider_content .nivo-controlNav{
	position:absolute;
	left:50px;
	top:299px;
	z-index:10000;
}
#slider_content .nivo-controlNav .nivo-control{
	width:16px;
	height:16px;
	background:url('https://portal2.latyn.net/images/slider_bolitas.png');
	margin-right:5px;
	display:inline-block;
	text-transform: capitalize;
	text-indent: -5000px;
	z-index:20000;
}
#slider_content .nivo-controlNav .active{
	background-position: 16px 0;
}
#slider{
	width:690px;
	height:auto;
	overflow: hidden;
	float:left;
}

#slider_content2 {
	padding:0;
	position:relative;
	overflow:hidden;
}
#slider_content2 .nivo-controlNav{
	position:absolute;
	left:27px;
	top:313px;
	z-index:10000;
}
#slider_content2 .nivo-controlNav .nivo-control{
	width:16px;
	height:16px;
	background:url('https://portal2.latyn.net/images/slider_bolitas.png');
	margin-right:5px;
	display:inline-block;
	text-transform: capitalize;
	text-indent: -5000px;
	z-index:20000;
}
#slider_content2 .nivo-controlNav .active{
	background-position: 16px 0;
}
#slider2{
	width:100%;
	height:auto;
	overflow: hidden;
	float:left;
}
/*********************************
 * CONTENIDO - reportes
*********************************/
#contenido .seccion{
	overflow: hidden;
}
#contenido .seccion .colrep1{
	position:relative;
	margin:3% 3% 0 0;
	float:left;
	width:31.3%;
	overflow: hidden;
}
#contenido .seccion .colrep2{
	position:relative;
	margin:3% 0 0 0;
	float:left;
	width:31.3%;
	overflow: hidden;
}
#contenido .seccion .colrep1 a,
#contenido .seccion .colrep2 a{
	color:#f68428;
}
#contenido .seccion .colrep1 a:hover,
#contenido .seccion .colrep2 a:hover{
	color:#363636;
}

/*********************************
 * CONTENIDO - LISTADO NEWSLETTERS
*********************************/
#contenido .noticias .banner img{
	width: 100%;
	margin-bottom: 20px;
}
#contenido .noticias .anio{
	position:relative;
	margin:0 3.2%;
	float:left;
	overflow: hidden;
	padding-bottom:15px;
	padding-top:5px;
	width:93%;
}
#contenido .noticias .anio .numero{
	color:#f68428;
	text-transform:uppercase;
	font-size:24px;
	line-height:24px;
	font-weight:300;
	padding-bottom:10px;
	cursor: pointer;
}
#contenido .noticias .anio .newsletters{
	font-size:12px;
	overflow: hidden;
	height: 0;
}
#contenido .noticias .anio .newsletters.first{
	height: auto;
}
#contenido .noticias .anio .newsletters .news{
	padding-bottom:5px;
}
#contenido .noticias .anio .newsletters .news .fecha{	
	font-weight: bold;
	padding-right: 5px;
}
#contenido .noticias .anio .newsletters .news .nro{	
	color:#ccc;
	padding-right: 5px;
}
#contenido .noticias .anio .newsletters .news a{	
	color:#f68428;
}
#contenido .noticias .anio .newsletters .news a:hover{	
	color:#000;
}
/*********************************
 * CONTENIDO - noticias
*********************************/
#contenido .noticias{
	overflow: hidden;
}
#contenido .noticias .noticia{
	position:relative;
	margin:0 0 1.6% 3.2%;
	float:left;
	width:29%;
	height:130px;
	overflow: hidden;
}
#contenido .noticias .noticia .not_imagen{
	float:left;
	margin-right: 5px;
	margin-bottom:5px;
	width:140px;
	height:120px;
}
#contenido .noticias .noticia .not_tipo1{
	font-size:10px;
	line-height:10px;
	color:#f6c328;
	text-transform:uppercase;
}
#contenido .noticias .noticia .not_tipo2{
	font-size:10px;
	color:#f62d28;
	text-transform:uppercase;
}
#contenido .noticias .noticia .not_titulo{
	font-size:13px;
	line-height: 17px;
	color:#f68428;
	text-transform:uppercase;
}
#contenido .noticias .noticia .not_fecha{
	font-size:10px;
	color:#9a9a9a;
	text-transform:uppercase;
}
#contenido .noticias .noticia .not_contenido{
	font-size:12px;
	line-height:17px;
}
/*********************************
 * CONTENIDO - home - noticias
*********************************/
#contenido .noticiashome{
	overflow: hidden;
}
#contenido .noticiashome .noticia{
	position:relative;
	margin:0 30px 0 0;
	float:left;
	width:278px;
	height:130px;
	overflow: hidden;
}
#contenido .noticiashome .noticia .not_imagen{
	float:left;
	margin-right: 5px;
	margin-bottom:5px;
	width:140px;
	height:120px;
}
#contenido .noticiashome .noticia .not_tipo1{
	font-size:10px;
	line-height:10px;
	color:#f6c328;
	text-transform:uppercase;
}
#contenido .noticiashome .noticia .not_tipo2{
	font-size:10px;
	color:#f62d28;
	text-transform:uppercase;
}
#contenido .noticiashome .noticia .not_titulo{
	font-size:13px;
	line-height: 17px;
	color:#f68428;
	text-transform:uppercase;
}
#contenido .noticiashome .noticia .not_fecha{
	font-size:10px;
	color:#9a9a9a;
	text-transform:uppercase;
}
#contenido .noticiashome .noticia .not_contenido{
	font-size:12px;
	line-height:17px;
}
/*********************************
 * CONTENIDO - carrito
*********************************/
#contenido .seccion .car_tabla{
	width:100%;
	border-spacing:0;
    border-collapse:collapse;
	font-size:10px;
	line-height:10px;
}
#contenido .seccion .car_tabla .car_titulo{
	background-color:#363636;
}
#contenido .seccion .car_tabla .car_linea{
	border-bottom:1px solid #ececec;
}

#contenido .seccion .car_tabla .car_linea_descripcion{
	
	display:none;
}


#contenido .seccion .car_tabla td{
	padding:5px;
}
#contenido .seccion .car_tabla .car_titulo td{
	color:#fff;
	text-transform:uppercase;
}
#contenido .seccion .car_tabla .car_centrar{
	text-align: center;
}
#contenido .seccion .car_tabla .car_campo{
	width:60px;
	height:18px;
	font-size: 10px;
	padding:0 5px;
	text-align: right;
	border:1px solid #9a9a9a;
}

#contenido .seccion .car_tabla .car_campo2{
	width:35px;
	height:18px;
	font-size: 10px;
	padding:0 5px;
	text-align: right;
	border:1px solid #9a9a9a;
}
#contenido .seccion .car_total{
	float:right;
	height:30px;
	line-height:30px;
	border-bottom:1px solid #9a9a9a;
}
#contenido .seccion .car_total .car_totaltxt{
	font-size: 18px;
}
#contenido .seccion .car_total .car_totalprec{
	font-size: 18px;
	color:#f68428;
	font-weight: bold;
}
#contenido .seccion .car_area{
	width:97%;
	height:100px;
	font-size: 10px;
	padding:0 5px;
	border:1px solid #9a9a9a;
}
#contenido .seccion .car_boton1{
	height:20px;
	background-color:#363636;
	color:#fff;
	font-size: 10px;
	padding:0 10px;
	line-height:0px;
	border:0;
	cursor:pointer;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-transform: uppercase;
}
#contenido .seccion .car_boton1.ubicaboton{
	float:right;
}
#contenido .seccion .car_boton1:hover{
	background-color:#474747;
}
#contenido .seccion .car_boton2{
	height:20px;
	background-color:#9a9a9a;
	color:#fff;
	font-size: 10px;
	padding:0 10px;
	border:0;
	cursor:pointer;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-transform: uppercase;
	margin-top:10px;
}
#contenido .seccion .car_boton2:hover{
	background-color:#474747;
}
/*********************************
 * CONTENIDO - COMPRAR
*********************************/
#contenido .seccion.com_seleccionar{
	width:95%;
	margin:1% 1.8%;
	overflow:hidden;
	font-size:12px;
	line-height:18px;
}
#contenido .seccion .com_botoncont{
	display:inline-block;
	width:29.6%;
	padding:5px;
	height:30px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	float:left;
	border:1px solid #ececec;
	margin:1.2% 0.2% 1.2% 2.2%;
}
#contenido .seccion .com_botoncont:hover{
	background-color: #efefef;
}
#contenido .seccion .com_botonflecha{
	display:block;
	width:30px;
	height:30px;
	margin-right: 13px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	float:left;
}
#contenido .seccion .com_botontxt{
	font-size: 16px;
	line-height: 30px;
	text-transform: uppercase;
}
/*********************************
 * CONTENIDO - contacto
*********************************/
#contenido .seccion .ancho1{
	width:27.7% !important;
}
#contenido .seccion .ancho2{
	width:65.5% !important;
}
#contenido .seccion .ancho3{
	width:125px !important;
	min-width:125px !important;
	min-height:398px;
}
#contenido .seccion .ancho4{
	width:172px !important;
	min-width:125px !important;
	min-height:398px;
}
#contenido .seccion .ancho3.mardercont{
	margin-right:5% !important;	
}
#contenido .seccion .ancho3 .mapa{
	margin-bottom:15px;	
}
#contenido .seccion .campocontacto{
	width:96%;
	height:23px;
	font-size: 10px;
	padding:0 5px;
	border:1px solid #9a9a9a;
}
#contenido .seccion .selectcontacto{
	width:98%;
	height:25px;
	font-size: 10px;
	padding:0 5px;
	border:1px solid #9a9a9a;
}
#contenido .seccion .areacontacto{
	width:96%;
	height:170px;
	font-size: 10px;
	padding:0 5px;
	border:1px solid #9a9a9a;
}
#contenido .seccion .botoncontacto{
	height:20px;
	background-color:#474747;
	color:#fff;
	font-size: 10px;
	padding:0 10px;
	border:0;
	cursor:pointer;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-transform: uppercase;
	margin-top:10px;
}
#contenido .seccion .botoncontacto:hover{
	background-color:#f68428;
}
/*********************************
 * FOOTER
*********************************/
.footer_logos{
	display:block;
	margin:0;
	padding:0;
	border-bottom:1px solid #fff;
    height:64px;
    background: #ececec;
}
#footer{
	position: relative;
	height:90px;
	background-color:#363636;
	width:100%;
}
#footer .f_logo{
	position: absolute;
	left:30px;
	top:25px;
}
.smw{
	text-align: center;
	height: 45px;
}
.smw .f_smw{
	padding-top: 12px;
}
#footer .f_youtube{
	position: absolute;
	right:50px;
	top:20px;
}
#footer .afip{
	position: absolute;
	width:105px;
	left:210px;
	padding:15px 30px;
	border-left:1px solid #4a4a4a;
}
#footer .afip .f_afip{
	float:left;
}
#footer .afip .f_afiptexto{
	float:left;
	margin-left:5px;
	font-size: 10px;
	line-height: 12px;
	color:#9a9a9a;
}
#footer .links{
	position: absolute;
	width:225px;
	left:375px;
	padding:15px 0;
	border-left:1px solid #4a4a4a;
}
#footer .links .columna{
	float:left;
	margin-left:30px;
	width:70px;
	font-size:10px;
	line-height: 12px;
}
#footer .links .columna a{
	color:#fff;
}
#footer .links .columna a:hover{
	color:#f68428;
}
#footer .newsletter{
	position: absolute;
	width:150px;
	height:74px;
	left:600px;
	padding:8px 30px;
	border-left:1px solid #4a4a4a;
	border-right:1px solid #4a4a4a;
}
#footer .newsletter .news_texto{
	font-size: 12px;
	text-transform:uppercase;
	color:#fff;
}
#footer .newsletter .susc_texto{
	font-size: 12px;
	text-transform:uppercase;
	color:#9a9a9a;
}
#footer .newsletter input{
	width:140px;
	height:20px;
	background-color:#fff;
	font-size: 10px;
	padding:0 5px;
	border:0;
}
#footer .newsletter button{
	height:20px;
	background-color:#474747;
	color:#fff;
	font-size: 10px;
	padding:0 10px;
	border:0;
	cursor:pointer;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-transform: uppercase;
	margin-top:5px;
}
#footer .newsletter button:hover{
	background-color:#f68428;
}

input.error{background-color:#ffdbb8 !important;}
select.error{background-color:#ffdbb8 !important;}
textarea.error{background-color:#ffdbb8 !important;}

.chances {
	overflow: hidden;	
}
.chances .nombrecomercio {
	text-align: center;
	width: 100%;
	font-size: 28px;
	line-height: 34px;
	color:#f68428;
	font-weight: bold;
	text-transform: uppercase;
	padding-top: 30px;
	padding-bottom: 15px;
}
.chances .puntos {
	text-align: center;
	width: 100%;
	font-size: 21px;
	line-height: 32px;
	color:#000;
	font-weight: 300;
	text-transform: uppercase;
	padding-bottom: 30px;
}
.chances .puntos .numero {
	display: inline-block;
	color:#f68428;
	font-weight: bold;
	padding: 5px 10px;
}

.chances .tabla {}
.chances .tabla table {
	width:80%;
	margin-left:10%;
	font-size: 16px;
}

.chances .tabla table thead {
	text-align: left;
}

.chances .tabla table thead tr th {
	padding: 5px;
	height:35px;
	font-weight: bold;
	border-bottom: 5px solid #f68428;
}




.chances .tabla table tbody {}

.chances .tabla table tbody tr:nth-child(odd){
    background: #eee;
}
.chances .tabla table tbody tr td {
	padding: 5px;
	height:35px;
	border-bottom: 1px dashed #ddd;
}

.chances .tabla table tbody tr td.observaciones {
	font-size: 11px;
}

.chances .tabla table tfoot {}

.chances .tabla table tfoot tr td {
	padding: 5px;
	height:35px;
}
.chances .botonpremios {
	padding: 30px 0;
	text-align: center;
}
.chances .botonpremios img {
	display: inline-block;
	max-width: 100%;
	height: auto;
}

.chances .banner img {
	max-width: 100%;
	height: auto;
}

.chances .paginador {
	text-align: center;
	padding-top: 30px;
	padding-bottom:15px;
}

.chances .paginador a {
	display: inline-block;
	width: 30px;
	line-height: 30px;
	font-size: 11px;
	font-weight: bold;
	border: 1px dashed #ccc;
}

.chances .paginador a:hover {
	background-color: #ddd;

}
.chances .paginador a.activo {
	background-color: #000;
	color: #fff;
	border-color:1px solid #000;

}

.chances .ganador {
	background: url('../../images/ruta0-ganadores-fondo.png');
	border-bottom: 5px solid white;
}
.chances .ganador.anterior {
	width: 50%;
	float: left;
}
.chances .ganador .titulo {
	background: url('../../images/ruta0-ganadores-fondotitu.png');
	padding:15px;
	text-align: center;
}
.chances .ganador .titulo .mes {
	font-size: 28px;
	line-height: 32px;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #fff;
	padding-bottom:10px;
}
.chances .ganador .titulo .nombre {
	font-size: 21px;
	line-height: 26px;
	font-weight: bold;
	color: #fff;
}
.chances .ganador.anterior .titulo .mes {
	font-size: 21px;
	line-height: 26px;
}
.chances .ganador.anterior .titulo .nombre {
	font-size: 16px;
	line-height: 18px;
}
.chances .ganador .imagen {
}
.chances .ganador img {
	max-width: 100%;
	height: auto;
}


.chances .tyc{text-align: center;}
.chances .tyc a{color:#f68428;}
.chances .tyc a:hover{color:#000;}

.texto-centro {text-align: center;}
.texto-derecha {text-align: right;}

.ofertas .noticia {
	padding:5px 0;
	overflow: hidden;
}
.ofertas .noticia .not_titulo {
	font-size: 16px;
	line-height: 23px;
	
}
.ofertas .noticia .not_imagen {	
	float:left;
	margin-right: 5px;
	margin-bottom:5px;
	width:63px;
	height:auto;

}

.puntos {
	padding: 30px 0;
	overflow: hidden;
}
.puntos .distribuidor {
	width: 30%;
	margin-right: 2%;
	margin-left: 2%;
	float: left;
}
.puntos .distribuidor .nombre {
	font-weight: bold;
	color: #f68428;
	text-transform: uppercase;
	font-size: 21px;
	padding-bottom: 15px;
}
.puntos .distribuidor .chances {
	text-transform: uppercase;
	font-size: 16px;
}
.puntos .banner {
	width: 29%;
	margin-right: 2%;
	margin-left: 2%;
	float: left;
}
.puntos .banner img {
	max-width: 100%;
	height: auto;
}