/*

azul claro 11cdcb
azul obscuro 103650
azul opaco 4e868f
naranja ff7d2f
gris obscuro 151515



*/


@font-face {
font-family: 'iconos';
src: url('https://7dd678.claudeassets.com/20230326154624im_/https://www.svcmscentral.com/SVsystem/font/fontawesome-webfont.eot?v=4.0.3');
src: url('https://8358f4.claudeassets.com/20230326154624im_/https://www.svcmscentral.com/SVsystem/font/fontawesome-webfont.eot#iefix&v=4.0.3') format('embedded-opentype'),
url('https://a92f8e.claudeassets.com/20230326154624im_/https://www.svcmscentral.com/SVsystem/font/fontawesome-webfont.woff?v=4.0.3') format('woff'),
url('https://1f2b0f.claudeassets.com/20230326154624im_/https://www.svcmscentral.com/SVsystem/font/fontawesome-webfont.ttf?v=4.0.3') format('truetype'),
url('https://b9f13b.claudeassets.com/20230326154624im_/https://www.svcmscentral.com/SVsystem/font/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
font-weight: normal;
font-style: normal;
}



@font-face {
    font-family: 'din';
    src: url('https://d04d2d.claudeassets.com/20230326154624im_/https://www.svcmscentral.com/SVsystem/font/dinpro-regular-webfont.eot');
    src: url('https://27a021.claudeassets.com/20230326154624im_/https://www.svcmscentral.com/SVsystem/font/dinpro-regular-webfont#iefix') format('embedded-opentype'),
         url('https://c68520.claudeassets.com/20230326154624im_/https://www.svcmscentral.com/SVsystem/font/dinpro-regular-webfont.woff') format('woff'),
         url('https://f58bd5.claudeassets.com/20230326154624im_/https://www.svcmscentral.com/SVsystem/font/dinpro-regular-webfont.ttf') format('truetype'),
         url('https://72bb56.claudeassets.com/20230326154624im_/https://www.svcmscentral.com/SVsystem/font/dinpro-regular-webfont.svg#dinpro-regular-webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
font-family:Calibri;
src: url('https://4663ff.claudeassets.com/20230326154624im_/https://www.svcmscentral.com/SVsystem/font/Calibri.eot'); /*IE*/
src: local('Calibri'), url('https://54f1f7.claudeassets.com/20230326154624im_/https://www.svcmscentral.com/SVsystem/font/Calibri.ttf') format("truetype");
 }


*{ margin:0; padding:0; font-weight:normal;}

strong{ font-weight:bold!important;}

/*ESTILOS GENERALES O NO IDENTIFICADOS  //////////////////////////////////// */

html{ height:100%;}
body {
	font-family: Tahoma, Arial;
	margin: 0px;
	background-color:#f0f0f0;
	height:100%;
	position:relative;

}


body.login, body.body-popup{
background-image:url(https://215ede.claudeassets.com/20230326154624im_/https://www.svcmscentral.com/admin/SVimages/fondos/rotator.php);
background-repeat:no-repeat;
background-position:center center;
background-attachment:fixed;
-moz-background-size: 100% 100%;
 -o-background-size: 100% 100%;
 -webkit-background-size: 100% 100%;
 background-size: 100% 100%;
 }






	*:before{ font-family:iconos;
	letter-spacing:6px;}

	#mceu_21 *:before, .mce-ico:before{
		font-family:'tinymce'
		}

p {
	margin-top: 0px;
	margin-bottom: 8px;
}

.span-subtitulo1 {
	font-size: 13px;
	font-weight: bold;

}

.filtros {
	font-size: 12px;
	font-family: "Lucida Sans Unicode", "Microsoft Sans Serif", Arial;
	padding-bottom: 12px;
	padding-right: 40px;
	text-align: right;
}

.span-agregar {
	font-size: 16px;
	font-family: "Lucida Sans Unicode", "Microsoft Sans Serif", Arial;

}


.div-botones-form {
	text-align: right;
	letter-spacing: 2em;
	margin-top: 5px;
}


.div-fecha-derecha {
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	float: right;
}

.subtitulito {
	font-size: 10px;
	font-weight: bold;
	color: #333 ;
}

.subtitulito2 {
	font-size: 10px;
	color: #000000;
	padding-top: 4px;
}

.link-boton-principal {
	font-size: 13px;
	font-weight: normal;
	background-repeat: repeat-x;
	background-color: #acc6eb;
	text-decoration: none;
	background-image: url(https://afd7fe.claudeassets.com/20230326154624im_/https://www.svcmscentral.com/admin/SVimages/fondo-link-barra-inferior.jpg);
	padding: 5px;
	border: 1px solid #3954B0;
	margin: 2px;
	color: #003399;
line-height: 25px;
}


.link-boton-principal:hover {
	background-color: #900;
	background-image: url(https://2718aa.claudeassets.com/20230326154624im_/https://www.svcmscentral.com/admin/fondo-link-barra-inferior-on.jpg);
	border: 1px solid #3954B0;
	margin: 2px;
	color: #FFF;
	background-repeat: repeat-x;
	background-position: left top;
}

#marco_seleccionar_todos {
	background-color: #F60;
	padding: 10px;
	padding-left: 14px;
}

#content_seleccionar_todos {
		margin-top: -20px;
		padding-bottom: 20px;
}

/* FIN ESTILOS GENERALES O NO IDENTIFICADOS  //////////////////////////////////// */










/*links  //////////////////////////////*/

a {
	color: #103650;
	text-decoration: none;
}

a:hover {
	color: #11cdcb;

}


.link-blanco {
	color: #FFFFFF;

}

a.link-blanco:hover {
	color: #66FFFF;

}

.link-barra-inferior {
	margin: 4px;
	padding: 6px;
	border: 1px solid #CCCCCC;
	font-size: 12px;
	background-image: url(https://afd7fe.claudeassets.com/20230326154624im_/https://www.svcmscentral.com/admin/SVimages/fondo-link-barra-inferior.jpg);
	background-repeat: repeat-x;
	background-position: left top;

}
a.link-barra-inferior:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #3D73A9;
	background-image: none;
}


.link-amarillo {

	color: #FFFF00;
	text-decoration: blink;
}

a.link-amarillo:hover {
	color: #FFFFFF;
	text-decoration: none;
}



.link-gris {
	color: #666666;
	text-decoration: none;
}
a.link-gris:hover {
	color: #000000;
	text-decoration: none;
}

/*FIN links  //////////////////////////////*/






/*TD //////////////////////////////////////////////*/



.td-barra-inferior {
	background-color: #F7F7F9;
	padding: 6px;
	text-align: right;



}
.td-container-azul {
	padding: 4px;
	border: 1px solid #5286BA;
	vertical-align: top;
}

.td-content2 {
	font-size: 12px;
	color: #4e868f;
	font-weight: bold;

}

.td-barra1 {
	font-size: 10px;
	color: #FFFFFF;
	text-transform: lowercase;
}

.td-titulo1 {
	font-size: 40px;
	line-height: 40px;
	font-family: Calibri;
	text-transform: uppercase;
	color: #036 ;
	padding:7px;
	text-align: center;
	border: 1px solid #9BB9DD;
	background-image: url(https://ae7b3c.claudeassets.com/20230326154624im_/https://www.svcmscentral.com/admin/fondo-titulo.jpg);
	background-repeat:repeat;
	background-color: #99bbe9;
	background-position:center center;



}



.td-titulo12 {
	font-size: 40px;
	padding-left: 4px;
	background-color: #C7D6ED;
	font-family: Calibri;
	color:#2263B3;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	text-align: center;
	border: 1px solid #9BB9DD;
	background-image: url(https://ae7b3c.claudeassets.com/20230326154624im_/https://www.svcmscentral.com/admin/fondo-titulo.jpg);
	background-repeat: repeat-x;
	font-style: italic;
	line-height: 40px;

}










.td-footer {
	font-size: 10px;
	text-align: center;
	padding: 5px;
	background-image: url(https://ae7b3c.claudeassets.com/20230326154624im_/https://www.svcmscentral.com/admin/fondo-titulo.jpg);
	background-repeat: repeat-x;
	background-position: left top;

}

.td-mensajes1 {
	font-size: 13px;
	color: #003366;
	text-align: center;
	padding: 5px;
}
.td-mensajes1 img {
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}


.td-mensajes1 img:hover {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
}




.td-refooter {
	text-align: center;
}

.td-texto1 {
	font-size: 12px;
	color: #1F2932;
	text-align: justify;
	padding: 5px;

}
.td-texto2 {
	font-size: 12px;
	color: #1F2932;
	padding: 1px 5px 5px 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;

}
.td-warningbarra {

	font-size: 11px;
	font-weight: bold;
	color: #FFFF00;
}

.td-titulo-popup {
	font-size: 30px;
	font-family: din, Arial;
	color: #103650;
	background-color: #fff;
	padding:10px;
	text-transform:uppercase;
	text-align:center;
	-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-ms-box-sizing: border-box;





}

.td-content {
	font-size: 11px;
	color: #142B41;
	padding: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-ms-box-sizing: border-box;
border:solid 1px rgba(0,0,0,0.1);
border-top:none;
border-left:none;

}


table.printable .td-content {
font-size: 11px;
padding: 5px;

}


.td-content img{
	border:none;}


.td-content img:hover{
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity:0.6;
	opacity:0.6;}




.td-titulo2 {
	font-size: 12px;
	font-weight: bold;
	color: #003399;
	background-color: #D3E1E7;
	text-align: right;
	padding-right: 5px;
}

.td-numeracion-paginas {
	font-size: 14px;
	background-color: #E6ECFA;
	padding: 5px;
}
















/*HEADER TABLA //////////////////////////////////*/

.td-headertabla {
	font-family:din,arial;
	text-transform:uppercase;
	font-size: 15px;
	color: #103650;
background-color: #f0f0f0;
	padding: 10px;
	-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-ms-box-sizing: border-box;


}

.td-headertabla3 {
	font-size: 11px;
	font-weight: bold;
	color: #103650;
	padding: 5px;
	background-color: #f0f0f0;
	border:solid 1px rgba(0,0,0,0.1);
	-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-ms-box-sizing: border-box;



}

.td-headertabla4 {
	font-family:din,arial,helvetica;
	text-transform:uppercase;
	font-size: 20px;
	color: #103650;
	border:solid 1px rgba(0,0,0,0.2);
	text-align: right;
	padding: 5px;
	background-color:rgba(255,255,255,0.7);
	-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-ms-box-sizing: border-box;
}

/*FIN HEADER TABLA ///////////////////////////////*/






/*Tabla del main.php de envios no borrar*/

#tablamain tr:hover{
	background:#E9F7D7;
	cursor:pointer;}



#tablamain tr.tr1{background:#f5f8fc!important;}
#tablamain tr.tr2{background:#e1f1f7!important;}
#tablamain tr.tr3{background:#d5f4ed!important;}
#tablamain tr.tr4{background:#f9f9e6!important;}
#tablamain tr.tr5{background:#f5d9d6!important;}
#tablamain tr.tr6{background:#e5e5e5!important;}
#tablamain tr.tr7{background:#fff!important;
color:#666;}











/*FIN TD ////////////////////////////////////////*/





























/*ESTILOS CATALOGO DE PRODUCTOS///////////////////////*/

.imagenes_arbol {
	width: 40px;
	height:40px;
	border-radius:20px;
	display:inline-block;
	vertical-align:middle;
	margin:0 10px 0 0;
}

.cat-td-arbol-categoria1 {
	font-family: "Arial Black", Arial;
	font-size: 16px;
	color: #4288AA;
	background-color: #EDEFF1;

}
.cat-td-arbol-categoria2 {
	font-family: "Arial Black", Arial;
	font-size: 14px;
	color: #1F6789;
	padding-left: 15px;
	background-color: #F9F7EC;

}
.cat-td-arbol-categoria3 {
	font-family: "Arial Black", Arial;
	font-size: 12px;
	color: #2E5B72;
	padding-left: 30px;
	background-color: #FCF4F3;


}
.cat-td-arbol-producto {
	font-size: 11px;
	color: #344470;
	padding:8px;
	border: 1px solid #CCCCCC;
	margin:4px 15px 4px 45px;
	border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
-webkit-transition:all 0.2s ease-out;
  -moz-transition:all 0.2s ease-out;
  -o-transition:all 0.2s ease-out;

}

.cat-td-arbol-producto a {
	color:#188d5b;

}

.cat-td-arbol-producto:hover {
	background-color:#e2ecdd;


}




.cat-td-arbol-producto-iconos {
	font-size: 11px;
	font-weight: bold;
	color: #1F2B34;
	border: 1px solid #CCCCCC;
	padding-top: 2px;
	padding-left: 2px;
	text-align: left;
	vertical-align: middle;




}
.cat-td-arbol-icons-categoria1 {
	font-family: "Arial Black", Arial;
	font-size: 16px;
	color: #4288AA;
	background-color: #EDEFF1;
	text-align: left;
	vertical-align: middle;


}
.cat-td-arbol-icons-categoria2 {
	font-family: "Arial Black", Arial;
	font-size: 14px;
	color: #1F6789;
	background-color: #F9F7EC;
	text-align: left;
	vertical-align: middle;


}
.cat-td-arbol-icons-categoria3 {
	font-family: "Arial Black", Arial;
	font-size: 12px;
	color: #2E5B72;
	background-color: #FCF4F3;
	text-align: left;
	vertical-align: middle;
}

.cat-nombreproducto-en-listado {
	font-size: 12px;
	font-weight: bold;
	color: #188d5b;
}


/*FIN ESTILOS CATALOGO DE PRODUCTOS////////////////////////////////*/







/*ESTILOS USUARIOS //////////////////////////*/
.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}

.LV_valid {
    color:#00CC00;
	font-size:12px;
	font-weight:bold;
}

.LV_invalid {
    color:#CC0000;
		font-size:12px;
	font-weight:bold;
}

.LV_valid_field,
input.LV_valid_field:hover,
input.LV_valid_field:active,
textarea.LV_valid_field:hover,
textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
}

.LV_invalid_field,
input.LV_invalid_field:hover,
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover,
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
}











.bdc-form-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #4e868f;
	text-align: right;
	padding-right: 7px;
	border: 1px solid  rgba(0,0,0,0.1) ;
	border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-khtml-border-radius:3px;
vertical-align:middle;



}
.bdc-form-box {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #C5CBD1;
	border: 1px solid #000000;
}

.bdc-td-instruciones {
	font-family: "Microsoft Sans Serif", sans-serif, Arial;
	font-size: 10px;
	line-height: 13px;
	padding-top: 10px;
	padding-bottom: 9px;
}
.bdc-td-titulo-main {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 30px;
	filter: DropShadow(Color=#505050, OffX=1, OffY=1, Positive=1);
}

.bdc-td-butonega {
	font-family: "Microsoft Sans Serif", sans-serif, Arial;
	font-size: 11px;
	font-weight: bold;
	padding-left: 25px;
	word-spacing: 2px;
	filter: DropShadow(Color=#C1C4BE, OffX=-1, OffY=-1, Positive=1);
}

.bdc-link-butonega {
	color: #2E4952;
	text-decoration: none;
}

a.bdc-link-butonega:hover {
	color: #000000;
}


.bdc-td-tituloder {

	font-family: "Microsoft Sans Serif", sans-serif, Arial;
	font-size: 11px;
	color: #FFFFFF;
	text-align: center;
	line-height: 12px;
	filter: DropShadow(Color=#4F5B5E, OffX=1, OffY=1, Positive=1);
	letter-spacing: 1px;
	font-weight: bold;
}
.bdc-texto-main {

	font-family: "Microsoft Sans Serif", sans-serif, Arial;
	font-size: 12px;
	text-align: justify;
	padding-top: 5px;
	padding-left: 10px;
}
.bdc-td-titulo-tabla {
	font-family: "Arial Black";
	font-size: 16px;
	color: #FFFFFF;
	background-color: #01006A;
	background-image: url(https://494372.claudeassets.com/20230326154624im_/https://www.svcmscentral.com/admin/fondo-td-titulo-popup.jpg);
	background-repeat: repeat-x;
	background-position: left center;
	padding-left: 10px;
	vertical-align: top;
	filter: DropShadow(Color=#000000, OffX=1, OffY=1, Positive=1);
	padding-top: 5px;
	padding-bottom: 3px;
	line-height: 18px;
}

.bdc-td-subtitulo-tabla {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #215574;
	padding-left: 3px;
	filter: DropShadow(Color=#505050, OffX=1, OffY=1, Positive=1);
	background-color: #E1EFF7;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;

}
.bdc-td-formbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.bdc-span-explicacion {
	font-size: 10px;
	font-weight: normal;
	line-height: 12px;
	color: #000000;

}
.bdc-form-title-rojo {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #00016A;
	text-align: right;
	padding-right: 5px;
	vertical-align: middle;
	border: 1px solid #990000;
}
.bdc-dato-tabla {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left: 8px;
}
.bdc-td-agregar-mas {
	font-size: 11px;
	background-color: #CAE2F0;
	text-align: right;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;

}

.bdc-td-controles-listado {
	font-size: 11px;
	background-color: #CAE2F0;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	vertical-align: middle;
	font-weight: bold;



}

.bdc-tr-dato-container {margin:0 0 15px 0;}
.bdc-td-registro-container {
	font-size:11px;
	border:solid 1px rgba(0,0,0,0.2);
	border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
-webkit-transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
-o-transition:all 0.3s ease-out;
color:#333;

}

.bdc-td-registro-container:hover {
border:solid 1px rgba(0,0,0,0.4);

background-color:#f5f5f5;

}


.bdc-span-nombre-listado {
	font-size: 21px!important;
	font-weight: bold;
	color: #256185;
	font-family: calibri,Tahoma, Arial;
	vertical-align: top;
	padding-top: 1px;
	padding-bottom: 2px;
	padding-left: 2px;


}
.bdc-span-nombre-detalle {
	display:none;



}
.bdc-td-dato-detalle {
	font-size: 12px;
	background-color: rgba(0,0,0,0.01);
	padding: 5px 10px;
	margin:0 0 2px 0;
}

.bdc-td-dato-detalle:hover {
	background-color: rgba(0,0,0,0.05);
}
.bdc-foto-plaeholder-detalle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #00016A;
	padding-right: 3px;
	border: 1px solid #9FB0BB;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 3px;

}
.bdc-form-box-example {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	background-color: #EDEFF1;
	border: 1px solid #666666;
}
.bdc-td-dato-detalle2 {
	font-family: verdana;
	font-size: 11px;
	line-height: 14px;
	background-color: #F8F8F8;

}
.bdc-td-dato-detalle1 {
	font-family: verdana;
	font-size: 11px;
	line-height: 14px;
	background-color: #EFF1ED;

}

.div-usuario-columna-izquierda {
	float: left;
	padding: 6px;
}
.div-usuario-columna-derecha {
	margin: 5px;
	float: right;
	padding: 6px;

}

.div-nombre-usuario {
	float: left;
}

.bdc-td-botones-busquedac {
	background-color: #F3F5F8;
	text-align: center;
	padding-top: 5px;
	font-size:15px;
}

.bdc-div-notas {
	font-size: 10px;
	padding: 4px;
	margin-top: 5px;
}






#linkfotousuario {font-size:11px;
display:block;
text-align:center;

}

/* fin ESTILOS USUARIOS //////////////////////////*/







/*ESTILOS CONTENIDO ///////////////////////////////*/

.cont-div-cat1-container {
	margin: 10px;
	padding:0;
	border: 1px solid rgba(0,0,0,0.1);
	-moz-border-radius:3px;
-webkit-border-radius:3px;
-khtml-border-radius:3px;
border-radius:3px;
background-color:#FFF;
}



.cont-div-cat1, .cont-div-cat2, .cont-div-cat3, .cont-div-articulo, .cont-div-articulo-order {
-webkit-transition:all 0.3s ease-out;
  -moz-transition:all 0.3s ease-out;
  -o-transition:all 0.3s ease-out;

}



.cont-div-cat1 {
	font-family: din,arial,helvetica;
	font-size:23px;
	color: #fff;
	background-color:#11cdcb;
	margin:0;
	padding:10px;
	-moz-border-radius:3px;
-webkit-border-radius:3px;
-khtml-border-radius:3px;
border-radius:3px;


}








.cont-div-cat1:hover, .cont-div-cat2:hover, .cont-div-cat3:hover {
		background-color:#f2f2f2;
		color:#103650;


}



.cont-div-cat2 {
	font-family: din,arial,helvetica;
	font-size: 20px;
	color: #4e868f;
	background-color: #f0f0f0;
	margin: 5px 10px 5px 15px;
	padding:10px;
	border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-khtml-border-radius:3px;

}
.cont-div-cat3 {

	font-family: din,arial,helvetica;
	font-size: 17px;
	color: #666;
	background-color: #f0f0f0;
	margin: 5px 10px 5px 30px;
	padding: 5px;
	border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-khtml-border-radius:3px;

}
.cont-div-articulo, .cont-div-articulo-order {

	font-size: 15px;
	color: #575757;
	padding: 8px;
	margin: 5px 10px 5px 45px;
	border: 1px solid #EAEAEA;
	border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-khtml-border-radius:3px;

}







.cont-div-cat1 span,
.cont-div-cat2 span, 
.cont-div-cat3 span
{
cursor:pointer;
}









.cont-div-articulo-order {
	cursor:move;
	list-style-type:none;

}

.cont-div-articulo:hover, .cont-div-articulo-order:hover {
	background-color:#f0f0f0;

}

.cont-div-cat-imagenes {
	float: right;
	width:30%;
	text-align:right;
}





@media only screen and (max-width:650px) {

.cont-div-cat1 {
	font-size:17px;


}

.cont-div-cat2 {
	font-size: 16px;
	margin: 5px;
	padding:5px;

}
.cont-div-cat3 {


	font-size: 15px;
	margin: 5px;
		padding:5px;

}
.cont-div-articulo, .cont-div-articulo-order {

	font-size: 12px;
	margin: 5px;
		padding:5px;

}

.cont-div-cat-imagenes {
	font-size: 13px;
	float: right;
	width:35%;
	text-align:right;
}


}



.cont-td-nav2 {

	font-size: 12px;
	text-align: center;
	padding-right: 8px;
	background-color: #E6E8EE;
	padding-top: 2px;
	padding-bottom: 2px;
}

/*FIN ESTILOS CONTENIDO ///////////////////////////////*/



/*MENSAJES  ///////////////////////////////*/

{
	font-size: 12px;
	background-color: #F3F7F8;
	padding: 5px;
	margin-bottom: 15px;
	border: 1px solid #b7c994;
	margin-right: 5px;
	margin-left: 5px;
	border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
box-shadow:1px 1px 4px #adadad;
-moz-box-shadow:1px 1px 4px #adadad;
-webkit-box-shadow:1px 1px 4px #adadad;


}


.mens-mensaje-container, #mens-mensaje-container  {
	font-size: 12px;
	background-color: #f2f2f2;
	padding: 10px;
	margin:0 15px 15px 15px;
	border: 1px solid rgba(0,0,0,0.1);
	border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;


}

.mens-mensaje-container:hover, .mens-mensaje-container2:hover {
	border-color:rgba(0,0,0,0.5)
	}

.mens-mensaje-fecha {
	font-size: 12px;
	margin-bottom: 15px;
	color:#999;
}

.mens-mensaje-titulo {
	font-family:din;
	font-size: 25px;
	color: #609ACA;
	text-transform:uppercase;
	letter-spacing:-1px;
	background:#FFF;
	padding:0 5px;
	line-height:35px;
	height:35px;

}

.mens-mensaje-titulo a{
font-size:15px;
margin:5px 3px 0 3px;
display:inline-block;
line-height:24px;
height:24px;
width:24px;
border-radius:12px;
-moz-border-radius:12px;
-webkit-border-radius:12px;
-khtml-border-radius:12px;
vertical-align: top;
color: #609ACA;
border:solid 1px #609ACA;
text-align:center;

}
.mens-mensaje-titulo a:before{
	letter-spacing:0;

}


.mens-mensaje-contenido {
		padding: 5px;
		margin:10px 0;
	font-size: 13px;
	color: #333333;
	border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
}


.mens-mensaje-contenido #dato{
	margin:0 0 5px 0;}




.mens-mensaje-autor {
	font-size: 16px;
	text-align: right;
	margin-right: 15px;
	margin-top: 0px;
	font-family: "Arial Narrow";
}

.mens-mensaje-imgborrar {
	float: right;
	font-size:20px;
}



.mens-mensaje-container2 {

	font-size: 12px;
	background-color: #FFFFFF;
	padding: 10px;
	border: 1px solid rgba(0,0,0,0.1);
	margin:0 15px 15px 15px;

	-webkit-transition:all 0.5s ease-out;
  -moz-transition:all 0.5s ease-out;
  -o-transition:all 0.5s ease-out;
		-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
border-radius:5px;

}

.mens-mensaje-contenido2 {
	padding: 5px;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 1px;
	margin-left: 15px;
	border: 1px solid rgba(0,0,0,0.1);
	font-size: 13px;
	color: #333333;
	text-align: center;
	border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
}

/*FIN MENSAJES ///////////////////////////////*/





/*HELP ///////////////////////////////*/
.div-help {
	font-size: 12px;
	color: #333333;
	background-color: #F8FAFC;
	text-align: justify;
	padding: 10px;
	border: 2px double #CC0000;
}
.help-mensaje-imgcerrar {

	text-align: right;
	margin-top: 0px;
	margin-bottom: 1px;
}

.span-titulohelp {
	font-size: 20px;
	color: #003366;
		border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CC0000;
}


.textohelp {
	font-size: 13px;
	background-color: rgba(255,255,255,0.9) ;
	padding: 20px;
	margin:20px;

}

.help-subtitulo {
	font-size: 22px;
	color: #0055AA;
	margin-top: 35px;
	border-bottom:solid 1px rgba(0,0,0,0.2);

}
.help-p2 {
	font-size: 11px;
	margin-left: 25px;
	margin-right: 25px;

}
.help-link-explicativo {
	font-style: italic;
	text-decoration: overline;
	cursor: help;
	margin: 0px;
	padding: 0px;

}
.help-subtitulo2 {
	font-size: 18px;
	color: #0055AA;
	margin-bottom: 5px;
	border-bottom:solid 1px rgba(0,0,0,0.2);
	margin-top: 25px;
	margin-left:30px;
}

.help-boxdestacado {
	color: #006600;
	background-color: #F9F8F7;
	padding: 7px;
	margin-top: 5px;
	margin-right: 30px;
	margin-bottom: 5px;
	margin-left: 30px;
	border: 1px solid #0066FF;
}






body.help #nbloque{ max-width:1200px;
margin:20px auto;
background:rgba(255,255,255,0.9)}

body.help #nbloque h1,body.help #nbloque h2,body.help #nbloque h3,body.help #nbloque h4{ text-align:left;
padding: 0 0 5px 0;
color: #103650;
font-weight: normal;
font-family:din;}

body.help #nbloque h1{ font-size:40px;
border-bottom: rgba(0,0,0,0.15) solid 1px;
margin:60px 0 10px 0;}

body.help #nbloque h1:first-child{ margin-top:0;}

body.help #nbloque h2{ font-size:29px;
border-bottom: rgba(0,0,0,0.15) solid 1px;
margin:30px 0 10px 0;}

body.help #nbloque h2:last-child{
border-bottom: none;
margin-bottom:0;}

body.help #nbloque h3{ font-size:22px;
margin:15px 0 10px 0; }

body.help #nbloque h4{ font-size:18px;}



body.help ul,body.help ol{ font-size:13px;
margin:15px;}


body.help ul li,body.help ol li{
margin-bottom:10px;}


p.conimagen{ text-align:center;
margin:20px 0 40px  0;
font-size:11px!important;}

p.conimagen img{ padding:10px;
background:rgba(255,255,255,0.8);
border:1px solid rgba(0,0,0,0.2);
margin:0 0 2px 0;}







.papa{ cursor:pointer;}

.papa:hover{color:#900!important;}
.hijo{ width:100%!important;
display:none;}

.papa:before{ content:"\f0da";
letter-spacing:15px; }







/*FIN HELP ///////////////////////////////*/









.fastedit-categorias {
	font-size: 10px;
	color: #999;
	display:inline-block;
	position:absolute;
	top:35%;
	right:15px;
	text-align:right;
	text-transform:uppercase;


}


.fastedit-data-td:hover .fastedit-categorias {display:none;
	


}



#fastedit-tr:hover{
	background:#edf5eb;}

.fastedit-data-td {
	padding-bottom: 4px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(0,0,0,0.1);
	vertical-align: middle;
	font-size:11px;
	position:relative;
}

.fastedit-data-td input{ width:98%!important;}

#fastedittable tr:last-child td {
	border-bottom:none!important;
}
.td-content3 {

	font-size: 12px;
	color: #142B41;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A7AFBA;
	padding-top: 1px;
	padding-bottom: 3px;
	padding-left: 3px;
	background-color: #FCFEFE;
	padding-right: 3px;
	font-weight: bold;
}
.form-box-td {
	font-size: 11px;
	padding: 3px 3px 3px 5px;
	color: #23466D;
	vertical-align: middle;
}
.div-listado-items {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	vertical-align: bottom;
	font-size: 14px;
	padding: 5px;
	color: #235298;



}
.td-opciones-popup {
	font-size: 12px;
	border: 1px solid #84ab61;
	border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
}
.opciones-popup-imagen {
	margin: 6px;
	border: 1px solid #99B8D0;
}
.opciones-popup-titulo {
	font-size: 13px;
	font-weight: bold;
	color: #235298;
	margin: 0px;
	padding: 3px;
	background-color: #e1fbe6;
	text-align: center;
}
.opciones-popup-check {
	background-color: #73b962;
	text-align: center;
	padding: 2px;
}
.help-boton-volver {
	text-align: right;
	font-size: 16px;
	font-weight: bold;
	background-color: #F7F7F7;
	padding: 5px;
}
.help-boton-video {
	font-size: 20px;
	color: #AEC6C6;
}
.rojo {
	color: #F00;
}






















































/*NUEVOS MENUS DEL ADMIN*/
#nbotoneshome{ text-align:center;}

#menucontainer {

	display:inline-block;
	height: 400px;
	width: 350px;
	background-color:#fff;
		-moz-border-radius:3px;
-webkit-border-radius:3px;
-khtml-border-radius:3px;
border-radius:3px;
		margin:0 10px 20px 10px;
	vertical-align:top;
		color:#666;
	-webkit-transition:all 0.5s ease-out;
  -moz-transition:all 0.5s ease-out;
  -o-transition:all 0.5s ease-out;
		-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-ms-box-sizing: border-box;
padding:15px;
	}


#menucontainer:before{
	font-size:100px;
	letter-spacing:0;
	color:#11cdcb;
}



#menucontainer:hover{
background-color: #103650;
color:#f4f4f4;


	}




#menucontainer #titulo {
	font-family:din;
	text-transform:uppercase;
	font-size: 23px;
	margin: 10px 0;
	padding:0 0 5px 0;
	border-bottom: dotted 1px rgba(0,0,0,0.1);
		color: #103650  ;

}

#menucontainer:hover #titulo {
		color: #fff;
		border-bottom: dotted 1px rgba(255,255,255,0.23);

}





#menucontainer #descripcion {
	font-size: 12px;
	line-height:1.4em;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-left: 15px;
	text-align: left;
}


#menucontainer #descripcion li{
	list-style-type:none;
	margin:0 0 4px 0;

}

#menucontainer #descripcion li:before{
	content:"\f0da";
	letter-spacing:4px;

}



































a.instruccion, a.boton{
	position:relative;
	z-index:24;
	white-space:nowrap;
	cursor:pointer;
	z-index:1;

}

a.boton{ font-family:din;
text-transform:uppercase;}

	a.instruccion:hover{
	position:relative;
	z-index:25;
	color:#C00;	}

	a.instruccion span, a.boton span, a.botonactivo span{display: none; z-index:10000;
	position:absolute;}

	a.instruccion:hover span, a.boton:hover span, a.instruccion:hover span.derecha, a.boton:hover span.derecha{
font-family:Tahoma, Geneva, sans-serif;
white-space:normal;
font-weight:normal;
line-height:1.3em;
display:block!important;
top:-30px;
right:-300px;
width:300px;
padding:10px;
	-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-ms-box-sizing: border-box;
	text-align:center;
	font-size:13px;
	color:#666;
	background-color:#fff;
	border: 1px solid rgba(0,0,0,0.15);
-moz-border-radius:3px;
-webkit-border-radius:3px;
-khtml-border-radius:3px;
border-radius:3px;
text-transform:none;



}






body.opcionesmensajes a.instruccion:hover span,
body.opcionesmensajes  a.boton:hover span,
body.opcionesmensajes  a.instruccion:hover span.derecha,
body.opcionesmensajes  a.boton:hover span.derecha{
	top:-150px;}




		a.instruccion:hover span.derecha, a.boton:hover span.derecha{
width:200px;
left:-220px;



}

@media only screen and (max-width:650px) {

	a.instruccion:hover span, a.boton:hover span, a.instruccion:hover span.derecha, a.boton:hover span.derecha{
	display:none!important;


}


}






body.bodyordenes a.instruccion{ font-size:15px;}





.td-content a.instruccion{ font-size:16px;
margin-left:10px;}






	/*forms ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#form #archivo {
font-size:20px!important;}




#form1 label{
	float:left;
	padding:5px;
	border:solid 1px #C8C8C8;
	border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
margin:0 10px 10px 0;
}



#dataderecha label{ padding:0;
border:none;
margin:0;}




#form1 label.especial{
width:100%;
float:none;
margin:10px 0;
border:none;}

#form1 label.especial input, #form1 textarea {width:95%;}


#form1 label span{
float:left;
margin:auto 5px;
color:#666;
}

#form1 label.especial span.spanespecial{
	display:block;
	width:200px;
float:none;
padding:7px;
margin:0 0 0 5px;
white-space:nowrap;
background-color:#11cdcb;
color:#fff;
border-radius:0 3px 0 0;
-moz-border-radius:0 3px 0 0;
-webkit-border-radius:0 3px 0 0;
-khtml-border-radius:0 3px 0 0;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}







.form-box, .n-form-box, #form1 select {
	font-size: 11px;
	color: #666;
	background-color: #fff;
	border: 1px solid rgba(0,0,0,0.2) ;
	line-height: 13px;
	font-family: Tahoma, Arial;
	margin: 3px;
	padding: 9px;

	border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-khtml-border-radius:3px;
-webkit-transition:all 0.3s ease-out;
  -moz-transition:all 0.3s ease-out;
  -o-transition:all 0.3s ease-out;
		-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-ms-box-sizing: border-box;


}

textarea.form-box{ min-height:150px;}

.form-box:hover, .n-form-box:hover, #form1 select:hover {
	border: 1px solid rgba(0,0,0,0.3) ;




}


.textogrande{ font-size:14px;}

.n-form-box { margin:0 5px 0 0!important;}

input:focus
{
	border-color:rgba(0,0,0,0.5)

}






.td-form-title {
	font-size: 12px;
	font-weight: bold;
	color: #103650;
	text-align: right;
	padding: 5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #D6D6D6 ;
	border-bottom-color: #D6D6D6;
	vertical-align: middle;
}


table.printable .td-form-title {
	font-size: 11px;
	padding: 3px;
}


.td-form-title2 {

	font-size: 12px;
	color: #3E5B88;
	text-align: right;
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 1px;
}

.td-form-title3 {
	font-size: 12px;
	font-weight: bold;
	color: #3E5B88;
	text-align: center;
	background-color: #E2EDF3;
	padding: 4px;
	border: 1px solid #5388C4;

}
.td-form-title-izq {
	font-size: 12px;
	font-weight: bold;
	color: #3E5B88;
	padding-top: 8px;
	padding-bottom: 1px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #0066CC;
	padding-left: 5px;

}
.td-form-title4 {
	font-size: 11px;
	font-weight: bold;
	color: #41783a;
	text-align: right;
	padding: 2px 5px 2px 2px;
	background-color: #eaeaea;
	border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
box-shadow:1px 1px 1px #bfbfbf;
-moz-box-shadow:1px 1px 1px #bfbfbf;
-webkit-box-shadow:1px 1px 1px #bfbfbf;



}
.td-form-title4-centrada {

	font-size: 11px;
	font-weight: bold;
	color: #3E5B88;
	text-align: center;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	background-color: #F4F4F4;
	padding-left: 2px;
}



/*FIN forms /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/






























	#nseparador{ float:none;
	clear:both;
	height:1px;}


#n-encabezadowrapper{
	background-color:#103650;
	position:relative;
z-index:4;
}

#n-encabezadowrapper:after{
position:absolute;
	bottom:-10px;
	right:10px;
	width: 0;
	height: 0;
	border-left: 25px solid transparent;
	border-right: 25px solid transparent;
	border-top: 30px solid #103650;
	content:"";}



#n-encabezado{
	margin:0 auto 0 auto;
	position:relative;
	padding:20px;}


#n-encabezado a#nlogo{
	display:inline-block;

}

#n-encabezado a#nlogo img{
	border:none;
	display:block;
}





#n-encabezado	#nheaderbar{
	position:absolute;
	top:50%;
	transform:translate(0,-50%);
	right:50px;
	text-align:right;}

	#nheaderbar a {
		display:inline-block;
		padding:10px;
		margin:-3px 0 0 6px;
		border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-khtml-border-radius:3px;
color:#fff;
text-decoration: none;
	font-size:11px;
	font-weight:bold;
		}

		#nheaderbar a:hover {
background:#fff;
color:#103650;
		}






#nheaderbar a.nsalir{
		color:#11cdcb;
	}



#nwarning {
	display:block;
	height:20px;
	width:36px;
	position:absolute;
	top:50%;
	transform:translate(0,-50%);
	right:10px;
	font-weight:bold;
	line-height:20px;
	text-align:center;
	text-decoration:blink;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-khtml-border-radius:3px;
background:#ff7d2f;
color:#fff;
	font-size:11px;
	z-index:3;
	}

	#nwarning:before{ content:"\f01c";
	letter-spacing:5px;}



	#navmensajes{ position:absolute;
	top:70px;
	right:10px;
	padding:10px;
	background:#FFF;
	border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-khtml-border-radius:3px;
width:220px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-ms-box-sizing: border-box;
z-index:3;
visibility:hidden;
border: solid 1px rgba(0,0,0,0.15)

	}



		#navmensajes a{ display:block;
		margin:0 0 5px 0;
		padding:0 0 5px 0;
		border-bottom:#f0f0f0 solid 1px;
				font-size:12px;
				color:#103650;
				}

						#navmensajes a:hover{
				color:#000;
				}




#navmensajes a.cerrar, 		#navmensajes a:last-child{ border-bottom:none;
padding-bottom:0;
margin-bottom:0;}

	#navmensajes a.cerrar{
text-align:right;

color:#CCC;}

	#navmensajes a.cerrar:hover{
		color:#103650;
}

#navmensajes a.cerrar:before{ content:"\f00d";
letter-spacing:0;
font-size:25px;
text-align:right;}









	@media only screen and (max-width:600px) {

#n-encabezadowrapper{
	min-height:inherit;
	text-align:center;
	padding:10px;
}

#n-encabezado a#nlogo{
position:relative;
top:auto;
left:auto;
width:90%;
margin:0 auto;
}

#n-encabezado	#nheaderbar{
/*
	position:relative;
		top:auto;
	right:auto;
	text-align:center;
*/
display:none;}
}








	/* form#loginform  *************************************/



	form#loginform{
				background:rgba(255,255,255,0.6);
		padding:20px;
					width:95%;
		max-width:600px;
		-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-ms-box-sizing: border-box;
font-family:din;
position:absolute;
/*absolute center yeaaaaa!*/
left: 50%;
top: 55%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transition:all 0.5s ease-out 0s;
  -moz-transition:all 0.5s ease-out 0s;
  -o-transition:all 0.5s ease-out 0s;
		border-radius:4px;
		-webkit-border-radius:4px;
		-ms-border-radius:4px;
/*absolute center yeaaaaa!*/
   }


				form#loginform:hover{			background:rgba(255,255,255,0.9);
   }


form#loginform h1{ text-transform:uppercase;
letter-spacing:-1px;
color:#103650;
font-size:25px;
margin:0 0 20px 0;
padding:0 0 20px 0;
border-bottom:solid 1px rgba(255,255,255,0.7);}

form#loginform h1:after{
	content:"Acceda a la parte Inteligente de su Pagina web";}


@media only screen and (max-width:500px) {

	form#loginform h1{
font-size:20px;
margin:0 0 10px 0;
padding:0 0 10px 0;
}

form#loginform h1:after{
	content:"Acceda";}


}

form#loginform p{
	font-size:15px;
	color:#666;}


form#loginform label{ display:block;
margin:0 0 20px 0;   }

form#loginform label span{ display:block;
font-size:12px;
margin:0 0 5px 5px;
color:#666;
text-transform:uppercase;}

form#loginform input{ display:block;
width:100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-ms-box-sizing: border-box;
font-size:19px;
color:#666;
letter-spacing:1px;
margin:0;
 }


form#loginform button{ font-size:16px;
text-transform:uppercase;
background-color:#11cdcb;
color:#FFF;
border:none;
padding:10px 15px;
cursor:pointer;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-khtml-border-radius:3px;
border-radius:3px;
}

form#loginform button:before{
	content:"\f118";
}

form#loginform button:hover{
background-color:#103650;

}

form#loginform a{ display:block;
margin:20px 0 0 0;
text-align:right;}


form#loginform a:before{ content:"\f084";}

	/*cerro form#loginform **********************************/






















	#ncuerpo{
		width:100%;
position:relative;

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-ms-box-sizing: border-box;
z-index:3;

 }

#ncuerpo #ncontenedor{
	width:100%;
	 padding:40px 0;
	 position:relative;
		z-index:1;}


		@media only screen and (max-width:1220px) {

#ncuerpo #ncontenedor{
		 padding-top:80px;
}


}


			@media only screen and (max-width:700px) {

#ncuerpo #ncontenedor{
		 padding-top:120px;
}


}

			@media only screen and (max-width:340px) {

#ncuerpo #ncontenedor{
		 padding-top:160px;
}


}




@media only screen and (max-width:300px) {

#ncuerpo #ncontenedor{
		 padding-top:200px;
}


}

 #ncuerpo #nnavbar {
	 position:absolute;
		top:0;
		left:0;
	 width:100%;
			background-color:#FFF;
			z-index:2;



		 }

 #ncuerpo #nnavbar a {
		  display:inline-block;
		padding:10px;
color:#31596c;
font-family:din;
  text-transform:uppercase;
  font-size:11px;
  cursor:pointer;
		-webkit-transition:all 0.3s ease-out 0s;
  -moz-transition:all 0.3s ease-out 0s;
  -o-transition:all 0.3s ease-out 0s;

}

 #ncuerpo #nnavbar a.especial { font-weight:bold;}
  #ncuerpo #nnavbar a.especial2 { color:#000;}

 #ncuerpo #nnavbar a:hover {
background:#ff7d2f;
color:#fff;
		}










 #ncuerpo #ntitulo{
	 margin:0;
		padding:10px;
	 font-size:36px;
	 font-family:din,tahoma,arial,helvetica;
	 color:#103650;
	 letter-spacing:-1px!important;
		text-transform:uppercase;
		text-align:center;

	 }

		@media only screen and (max-width:600px) {

 #ncuerpo #ntitulo{

	 font-size:26px;


	 }


}

 #ncuerpo #ntitulo2, #nbloque h1{
  font-family:din,tahoma,arial,helvetica;
		text-transform:uppercase;
		letter-spacing:-1px;
	 margin:0 0 10px 0;
	 font-size:24px;
	 color:#103650;
	  font-weight:normal;
			display:block;
	 }

 #ncuerpo #ntitulo3, #nbloque h2{
font-family:din,tahoma,arial,helvetica;
text-transform:uppercase;
	 margin:15px 0 10px 0;
		padding:0 0 5px 0;
border-bottom:rgba(0,0,0,0.15) solid 1px;
font-size:14px;
color:#103650;
font-weight:normal;
text-align:center;
	}

#ncuerpo #ninstrucciones {
		 font-size:14px;
		 padding:15px;
			max-width:1000px;
		margin:10px auto 30px auto;
		background:rgba(255,255,255,1);
		overflow:hidden;
		-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
border-radius:5px;


		 }

#ncuerpo #ninstrucciones:before { display:block;
float:left;
font-size:60px;
content:"\f06a";
margin:0 15px 5px 0;
color:#11cdcb;}



/*botonera interna*/
#nbotonera { text-align:center; font-size:12px;
margin:0 0 20px 0;

 }

#nbotonera span{ font-size:12px; margin:0 0 0 15px;}


























#nbloque{
margin:15px;
background:rgba(255,255,255,0.85);
padding:15px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-khtml-border-radius:3px;
border-radius:3px;
border:solid 1px rgba(0,0,0,0.1);
overflow:hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-ms-box-sizing: border-box;
 }






@media only screen and (max-width:650px) {

#nbloque{
margin:10px;
padding:10px;
 }


}

.fondoblanco{
	 background-color:#f2f2f2;}


.nbloqueoculto{
	height:0;
	overflow:hidden;

 }


 .nbloquevisible{
	 overflow:visible;

 }


#nbloque p{
color:#333;
font-size:13px;}







#nbloque ul{ margin:15px;}

#nbloque ul li{ font-size:14px;
margin:0 0 15px 0;
list-style-position:inside;
list-style-type:circle;}









#nbloque #botonsotes {
text-align:center;}

#nbloque #tituloizq, #nbloque #dataderecha {height:70px;
	margin:5px 0 0 0;
	}

#nbloque #tituloizq{
		float:left;
	width:50%;
	font-size:20px;
	padding:0;
	color:#4a6671;
	padding:10px;
	background:rgba(0,0,0,0.1);
		-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-ms-box-sizing: border-box;
font-family:din;
	}

	#nbloque #tituloizq a.instruccion{ font-size:15px!important;}


	#nbloque #dataderecha { float:left;
	width:50%;
	padding:10px;
	-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-ms-box-sizing: border-box;
background:rgba(0,0,0,0.05)
}


#nbloque #dataderecha.total { float:none;
	width:100%;
	height:auto;
}

#dataderecha .form-box, #dataderecha .n-form-box{margin-top:0;
width:90%;}

#dataderecha  input[type="checkbox"]{
	width:30px;}




#dataderecha .form-box-small{width:30%!important;}
#dataderecha .form-box-xtrasmall{width:8%!important;}


.alta{ min-height:250px;}

#ncaja{
	width:50%;
	height:750px;
	 }

#ncaja.ncajaizquierda{
	float:left;

	overflow: auto;}



a.botonusuario{
	margin:5px;
	border: solid 1px rgba(0,0,0,0.1);

	padding:10px;
	font-size:14px;
	color:#103650;


cursor:pointer;
-webkit-transition:all 0.3s ease-out;
  -moz-transition:all 0.3s ease-out;
  -o-transition:all 0.3s ease-out;
  -moz-border-radius:3px;
-webkit-border-radius:3px;
-khtml-border-radius:3px;
border-radius:3px;
display:block;
text-align:left;
width:95%;}


a.botonusuario:hover{
	background: #fff!important;
text-align:left;}

a.botonusuario:focus {
	background: #fff!important;
font-size:20px!important;
color:#000;
text-align:right;
outline:none;
}



a.botonusuarioactivo {
	margin:5px;
	padding:7px;
text-shadow:0 1px 1px rgba(255,255,255,0.8);
cursor:pointer;
  -moz-border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
border-radius:10px;
display:block;
background: #fff!important;
box-shadow:1px 1px 4px rgba(0,0,0,0.3)!important;
-moz-box-shadow:1px 1px 4px rgba(0,0,0,0.3)!important;
-webkit-box-shadow:1px 1px 4px rgba(0,0,0,0.3)!important;
font-size:17px!important;
border:#a6baa3 solid 1px!important;
color:#900;
text-align:right;
outline:none;}







a.botonusuario:focus:after{
	font-family:iconos;
	content:"\f0ad";
		margin:0 0 5px 5px;
	font-size:16px;
	line-height:19px;

	}




#ncaja.ncajaderecha{
	float:right;}


#ncaja.ncajaderecha #permisos{
	width:100%;
	border:solid 1px rgba(0,0,0,0.1);
background:#fff;
font-size:13px;
padding:10px;
	}


*:focus{
	outline:none;}










/* monedas y precios  *************************************/

#paises_monedas_contenedor{ overflow:hidden;}


/*cerro xxxxx **********************************/







#npaginacion{

	font-family:calibri,arial,helvetica;
	text-align:center;
	padding:10px;
	margin:10px;
	color: #666;
	white-space:normal;
	 }
#npaginacion a{
	font-size:16px;
	color: #4F9E43;
	text-decoration:none;
	-moz-border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
border-radius:10px;
background:#E9EFE2 url(https://8d8b7d.claudeassets.com/20230326154624im_/http://www.svcmscentral.com/SVcommon/images/button-overlay.png) repeat-x 0 0;
border:#393 solid 1px;
padding: 5px 10px;
margin:6px;
-webkit-transition:all 0.2s ease-out;
  -moz-transition:all 0.2s ease-out;
  -o-transition:all 0.3s ease-out;}

#npaginacion a:hover{
	color: #fff;
	background:#000 url(https://8d8b7d.claudeassets.com/20230326154624im_/http://www.svcmscentral.com/SVcommon/images/button-overlay.png) repeat-x 0 0;
border:transparent;
padding: 5px 20px;}












#nizquierda{width:30%;
float:left;
margin:0 10px 0 0;
padding:0;
border-right: #D3DCC2  solid 1px;}






@media only screen and (max-width:650px) {

#nizquierda{width:100%;
float:none;
margin:0 0 10px 0;
border: rgba(0,0,0,0.1) solid 1px;}


}

#nizquierda #titulo {
	font-family:din,arial;
	text-transform:uppercase;
		 margin:0;
	 padding:5px;
	 text-align:right;
		 font-size:21px;
	 color:#fff;
	 background-color:#11cdcb;
	}

#nizquierda #titulo2 {
	font-family:din,arial;
	text-transform:uppercase;
		 margin:15px 5px 0 0;
	 font-size:20px;
	 border-bottom:rgba(0,0,0,0.15) solid 1px;
	 color:#103650;
	 text-align:right;}

#nizquierda #cajita {text-align:right;
padding:0 5px 0 0;
		 }
#nizquierda p {
			  font-size:10px;
			  color:#666;
			  margin:2px 5px 2px 0;
			  padding:0;
			  text-align:right;
		 }

#nderecha{ float:left;
width:65%}



@media only screen and (max-width:650px) {

#nderecha{ float:none;
width:100%}

}



#nderecha #titulo{
	 font-family:din, tahoma,arial,helvetica;
		text-transform:uppercase;
		letter-spacing:-2px;
	 margin:0;
	 border-bottom:#C0CAAE solid 1px;
	 font-size:35px;
	 color:#103650;}
















#nfooter {

	width:100%;
	background:#151515;
	padding:6px 0;
	position:fixed;
	bottom:0;
	left:0;
	z-index:1000;

 }

#nfooter #sign {
	text-align:center;
	color:#fff;
	font-size:11px;}















/*FASTEDIT USUARIOS**********************************************/
#tabla-fastedit-usuarios{}

#tabla-fastedit-usuarios tr{-webkit-transition:all 0.3s ease-out;
  -moz-transition:all 0.3s ease-out;
  -o-transition:all 0.3s ease-out;}
#tabla-fastedit-usuarios tr:hover{
	background:#d6e3c6;}

/*#tabla-fastedit-usuarios tr:nth-of-type(even){
	background:#e5eedb;}*/
































/*Paginas de Ordenamiento del Arbol de contenidos y productos*/

ul#lista, ul#listasubcategoria, ul#listasubsubcategoria, ul#listaproductosarticulos {
	list-style: none;


}

ul#lista a, ul#listasubcategoria a, ul#listasubsubcategoria a, ul#listaproductosarticulos a {
	display:block;
	cursor:pointer;
}



ul#lista li, ul#listasubcategoria li, ul#listasubsubcategoria li, ul#listaproductosarticulos li{
	margin:0 0 10px 0;
	display:block!important;
	box-shadow:1px 1px 3px rgba(0,0,0,0.2);
-moz-box-shadow:1px 1px 3px rgba(0,0,0,0.2);
-webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.2);
}

#lista2 {
	list-style: none;

	margin-left: -40px;
}








span#warning {
	font-size:11px;
}



























/*Popups*/

.popup-instrucciones {
	font-size:13px;
	background:rgba(255,255,255,0.4);
	padding:10px;
	}


.error{ background-color:#F00;
color:#FFF;
font-size:15px;}

.popup-instrucciones ul{ margin:15px;}

.popup-instrucciones ul li{ margin:0 0 10px 0;
list-style-type:circle;
list-style-position:inside;}



	.inpar{
		background-color:#f8f8f8;}



#error{}












/*Pagina de editar categoria*/

img#imagencategoria{
	width:auto;
	max-width:400px;
	-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-ms-box-sizing: border-box;
padding:10px;
background-color:rgba(255,255,255,0.5);}

#caption{ font-size:11px; margin:0 0 10px 0;}































/*Pagina de detalle de producto y articulo*/

#imagenpreview{ max-width:100px;}















/* botones  *************************************/

.form-button, .boton {
font-size:14px;
text-transform:uppercase;
background-color:#11cdcb;
color:#FFF;
border:none;
padding:10px 17px;
cursor:pointer;
margin:5px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-khtml-border-radius:3px;
border-radius:3px;
display:inline-block;
}


  a.botonactivo {
	 display:inline-block;
		padding: 10px 17px;
		margin:0;
		border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-khtml-border-radius:3px;
background: #ff7d2f;
color:#fff;
text-decoration: none;
	font-size:14px;
	-webkit-transition:all 0.3s ease-out;
  -moz-transition:all 0.3s ease-out;
  -o-transition:all 0.3s ease-out;
  text-transform:uppercase;
		font-family:din;

  }

.form-button:hover, .boton:hover {
	color: #fff!important;
	background-color: #103650;

}


/*cerro botones **********************************/
































/* NUEVAS ORDENES DE COMPRA  *************************************/

.orden{ margin:0 0 20px 0; background-color:#FFF; padding:15px;
font-size:13px;
position:relative;
border:solid 1px rgba(0,0,0,0.1);
-moz-border-radius:3px;
-webkit-border-radius:3px;
-khtml-border-radius:3px;
border-radius:3px;
-webkit-transition:all 0.3s ease-out 0s;
  -moz-transition:all 0.3s ease-out 0s;
  -o-transition:all 0.3s ease-out 0s;
		cursor:pointer;}

.orden:hover{ background-color:#e9f5f4; }


.nueva{ border:solid 1px rgba(0,0,0,0.4);
}

.orden #checkboxordendecompra, .orden #checkboxpago{ float:left; margin: 0 10px 10px 0;}

.orden #checkboxordendecompra input[type="checkbox"], .orden #checkboxpago input[type="checkbox"]{ height:17px;
width:17px;
}

.orden #botones{ float:right; text-align:right;}
.orden #botones a{ font-size:19px; letter-spacing:0; display:inline-block; margin:0 0 0 8px; }
.orden #botones a:before{letter-spacing:0; }

.orden #ordenid{}
.orden.nueva #ordenid{ font-weight:bold;}

.orden #ordenid:before{ content:"Orden ID:";
font-family:tahoma;
letter-spacing:normal;}

.orden #ordenid.pagoid:before{ content:"Pago ID:";
}

.orden #usuario{
	float:none;
	clear:both;
	font-size:25px;
	line-height:20px;
	color:#103650;
}

.orden #usuario #nombre a{ font-size:14px;
color:#999;

}

.orden #usuario #botonesusuario{ margin:0 0 20px 0;}
.orden #usuario #botonesusuario a{ font-size:15px;}

.orden #productos{ margin:0 0 20px 0; line-height:1.5em;}

.orden #productos:before,.orden #monto:before, .orden #status:before, .orden #datosdelpago:before{
font-family:tahoma;
letter-spacing:normal;
display:block;
margin:0 0 5px 0;
padding:0 0 5px 0;
border-bottom:dotted 1px rgba(0,0,0,0.2);
font-size:17px;
color:#666;
}

.orden #productos:before{ content:"Productos";}
.orden #monto:before{ content:"Monto";}
.orden #status:before{ content:"Status ";}
.orden #datosdelpago:before{ content:"Datos del Pago ";}


.orden #monto, .orden #status{
width:50%;}

.orden #monto{ float:left; font-size:16px;}

.orden #status{ float:right; text-align:right;}

.orden #datosdelpago #datodelpago{
	margin:0 0 5px 0;}









.reducida{ padding:10px;}
.reducida #usuario #botonesusuario{ margin:0;}
.reducida #monto, .reducida #status, .reducida #productos, .reducida #datosdelpago{display:none;}


/*cerro NUEVAS ORDENES DE COMPRA **********************************/

























/* NUEVOS ESTILOS DE TABLAS  *************************************/

	.ntabla{ background:#fff; width:100%;
	padding:5px;
	-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-ms-box-sizing: border-box;
border:solid 1px rgba(0,0,0,0.15);    }

.ntabla td:last-child{ border-bottom:none!important;
}








@media only screen and (max-width:650px) {

td.td-form-title, td.td-content, td.td-headertabla{display:block!important;
width:100%!important;
text-align:left!important;
padding:5px!important;
border:none!important;
border-bottom:solid 1px rgba(0,0,0,0.1)!important;
-moz-border-radius:0;
-webkit-border-radius:0;
-khtml-border-radius:0;
border-radius:0;
margin:0!important;
box-shadow: none;
-moz-box-shadow:none;
-webkit-box-shadow:none;
}


}



tr:hover{ background:#f2f2f2;}
/* NUEVOS ESTILOS DE TABLAS  *************************************/




























/*Cajitas nuevas para suplantar tablas*/

.ncajita{ display:inline-block;
padding:10px;
border:solid 1px rgba(0,0,0,0.15);
-moz-border-radius:3px;
-webkit-border-radius:3px;
-khtml-border-radius:3px;
border-radius:3px;
min-height:60px;
margin:0 2% 10px 0;
position:relative;
width:23.5%;
vertical-align:top;
background:#fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-ms-box-sizing: border-box;    }

.larga{ width:46%}
.largatoda{ width:100%}


@media only screen and (max-width:650px) {

.ncajita{ display:block;
min-height: inherit;
margin:0 0 10px 0;
width:100%!important;
}


}

.ncajita:nth-of-type(4n){ margin-right:0;}

.ncajita .ntit{ font-size:13px;
color:#103650;
margin:0 0 5px 0;

}

.ncajita input{ width:100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-ms-box-sizing: border-box;
margin:0!important;    }




























/* iconos  *************************************/

.disabled{ color:#CCC;}
.iconogrande{ font-size:20px;}




.ayuda:before, .help:before{ content:"\f059";}
.opciones:before{ content:"\f013";}
.index:before{ content:"\f015";}
.contenido:before{ content:"\f0ae";}
.productos:before{ content:"\f030";}
.usuarios:before{ content:"\f0c0";}
.ordenes:before{ content:"\f07a";}
.pagos:before{ content:"\f0d6";}
.envios:before{ content:"\f0d1";}
.comentarios:before{ content:"\f0e6";}
.banners:before{ content:"\f140";}


.backup:before{ content:"\f187";}
.identidad:before{ content:"\f06e";}
.moneda:before{ content:"\f0d6";}
.popup:before{ content:"\f109";}
.mensajes:before{ content:"\f0e0";}
.datospago:before{ content:"\f09d";}
.imagenes:before{ content:"\f03e";}
.ordenesautomaticas:before{ content:"\f135";}
.importremplazar:before{content: "\f074";}
.importagregar:before{content: "\f067";}


.ok:before{content:"\f0c7";}
.save:before{content:"\f0a0";}
.quit:before{content:"\f00d";}
.volver:before{content:"\f053";}
.print:before{content:"\f02f";}
.enviar:before{content:"\f0e0";}
.duplicado:before{content:"\f0c5";}
.borrar:before{content: "\f05c";}
.home:before{ content:"\f021"}
.admin:before{ content:"\f132";}
.opciones:before{ content:"\f013";}
.buscar:before{ content:"\f002";}
.agregar:before{ content:"\f067";}
.categorias:before{ content:"\f009";}
.fast:before{ content:"\f0e7";}
.anuncio:before{ content:"\f0a1";}
.camposadicionales:before{ content:"\f03c";}
.upload:before{ content:"\f093";}
.download:before{ content:"\f019";}

.variacion:before{ content:"\f02c";}
.ordenar:before{content:"\f160";}
.editar:before{ content:"\f044";}
.agregarcategoria:before{ content: "\f114";}
.agregararticulo:before{ content: "\f016";}
.agregarcategoria:hover:before,
.agregararticulo:hover:before{ content: "\f067";}


.privada:before{content:"\f084";}
.externo:before{ content:"\f08e";}
.mover:before{ content: "\f047";}
.activox:before{ content:"\f06e";}
.inactivox:before{ content:"\f070";}
.arbol:before{ content:"\f0e8";}
.descuentos:before{ content:"\f004";}
.footer:before{ content:"\f019";}
.codigohtml:before{ content:"\f0f6";}
.aceptar:before{ content:"\f00c";}
.rechazar:before{ content:"\f05e";}
.usuario:before{ content:"\f11a";}
.toggle:before{ content:"\f150";}
.irizquierda:before{ content:"\f0a8";}
.irderecha:before{ content:"\f0a9";}
.subir:before{ content:"\f0aa";}
.bajar:before{ content:"\f0ab";}
.pointer{ cursor:pointer;}
.fastedit:before{content:"\f0e7";}


/*Clase para los iconos de AYUDA DE SVCMS*/
.iconos {
	color: #103650;
	font-size: 22px;
	margin: 0px 5px;
}	










/*cerro iconos **********************************/









































/* Imagenes del iframe de editar articulo   *************************************/

body.imgs{ text-align:center;
height:100%;
padding:10px;
}

body.imgs #imagen{ display:inline-block;
background:#FFF;
padding:7px;
text-align:center;
font-size:11px;
margin:0 10px 10px 0;}

body.imgs #imagen:hover{
	background:#DBDBDB;}


body.imgs #imagen img{ display:block;
width:100px;
margin:0 0 5px 0;}


body.imgs #imagen span#nombre{ display:block;
margin:0 0 5px 0;}


body.imgs #imagen a.instruccion{ font-size:13px!important;}










iframe#imagenes{ height:500px;
width:100%;
border:none; padding:10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-ms-box-sizing: border-box;
display:block;}







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



/*cerro  Imagenes del iframe de editar articulo  **********************************/






#guardado{ position:fixed;
top:30px;
right:30px;
padding:15px;
background-color:#FFFFC4;
font-size:12px;
text-align:center;
z-index:1;
transition:all 0.3s linear;
opacity:0;
}



#guardado.visible{ opacity:1;
z-index:100; }








/*google_translate_element***********************/

#google_translate_element{ position:absolute; top:0;
right:0;}




/*editor de texto mce*/

/*.mce-edit-area.mce-container.mce-panel.mce-stack-layout-item{
	height: 400px !important;
    overflow: scroll !important;	
}*/















.videowrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videowrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*
     FILE ARCHIVED ON 17:03:25 Apr 25, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 17:44:03 Jun 28, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.595
  exclusion.robots: 0.069
  exclusion.robots.policy: 0.056
  esindex: 0.012
  cdx.remote: 10.669
  LoadShardBlock: 91.871 (3)
  PetaboxLoader3.datanode: 167.193 (5)
  PetaboxLoader3.resolve: 316.833 (2)
  load_resource: 427.267
  loaddict: 106.537
*/