body{
margin: 0 auto;
width: 100%;
height: 100%;
background-image: url(img/repeatx.png);
background-position: left, top;
background-repeat: repeat-x;
background-color: #141414;
position: absolute;
background-position-y:-3%;
}

a{
text-decoration: none;
}
.clear{
    clear: both;
}

#wrapper{
width: 960px;
height: 1800px;
margin: 0 auto;
box-shadow: 0px 0px 60px #000;
}

#wrapper2{
width: 960px;
margin: 0 auto;
box-shadow: 0px 0px 60px #000;
}

#wrapper-contacto{
width: 960px;
height: 1230px;
margin: 0 auto;
box-shadow: 0px 0px 60px #000;
}

#header{
width: 100%;
height: 66px;
background-color: #000;
float: left;
}

.nav{
height: 69px;
margin: 0px auto;
width: 880px;
}

.nav-eng{
height: 69px;
margin: 0px auto;
width: 785px;
}

.boton{
width: auto;
height: 28px;
float:left;
margin: 20px 0px 20px 12px;
border-left: solid #ffbf00 2px;
border-style: none none none dotted;
text-align: left;
padding-left: 10px;
}

.boton p{
font-family:"Arial";
color: #ffbf00;
font-size: 16px;
margin: 6px auto;
}
/*-----------------------------portada------------------------*/
#portada{
    width: 960px;
    height: 464px;
    margin: 0 auto;
    float: left;
}

.soldador{
width: 960px;
    height: 465px;
    background-image: url(img/cover-02.png);
    background-position: 159% 100%;
}

.soldadura{
width: 619px;
float: left;
background-color: #fff;
}

.soldadura h2{
font-family: "arial";
font-size: 24px;
color: #1B517F;
margin: 0px auto;
padding: 10px 0px 0px 10px;
}

.soldadura h4{
font-family: "arial";
font-size: 18px;
color: #2D2D2D;
margin: 0px auto;
padding: 10px 0px 0px 10px;
}

.soldadura p{
font-family: "arial";
font-size: 14px;
color: #2D2D2D;
margin: 0px auto;
padding: 10px 0px 0px 10px;
}
.soldadura img{
margin-top: 20px;
}
/*-----------------------------contenido----------------------*/

#contenido{
width: 960px;
margin: 0 auto;
float: left;
background-color: #338de5;
}

.cont-izq{
float: left;
width: 630px;
text-align: left;
padding-left: 15px;
}

.republica{
width: 925px;
height: 312px;
float: left;
text-align: center;
}

.titulo {
float: left;
width: 550px;
text-align: left;
border-bottom: solid yellow 1px;
border-style: none none solid none;
margin-bottom: 20px;
}

.titulo-portada{
  float: left;
width: 925px;
text-align: left;
border-bottom: solid yellow 1px;
border-style: none none solid none;
margin-bottom: 20px;
}

.titulo-portada h2{
font-family: "arial";
font-size: 24px;
color: #c7ffff;
margin: 0 auto;
}

.titulo h2{
font-family: "arial";
font-size: 24px;
color: #c7ffff;
margin: 0 auto;
}

.cont-izq p{
font-family: "arial";
font-size: 16px;
color: white;
text-align: justify;
}

.parrafo{
float: left;
width: 600px;
text-align: left;
}

.parrafo-portada{
float: left;
width: 925px;
text-align: left;
}

.parrafo2{
float: left;
width: 560px;
margin: 18px 0px;
background-color: rgba(3,0,0,0.5);
border-radius: 10px;
padding: 10px;
box-shadow: 0px 4px 6px #0a3559;
}

.parrafo2-portada{
float: left;
width: 909px;
margin: 18px 0px;
background-color: rgba(3,0,0,0.5);
border-radius: 10px;
padding: 10px;
box-shadow: 0px 4px 6px #0a3559;
}
.parrafo2-portada p{
font-size: 14px;  
}

.parrafo2 p{
font-size: 14px;
}

/*-----------columna amarilla ------------------*/
.cont-der{
width: 314px;
height: 666px;
background-color: #f3c00d;
float: right; 
}

.cont-der-calidad{
width: 314px;
height: 666px;
background-color: #f3c00d;
float: right;
display: none; 
}

.cont-der-eng {
    width: 314px;
    height: 632px;
    background-color: #F3C00D;
    float: right;
}


.titulo-der {
float: left;
width: 282px;
text-align: left;
border-bottom: solid #1b517f 1px;
border-style: none none solid none;
margin-bottom: 20px;
margin-left: 15px;
}
.titulo-der h2{
font-family: "arial";
font-size: 24px;
color: #1b517f;
margin: 0 auto;
}

.parrafo-der{
float: left;
width: 314px;
text-align: left;
margin-bottom: 20px;
font-family: "arial";
font-size: 12px;
color: #282828;
text-align: justify;
  }

.parrafo-der p{
padding-left: 15px;
padding-right: 15px;
  }

.parrafo-der img{
margin: -2px 0;
width: 313px;
  } 
.certificado{
width:313px;
height: 483px;
background-image: url(img/certificadothmb.png);
background-repeat: no-repeat;
}
/*-----------Nuestra Distincion----------*/
.nuestra-distincion{
width: 960px;
float: left;
background-color: #338de5;
}

.cont-dist{
width: 945px;
float: left;
    padding-left: 15px;
}

.parrafo3{
float: left;
width: 571px;
font-family: "arial";
color: white;
text-align: justify;
}

.cont-imagen-distincion{
width: 315px;
height: 233px;
float: right;
margin: -50px 0px 0px 0px;
text-align: center;
}

.cont-imagen-distincion img{
width: 74%;
height: auto;
}

/*------------------Algunos de nuestros Clientes------------------------------*/


.titulo2 h2{
font-family: "arial";
font-size: 24px;
color: #2d2d2d;
margin: 0 auto;
}

.clientes{
width: 960px;
background-color: #dfdfdf;
float: left;
min-height: 160px;
}

.cont-clientes{
width: 960px;
margin: 0px 10px;
float: left;
text-align: center;
font-family: "arial";
color: #2d2d2d;
padding-top: 20px;
}

.cliente-logo{
width: 188px;
float: left;
padding-top: 20px;
}
/*-------------------footer----------------------------*/
#footer{
width: 960px;
height: 253px; 
float: left;
background-image: url(img/fondofooter-03.png);
}

.cont-footer{
width: 940px;
margin: 0px 10px;
float: left;
}
.logo-footer{
width: 248px;
margin: 50px auto 15px auto;
}
.nav-text{
margin: 0px auto;
float: left;
width: 940px;
text-align: center;
}

.nav-text li{
float: left;
padding-right: 20px;
display: inline-block;
}

.nav-text li p{
color: white;
font-family: "arial";
font-size: 15px;
}

.nav-text ul{
margin: 0px auto;
display: inline-block;
padding: 0px;
}

.daltum{
margin: 0 275px;
width: 400px;
border-top: solid 1px #f3c00d;
text-align: center;
font-family: "Arial";
font-size: 10px;
color: white;
float: left;
}






/*-------------------------------------------------------------------------------------------------------------contacto-------------------------------------------------------*/
#cont-formulario{
width: 945px;
padding-left: 15px;
}

.mapa{
float: left;
width: 960px;
min-height: 300px;
background-color: #fff;

}

.formulario{
float: left;
height: 228px;
width: 482px;
margin-bottom: 20px;
}

.direccion{
float: left;
width: 382px;
text-align: left;
padding-left: 15px;
}

.direccion p{
font-family: "arial";
font-size: 16px;
color: white;
margin: 0 0;
}

input {
-webkit-appearance: textfield;
padding: 1px;
background-color: white;
border: 2px inset;
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
-webkit-rtl-ordering: logical;
-webkit-user-select: text;
cursor: auto;
margin-bottom: 12px;
height: 30px;
width: 435px;
border: none;
	padding-left: 15px;
}

textarea{
padding-left: 15px;
}

.formulario textarea{
width: 435px;
height: 80px;
resize: none;
}

.button {
width: 100px;
height: 36px;
background-color: #f3c00d;
border: none;
font-family: "Arial";
font-size: 25px;
color: white;
}

.button:active{
width: 100px;
height: 36px;
background-color: #338de5;
border: none;
font-family: "Arial";
font-size: 25px;
color: white;
}

/*-----------------------------------------------bolsa----------------------------------------------*/
.bolsa{
background-color: black;
float: left;
width: 960px;
margin: 0 auto;   
}
.cont-bolsa{
width: 930px;
margin: 15px 15px;
}

.img-bolsa{
margin: 0 auto;
width: 100%;
text-align: center;
    border-bottom: solid #ffbf00 1px;
}
.img-bolsa h2{
font-family: "arial";
font-size: 24px;
color: #ffbf00;
margin: 10px auto; 
}
.puesto{
width: 100%;
text-align: center;
float: left;
margin-right: 10px;
}

.puesto h3{
font-family: "arial";
font-size: 18px;
color: #ffbf00;
}

.puesto p{
font-family: "arial";
font-weight: 100;
font-size: 16px;
color: white;
}
/*-----------------------------------------------------casos exito-----------------------------------*/

.casos-exito{
background-color: #dfdfdf;
float: left;
width: 960px;
margin: 0 auto;   
}

.cont-casos{
margin: 0 auto;
width: 600px;
text-align: center;
    border-bottom: solid #1b517f 1px;
}
.cont-casos h2{
font-family: "arial";
font-size: 24px;
color: #1b517f;
margin: 10px auto; 
}

.text-exito{
width: 300px;
text-align: center;
float: left;
margin-right: 10px;
}

.text-exito h3{
font-family: "arial";
font-size: 18px;
color: #1b517f;
}

.text-exito p{
font-family: "arial";
font-weight: 100;
font-size: 12px;
color: #2d2d2d;
}

/*-------------------------------------------------------------------------------------------quienes somos-----------------------------------------------------*/
#wrapperqs{
width: 960px;
height: 1740px;
margin: 0 auto;
box-shadow: 0px 0px 60px #000;
}


.ingenieros{
float: left;
width: 960px;
}

#cont-quienes-somos{
width: 960px;
background-color: #338de5;
float: left;
}
.qs-izquierda{
width: 300px;
background-color: #ffbf00;
float: left;
}
.parrafo-ambiental{
float: left;
background-color: #ffbf00;
}

.parrafo-ambiental h2{
font-family: "arial";
font-size: 24px;
color: #1b517f;
margin: 0 auto;
}

.parrafo-ambiental p{
font-family: "arial";
font-size: 16px;
color: white;
padding: 0px 20px 0px 20px;
text-align: justify;
}

.qs-derecha{
width: 660px;
float: left;
margin: 25px 0px;
}
.cont-mvv{
width: 580px;
float: left;
margin: 10px 40px;
}
.icono-qs{
width: 90px;
height: 90px;
float: left;
margin: 39px 30px 39px 0px;
}
.titulo-qs{
float: left;
width: 460px;
text-align: left;
border-bottom: solid yellow 1px;
border-style: none none solid none;
margin-top: 15px;
}
.titulo-qs h2{
font-family: "arial";
font-size: 24px;
color: #c7ffff;
margin: 0 auto;
}
.texto-qs{
float: left;
width: 460px;
margin-top: 10px;
}

.texto-qs ul{
font-family: "arial";
font-size: 14px;
color: white;
text-align: justify;
padding-left: 20px;
margin: 0px 0px;
}
.texto-qs li{
color: yellow;
}
.texto-qs li p{
color: white;
margin: 0px 0px;
}

.texto-qs p{
font-family: "arial";
font-size: 14px;
color: white;
text-align: justify;
}

.pol-calidad{
width: 960px;
background-color: #dfdfdf;
float: left;
}
.titulo-pol-calidad{
color: #2d2d2d;
font-family: "arial";
margin: 0 auto;
width: 375px;
float: left;
padding-left: 20px;
margin-top: 50px;
}
.imagen-pol {
width: 299px;
height: 299px;
margin-bottom: 20px;
float: left;
padding-top: 15px;
}

.imagen-pol img {
width: 299px;
height: 299px;
}

.texto-pol{
float: left;
width: 620px;
padding-left: 20px;
padding-top: 20px;
}


.texto-pol p{
font-family: "arial";
font-size: 16px;
text-align: left;
color: #2d2d2d;
text-align: justify;
}
/*-----------------quienes somos------------*/
#wrapper-per{
width: 960px;
height: 2044px;
margin: 0 auto;
box-shadow: 0px 0px 60px #000;
}

.infografia{
width: 960px;
height: 1631px;
float: left;
}
.infografia img{
width: 960px;
height: auto;
}

.capacitacion{
width: 960px;
height: 400px;
background-color: #338de5;
float: left;
}

.cont-cap{
width: 930px;
min-height: 200px;
float: left;
margin: 20px 15px;
}

.iconos-cap{
width: 930px;
height: 283px;
float: left;
}

.capacitaciones{
width: 140px;
height: 160px;
margin: 7px;
float: left;
}

.logo-cap{
width: 91px;
height: 90px;
margin: 0 auto;
}

.texto{
font-family: "arial";
font-size: 16px;
color: white;
text-align: center;
border-top-style: solid;
border-top-color: yellow;
border-top-width: 1px;
margin-top: 15px;
padding-top: 10px;
}

/*------------------------------ nuestros clientes----------------------*/
#wrapper-clientes{
width: 960px;
height: 1069px;
margin: 0 auto;
box-shadow: 0px 0px 60px #000;
}

.nuestros-clientes{
width: 960px;
height: 750px;
background-color: #dfdfdf;
float: left;
}

.cont-nuestros-clientes{
width: 940px;
height: 692px;
float: left;
margin-left: 20px;
text-align: center;
}

.casos-exito{
width: 960px;
height: 285px;
float: left;
background-color: #338de5;
}
.caso{
width: 280px;
height: 170px;
float: left;
margin: 8px 20px;
}
.testimonio{
width: 280px;
text-align: center;
font-family: "arial";
font-size: 16px;
color: white;
}

.cliente{
width: 280px;
height: 73px;
text-align: center;
font-family: "arial";
font-weight: 300;
color: #ffbf00;
padding: 0px;
margin: 0px;
border-top-style: solid;
border-top-color: yellow;
border-top-width: 1px;
}
/*---------------------- contenedores de nuestros clientes-----------------------*/


/*--------------flowserve-----------------*/
.contenedor-clientes-flow{
width:200px;
height: 200px;
margin: 5px 16px;
float: left;
background-image: url(img/flowservebn200.png);

-webkit-transition: background-image .4s ease-out;
  -moz-transition: background-image .4s ease-out;
  -o-transition: background-image .4s ease-out;
  transition: background-image .4s ease-out;
}
.contenedor-clientes-flow:hover{
width:200px;
height: 200px;
margin: 5px 16px;
float: left;
background-image: url(img/flowservebn200c.png);
cursor: pointer;
}
/*-----------------------flowserve----------------*/
/*------------------------forum-------------*/

.contenedor-clientes-forum{
width:200px;
height: 200px;
margin: 5px 16px;
float: left;
background-image: url(img/Forum_logobn200.png);

-webkit-transition: background-image .4s ease-out;
  -moz-transition: background-image .4s ease-out;
  -o-transition: background-image .4s ease-out;
  transition: background-image .4s ease-out;
}
.contenedor-clientes-forum:hover{
width:200px;
height: 200px;
margin: 5px 16px;
float: left;
background-image: url(img/Forum_logobn200c.png);
cursor: pointer;
}

/*----------------------forum--------------------*/

/*----------------------prolec-------------*/
.contenedor-clientes-prolec{
width:200px;
height: 200px;
margin: 5px 16px;
float: left;
background-image: url(img/logo_ProlecGEbn200.png);

-webkit-transition: background-image .4s ease-out;
  -moz-transition: background-image .4s ease-out;
  -o-transition: background-image .4s ease-out;
  transition: background-image .4s ease-out;
}
.contenedor-clientes-prolec:hover{
width:200px;
height: 200px;
margin: 5px 16px;
float: left;
background-image: url(img/logo_ProlecGEbn200c.png);
cursor: pointer;
}

/*----------------------prolec-------------*/
/*----------------------atlas----------------*/
.contenedor-clientes-atlas{
width:200px;
height: 200px;
margin: 5px 16px;
float: left;
background-image: url(img/Logo-ATLAS-COPCObn200.png);

-webkit-transition: background-image .4s ease-out;
  -moz-transition: background-image .4s ease-out;
  -o-transition: background-image .4s ease-out;
  transition: background-image .4s ease-out;
}
.contenedor-clientes-atlas:hover{
width:200px;
height: 200px;
margin: 5px 16px;
float: left;
background-image: url(img/Logo-ATLAS-COPCObn200c.png);
cursor: pointer;
}
/*----------------------atlas---------------*/
/*---------------------frisa-------------*/
.contenedor-clientes-frisa{
width:200px;
height: 200px;
margin: 5px 16px;
float: left;
background-image: url(img/logo-frisabn200.png);

-webkit-transition: background-image .4s ease-out;
  -moz-transition: background-image .4s ease-out;
  -o-transition: background-image .4s ease-out;
  transition: background-image .4s ease-out;
}
.contenedor-clientes-frisa:hover{
width:200px;
height: 200px;
margin: 5px 16px;
float: left;
background-image: url(img/logo-frisabn200c.png);
cursor: pointer;}

/*--------------------frisa-------------------*/
/*---------------siemens-------------------*/
.contenedor-clientes-siemens{
width:200px;
height: 200px;
margin: 5px 16px;
float: left;
background-image: url(img/siemens_logobn200.png);

-webkit-transition: background-image .4s ease-out;
  -moz-transition: background-image .4s ease-out;
  -o-transition: background-image .4s ease-out;
  transition: background-image .4s ease-out;
}
.contenedor-clientes-siemens:hover{
width:200px;
height: 200px;
margin: 5px 16px;
float: left;
background-image: url(img/siemens_logobn200c.png);
cursor: pointer;
}
    /*-----------------siemens-------------*/
    /*-----------------sulzer----------------*/
.contenedor-clientes-sulzer{
width:200px;
height: 200px;
margin: 5px 16px;
float: left;
background-image: url(img/Sulzer_blue_largebn200.png);

-webkit-transition: background-image .4s ease-out;
  -moz-transition: background-image .4s ease-out;
  -o-transition: background-image .4s ease-out;
  transition: background-image .4s ease-out;
}
.contenedor-clientes-sulzer:hover{
width:200px;
height: 200px;
margin: 5px 16px;
float: left;
background-image: url(img/Sulzer_blue_largebn200c.png);
cursor: pointer;
}
    
    /*-----------------sulzer-----------------*/
/*------------------tenova------------------*/
.contenedor-clientes-ternium{
width:200px;
height: 200px;
margin: 5px 16px;
float: left;
background-image: url(img/terniumbn200.png);

-webkit-transition: background-image .4s ease-out;
  -moz-transition: background-image .4s ease-out;
  -o-transition: background-image .4s ease-out;
  transition: background-image .4s ease-out;
}
.contenedor-clientes-ternium:hover{
width:200px;
height: 200px;
margin: 5px 16px;
float: left;
background-image: url(img/terniumbn200c.png);
cursor: pointer;}
/*------------------tenova-------------------*/
/*---------------------ternium--------------*/
.contenedor-clientes-tenova{
width:200px;
height: 200px;
margin: 5px 16px;
float: left;
background-image: url(img/Tenova_logobn200.png);

-webkit-transition: background-image .4s ease-out;
  -moz-transition: background-image .4s ease-out;
  -o-transition: background-image .4s ease-out;
  transition: background-image .4s ease-out;
}
.contenedor-clientes-tenova:hover{
width:200px;
height: 200px;
margin: 5px 16px;
float: left;
background-image: url(img/Tenova_logobn200c.png);
cursor: pointer;}
/*----------------------ternium---------------*/
/*----------------------andrew------------------*/
.contenedor-clientes-andrew{
width:200px;
height: 200px;
margin: 5px 16px;
float: left;
background-image: url(img/Andrew_logobn200.png);

-webkit-transition: background-image .4s ease-out;
  -moz-transition: background-image .4s ease-out;
  -o-transition: background-image .4s ease-out;
  transition: background-image .4s ease-out;
}
.contenedor-clientes-andrew:hover{
width:200px;
height: 200px;
margin: 5px 16px;
float: left;
background-image: url(img/Andrew_logobn200c.png);
cursor: pointer;}
/*----------------------andrew-------------------*/
.centrar{
width: 500px;
text-align: center;
min-height: 200px;
margin: 0 auto;

}

/*----------------------tecnología---------------------*/
#wrapper-tec{
width: 960px;
height: 1356px;
margin: 0 auto;
box-shadow: 0px 0px 60px #000;
}

.imagen-tecnologia{
width: 960px;
height: 439px;
float: left;
}

.mockups{
width: 960px;
height: 600px;
float: left;
background-color: #338de5;
}

.cont-mockups{
width: 960px;
height: 500px;
padding: 1px 0px 0px 0px;
}

.mockup1{
float: left;
width: 479px;
height: 283px;
}

.mockup1 img{
width: 479px;
height: 283px;
}

.texto-tec{
font-family: "arial";
font-size: 16px;
color: white;
text-align: left;
float: left;
width: 441px;
margin: 45px 20px;
text-align: justify;
}

.texto-tec2{
font-family: "arial";
font-size: 16px;
color: white;
text-align: right;
float: left;
width: 441px;
margin: 70px 20px;
text-align: justify;
}

/**CAPACIDADES**/


.datos-metrologia{
width: 619px;
float: left;
background-color: #FFF;
	overflow: hidden;
}
.contenedor-capacidades{
float: left;
width: 936px;
height: 226px;
margin-bottom: 5px;
}

.capacidad{
width: 170px;
height: 170px;
margin: 11px 0px 0px 13px;
background-color: white;
float: left;
border-radius: 10px;
    box-shadow: 5px 5px 5px #1b517f;
}
.imagen-cap{
width: 170px;
height: 120px;
float: left;
border-radius: 10px 10px 0px 0px;
overflow: hidden;
}

.titulo-cap{
float: left;
text-align: center;
width: 170px;
height: 50px;
}

.titulo-cap h2{
color: #1b517f;
font-family: 'arial', sans-serif;
font-size: 14px;
margin: 17px 0;
}

.titulo-capacidades{
float: left;
width: 300px;
text-align: left;
padding-left: 10px;
}

.titulo-capacidades h2{
font-family: "arial";
font-size: 24px;
color: #c7ffff;
}

.boton-cap{
float: left;
width: 300px;
height: 40px;
background-color: #ffbf00;
border: solid 1px #1b517f;

    /*--background: -webkit-linear-gradient(#e8e8e8, #777); /* For Safari 5.1 to 6.0 */
   /*--  background: -o-linear-gradient(#e8e8e8, #777); /* For Opera 11.1 to 12.0 */
   /*--  background: -moz-linear-gradient(#e8e8e8, #777); /* For Firefox 3.6 to 15 */
   /*--  background: linear-gradient(#e8e8e8, #777); /* Standard syntax (must be last) */
}
.boton-cap p{
font-family: 'Arial', sans-serif;
font-size: 16px;
padding-left: 5px;
color: #4d4d4d;
margin: 10px;
font-weight: 600;
}
.cap-derecha{
width: 638px;
float: right;
margin: 25px 0px;
}

.img-vd{
float: left;
width: 368px;
height: 226px;
background-color: white;
}

.especificaciones{
float: left;
width: 251px;
height: 226px;
background-color: white;
}

.especificaciones h2{
font-family: "arial";
font-size: 24px;
color: #1b517f;
margin: 0 auto;
padding:10px 0px 0px 10px;
}

.especificaciones h4{
font-family: "arial";
font-size: 18px;
color: #2d2d2d;
margin: 0 auto;
padding:10px 0px 0px 10px;
}

.especificaciones p{
font-family: "arial";
font-size: 14px;
color: #2d2d2d;
margin: 0 auto;
padding:10px 0px 0px 10px;
}

.contenedor-azul{
width: 960px;
min-height: 490px;
float: left;
background-color: #338de5;
}


/**CAPACIDADES**/

/*-personal--*/

.personal{
width: 960px;
min-height: 200px;
float: left;
background-color: #338de5;
}

.CSSTableGenerator {
	margin:0 auto;
    padding:0px;
	width:50%;
	
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
	
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
	
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
	
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}
.CSSTableGenerator table{
    border-collapse: collapse;
        border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}.CSSTableGenerator tr:last-child td:last-child {
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
}
.CSSTableGenerator table tr:first-child td:first-child {
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}
.CSSTableGenerator table tr:first-child td:last-child {
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
}.CSSTableGenerator tr:last-child td:first-child{
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
}.CSSTableGenerator tr:hover td{
	
}
.CSSTableGenerator tr:nth-child(odd){ background-color:#aad4ff; }
.CSSTableGenerator tr:nth-child(even)    { background-color:#ffffff; }
.CSSTableGenerator td{
	vertical-align:middle;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:7px;
	font-size:15px;
	font-family:Arial;
	font-weight:normal;
	color:#000000;
}.CSSTableGenerator tr:last-child td{
	border-width:0px 1px 0px 0px;
}.CSSTableGenerator tr td:last-child{
	border-width:0px 0px 1px 0px;
}.CSSTableGenerator tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.CSSTableGenerator tr:first-child td{
		background:-o-linear-gradient(bottom, #005fbf 5%, #003f7f 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #005fbf), color-stop(1, #003f7f) );
	background:-moz-linear-gradient( center top, #005fbf 5%, #003f7f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#005fbf", endColorstr="#003f7f");	background: -o-linear-gradient(top,#005fbf,003f7f);

	background-color:#005fbf;
	border:0px solid #000000;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:18px;
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;
}
.CSSTableGenerator tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #005fbf 5%, #003f7f 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #005fbf), color-stop(1, #003f7f) );
	background:-moz-linear-gradient( center top, #005fbf 5%, #003f7f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#005fbf", endColorstr="#003f7f");	background: -o-linear-gradient(top,#005fbf,003f7f);

	background-color:#005fbf;
}
.CSSTableGenerator tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.CSSTableGenerator tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}

.hide{
	float: right;
    width: 1px;
    visibility: hidden;
}

.send input{
	width: 100px;
    height: 36px;
    background-color: #f3c00d;
    border: none;
    font-family: "Arial";
    font-size: 20px;
    color: white;
    padding: 0;
}

.gracias-centrado{
	text-align: center;
	width: 100%;
	background-color: #f3c00d;
}
.gracias-centrado h1{
	margin: 0;
    padding: 20px;
	font-family: "arial";
    font-size: 24px;
    color: #1b517f;
}

.gracias-centrado p{
	font-family: "arial";
    color: white;
	padding-bottom: 20px;
}

.logo-hymsa{
    width: 100%;
    text-align: center;

}

.body-gracias{
	background-color: #141414;
	background-image: none;
}