@font-face{
	font-family: fuente01; src: url(fuentes/fuente.ttf);
}
@font-face{
	font-family: fuente02; src: url(fuentes/fuente02.ttf);
}
@font-face{
	font-family: RobotoM; src: url(fuentes/Roboto-Regular.ttf);
}
@font-face{
	font-family: latoR; src: url(fuentes/lato/Lato-Regular.ttf);
}
@font-face{
	font-family: latoM; src: url(fuentes/lato/Lato-Medium.ttf);
}
@font-face{
	font-family: latoB; src: url(fuentes/lato/Lato-Bold.ttf);
}
@font-face{
	font-family: latoL; src: url(fuentes/lato/Lato-Light.ttf);
}
* {
	font-family: RobotoM;
}
html, body {
	width: 100%; height: 100%; padding: 0px; margin: 0px auto;
}
.clsMenuCel {
	position: fixed; left: 3%; top: 2%; width: 12%; height: auto; z-index: 105; display: none;
}
.clsMenuCel img {
	width: 75%;
}
.clsContenedor {
	margin: 0px auto; width: 100%; height: auto; background: #FFF;
}

/*==============================================
=            Seccion de la cabecera            =
==============================================*/
.clsTop {
	width: 100%;
	background: #2C4682;
}
.clsTop ul {
	list-style: none;
	width: 90%;
	margin: 0px auto;
}
.clsTop ul a li {
	color: #EEE;
	font-family: latoM;
	font-size: 12px;
	display: inline-table;
	width: 10%;
	padding: 3px 0px;
	text-align: left;
	margin: 0px;
}
.clsTop ul a li:hover { 
	color: #999;
}
header {
	width: 100%; background: #FFF; border-bottom: 2px solid #CCC; position: fixed; top: 0px; z-index: 100;
}
header table {
	width: 90%; height: auto; margin: 0px auto;
}
header table tr td {
	text-align: center; vertical-align: center;
}
header table tr td.clsNavLogo {
	width: 10%;
}
header table tr td.clsNavMenu {
	width: 60%;
}
header table tr td.clsNavSession {
	width: 15%;
}
header table tr td.clsNavCarrito {
	width: 15%;
}
header table tr td.clsNavLogo img {
	width: 95%;
}

header table tr td.clsNavMenu table.clsMenucategorias {
	width: 100%; color: #333; text-decoration: none; font-family: latoL; padding: 15px 0px; text-transform: uppercase; cursor: pointer;
}
header table tr td.clsNavMenu table.clsMenucategorias td.clsTdCat{
	width: 25%;
}
header table tr td.clsNavMenu table.clsMenucategorias td.clsTdCat div {
	position: relative;
}
header table tr td.clsNavMenu table.clsMenucategorias td.clsTdCat div h3 {
	margin: 0px;
	padding: 9px 0px 9px 5%;
	width: auto;
	font-size: 14px;
}
span#clsIcoMCat::before {
	content: url(../img/menuCat2.png);
	position: absolute;
	top: 0px;
	left: 8%;
}
header table tr td.clsNavMenu table.clsMenucategorias td.clsTdBusqueda {
	width: 100%;
}
header table tr td.clsNavMenu table.clsMenucategorias td.clsTdBusqueda div.clsNavBusqueda {
	width: 100%;
	position: relative;
}
header table tr td.clsNavMenu table.clsMenucategorias td.clsTdBusqueda div.clsNavBusqueda img {
	width: 4%;
	position: absolute;
	top: 15%;
	left: 2%;
	cursor: pointer;
}
header table tr td.clsNavMenu table.clsMenucategorias td.clsTdBusqueda div.clsNavBusqueda input {
	width: 100%;
	height: 30px;
	padding: 20px 3% 20px 7%;
	border: 1px solid #CCC;
	font-size: 14px;
	color: #333;
	font-family: latoR;
}
div.clsSubMenuCapa {
	position: fixed; z-index: 99; background: rgba(0,0,0,.7); width: 100%; height: 100%; top: 0px; left: 0px; display: none;
}
div.clsSubMenu {
	margin: 0px auto;
	width: 100%;
	box-shadow: 0px 0px 5px #333;
	background: transparent;
	position: relative;
	z-index: 500;
	display: none;
}
div.clsSubMenu table {
	position: fixed;
	left: 10%;
	width: 80%;
	margin: 0px auto;
}
div.clsSubMenu table tr td {
	vertical-align: top;
	background: transparent;
}
.clsSubMenuCat {
	width: 20%;
}
.clsSubMenuCat ul {
	list-style: none;
	font-size: 11px;
	font-family: latoR;
	color: #333;
	padding: 0px 0px;
	margin: 0px auto;
	width: 100%;
	background: #FFF;
}
.clsSubMenuCat ul li {
	width: 90%;
	padding: 10px 5%;
	cursor: pointer;
}
.clsSubMenuCat ul li:hover {
	color: #FFF; background: #2C4682;
}
.clsSubCatMenu {
	width: 80%;
}
.clsSubCatMenu div {
	width: 98%;
	column-count: 4;
	background: rgba(255,255,255,1);
	display: none;
	padding: 10px 1%;
}
.clsSubCatMenu div h3 {
	width: 96%;
	margin: 0px 2%;
	padding: 5px 0px;
	color: #2c4682;
	font-size: 13px;
	border-bottom: 1px solid #2c4682;
}
.clsSubCatMenu div ul {
	list-style: none;
	font-size: 11px;
	font-family: latoR;
	color: #333;
	padding: 0px 0px;
	margin: 0px auto;
	width: 100%;
}
.clsSubCatMenu div ul a {
	color: #333;
	text-decoration: none;
}
.clsSubCatMenu div ul li {
	width: 96%;
	padding: 5px 2%;
	cursor: pointer;
}
.clsSubCatMenu div ul li:hover {
	color: #000; background: #EEE; font-weight: bold;
}
.clsOtrosM {
	display: none;
}
/*
header table tr td.clsNavMenu table.clsMenucategorias td.clsTdCat div.clsSubMenu {
	position: absolute; top:80px; width:15%; background: #FFF; z-index: 100; display: block;
}
div.clsSubMenu ul {
	width: 100%; background: #FFF; padding:0px;
}
div.clsSubMenu ul li {
	display: block; margin:0px; padding: 10px 10%; width: 80%; color: #333; border: none; text-align: left;
	font-size: 11px; font-family: latoR; text-decoration: none;
}
div.clsSubMenu ul li:hover {
	color: #FFF; background: #2C4682;
}
header table tr td.clsNavMenu table.clsMenucategorias td.clsTdCat div.clsNavCat2 {
	display: none;
}
header table tr td.clsNavMenu table.clsMenucategorias td.clsTdCat div.clsSubMenu table tr td.clsSubCatMenu{
	width: auto;
	height: 500px;
	position: absolute;
	background: #FFF;
}
header table tr td.clsNavMenu table.clsMenucategorias td.clsTdCat div.clsSubMenu table tr td.clsSubCatMenu div {
	display: none;
}
*/
header table tr td.clsNavSession table.clsUserNav {
	width: 100%;
}
header table tr td.clsNavSession table.clsUserNav td {
	text-align: left;
}
header table tr td.clsNavSession table.clsUserNav td a {
	text-decoration: none;
}
header table tr td.clsNavSession table.clsUserNav td.clsLoginUserCel {
	cursor: pointer;
}
header table tr td.clsNavSession table.clsUserNav td a p {
	margin: 0px;
	padding: 0px;
	color: #999;
	font-size: 13px;
	font-family: latoB;
	cursor: pointer;
	text-decoration: none;
}
header table tr td.clsNavSession table.clsUserNav td h4 {
	margin: 0px;
	padding: 0px;
	color: #333;
	font-size: 13px;
	font-family: latoR;
	cursor: pointer;
	position: relative;
}
header table tr td.clsNavSession table.clsUserNav td h4 span#h4Down::before {
	content: url(../img/down.png);
	position: absolute;
}
ul.clsMenuUser {
	position: absolute;
	list-style: none;
	margin: 0px auto;
	padding: 0px;
	display: none;
}
ul.clsMenuUser a li{
	color: #EEE;
	font-size: 12px;
	font-family: latoM;
	padding: 7px 25px;
	border-bottom: 1px solid #666;
	background: rgba(0,0,0,.8);
}
ul.clsMenuUser a li:hover{
	color: #333;
	border-bottom: none;
	font-weight: bold;
	background: rgba(255,255,255,1);
	box-shadow: 0px 0px 3px #333;
}
ul.clsMenuUser a.clsUserCelM {
	display: none;
}
header table tr td.clsNavCarrito img {
	width: auto;
}
.clsNavCarrito table {
	cursor: pointer;
}
.clsNavCarrito table tr td p {
	padding: 0px; margin: 0px;
}
.clsNavCarrito table tr td h4 {
	padding: 0px; margin: 0px; font-size: 12px; font-family: latoB; text-transform: uppercase; color: #2C4682;
}
.clsCantidadCar {
	background: rgba(0,164,0,1); padding: 3px 8px; color: #EEE; border-radius: 20px 20px; margin-left: -13px; font-size: 12px; font-family: latoB;
}
.clsPrecioCar {
	font-size: 14px; font-family: latoB;
}
.clsPrecioCar span {
	font-size: 9px;
}
/*=====  End of Seccion de la cabecera  ======*/

.clsContenido {
	width: 90%; height: auto; background: #FFF; margin: 0px auto; margin-top: 103px;
}
.clsSlider {
	width: 100%; height: auto; margin: 0px auto;
}
.clsSlider  img {
	width: 100%;
}
.clsProductos1, .clsProductos2, .clsProductos3 {
	width: 100%; margin: 0px auto; text-align: center; padding: 25px 0px;
}
.clsProductos1 h3.clsTitleCatProd {
	text-align: left; width: 94%; margin: 0px auto; padding: 30px 0px 10px 0px;
}
.clsProductos2 {
	background: #EEE;
}
.clsPaginacion {
	width: 100%;
	height: 70px;
	margin-bottom: 25px;
}
.clsPaginacion table {
	width: 100%;
	height: auto;
}
.clsPaginacion table tr td {
	width: 100%;
}
.clsPaginacion table tr td ul {
	width: auto;
	list-style: none;
	float: right;
	margin-right: 2%;
}
.clsPaginacion table tr td ul a li.clsPagActiva {
	color: #000;
}
.clsPaginacion table tr td ul li {
	margin: 3px;
	display: inline-block;
	padding: 10px 0px;
	width: 35px;
	height: 15px;
	font-size: 11px;
	font-family: RobotoM;
	font-weight: bold;
	text-align: center;
}
.clsPaginacion table tr td ul li.clsPagActiva:hover {
	margin: 3px;
	display: inline-block;
	background: #CCC;
	padding: 10px 0px;
	width: 35px;
	height: 15px;
	font-size: 11px;
	font-family: RobotoM;
	font-weight: bold;
	text-align: center;
	border-radius: 25px 25px;
}
.clsPaginacion table tr td ul a li.clsPagActivada {
	color: #FFF;
}
.clsPaginacion table tr td ul li.clsPagActivada {
	margin: 3px;
	display: inline-block;
	background: rgba(0,164,0,1);;
	padding: 10px 0px;
	width: 35px;
	height: 15px;
	font-size: 11px;
	font-family: RobotoM;
	font-weight: bold;
	text-align: center;
	border-radius: 25px 25px;
}
.clsPaginacion table tr td ul li img {
	width: 50%;
}
.clsPaginacion table tr td ul li h4 {
	text-align: left;
}

.clsAnadirProd {
	width: 18%; display: inline-table; margin-left: 1%; border: 1px solid #CCC; height: 280px; padding: 10px 0px; overflow: hidden; margin-bottom: 3px;
}
.clsAnadirProd table {
	width: 90%; height: 280px; margin: 0px auto; overflow: hidden;
}
.clsAnadirProd table tr td, .clsAnadirProd table tr th {
	width: 100%; color: #333; vertical-align: center;
}
 .clsAnadirProd table tr td.clsTdP1 {
 	height: 150px; border-bottom: 1px solid #2C4682; overflow: hidden;; position: relative;
 }
 .clsAnadirProd table tr td.clsTdP1 div.clsDetalleProd {
	width: 100%; padding: 45px 0px; height: 65px; position: absolute; background: rgba(0,0,0,.7); top: 0px; display: none;
 }
 .clsAnadirProd table tr td.clsTdP1 div.clsDetalleProd img {
	width: 15%; height: 50%; padding-bottom: 10px;
 }
 .clsAnadirProd table tr td.clsTdP1 div.clsDetalleProd h5 {
	margin: 0px auto; padding: 0px; color: rgba(255,255,255,1); padding-top: 2px; font-weight: 100; text-transform: uppercase;
 }
 .clsAnadirProd table tr th.clsTdP2 {
 	height: 60px; font-family: robotoM;
 }
 .clsAnadirProd table tr td.clsTdP3, .clsAnadirProd table tr td.clsTdP31, .clsAnadirProd table tr td.clsTdP4 {
 	height: auto; width: 40%; padding: 0px 5%;
 }
 .clsAnadirProd table tr td.clsTdP5 {
 	text-align: center; height: 40px;
 }
 .clsAnadirProd table tr td.clsTdP3 p {
	 font-size: 11px; text-align: left; margin: 0px auto; font-family: latoM;
 }
 .clsAnadirProd table tr td.clsTdP31 p {
	font-size: 11px; text-align: right; margin: 0px auto; font-family: latoM;
}
.clsAnadirProd table tr td.clsTdP4 h3 {
 	padding: 10px 0px; margin: 0px; font-size:20px; text-align: right;font-family: latoM;
 }
.clsAnadirProd table tr td.clsTdP4 h3 span {
	font-size: 11px;
}
.clsAnadirProd table tr td.clsTdP1 img {
	width: 100%; height: 100%;
}
.clsAnadirProd table tr td.clsTdP1:hover img { 
	transition: 0.8s; -moz-transition: 0.8s; -webkit-transition: 0.8s; -o-transition: 0.8s; transform : scale(1.2); -moz-transform : scale(1.2); -webkit-transform : scale(1.2); -o-transform : scale(1.2);
}
.clsAnadirProd table tr td.clsTdP5 .clsAnadirCarrito {
	width: 75%; height: 40px; border: none; font-size: 14px; background: url(../img/car2.png) #00A400; background-repeat: no-repeat; background-size: 20% 80%;background-position: center left; background-origin: content-box; color: #EEE; cursor: pointer; text-align: right; padding-right: 10%; font-family: latoM;
}
.clsAnadirProd table tr td.clsTdP5 .clsAnadirCarrito:hover {
	background: url(../img/car2.png) #007D00; background-repeat: no-repeat; background-size: 20% 80%; background-position: center left; background-origin: content-box;
}
div.clsDivSinStock {
	width: 100%; position: relative; padding: 0px;
}
div.clsDivSinStock p {
	width:100px; margin: 0px auto; padding:5px;position: absolute; z-index: 10;
	transform: rotate(-45deg); 
	text-align: center; background: rgba(255, 0, 0, .8); top: 0px; left: -25px;
	font-size: 11px; font-family: latoM; box-shadow: 5px 2px 3px #333; color: #EEE;
}
.clsSinStockCarrito {
	width: 75%; height: 40px; border: none; font-size: 14px; background: rgba(0, 255, 0, .1); color: #666; cursor: no-drop ; text-align: center; font-family: latoM;
}

.clsFondo {
	position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0,0,0,.5); z-index: 500; display: none;
}
.clsFondoLoading {
	position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(255,255,255,.5); z-index: 1000;
}
.clsLoading {
	position: fixed; top: 45%; left: 40%; width: 20%; height: 10%; background: rgba(255,255,255,.5); z-index: 1001;
}
.clsLoading img {
	width: 100%;
}
.clsAddCar {
	position: fixed; top: 30%; left: 35%; width: 30%; height: auto; z-index: 501; background: rgba(255,255,255,1);
}
.clsAddCar table.clsHeaderModal {
	background: #333; color: #FFF; height: 25px; width: 100%; padding: 1% 3%;
}
.clsAddCar table.clsHeaderModal th {
	width: 90%; text-transform: uppercase; text-align: left; font-family: latoR;
}
.clsAddCar table.clsHeaderModal td {
	width: 10%; text-align: right;
}
.clsAddCar table.clsHeaderModal td img {
	width: 50%; cursor: pointer;
}
.clsAddCar table.clsDetalleModal {
	width: 100%; height: 100%;
}
.clsAddCar table.clsDetalleModal td.clsImgDetalle {
	width: 40%; height: auto; padding: 5%; vertical-align: top;
}
.clsAddCar table.clsDetalleModal td.clsImgDetalle img {
	width: 100%; height: auto; border: 1px solid #CCC;
}
.clsAddCar table.clsDetalleModal td.clsContDetalle {
	width: 60%; height: auto; padding: 5%; vertical-align: top; color: #333;
}
.clsAddCar table.clsDetalleModal td.clsContDetalle h2, .clsAddCar table.clsDetalleModal td.clsContDetalle h4, .clsAddCar table.clsDetalleModal td.clsContDetalle h6 {
	margin: 0px auto; padding: 0px;
}
.clsAddCar table.clsDetalleModal td.clsContDetalle h2 {
	font-size: 16px; text-align: left; text-transform: uppercase; width: 100%; padding-bottom: 10px;
}
.clsAddCar table.clsDetalleModal td.clsContDetalle div.clsCodPre {
	width: 100%;
}
.clsAddCar table.clsDetalleModal td.clsContDetalle h4 {
	font-size: 15px; text-align: left; text-transform: uppercase; width: 50%; padding-bottom: 10px; display: inline-table; margin: 0px auto; font-family: latoM;
}
.clsAddCar table.clsDetalleModal td.clsContDetalle h4 span {
	font-size: 10px;
}
.clsAddCar table.clsDetalleModal td.clsContDetalle h5 {
	font-size: 12px; text-align: left; text-transform: uppercase; width: 50%; padding-bottom: 10px; display: inline-table; margin: 0px auto; font-family: latoL;
}
.clsAddCar table.clsDetalleModal td.clsContDetalle div.clsCantidadAddCAr {
	width: 80%; background: #EEE; border: #CCC solid 1px; margin-bottom: 10px;
}
.clsAddCar table.clsDetalleModal td.clsContDetalle div.clsCantidadAddCAr h6, .clsAddCar table.clsDetalleModal td.clsContDetalle div.clsCantidadAddCAr input { 
	width: 40%; display: inline-block;
}
.clsAddCar table.clsDetalleModal td.clsContDetalle div.clsCantidadAddCAr h6 {
	background: #EEE; height: 20%; padding: 5%; text-transform: uppercase; text-align: right;
}
.clsAddCar table.clsDetalleModal td.clsContDetalle div.clsCantidadAddCAr input {
	background: #EEE; height: 14%; padding: 3%; font-size: 18px; text-transform: uppercase; text-align: center; border: none; border-left: #CCC solid 1px; font-family: latoM;
}
.clsAddCar table.clsDetalleModal td.clsContDetalle .clsAnadirCarrito {
	width: 80%; height: 40px; border: none; font-size: 14px; color: #333; background: url(../img/car2.png) #00A400; background-repeat: no-repeat; background-size: 20% 80%; background-position: center left; background-origin: content-box; color: #EEE; cursor: pointer; text-align: right; padding-right: 10%; font-family: latoM;
}
.clsAddCar table.clsDetalleModal td.clsContDetalle .clsAnadirCarrito:hover {
	background: url(../img/car2.png) #007D00; background-repeat: no-repeat; background-size: 20% 80%; background-position: center left; background-origin: content-box;
}

.clsMisPedidos {
	width: 100%; margin:0px auto;
}
.clsMisPedidos h2 {
	margin: 0px auto; padding: 0px; color: #333; font-family: latoM; text-transform: uppercase; text-align: center;
}
.clsMisPedidos section.clsTotalPedidos {
	width: 80%; margin: 0px auto; padding: 25px 0px; text-align: center;
}
.clsMisPedidos section.clsTotalPedidos article {
	width: 19%; text-align: center; padding: 10px 0px; border-radius: 5px; margin: 0px .1% 0px 0px; display: inline-table;
}
.clsMisPedidos section.clsTotalPedidos article h3, .clsMisPedidos section.clsTotalPedidos article h4 {
	margin: 0px auto; font-family: latoB;
}
.clsMisPedidos section.clsTotalPedidos article.clsTotalP {
	background: rgba(114, 64, 7, 0.3); color: rgba(114, 64, 7, 1);
}
.clsMisPedidos section.clsTotalPedidos article.clsTotalPR {
	background: rgba(7, 32, 114, 0.3); color: rgba(7, 32, 114, 1);
}
.clsMisPedidos section.clsTotalPedidos article.clsTotalA {
	background: rgba(149, 158, 19, .3); color: rgba(149, 158, 19, 1);
}
.clsMisPedidos section.clsTotalPedidos article.clsTotalD {
	background: rgba(114, 10, 6, 0.3); color: rgba(114, 10, 6, 1);
}
.clsMisPedidos section.clsTotalPedidos article.clsTotalE {
	background: rgba(0, 100, 50, .3); color: rgba(0, 100, 50, 1);
}
.clsMisPedidos table.clsPedidos {
	width: 80%; margin: 0px auto;
}
.clsMisPedidos table.clsPedidos thead {
	width: 100%; background: #2c4682;
}
.clsMisPedidos table.clsPedidos thead th {
	padding: 10px 1%; color:#EEE; font-family: latoM; font-size: 13px; text-align: left; text-transform: uppercase;
}
.clsMisPedidos table.clsPedidos tbody {
	width: 100%;
}
.clsMisPedidos table.clsPedidos tbody tr:nth-child(odd) {
	background: #FFF;
}
.clsMisPedidos table.clsPedidos tbody tr:nth-child(even) {
	background: #EEE;
}
.clsMisPedidos table.clsPedidos tbody tr td {
	padding: 10px 1%; color:#333; font-family: latoR; font-size: 12px; text-align: left;
}
.clsMisPedidos table.clsPedidos tbody tr td article {
	position: relative; text-align: center; width: 80%; background: #333; color: #EEE; padding: 5px; border-radius: 5px 5px; cursor: pointer;
}
.clsMisPedidos table.clsPedidos tbody tr td article ul {
	position: absolute; z-index: 100; background: #FFF; top: 12px; left: 0px; list-style: none; padding: 0px; width: 100%; display: none;
}
.clsMisPedidos table.clsPedidos tbody tr td article ul li {
	padding: 5px 0px; color: #333; font-weight: bold;
}
.clsMisPedidos table.clsPedidos tbody tr td article ul li:first-child {
	border-radius: 0px 0px 5px 5px;
}
.clsMisPedidos table.clsPedidos tbody tr td article ul li:hover {
	background: rgba(0,0,0,.7); color: #EEE;
}
.clsDetalleVenta {
	position: absolute; left: 24%; top: 3%; background: #FFF; z-index: 501; box-shadow: 0px 0px 10px #333; border-radius: 10px 10px; width: 50%; padding: 10px 1%; display: none;
}
.clsDetalleVenta table.clsHeadDetalle {
	width: 100%; border-bottom: 1px solid #CCC; margin-bottom: 10px;
}
.clsDetalleVenta table.clsHeadDetalle tr td {
	vertical-align: middle; padding: 10px 0px;
}
.clsDetalleVenta table.clsHeadDetalle tr td:first-child {
	width: 90%; text-align: left;
}
.clsDetalleVenta table.clsHeadDetalle tr td:last-child {
	width: 10%; text-align: right;
}
.clsDetalleVenta table.clsHeadDetalle tr td h2 {
	margin: 0px auto; font-family: latoM; font-size: 18px; color: #2C4682; text-align: left;
}
.clsDetalleVenta table.clsHeadDetalle tr td img {
	width: 25%; cursor: pointer;
}
.clsDetalleVenta table.clsBodyVenta {
	width: 100%; margin-bottom: 10px;
}
.clsDetalleVenta table.clsBodyVenta tr th {
	text-transform: uppercase; font-size: 16px; font-family: latoL; text-align: left; padding: 5px 0px; font-weight: bold; background: #EEE;
}
.clsDetalleVenta table.clsBodyVenta tr td {
	vertical-align: top;
}
.clsDetalleVenta table.clsBodyVenta tr td label {
	text-transform: uppercase; font-size: 10px; font-family: latoL; text-align: left; padding: 5px 0px; font-weight: bold;
}
.clsDetalleVenta table.clsBodyVenta tr td {
	text-transform: uppercase; font-size: 14px; font-family: latoL; text-align: left; padding-bottom: 5px;
}
.clsDetalleVenta table.clsBodyVenta tr td span {
	font-size: 10px;
}
.clsDetalleVenta table.clsBodyDetalle {
	width: 100%; margin: 0px auto;
}
.clsDetalleVenta table.clsBodyDetalle thead {
	width: 100%; background: #2c4682;
}
.clsDetalleVenta table.clsBodyDetalle thead th {
	padding: 10px 1%; color:#EEE; font-family: latoM; font-size: 13px; text-align: left; text-transform: uppercase;
}
.clsDetalleVenta table.clsBodyDetalle tbody {
	width: 100%;
}
.clsDetalleVenta table.clsBodyDetalle tbody tr:nth-child(odd) {
	background: #FFF;
}
.clsDetalleVenta table.clsBodyDetalle tbody tr:nth-child(even) {
	background: #EEE;
}
.clsDetalleVenta table.clsBodyDetalle tbody tr td {
	padding: 5px 1%; color:#333; font-family: latoR; font-size: 12px; text-align: left;
}
.clsDetalleVenta table.clsBodyDetalle tbody tr td img {
	width: 50px;
}

.clsLogin {
	position: fixed; top: 0px; left: 0px; z-index: 501; background: #FFF; top: 15%; left: 37.5%; width: 25%; box-shadow: 0px 0px 10px #666; border-radius: 5px 5px; display: none;
}
.clsLogin table {
	width: 80%;
	margin: 0px auto;
	text-align: center;
}
.clsLogin table tr th {
	width: 100%;
	padding: 25px 0px 25px 0px;
}
.clsLogin table tr th div {
	width: 100%;
	position: relative;
}
.clsLogin table tr th div img {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 8%;
	cursor: pointer;
}
.clsLogin table tr th div h2 {
	padding: 0px;
	margin: 0px;
	font-size: 25px;
	font-family: latoR;
	color: #2C4682;
}
.clsLogin table tr td {
	width: 100%;
	padding: 10px 0px;
}
.clsLogin table tr td input {
	width: 88%;
	padding: 5% 5% 5% 7%;
	border: none;
	border-bottom: 1.5px solid #999;
	font-size: 16px;
	font-family: latoM;
	text-align: left;
	color: #333;
}
.clsLogin table tr td input.clsUserLogin {
	background: url(../img/email.png) no-repeat;
	background-origin: padding-box;
	background-position: center left;
}
.clsLogin table tr td input.clsPassLogin {
	background: url(../img/pass.png) no-repeat;
	background-origin: padding-box;
	background-position: center left;
}
.clsLogin table tr td input:focus {
	border-bottom: 1.5px solid #2C4682;
}
.clsLogin table tr td a  {
	text-decoration: none;
}
.clsLogin table tr td a p {
	padding: 0px;
	margin: 0px;
	font-size: 12px;
	font-family: latoR;
	color: #2C4682;
	text-align: right;
}
.clsLogin table tr td a:hover p {
	color: #333;
}
.clsLogin table tr td input.clsButtonLogin {
	width: 100%;
	padding: 5% 0px;
	border: none;
	font-size: 16px;
	font-family: latoM;
	text-align: center;
	color: #EEE;
	background: #2C4682;
	cursor: pointer;
}
.clsLogin table tr td input.clsButtonLogin:hover {
	background: #2C5682;
}

div.clsFrmRegistro {
	width: 90%;
	margin: 0px auto;
	padding: 0px 0px;
}
div.clsFrmRegistro h2 {
	font-family: latoM;
	width: 94%;
	padding: 10px 3%;
	margin: 0px auto;
	color: #2C4682;
	border-bottom: 1px solid #2C4682;
}
div.clsFrmRegistro table {
	width: 65%;
	margin: 0px auto;
	padding-top: 10px;
}
div.clsFrmRegistro table tr td {
	width: 50%;
	padding-top: 10px;
	vertical-align: top;
	position: relative;
}
div.clsFrmRegistro table tr td p {
	margin: 0px auto;
	padding: 0px;
	font-size: 14px;
	font-family: latoM;
	color: #444;
}
div.clsFrmRegistro table tr td label {
	width: 90%;
	font-size: 12px;
	font-family: latoL;
	font-weight: bold;
	color: #333;
}
div.clsFrmRegistro table tr td input[type=text], div.clsFrmRegistro table tr td input[type=tel], div.clsFrmRegistro table tr td input[type=email], div.clsFrmRegistro table tr td input[type=password], div.clsFrmRegistro table tr td select {
	width: 84%;
	padding: 10px 3%;
	font-family: latoR;
	font-size: 16px;
	border: 1px solid #CCC;
	color: #333;
}
div.clsFrmRegistro table tr td table {
	width: 90%;
	margin-left: 0px;
	padding: 0px;
}
div.clsFrmRegistro table tr td table tr td{
	width: 30%;
	padding: 0px;
	text-align: left;
}
div.clsFrmRegistro table tr td input[type=button] {
	width: 25%;
	padding: 10px 0px;
	border: none;
	font-size: 16px;
	font-family: latoM;
	text-align: center;
	color: #EEE;
	background: #2C4682;
	cursor: pointer;
}
div.clsFrmRegistro table tr td input[type=button]:hover {
	background: #2C5682;
}
div.clsFrmRegistro table tr td div.clsMensajeValidacion {
    width: 90%;
    height: auto;
}
div.clsFrmRegistro table tr td div.clsMensajeValidacion p.clsTextoValidacion {
    width: 100%;
    height: auto;
    padding: 5px 0px;
    color: #AE372F;
    font-size: 10px;
    margin: 0px;
    border-radius: 5px 5px;
    float: left;
    font-family: fuente03;
    text-transform: none;
}

div.clsValidaContrasena {
	box-shadow: 0px 0px 5px #CCC;
	width: 80%;
	color: #333;
	font-family: latoL;
	font-size: 12px;
	padding: 10px 5%;
	margin-top: 5px;
	display: none;
}
div.clsValidaContrasena h5 {
	margin: 0px auto;
	font-size: 12px;
}
div.clsValidaContrasena ul {
	list-style: url(../img/nocheck.png);
}
div.clsValidaContrasena ul li {
	padding: 3px 0px;
}
.clsValidaCheck {
	list-style: url(../img/check.png);
}
.clsVerPass {
	position: absolute;
	width: 25px;
	height: 25px;
	top: 37px;
	right: 11%;
	cursor: pointer;
}
.clsVerPass img {
	width: 100%;
}

div.clsFrmValidarCorreo {
	width: 40%;
	margin: 0px auto;
	background: #FFF;
	box-shadow: 0px 0px 3px #CCC;
	padding: 25px 0px;
	position: fixed;
	top: 10%;
	left:30%;
	z-index: 501;
}
div.clsFrmValidarCorreo table {
	width: 100%;
}
div.clsFrmValidarCorreo table tr td {
	width: 80%;
	padding: 0px 10%;
	text-align: center;
}
div.clsFrmValidarCorreo table tr td img {
	width: 35%;
}
div.clsFrmValidarCorreo table tr td h3 {
	color: #2C4682;
	font-family: latoB;
}
div.clsFrmValidarCorreo table tr td p {
	color: #666;
	font-family: latoM;
	font-size: 14px;
	padding: 10px 0px 25px 0px;
	margin: 0px;
}
div.clsFrmValidarCorreo table tr td p span {
	font-weight: bold;
	color: #2c4682;
}
div.clsFrmValidarCorreo table tr td input[type=number] {
	width: 15%;
	border: 1px solid #EEE;
	color: #666;
	font-family: latoM;
	font-size: 25px;
	text-align: center;
	padding: 10px 0px 10px 0px;
	margin: 0px;
}
div.clsFrmValidarCorreo table tr td input[type=number]:focus {
	box-shadow: 0px 0px 3px #666;
}
div.clsFrmValidarCorreo table tr td input[type=number]:disabled {
	background: #EEE;
}
div.clsFrmValidarCorreo table tr td input[type=number]::-webkit-inner-spin-button, div.clsFrmValidarCorreo table tr td input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
div.clsFrmValidarCorreo table tr td input[type=number] {
	-moz-appearance:textfield; 
}
div.clsFrmValidarCorreo table tr td input[type=button] {
	width: 30%;
	padding: 3% 0px;
	border: none;
	font-size: 12px;
	font-family: latoM;
	text-align: center;
	color: #EEE;
	background: #2C4682;
	cursor: pointer;
	border-radius: 3px 3px;
}
div.clsFrmValidarCorreo table tr td input[type=button]:hover {
	background: #2C5682;
	box-shadow: 0px 0px 3px #2C5682;
}

footer {
	width: 100%; height: auto; margin: 0px auto; margin-top: 50px;	
}

footer div.clsSuscribete {
	width: 90%; height: auto; margin: 0px auto; background: #EEE; padding: 20px 0px;
}
footer div.clsSuscribete table {
	width: auto; margin: 0px auto; background: #EEE; padding: 20px 5%;
}
footer div.clsSuscribete table tr td {
	width: auto; padding: 0px 3px;
}
footer div.clsSuscribete table tr td input.clsText{
	width: 250px; padding: 5px; height: 30px; font-size: 13px; border: #CCC 1px solid;
}
footer div.clsSuscribete table tr td input.clsButton {
	width: 150px; padding: 5px; height: 40px; font-size: 15px; background: #2C4682; color: #EEE; border: none;
}
footer div.clsSuscribete table tr td p {
	font-size: 11px; color: #333;
}
footer div.clsSuscribete table tr td p span {
	text-decoration: underline;
}
footer div.clsPasarelaPago {
	width: 100%; padding: 0px; margin: 0px auto; text-align: right; background: #666;
}
footer div.clsPasarelaPago table {
	width: 60%; padding: 10px 0px 10px 0px; text-align: right;
}
footer div.clsPasarelaPago table tr td {
	border-right: none; vertical-align: middle; width: 45%; padding-left: 2%;
}
footer div.clsPasarelaPago table tr td:first-child {
	width: 30%;
}
footer div.clsPasarelaPago table tr td img {
	width: 50%;
}
footer div.clsPasarelaPago table tr td:last-child {
	width: 20%;
}
footer div.clsPasarelaPago table tr td:last-child img {
	width: 100%;
}
footer div.clsPasarelaPago table tr td p {
	margin: 0px auto; padding: 0px; font-family: latoM; font-size: 12px; text-align: left; color: #EEE;
}
footer div.clsPiePag {
	width: 100%; height: auto; margin: 0px auto; margin-top: 10px; padding: 25px 0px; vertical-align: top;
	background: rgba(204,204,204,1);
	background: -moz-linear-gradient(top, rgba(204,204,204,1) 0%, rgba(102,102,102,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(204,204,204,1)), color-stop(100%, rgba(102,102,102,1)));
	background: -webkit-linear-gradient(top, rgba(204,204,204,1) 0%, rgba(102,102,102,1) 100%);
	background: -o-linear-gradient(top, rgba(204,204,204,1) 0%, rgba(102,102,102,1) 100%);
	background: -ms-linear-gradient(top, rgba(204,204,204,1) 0%, rgba(102,102,102,1) 100%);
	background: linear-gradient(to bottom, rgba(204,204,204,1) 0%, rgba(102,102,102,1) 100%);
}
footer div.clsPiePag table{
	width: 90%; height: auto; margin: 0px auto;
}
footer div.clsPiePag table tr td {
	width: 22%; padding-left: 3%; vertical-align: top; border-right: 1px solid #666;
}
footer div.clsPiePag table tr td h4 {
	color: #333; text-transform: uppercase; font-size: 15px;
}
footer div.clsPiePag table tr td ul {
	list-style: none;
}
footer div.clsPiePag table tr td ul li {
	margin-left: -10%; padding: 3px 0px; font-size: 12px;
}

footer div.clsFooterPag {
	width: 100%; height: auto; background: #000; color: #FFF;
}
footer div.clsFooterPag table {
	width: 90%; margin: 0px auto; font-size: 12px;
}
footer div.clsFooterPag table tr td:last-child {
	text-align: right;
}

.clsUp {
	position: fixed; bottom: 6%; right: 1%; width: 50px; height: 50px; z-index: 102; display: none; cursor: pointer;
}
.clsUp img {
	width: 100%; height: 100%;
}


.clsNosotros {
	width: 100%;
	margin: 0px auto;
}
.clsNosotros table {
	width: 100%;
}
.clsNosotros table tr td {
	width: 42%; padding: 0px 2%;  vertical-align: top;
}
.clsNosotros h2 {
	font-size: 22px; color: #333; font-family: fuente01; font-weight: normal;
}
.clsNosotros p, .clsNosotros ol li {
	font-size: 14px; color: #555; line-height: 25px; text-align: justify;
}
.clsNosotros ol li {
	padding-bottom: 10px;
}
.clsNosotros img {
	width: 100%;
}
.clsListaProductos, .clsListaProductos table {
	padding-top: 20px; width: 100%;
}
.clsListaProductos table tr td {
	vertical-align: top;
}
.clsListaProductos table tr td.clsTdLP1 {
	width: 20%;
}
.clsListaProductos table tr td.clsTdLP2 {
	width: 80%;
}
.clsCategorias {
	width: 90%; margin: 0px auto; padding: 5px 3%; border: 1px solid #CCC; background: #EEE;
}
.clsCategorias h3 {
	margin: 0px 5%; padding: 10px 0px; width: 90%; color: #000; font-size: 25px; border-bottom: 1px solid #CCC; cursor: pointer;
}
.clsCategorias ul {
	list-style: square; list-style: none; padding: 0px;
}
.clsCategorias ul li {
	width: 90%; margin: 5px 0px; text-decoration: none; padding: 5px 5%; font-size: 13px; text-decoration: none; color: #2C4682; font-weight: bold; font-family: latoM; background: url(../img/down.png) #FFF no-repeat; background-position: right center; background-origin: content-box;
}
.clsCategorias ul li:hover {
	color: #AE372F; cursor: pointer;
}
.clsCategorias ul li ul {
	display: none;
}
.clsCategorias ul li ul li {
	width: 90%; margin: 5px 0px; text-decoration: none; padding: 5px 0px 5px 10%; font-size: 11px; text-decoration: none; color: #333; font-weight: bold; font-family: latoM; background: url(../img/down.png) #EEE no-repeat; background-position: right center; background-origin: content-box;
}
.clsCategorias ul li ul li ul {
	display: none;
}
.clsCategorias ul li ul li ul a {
	color: #2C4682; text-decoration: none;
}
.clsCategorias ul li ul li ul li{
	width: 85%; margin: 5px 0px; text-decoration: none; padding: 5px 0px 5px 5%; font-size: 10px; text-decoration: none; color: #2C4682; font-weight: bold; font-family: latoM; background:#EEE; background-image: none;
}

.clsProductos {
	width: 94%; margin: 0px auto; padding: 5px 3%; border: 1px solid #CCC;
}
.clsProductos h3 {
	margin: 0px; padding: 10px 0px; width: 100%; color: #000; font-size: 25px; border-bottom: 1px solid #CCC;
}
.clsListaProductos table tr td.clsTdLP2 table.clsVistas {
	padding: 20px 0px; width: 12%; text-align: center; vertical-align: center; position: relative; margin-right: 0px;
}
.clsVerList, .clsVerGallery {
	width: 20px; height: 20px; cursor: pointer; padding: 0px 5px ;
}
.clsVerList {
	background: url(../img/list.png) no-repeat; background-size: 100% 90%; background-origin: content-box; background-position: center center;
}
.clsVerList:hover {
	background: url(../img/listHover.png) no-repeat; background-size: 100% 90%; background-origin: content-box; background-position: center center;
}
.clsVerGallery {
	background: url(../img/gallery.png) no-repeat; background-size: 100% 90%; background-origin: content-box; background-position: center center;
}
.clsVerGallery:hover {
	background: url(../img/galleryHover.png) no-repeat; background-size: 100% 90%; background-origin: content-box; background-position: center center;
}

.clsAnadirProdG {
	width: 23%; display: inline-table; margin-left: 1%; border: 1px solid #CCC; height: 280px; padding: 10px 0px; overflow: hidden; margin-bottom: 3px;
}
.clsAnadirProdG table {
	width: 90%; height: 280px; margin: 0px auto; overflow: hidden
}
.clsAnadirProdG table tr td, .clsAnadirProdG table tr th {
	width: 100%; color: #333; vertical-align: center;
}
 .clsAnadirProdG table tr td.clsTdP1 {
 	height: 150px; border-bottom: 1px solid #2C4682; overflow: hidden; position: relative; text-align: center; vertical-align: center;
 }
 .clsAnadirProdG table tr td.clsTdP1 div.clsDetalleProd {
 	width: 100%; padding: 45px 0px; height: 65px; position: absolute; background: rgba(0,0,0,.7); top: 0px; display: none;
}
.clsAnadirProdG table tr td.clsTdP1 div.clsDetalleProd img {
   width: 15%; height: 50%; padding-bottom: 10px;
}
.clsAnadirProdG table tr td.clsTdP1 div.clsDetalleProd h5 {
   margin: 0px auto; padding: 0px; color: rgba(255,255,255,1); padding-top: 2px; font-weight: 100; text-transform: uppercase;
}
.clsAnadirProdG table tr th.clsTdP2 {
	height: 60px; font-size: robotoM;
}
.clsAnadirProdG table tr td.clsTdP3, .clsAnadirProd table tr td.clsTdP31, .clsAnadirProd table tr td.clsTdP4 {
	height: auto; width: 40%; padding: 0px 5%;
}
.clsAnadirProdG table tr td.clsTdP5 {
	text-align: center; height: 40px;
}
.clsAnadirProdG table tr td.clsTdP3 p {
	font-size: 11px; text-align: left; margin: 0px auto; font-family: latoM;
}
.clsAnadirProdG table tr td.clsTdP31 p {
   font-size: 11px; text-align: right; margin: 0px auto; font-family: latoM;
}
.clsAnadirProdG table tr td.clsTdP4 h3 {
	padding: 10px 0px; margin: 0px; font-size:20px; text-align: right;font-family: latoM; border: none;
}
.clsAnadirProdG table tr td.clsTdP4 h3 span {
   font-size: 11px;
}
.clsAnadirProdG table tr td.clsTdP1 img {
	width: 100%; height: 100%;
}
.clsAnadirProdG table tr td.clsTdP1:hover img { 
	transition: 0.8s; -moz-transition: 0.8s; -webkit-transition: 0.8s; -o-transition: 0.8s; transform : scale(1.2); -moz-transform : scale(1.2); -webkit-transform : scale(1.2); -o-transform : scale(1.2);
}
.clsAnadirProdG table tr td.clsTdP5 .clsAnadirCarrito {
	width: 75%; height: 40px; border: none; font-size: 14px; color: #333; background: url(../img/car2.png) #00A400; background-repeat: no-repeat; background-size: 20% 80%; background-position: center left; background-origin: content-box; color: #EEE; cursor: pointer; text-align: right; padding-right: 10%;
}
.clsAnadirProdG table tr td.clsTdP5 .clsAnadirCarrito:hover {
	background: url(../img/car2.png) #007D00; background-repeat: no-repeat; background-size: 20% 80%; background-position: center left; background-origin: content-box;
}

.clsAnadirProdL {
	width: 100%; display: inline-table; margin-left: 1%; margin-bottom: 5px; border: 1px solid #CCC; height: 280px; padding: 10px 0px; overflow: hidden;
}
.clsAnadirProdL table {
	width: 90%; height: 280px; margin: 0px auto; overflow: hidden;
}
.clsAnadirProdL table tr{
	width: 25%;
}
.clsAnadirProdL table tr td, .clsAnadirProdL table tr th {
	width: 25%; color: #333; vertical-align: center;
}
.clsAnadirProdL table tr td.clsTdP0 {
	height: 0px; padding: 0px;
}
 .clsAnadirProdL table tr td.clsTdP1 {
 	height: 150px; border-bottom: none;
 }
 .clsAnadirProdL table tr th.clsTdP2 {
 	height: 60px;
 }
 .clsAnadirProdL table tr td.clsTdP3, .clsAnadirProdL table tr td.clsTdP4 {
 	height: 30px; text-align: center;
 }
 .clsAnadirProdL table tr td.clsTdP5 {
 	text-align: center; height: 40px;
 }
 .clsAnadirProdL table tr td p {
 	font-size: 12px; text-decoration: line-through;
 }
 .clsProductos article.clsAnadirProdL table tr td h3 {
 	padding: 0px; margin: 0px; font-size:20px; border: none; vertical-align: center;
 }
.clsAnadirProdL table tr td img {
	width: 100%; height: 100%; padding-top: 50px;
}
.clsAnadirProdL table tr td .clsAnadirCarrito {
	width: 30%; height: 40px; border: none; font-size: 14px; color: #333; background: url(../img/car2.png) #00A400; background-repeat: no-repeat; background-size: 20% 80%; background-position: center left; background-origin: content-box; color: #EEE; cursor: pointer; text-align: right; padding-right: 5%;
}
.clsAnadirProdL table tr td .clsAnadirCarrito:hover {
	background: url(../img/car2.png) #007D00; background-repeat: no-repeat; background-size: 20% 80%; background-position: center left; background-origin: content-box;
}


.clsContactanos {
	width: 100%; height: auto; margin: 0px auto;
}
.clsContactanos table {
	width: 90%; height: auto; margin: 0px auto;
}
.clsContactanos table tr td {
	width: 45%; vertical-align: top;
}
.clsContactanos table tr td.clsTdCLeft {
	width: 50%;
}
.clsUbicanos {
	width: 100%;
}
.clsUbicanos h2 {
	font-family: fuente01; font-size: 30px; color: #333;
}
.clsUbicanos p {
	font-size: 14px; color: #666;
}
.clsUbicanos iframe {
	width: 100%; height: 400px;
}
.clsFormulario {
	width: 100%; margin-left: 5%;
}
.clsFormulario h2 {
	font-family: fuente01; font-size: 30px; color: #333;
}
.clsFormulario p {
	font-size: 14px; color: #666;
}
.clsFormulario table {
	margin: 0px auto; text-align: center; width: 100%;
}
.clsFormulario table tr td {
	padding: 3px 0px; width: 50%;
}
.clsFormulario input[type="text"], .clsFormulario input[type="email"], .clsFormulario input[type="tel"], .clsFormulario textarea {
	width: 90%; padding: 10px 5%; height: 30px; font-family: RobotoM; font-size: 16px; font-weight: normal; border: 1px solid #CCC; max-width: 90%; min-width: 90%;
}
.clsFormulario select {
	width: 100%; height: 50px; padding: 10px 5%; font-family: RobotoM; font-size: 16px; font-weight: normal; border: 1px solid #CCC; max-width: 90%; min-width: 90%;
}
.clsFormulario textarea {
	min-height: 150px; height: 150px; max-height: 200px;
}
.clsFormulario input[type="button"]{
	width: 40%; padding: 10px 0px; height: 50px; font-family: RobotoM; font-size: 16px; font-weight: normal; border: none; color: #FFF; background: #007EFF; cursor: pointer;
}

.clsCarrito table.clsTbCarrito {
	width: 100%; border: 1px solid #CCC;
}
.clsCarrito table.clsTbCarrito tbody tr td img {
	width: 40%;
}
.clsCarrito table.clsTbCarrito thead tr th{
	padding: 10px 0px; background: #00A400; color: #EEE;
}
.clsCarrito table.clsTbCarrito tbody tr td {
	padding: 20px .5% 5px .5%; vertical-align: top; border-bottom: 1px solid #CCC; border-right: 1px solid #CCC; color: #333;
}
.clsCarrito table.clsTbCarrito tbody tr td.clsTdCar1 {
	width: 19%;
	text-align: center;
}
.clsCarrito table.clsTbCarrito tbody tr td.clsTdCar2 {
	width: 39%; text-align: left;
}
.clsCarrito table.clsTbCarrito tbody tr td.clsTdCar3, .clsCarrito table tbody tr td.clsTdCar4, .clsCarrito table tbody tr td.clsTdCar5 {
	width: 11%; text-align: right;
}
.clsCarrito table.clsTbCarrito tbody tr td.clsTdCar4 {
	text-align: center;
}
.clsCarrito table.clsTbCarrito tbody tr td.clsTdCar6 {
	text-align: center; width: 3%; border-right: none;
}
.clsCarrito table.clsTbCarrito tbody tr td.clsTdCar6 img {
	width: 60%;
}
.clsCarrito table.clsTbCarrito tbody tr td h3, .clsCarrito table tbody tr td p {
	padding: 0px; margin: 0px;
}
.clsCarrito table.clsTbCarrito tbody tr td input {
	width: 50%; height: 25px; padding: 5px 10%; border: 1px solid #CCC; text-align: center; font-size: 16px;
}
.clsCarrito table.clsTbCarrito tfoot tr td {
	text-align: right; color: #333; font-weight: bold;
}
.clsCarrito table.clsTbBotonesCar {
	width: 100%; margin-top: 20px;
}
.clsCarrito table.clsTbBotonesCar tr td {
	width: 50%;
}
.clsCarrito table.clsTbBotonesCar tr td input {
	padding: 0px 10px; height: 35px; border: none; background: #333; color: #EEE; cursor: pointer;
}


/*
=============== ESTILO DE DETALLE DEL PRODUCTO ===============================
*/
.clsDetalleProducto {
	width: 90%; margin: 0px auto; padding-top: 40px;
}
.clsDetalleProducto table {
	width: 100%;
	margin: 0px auto;
}
.clsDetalleProducto table.clsTbHeaderProducto tr td {
	width: 50%;
}
.clsDetalleProducto table.clsTbHeaderProducto tr td  h1 {
	color: #000;
	font-family: latoR;
	font-size: 25px;
	padding: 0px;
	margin: 0px;
}
.clsDetalleProducto table.clsTbHeaderProducto tr td table {
	width: 75%;
	float: right
}
.clsDetalleProducto table.clsTbHeaderProducto tr td table tr td {
	width: 33.3%;
	text-align: right;
	color: #333;
	vertical-align: middle;
}
.clsDetalleProducto table.clsTbHeaderProducto tr td table tr td h2 {
	color: #007D00;
	font-size: 27px;
	text-align: center;
	padding: 0px;
	margin: 0px;
	font-family: latoM;
}
.clsDetalleProducto table.clsTbHeaderProducto tr td table tr td h2 span {
	font-size: 14px;
}
.clsDetalleProducto table.clsTbHeaderProducto tr td table tr td h4 {
	color: #666;
	text-align: right;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
	text-decoration: line-through;
	font-family: latoL;
}
.clsDetalleProducto table.clsTbHeaderProducto tr td table tr td h3 {
	color: #333;
	font-size: 15px;
	text-align: right;
	padding: 0px;
	margin: 0px;
	text-transform: uppercase;
	font-family: latoL;
}
.clsDetalleProducto table.clsTbHeaderProducto tr td table tr td .clsAnadirCarrito {
	width: 100%; height: 40px; border: none; font-size: 14px; color: #333; background: url(../img/car2.png) #00A400; background-repeat: no-repeat; background-size: 20% 80%; background-position: center left; background-origin: content-box; color: #EEE; cursor: pointer; text-align: right; padding-right: 5%; font-family: latoM;
}
.clsDetalleProducto table.clsTbHeaderProducto tr td table tr td .clsAnadirCarrito:hover {
	background: url(../img/car2.png) #007D00; background-repeat: no-repeat; background-size: 20% 80%; background-position: center left; background-origin: content-box;
}

.clsDetalleProducto table.clsTbDetalleProducto tr td {
	vertical-align: top;
}
.clsDetalleProducto table.clsTbDetalleProducto tr td.clsGalleryProd{
	width: 10%;
}
.clsDetalleProducto table.clsTbDetalleProducto tr td.clsGalleryProd table {
	width: 100%;
}
.clsDetalleProducto table.clsTbDetalleProducto tr td.clsGalleryProd table tr td{
	width: 90%;
	padding: 5%;
	vertical-align: top;
}
.clsDetalleProducto table.clsTbDetalleProducto tr td.clsGalleryProd table tr td img {
	width: 100%;
}
.clsDetalleProducto table.clsTbDetalleProducto tr td.clsImagenProd {
	width: 35%;
}
.clsDetalleProducto table.clsTbDetalleProducto tr td.clsImagenProd img {
	width: auto;
}
.clsDetalleProducto table.clsTbDetalleProducto tr td.clsDetalleProd {
	width: 55%;
}
.clsDetalleProducto table.clsTbDetalleProducto tr td.clsDetalleProd h4 {
	padding: 0px;
	margin: 0px;
	text-transform: uppercase;
	padding: 0px 0px 5px;
	font-family: latoL;
	color: #333;
	font-size: 20px;
	width: 90%;
}
.clsDetalleProducto table.clsTbDetalleProducto tr td.clsDetalleProd ul {
	list-style: square;
	width: 90%;
	text-transform: capitalize;
	color: #333;
	font-size: 14px;
}
.clsDetalleProducto table.clsTbDetalleProducto tr td.clsDetalleProd ul li {
	width: 100%;
	padding-bottom: 10px;
	font-family: latoM;
}
.clsDetalleProducto table.clsTbDetalleProducto tr td.clsDetalleProd ul li b {
	text-transform: uppercase;
}
.clsDetalleProducto table.clsTbDetalleProducto tr td.clsDetalleProd ul li p {
	margin: 0px;
	padding: 0px;
	text-align: left;
}
.clsDetalleProducto table.clsTbDetalleProducto tr td.clsDetalleProd table, .clsDetalleProducto table.clsTbDetalleProducto tr td.clsDetalleProd table tr td {
	width: 52%;
}
.clsDetalleProducto table.clsTbDetalleProducto tr td.clsDetalleProd div.clsCantidadAddCAr {
	width: 100%; background: #EEE; border: #CCC solid 1px;
	height: 40px;
}
.clsDetalleProducto table.clsTbDetalleProducto tr td.clsDetalleProd div.clsCantidadAddCAr h6, .clsDetalleProducto table.clsTbDetalleProducto tr td.clsDetalleProd div.clsCantidadAddCAr input { 
	display: inline-block;
}
.clsDetalleProducto table.clsTbDetalleProducto tr td.clsDetalleProd div.clsCantidadAddCAr h6 {
	background: #EEE; text-transform: uppercase; text-align: right; margin: 0px; padding: 0px; padding-top: 8%; height: auto;
	width: 40%;
}
.clsDetalleProducto table.clsTbDetalleProducto tr td.clsDetalleProd div.clsCantidadAddCAr input {
	background: #EEE; font-size: 18px; text-transform: uppercase; text-align: center; border: none; border-left: #CCC solid 1px;
	width: 55%;
}
.clsDetalleProducto table.clsTbDetalleProducto tr td.clsDetalleProd .clsAnadirCarrito {
	width: 95%; height: 42px; border: none; font-size: 14px; color: #333; background: url(../img/car2.png) #00A400; background-repeat: no-repeat; background-size: 20% 80%; background-position: center left; background-origin: content-box; color: #EEE; cursor: pointer; text-align: right; padding-right: 5%; margin-left: 3%;
}
.clsDetalleProducto table.clsTbDetalleProducto tr td.clsDetalleProd .clsAnadirCarrito:hover {
	background: url(../img/car2.png) #007D00; background-repeat: no-repeat; background-size: 20% 80%; background-position: center left; background-origin: content-box;
}
.clsH3Sugerencias {
	text-align:left; width:93%; background: #333; margin-left: 3%; padding: 10px 0px 10px 2%; color:#EEE; 
}
/*
======================= CARRITO DE COMPRA ====================================
*/
.clsCarritoComp, .clsCarritoComp table.clsTbCarritoComp {
	width: 95%;
	height: auto;
	margin:0px auto;
	padding-top: 0px;
}
.clsCarritoComp table.clsTbCarritoComp tr td.clsTbTdCarritoCompDetalle {
	width: 75%;
	height: auto;
	margin:0px auto;
	padding-top: 25px;
	position: relative;
	vertical-align: top;
}
h2#carComprash2 {
	color: #000;
	margin: 0px;
	padding: 10px 0px;
	width: 100%;
	font-family: latoB;
	text-align: center;
}
h2#carComprash2::before {
	content: url(../img/car3.png);
	display: block;
    width: 70%;
	height: 100%;
	position: absolute;
}
article.clsCarritoCompDetProd {
	padding: 10px 2%;
	width: 94%;
	box-shadow: 0px 0px 3px #999;
	margin-top: 10px;
}
article.clsCarritoCompDetProd table { 
	width: 100%;
	vertical-align: top;
}
.clsCarritoCompDetProdCant {
	width: 3%;
	font-family: latoR;
	vertical-align: top;
	text-align: left;
}
.clsCarritoCompDetProdCant p {
	width: 95%;
	height: 20px;
	margin: 0px;
	padding: 2px 0px 0px 0px;
	border-radius: 25px 25px;
	background: #333;
	color: #EEE;
	text-align: center;
	font-size: 14px;
}
.clsCarritoCompDetProdImg {
	width: 18%;
	text-align: center;
	vertical-align: top;
	text-align: left;
}
.clsCarritoCompDetProdImg img {
	width: 85%;
}
.clsCarritoCompDetProdDet {
	width: 38%;
	vertical-align: top;
	text-align: left;
}
.clsCarritoCompDetProdDet h3 {
	margin: 0px;
	padding: 0px 0px 10px 0px;
	font-family: latoM;
	color: #333;
	font-size: 14px;
}
.clsCarritoCompDetProdDet p {
	margin: 0px;
	padding: 0px 0px 3px 0px;
	font-family: latoL;
	color: #333;
	font-size: 14px;
}
.clsCarritoCompDetProdPrecio {
	width: 38%;
	vertical-align: top;
	text-align: left;
}
.clsCarritoCompDetProdDetPrecio table {
	width: 100%;
}
.clsCarritoCompDetProdDetPrecio table tr th {
	font-family: latoL;
	color: #999;
	font-size: 13px;
	background: #EEE;
	width: 33%;
	padding: 10px 0px;
	text-align: center;
}
.clsCarritoCompDetProdDetPrecio table tr td {
	font-family: latoM;
	color: #333;
	font-size: 15px;
	width: 33%;
	padding: 25px 0px;
	text-align: center;
}
.clsCarritoCompDetProdDetPrecio table tr td input {
	width: 60%;
	border: 1px solid #EEE;
	font-family: latoB;
	color: #333;
	font-size: 18px;
	text-align: center;
	padding: 5px 0px;
}
.clsCarritoCompDetProdDel {
	width: 3%;
	vertical-align: top;
	text-align: right;
}
.clsCarritoCompDetProdDel img {
	width: 60%;
	height: 15px;
	padding: 2px 0px 0px 0px;
	cursor: pointer;
}

.clsCarritoComp table.clsTbCarritoComp tr td.clsTbTdCarritoCompResumen {
	width: 25%;
	height: auto;
	margin:0px auto;
	padding-top: 75px;
	vertical-align: top;
}
.clsCarritoComp table.clsTbCarritoComp tr td.clsTbTdCarritoCompResumen table.clsTbTdCarritoCompRes {
	padding: 10px 2%;
	width: 94%;
	box-shadow: 0px 0px 3px #999;
	margin-top: 10px;
}
table.clsTbTdCarritoCompRes tr th {
	width: 25%;
}
table.clsTbTdCarritoCompRes tr td {
	width: 75%;
}
table.clsTbTdCarritoCompRes tr th h3, table.clsTbTdCarritoCompRes tr th h5, table.clsTbTdCarritoCompRes tr th h4, table.clsTbTdCarritoCompRes tr td h5, table.clsTbTdCarritoCompRes tr td h4 {
	margin: 0px;
	padding: 0px;
	font-family: latoR;
	color: #333;
}
table.clsTbTdCarritoCompRes tr td h5 span, table.clsTbTdCarritoCompRes tr td h4 span {
	font-size: 12px;
}
table.clsTbTdCarritoCompRes tr th h3 {
	padding-bottom: 25px;
}
table.clsTbTdCarritoCompRes tr th h5 {
	padding-bottom: 10px;
	font-family: latoL;
	font-size: 18px;
	font-weight: normal;
	text-align: left;
}
table.clsTbTdCarritoCompRes tr td h5 {
	padding-bottom: 10px;
	font-family: latoM;
	font-size: 18px;
	font-weight: normal;
	text-align: right;
}
.clsTbLineCar {
	width: 100%;
	border-top: 1px solid #CCC;
}
table.clsTbTdCarritoCompRes tr th h4 {
	padding-top: 10px;
	font-family: latoL;
	font-size: 25px;
	text-align: left;
}
table.clsTbTdCarritoCompRes tr td h4 {
	padding-top: 10px;
	font-family: latoL;
	font-size: 25px;
	text-align: right;
}
.clsBtnComprarCarr {
	width: 100%;
	border: none;
	background: #007D00;
	color: #EEE;
	font-family: latoL;
	font-weight: bold;
	font-size: 20px;
	margin-top: 20px;
	padding: 8px 0px;
	border-radius: 25px 25px;
	cursor: pointer;
}
td.clsRegresarCar a, .clsBtnRegresarCarr {
	width: 100%;
	border: none;
	background: #FFF;
	color: #333;
	font-family: latoL;
	font-weight: 100;
	font-size: 20px;
	margin-top: 20px;
	padding: 8px 0px;
	border-radius: 25px 25px;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
}
td.clsRegresarCar {
	position: relative;
}
#btnRegresarCarr::before {
	content: url(../img/regresar.png);
	display: block;
    width: 25%;
	height: 100%;
	position: absolute;
}




.clsCarrito table.clsTbIngreso {
	width: 100%; border: none;
}
.clsCarrito table.clsTbIngreso td {
	width: 50%;
	vertical-align: top
}
.clsCarrito table.clsTbIngreso td section {
	width: 90%;
	margin: 0px auto;
	background: #EEE;
	padding: 10px 3%;
	height: 280px;
}
.clsCarrito table.clsTbIngreso td section h2 {
	background: #333;
	color: #EEE;
	font-size: 14px;
	padding: 10px 5%;
	width: 90%;
}
.clsCarrito table.clsTbIngreso td section p {
	font-size: 12px;
	color: #333;
	width: 100%;
	padding: 5px 0px;
}
.clsCarrito table.clsTbIngreso td section label {
	font-size: 13px;
	color: #333;
	width: 100%;
	padding: 5px 0px;
	font-weight: bold;
}
.clsCarrito table.clsTbIngreso td section input.clsText {
	font-size: 12px;
	color: #333;
	width: 70%;
	height: 25px;
	padding: 5px 3%;
	border: 1px solid #CCC;
	margin-bottom: 15px;
}
.clsCarrito table.clsTbIngreso td section a p {
	color: #2C4682;
}
.clsCarrito table.clsTbIngreso td section input.clsButton {
	width: 25%; padding: 5px 0px; height: 40px; font-size: 12px; background: #2C4682; color: #EEE; border: none; margin-top: 10px; cursor: pointer;
}


.clsCarrito section.clsRegistro {
	width: 100%;
	background: #EEE;
	padding: 20px 0px;
}
.clsCarrito section.clsRegistro h1{
	margin: auto;
	width: 90%;
	background: #333;
	color: #EEE;
	padding: 10px 3%;
	font-size: 16px;
}
.clsCarrito table.clsTbRegistro {
	width: 70%; border: none; margin: 0px auto;
}
.clsCarrito table.clsTbRegistro th {
	width: 20%;
	text-align: right;
	vertical-align: center;
	padding-right: 2%;
}
.clsCarrito table.clsTbRegistro td {
	width: 80%;
	vertical-align: center;
	padding: 10px 0px;
}
.clsCarrito table.clsTbRegistro th label, .clsCarrito table.clsTbRegistro td label {
	font-size: 13px;
	color: #333;
	width: 100%;
	padding: 5px 0px;
	font-weight: bold;
}
.clsCarrito table.clsTbRegistro td input.clsText {
	font-size: 12px;
	color: #333;
	width: 70%;
	height: 30px;
	padding: 5px 3%;
	border: 1px solid #CCC;
}
.clsCarrito table.clsTbRegistro td select.clsSelect {
	font-size: 12px;
	color: #333;
	width: 25%;
	height: 35px;
	padding: 5px 3%;
	border: 1px solid #CCC;
}
.clsCarrito table.clsTbRegistro td input.clsButton {
	width: 25%; padding: 5px 0px; height: 40px; font-size: 12px; background: #2C4682; color: #EEE; border: none; margin-top: 10px; cursor: pointer;
}
.clsCarrito table.clsTbRegistro td textarea {
	font-size: 12px;
	color: #333;
	width: 70%;
	max-width: 70%;
	height: 50px;
	max-height: 100px;
	padding: 10px 3%;
	border: 1px solid #CCC;
	margin-bottom: 15px;
}

/* 
	DIRECCIONES
*/
.clsTbTdDirecciones h1 {
	margin: 20px 0px 10px 0px;
	padding: 10px 3%;
	font-family: latoM;
	font-size: 16px;
	color: #EEE;
	background: #2c4682;
	width: 90%;
}
.clsDatosPersonales {
	width: 90%;
	padding: 12px 3%;
	box-shadow: 0px 0px 5px #CCC;
	border-radius: 5px 5px;
	margin-bottom: 5px;
}
.clsDatosPersonales h1 {
	padding: 0px;
	margin: 0px;
	color: #2c4682;
	font-size: 20px;
	padding: 10px 0px;
	font-family: latoM;
	background: none;
}
.clsDatosPersonales table, .clsDatosPersonales table tr td {
	width: 100%;
}
.clsDatosPersonales table tr td {
	padding: 5px 0px;
}
.clsDatosPersonales table tr td label {
	font-family: latoL;
	font-weight: bold;
	font-size: 14px;
}
.clsDatosPersonales table tr td input {
	border: none;
	border-bottom: 1px solid #CCC;
	background: #FFF;
	color: #333;
	padding: 10px 3% 10px 0px;
	width: 94%;
	font-family: latoL;
	font-size: 15px;
	font-weight: bold;
}
.clsDatosPersonales table tr td input:disabled {
	border-bottom: 1px solid #CCC;
	background: #FFF;
	color: #333;
}

.clsDirecciones, .clsFrmDireccion {
	width: 41.5%;
	padding: 12px 3%;
	box-shadow: 0px 0px 5px #CCC;
	border-radius: 5px 5px;
	display: inline-table;
	position: relative;
}
.clsDirecciones img, .clsFrmDireccion img {
	position: absolute;
	right: 5%;
	height: 25px;
	cursor: pointer;
}
.clsDirecciones h1, .clsFrmDireccion h1 {
	padding: 0px;
	margin: 0px;
	color: #2c4682;
	font-size: 18px;
	padding: 5px 0px;
	font-family: latoM;
	text-transform: uppercase;
	background: none;
}
.clsDirecciones table, .clsFrmDireccion table {
	width: 100%;
}
.clsDirecciones table tr td, .clsFrmDireccion table tr td{
	width: auto;
	padding: 5px 0px;
	padding-right: 5%;
}
.clsDirecciones table tr td:last-child, .clsFrmDireccion table tr td:last-child {
	padding-right: 0px;
}
.clsDirecciones table tr td label, .clsFrmDireccion table tr td label {
	font-family: latoL;
	font-weight: bold;
	font-size: 12px;
}
.clsDirecciones table tr td input, .clsFrmDireccion table tr td input[type=text] {
	border: none;
	border-bottom: 1px solid #CCC;
	background: #FFF;
	color: #333;
	padding: 5px 3% 5px 0px;
	width: 94%;
	font-family: latoL;
	font-size: 13px;
	font-weight: bold;
	background: transparent;
}
.clsDirecciones table tr td input:disabled {
	border-bottom: 1px solid #CCC;
	background: transparent;
	color: #333;
}
.clsDirecciones table tr td p {
	border: none;
	border-bottom: 1px solid #CCC;
	background: #FFF;
	color: #333;
	padding: 10px 3% 10px 0px;
	width: 94%;
	font-family: latoL;
	font-size: 13px;
	font-weight: bold;
	margin: 0px;
}
#tbRdbDireccion label {
	font-size: 1.5em;
	color: gray;
}
#tbRdbDireccion input[type=radio] {
	display: none;
}
#tbRdbDireccion input[type=radio] + label{
	cursor: pointer;
}
#tbRdbDireccion label:before {
	content: '';
	background: transparent;
	border: 4px solid #2C4682;
	border-radius: 50px;
	display: inline-block;
	height: 20px;
	margin-right: 20px;
	text-align: center;
	text-shadow: 1px 1px 3px gray;
	vertical-align: middle;
	width: 20px;
}
#tbRdbDireccion input[type=radio]:checked + label:before {
	content: '✓';
	font-size: 14px;
	color: #2C4682;
}
#tbChkContacto label {
	font-size: 1.5em;
	color: gray;
}
#tbChkContacto input[type=checkbox] {
	display: none;
}
#tbChkContacto input[type=checkbox] + label{
	cursor: pointer;
}
#tbChkContacto label:before {
	content: '';
	background: transparent;
	border: 4px solid #2C4682;
	border-radius: 5px;
	display: inline-block;
	height: 20px;
	margin-right: 20px;
	text-align: center;
	text-shadow: 1px 1px 3px gray;
	vertical-align: middle;
	width: 20px;
}
#tbChkContacto input[type=checkbox]:checked + label:before {
	content: '✓';
	font-size: 14px;
	color: #2C4682;
}
.clsFrmDireccion {
	display: none;
}
.clsFrmDireccion table tr td select {
	border: none;
	border-bottom: 1px solid #CCC;
	background: #FFF;
	color: #333;
	padding: 5px 3% 5px 0px;
	width: 94%;
	font-family: latoL;
	font-size: 13px;
	font-weight: bold;
}
.clsFrmDireccion table tr td textarea {
	border: none;
	border-bottom: 1px solid #CCC;
	background: #FFF;
	color: #333;
	padding: 10px 3% 10px 0px;
	min-height: 50px;
	height: 50px;
	max-height: 50px;
	min-width: 94%;
	width: 94%;
	max-width: 100px;
	font-family: latoL;
	font-size: 13px;
	font-weight: bold;
	margin: 0px;
}
.clsFrmDireccion table tr td input[type=button] {
	border: none;
	background: #2C4682;
	color: #EEE;
	padding: 10px 0px;
	width: 44%;
	font-family: latoM;
	text-transform: uppercase;
	font-size: 15px;
}
.clsAddDireccion {
	width: 20%;
	padding: 12px 3%;
	box-shadow: 0px 0px 5px #666;
	border-radius: 5px 5px;
	background: #2C4682;
	margin: 10px 0px;
	cursor: pointer;
}
.clsAddDireccion:hover {
	background: #2C5682;
}
.clsAddDireccion table {
	width: 100%;
}
.clsAddDireccion table tr td {
	width: 30%;
	padding: 5px 0px;
	padding-right: 5%;
}
.clsAddDireccion table tr td img {
	width: 75%;
}
.clsAddDireccion table tr th h2 {
	padding: 0px;
	margin: 0px;
	color: #EEE;
	font-size: 14px;
	padding: 5px 0px;
	font-family: latoM;
	text-transform: uppercase;
}
.clsAddContacto {
	width: 90%;
	padding: 12px 3%;
	box-shadow: 0px 0px 5px #CCC;
	border-radius: 5px 5px;
	display: none;
	background: #DDD;
}
.clsAddContacto h1 {
	padding: 0px;
	margin: 0px;
	color: #2c4682;
	font-size: 20px;
	padding: 10px 0px;
	font-family: latoM;
	background: none;
}
.clsAddContacto table, .clsAddContacto table tr td {
	width: 100%;
}
.clsAddContacto table tr td {
	width: 50%;
	padding: 5px 0px;
}
.clsAddContacto table tr td p {
	font-size: 12px;
	font-family: latoL;
	color: #666;
	margin: 0px auto;
}
.clsAddContacto table tr td label {
	font-family: latoL;
	font-weight: bold;
	font-size: 14px;
}
.clsAddContacto table tr td input {
	border: none;
	border-bottom: 1px solid #CCC;
	background: #FFF;
	color: #333;
	padding: 10px 3% 10px 0px;
	width: 94%;
	font-family: latoL;
	font-size: 15px;
	font-weight: bold;
}
.clsAddContacto table tr td input:disabled {
	border-bottom: 1px solid #CCC;
	background: transparent;
	color: #333;
}
.clsMenuVenta {
	padding: 10px 3% 0px 3%;
	width: 90%;
	vertical-align: middle;
}
.clsMenuVenta tr td {
	width: 50%;
	text-align: right;
}
.clsMenuVenta tr td label {
	font-family: latoM;
	font-size: 14px;
	color: #333;
	font-weight: bold;
}
.clsMenuVenta tr td label:hover {
	border-bottom: 1px solid #CCC;
	cursor: pointer;
}
.clsMenuVenta tr td:first-child {
	text-align: left;
}


/*
	FINALIZAR VENTA
*/
.clsDetalleComprobante {
	width: 42%;
	margin-top: 10px;
	padding: 10px 3%;
	box-shadow: 0px 0px 3px #999;
	border-radius: 5px;
	display: inline-table;
}
.clsDetalleComprobante table {
	width: 100%;
}
.clsDetalleComprobante table tr td {
	width: 33.3%;
	text-align: left;
}
.clsDetalleComprobante h3 {
	color: #333;
	font-family: latoM;
	margin: 0px auto;
	padding: 0px;
	font-weight: bold;
	font-size: 16px;
	text-transform: uppercase;
	padding-bottom: 10px;
}
.clsDetalleComprobante tr td label {
	color: #333;
	font-family: latoL;
	margin: 0px auto;
	padding: 0px;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
}
.clsDetalleComprobante tr td p {
	color: #333;
	font-family: latoL;
	margin: 0px auto;
	padding: 0px;
	font-size: 13px;
	text-transform: uppercase;
}