@media (min-width:769px) and (max-width: 1024px) {
  @font-face {
      font-family: 'Web Symbols';
      src: url('websymbols-regular-webfont.ttf') format('opentype');
      font-weight: normal;
      font-style: normal;
  }
  .alertas{
    border-radius: 8px 8px 8px 8px;
    border: solid 1px #c96403 ;
    margin-left:auto;
    margin-right:auto;
    width:80%;
    padding:15px;

  }
  .icons{
    height: 50px;
    width: 50px;

  }
  .paneles{
    position: absolute;
    width: 90%;
    padding: 0;
    border-radius: 2%;
    box-shadow: 0 -2px 1px 1px #535353,-1px 0 #797979, 1px 0 #797979, 0 2px 1px 1px #535353;
    margin-top: 10px;
    left:5%;
    padding-top: 10px;
    max-height: 80%;
    z-index:1;
    font-size: 22px;
    overflow: hidden scroll;

  }
  .pointer{
    cursor:pointer;
  }
  .eliminarWS{
    cursor:pointer;
    font-family: 'Web Symbols';
    color:#bb1414;
    border: solid;
    border-width:1px;
    border-radius:5px;
    border-color: black;
    height: 18px;
    width: 18px;
    padding:1px 2px 1px 2px;
  }
  .botonBarra{
    border-width:1px;
    border-radius:5px;
    background: radial-gradient(ellipse, #9f9f9f, #afafaf);
    user-select: none;
    width: 26%;
  }
  .botonBarra:hover{
    border-color: #a5a5a5;
    border-width:1px;
    border-radius:5px;
    background: radial-gradient(ellipse, #dbdbdb, #c4c4c4);
    user-select: none;
    width: 26%;
  }
  .botonBarraSeleccionada{
    border-color: #a5a5a5;
    border-bottom: #808080;
    position: relative;
    top:2px;
    border-radius:5px 5px 0 0;
    border-width:1px;
    background: radial-gradient(ellipse, #dbdbdb, #c4c4c4);
    user-select: none;
    width: 26%;
  }

  .boton{
    width: 102px;
    height: 32px;
    text-align: center;
    padding-top: 10px;
    float: right;
    background-image: url(../RESOURCES/logginboton.png);
    background-repeat: no-repeat;
    background-position: center;
  }
  .botonNormal{
    width: 102px;
    height: 32px;
    text-align: center;
    padding-top: 10px;
    margin-right:20px;
    margin-bottom:15px;
    background-image: url(../RESOURCES/logginboton.png);
    background-repeat: no-repeat;
    background-position: center;
    float: right;

  }
  .divContenidoIncidencia{
    width: 94%;
    margin-right: auto;
    margin-left: auto;
    border: solid 1px;
    border-color: black;
    background-color: #d7d7d7;
    border-radius: 5px;
    color: black;
    padding: 10px;
    box-shadow: 10px 10px 5px #888;
    margin-bottom: 15px;
    cursor: pointer;

  }
  .labelLoggin{
    position: relative;
    top: 5px;
  }
  .opcionControl{
    background:#e6e6e6;
    margin-right:auto;
    margin-left:15px;
    width:80px;
    display:inline;
    padding:10px 10px 26px 10px;
    border-radius: 8px 8px 0px 0px;
    border: solid 1px #c96403 ;
    border-bottom:0px;
    box-shadow: 0px -3px 3px #c96403;
    -moz-user-select: -moz-none;
      -khtml-user-select: none;
      -webkit-user-select: none;
    cursor:pointer;
    background: -webkit-linear-gradient(#e6e6e6, white); /* For Safari 5.1 to 6.0 */
      background: -o-linear-gradient(#e6e6e6, white); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#e6e6e6, white); /* For Firefox 3.6 to 15 */
      background: linear-gradient(#e6e6e6, white); /* Standard syntax */



  }
  .opcionControlOver{
    background:#e6e6e6;
    margin-right:auto;
    margin-left:15px;
    width:80px;
    display:inline;
    padding:6px 10px 10px 10px;
    border-radius: 8px 8px 0px 0px;
    border: solid 1px #c96403 ;
    border-bottom:0px;
    box-shadow: 0px 7px 7px #306091;
    -moz-user-select: -moz-none;
      -khtml-user-select: none;
      -webkit-user-select: none;
    cursor:pointer;

  }

  .opcionControlNS{
    background:#e6e6e6;
    margin-right:auto;
    margin-left:15px;
    width:80px;
    display:inline;
    padding:6px 10px 10px 10px;
    border-radius: 8px 8px 0px 0px;
    border: solid 1px #306091 ;
    border-bottom:0px;
    box-shadow: 0px 3px 3px #306091;
    -moz-user-select: -moz-none;
      -khtml-user-select: none;
      -webkit-user-select: none;
    cursor:pointer;



  }
  .opcionesListado{
    text-align:center;
    margin-left: auto;
    margin-right: auto;
    font-size: 20px;
    margin-top: 10px;

  }
  .websymbol{
    font-family: 'Web Symbols';
    cursor:pointer;
  }
  .websymbolOver{
    font-family: 'Web Symbols';
    cursor:pointer;
    color:red;
  }

  #divDialogoSiNo,#divDialogoAdvertencia,#divDialogoPrimera{
    position: fixed;
    left:0px;
    top:0px;
    margin:0px;
    height: 100%;
    width: 100%;
    background: black;
    background-color: rgba(0,0,0,0.7);
    z-index: 5;
  }
  #divPanelDialogoSiNo,#divPanelDialogoAdvertencia,#divPanelPrimera{
    text-align: center;
    display:block;
    margin-top: 200px;
    margin-left: auto;
    margin-right: auto;
    width:600px;
    border:solid black 1px;
    border-radius: 3px;
    background-color:#c7c7c7;
    background:-moz-radial-gradient(ellipse cover,  #c7c7c7 60%, #868686);
    padding:2px 20px 20px 20px;

  }
  #divPanelPrincipal{
    margin-left:auto;
    margin-right:auto;
    margin-top:14px;
    width:85%;
    height:90%;
    background:white;
    box-shadow: 0px -3px 3px #c96403;
    border-radius: 8px 8px 8px 8px;
    border: solid 1px #c96403 ;

  }
  #cuerpo {
    background-color: #E6E6E6;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    font-size: 22px;
  }

  #panelPrincipal{
    z-index: 5;
  }
  #panelprincipal{
    background-image: url(../RESOURCES/barraseccion.png);
    background-repeat: no-repeat;
    background-position: center;
  }
  #panelprincipalsel{
    background-image: url(../RESOURCES/barraseccionseleccionada.png);
    background-repeat: no-repeat;
    background-position: center;
  }
  #panelSituacionInt{
    height: 700px;
  }
  #cabecera {
  background: url(../RESOURCES/tituloY2.png);
    background-repeat: repeat-x;
  }
  #contactoNombre{
    width:85%;
    font-size: 18px;
  }
  #contactoCorreo{
    width:85%;
    font-size: 18px;
  }
  #contactoConsulta{
    width:85%;
    height: 100px;
    font-size: 18px;
  }
  #contactoTabla{
    width: 100%;
  }
  #titulo {
    height: 120px;
    width: 800px;
    background: url(../RESOURCES/titulo6.png);
    z-index: 1;
  }
  #barra {
    height: 45px;
    background: url(../RESOURCES/barraY2.png);
    background-repeat: repeat-x;
    width: 100%;
  }
  #backgroundimagen{
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    border-radius:13px;
    behavior:url(../RESOURCES/border-radius.htc);
    border: solid;
    border-color: #32689A;
    width: 50%;
    height: 200px;
    background-image: url(../RESOURCES/../fotos/atencioncliente2.jpeg);
    background-repeat: no-repeat;
    background-size:100% 100%;
      -webkit-background-size:100% 100%;
      -khtml-background-size:100% 100%;
      -moz-background-size:100% 100%;
  }
  #tablabarra {
	height: 50px;
	width: 75%;
	font-size: 18px;
	position: relative;
	top: -15px;
}
  #imagen{
    -moz-border-radius:13px;
    -webkit-border-radius:13px;
    border-radius:13px;
    behavior:url(../RESOURCES/border-radius.htc);
  }
  #imagenPresupuesto{
    height:80px;
    width:60px;
  }
  #imagenRemesa{
    height:80px;
    width:60px;
  }
  #imagenRevision{
    height:80px;
    width:80px;
  }
  #imagenGestiones{
    height:80px;
    width:100px;
  }
  #imagenDocumentacion{
    height:80px;
    width:100px;
  }
  #imagenSeguro{
    height:80px;
    width:80px;
  }


  #imagentitulo{
    position:absolute;
    top:25px;
    left: 10px;
    z-index: 0;

  }
  #piecontenido {
    background: url(../RESOURCES/pie2.png);
    height: 30px;
    width:100%;
    margin: 0px;
    bottom: 0px;
    position: fixed;
    background-repeat: repeat-x;
    color:yellow;
    font-size: small;
  }
  #pietexto{
    padding-top: 15px;
  }

  #contenido{


  }
  #contenidosesion{
    width: 1050px;
    padding: 0px;
  }
  #principalsesion{
    margin-left: 240px;
  }
  #cabcontenido{
    width: 80%;
    height: 20px;
    background-image: url(../RESOURCES/cabcont2.png);
    }
  #concontenido{
      padding: 0;
      margin: 0;
      width: 80%;
      background-image: url(../RESOURCES/cuerpcont2.png);
      background-repeat: repeat-y;

  }
  #contenidotexto{
    padding: 30px;
  }
  #piecont{
    width: 800px;
    height: 20px;
    background-image: url(../RESOURCES/piecont2.png);
    margin-bottom: 50px;
    }
  #loggincab{
    width: 400px;
    height: 20px;
    background-image: url(../RESOURCES/loggincab.png);
  }
  #labeltitulo{
    margin: 20px;
    display: inline-block;
  }
  .labelexplicacion{
    display: inline-block;
    margin: 30px;
    width: 90%;
    text-align: justify;
  }
  #labelContacto{
    display: inline-block;
    margin: 30px;
    width: 80%;
    text-align: justify;
  }
  #labelSituacion{
    display: inline-block;
    margin: 30px;
    width: 80%;
    text-align: justify;
  }
  #loggincont{
    width: 400px;
    background-image: url(../RESOURCES/loggincont.png);
    background-repeat: repeat-y;
  }
  #logginpie{
    width: 400px;
    height: 20px;
    background-image: url(../RESOURCES/logginpie.png);
  }
  #loggin{
    padding: 10px;
  }
  #logginboton{
    margin-bottom: 20px;
    padding-top: 1px;
    width: 120px;
    height: 40px;
    border-radius: 20px 20px 20px 20px;
    background: radial-gradient(ellipse, #aecee6, #106998);
    user-select: none;
    border:solid 2px black;
  }
  #logginboton:hover{
    margin-bottom: 20px;
    padding-top: 1px;
    width: 120px;
    height: 40px;
    border-radius: 20px 20px 20px 20px;
    background: radial-gradient(ellipse, #aecee6, #106998);
    user-select: none;
    border:solid 2px #0091ac;
  }
  #logginbottontex{
  padding-top: 6px;
  }
  #logginrow{
    margin-bottom: 10px;
  }
  #logginmensaje{
    color:red;
  }
  #clientesUsuario{
    width: 90%;
    font-size: 18px;
  }
  #clientesClave{
    width: 90%;
    font-size: 18px;
  }
  #clientesTabla{
    width: 100%;
  }
  #contacformcab{
    width: 600px;
    height: 20px;
    background-image: url(../RESOURCES/contactoformcab.png);
  }
  #contacformcont{
    width: 600px;
    background-image: url(../RESOURCES/contactoformcont.png);
    background-repeat: repeat-y;
  }
  #contacformpie{
    width: 600px;
    height: 20px;
    background-image: url(../RESOURCES/contactoformpie.png);
  }
  #consulta{
    font-family:microsoft sans serif;
    width: 98%;
    height: 100px;
    font-size: 13px;
  }
  #pconsulta{
    margin-bottom: 95px;
  }
  #loggincontactomensaje{
    color:red;
    display: none;
  }
  #cabcontenidosesion {
    width: 760px;
    height: 20px;
    background-image: url(../RESOURCES/cabcontses.png);
  }
  #contcontenidosesion{
    width: 760px;
    background-image: url(../RESOURCES/contcontses.png);
    background-repeat: repeat-y;
    color:yellow;
  }
  #mapIframe{
    width: 90%;
    height: 450px;
  }
  #piecontenidosesion{
    width: 760px;
    height: 20px;
    background-image: url(../RESOURCES/piecontses.png);
  }
  #tablasesion{
    margin-left: ;
    width: 95%;
  }
  #opcionesControl{
    text-align:center;
    height:30px;
    box-shadow: 0px 3px 3px #306091;
  }
  #optioncab {
    margin-left: 20px;
    width: 200px;
    height: 20px;
    background-image: url(../RESOURCES/optioncab.png);
  }
  #optioncont {
    margin-left: 20px;
    width: 200px;
    background-image: url(../RESOURCES/optioncont.png);
    background-repeat: repeat-y;
  }
  #optionpie {
    margin-left: 20px;
    width: 200px;
    height: 20px;
    background-image: url(../RESOURCES/optionpie.png);

  }
  .optionboton {
    width: 168px;
    height: 30px;
    background-repeat: no-repeat;
    font-size: 16px;
  }
  .suboptionboton{
    height: 20px;
    background-image: url(../RESOURCES/suboptionboton.png);
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    font-size: 14px;
  }
  #opcionescontenido {
    text-align: justify;
    padding: 35px;

  }
  #opciones{
    float:left;
    margin: 0;
  }
  #cabeceratabla{
    background-color:#336699 ;
    width: 100%;
    text-align: center;
  }
  .textoservicios {
    color:#2E5C8B;
  }
  .rowservicios {

  }
  .explicacionservicios{

  padding-left: 20px;
  padding-right: 20px;
  }
  #botonCrearUsuarios{
    width: 102px;
    height: 32px;
    text-align: center;
    padding-top: 10px;
    float: right;
    background-image: url(../RESOURCES/logginboton.png);
    background-repeat: no-repeat;
    background-position: center;
  }
  #usuarioseliminarboton{
    width: 102px;
    height: 32px;
    text-align: center;
    padding-top: 10px;
    float: right;
    background-image: url(../RESOURCES/logginboton.png);
    background-repeat: no-repeat;
    background-position: center;
  }
  .botonaccionopciones{
    width: 102px;
    height: 32px;
    text-align: center;
    padding-top: 10px;
    float: right;
    background-image: url(../RESOURCES/logginboton.png);
    background-repeat: no-repeat;
    background-position: center;
  }
  #oculto{
    display: none;
  }
  #oculto2{
    text-align: left;
    padding-left: 30px;
    padding-right: 30px;
  }
  .cabeditusuario{
    width: 700px;
    height: 20px;
    background-image: url(../RESOURCES/cabeditusuario.png);

  }
  .conteditusuario{
    width: 700px;
    background-image: url(../RESOURCES/conteditusuario.png);
    background-repeat: repeat-y;
  }
  .pieeditusuario {
    width: 700px;
    height: 20px;
    background-image: url(../RESOURCES/pieeditusuario.png);
  }
  .editarusuarioboton{
    width: 102px;
    height: 32px;
    text-align: center;
    padding-top: 10px;
    margin-right: 30px;
    background-image: url(../RESOURCES/logginboton.png);
    background-repeat: no-repeat;
    background-position: center;
  }
  .texto{
    padding: 25px;
  }

}
@media (min-height:401px) and (max-height: 768px) {
  #panelInicioInt{
    height: 500px;
  }
  #panelSituacionInt {
	   height: 500px;
  }
}