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




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

}

@font-face {
    font-family: 'omneslight';
    src: url('fonts/omnes-light-webfont.eot');
    src: url('fonts/omnes-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/omnes-light-webfont.woff') format('woff'),
         url('fonts/omnes-light-webfont.ttf') format('truetype'),
         url('fonts/omnes-light-webfont.svg#dinbold') format('svg');
    font-weight: normal;
    font-style: normal;
	
}
@font-face {
    font-family: 'omnesregular';
    src: url('fonts/omnes-regular-webfont.eot');
    src: url('fonts/omnes-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/omnes-regular-webfont.woff') format('woff'),
         url('fonts/omnes-regular-webfont.ttf') format('truetype'),
         url('fonts/omnes-regular-webfont.svg#dinbold') format('svg');
    font-weight: normal;
    font-style: normal;
	
}

body{font-family: 'omnesregular'; padding:0; margin:0; color:#000; padding-bottom:31px;}
.clear{clear:both;}
h1, h2, h3, h4, p, ul, li{padding:0; margin:0;}
li{list-style:none;}
a, a:hover{text-decoration:none; outline:0;}
.left{float:left;}
.right{float:right;}
/*a{-moz-transition: all 0.3s ease-in;
  -webkit-transition: 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;}*/
  
.container{width:95%; max-width:1200px; margin:auto; padding-top:31px;}
.logo{float:left;}
.cab{padding:0 0 31px 0;}
.menu{float:right; position:relative;}
.menu li{display:inline; margin:0 0px 0 0; border-rightz:solid 1px #000; padding:0 0px 0 0; font-size:14px; line-height:12px;}
.menu li a{color:#000; cursor:pointer;}
.menu li a:hover, .menu li .active{color:#ED1B24;}
.menu li:last-child{border:none; padding:0; margin:0;}
.subproyectos{position:absolute; width:700px; right:0; top:31px; height:19px; padding:5px 0 0 0; border-top:solid 1px #6E6E70; display:none; overflow:hidden;}
.menu .barrita{margin:0 29px 0 29px; font-size:16px; opacity:0.4;}
.menu .subproyectos li{padding:0 0px 0 0; margin:0 0px 0 0; border:none;}
.menu .subproyectos li a{color:#6E6E70; opacity:0.5;}
.menu .subproyectos .active{color:#000;}
.menu .subproyectos li a:hover{color:#000; opacity:1;}
.menu .subproyectos ul{text-align:right; position:absolute; right:-601px;}
.subproyectos span{margin:0 10px 0 10px;}
.subestudio{position:absolute; width:579px; right:0; top:31px; height:19px; padding:5px 0 0 0; border-top:solid 1px #6E6E70; display:none; overflow:hidden;}
.menu .subestudio li{padding:0 0px 0 0; margin:0 0px 0 0; border:none;}
.menu .subestudio li a{color:#6E6E70; opacity:0.5;}
.menu .subestudio .active{color:#000;}
.menu .subestudio li a:hover{color:#000; opacity:1;}
.menu .subestudio ul{text-align:right; position:absolute; right:-601px;}
.subestudio span{margin:0 10px 0 10px;}
.cajagris .item{float:left; width:32.6%; color:#6E6E70;}
.cajagris .item h1{background-color:#E7E7E9; margin:0 0 10px 0; padding:10px; letter-spacing:2px;}
.cajagris .item .caja{background-color:#E7E7E9; padding:21px; heightz:175px;}
.cajagris h1{color:#6E6E70; text-align:center; font-size:13px;}
.cajagris span{color:#000;}
.cajagris .item .caja3 li:first-child{padding-top:16px;}
.cajagris .caja1 li{font-size:13px; margin:0 0 5px 0;}
.cajagris .caja3 li{text-align:center; color:#000; margin:0 0 5px 0; font-size:13px; letter-spacing:2px;}

.grilla li{position:relative;}
.grilla a.texto{display:none; background-color:rgba(255,255,255,0.8); width:100%; height:100%; position:absolute; top:0; left:0; overflo:hidden; overflow:hidden;}
.grilla a.texto p{color:#000; font-size:16px; text-align:center; position:absolute; top:50%; margin:auto; left:0; right:0; text-transform:uppercase;}


.detalle .izq{float:left; width:30%;}
.detalle .der{float:left; width:70%;}
.detalle .izq h1{font-size:22px; margin:0 0 10px 0; font-family: 'omneslight';}
.detalle .izq p{font-size:14px;}
.detalle .pad{margin:0 0 10px 0;}

.elestudio .titulo{float:left; width:200px; color:#898A8A; font-size:24px;}
.elestudio .caja{background-color:#EAECEC; width:969px; float:left; padding:14px;}
.elestudio .caja .col1{float:left; width:26%; min-height:200px;}
.elestudio .caja .col2{float:left; width:39%; letter-spacing:1px; padding-right:10px;}
.elestudio .caja .col3{float:left; width:33%;}
.elestudio .caja .col2 h1{font-size:22px; margin:16px 0 10px 0;}
.elestudio .caja .col2 h1 span{font-weight:bold;}
.elestudio .caja .col2 p{padding:0 39px 0 0; line-height:20px; font-size:16px; color:#565857;}
.elestudio .caja .col3 h1{font-size:22px; margin:16px 0 10px 0; color:#767777;}
.elestudio .caja .col3 p{padding:0 39px 0 0; line-height:19px; font-size:14px; color:#565857;}

.serv .titulo{float:left; width:20.6%; color:#898A8A; font-size:24px;}
.serv .caja{background-color:#EAECEC; width:77%; float:left; padding:14px;}
.serv .caja .col2 h1{font-size:14px; margin:16px 0 10px 0;}
.serv .caja .col2 h1 span{font-weight:bold;}
.serv .caja .col2 p{padding:0 89px 0 0; line-height:22px; font-size:16px; letter-spacing:1px; color:#565857;}
.serv .caja .col3 h1{font-size:14px; margin:16px 0 10px 0; color:#767777;}
.serv .caja .col3 p{padding:0 39px 0 0; line-height:28px; font-size:14px; color:#565857;}
.serv .caja .col1{float:left; width:20%; min-height:200px; padding-top:28px;}
.serv .caja .col2{float:left; width:40%; padding-top:28px;}
.serv .caja .col3{float:left; width:40%; padding-top:28px;}

/*
.historia .titulo{float:left; width:16%; color:#898A8A; font-size:24px;}
.historia .caja{width:81.6%; background-color:#EAECEC; float:left; padding:14px 14px 4px 14px; margin-bottom:14px;}
.historia .caja .col1{float:left; width:14%;}
.historia .caja .col2{float:left; width:20%;}
.historia .caja .col3{float:left; width:66%;}*/
.historia .titulo{float:left; width:200px; color:#898A8A; font-size:24px;}
.historia .caja{width:972px; background-color:#EAECEC; float:left; padding:14px 14px 4px 14px; margin-bottom:14px;}
.historia .caja .col1{float:left; width:143px;}
.historia .caja .col2{float:left; width:192px;}
.historia .caja .col3{float:left; width:635px;}
.historia .caja .col2 h1{font-size:14px; margin:0 0 10px 0;}
.historia .caja .col2 h1 span{font-weight:bold;}
.historia .caja .col2 h2{font-size:16px; color:#565857; font-weight:normal; margin-top:9px;}
.historia .caja .col2 p{padding:0 39px 0 0; line-height:14px; font-size:11px; color:#565857;}
.historia .caja .col3 h1{font-size:14px; margin:16px 0 10px 0; color:#767777;}
.historia .caja .col3 img{width:100%; height:auto;}

.contacto .titulo{float:left; width:25.6%; color:#898A8A; padding-top:10px; font-size:22px;}
.contacto .caja{width:72%; float:left; padding:14px;}
.contacto .caja .col1{float:left; width:100%;}
.contacto .caja .col2{float:left; width:80%;}
.contacto .caja .col2 h1{font-size:14px; margin:16px 0 10px 0;}
.contacto .caja .col2 h1 span{font-weight:bold;}
.contacto .titulo p{padding:0 0px 6px 0; line-height:20px; font-size:14px; color:#565857;}
.contacto label{font-size:14px; margin:3px 0 22px 0; display:block;}
.contacto .input1{background-color:#EAECEC; border:none; padding:5px; width:95%;}
.contacto .input2{background-color:#EAECEC; border:none; padding:5px; width:100%;}
.contacto .textarea{background-color:#EAECEC; border:none; padding:5px; width:100%;}
.contacto .col{width:50%; float:left;}
.contacto input[type="submit"]{background-color:#000; color:#fff; font-size:14px; padding:9px 45px 9px 45px; border:none;}
.contacto .redes{padding-top:43px;}
.contacto .redes a:hover{opacity:0.8;}