html,body {
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica, Sans-serif;
  background-color: white;
}

header{
  position: relative;
  margin:0 auto;
  display:inline-block;
  width: 100%;
  background-color: #070617;
  }

      
         

  article{
    clear: both;
    overflow: hidden;
    background-color: white;
    width: 93%;
    position: relative;
    margin:  auto;
   /* margin-top: 2px;*/
   /* -webkit-box-shadow: 0px 0px 0px 14px rgba(0,0,0,0.16);
    -moz-box-shadow: 4px 0px 17px 14px rgba(0,0,0,0.16);*/
    box-shadow: 1px 0px 99px 1px rgba(0,0,0,0.16);
	vertical-align: middle;
    text-align: center;
	  
	  padding:15px 0;
  }


  .news-demo {
  background: #fff;
}

.news-demo .p {
  text-align: center;
  font-family: Arial, sans-serif;
  font-size: 22px;
  margin-top: 70px;
}

.news-demo .p ~ p {
  margin-top: 0;
}

.news-demo .p a {
  text-decoration: underline;
}

.news-demo .p a:hover {
  color: red;
}

/*menu de encabezado*/

#divCabecera{
  position: absolute;
  top: 30%;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.containerCabecera{
  background-color: #070617;
  position: relative;
  margin-right: 2%;
}

.containerCabecera ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.containerCabecera li {
  float: right;
}

.containerCabecera li a {
  display: inline-block;
  color: white;
  text-align: center;
  padding: 3px 12px;
  text-decoration: none;
}

.containerCabecera li a:hover {
  background-color: #111;
}

#divCabecera img:hover {
  box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
}

#divCabecera:hover img {
    -webkit-transform:scale(1.2);
    transform:scale(1.2);
    -webkit-transition:2s;
}

/*
#divCabeceraIzq{

    width: 10%;

       margin-left: 10%;

    float: left;
    background:blue
}*/


#divCabeceraIzq img{
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 5px;
  width: 120px;
}

/*
#divCabeceraCentro{

    margin:30px;
    width: 60px;

display: inline;
  background:green;


}*/

#pNombre3{
    font-weight: 500;
    font-size: 1.2em;
    color: #999;
    margin-left: 135px;
}
/*
#divCabeceraDerecha{

width: 200px;

    display: inline;
    background:red
}*/
    .wrapperEncabezado {
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            margin-left: auto;
            margin-right: auto;
            margin-top: 0px;
            width: 80%;

            }

    #divCabeceraIzq {
            grid-column: 1;
            grid-row: 0;
            padding: 1% 15%;
            min-width: 150px;
            height: 5%;
           }

    #divCabeceraCentro {
            grid-column: 2/4;
            grid-row: 0;
            padding: 1% 5%;
            min-width: 500px;
            }

    #divCabeceraDerecha {
              grid-column: 4/6;
              grid-row: 0;
              text-align: right;
              min-width: 450px;
             }

html {
    background-color: #fff;
    height: 100%;
}

.container {
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    width: 95%;
}

/* common and top level styles */
#nav span {
    display: none;
}

#nav, #nav ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

#nav {
    background-color: #F5F5F5;
    border-bottom: 5px solid #04500F;
    float: left;
    margin-left: 1%;
    margin-right: 1%;
    position: relative;
    width: 98%;
    z-index: 50;
}
#nav ul.subs {
    background-color: #FFFFFF;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
    color: #333333;
    display: none;
    left: 0;
    padding: 2%;
    position: absolute;
    top: 54px;
    width: 96%;
}
#nav > li {
    border-bottom: 5px solid transparent;
    float: left;
    margin-bottom: -5px;
    text-align: left;
    -moz-transition: all 300ms ease-in-out 0s;
    -ms-transition: all 300ms ease-in-out 0s;
    -o-transition: all 300ms ease-in-out 0s;
    -webkit-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
}
#nav li a {
    display: block;
    text-decoration: none;
    -moz-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
    -ms-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
    -o-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
    -webkit-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
    transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
    white-space: normal;
}
#nav > li > a {
    color: #333333;
    display: block;
    font-size: 1em;
    line-height: 49px;
    padding: 0 15px;
    text-transform: uppercase;
}
#nav > li:hover > a, #nav > a:hover {
    background-color: #F55856;
    color: #FFFFFF;
}
#nav li.active > a {
    background-color: #333333;
    color: #FFFFFF;
}

/* submenu */
#nav li:hover ul.subs {
    display: block;
}
#nav ul.subs > li {
    display: inline-block;
    float: none;
    padding: 10px 1%;
    vertical-align: top;
    width: 20%;
}
#nav ul.subs > li a {
    color: #777777;
    line-height: 20px;
}
#nav ul li a:hover {
    color: #F55856;
}
#nav ul.subs > li > a {
    font-size: 1.3em;
    margin-bottom: 10px;
    text-transform: uppercase;
}
#nav ul.subs > li li {
    float: none;
    padding-left: 8px;
    -moz-transition: padding 150ms ease-out 0s;
    -ms-transition: padding 150ms ease-out 0s;
    -o-transition: padding 150ms ease-out 0s;
    -webkit-transition: padding 150ms ease-out 0s;
    transition: padding 150ms ease-out 0s;
}
#nav ul.subs > li li:hover {
    padding-left: 15px;
}

/*PARA EL MENU DEL CENTRO LADO DERECHO*/

.containerMenuDerecho{
	height:auto;
	float:right;
	position:relative;
	width:50%;

}
.divMenuDere{
	position: relative;
	display:inline-block;
	max-height: 350px;
	overflow: hidden;
}

.divPrincipal{
	max-width: 315px;
	width: auto;
	position: relative;
	float: right;
}

.divImagen{
	height: 350px;
	
	overflow:hidden;
	transition: height .4s;
	display:none;
}
.imgDentro{
	margin-top: 15%;
	width:270px;
}

.pTextoVertical{
	margin:0px;
	margin: 5px;
	color:#fff;
  	font-weight:bold;
	height:95%;
}

.divParrafoVertical{	
	height: 350px;
	float: left;
	background-color: #0E6D17;

	border-width: 1px;
	border-style: solid;
	border-radius: 9px;
	margin: 2px;
	text-align:left;
	line-height:30px;
}

.divParrafoHorizontal{
	width: 265px;
	position: absolute;
	
	right: 0;
	background-color: #0E6D17;
	opacity: 0.5;
	border-width: 1px;
	border-style: solid;
	border-radius: 5px;
	margin: 2px;
}

.divParrafoVertical p{	
  	writing-mode: vertical-rl;
  	transform: rotate(180deg);
  	bottom:0px;
  	left: 0px;
  	margin-bottom: 10px;
  }

  .PtextoPeq{
  	font-size: 12px;
  	color: yellow;
  	margin:0; 
  }
/*FIN MENU DE CENTRO LADO DERECHO*/


/* responsive rules */
@media all and (max-width : 980px) {
    #nav > li {
        float: none;
        border-bottom: 0;
        margin-bottom: 0;
    }
    #nav ul.subs {
        position: relative;
        top: 0;
    }
    #nav li:hover ul.subs {
        display: none;
    }
    #nav li #s1:target + ul.subs,
    #nav li #s2:target + ul.subs,
	#nav li #s3:target + ul.subs,
    #nav li #s4:target + ul.subs{
        display: block;
    }
    #nav ul.subs > li {
        display: block;
        width: auto;
    }

    #pNombre {
        font-size: 0.8em;
    }

    #divCabeceraCentro, #divCabeceraDerecha {
        min-width: 100px;
    }

    .aCabecera{
       font-size: 0.7em;
         color: yellow;
    }

    #divCabeceraIzq{
        padding-left: 1px;
        min-width: 120px;
    }

    #divCabeceraIzq img{
     width: 100px;
    }

    #Divfecha{
        display: none;
    }

    #divCabeceraIzq img{
        width: 70px;
    }

     #divCabecera
     { 
        top: 15%;
    }

 }
/*fin menu encabezado*/


.H1titulo{
  margin: 0 0 10px 0;
  font: 1.5em Georgia, "Bitstream Charter", "URW Bookman L", "Century Schoolbook L", serif;
  color: #777;
  text-align: center;
}

.H1tituloPr{
  
  margin: 25px 0 20px 0;
  font: 2.5em Georgia, "Bitstream Charter", "URW Bookman L", "Century Schoolbook L", serif;
  color: #133F01;

}

.divCont{
  width: 90%;
  display: inline-block;
  margin-bottom: 30px;
}
.divCont p{
  text-align: justify;
}

.divCont h2{
  text-align: left;
  color: #133F01;
}

.divCont a{
  float: left;
}

a:link {text-decoration:none; color: #99CC00;} /* Link no visitado*/
a:visited {text-decoration:none; color:#99CC66} /*Link visitado*/
a:active {text-decoration:none; color:#99FF00; background:#EEEEEE} /*Link activo*/
a:hover {text-decoration:underline; color:#090445; background: #EEEEEE} /*Mause sobre el link*/


#divPrecio {
          display: grid;
          background-color: #FFFFFF;
          -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
          -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
          box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
          background-image: url(../images/arrozal.jpeg);
          background-size: cover;
          background-repeat: no-repeat;
          background-position: center center;
        }

.ca-menu{
    padding:0;
    margin:20px auto;
    float: none;
    border-bottom: 0;
    margin-bottom: 20px;
    display: table-cell;
    width:100%;
   text-align:center;
}

.ca-menu li{
    
    min-width: 170px;
    height: 240px;
    overflow: hidden;
    position: relative;   
    background: #fff;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
     box-shadow: rgb(50 50 93 / 25%) 0px 50px 100px -20px, rgb(0 0 0 / 30%) 0px 30px 60px -30px, rgb(10 37 64 / 35%) 0px -2px 6px 0px inset;
    display:inline-block;
    margin-right: 7px;
    padding: 20px;
    background: rgba(0,0,0,0.4)
}
.ca-menu li:last-child{
    margin-right: 0px;
}
.ca-menu li a{
    text-align: left;
    width: 100%;
    height: 100%;
    display: block;
    color: floralwhite;
    position: relative;
}
.ca-icon{
    /*opacity: 0.6;*/
    position: absolute;
    width: 100%;
    left: 0px;
    top: 0px;
    text-align: center;
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;
}
.ca-content{
    position: absolute;
    left: 0px;
    width: 100%;
    height: 60%;
    top: 30%; 
}
.ca-main{
    font-size: 20px;
    opacity: 0.8;
    text-align: center;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}
.ca-sub{
    text-align:center;
    font-size: 14px;
    opacity: 0.8;
    position: absolute;
    bottom: 0;
    width: 100%; 
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
    font-family: 'Roboto';
}
.ca-menu li:hover{
    background-color: #000;
}
.ca-menu li:hover .ca-icon{
    color: #ff2020;
    -webkit-animation: moveFromBottom 300ms ease;
    -moz-animation: moveFromBottom 300ms ease;
    -ms-animation: moveFromBottom 300ms ease;
}
.ca-menu li:hover .ca-main{
    color: #136E0E;
    -webkit-animation: smallToBig 300ms ease;
    -moz-animation: smallToBig 300ms ease;
    -ms-animation: smallToBig 300ms ease;
}
.ca-menu li:hover .ca-sub{
    color: #136E0E;
    background-color: #C0BA0E;
    -webkit-animation: moveFromBottom 500ms ease;
    -moz-animation: moveFromBottom 500ms ease;
    -ms-animation: moveFromBottom 500ms ease;
}


@-webkit-keyframes smallToBig{
    from {
        -webkit-transform: scale(0.1);
    }
    to {
        -webkit-transform: scale(1);
    }
}
@-moz-keyframes smallToBig{
    from {
        -moz-transform: scale(0.1);
    }
    to {
        -moz-transform: scale(1);
    }
}
@-ms-keyframes smallToBig{
    from {
        -ms-transform: scale(0.1);
    }
    to {
        -ms-transform: scale(1);
    }
}

@-webkit-keyframes moveFromBottom {
    from {
        -webkit-transform: translateY(100%);
    }
    to {
        -webkit-transform: translateY(0%);
    }
}
@-moz-keyframes moveFromBottom {
    from {
        -moz-transform: translateY(100%);
    }
    to {
        -moz-transform: translateY(0%);
    }
}
@-ms-keyframes moveFromBottom {
    from {
        -ms-transform: translateY(100%);
    }
    to {
        -ms-transform: translateY(0%);
    }
}

.containerMenuCircle {
  height: auto;
  float:right; 
  position:relative;
  width: 50%;
}

#learn-more {
  fill-opacity: 0;
  fill: #fff;
  stroke: #fff;
  stroke-width: 2;
  border-radius: 5px;
  stroke-linejoin: round;
  transition: all 250ms ease-in;
  cursor: pointer;
}
#learn-more:hover {
  fill-opacity: 1;
}
#learn-more:hover ~ .learn-more-text {
  fill: #005fa4;
}

.learn-more-text {
  font-family: 'Roboto';
  fill: #fff;
  pointer-events: none;
  font-size: 14px;
  transition: all 250ms ease-in;
}

.center {
  fill: #005fa4;
}

.pointer {
  fill: #fff;
  stroke: #3b8fc0;
  stroke-width: 2;
}

.nav-copy {
  font-family: 'Roboto';
  fill: #fff;
  fill-opacity: 1;
  transition: all 250ms ease-in;
}
.nav-copy.changing {
  fill-opacity: 0;
}

.service {
  cursor: pointer;
}
.service text {
  font-size: 14px;
  font-family: 'Roboto';
  text-anchor: middle;
}
.service .icon-wrapper {
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}
.service .icon-wrapper, .service .icon-wrapper > * {
  transition: all 250ms ease-in;
}
.service circle {
  fill: #005fa4;
}
.service circle.shadow {
  fill-opacity: 0;
  -webkit-filter: url(#service-shadow);
          filter: url(#service-shadow);
}
.service use {
  fill: #fff;
}
.service text {
  fill: #4d4d4d;
}
.service.active .icon-wrapper, .service:hover .icon-wrapper {
  -webkit-transform: scale(1.15) translateY(-5px);
          transform: scale(1.15) translateY(-5px);
}
.service.active .icon-wrapper, .service.active .icon-wrapper > *, .service:hover .icon-wrapper, .service:hover .icon-wrapper > * {
  transition: all 250ms ease-out;
}
.service.active .icon-wrapper circle.shadow, .service:hover .icon-wrapper circle.shadow {
  fill-opacity: 0.4;
}
.service.active text, .service:hover text {
  fill: #005fa4;
  font-weight: bold;
}

#divNoticias2{
   position: relative;
  float: left;
  width: 50%;
  height: 350px;
}

/*PARA LOS MENU DEL CENTRO DEL CENTRO DE LA PANTALLA*/
/* NOTICIAS Y CORPORACION */
 #listaDere {
    counter-reset: li; 
    list-style: none; 
    *list-style: decimal; 
    font: 15px 'trebuchet MS', 'lucida sans';
    padding: 0;
    margin-bottom: 4em;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
}

#listaDere ol {
    margin: 0 0 0 2em; 
}

#listaDere li{
    position: relative;
    display: block;
    padding: .4em .4em .4em .8em;
    *padding: .4em;
    margin: .5em 0 .5em 2.5em;
    background: #ddd;
    color: #444;
    text-decoration: none;
    transition: all .3s ease-out;   
}

#listaDere li:hover{
    background: #eee;
}   

#listaDere li:before{
    content: counter(li);
    counter-increment: li;
    position: absolute; 
    left: -2.5em;
    top: 50%;
    margin-top: -1em;
    background: #fa8072;
    height: 2em;
    width: 2em;
    line-height: 2em;
    text-align: center;
    font-weight: bold;
}

#listaDere li:after{
    position: absolute; 
    content: '';
    border: .5em solid transparent;
    left: -1em;
    top: 50%;
    margin-top: -.5em;
    transition: all .3s ease-out;               
}

#listaDere li:hover:after{
    left: -.5em;
    border-left-color: #fa8072;             
}

.wrapper {
  width:960px;
  margin:150px auto;
}
.demof {
/*border: 1px solid #E5E2E2;*/
margin:0;
}
.demof ul {
padding: 0;
list-style: none;
}
.demof li {
padding: 15px;
border-bottom: 1px solid gold;
margin: 10px 5px !important;
box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
min-height: 140px;
}
.demof li.odd {
background: #fafafa;
}
.demof li:after {
content: '';
display: block;
clear: both;
}
.demof img {
float: left;
width: 177px;
margin: 5px 15px 0 0;
}
.demof a {
font-family: Arial, sans-serif;
font-size: 20px;
font-weight: bold;
color: #06f;
}
.demof p {
margin: 15px 0 0;
font-size: 14px;
}

.et-run {
background-image: url(img/stop.png);
background-repeat: no-repeat;
margin-left: 2px;
}

.et-stop {
background-image: url(img/play.png);
background-repeat: no-repeat;
margin-left: 2px;
}

/* FIN MENU DEL CENTRO*/


/*tabla*/
#page-wrap {
  margin: 50px;
}
#page-wrap p {
  margin: 20px 0; 
}

#page-wrap img{
  vertical-align: middle;
}

  /* 
  Generic Styling, for Desktops/Laptops 
  */
  table { 
    width: 100%; 
    border-collapse: collapse;
    border-spacing: 0;  
  }
  /* Zebra striping */
  tr:nth-of-type(odd) { 
    background: #eee; 
  }
  th { 
    background: #04500F; 
    color: white; 
    font-weight: bold; 
  }
  td, th { 
    padding: 6px; 
    border: 1px solid #ccc; 
    text-align: left; 
  }

  th:first-child {
    border-radius: 6px 0 0 0;
}

th:last-child {
    border-radius: 0 6px 0 0;
}

th:only-child{
    border-radius: 6px 6px 0 0;
}
/*fin tabla*/

    /* STYLES PARA FOOTER  */

footer{
   text-align: center;
}

  .footer {
    width: 100%;
    height: auto;
    background-color: #070617;
    margin: 0 auto;
    text-align: center;

  }

  .footer .col {
    width: 190px;
    height: auto;
    float: left;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 0px 20px 20px 20px;
    text-align: left;
  }
  .footer .col h1 {
    margin: 0;
    padding: 0;
    font-family: inherit;
    font-size: 10px;
    line-height: 17px;
    padding: 20px 0px 5px 0px;
    color: #0B4B08;

    text-transform: uppercase;
    letter-spacing: 0.250em;
     font-weight: bold;
  }
  .footer .col ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.footer .col ul li {
  color: #999999;
  padding: 5px 0px 5px 0px;
}
.social ul li {
  display: inline-block;
  padding-right: 5px !important;
}

.footer .col ul li a{
    color: #999999;
    font-size: 14px;
    font-family: inherit;
    font-weight: bold;
    cursor: pointer;
    transition: .2s;
    -webkit-transition: .2s;
    -moz-transition: .2s;
  }

  .footer .col ul li a:hover {
    color: #07542D;
    transition: .1s;
    -webkit-transition: .1s;
    -moz-transition: .1s;
  }

  .containfooter{
    display:inline-block;
  }

  .clearfix {
    clear: both;
  }

  @media only screen and (min-width: 1367px) {
    .contain {
      width: 1400px;
      margin: 0 auto;
    }

    .dummy_page{
      height: 700px;
    }
  }

  @media only screen and (max-width: 1366px) {
    .contain {
      width: 1330px;
      margin: 0 auto;
    }

   .jimgMenu ul li {
  width: 9.4%;
}

    }

  @media only screen and (max-width: 1139px) {
    .contain .social {
      width: 1100px;
      display: block;
    }
    .social h1 {
      margin: 0px;
    }

  }

  @media only screen and (max-width: 950px) {
    .footer .col {
      width: 33%;
    }
    .footer .col h1 {
      font-size: 14px;
    }
    .footer .col ul li {
      font-size: 13px;
    }


    #divNoticias2{
      width: 100%;
    }

	article{
  		width: 97%;
	}
	  
  	 .divMenuDere{
		width: 100%;	
	
	}			
	  
	  .containerMenuDerecho{
	  	width: 100%;	
		 /* padding-right:30%;*/
		
	}			
	  
	  
  }
  @media only screen and (max-width: 500px) {
      .footer .col {
        width: 50%;
      }
      .footer .col h1 {
        font-size: 14px;
      }
      .footer .col ul li {
        font-size: 13px;
      }
	  
	  
	  	  
	  /*para el menu del centro lado derecho*/
	  
	     .divMenuDere{
		width: 100%;
		max-height: 2000px !important;
		overflow: hidden;
	}

	.divPrincipal{
		float: none;
		
	}

	.divParrafoVertical{	
		height: 35px;
		width: 100%;
	}

	.divParrafoVertical p{
  		writing-mode: horizontal-tb;
  		transform: rotate(360deg);  
  		margin-bottom: 10px;
  } 

  .divImagen{
		height: 310px !important;
		float: left;
		padding: 0 10px;
		-webkit-box-shadow: 0px 0px 160px -19px black;
		-moz-box-shadow: 0px 0px 160px -19px black;
		box-shadow: 0px 0px 160px -19px black;
		margin: 0 12px;
		width: 270px;
	}

	.imgDentro{
		margin-top: 0;
	}

	.divParrafoHorizontal{
		right: 25px;
		bottom: auto;
	}

	  .containerMenuDerecho{
	  	width: 100%;	
		  padding:0;		
	}
	  
.divVermas-in{
	opacity:0 !important;
	  }  
    

#contacto{
  width: 100% !important;
}

#contactoRight{
 width: 100% !important; 
}

}


	  
	  /*fin de menu del centro lado derecho*/
  
  @media only screen and (max-width: 340px) {
    .footer .col {
      width: 100%;
    }
  }
  
   /* jssor slider loading skin spin css */
        .jssorl-009-spin .imgSlider {
            animation-name: jssorl-009-spin;
            animation-duration: 1.6s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
        }

        @keyframes jssorl-009-spin {
            from {
                transform: rotate(0deg);
            }

            to {
                transform: rotate(360deg);
            }
        }

        .jssora061 {display:block;position:absolute;cursor:pointer;}
        .jssora061 .a {fill:none;stroke:#fff;stroke-width:360;stroke-linecap:round;}
        .jssora061:hover {opacity:.8;}
        .jssora061.jssora061dn {opacity:.5;}
        .jssora061.jssora061ds {opacity:.3;pointer-events:none;}
        .imgSlider{
        }

 #divNoticias{
    background-color: yellow;
     float: right;
 }
        /* responsive rules */
@media all and (max-width : 980px) {
     #divNoticias{
        float: left;
        background-color: red;
    }

    .DivServicios {
      border: 1px #CDD9ED !important;
    }

    .wrapperServicios{
      display: inline !important;
       padding: 0px !important;

    }

}





.TableTranspa{
  vertical-align: middle !important;
}

.TableTranspa p{
  margin-bottom: 10px;
  display:inline-block;
  margin: 3px;
}

.TableTranspa a{
display: flex;
justify-content: center;
align-items: center;
}

.TableTranspa th:nth-child(2) {
  width: 100px;
}

.TableTranspa th:nth-child(3) {
  width: 100px;
}

.h2Titulo{
	   text-shadow: 1px 1px white, -1px -1px #333;
   background-color: #ddd;
   color: #666260;
   padding: 10px;
   margin: 0px;
   text-align: left;
   font-size: 24px;
}

.TableTranspa td a img{
		width:18px;
		height:18px;
}

@media all and (max-width : 1000px) {
#divNoticias_sli{
    flex-direction: column;
}

}