@font-face {
    font-family: 'latoitalic';
    src: url('/styles/font/lato-italic.eot');
    src: url('/styles/font/lato-italic.eot?#iefix') format('embedded-opentype'),
         url('/styles/font/lato-italic.woff2') format('woff2'),
         url('/styles/font/lato-italic.woff') format('woff'),
         url('/styles/font/lato-italic.ttf') format('truetype'),
         url('/styles/font/lato-italic.svg#latoitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'latoregular';
    src: url('/styles/font/lato-regular.eot');
    src: url('/styles/font/lato-regular.eot?#iefix') format('embedded-opentype'),
         url('/styles/font/lato-regular.woff2') format('woff2'),
         url('/styles/font/lato-regular.woff') format('woff'),
         url('/styles/font/lato-regular.ttf') format('truetype'),
         url('/styles/font/lato-regular.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'latobold';
    src: url('/styles/font/lato-bold.eot');
    src: url('/styles/font/lato-bold.eot?#iefix') format('embedded-opentype'),
         url('/styles/font/lato-bold.woff2') format('woff2'),
         url('/styles/font/lato-bold.woff') format('woff'),
         url('/styles/font/lato-bold.ttf') format('truetype'),
         url('/styles/font/lato-bold.svg#latobold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'latobold_italic';
    src: url('/styles/font/lato-bolditalic.eot');
    src: url('/styles/font/lato-bolditalic.eot?#iefix') format('embedded-opentype'),
         url('/styles/font/lato-bolditalic.woff2') format('woff2'),
         url('/styles/font/lato-bolditalic.woff') format('woff'),
         url('/styles/font/lato-bolditalic.ttf') format('truetype'),
         url('/styles/font/lato-bolditalic.svg#latobold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
	font-family:latoregular;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

ul{
	list-style: none;
}
body{font-family:latoregular;color:#464646;text-rendering:optimizeLegibility}
.fade5{    -webkit-transition: all 0.5s ease;    -moz-transition: all 0.5s ease;    -o-transition: all 0.5s ease;    transition: all 0.5s ease;    -ms-transition: all 0.5s ease;}
.clear{clear:both;width:100%;position:relative;display:block;}
#cabecera{width:100%;height:110px;background:#fff; text-align: center;padding-top:10px;padding-bottom:10px;}
.logo{    width: 226px;height: 46px; display:inline-block;    margin-top: 10px; margin-bottom: 17px;}
.claim{color:#00747B;font-weight:bold;font-family:latobold;font-size:21px;}
#contenido{width:90%;height:auto;padding:68px 5% ;max-width:1366px;margin:0 auto;}
.banda{width:100%;height:30px;background:#127c8e;display:block;}
.productos{    width: 60%;    height: auto;float:left;}
.producto{float:left;text-align:center;    width: 23%;    padding: 1%;    min-height: 200px;}
.producto a{color:#464646;text-decoration:none;}
.producto img{    background-color: #535353;    border-radius: 100px;    padding: 5px;    text-align: center;    width: 50%;}
.producto:hover img{background-color:#127c8e;}
.producto:hover h2{color:#127c8e;}
.producto h2{ text-transform:uppercase;   padding-top: 8px;    line-height: 20px;    max-width: 166px;    margin: 0 auto;    float: none;}
.reclamos{float:left;width:30%;margin-left:10%;    font-size: 21px;    font-weight: bold;margin-top:6px;font-style:italic;font-family:latobold_italic;}
.reclamos ul{  list-style-image: url("/img/visto.png");}
.reclamos ul li {padding:6px 0;}
.contactos{    margin-top: 60px;    width: 90%;    margin: 60px 3.5% 0 3.5%;    overflow: hidden;}
.tecontactamos, .descargacatalogo{margin-bottom:40px;position:relative;overflow:hidden;}
.tecontactamos button, .descargacatalogo button{ color:#464646; border: none;background: #fff;font-family: latoregular;font-size: 22px;width: 350px;text-align: left;padding: 9px;border:3px solid #127c8e;border-radius:0 23px 23px 0;-webkit-border-radius:0 23px 23px 0;-moz-border-radius:0 23px 23px 0;-ms-border-radius:0 23px 23px 0;-o-border-radius:0 23px 23px 0;outline:none;z-index:100;position:relative;}
.tecontactamos button:hover, .descargacatalogo button:hover{color:#fff;background:#127c8e}
footer{width:100%;background:#2f2f2f;float:left;}
#formucontacto{      border: 3px solid #127c8e;    border-top: none;    overflow: hidden;    position: relative;    clear: both;    width: 302px;    margin-top: -276px;    z-index: 1;padding:12px;}
#formucontacto input{margin:5px 0;border:1px solid #464646;font-size:14px;padding:5px;     padding:5px 2%;    width: 95%;}
#formucontacto textarea{    width: 94.5%;    padding:5px 2%;    border: 1px solid #464646;    margin-top: 5px; }
#formucontacto #submit{width: 100px;    float: none;    margin: 10px auto 0 auto;    display: block;    background: #127c8e;    color: #fff;    border: none;}
#formucontacto label{color:#127c8e;font-family:latobold}
#frmcontacto{margin-top:5px}

#formudescarga{      border: 3px solid #127c8e;    border-top: none;    overflow: hidden;    position: relative;    clear: both;    width: 302px;    margin-top: -191px;    z-index: 1;padding:12px;}
#formudescarga input{margin:5px 0;border:1px solid #464646;font-size:14px;padding:5px;     padding:5px 2%;    width: 95%;}
#formudescarga textarea{    width: 94.5%;    padding:5px 2%;    border: 1px solid #464646;    margin-top: 5px; }
#formudescarga #submit2{width: 100px;    float: none;    margin: 10px auto 0 auto;    display: block;    background: #127c8e;    color: #fff;    border: none;}
#formudescarga label{color:#127c8e;font-family:latobold}
#frmdescarga{margin-top:5px}
#frmcontacto, #frmdescarga{margin-top:10px;}

.footer{max-width:1300px;margin:0 auto;display:block;padding:0 33px;}
.footer li{float:left;width:30%;margin:10px 1.5%;}
.footer li.miemb{width:40%;}
.footer li.cert, .footer li.conta {width:25%;}
.footer h4{font-weight:normal;color:#fff;padding:10px 0 ;font-size:19px;}
.footer pre{color:#fff;font-family:latoregular;color:#d5d5d5;font-size:14px;line-height:16px;}
.footer pre a{color:#d5d5d5;text-decoration:none;}
.piefinal{width:100%;clear:both;padding:20px 0;}
.social{float:right;padding:20px 10px 20px 0}
.fb{background:url('/img/fb.png') no-repeat;width:30px;height:30px;color:transparent;font-size:1px;display:block;float:left;margin-right:10px;}
.tw{background:url('/img/tw.png') no-repeat;width:30px;height:30px;color:transparent;font-size:1px;display:block;float:left;}
.yt{background:url('/img/yt.png') no-repeat;width:30px;height:30px;color:transparent;font-size:1px;display:block;float:left;margin-right:10px;}
.social a{opacity:0.8;}
.social a:hover{opacity:1;}
.piefinal{font-size:14px;}
.logopie{float:left;}
.copy{    float: left;    padding-top: 29px;    padding-left: 23px;    color: #8b8c8d;line-height: 18px;}
.piefinal a{color:#fff;text-decoration:none;}
.piefinal a:hover{color:#ccc;}
.cert img{float:left;clear:both;}
.miemb a{margin-bottom:10px;display:block;float:left;margin-right:10px}
#foto{background:url('/img/fondo1.jpg') 0 50% no-repeat;background-size:100%;width:100%;}
#foto2{background:url('/img/fondo2.jpg') 0 50% no-repeat;background-size:100%;width:100%;}
#foto3{background:url('/img/fondo3.jpg') 0 50% no-repeat;background-size:100%;width:100%;}
#foto4{background:url('/img/fondo4.jpg') 0 50% no-repeat;background-size:100%;width:100%;}
.slide{height:auto;}
.gracias{font-size: 20px;text-align: center;}
.gracias a{color:#127c8e;text-decoration:none;display:block;margin-top:10px;}
.selectoridioma{position:absolute;right:20px;top:20px;}
.selectoridioma li{float:left;color:#000;padding:5px;}
.selectoridioma li a{text-decoration:none;color:#000;}
.selectoridioma li a.activo{font-weight:700;}
@media (max-width: 991px){
.producto{width:48%;}
}
@media (max-width: 735px){
.footer li.cert{width:45%;margin:0;} 
.footer li.miemb {width:55%;margin:0;}
.footer li.conta{width:100%;margin:0;}
}
@media (max-width: 560px){
.footer li{width:100%!important;}
.copy{margin:0;padding:0;}
.productos{width:100%;}
.reclamos{width: 88%;margin: 0 3.5%;padding-left: 26px;padding-top: 34px;}
.tecontactamos button, .descargacatalogo button{width:309px;font-size:21px;}
#formucontacto, #formudescarga{width:252px;}
#contenido{padding:34px 5%;}
#cabecera{height:auto;}
.selectoridioma{width:100%;text-align:center;top:11px;right:0;position:relative; }
.selectoridioma li{float:none;display:inline-block}
.producto h2{font-size:14px;}
}
@media (max-width: 400px){

.tecontactamos button, .descargacatalogo button{font-size:18px;width:269px;}
#formucontacto, #formudescarga{width:221px;}
}
@media (max-width: 350px){
.logopie img{width:100%;}
.miemb img{width:100px;}
.tecontactamos button, .descargacatalogo button{font-size:16px;width:259px;}
#formucontacto, #formudescarga{width:211px;}
}