@media (min-width:481px) and (max-width: 768px) {
  @font-face {
      font-family: 'Web Symbols';
      src: url(../RESOURCES/'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;

  }
  .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%;
    font-size: 15px;

  }
  .botonBarra:hover{
    border-color: #a5a5a5;
    border-width:1px;
    border-radius:5px;
    background: radial-gradient(ellipse, #dbdbdb, #c4c4c4);
    user-select: none;
    width: 27%;
  }
  .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: 27%;
  }

  .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;
  }
  .icons{
    height: 50px;
    width: 50px;

  }
  .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;

  }
  .paneles{
    position: absolute;
    width: 90%;
    padding: 0;
    padding-top: 0px;
    border-radius: 50px 50px 50px 50px;
    box-shadow: 0 -6px 3px 3px #535353,-3px 0 #797979, 3px 0 #797979, 0 6px 3px 3px #535353;
    left: 5%;
    padding-top: 10px;
    max-height: 80%;
    z-index: 1;
    font-size: 20px;
    overflow: hidden;
  }
  .panelAuxiliar{
    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;
    overflow: hidden;
    display: none;
  }
  .panelAuxiliarInterior{
    padding: 1%;
    text-align: center;
    display:block;
    margin-top: 5%;
    margin-left: auto;
    padding-bottom: 10%;
    margin-right: auto;
    width:90%;
    height:80%;
    overflow:auto;
    border:solid black 1px;
    border-radius: 3px;
    background-color:#e6e6e6;
    overflow: hidden;

  }
  .websymbol{
  	font-family: 'Web Symbols';
  	cursor:pointer;
  }
  .websymbolOver{
  	font-family: 'Web Symbols';
  	cursor:pointer;
  	color:red;
  }
  #clientesUsuario{
    width: 90%;
    font-size: 18px;
  }
  #clientesClave{
    width: 90%;
    font-size: 18px;
  }
  #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;
  }
  #mapIframe{
    width: 80%;
    height: 70%;
  }
  #panelSituacionInt{
    height: 500px;
  }
  #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;
  }
  #panelInicioInt{
    overflow: scroll;
    height:750px;
  }
  #cabecera {
  background: url(../RESOURCES/tituloY2.png);
  	background-repeat: repeat-x;
  }
  #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%;

  }
  #barraInicio{
    width: 20%;
  }
  #barraContactar{
    width: 20%;
  }
  #barraSituacion{
    width: 20%;
  }
  #barraClientes{
    width: 30%;
  }
  #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: 35px;
    width:80%;
    margin-left: 15%;
  }
  #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;
  }
  #imagen{
  	-moz-border-radius:13px;
  	-webkit-border-radius:13px;
  	border-radius:13px;
  	behavior:url(../RESOURCES/border-radius.htc);
  }
  #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{
  		width: 800px;
  		padding: 0;
  		margin-bottom: 50px;
  		}
  #contenidosesion{
  	width: 1050px;
  	padding: 0px;
  }
  #principalsesion{
  	margin-left: 240px;
  }
  #cabcontenido{
  	width: 800px;
  	height: 20px;
  	background-image: url(../RESOURCES/cabcont2.png);
  	}
  #concontenido{
  		padding: 0;
  		margin: 0;
  		width: 800px;
  		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;
  }
  #labelContacto{
    display: inline-block;
    margin: 30px;
    width: 80%;
    text-align: justify;
  }
  #labelSituacion{
    display: inline-block;
    margin: 30px;
    width: 80%;
    text-align: justify;
  }
  #contactoNombre{
    width:85%;
    font-size: 18px;
  }
  #contactoCorreo{
    width:85%;
    font-size: 18px;
  }
  #contactoConsulta{
    width:85%;
    height: 100px;
    font-size: 18px;
  }
  #contactoTabla{
    width: 100%;
  }
  .labelexplicacion{
  	display: inline-block;
  	margin: 30px;
  	width: 500px;
  	text-align: justify;
  }
  .labelLoggin{
    position: relative;
    top: 6px;
  }
  #labelContacto{

  }
  #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;
  }
  #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;
  }
  #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;
  }
  .buttons {
	border-radius: 50%;
	position: relative;
	color: white;
	padding: 5px;
	font-size: 20px;
	cursor: pointer;
	margin-left: 6px;
  top:0px;
  }
  #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:0px) and (max-height: 400px) {
    .paneles{
      font-size: 16px;
    }
    .labelLoggin {
     position: relative;
	   top: 9px;
    }
     #cabecera{
       height: 50px;
     }
     #contactoNombre {
	     width: 85%;
	     font-size: 16px;
      }
      #contactoCorreo {
	     width: 85%;
	     font-size: 16px;
      }
      #contactoConsulta {
	     width: 85%;
	     height: 100px;
	     font-size: 16px;
      }
     #titulo {
       height: 48px;
       width: 316px;
       background: url(../RESOURCES/titulo320.png);
       z-index: 1;
     }
     #imagentitulo{
       display: none;
     }
     #cuerpo{
       font-size: 18px;
     }
     #panelInicioInt{
       height: 220px;
     }
     #panelContactarInt{
       height: 220px;
       overflow: auto;
     }
     #panelSituacionInt{
       height: 220px;
       overflow: auto;
     }
     #imagen{
       width: 100px;
     }
     #mapIframe {
	   width: 80%;
	   height: 70%;
     min-height: 200px;;
    }

}