@media (max-width: 480px) {
  @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%;
    height: 80%;
    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: 15px;
    overflow: hidden scroll;

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

  }

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

  }
  .botonBarra:hover{
    border-color: #a5a5a5;
    border-width:1px;
    border-radius:5px;
    background: radial-gradient(ellipse, #dbdbdb, #c4c4c4);
    user-select: none;

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

  }

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

  }
  .divTableExt{
    font-size: 150%;
  }
  .divTableDer{
    text-align: center
    width: 70%;
  }
  .labelLoggin{
    position: relative;
    top: 2px;
  }
  .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;
  }
  #barraInicio{
    width: 20%;
  }
  #barraContactar{
    width: 20%;
  }
  #barraSituacion{
    width: 20%;
  }
  #barraClientes{
    width: 38%;
  }

  #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 ;

  }

  #divMensajesVisor {
	margin-top: 5%;
	width: 95%;
	height: 94%;
	border: solid 1px black;
	border-radius: 5px;
	background: white;
	overflow-y: auto;
	font-size: 150%;
	margin-left: auto;
	margin-right: auto;
}
  #cuerpo {
  	background-color: #E6E6E6;
  	margin: 0px;
  	padding: 0px;
  	overflow: hidden;
    font-size: 10px;
  }

  #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;
  }
  #password{
    width: 80%;
  }
  #cabecera {
  background: url(../RESOURCES/tituloY2.png);
  	background-repeat: repeat-x;
  }
  #crearUsuario{
    font-size: 150%;
  }
  #contactoNombre{
    width:85%;
  }
  #contactoCorreo{
    width:85%;
  }
  #contactoConsulta{
    width:85%;
    height: 100px;
  }
  #titulo {
  	height: 48px;
  	width: 316px;
  	background: url(../RESOURCES/titulo320.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: 35px;
    font-size: 120%;
  }
  #tablaUsuarios{
  	margin:auto;
  	font-size: 150%;
    width: 100%;
  }
  #tablaHistorial{
  	margin:auto;
  	font-size: 150%;
  	width:90%;
  }
  #tablaComunidades{
  	margin:auto;
  	font-size: 150%;
  }
  #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;
    display: none;
  }
  #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: 80%;
  	text-align: justify;
  }

  .labelOut{
    margin-right: 5%;
    margin-top: 3%;
    right: 5%;
    position: absolute;
    background-color: #c8c8c8;
  	border: solid 1px;
  	border-radius: 4px;
  	padding: 2px;
  }
  #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: 100px;
    height: 35px;
    border-radius: 14px 14px 14px 14px;
    background: radial-gradient(ellipse, #aecee6, #106998);
    user-select: none;
    border:solid 1px black;
  }
  #logginboton:hover{
    margin-bottom: 20px;
    padding-top: 1px;
    width: 80px;
    height: 28px;
    border-radius: 14px 14px 14px 14px;
    background: radial-gradient(ellipse, #aecee6, #106998);
    user-select: none;
    border:solid 1px #0091ac;
  }
  #logginbottontex{
  padding-top: 6px;
  }
  #logginrow{
  	margin-bottom: 10px;
  }
  #logginmensaje{
  	color:red;
  }
  #clientesUsuario{
    width: 90%;
  }
  #clientesClave{
    width: 90%;
  }
  #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;
  }
  .tusMensajes {
  	background-color: #5aff8b;
  	margin: 10px;
  	border: solid 1px #3caa76;
  	border-radius: 5px;
  	margin-left: auto;
  	text-align: right;
  	max-width: 80%;
  	width: 80%;
  }
  .buttons {
	border-radius: 50%;
	position: relative;
	top: -1px;
	color: white;
	padding: 5px;
	font-size: 14;
	cursor: pointer;
	margin-left: 6px;
  margin-right: 10px;
}
  #inputMensajesEnviar {
  	height: 6%;
  	border: solid 1px black;
  	border-radius: 5px;
  	width: 65%;
    margin: 10px;
  	margin-left: auto;
  	margin-top: 5px;
  	float: left;
    font-size: 150%;
  }
  #buttonMensajesEnviar {
  	height: 6%;
  	float: right;
  	margin-top: 5px;
  	border: solid 1px;
  	border-radius: 5px;
  	width: 24%;
  	margin-right: 5%;
    font-size: 150%;
  }
  .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;
  }
  #username{
    width:80%;
  }
  #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;
  }

}