/* Generated by Font Squirrel (http://www.fontsquirrel.com) on June 4, 2014 */



@font-face {
    font-family: 'globerbold';
    src: url('../fonts/fontfabric_-_globerbold-webfont.eot');
    src: url('../fonts/fontfabric_-_globerbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/fontfabric_-_globerbold-webfont.woff') format('woff'),
         url('../fonts/fontfabric_-_globerbold-webfont.ttf') format('truetype'),
         url('../fonts/fontfabric_-_globerbold-webfont.svg#globerbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'glober_regularregular';
    src: url('../fonts/fontfabric_-_globerregular-webfont.eot');
    src: url('../fonts/fontfabric_-_globerregular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/fontfabric_-_globerregular-webfont.woff') format('woff'),
         url('../fonts/fontfabric_-_globerregular-webfont.ttf') format('truetype'),
         url('../fonts/fontfabric_-_globerregular-webfont.svg#glober_regularregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'globerregular_italic';
    src: url('../fonts/fontfabric_-_globerregularitalic-webfont.eot');
    src: url('../fonts/fontfabric_-_globerregularitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/fontfabric_-_globerregularitalic-webfont.woff') format('woff'),
         url('../fonts/fontfabric_-_globerregularitalic-webfont.ttf') format('truetype'),
         url('../fonts/fontfabric_-_globerregularitalic-webfont.svg#globerregular_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'globerxbold';
    src: url('../fonts/fontfabric_-_globerxbold-webfont.eot');
    src: url('../fonts/fontfabric_-_globerxbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/fontfabric_-_globerxbold-webfont.woff') format('woff'),
         url('../fonts/fontfabric_-_globerxbold-webfont.ttf') format('truetype'),
         url('../fonts/fontfabric_-_globerxbold-webfont.svg#globerxbold') format('svg');
    font-weight: normal;
    font-style: normal;

}



/****************** Estilos Generales ************************/


body { font-family: "glober_regularregular", Helvetica Neue, Helvetica, Roboto, Arial, sans-serif; cursor:default; color:rgba(80,80,80,1); }

h1, h2, h3, h4, h5, h6, p, ul, li, a, .button {font-family: "glober_regularregular", Helvetica Neue, Helvetica, Roboto, Arial, sans-serif; }

h1, h2, h3, h4, h5, h6, p, ul, li {color:rgba(80,80,80,1);}

strong {font-family: 'globerxbold';}

em { font-family: 'globerregular_italic';}

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea { border-radius:14px;}

.seccion-encabezado { background:rgba(245,245,245,1); min-height:160px;}

.texto-blanco {color:rgba(255,255,255,1);}
.texto-blanco li {color:rgba(255,255,255,1);}



.logo-principal { text-indent:-9999px; width:320px; height:110px;  background:url(../img/logo-nutrimet.png) no-repeat; background-size:320px 110px;}

.logo-principal a{display:block; width:320px; height:110px;}



.menu-principal { height:60px; position:relative; margin-top:-22px; text-align:right; margin-bottom:-38px;}

.menu-principal ul{position:absolute; right:0; z-index:9999; background:rgba(145,200,60,1); height:44px;}

.menu-principal li{ margin:0; padding:0;}

.menu-principal a {line-height:44px; color:white; padding:0 20px; background:none;
					transition:all 300ms ease; box-shadow:0 5px 0px rgba(0,0,0,0);}

.menu-principal a:hover{ background:rgb(0,153,51); box-shadow:0 0 5px rgba(0,0,0,0.5);}

.menu-right { width:22px; height:60px; background:url(../img/background/menu-right.png) no-repeat;
position:absolute;}



.button{ border-radius:6px; box-shadow:0 3px 0 rgba(0,0,0,0.4);}

.boton-verde { background:rgba(0,146,70,1);}
.boton-verde:hover { background:rgba(0,100,70,1);}

.boton-naranja { background:rgba(230,175,40,1);}
.boton-naranja:hover { background:rgba(230,130,40,1);}



/****************** estilos portada ************************/

.info-introduccion-portada {background:url(../img/background/bg-portada-introduccion.jpg) no-repeat right rgba(255,255,255,1); background-size:cover;}

.info-portada-tratamientos { background:url(../img/background/bg-portada-tratamientos.jpg) no-repeat top rgba(145,200,60,1); background-size:cover;}

.info-portada-sucursales {background:url(../img/background/bg-portada-sucursales.jpg) no-repeat center rgba(216,95,0,1); background-size:cover;}


.panel-info-introduccion-portada{ background:rgba(255,255,255,0.7); padding:50px 20px;}
.panel-info-introduccion-portada h4{ line-height:2.2em; font-size:1.2em;}

.icono-contacto{ width:40px; height:28px; display:inline-block; background:url(../img/sprite-nutrimet.png) -80px  -42px no-repeat;}

.icono-tratamientos{ width:100px; height:100px; display:block; background:url(../img/sprite-nutrimet.png) 0 -80px no-repeat;}



.nutrimet-social ul{}
.nutrimet-social li { margin:0; padding:0; margin-right:6px; opacity:0.7; transition:all 300ms ease;}
.nutrimet-social li:hover { opacity:1;}

.nutrimet-twitter{ width:40px; height:40px; display:block; background:url(../img/sprite-nutrimet.png) 0 1px no-repeat; text-indent:999px;}
.nutrimet-facebook{ width:40px; height:40px; display:block; background:url(../img/sprite-nutrimet.png) -40px 0 no-repeat; text-indent:999px;}
.nutrimet-google{ width:40px; height:40px; display:block; background:url(../img/sprite-nutrimet.png) -80px 0 no-repeat; text-indent:999px;}
.nutrimet-instagram{ width:40px; height:40px; display:block; background:url(../img/sprite-nutrimet.png) -120px 0 no-repeat; text-indent:999px;}




.especialistas-enlaces{ opacity:0.6; transition:all 400ms ease;}

.especialistas-enlaces:hover{opacity:1;}



/****************** Estilos vistas *********************/

.titulo-quienes-somos { background:rgba(145,200,60,1);}
.info-quienes-somos { background:url(../img/background/bg-quienes-somos.jpg) no-repeat top rgba(145,200,60,1); background-size:cover;}
.info-quienes-somos h4{ line-height:2.2em; font-size:1.2em;}

.info-nutrimet  h4{ line-height:2.2em; font-size:1.2em;}
.info-nutrimet  h5{ line-height:1.5 em; font-size:1.2em;}

.info-portada-privacidad { background:url(../img/logo-privacidad.png) repeat top rgba(250,250,250,0.2); background-size:90%;}
.info-portada-privacidad h4{ line-height:2.2em; font-size:1.2em;}

.info-introduccion-tratamientos h4{ line-height:2.2em; font-size:1.2em;}


.info-servicios       { background:rgba(65,185,195,1);}
.info-servicios  h4{ line-height:2.2em; font-size:1.2em;}
.mapa-sucursales      {width: 100%; height: 300px;}
.info-franquicias     h4{ line-height:2.2em; font-size:1.2em;}
.info-imagen-franquicias {background:rgba(255,255,255,0.7); padding:50px 20px;}
.info-sucursales      h4{ line-height:2.2em; font-size:1.2em;}

.info-ubicacion-sucursales {background:rgba(240,240,240,1);}
.info-ubicacion-sucursales  h4{ line-height:2.2em; font-size:1.2em;}

.lista-servicios li   {font-size:1.3em; list-style: none; line-height: 28px; margin-bottom: 26px;}
.bullet-servicios     {width: 28px; height: 28px; position: absolute; margin-left: -32px;   background: url(../img/sprite-nutrimet.png) -45px -42px no-repeat;}
.icono-nuestros-servicios {width: 90px; height: 150px; display:block;  background: url(../img/sprite-nutrimet.png) -102px -80px no-repeat;}
.icono-sucursales     {width: 100px; height: 150px; display:block; margin-left: -25px; background: url(../img/sprite-nutrimet.png) -199px -80px no-repeat;} 

.titulo-mision-vision-valores { background:rgba(92,158,148,1);}
.lista-especialistas li   {font-size:1em;line-height:20px; margin-bottom: 26px;}




/****************** pie de pagina ************************/

.pie-de-pagina { background:rgba(65,77,95,1); padding:20px 0;}