@font-face {
    font-family: 'alegreya_sansregular';
    src: url('alegreyasans-regular-webfont.eot');
    src: url('alegreyasans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('alegreyasans-regular-webfont.woff2') format('woff2'),
         url('alegreyasans-regular-webfont.woff') format('woff'),
         url('alegreyasans-regular-webfont.ttf') format('truetype'),
         url('alegreyasans-regular-webfont.svg#alegreya_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'alegreya_sans_scbold';
    src: url('alegreyasanssc-bold-webfont.eot');
    src: url('alegreyasanssc-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('alegreyasanssc-bold-webfont.woff2') format('woff2'),
         url('alegreyasanssc-bold-webfont.woff') format('woff'),
         url('alegreyasanssc-bold-webfont.ttf') format('truetype'),
         url('alegreyasanssc-bold-webfont.svg#alegreya_sans_scbold') format('svg');
    font-weight: normal;
    font-style: normal;
}/*
@-webkit-keyframes cssAnimation {
from { margin-top:-15px; }
to { margin-top:3px; }
}
@-moz-keyframes cssAnimation {
from { margin-top:-15px; }
to { margin-top:3px; }
}
@-o-keyframes cssAnimation {
from { margin-top:-15px; }
to { margin-top:3px; }
}
@keyframes cssAnimation {
from { margin-top:-15px; }
to { margin-top:3px; }
}*/
*{text-decoration:none;
font-family: 'alegreya_sansregular', sans-serif;}
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
b,u,i,center,ul,
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:inherit;
vertical-align:baseline;
font-style: normal;
list-style:none;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{
display:block;
}
h1,h2,h3,h4,h5,h6,b,strong{
font-family: 'alegreya_sans_scbold', sans-serif;
}
html,body{
height:100%;
}
body{background:url(../images/bg.jpg) no-repeat center top fixed #FFF;-webkit-background-size:cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;
}
.clear{
clear:both;
}
#wrapper{
min-width:950px;
margin:auto;
padding-top:768px;
}
#cabeza{
height:763px;
position:absolute;
z-index:1;
width:100%;
top:0;
}
#servicios:before {
      display: block;
      content: " ";
      margin-top: -75px;
      height: 75px;
}
#contacto,#nosotros{
padding-top:75px;
}
#contacto{
width:950px;
margin:auto;
}
#contacto .tit2{
color:#FFF;
}
.bordo{
background:#811A1D;
}
.blanco{
background:#FFF;
}
.gris{
background:#F0F0EC;
}
.tit2{
padding:10px;
color:#811A1D;
font-size:28px;
width:950px;
margin:auto;
}
#servicios .tit2{
background:#811A1D !important;
color:#FFF; 
position:relative;
left:5px
}
.servicios{
display:none;
}
#menu-serv{
background-color:#811A1D;
width:950px;
margin:auto;
}
#menu-serv ul li{
width:190px;
float:left;
}
#menu-serv ul li a{
display:block;
text-align:center;
padding:5px;
padding-top:80px;
color:#FFF;
font-family: 'alegreya_sans_scbold', sans-serif;
}
#a-integral{
background:url(../images/iconos.png) 20px top no-repeat;
}
#a-impuestos{
background:url(../images/iconos.png) -190px top no-repeat;
}
#a-agro{
background:url(../images/iconos.png) -380px top no-repeat;
}
#a-auditoria{
background:url(../images/iconos.png) -570px top no-repeat;
}
#a-consorcios{
background:url(../images/iconos.png) -760px top no-repeat;
}
#a-integral:hover,#a-integral.selected{
background:url(../images/iconos.png) 20px -125px no-repeat;
}
#a-impuestos:hover,#a-impuestos.selected{
background:url(../images/iconos.png) -190px -125px no-repeat;
}
#a-agro:hover,#a-agro.selected{
background:url(../images/iconos.png) -380px -125px no-repeat;
}
#a-auditoria:hover,#a-auditoria.selected{
background:url(../images/iconos.png) -570px -125px no-repeat;
}
#a-consorcios:hover,#a-consorcios.selected{
background:url(../images/iconos.png) -760px -125px no-repeat;
}
#menu-serv ul li a:hover,.selected{
background-color:#FFF !important;
color:#811A1D !important;
}
#integral{
display:block;
}
#logo{
text-align:center;
display:block;
padding:10px;
padding-top:250px;
}
#menu{
box-shadow:0 4px 2px -2px rgba(0,0,0,.3);
background-color:#FFF;
position:fixed;
width:100%;
top:0;
left:0;
}
#menu ul li{
width:150px;
float:left;
margin-left:25px;
margin-right:25px;
}
#menu ul li:first-child{
margin-left:0 !important;
text-align:left !important;
}
#menu ul li:first-child a,#menu ul li:nth-child(2) a{
text-align:left !important;
}
#menu ul li:last-child{
margin-right:0 !important;
}
#menu ul li:last-child a{
text-align:right !important;
}
#menu ul{
width:950px;
margin:auto;
}
#menu ul li a{
display:block;
text-align:center;
color:#AAA;
font-family: 'alegreya_sans_scbold', sans-serif;
font-size:18px;
text-transform:uppercase;
position:relative;
padding:10px;
font-weight:bolder;
}
#menu ul li:nth-child(4) a{
background-color:#811A1D;
color:#FFF !important;
}
#menu ul li:not(:nth-child(3)) a{
position:relative;
top:15px;
}
#menu ul li a:hover{
color:#811A1D;
}
#logo-chico{
display:block;
width:325px;
float:left;
display:none;
margin-right:60px;
}
#menu #logo-chico{
display:block;
}
#distribuidor{
padding-left:55px;
padding-right:55px;
margin-top:30px;
}
#nosotros{
background-color:#F0F0EC;
padding-bottom:30px;
width:950px;
margin:auto;
}
#nosotros .tit2{
color:#000 !important;
}
.nosotros{
float:left;
width:360px;
margin-top:10px;
}
.nosotros:first-child{
margin-right:100px;
}
.nosotros h3{
font-size:20px;
margin-bottom:5px;
margin-top:20px;
}
.nosotros p{
font-size:14px;
text-align:left;
}
.nosotros figure{
text-align:center;
}
.verCV{
display:block;
padding:5px;
background-color:#811A1D;
color:#FFF;
font-family: 'alegreya_sans_scbold', sans-serif;
width:auto;
float:right;
margin-top:20px;
position:relative;
}
.verCV:hover{
box-shadow:1px 1px 3px rgba(0,0,0,.5);
bottom:1px;
right:1px;
}
.pnos{
padding:10px;
margin-bottom:5px;
font-size:14px;
text-align:left;
}
#izq-nos{
width:580px;
float:left;
}
#der-nos{
float:right;
width:350px;
position:relative;
top:10px;
}
.servicios{
padding:20px 0 5px 10px;
background:#FFF;
height:483px;
overflow:hidden;
width:950px;
margin:auto;
}
.servicios h3{
color:#811A1D;
font-size:24px;
line-height:20px;
width:auto;
}
.servicios figcaption{
float:left;
}
.servicios img{
float:left;
margin-right:20px;
}
.figure h2{
color:#811A1D;
font-size:1.2em;
}
.hfig{
height:50px;
margin-bottom:20px;
}
.figure{
width:440px;
float:left;
}
.servicios ul li{
margin-bottom:5px;
font-size:16px;
}
.servicios ul li:before{
content:"";
width:6px;
height:6px;
border-radius:3px;
background-color:#811A1D;
position:absolute;
margin-left:-15px;
margin-top:10px;
}
.destacar:before{
display:none !important;
}
.destacar{
color:#811A1D;
font-size:18px;
font-weight:bold;
border:solid 1px #811A1D;
border-left:none;
border-right:none;
padding:10px;
}
.servicios ul{
width:400px;
float:right;
}
.mt{
margin-top:65px;
}
.ul{
width:540px;
float:right;
margin-right:50px;
}
.servicios p{
font-size:16px;
margin-bottom:10px;
}
#form{
width:500px;
float:left;
}
#map{
width:440px;
float:right;
position:relative;
bottom:40px;
}
#pie3{
padding:10px;
background:#F0F0EC;
width:950px;
margin:auto;
}
#pie3 img{
float:left;
margin-right:20px;
}
#pie3 address{
font-size:14px;
width:300px;
float:left;
}
#social li{
width:30px;
float:right;
margin-left:5px;
}
#social li a{
display:block;
height:30px;
position:relative;
}
#fb{
background:url(../images/redes.png) right center no-repeat;
}
#in{
background:url(../images/redes.png) left center no-repeat;
}
#mail-serv{
position:absolute;
margin-top:490px;
margin-left:790px;
text-transform:uppercase;
font-weight:700;
padding-right:40px;
width:110px;
display:block;
font-size:16px;
background:url(../images/sobre.png) right center no-repeat #FFF;
color:#000;
}

.socialfix {
	position: fixed; /* Hacemos que la posición en pantalla sea fija para que siempre se muestre en pantalla*/
	left: 0; /* Establecemos la barra en la izquierda */
	top: 300px; /* Bajamos la barra 200px de arriba a abajo */
	z-index: 2000; /* Utilizamos la propiedad z-index para que no se superponga algún otro elemento como sliders, galerías, etc */
}
 
	.socialfix ul {
		list-style: none;
	}
 
	.socialfix ul li a {
		display: inline-block;
		color:#fff;
		background: #000;
		padding: 10px 15px;
		text-decoration: none;
		-webkit-transition:all 500ms ease;
		-o-transition:all 500ms ease;
		transition:all 500ms ease; /* Establecemos una transición a todas las propiedades */
	}
 
	.socialfix ul li .icon-facebook2 {background:#3b5998;} /* Establecemos los colores de cada red social, aprovechando su class */
	.socialfix ul li .icon-linkedin {background: #00abf0;}
	.socialfix ul li .icon-mail {background: #666666;}
 
	.socialfix ul li a:hover {
		background: #000; /* Cambiamos el fondo cuando el usuario pase el mouse */
		padding: 10px 30px; /* Hacemos mas grande el espacio cuando el usuario pase el mouse */
	}