body{
	font-family: arial;
	font-size:12px;
	margin:0;
	padding:0;
	/*background-image:url(imagenes/fondo.jpg);*/
	border-top:solid 6px #55a195;
	background-color:#000; position:relative;
	
}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
ul, li, h1, h2, h3, h4, form, p{margin:0px; padding:0px; font-weight:normal;}
a, img{
	border:0px;
	outline:0px;
	text-decoration:none;
	
}
ul, li{list-style:none;}
.container{width:100%;}
.izq{float:left; width:20%;}
.der{float:left; width:80%;}
.pad{padding:21px;}
.pad2{padding:11px 21px 11px 11px;}
.padizq{padding:21px; float:right; width:189px; margin:auto;}
.intro{width:100%; padding:33% 0 33% 0; background-repeat:no-repeat; background-image:url(imagenes/01_SOI-Design_Homepage_r3_c4.jpg); background-size:100%;}
.logo{padding:0 0 21px 0; margin-left:-33px;}
.logo img{widthz:100%;}

.menu h1, .menu h1 a, .menu a{color:#fff;}
.menu li{line-height:21px;}
.menu h1{padding:10px 0 10px 0;}
.menu{floatz:right; padding:0 0 0 84px;}
.menu h1:last-of-type{padding:0;}
.menu a:hover, .menu a.active{color:#55a195;}

.portfolio{padding-bottom:91px;}
.portfolio a.port{width:33%; background-size:cover; padding-bottom:22%; margin:0 3px 3px 0; float:left; background-position:center center; -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out; position:relative; overflow:hidden; color:#fff; text-align:center;}

.portfolio .nombre{position:absolute; top:0; background-color:rgba(6,160,134,0.8); font-size:16px; width:100%; height:auto; padding:32% 0 32% 0; display:none;}

.abstract{width:100%; padding:10% 0 50% 0; background-image:url(imagenes/foto_abstract.jpg); background-size:cover; position:relative;}
/*.abstract .texto{padding:51px; color:#fff; width:40%; font-size:15px; line-height:21px;}*/
.abstract .texto{position:absolute; topz:16%; top:91px; left:91px; color:#fff; font-size:14px; line-height:19px;}
.abstract .texto span{color:#55a195; font-size:19px;}

.menudetalle{position:absolute; bottom:6px; right:10px; z-index:99999999;}
.menudetalle li{float:left; margin:0 5px 0 5px 0; padding:0 5px 0 5px; border-right:solid 1px #FFF;}
.menudetalle li:last-child{border:none;}
.menudetalle li a{color:#FFF;}
.menudetalle li a:hover, .menudetalle li .active{color:#55a195;}

.popdetalle{width:570px; height:280px; background-color:rgba(0,0,0,0.7); position:absolute; z-index:9999999999; margin:auto; right:0; left:0; top:10%; padding:45px 65px 45px 65px; display:none;}
.popdetalle h1{color:#55a195; font-size:16px; font-weight:bold;}
.popdetalle h2{color:#FFF; font-size:14px; font-style:italic; font-weight:bold; padding:5px 0 5px 0;}
.popdetalle h3{color:#FFF; font-size:14px; border-bottom:solid 1px #FFF; padding:0 0 10px 0; margin:5px 0 15px 0;}
.popdetalle p{color:#FFF; font-size:14px;}
.popdetalle .x{color:#FFF; font-size:31px; position:absolute; top:16px; right:16px;}
.popdetalle .x:hover{opacity:0.8;}

.contacto{width:100%; padding:10% 0 50% 0; background-image:url(imagenes/foto_contacto.jpg); background-size:cover; position:relative;}
.contacto .texto{position:absolute; bottom:31px; left:31px; color:#fff; font-size:14px; line-height:19px;}
.contacto .texto a{color:#55a195;}
.contacto .texto a:hover{color:#fff;}

.pie{border-top:solid 1px #808080; width:100%; color:#666; margin:21px 0 0 0; position:fixed; bottom:0; z-index:99999999999; background-color:#000;}
.pie .copy a{color:#666;}
.pie .idiomas a{color:#fff;}
.pie .idiomas a:hover{color:#55a195;}
.pie .idiomas .active{color:#55a195;}
.pie .izq .pad2, .pie .der .pad2{padding:6px;}