body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}

.linksitio {
text-align: center;
width: 200px;
margin-top:25px;
display:inline-table;
font-family: "gotham_boldregular";
}

.linksitio1 {
text-align: center;
width: 140px;
margin-top:25px;
display:inline-table;
font-family: "gotham_boldregular";	
}

.linksitio a:link{
font-family: "gotham_boldregular";
font-size: 15.5px;
color: #444;
text-align: center;
width: 100%;
transition: all 350ms ease-in 0s;
text-decoration: none;
padding-bottom: 25px;
letter-spacing: 1px;
}

.linksitio a:hover{
font-size: 15.5px;
color: #0070B9;
transition: all 450ms ease-in 0s;
}

.texto{
font-family: "gotham_boldregular";
font-size: 15.5px;
color: #444;
text-align: center;
width: 100%;
}

.contenedorlinks{
height: 130px;
margin-top: 20px;
margin-bottom: 50px;
}

.linkverde{
font-family: "gotham_boldregular";
font-size: 10.5px;
color: #FFF;
letter-spacing: -0.1px;
text-rendering: optimizelegibility;
background: none repeat scroll 0% 0% #75C142;
float: left;
padding: 10px;
width: 22.3%;
text-align: center;
height: 35px;
border-radius: 5px;
margin-top: 5px;
display: inline-grid;
}

.linkverde a{
color: #FFF;
text-decoration: none;
transition: all 470ms ease-in-out 0s;
padding: 10px;
}

.linkverde a:hover{
color:#000;
transition: all 470ms ease-in-out 0s;	
}

.linknaranja{
font-family: "gotham_boldregular";
font-size: 10.5px;
color: #FFF;
letter-spacing: -0.1px;
text-rendering: optimizelegibility;
background: none repeat scroll 0% 0% #F26D33;
float: left;
padding: 10px;
width: 222px;
text-align: center;
height: 35px;
line-height: 3;
border-radius: 5px;
margin-top: 5px;
margin-right: 5px;
}

.linknaranja a{
color: #FFF;
text-decoration: none;
transition: all 470ms ease-in-out 0s;
padding: 10px;
}

.linknaranja a:hover{
color:#000;
transition: all 470ms ease-in-out 0s;	
}

.linkamarillo{
font-family: "gotham_boldregular";
font-size: 10.5px;
color: #000;
letter-spacing: -0.1px;
text-rendering: optimizelegibility;
background: none repeat scroll 0% 0% #FEC10D;
float: left;
padding: 10px;
width: 222px;
text-align: center;
height: 35px;
line-height: 3;
margin: 5px 5px 0px 5px;
border-radius: 5px;
}

.linkamarillo a{
color: #000;
text-decoration: none;
transition: all 470ms ease-in-out 0s;
padding: 10px;
}

.linkamarillo a:hover{
color:#fff;
transition: all 470ms ease-in-out 0s;	
}

.imagen{
float: right;
margin-bottom: 20px;
text-align: center;
font-family: "gotham_lightregular";
font-size: 12px;
width: 170px;
border: 1px solid #eee;
padding: 10px;
}

.imagenlistadooperadores {
float: right;
margin-bottom: 20px;
text-align: center;
font-family: "gotham_lightregular";
font-size: 12px;
width: 335px;
border: 1px solid #EEE;
padding: 10px;
}

.imagenlistadooperadores img{
opacity:1;
transition: all 470ms ease-in-out 0s;	
}

.imagenlistadooperadores:hover img{
opacity:0.8;
transition: all 470ms ease-in-out 0s;	
}

.imagen img{
opacity:1;
transition: all 470ms ease-in-out 0s;	
}

.lineanormativa{
border-bottom: 1px solid #CCC;
padding-top: 180px;	
}

.imagennormativa{
text-align: center;
width: 100%;
border: medium none;
margin-bottom: 40px;
margin-top: -45px;
float: left;
}

.imagennormativa img{
opacity: 1;
transition: all 470ms ease-in-out 0s;
background: #fff;
padding: 0px 10px 0px 10px;
}

.imagennormativa:hover img{
opacity:0.8;
transition: all 470ms ease-in-out 0s;	
}

.titulotiraverde{
font-family: "gotham_boldregular";
font-size: 15px;
color: #536533;
margin-top: 15px;
letter-spacing: -0.1px;
text-rendering: optimizelegibility;
margin-bottom: 30px;
}

.imagen:hover img{
opacity:0.8;
transition: all 470ms ease-in-out 0s;	
}

.tituloseccionelegi{
width: 950px;
height: auto;
font-family: "gotham_lightregular";
font-size: 30px;
text-align: center;
color: #FFF;
text-rendering: optimizelegibility;
letter-spacing: -0.1px;
margin-bottom: 10px;
padding: 30px 20px 30px 20px;
background: none repeat scroll 0% 0% #50B8B1;
}

.tituloseccionque{
height: auto;
font-family: "gotham_lightregular";
font-size: 30px;
text-align: center;
color: #666;
text-rendering: optimizelegibility;
letter-spacing: -0.1px;
margin-bottom: 10px;
padding: 30px 20px 30px 20px;
background: none repeat scroll 0% 0% #FFD100;
}

.tituloseccionconoce{
width: 100%;
height: auto;
font-family: "gotham_lightregular";
font-size: 30px;
text-align: center;
color: #FFF;
text-rendering: optimizelegibility;
letter-spacing: -0.1px;
margin-bottom: 10px;
padding: 30px 20px 30px 20px;
background: #F7941E;
margin-top: 1em;
}

.pie{
text-align: center;
width: 990px;
height: 87px;
margin-bottom: 20px;
margin: 0 auto;
}

.container{
width:990px;
margin:0 auto;
position:relative;	
}

.containerbanners{
width:990px;
margin:0 auto;
position:relative;
margin-top:20px;
border-bottom: 1px solid #eee;	
overflow: hidden;
}

.titulo{
font-family: 'gotham_boldregular';
font-size: 17.5px;
text-align: center;
letter-spacing: -0.1px;
color: #536533;
margin-top: 40px;
}

.guia{
/*float: left;*/
text-align: center;
border: 1px solid #EEE;
padding: 10px;
margin: 15px 3px 3px;
}

.guia img:hover{
cursor: pointer;
transition: all 470ms ease-in-out 0s;
opacity:0.7;
}

.frase{
font-family: "gotham_lightregular";
padding: 10px;
text-decoration: none;
text-rendering: optimizelegibility;
width: 970px;
border: 1px solid #EEE;
font-size: 13.5px;
background: none repeat scroll 0% 0% transparent;
color: #444;
letter-spacing: 0.1px;
text-align: center;
}

.contenedorseccion a{
font-family: "gotham_lightregular";
text-decoration: none;
color: #333;
font-size: 16px;
transition: all 470ms ease-in-out 0s;
text-align: center;
margin-left: 302px;
}

.contenedorseccion a:link{
color:#333;
transition: all 470ms ease-in-out 0s;
}

.contenedorseccion a:hover{
color:#75C142;
transition: all 470ms ease-in-out 0s;
}

.tituloelegi {
font-family: "gotham_boldregular";
font-size: 17.5px;
text-align: center;
width: 990px;
letter-spacing: -0.1px;
color: #536533;
margin-top: 30px;
}

.contenedornumeros{
width: 186px;
float: left;
border-right: 1px solid #888;
padding-right: 10px;
height: 110px;
margin-bottom: 15px;
}

.numero{
font-family: "gotham_boldregular";
font-size: 47.5px;
text-align: left;
color: #FEC10D;
width: auto;
padding-right: 10px;
padding-left: 10px;
float: left;
}

.descripcionnumero{
font-family: "gotham_boldregular";
font-size: 11px;
text-align: left;
float: left;
width: 130px;
margin-top: 15px;	
}

.titulosector {
font-family: "gotham_boldregular";
font-size: 17.5px;
text-align: left;
width: 990px;
letter-spacing: -0.1px;
color: #536533;
margin-top: 35px;
text-rendering: geometricprecision;
}

.textosector {
font-family: "gotham_lightregular";
font-size: 14px;
text-align: left;
width: 780px;
letter-spacing: -0.1px;
color: #333;
margin-top: 20px;
text-rendering: geometricprecision;
float: left;
line-height: 1.6;
}

.textosectorque {
font-family: "gotham_lightregular";
font-size: 14px;
text-align: left;
width: 100%;
letter-spacing: -0.1px;
color: #333;
margin-top: 20px;
text-rendering: geometricprecision;
float: left;
line-height: 1.6;
}

.textosector2 {
    font-family: "gotham_lightregular";
    font-size: 14px;
    text-align: left;
    width: 990px;
    letter-spacing: -0.1px;
    color: #333;
    margin-top: 20px;
    text-rendering: geometricprecision;
    float: left;
    line-height: 1.6;
}

.titulobanners{
font-family: "bellabooregular";
font-size: 21px;
text-align: center;
width: 990px;
letter-spacing: -0.1px;
color: #874D00;
margin-top: 30px;
float: left;
margin-bottom: 15px;
}

.tituloinbannersrojo{
font-family: "bellabooregular";
font-size: 24px;
text-align: center;
width: auto;
letter-spacing: -0.1px;
color: #874D00;
margin-top: 0px;
margin-bottom: 15px;
background:#F7941E;
color:#fff;
padding: 10px;
}

.tituloinbannersverde{
font-family: "bellabooregular";
font-size: 24px;
text-align: center;
width: auto;
letter-spacing: -0.1px;
color: #874D00;
margin-top: 0px;
margin-bottom: 15px;
background:#50B8B1;
color:#fff;
padding: 10px;
}

.tituloinbannersnaranja{
font-family: "bellabooregular";
font-size: 24px;
text-align: center;
width: auto;
letter-spacing: -0.1px;
margin-top: 0px;
margin-bottom: 15px;
background: none repeat scroll 0% 0% #FFD100;
color: #FFF;
padding: 10px;
}

.textoinbanners {
font-family: "gotham_lightregular";
font-size: 13.5px;
width: auto;
text-rendering: optimizelegibility;
line-height: 1.4;
text-align: center;
color: #333;
display: inline-table;
padding: 0px 20px;
margin-bottom: 10px;
height: 100px;
}

.btnbannersrojo a{
font-family: 'gotham_boldregular';
font-size: 13px;
color:#fff;
text-decoration:none;
padding:10px;		
}

.btnbannersrojo  a:link{
font-family: 'gotham_boldregular';
font-size: 13px;
color:#fff;
text-decoration:none;
padding:10px;
transition: all 470ms ease-in-out 0s;
background:#F7941E;		
}

.btnbannersrojo a:hover{
color:#fff;
transition: all 470ms ease-in 0s;
background:#666;
}

.btnbannersverde a{
font-family: 'gotham_boldregular';
font-size: 13px;
color:#fff;
text-decoration:none;
padding:10px;	
}

.btnbannersverde  a:link{
font-family: 'gotham_boldregular';
font-size: 13px;
color:#fff;
text-decoration:none;
padding:10px;
transition: all 470ms ease-in-out 0s;
background:#50B8B1;		
}

.btnbannersverde a:hover{
color:#fff;
transition: all 470ms ease-in 0s;
background:#666;
}

.btnbannersnaranja a{
font-family: 'gotham_boldregular';
font-size: 13px;
color:#fff;
text-decoration:none;
padding:10px;	
}

.btnbannersnaranja  a:link{
font-family: "gotham_boldregular";
font-size: 13px;
color: #FFF;
text-decoration: none;
padding: 10px;
transition: all 470ms ease-in-out 0s;
background: none repeat scroll 0% 0% #FEC10D;
display: inline-block;
float: left;
width: 80px;
margin: -10px 0px 0px 5px;	
}

.btnbannersnaranja a:hover{
color:#fff;
transition: all 470ms ease-in 0s;
background:#666;
}

.contenedorbanners{
width: 321px;
height: 215px;
margin: 10px 3px 30px;
text-align: center;
background:#F5F5F5;
display: inline-table;
}

.columnaizquierda {
font-family: "gotham_lightregular";
font-size: 15px;
margin: 10px auto 0px;
width: 50%;
float: left;
color: #536533;
text-rendering: optimizelegibility;
line-height: 1.8;
text-align: left;
}

.columnaderecha{
font-family: "gotham_lightregular";
font-size: 15px;
margin: 10px auto 0px;
width: 50%;
float: left;
color: #536533;
text-rendering: optimizelegibility;
line-height: 1.8;
text-align: right;	
}

.product h5{
width:auto;	
}

.imgcaratula{
width:165px;
height:176px;	
margin-left:120px;
margin-top:-140px;
float:right;
}

.imgcaratula2{
width:165px;
height:176px;	
margin-left:120px;
margin-top:-210px;
float:right;
}

.btnproducto{
margin-top:100px;	
}

.btnproducto a{
width:300px;
font-size: 10.5px;
font-weight: 600;
text-decoration: none;
padding: 10px;
transition: all 300ms ease-in 0s;
border: 1px solid #EEE;
color: #444;
letter-spacing: 0.1px;
}

.btnproducto a:vinculo{
transition: all 300ms ease-in 0s;
border: 1px solid #EEE;
color: #444;
letter-spacing: 0.1px;
padding:10px;
}

.btnproducto a:hover {
color: #E1864B;
background-color: transparent;
transition: all 300ms ease-in 0s;
border: 1px solid #E1864B;
}

.btnvolver{
margin-top:20px;	
}

.btnvolver a{
width: 300px;
font-size: 10px;
font-weight: 600;
text-decoration: none;
padding: 10px;
transition: all 300ms ease-in 0s;
border: 1px solid #EEE;
color: #444;
letter-spacing: 0.1px;
margin-top: 10px;
text-rendering: optimizelegibility;
border-radius: 7px 0px 0px 0px;
}

.btnvolver a:vinculo{
transition: all 300ms ease-in 0s;
border: 1px solid #EEE;
color: #444;
letter-spacing: 0.1px;
padding:10px;
}

.btnvolver a:hover {
color: #E1864B;
background-color: transparent;
transition: all 300ms ease-in 0s;
border: 1px solid #E1864B;
}

.btncatalogo{
margin-top:100px;	
}

.btncatalogo a{
width:300px;
font-size: 10.5px;
font-weight: 600;
text-decoration: none;
padding: 10px;
transition: all 300ms ease-in 0s;
border: 1px solid #EEE;
color: #444;
letter-spacing: 0.1px;
}

.btncatalogo a:vinculo{
transition: all 300ms ease-in 0s;
border: 1px solid #EEE;
color: #444;
letter-spacing: 0.1px;
padding:10px;
}

.btncatalogo a:hover {
color: #E1864B;
background-color: transparent;
transition: all 300ms ease-in 0s;
border: 1px solid #E1864B;
}


.btndatos{
margin-top: -16px;
margin-left: 172px;
}

.btndatos a{
width:300px;
font-size: 10.5px;
font-weight: 600;
text-decoration: none;
padding: 10px;
transition: all 300ms ease-in 0s;
border: 1px solid #EEE;
color: #444;
letter-spacing: 0.1px;
}

.btndatos a:vinculo{
transition: all 300ms ease-in 0s;
border: 1px solid #EEE;
color: #444;
letter-spacing: 0.1px;
padding:10px;
}

.btndatos a:hover {
color: #E1864B;
background-color: transparent;
transition: all 300ms ease-in 0s;
border: 1px solid #E1864B;
}

.btnpdf {
background: none repeat scroll 0% 0% #EEE;
width: 185px;
margin-top: 7px;
height: 42px;
margin-left:-6px;
}

.btnpdf a{
font-family: "gotham_lightregular";
font-size: 9px;
transition: all 300ms ease-in 0s;
color: #444;
text-decoration: none;
padding: 16px 38px 13px 29.4px;
background: none repeat scroll 0% 0% #EEE;
font-weight: 600;
}

.btnpdf img{
margin-top: 7px;
margin-bottom: -7px;
padding-right: 6px;
}

.btnpdf a:hover{
color: #E1864B;
transition: all 370ms ease-in 0s;
background: #f9f9f9;
}

.contenedorcatalogo{
width: 100%;
height: 298px;
margin: 0px auto;
}

.contenedorfoto{
width: 222px;
position: relative;
height: 278px;
border: 1px solid #EEE;
padding: 5px;
margin: 3.5px;
display: inline-block;
}

.contenedorfotoproducto{
width: 173px;
position: relative;
height: 233px;
border: 1px solid #EEE;
padding: 5px;
margin: 3.5px;
display: inline-block;
margin-top: 13px;
}

.btnservicio{
width: 100%;
text-align: center;
margin-top: 4px;
display: -moz-grid;
height: 40px;
border: 1px solid #CCC;
background: none repeat scroll 0% 0% #EEE;
font-family: "Georgia",sans-serif;
font-size: 13px;
font-variant: small-caps;
padding-top: 20px;
letter-spacing: 4.5px;
font-weight: 600;
}

.contenedorobra{
width: 173px;
position: relative;
height: 57px;
border: 1px solid #EEE;
padding: 5px;
margin: 3.5px;
display: inline-block;
}

.contenedorfiltros{
width:1024px;	
height:20px;
margin:0 auto;
position:relative;
}

.header{
top: 0px;
left: 0px;
width: 100%;
animation-duration: 900ms;
animation-timing-function: ease;
animation-fill-mode: both;
animation-name: fade-in-right;
animation-delay: 1350ms;
/*background-image: url('../Images/header.png');*/
background-size: cover;
height: 148px;
}

.img a:link{
transition: all 300ms ease-in 0s;
}

.img a:hover{
transition: all 300ms ease-in 0s;
opacity:0.7;
}

.bannerizquierdo{
width: 460px;
height: 125px;
float: left;
margin-left: 5px;
margin-top: 4px;
}

.bannerderecho{
width: 445px;
height: 453px;
border: 1px solid #CCC;
float: right;
margin-right: 4px;
margin-top: 4px;
border-radius: 0px 0px 8px;
padding: 10px;
background: none repeat scroll 0% 0% #EEE;
line-height: 19px;
}

.contenedorlogo{
margin: 0px auto;
position: relative;
height: 95px;
padding-top: 10px;
width: 990px;
margin-bottom: 50px;
z-index: 1000;
}

.contenedorbanners img{
transition: all 300ms ease-in 0s;
}

.contenedorbanners img:hover{
transition: all 300ms ease-in 0s;
opacity:0.7;
}

.logo{
margin: 0px auto;
position: relative;
height: 167px;
padding-top: 0px;
width: 201px;
padding-bottom: 10px;
float:left;
animation-duration: 900ms;
animation-timing-function: ease;
animation-fill-mode: both;
animation-name: fade-in;
animation-delay: 450ms;
z-index:1000;
margin-top:-10px;
}

.telefono{
margin: 0px auto;
height: 39px;
padding-top: 35px;
width: 409px;
float: right;
animation-duration: 900ms;
animation-timing-function: ease;
animation-fill-mode: both;
animation-name: fade-in;
animation-delay: 550ms;
}

.logo a{
margin: 0px auto;
width: 62%;
height: 65px;
transition: all 300ms ease-in 0s;
}

.logo a:hover{
margin: 0px auto;
width: 62%;
height: 65px;
opacity:0.7;
transition: all 300ms ease-in 0s;
}

.contenedornews{
border: 1px solid #F5F5F5;
width: 966px;
padding: 6px;
margin-bottom: 5px;
}

.fechanews{
font-family: "gotham_lightregular";
width: 980px;
position: relative;
margin: 0px auto;
font-size: 9.6px;
text-rendering: optimizelegibility;
letter-spacing: -0.1px;
color: #444;
font-weight: 600;
padding-left: 3px;
}

.titulonews{
font-family: "gotham_lightregular";
width: 960px;
position: relative;
margin: 0px auto;
text-rendering: optimizelegibility;
color: #DB803F;
font-weight: 600;
font-size: 12.9px;
letter-spacing: 0.1px;
padding-bottom: 6px;
}

.textonews{
font-family: "gotham_lightregular";
width: 964px;
position: relative;
font-size: 12px;
text-rendering: optimizelegibility;
font-weight: 300;
letter-spacing: 0.4px;
color: #666;
padding-bottom: 10px;
border-bottom: 1px solid #F6F6F6;
padding-left: 2px;
margin-bottom: 10px;
}

.titulocontenedorprincipal{
font-family: "gotham_lightregular";
width: 980px;
position: relative;
margin: 0px auto 20px;
font-size: 14px;
text-rendering: optimizelegibility;
letter-spacing: -0.1px;
color: #DB803F;
font-weight: 600;
padding-left: 6px;
}

.contenedorprincipal{
width: 990px;
font-family: "gotham_lightregular";
background: none repeat scroll 0% 0% #FFF;
position: relative;
margin: 20px auto;
border-radius: 0px 0px 8px 8px;
height: 483px;
font-size: 12.9px;
text-rendering: optimizelegibility;
letter-spacing: 0.1px;
color: #555;
border: 1px solid #f9f9f9;
}

.contenedorprincipalproductos {
    width: 980px;
    font-family: "gotham_lightregular";
    background: none repeat scroll 0% 0% #FFF;
    position: relative;
    margin: 20px auto;
    border-radius: 0px 0px 8px 8px;
    height: 483px;
    font-size: 12.9px;
    text-rendering: optimizelegibility;
    letter-spacing: 0.1px;
    color: #555;
    border: 1px solid #F9F9F9;
    float: left;
}

.tirapiefooter{
font-family: 'Open Sans', sans-serif;	
background: #464043;
color: #FFF;
width: 100%;
height: 50px;
}

.tirapiefooterimg{
width: 90%;
text-align: right;
margin-top: 11px;	
}

.tirafooter{
font-family: "gotham_lightregular";
background: none repeat scroll 0% 0% #D6D3D3;
width: 100%;
left: 0px;
z-index: 1000;
bottom: 0px;
padding-bottom: 30px;
padding-top: 10px;
}

.tirafooterproductos {
    font-family: "gotham_lightregular";
    background: none repeat scroll 0% 0% #D6D3D3;
    width: 100%;
    bottom: 0px;
    padding-bottom: 30px;
    padding-top: 10px;
    float: left;
}

.contenedorfooterredes{
width: 990px;
margin: 0px auto;
position: relative;
text-align: center;	
}

.contenedorinnerfooterredes{
width: 108px;
margin: 0px auto;
position: relative;
text-align: center;	
}

.logofooter{
padding-top:0px;
text-align:center;
float:left;	
}

.logolinkedin{
padding-top:0px;
text-align:center;
float:left;	
}

.logotwitter{
padding-top:0px;
text-align:center;
float:left;	
}

.textofooter{
font-family: "gotham_lightregular";
width: 100%;
margin: 0px auto 20px;
position: relative;
color: #333;
font-size: 9.5px;
padding-top: 15px;
letter-spacing: 0.3px;
text-align: center;
line-height: 13px;
text-rendering: optimizelegibility;
}

.texto2footer{
font-family: "gotham_lightregular";
width: 100%;
margin: 0px auto;
position: relative;
color: #FFF;
font-size: 9.5px;
text-align: center;
padding-top: 5px;
padding-bottom: 20px;
letter-spacing: 0.3px;
text-rendering: optimizelegibility;
text-align: left;
}

.texto2footer a{
font-family: 'Open Sans', sans-serif;
color: #DADAD9;
font-size: 10.8px;
font-weight: 300;
letter-spacing: 0.3px;
text-decoration:none;
margin-top:5px;
transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0;
transition: all 500ms ease-in 0s;
}

.texto2footer a:hover{
color:#FFF;
transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0;
transition: all 500ms ease-in 0s;	
}

.textobacktotop{
font-family: "gotham_lightregular";
color: #444;
text-align: center;
font-size: 12.5px;
letter-spacing: -0.1px;
}

#instantclick{
position:fixed;
top:0;
left:0;
width:100%;
pointer-events:none;
z-index:2147483647;
transition:opacity .35s .1s
}

.contenedorfooter{
width: 990px;
position: relative;
margin: 0px auto;
margin-top: 50px;
text-align:center;
}

.footerizquierdo{
float:left;
width:200px;
padding-top: 20px;
}

.footerizquierdo2{
float:left;
width:300px;
}

.footerderecho{
float:left;
	
}

.fechabannerderecho{
font-family: "gotham_lightregular";
font-size:11px;	
}

.titulobannerderecho{
font-family: "gotham_lightregular";
color: #E1864B;
font-weight: 600;
font-size: 13px;
text-align: left;
text-rendering: optimizelegibility;
}

.titulonovedades{
font-family: "gotham_lightregular";
font-size: 14px;
color: #E1864B;
font-weight:600;
margin-bottom:5px;
}

.textobannerderecho{
font-family: "gotham_lightregular";
font-size: 12px;
margin-top: 5px;
margin-bottom: 15px;
letter-spacing: 0.3px;
text-rendering: optimizespeed;
}

.btnbannerderecho {
border-bottom: 1px dotted #DDD;
padding-bottom: 15px;
}

.btnbannerderecho a{
font-family: "gotham_lightregular";
font-size: 10.3px;
transition: all 200ms ease-in 0s;
text-rendering: optimizelegibility;
color: #eee;
border: 1px solid #999;
text-decoration: none;
padding: 6px;
background: #656565;
}

.btnbannerderecho a:hover{
font-family: "gotham_lightregular";
font-size: 10.3px;
transition: all 250ms ease-in 0s;
text-rendering: optimizelegibility;
color: #fff;
border: 1px solid #E1864B;
background: #E1864B;
}


.instantclick-bar{
background:#29d;
width:100%;
margin-left:-100%;
height:2px;
transition:all .35s
}

.contenedordeiconos{
width: 990px;
padding: 10px 0px 25px;
background: #ddd;	
}

.icono{
width: 12%;
height: auto;
margin: 0px auto 0px 100px;
display: inline-block;
}

.titulodelicono{
font-family: 'Open Sans', sans-serif;
font-size: 16.5px;
color: #464043;
text-align: center;
margin-top: 20px;
width: 150px;
margin-left: -50px;
font-weight: 100;
letter-spacing: -0.3px;
}

.subtitulodelicono{
font-family: 'Open Sans', sans-serif;
font-size: 12.5px;
color: #464043;
text-align: center;
margin-top: 20px;
width: 150px;
margin-left: -50px;
letter-spacing: 0.2px;
}

.contenedorcolumna{
width: 243px;
height:156px;
float:left;
margin:2px;
}

.contenedorcasodeexito{
width:980px;
height:auto;
}

.contenedorservicios2{
width: 300px;
border: 1px solid #EEE;
padding: 10px;
height: 500px;
float: left;
margin: 2px;
}

.contenedorservicios{
width: 980px;
height: auto;
}

.contenedorservicio1{
width: 300px;
border: 1px solid #EEE;
padding: 10px;
height: 500px;
display: inline-block;
margin: 2px;
float: left;
}

.contenedorservicio1{
text-align:center;	
}

.contenedorservicios2{
text-align:center;	
}

.contenedorcasodeexito1{
width: 967px;
border: 1px solid #EEE;
height: 203px;
padding: 5px;
margin: 0 auto;
}

.contenedorcasodeexito2{
width: 300px;
border: 1px solid #EEE;
padding: 10px;
height: auto;
display: inline-block;
}

.btnvercaso{
height: 15px;
border: 1px solid #CCC;
width: 69px;
position: relative;
margin: 135px 10px 110px auto;
text-align: center;
padding: 10px;
}

.btnvercaso img{
transition: all 300ms ease-in 0s;	
}

.btnvercaso:hover img{
transition: all 300ms ease-in 0s;
opacity:0.8;	
}

.titulocasodeexito{
width: 100%;
height: 25px;
font-family: "gotham_lightregular";
font-size: 13.5px;
text-align: left;
color: #E1864B;
text-rendering: optimizelegibility;
font-variant: small-caps;
font-weight: 600;
letter-spacing: 0.1px;
margin-bottom: 10px;	
}

.tituloservicio {
width: 100%;
height: 25px;
font-family: "gotham_lightregular";
font-size: 14px;
text-align: center;
color: #E1864B;
text-rendering: optimizelegibility;
font-weight: 600;
letter-spacing: 0.1px;
margin-bottom: 20px;
margin-top: 20px;
}

.nombredelservicio {
    font-family: "gotham_lightregular";
    font-size: 13px;
    text-align: center;
    color: #444;
    text-rendering: optimizelegibility;
    letter-spacing: 0.1px;
    font-weight: 600;
}

.nombredelcaso{
font-family: "gotham_lightregular";
font-size: 15px;
text-align: left;
color: #555;
text-rendering: optimizelegibility;
letter-spacing: -0.1px;
width: 780px;
border-bottom: 1px solid #EEE;
padding-bottom: 10px;
position: relative;
float: right;
margin-top: -10px;
}

.botonfiltros{
font-family: "gotham_lightregular";
font-size: 9.5px;
text-align: left;
color: #555;
text-rendering: optimizelegibility;
letter-spacing: -0.1px;
width: auto;
float: left;
margin: 0px 2.2px 0px 0px;
}

.caso {
    font-family: "gotham_lightregular";
    font-size: 12px;
    text-align: left;
    color: #E1864B;
    text-rendering: optimizelegibility;
    letter-spacing: -0.1px;
    width: 780px;
    padding-bottom: 10px;
    position: relative;
    margin: 0px auto 0px;
    float: right;
    font-weight: 600;
	margin-top:-30px;
	
}

.textodelservicio{
    font-family: "gotham_lightregular";
    font-size: 12.1px;
    text-align: center;
    color: #666;
    text-rendering: optimizelegibility;
    letter-spacing: 0.3px;
    padding-top: 5px;
}

.textodelcaso{
font-family: "gotham_lightregular";
font-size: 12.5px;
text-align: left;
color: #555;
text-rendering: optimizelegibility;
float: right;
width: 780px;
position: relative;
margin: 0px auto;
margin-top: 10px;
}

.nombreresponsable{
font-family: "gotham_lightregular";
font-size: 12.5px;
text-align: left;
color: #555;
text-rendering: optimizelegibility;
font-style: italic;
margin-top: 10px;
font-variant: normal;
letter-spacing: 0.1px;
}

.posiciondelresponsable{
font-family: "gotham_lightregular";
font-size: 11.5px;
text-align: left;
color: #999;
text-rendering: optimizelegibility;
font-style: italic;
font-variant: normal;
}

.contenedorseccion{
width: 980px;
height: auto;
position: relative;
margin: 0px auto;
border: 1px solid #EEE;
padding: 5px;
}

.iconoemail:img{
width:23px;
height:16px;
text-align:center;	
transition: all 300ms ease-in 0s;
}

.iconoemail:hover{
transition: all 300ms ease-in 0s;
opacity:0.8;	
}

.contenedorseccionnews {
width: 980px;
height: auto;
position: relative;
margin: 0px auto;
border: 1px solid #EEE;
padding: 5px;
margin-bottom: 10px;
}

.contenedorseccionmante {
width: 980px;
height: auto;
position: relative;
margin: 0px auto;
border: 1px solid #EEE;
padding: 5px;
}

.contenedorseccionarea{
width: 980px;
height: auto;
position: relative;
margin: 0px auto;
border: 1px solid #EEE;
padding: 15px;
}

.contenedorsecciondocu {
width: 980px;
height: 635px;
position: relative;
margin: 0px auto;
border: 1px solid #EEE;
padding: 5px;
}

.contenedorseccionproductos {
width: 980px;
height: auto;
position: relative;
margin: 0px auto;
padding: 5px;
}

.contenedorseccionobras {
width: 980px;
height: 365px;
position: relative;
margin: 0px auto;
border: 1px solid #EEE;
padding: 5px;
margin-bottom: 5px;
}

.contenedorobra img{
cursor:pointer;	
}

.ui-tooltip-content{
font-family: "gotham_lightregular";
font-size: 12px;
text-align: left;
letter-spacing:0.1px;
text-rendering: optimizelegibility;
color: #454545;
}

.subtituloseccion{
width: 974px;
height: 25px;
font-family: "Georgia",sans-serif;
font-size: 13px;
text-align: left;
color: #454545;
text-rendering: optimizelegibility;
font-weight: 600;
letter-spacing: 0.1px;
margin-bottom: 2px;
font-style: italic;
}

.tituloseccion img{
float: left;
margin-right: 5px;
}

.textoseccion{
width: 980px;
height: auto;
font-family: "gotham_lightregular";
font-size: 13px;
text-align: justify;
letter-spacing: 0.1px;
text-rendering: optimizelegibility;
color: #454545;
line-height: 1.5;
}

.textoseccionpartners {
    width: 980px;
    height: auto;
    font-family: "gotham_lightregular";
    font-size: 13px;
    text-align: justify;
    letter-spacing: 0.1px;
    text-rendering: optimizelegibility;
    color: #454545;
    line-height: 2.1;
}

.textoseccionlogin{
width: 990px;
height: auto;
font-family: "gotham_lightregular";
font-size: 13px;
color: #454545;
text-align: center;
letter-spacing: 0.1px;
text-rendering: optimizelegibility;
margin-top: 6px;
margin-bottom: 15px;
}

.textoseccion a{
font-family: "gotham_lightregular";
transition: all 300ms ease-in 0s;
text-rendering: optimizelegibility;
text-decoration: none;
font-size: 11.5px;
color: #E1864B;
width: auto;
font-weight: 600;
}

.textoseccion a:hover{
transition: all 300ms ease-in 0s;
text-rendering: optimizelegibility;
color: #777;
opacity: 0.5;
}

.textoseccioncontacto a{
font-family: "gotham_lightregular";
transition: all 300ms ease-in 0s;
text-rendering: optimizelegibility;
text-decoration: none;
font-size: 14px;
color: #E1864B;
font-variant: normal;
}

.textoseccioncontacto a:hover{
transition: all 400ms ease-in 0s;
text-rendering: optimizelegibility;
color: #777;
}

.breadcrumbs{
font-family: "gotham_lightregular";
font-size: 11.9px;
color: #888;
width: 990px;
height: auto;
letter-spacing: -0.1px;
position: relative;
margin: 15px auto 15px;
border-bottom: 1px solid #EEE;
padding: 0px 0px 10px 0px;	
}

.breadcrumbs a{
font-family: "gotham_lightregular";
font-size: 11.9px;
color: #888;
text-decoration: none;
letter-spacing: -0.1px;
transition: all 300ms ease-in 0s;
text-rendering: optimizelegibility;
}

.breadcrumbs a:hover{
color: #E1864B;
letter-spacing: -0.1px;
transition: all 400ms ease-in 0s;
text-rendering: optimizelegibility;		
}

.breadcrumbs img{
vertical-align:middle;
margin-left:5px;
margin-right:5px;
transition: all 400ms ease-in 0s;	
}

.textologin{
width: 990px;
height: auto;
font-family: "gotham_lightregular";
font-size: 12px;
text-align: center;
letter-spacing: 0.3px;
text-rendering: optimizelegibility;
margin-bottom: 10px;
}

.textologin input{
margin-bottom: 10px;
border: 1px solid #eee;
padding: 7px;
margin-top: 5px;
transition: all 300ms ease-in 0s;
text-rendering: optimizelegibility;	
text-align:center;
}

.textologin input:hover{
margin-bottom: 10px;
border: 1px solid #666;
padding: 7px;
margin-top: 5px;
transition: all 300ms ease-in 0s;
text-rendering: optimizelegibility;	
}

.btnnews{
width: 200px;
padding-bottom: 8px;
padding-top: 6px;	
}

.btnnews a{
font-family: "gotham_lightregular";
transition: all 300ms ease-in 0s;
text-rendering: optimizelegibility;
text-decoration: none;
font-size: 10px;
color: #E1864B;
border: 1px solid #E1864B;
padding: 7px;
}

.btnnews a:hover{
transition: all 160ms ease-in 0s;
text-rendering: optimizelegibility;
color: #454545;
border: 1px solid #454545;
}

.btnlogin a{
font-family: "gotham_lightregular";
transition: all 300ms ease-in 0s;
text-rendering: optimizelegibility;
text-decoration: none;
font-size: 12px;
color: #E1864B;
border: 1px solid #E1864B;
padding: 7px;
}

.btnlogin a:hover{
transition: all 400ms ease-in 0s;
text-rendering: optimizelegibility;
color: #777;
border: 1px solid #777;
}

.contenedorlogin{
text-align:center;	
}

.contenedortextostaff{
margin-top: 20px;
}

.contenedorstaff img{
width: 213px;
height: 200px;
}

.nombrestaff{
font-family: Georgia,"Times New Roman",Times,serif;
text-rendering: optimizelegibility;
font-size: 13px;
color: #555;
text-align: center;
font-variant: small-caps;
font-weight: 600;
letter-spacing: 0.1px;
line-height: 3;
}

.puestostaff{
font-family: Georgia,"Times New Roman",Times,serif;
text-rendering: optimizelegibility;
text-align: center;
font-size: 15px;
color: #E1864B;
height: 30px;
font-style: italic;
letter-spacing: 0.1px;
font-weight: 500;
}

.emailstaff{
text-align: center;
line-height: 4;	
}

.emailstaff a:link{
font-family: "gotham_lightregular";
transition: all 200ms ease-in 0s;
text-rendering: optimizelegibility;
text-decoration: none;
text-align: center;
font-size: 13px;
letter-spacing: -0.1px;
color: #666;
padding: 7px;
font-weight: 600;
}

.emailstaff a:hover{
color: #E1864B;
transition: all 300ms ease-in 0s;
}

.emailstaff a:visited{
color: #666;
transition: all 300ms ease-in 0s;
}

/* Estilos del formulario */
label {
    display:block;
    margin-top:10px;
    letter-spacing:1px;
}
.formulario {
color: #373435;
font-family: "gotham_lightregular";
font-size: 13px;
}

form {
    margin:0 auto;
    width:500px;
}
 
input, textarea {
font-family: "gotham_lightregular";
width: 480px;
height: 27px;
border: 1px solid #EEE;
padding: 10px;
margin-top: 5px;
font-size: 12.5px;
color: #444;
background-color: #FFF;
transition: all 500ms ease-in 0s;
text-align: center;
letter-spacing: -0.1px;
}
 
textarea {
    height:150px;
}
 
#submit {
font-family: 'gotham_boldregular';
font-size: 13px;
color: #FFF;
width: 85px;
height: 45px;
border: medium none;
cursor: pointer;
margin-top: 20px;
text-decoration: none;
padding: 10px;
background-color: #546532;
transition: all 450ms ease-in 0s;
}

#submit:hover {
color: #546532;
width: 85px;
margin-top: 20px;
cursor: pointer;
transition: all 450ms ease-in 0s;
background: none repeat scroll 0% 0% transparent;
border: 1px solid #546532;
}

.embed-responsive embed-responsive-16by9{
width:50%;	
}

a.button {
margin-top:1em;	
}

a.button {
padding: 1.2em 2em;
background: #75C142;
color: #fff;
font-family: "gotham_boldregular";
transition: all 0.45s;
display: inline-block;	
}

a.button:hover {
background: #eee;
color: #75C142;
transition: all 0.35s;
text-decoration:none;	
}

a.button:active {
text-decoration:none;	
}