﻿* {
	margin:0px;
	padding:0px;
}
header {
text-align:center;
background-color:#002559;
}
    .standencabezadomobile {
           margin-left: auto;
        margin-right: auto;
        width:100%;
        max-width:600px;
        display:block;
    }
    .imgsatndlogoenca {
      display:none;
    }
.h1obras {
 height:50px;
 line-height:50px;
font-size:15px;
color:#ffffff;
text-align: center;
}


.imgPFView
{
  
    margin-left: auto;
        margin-right. auto;
    margin-top: 10px;
    margin-bottom: 0px;
    padding-bottom:0px;
     text-align: left;
    width: 220px;
    height: 281px;
    background-color:#f3f3f3;
 }
 


body {
	background:#333333;
     background-size: 100% auto;    
    background-repeat: no-repeat;
    background-position: top center;
    background-attachment: fixed;   
    font-family:Arial-, Helvetica, sans-serif;
    margin:0px;
	padding:0px;
    font-size:13px;
}

.sectionstand  {
    padding-top:0px;
    padding-bottom:30px;
    height:auto;
    background-color:#bcbdb7;
}

.articulostand1 {
    margin-top:0px;
    width:1300px;
    height:580px;
    text-align:justify;
  display: block;
  margin-left: auto;
  margin-right: auto;
   background-image:url("../\imgeventos/standvirtual2021-1.jpg");
 background-position:top;
 background-size: 1300px auto;
 background-repeat:no-repeat;   
  }

.articulostand2 {
    margin-top:0px;
    width:1300px;
    height:580px;
    text-align:justify;
  display: block;
  margin-left: auto;
  margin-right: auto;
  background-image:url("../imgSistema/standvirtuamobileUDG2.png");
 background-position:top;
 background-size: 1300px auto;
 background-repeat:no-repeat;   
  }


.imgitems1 {
    width:auto;
      height:auto;
    display:inline;
    cursor:pointer;
    position:absolute;
   margin-top:110px;
   margin-left:98px;
}
.imgitems2 {
    width:auto;
      height:auto;
    display: inline;
    cursor:pointer;
     position:absolute;
   margin-top:235px;
   margin-left:98px;
}

.imgitems3 {
    width:auto;
      height:auto;
    display: inline;
    cursor:pointer;
     position:absolute;
   margin-top:360px;
   margin-left:98px;
}
.imgitems4 {
    width:auto;
      height:auto;
    display: inline;
    cursor:pointer;
     position:absolute;
   margin-top:210px;
   margin-left:780px;
}
.imgitems5 {
    width:auto;
      height:auto;
    display: inline;
    cursor:pointer;
     position:absolute;
   margin-top:210px;
   margin-left:863px;
}
.imgitems6 {
    width:auto;
      height:auto;
    display: inline;
    cursor:pointer;
     position:absolute;
   margin-top:167px;
   margin-left:1050px;
}

.imgitems7 {
    width:auto;
      height:auto;
    display: inline;
    cursor:pointer;
     position:absolute;
   margin-top:395px;
   margin-left:905px;
}

.imgbeneficios {
 width:140px;
      height:105px;
  margin-left: auto;
  margin-right: auto;
  vertical-align:top;
  cursor:pointer;
}

.imgbeneficios2 {
 width:75px;
 height:70px;
  margin-left: auto;
  margin-right: auto;
  vertical-align:top;
  cursor:pointer;
}
.imgPFVI{
 width:140px;
 height:180px;
  margin-left: auto;
  margin-right: auto;
  vertical-align:top;
  cursor:pointer;
}
.imgTAX{
 height:50px;
  margin-left: auto;
  margin-right: auto;
  vertical-align:top;
  cursor:pointer;
}

.imgitemsvideo {
    width:400px;
      height:228px;
    display: inline;
    cursor:pointer;
     position:absolute;
   margin-top:190px;
   margin-left:353px;
    background-color:black;
    border: 3px solid black;
}

.imagensatura:hover {
filter: saturate(180%);
        -webkit-transform:scale(1.3);transform:scale(1.3);
      transition:all .5s ease-in-out;
      -webkit-box-shadow: 2px 2px 5px white;
  -moz-box-shadow: 2px 2px 5px white;

}

.divchat {
   width:auto;
      height:auto;
    display: inline;
    cursor:pointer;
     position:absolute;
   margin-top:300px;
   margin-left:890px;

}
footer {
background-color:#333333;
height:auto;
padding-top:50px;
       padding-bottom:50px;
}
.pfotter {   
    width:auto;    
      text-align:center;
       line-height:11pt;
       font-size:11pt;
       padding-left:30px;
       padding-right:30px;
       color:#ffffff;

}
.ft1 {
text-align:center;
}
.p_Fotter
{
    font-size: 11px;
    color: #dbd8d8;
  vertical-align: top;
    text-align: justify;
    line-height: 12px;
    font-style: italic;
    font-weight: bold;
    margin-top: 0px;
    width:95%;
    max-width:800px;
    margin-left:auto;
    margin-right:auto;

}     
 .avisoprivacidad
{
   
    display: inline-block;
    color: #ffffff;
    font-family: Arial;
    font-size: 11pt;
    line-height:40px;
    text-decoration: underline;
    text-align: center;
    cursor: pointer;
    padding-right: 5px;
    padding-left: 5px;
    margin-top:2px;
    margin-left: auto;
    margin-right: auto;
    font-weight: normal;
    width:90%;
    max-width:350px;
    height:40px;
    border:0px none;
    z-index:100;
}

.imgredesstand {
width:50px;
}
.holder {
  overflow: hidden;
     width:1110px;
      height:auto;
    display:inline;
    position:absolute;
   margin-top:520px;
   margin-left:90px;
 
}

.news {
  animation : slide 40s linear infinite;  
}
.pslidertxt {
font-family:Arial;
color:#333333;
font-weight:bold;
width:1200px;
}

.pslidertxtcenter {
font-family:Arial;
color:#333333;
font-weight:bold;
width:auto;
text-align:center
}
.azulp {
    color: blue;
}

@keyframes slide {
  0% {
    transform: translatex(100%)
  }

  100% {
    transform: translatex(-100%)
  }
}

@media screen and (max-width:810px ) {

    .sectionstand {
    padding-top:0px;
    padding-bottom:30px;
    height:auto;
    background-color:#ffffff;
}
    
.imgitemsvideo{
  width:100%;
      height:auto;
    display:inline;
    cursor:pointer;
    position:relative;
    margin:0;  
}
    .articulostand1, .articulostand2 {
        margin-top: 0px;
        width: 100%;
        height: auto;
        text-align: justify;
        display: block;
        margin-left: auto;
        margin-right: auto;
        background-image: none;
    }
     .imgsatndlogoenca {
           margin-left: auto;
        margin-right: auto;
        width:100%;background-color:white;
        display:block
    }
   .imgitems1, .imgitems2, .imgitems3, .imgitems4, .imgitems5, .imgitems6, .imgitems7 {
      width:auto;
      height:auto;
    display:inline;
    cursor:pointer;
    position:relative;
    margin:0;
   
    }

 .imagensatura:hover {
filter: saturate(180%);
        -webkit-transform:scale(1);transform:scale(1);    

}     
.imgbeneficios, .imgbeneficios2, .imgPFVI , .imgTAX{
  width:49%;
      max-width:350px;
      height:auto;
  margin-left: auto;
  margin-right: auto;
  vertical-align:top;
  cursor:pointer;
  
}

.holder{
  
  width:100%;
      height:auto;
    display:inline;
    cursor:pointer;
    position:relative;
    margin:0;  
      top:20px;
   background-color:red;

}



.news {
  animation: none;
}
.pslidertxt {
font-family:Arial;
color:#333333;
font-weight:bold;
width:90%;
text-align:center;
margin-left:auto;
margin-right:auto;

}

.pslidertxtcenter {
font-family:Arial;
color:#333333;
font-weight:bold;
width:90%;
text-align:center;
margin-left:auto;
margin-right:auto;
}


    #taxtaxm {
      display:none;
    }
    .divchat {
     position:fixed;
     bottom:0;
     right:0;
     cursor:pointer;
}
}



@media screen and (max-width:360px ) {
    .sectionstand {
    padding-top:0px;
    padding-bottom:30px;
    height:auto;
    background-color:#ffffff;
}

    .imgbeneficios, .imgbeneficios2, .imgPFVI , .imgTAX{
  width:100%;
      height:auto;
  margin-left: auto;
  margin-right: auto;
  vertical-align:top;
  cursor:pointer;
  
}
    
    #taxtaxm {
      display:none;
    }

.imgitemsvideo{
  width:100%;
      height:auto;
    display:inline;
    cursor:pointer;
    position:relative;
    margin:0;  
}
.divchat {
     position:fixed;
     bottom:0;
     right:0;
     cursor:pointer;
}


.holder{
  
  width:100%;
      height:auto;
    display:inline;
    cursor:pointer;
    position:relative;
    margin:0;  
    top:20px;
    background-color:red;
}



.news {
  animation: none;
}
.pslidertxt {
font-family:Arial;
color:#333333;
font-weight:bold;
width:90%;
text-align:center;
margin-left:auto;
margin-right:auto;
}

.pslidertxtcenter {
font-family:Arial;
color:#333333;
font-weight:bold;
width:90%;
text-align:center;
margin-left:auto;
margin-right:auto;
}

}