@media all {
   div.saltopagina{
      display: none;
   }
}
   
@media print{
   div.saltopagina{ 
      display:block; 
      page-break-before:always;
   }
}
body {
background: url(../imagenes/fondo/fondo.png);
}
.divbody
{
/*background-image: -webkit-gradient(linear, 0% 0%, 50% 0%, from(#ccc), to(#fff));/*Para chrome y Safari*/
/*background-image: -moz-linear-gradient(0% 50%, #ccc, #fff);/*Para Firefox*/
/*background-image: -o-linear-gradient(left, #ccc, #fff);/*Para Opera*/
/*background-image: linear-gradient(left, #ccc, #fff);/*El estandar por defecto*/
border:2px solid black;
border-top:4px solid red;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
font-family: "Fjalla One", "Arial Narrow", Arial, Helvetica, sans-serif;
min-width:1050px;
min-height:550px;
text-align:center;
}
.divbody2
{
background-image:url('../imagenes/logos/jv.png');
background-repeat:no-repeat;
background-position:center center;
background-size: 40%;
}
.panel2
{
margin:auto;
/*background-color:blue;*/
/*float:right;*/
padding:0 10px 20px 10px;
min-width: 1050px;
min-height:600px;
}
.piedepag
{
color:#0072C6;
bottom:0px;
margin:auto;
padding:0px 10px 5px 10px;
min-height:20px;
font-size:16px;
font-weight: bold;
}
.pie2
{
bottom:0px;
margin:auto;
padding:0px;
font-size:10px;
}
/*/ formularios /*/
.login
{
background: white;
padding:12px;
border:2px double black;
font-family: "Fjalla One", "Arial Narrow", Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center;
margin:auto;
width: 300px;
border-radius: 20px;/*estandar*/
-moz-border-radius: 20px;/*-moz- tipo mozilla*/
-webkit-border-radius: 20px;/*-webkit- tipo chrome*/
box-shadow: 8px 8px 13px rgba(0,0,0,0.6);
-moz-box-shadow: 8px 8px 13px rgba(0,0,0,0.6);
-webkit-box-shadow: 8px 8px 13px rgba(0,0,0,0.6);
}
/*/ tablas /*/
.parametros
{
background: #D3E4E5;
background: #F4F4F4;
background: -moz-linear-gradient(top, #F4F4F4, #EEEEEE);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F4F4), to(#EEEEEE));
	
border: 1px solid gray;
border-collapse: collapse;
margin: 0px auto;
font-size:12px;
}
.paramtros tr
{
border: 1px dotted gray;
}
.parametros tr:hover { background:#99BCBF;
 border:1px solid #03476F;
 color:#000000;
}
.parametros td a { color:#000000;
 text-decoration:none;
}
.parametros td a:visited { color:#000000;
 text-decoration:line-through;
}
.parametros td a:hover { text-decoration:underline;
}
.parametros th a { color:#000000;
 font-weight:bold;
 text-decoration:none;
}
.parametros th a:hover { color:#fff;
}
.parametros th
{
text-align:center;
font-weight: bold;
border: 1px dotted gray;
}
.parametros td
{
border: 1px dotted gray;
font-size:12px;
vertical-align:middle;
}
.tablas { 
background:#D3E4E5;
background: #F4F4F4;
background: -moz-linear-gradient(top, #F4F4F4, #EEEEEE);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F4F4), to(#EEEEEE));
border:1px solid gray;
border-collapse:collapse;
color:#000000;
margin: 0px auto; /* centrar con firefox */
}
.tablas tr { border:1px dotted gray;
}
.tablas th, .tablas td { 
/*color: #363636;*/
padding: .4em;
font: normal 14px verdana, arial, helvetica, sans-serif;
}
.tablas th
{
font-weight: bold;
}
.tablas td { text-align:left;
 vertical-align:middle;
}
.tablas tr:hover { background:#99BCBF;
 border:1px solid #03476F;
 color:#000000;
}
/*/ objetos de datos /*/
input[type="text"] ,input[type="number"]
{
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
width: 150px;
}
input[type="text"].id,.sperfildnt, input[type="number"].id
{
width: 50px;
}
input[type="text"].id2
{
width: 35px;
text-align:center;
}
input[type="text"].sperfil2,input[type="password"].sperfil2,input[type="tel"].sperfil2,input[type="email"].sperfil2,input[type="date"].sperfil2
{
width: 250px;
}
input[type="text"].sperfil3,input[type="date"].sperfil3
{
width: 140px;
}
input[type="date"].sperfil32,input[type="text"].sperfil32
{
width: 130px;
}
input[type="text"].sperfil3doble,input[type="email"].sperfil3doble,select.sperfil3doble
{
width: 500px;
}
.sperfil2texto
{
width: 200px;
font-size:10px;
min-height:22px;
}
.sperfil2texto2
{
width: 150px;
font-size:10px;
min-height:22px;
}
input[type="tel"] 
{
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
width: 150px;
}
input[type="email"] 
{
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
width: 150px;
}
input[type="date"] 
{
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
width: 150px;
}
input[type="time"] 
{
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
width: 150px;
}
input[type="password"] 
{
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
width: 150px;
}
select.sperfil
{
width: 150px;
}
select.sperfil3
{
width: 130px;
}
.sperfil2
{
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
width: 250px;
}
select
{
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
/*/ botones /*/
.btn 
{
font-weight:bold;
font-size:14px;
display: block;
margin: auto;
/*min-width: 20px;*/
cursor: pointer;
color:white;
/*background-color:#9dbb41;*/
background: #bfd255; /* Old browsers */
background: -moz-linear-gradient(top, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bfd255), color-stop(50%,#8eb92a), color-stop(51%,#72aa00), color-stop(100%,#9ecb2d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* IE10+ */
background: linear-gradient(to bottom, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0 ); /* IE6-9 */
border-bottom: 1px solid;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
box-shadow: 0 1px 3px rgba(0,0,0,0.6);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}
.btn12{
background: #6db3f2; /* Old browsers */
background: -moz-linear-gradient(top,  #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6db3f2), color-stop(50%,#54a3ee), color-stop(51%,#3690f0), color-stop(100%,#1e69de)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* IE10+ */
background: linear-gradient(to bottom,  #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 ); /* IE6-9 */
}
.btn:hover
{
background-color:red;
background: #959595; /* Old browsers */
background: -moz-linear-gradient(top, #959595 0%, #0d0d0d 46%, #010101 50%, #0a0a0a 53%, #4e4e4e 76%, #383838 87%, #1b1b1b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#959595), color-stop(46%,#0d0d0d), color-stop(50%,#010101), color-stop(53%,#0a0a0a), color-stop(76%,#4e4e4e), color-stop(87%,#383838), color-stop(100%,#1b1b1b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); /* IE10+ */
background: linear-gradient(to bottom, #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#959595', endColorstr='#1b1b1b',GradientType=0 ); /* IE6-9 */
}
.btn2 
{
font-weight:bold;
font-size:14px;
display: block;
margin: auto;
/*width: 80px;*/
cursor: pointer;
color:white;
/*background-color:#9dbb41;*/
background: #f85032; /* Old browsers */
background: -moz-linear-gradient(top,  #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f85032), color-stop(50%,#f16f5c), color-stop(51%,#f6290c), color-stop(71%,#f02f17), color-stop(100%,#e73827)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=0 ); /* IE6-9 */
border-bottom: 1px solid;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
box-shadow: 0 1px 3px rgba(0,0,0,0.6);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}
.btn2:hover
{
background-color:red;
background: #959595; /* Old browsers */
background: -moz-linear-gradient(top, #959595 0%, #0d0d0d 46%, #010101 50%, #0a0a0a 53%, #4e4e4e 76%, #383838 87%, #1b1b1b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#959595), color-stop(46%,#0d0d0d), color-stop(50%,#010101), color-stop(53%,#0a0a0a), color-stop(76%,#4e4e4e), color-stop(87%,#383838), color-stop(100%,#1b1b1b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); /* IE10+ */
background: linear-gradient(to bottom, #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#959595', endColorstr='#1b1b1b',GradientType=0 ); /* IE6-9 */
}
.btncese
{
font-style:italic;
font-weight:bold;
font-size:12px;
cursor: pointer;
color:white;
background-color:#9dbb41;
border-bottom: 1px solid;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
box-shadow: 0 1px 3px rgba(0,0,0,0.6);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}
.btncese:hover
{
background-color:red;
}
/*/ imagenes /*/
.cargando
{
width: 20px;
height: 20px;
}
.factura th
{
	text-align:left;
	border:0px solid black;
}
.factura td
{
	text-align:center;
	border:1px solid black;
	border-radius: 8px;/*estandar*/
	-moz-border-radius: 8px;/*-moz- tipo mozilla*/
	-webkit-border-radius: 8px;/*-webkit- tipo chrome*/
}
.factura th.th1
{
	width: 200px;
}
.factura th.th2
{
	text-align: right;
	width: 200px;
}
.factura th.th3
{
	font-size:12px;
}
.blanco{
background: white;
}
.emergente{
	background-color:white;
	position:absolute;
	width:100%;
	height:810px;
	top:3px;
	left:8px;
	z-index:10000;
	background-image: url(../imagenes/fondo/fondo.png);
}

.divemergente{
	position:relative;
	width:950px;
	min-height:400px;
	margin-top:20px;
	border:2px solid #000;
	left:20%;
}
.divemergente2{
	position:relative;
	width:950px;
	min-height:400px;
	margin-top:80px;
	border:2px solid #000;
	left:20%;
}
.emergente > .divemergente {
	/*position:fixed;*/
}
.fotope
{
border: 2px groove #FFFFFF;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 0 2px 5px rgba(0,0,0,0.6);
-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.6);
-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.6);
text-align:center;
width: 200px;
}
.fotope-dm2
{
border: 2px groove #FFFFFF;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
/*box-shadow: 0 2px 5px rgba(0,0,0,0.6);
-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.6);
-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.6);
text-align:center;*/
width: 180px;
height: 180px;
}
.fotope-dm
{
/*border: 2px groove #FFFFFF;*/
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
/*box-shadow: 0 2px 5px rgba(0,0,0,0.6);
-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.6);
-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.6);
text-align:center;*/
width: 80px;
height: 80px;
}
.foto
{
border: 2px groove #FFFFFF;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 0 2px 5px rgba(0,0,0,0.6);
-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.6);
-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.6);
text-align:center;
width: 320px;
}
/* ========================= */
/* RESPONSIVE GLOBAL */
/* ========================= */

@media (max-width: 1024px) {
    .divbody,
    .panel2,
    .panel1 {
        min-width: 100%;
        width: 100%;
    }

    .divemergente,
    .divemergente2 {
        width: 95%;
        left: 2.5%;
    }
}

@media (max-width: 768px) {

    body {
        background-size: cover;
    }

    .divbody {
        border-radius: 0;
        border-left: 0;
        border-right: 0;
    }

    /* Formularios */
    input,
    select,
    textarea {
        width: 100% !important;
        max-width: 100%;
    }

    .login {
        width: 95%;
    }

    /* Tablas */
    table {
        width: 100%;
        display: block;
        overflow-x: auto;
    }

    /* Imágenes */
    img,
    .foto,
    .fotope {
        max-width: 100%;
        height: auto;
    }
}