* { 
	margin: 0;
	padding: 0;
}

body {
	font-family: arial, tahoma, verdana, sans-serif;
	background: #eff1f0 url("quorra_75.gif") fixed;
	font-size: 1em;
}

ul {
	list-style-type: none;
}

#cuerpo ul, #cuerpo_sidebar ul {
	margin: 5px 5px 7px;
	padding: 3px 0 7px;
}

h1 {
	color: #3789C1;
	font-size: 2em;
	margin: 5px 0;
}

h2 { 
	color: #206CC1;
	font-size: 1.6em;
	margin: 5px 0 10px; /*inf 20px*/
	padding: 10px 0;
}

h1 /*h2*/ {
	text-align: center;
	padding: 10px 0;	
}

h2 img {
vertical-align: middle;
margin-right: 3px;
}

p {
	padding: 5px 5px 10px;
	margin: 5px 5px 10px;
	font-size: .9em;
}

h3 + p {
	text-indent: 5%;
	margin-top: 15px;
}

p + h3 {
	margin-top: 30px;
}

h3 {
	font-size: 1.3em;
	padding:5px;
	margin: 20px 0 5px;
}

h4 {
	font-size: 1.1em;
	padding: 10px 10px 5px;
	margin: 5px 0 5px;
}

ul li {
		padding: 5px 0 2px;
}

ul li img {
	vertical-align: middle;
	padding-right: 3px; 
}

a {
	text-decoration: none;
}

a:link {
	color: #0000CD;
}
	
a:visited {
	color: #8B0000;
}

a:hover {
	text-decoration: underline;
	color: #008000;
}

a img {
	border: none;
}


#contenedor {
	margin: 10px auto;
	width: 1000px;
	border-radius: 10px;
	box-shadow: 5px 5px 10px rgba(0,0,0,.9);
	padding: 10px;
	border: 1px solid #A2DEF6;

}

#encabezado {
	height: 200px;
	background: #fbfbfb url("nd_header_v12.jpg") no-repeat;
	border-radius: 10px 10px 0 0;
}

#encabezado h1 {
	margin: 0;
	padding: 0;
}

/*#encabezado h1 a, #encabezado h1 a:link, #encabezado h1 a:visited {*/
#encabezado div a, #encabezado div a:link, #encabezado div a:visited {
	display: block;
	height: 125px;
	width: 655px;
	text-indent: -999px;
	font-size: 1px;
	overflow: hidden;
}

#menu {
	font-family: calibri, arial, sans-serif;
	font-size: .8em;
	height: 30px;
   background: #4D4D4D url("bg_m.png");
   border-radius: 0 0 10px 10px;
}

#menu ul {
	margin: 0 auto;
   margin: 0;
   padding-top: 8px;
}
#menu ul li {
   float:left;
	padding: 0 10px;     
	border-right:1px solid #fff;
}
#menu ul li a {
   text-decoration:none;
   color:#ccc;
   font-weight:bold;
}

#menu ul li a:hover {
   color:#F1F1F1;
}

#side_cont {
overflow: hidden;
background: url('armored_lf.jpg') repeat-y top left , url('armored_rg.jpg') repeat-y #676F74 top right;
border-radius: 10px;
/*padding: 0 10px;*/
}

#sidebarlf, #sidebarg {
width: 150px;
float: left;
position: relative;
padding:5px 15px;
color: #fff;
}

#sidebarlf a, #sidebarg a {
color: #fff;
}

#sidebarlf li, #sidebarg li {
margin: 15px 0 8px 10px;}

#sidebarlf > ul li:first-child,
#sidebarg > ul li:first-child {
background: rgba(0,0,0,.6);
border-bottom: 2px solid #000;
border-radius: 0 0 10px 5px;
margin-left: 0;
padding-left: 5px;
font-weight: bold;
text-transform: uppercase;
text-shadow: 2px 2px 3px rgba(255,255,255,.8);
}

#sidebarlf a:hover {
padding-left: 5px;
transition: all .5s ease;
}

#sidebarg a img {
opacity: .8;
}

#sidebarg a:hover img {
opacity: 1; 
}

.fondo_soft {
	overflow: hidden;
	background: #486F8E url("bg_soft_s.png") repeat-y;
	border-radius:10px;

}

#barra_lateral {
	float: left;
	width: 180px;
	height: auto;
	padding: 10px;
	color: #FFFFFE;
	margin-right: 10px; /* para degradado */
}

#barra_lateral a {
	display: block;
}

#barra_lateral a:link { /*l v h a*/
	color: #E5E5E5;
	text-decoration: none;	
}

#barra_lateral a:visited {
	color: #FFAD3A;	
}

#barra_lateral a:hover {
	font-size: 1.1em;
	color: #FAFAFA;
	text-shadow: 2px 2px 5px rgba(0,0,0,.8);
}

#barra_lateral a:hover img { /*efectos skew(30deg) scale(1.1,1.1) rotate(40deg) translate(10px, 20px);*/
	 -webkit-transform: translate(5px); /* Chrome*/
	 -moz-transform: translate(5px); /* Firefox */
    -o-transform: translate(5px); /* Opera */
    transform: translate(5px);
    -webkit-transition: all .3s ease-in-out; /* Chrome*/
    -moz-transition: all .3s ease-in-out; /* Firefox */
    -o-transition: all .3s ease-in-out; /* Opera */
    transition: all .3s ease-in-out;
}

.stopfloat { /*salto de linea a capa con float*/
	clear: both; /* antes left*/
}

#cuerpo, #cuerpo_ppal, #cuerpo_sidebar {
	overflow: hidden;
	background-color: #fff;
}

#cuerpo_sidebar ul {
	margin-bottom: 30px;
}

#cuerpo_ppal {
	margin: 0 auto;
	width: 580px;
	float: left;
	padding: 10px 30px;
	position: relative;
	/*box-shadow: 10px 0 3px rgba(0,0,0,.8), -10px 0 3px rgba(0,0,0,.8);*/
	box-shadow: 0 0 5px 10px rgba(0,0,0,.8);
}

#cuerpo {
	padding: 10px 30px;
	position: relative;
	border-radius: 10px;
}

#cuerpo_sidebar {
	width: 770px; /* -10px del margen derecho barra lateral*/
	padding: 10px;
	position: relative;
	float: left;
	border-radius: 0 10px 10px 0;
}

#cuerpo p, #cuerpo_sidebar p {
	line-height: 125%; /*interlineado y sangrado */
}

.cita {
	font-family: arial; /*"OCR A Extended", courier, code;*/
	font-style: italic;
}

.centrado {
	text-align: center;
	/*margin-top: 10px;*/
}

.icolista li {
	list-style: url("item2.png") square;
	margin: 5px 10px 5px 50px;
	padding: 5px;
}

li ul, dd ul, dd h4 {
margin: 0;
padding: 0;	
}

.destacado {
	font-weight: bold;
	font-style: italic;
}

.col_izq {
	padding-left: 20px;
	width: 47%;
	float: left;
	border-right: solid 2px;
}

.col_der {
	/*padding-right: 20px;*/
	width: 47%;
	float: right;
}

#pie {
	clear: both;
	height: 70px;
	background: rgba(10,80,127,.7) url("bg_pv7.png") repeat-x;
	text-align: center;
	font-family: arial, tahoma, tunga, sans-serif;
	color: #fff;
	font-size: .8em;
	border-radius: 10px;
}

/*#pie li img {
vertical-align: middle;
margin-right: 5px;
}*/

#pie a {
	color: #EBEBEB;
}

#pie a:hover {
	color: #ccc;
}

.flote_izq { /*clase para flotar image hacia izquierda*/
	float: left;
}

.flote_der {
	float: right;
}

.flote_izq, .flote_der p { /*parrafo centrado dentro de capas flotantes*/
	text-align: center;
}

.flote_izq, .flote_der {
	margin: 20px;
	padding: 0;
}

#cuerpo .top {
	margin-left: 912px;
}

#cuerpo_sidebar .top {
	margin-left: 722px;
}

#cuerpo .top img, #cuerpo_sidebar .top img {
	position: fixed;
	bottom: 100px;
}

.loading {
	background: url("w_bar.gif") no-repeat 50% 30%;	
}

form {
	margin: auto;
	border-radius: 15px 15px 15px 15px;
	}

.form_container {
	color: #000;
	border-bottom: 5px solid #215F89;
	border-right: 5px solid #4F83C0;	
	background-color: #5DA8FE;
	margin: 20px 200px;
	padding: 20px;
	border-radius: 15px 15px 15px 15px;
}

.form_container legend {
	color: #fff;
	font: bold 1.2em consolas, "lucida console", arial, verdana;
	text-transform: uppercase;
	letter-spacing: 5px;
	padding: 5px 20px;
	background-color: #4077b5;
	border-radius: 10px;
}

form fieldset {
	border-radius: 15px 15px 15px 15px;
	}

form input {
margin-top: 5px;	
}

form .campo {
	border: 1px solid #999;
	padding: 0.3em;
	font-size: 1em;}
	
form textarea {
	font: .9em arial;
	padding: 5px;
	width: 420px;	
	max-width: 420px;
	height: 150px;
	max-height: 150px;
}

form .boton {
	/*border: 2px solid #999;*/
	padding: 0.3em;
	font-size: 1.1em;
	width: 4em;
}


dl { /* lista de def*/
	padding: 5px 10px;
	margin-bottom: 10px;
}

dt { /* titulo-item*/

	background-color: #5287C2;
	text-transform: uppercase;
	padding: 0;
	margin: 6px 5px 2px; /* sup 10px*/
	border-radius: 5px 0;
}

dd { /* def*/
	padding: 10px 15px;
	margin: 2px;
}

dt a:link {
	font-weight: bold;
	color: #fff;
	text-shadow: 3px 3px 5px rgba(0,0,0,.9);
}

dt a:visited {
	color: #fff;

}

dt a {

	display: block;
	text-decoration: none;
	padding: 5px;
}

dt a:hover {
	background-color: #5DA8FE;
	color: #fff;
	text-indent:15px;
	text-decoration: none;
	border-radius: 5px 0;
}

.mosaicos li {
	padding: 5px 20px;
}

.mosaicos a {
	display: block;
	color: #4786DC;
	font-weight: bold;
	text-shadow: 1px 1px 3px rgba(0,0,0,.3);
}

.mosaicos a:hover {
	border-radius: 10px 5px;
	background-color: #A7CEFB;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
	text-indent: 15px;
	text-shadow: 2px 2px 5px rgba(0,0,0,.9);
}

/* efectos para rotar o animar icono*/
#cuerpo .mosaicos a:hover img {
	 -webkit-transform: rotate(-10deg); /* Chrome*/
	 -moz-transform: rotate(-10deg); /* Firefox */
    -o-transform: rotate(-10deg); /* Opera */
    transform: rotate(-10deg);
    -webkit-transition: all .6s ease-in-out; /* Chrome*/
    -moz-transition: all .6s ease-in-out; /* Firefox */
    -o-transition: all .6s ease-in-out; /* Opera */
    transition: all .6s ease-in-out;
}

fieldset {
	background-color: #FFF;
	/*margin: 0 20%;*/
	margin: 0 auto;
	padding: 10px 15px;
	border: solid 3px #4077b5;
	}
	
.bcode {
	font: .88em "OCR A Extended", monospace, consolas, "lucida console", "courier new";
	margin:5px 150px 10px;
	padding: 10px;
	/*width: 70%;*/
	border: 3px solid #6786B4;
	background-color: #E0EDFF;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 5px 5px 8px rgba(0,103,250,.5);
}	

.sep_desc {
	text-align: right;
	border-bottom: 2px solid rgba(0,0,0,.5);
	font: italic .8em verdana, arial, sans-serif;
	border-radius: 5px 0;
	margin: 5px 50px 5px 0;
	padding: 0 15px;
}

.separadorh, #cuerpo_sidebar h3 { /* prev h4*/
	border-bottom: 3px solid #4077b5;	
	background-color: #5287c2;
	border-radius: 10px 5px;
	padding-left: 15px;
	color: #fff;
	text-shadow: 3px 3px 5px rgba(0,0,0,.9);
}

/* bloque para icono en separador h4 de soft */

#cuerpo_sidebar h3 { /*h4*/
	position: relative;
	/*width: 500px;*/
}

#cuerpo_sidebar h3 img { /*h4*/ 
	position: absolute;
	right: 10px;
}
/* fin bloque icono en separador h4 de soft*/

.alerta {
	margin:5px 50px;
	border: 4px solid #C01111;
	text-transform: uppercase;
	background-color: #D53232;
	color: #fff;
	font-weight:bold;
	text-align: center;
	border-radius: 5px;
	vertical-align: middle;
	padding: 10px;
}

.marco {
	margin:10px 0 5px;
	border: 5px solid #4077B5;
	border-radius: 5px 5px 5px 5px;
}

.leyenda {
	text-align: center;
	font-style: italic;
	font-size: .8em;
}

.resaltar {
	background-color: #FFFF90;
	border: 1px solid #D6D600;
	color: #000;
	border-radius: 5px 5px 5px 5px;	
}	

td {
	padding: 2px 3px;
}

.galeria {
	width: 624px;
	/*height: 400px;*/
	margin: 0 auto;
}

.galeria ul {
	list-style: none;
	/*width: 80%;
		/*border: 1px dotted red;*/
	/*margin: 15px auto 0;*/
	overflow: hidden;
}

.galeria ul li {
	/*width: 256px;
	height: 150px;*/
	opacity: .5;
	float: left;
	margin: 8px 12px;
	padding: 10px;
	background: #AAC9E5;
	border: 2px solid #668ABC;
	border-radius: 5px;
	box-shadow: 2px 2px 5px rgba(0,0,0,.6);

}

.galeria li:hover {
		border-radius: 5px;
		opacity: 1;
		background: #668ABC;
		border: 2px solid #AAC9E5;
}

.lightbox {
display: none;
position: fixed;
z-index: 999;
background-color: rgba(0,0,0,.7);
width: 100%;
height: 100%;
top: 0;
left: 0;
text-align: center;
padding-top: 2%; /*200px;*/
}

.lightbox > img {
border: 10px solid rgba(71,138,204,0.9);
border-radius: 5px;
box-shadow: 5px 5px 10px rgba(0,0,0,.6);
}

.lightbox .info {
	display: block;
   margin: 0 auto;
   position: relative;
	bottom: 80px;
   width: 820px;	
}

.siguiente,.anterior,.cerrar {
	padding:5px;
	text-decoration:none;
	opacity: .5;
	}

.cerrar {
 left: 382px;
 position: relative;
 top: -528px;
}

.lightbox .anterior {
	float:left;
	margin-left: 20px;
	}
	
.lightbox .siguiente {
	float:right;
	margin-right: 20px;
	}

.siguiente:hover, .anterior:hover, .cerrar:hover {
	opacity: 1;
}

.lightbox:target {
display: block;
outline: none;

}

.lightbox:target img {

-webkit-animation: fadeInScale 1.2s ease-in-out;
-moz-animation: fadeInScale 1.2s ease-in-out;
-o-animation: fadeInScale 1.2s ease-in-out;
-ms-animation: fadeInScale 1.2s ease-in-out;

animation: fadeInScale 1.2s ease-in-out;
}


@-webkit-keyframes fadeInScale {
  0% { -webkit-transform: scale(0.8); opacity: 0; }
  100% { -webkit-transform: scale(1); opacity: 1; }
}
@-moz-keyframes fadeInScale {
  0% { -moz-transform: scale(0.8); opacity: 0; }
  100% { -moz-transform: scale(1); opacity: 1; }
}
@-o-keyframes fadeInScale {
  0% { -o-transform: scale(0.8); opacity: 0; }
  100% { -o-transform: scale(1); opacity: 1; }
}
@-ms-keyframes fadeInScale {
  0% { -ms-transform: scale(0.8); opacity: 0; }
  100% { -ms-transform: scale(1); opacity: 1; }
}

@keyframes fadeInScale {
  0% { transform: scale(0.8); opacity: 0; }
  100% { transform: scale(1); opacity: 1; }
}



/* mobile test 13 nov 2018*/

@media screen and (max-width : 768px) { /* 480*/


p {
	padding: 5px;
	margin: 5px;
}
 
#contenedor {
	margin: 0 auto;
	padding: 5px;

}
     
#contenedor, #cuerpo_ppal, #cuerpo_sidebar {
	width: auto; /*480px;*/
}

#cuerpo_sidebar {
	border-radius: 10px;
}

#cuerpo_ppal {
	padding: 10px;

}

#sidebarlf, #sidebarg {
		display: none;
}


#encabezado {
	height: 100px;
	background: #fbfbfb url("hd_header_m768.jpg") no-repeat;
	background-size: cover;
	border-radius: 10px;
	}

#encabezado div a, #encabezado div a:link, #encabezado div a:visited {
	display: block;
	height: 55px;
	width: 320px;
	text-indent: -999px;
	font-size: 1px;
	overflow: hidden;
	position: relative;
	top: 11px;
	left: 14px;
	border: 1px dotted red;
}


/*  $Layout ☰ */

#menu {
  position:absolute;
  /*width: 100%; /* hace que ocupe todo el ancho*/
  width: 160px;
  top: -248px; 
  background: #000 url("bg_m_temp.png");
  background: none;
  z-index: 20;
  
opacity: 0;  
  
}

#menu ul {
padding-top: 0;
overflow: hidden;
background-color: #1A1A1A;
border-radius: 0 10px;
}

#menu ul li {
	clear: left;
	padding: 0 15px;
}

   /*Estilos de los li del menú*/
#menu li {
     display:block;
     width:100%;
     margin:0 auto;
     line-height:2;
     position:relative; /*Le damos una posición relativa para posteriormente añadirle el triangulo que indica que se está en la página actual del menú*/
     border-bottom:.5px solid rgba(88, 159, 191, 1);
     border-top:.5px solid rgba(88, 159, 191, 1);
     /*background-color: #1A1A1A;*/
     font-family: 'Lato', sans-serif;
     color:rgba(221, 231, 228, 1);
     z-index: 20;
     padding: 0 15px;
   }
       
#menu li a {display: block;}

#menu li a:hover {
	padding-left: 5px;
	transition: all .5s ease;
}

 
  /*Estos son los estilos de la hamburguesa del menú que abre y cierra el mismo*/
.menu-toogle {
    position:absolute; /*Lo posicionamos absolutamente para poder darle una posición y poder moverlo según el menú esté abierto o cerrado*/
    width: 35px;
    line-height:1.1;
    text-align:center;
    top:65px; /*Le damos una posición top y left en donde queramos que se encuentre la hamburguesa del menú*/
    right:12px; 
    border-radius:3px;
    background-color: #142b25;
    transition: all .5s ease; /*Añadimos una transición para que realice un desplazamineto suave*/
    z-index:25;
}

    /*Añadimos la haburguesa y le damos unos estilos*/
.menu-toogle::before {
      content:"☰";
      font-size:32px;
      color:white;
      cursor: pointer;
}

  /*Estos son los estilos que le dan la funcionalidad al menú*/
    
.checkbox:checked ~ #menu /*.nav*/ {
      /*left:0px;*/ /*Le quitamos el left negativo para que el menú vuelva a su posición original*/
	opacity: 1;
	        
	-webkit-transition: opacity .2s ease-in;
	-moz-transition: opacity .2s ease-in;
	-o-transition: opacity .2s ease-in;
	-ms-transition: opacity .2s ease-in;
	transition: opacity .2s ease-in;      
		        
   top: 106px;
   right: 6px;
      /*position:fixed;*/ /* Fijamos el menú lateral para que se desplace cuando hagamos scroll*/
}

.checkbox:checked ~ #cuerpo, .checkbox:checked ~.fondo_soft/*.main-w*/ {
      /*margin-left:204px;*/ /*Cuando el checkbox asigna un margen al contenedor principal para que se desplace junto con el menú*/
	/*margin-top: 184px;*/  /* ver que hace, para q tiene ese margen superior */
       
}
    

.ocultar {display: none;}

#pie {height: 34px;
border-radius: 5px;
}

/*body {background-image: none;}*/


/* content main */
.col_izq {
	padding-left: 20px;
	width: 100%;
	float: left;
	border-right: none;
	border-bottom: solid 2px;
}

.col_der {
	margin-top: 25px;
	width: 100%;
	clear: both;
}
/*fin content main*/


li.current {
background-color: #24A1B0;
padding-left: 15px;
}

#encabezado {
border-bottom: 2px solid #000;
}

/*soft main*/

#barra_lateral {
   /*top: 20px;*/
   /*width: 448px;
   margin: 0 auto;*/
	position: relative;
	/*float: none;*/
	width: 100%;
	height: 42px;
	padding: 10px;
	color: #FFFFFE;
	/*margin-right: 0px; /* para degradado */
	overflow-y: hidden; /* para evitar cambiar alto cuando pasa el cursor*/
	z-index: 10;
	/*border-bottom: 2px solid #4C99B2;*/
}

#barra_lateral ul li {
	padding: 2px;
}

.fondo_soft {
	overflow: hidden;
	/*background: #486F8E url();*/
	background: rgba(10,80,127,.7) url("bg_pv7.png") repeat-x;
}



#barra_lateral li {
float: left;
width: 60px; /*143*/
text-align: center;
}

#barra_lateral a {
	display: block;
	font-size: .75em;
}

#barra_lateral a:link { /*l v h a*/
	color: #E5E5E5;
	text-decoration: none;	
}

#barra_lateral a:visited {
	color: #FFAD3A;	
}

#barra_lateral a:hover {
	font-size: .75em;
	color: #FAFAFA;
	overflow-y: visible;
	text-shadow: 2px 2px 5px rgba(0,0,0,.8);
}

/* ver como centrar la flechita para ocultar menu categorias*/
 /*.menu-soft { 
	display: block;
	width: 200px;
	margin: 0 auto;
}*/

.menu-soft {
    /*position:absolute;*/ /*Lo posicionamos absolutamente para poder darle una posición y poder moverlo según el menú esté abierto o cerrado*/
    position: absolute;
    width: 100px;
    /*line-height:1.1;*/
    text-align:center;
    top:80px; /*Le damos una posición top y left en donde queramos que se encuentre la hamburguesa del menú*/
    /*right:10px;*/ 
    border-radius:3px;
    background-color: #142b25;
    transition: all .5s ease; /*Añadimos una transición para que realice un desplazamineto suave*/
    z-index:15;
  }


/* se lo quita hata encontrar como centrar y posiciona cuando se desactivan las categorias*/
/*.menu-soft::before {
      content: "▲ocultar";
      font-size: 15px;
      color: white;
      cursor: pointer;
    }*/
    
/*.check_soft:checked ~ #barra_lateral {
      top: -300px;
    }
    
.check_soft:checked ~ #cuerpo_sidebar {
margin-top: -100px;
} */   
    

h3.centrado {
display: none;
}
/*fin soft main*/


/* muestra trabajos*/
.galeria {
	width: 301px;
	/*height: 400px;*/
	/*margin: 0 auto;*/
}

#cuerpo .galeria ul {
margin: 0;
}

.lightbox {
display: none;
/*position: fixed;*/
position: absolute;
z-index: 999;
background-color: rgba(0,0,0,.7);
width: 100%;
height: 100%;
top: 0;
left: 0;
text-align: center;
padding-top: 2%; /*200px;*/
}

.lightbox > img {
border: 10px solid rgba(71,138,204,0.9);
border-radius: 5px;
box-shadow: 5px 5px 10px rgba(0,0,0,.6);
/*height: 50%;*/
width: 90%;
}

.info img, .info a {
/*border: 1px dashed red;*/
/*display: block;*/

}


.lightbox .info {
	display: block;
   margin: 0 auto;
   position: relative;
	bottom: 80px;
   width: 420px;	
}

.siguiente,.anterior,.cerrar {
	padding:0;
	margin:0;
	text-decoration:none;
	opacity: .5;
	}

.cerrar {
 left: 192px;
 position: relative;
 top: -250px;
}

.lightbox .anterior {
	float:left;
	margin-left: 0px;
	}
	
.lightbox .siguiente {
	float:right;
	margin-right: 0px;
	}

.siguiente:hover, .anterior:hover, .cerrar:hover {
	opacity: 1;
}

.lightbox:target {
display: block;
outline: none;

}
/* fin muestra trabajos*/

/* contacto*/
.form_container {
	margin: 0;
	padding: 8px 8px 10px;
	width: 402px;
}

form textarea {
	width: 348px;
	max-width: 348px;
}

form .campo {
width: 350px;
}
		
/* fin contacto*/


.bcode {
	font: .80em "OCR A Extended", monospace, consolas, "lucida console", "courier new";
	margin:5px 2px 10px;
	padding: 10px;
	/*width: 70%;*/
	border: 3px solid #6786B4;
	background-color: #E0EDFF;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 5px 5px 8px rgba(0,103,250,.5);
}

.marco {
	margin:10px 0 5px;
	border: 5px solid #4077B5;
	border-radius: 5px 5px 5px 5px;
	width: 90%; 
}

} /* fin mobile test 13 nov 2018*/


@media screen and (max-width : 360px) { /* 480*/

#encabezado {
	height: 100px;
	background: #fbfbfb url("hd_header_m360.jpg") no-repeat;
	background-size: cover;

}

/*#contenedor, #cuerpo_ppal {
	width: 480px;
}*/

}


/*El checkbox según esté activado o no hará que el menú aparezca o desaparezca*/
.checkbox, .check_soft {
      display:none; /*Ocultamos el checkbox pues no nos interesa que se vea*/
}