/* ESTILOS PERSONALIZADOS */
html {scroll-behavior: smooth;}
.enviarpadd{padding:2px;}
.gris{background:#ccc;}/*#F7F7F7 para fondo columna textos*/
.gris2{background:#999;}
.gris3{background:#EAEAEA;}
.naranja{background:#FF9900;}/* para fondo curriculum*/
.naranja:focus, .naranja:hover{color:#000;}/* para fondo etiquetas enlaces*/
.blanco{color:#FFF;}
#menu{
  background-color:#000;
  padding:2px;
  text-align:left;
  -webkit-box-shadow: 4px 4px 5px #999;
  -moz-box-shadow: 4px 4px 5px #999;
  box-shadow: 4px 4px 5px #999;
  height:36px;
  min-width:200px;
  margin-bottom:15px;
  margin-top:15px;
  }
#menu .opc{margin-right:10px;}
#menu .logo{width:30px;height:30px; background-image:url(../images/logoGAa.gif);margin:1px 10px 16px 1px;display:inline-block; vertical-align:middle;}
#menu .opc1{color:#FFF; font-size:20px; font-weight:bold;}
.espaciovacio{/*para dejar el espacio de un hr pero ocultando la línea*/
	border-top: 0;
}
#menu .opc2{color:#FFF;font-size:20px; font-weight:bold;margin-bottom:5px;}
#menu .opc2:hover{color:#FF9900;}
#menu .opc3{font-size:20px; font-weight:bold;background-color:#FFF;padding:2px;color:#000;}
#menu .opc3:hover {background-color:#FF9900;}
#menu .opc4{color:#FFF;font-size:25px; font-weight:bold;}
#menu .opc4:hover{color:#FF9900;}
#menu .opc5{color:#FFF;font-size:20px; font-weight:bold;}
#menu .opc5:hover{color:#FF9900;}
#menu .opcsel{color:#FF9900;}
#menu .opcsel3{background-color:#FF9900;color:#000;}
.sala{text-align:left;margin-top:-10px;}/*para incluir etiqueta 'sala1' encima*/
#sala{
  visibility:hidden;/*la oculto hasta que se cargen los estilos del scroll*/
  background-color:#000;
  padding:5px;
  -webkit-box-shadow: 4px 4px 5px #999;
  -moz-box-shadow: 4px 4px 5px #999;
  box-shadow: 4px 4px 5px #999;
}
#saladispmovilfnegro{/*NO USADA. Reservada para poner fondo negro sin borde*/
  visibility:hidden;/*la oculto hasta que se cargen los estilos del scroll*/
  background-color:#000;
  padding-left:5px;padding-right:5px;padding-top:5px;paddin-bottom:-5px; /*para que no deje tanto espacio negro abajo del catálogo*/
  -webkit-box-shadow: 4px 4px 5px #999;
  -moz-box-shadow: 4px 4px 5px #999;
  box-shadow: 4px 4px 5px #999; 
}
#saladispmovil{/*para poner fondo blanco con borde clarillo*/
  visibility:hidden;/*la oculto hasta que se cargen los estilos del scroll*/
  background-color:#fff;
  border: 1px solid #eaeaea; 
  padding-left:5px;padding-right:5px;padding-top:5px;paddin-bottom:-5px; /*para que no deje tanto espacio negro abajo del catálogo*/
  -webkit-box-shadow: 3px 4px 5px #999;
  -moz-box-shadow: 3px 4px 5px #999;
  box-shadow: 3px 4px 5px #999;
}
.photo-grid-container{paddin-bottom:30px;}
.paddint{padding:10px;}
.paddint .contenido {margin:-10px;padding:10px;}
.paddint .contenidonheight {margin:-10px;padding:10px;}
.paddint .contenidosinfondo {margin:-20px;padding:10px;} /*para la presentación que como no tiene fondo de color tengo que ajustar el texto*/
.izquierda {
    float: left;
	margin-right:10px;
}

@media (min-width: 992px) {
  #menu{text-align:center;height:400px;min-width:36px;float:left;width:36px;margin-top:60px;margin-bottom:inherit;margin-left:-15px;}
  #menu .logo{margin:1px 1px 10px 1px;}
  #menu .opc{margin-right:inherit;}
  #menu .opc3{margin-top:5px;}
  #menu .opc5{font-size:18px;}
  .sala{float:right;margin-right:5px;margin-top:30px;text-align:center;}
  #sala {width:140px;height:400px;}
  .paddint .contenido {margin:0px;min-height:300px;}
  .paddint .contenidonheight {margin:0px;}
  .paddint .contenidosinfondo {margin:0px;min-height:300px;}
  .izq {margin-top:50px;margin-right:-15px;float:right;} 
  .izq .hr { display: inline-block;float:right; margin-top: 130px; margin-left:10px; width:135px; border: 0; border-bottom: 2px dashed #cccccc;}
  .izq .lineavr1 {display: inline-block; float:right; height:194px; margin-top:15px; border:1; border-left:2px dashed #cccccc;}
  .secciones {margin-top:30px;margin-right:-15px; margin-left:-15px;}
  .secciones .lineahr { width:100%; border: 0; height: 1px; border-bottom: 2px dashed #cccccc;}
  .der{margin-top:50px; margin-left:-15px;float:left;}
  .der .lineavr2 {display: inline-block; float:left; margin-top:15px; height:194px; margin-right: 1px; border:1; border-right:2px dashed #cccccc;}
  .der .hr {display: inline-block; float:left; margin-top: 210px;  width:5px; border: 0; height: 1px; border-bottom: 2px dashed #cccccc;}
  .der span {display: inline-block; float:left; margin-top:203px;}
}
@media (min-width: 992px) {
  .izq .hr { width:190px;margin-top: 160px;}
  .der .hr{width:60px; }
}
@media (min-width: 1200px) {
  .izq .hr { width:240px;}
  .izq .lineavr1 { height:164px;margin-top:45px;}
  .der .lineavr2 { height:164px;margin-top:45px;}
  .secciones{margin-top:60px;}
  .der .hr{width:110px; }
}