body{font-family:verdana}

a:link   
{   
 text-decoration:none;   
}  

img {border: 0px;}

.it {font-style:italic;font-size:1em;font-weight:normal
}


.ownIllu,.ownHtml,.clientIllu,.clientHtml,.submenu,.submenuOwn,.ocultaMenu,.mesInfo,.infoText,.clientPortfolioThumbs,.webappBummi,.webappAnimals{display:none}

.content{position:absolute;width:1000px;height:720px;left:0;right:0;margin:0 auto;
text-align:center;overflow:hidden}

.clientPortfolioThumbs {position:absolute;z-index:99;top:200px;left:30px
}



figcaption {font-size:0.7em;width:100px
}

figure {position:relative;float:left;height:250px
}

.conill {position:absolute;top:150px;left:10000px;
}

.webappBummi {position:absolute;top:130px;left:22%;z-index:99999999999999999999999999999999999999999999999999999999999999
}

.webappAnimals {position:absolute;top:130px;left:23%;z-index:99999999999999999999999999999999999999999999999999999999999999
}

.webappCaption {width:450px
}

.html5Web {color:white; z-index:99999999999999999999999999999999999999999999999999999999999999; text-decoration:none
}

.infoTextBG {background:/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+8&0+0,1+8 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 8%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(8%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 8%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 8%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 8%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 8%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

 ;width:100%;height:100%;opacity:0.85
}

.text{position:absolute;top:150px;z-index:999999999999999999999999999999999999999999999999999999999999;background:;
font-size:1.3em;font-weight:bold;left:33%;width:340px}



.mesInfo{position:absolute;top:153px;z-index:999999999999999999999999999999999999999999999999999999999999;
font-size:1em;font-weight:bold;left:80%;cursor:pointer}

h1{position:relative;margin-top:0;margin-bottom:0;font-size:1.5em}

.textH1 {font-size:0.7em;font-style:italic
}

.infoText {position:absolute; border:solid 5px orange; width:340px;height:100px;border-top:transparent;top:190px;left:32.5%;

z-index:999999999999999999999999999999999999999999999999999999999999
}

.slidev{position:absolute;width:100%;height:70%;background:white}

nav{position:absolute;height:100%;border:solid 1px silver;
width:60%;background:white;z-index:1000;top:100%;margin-left:17%;padding:10px;overflow:scroll
}

.cgrey{color:grey}

.br{
-webkit-border-radius: 11 px;
-moz-border-radius: 11px;
border-radius: 11px;}

ul{font-size:1.4em;
background:;
color:white;
padding:5px;
list-style:none}

li{background:white;
color:black;
font-size:0.7em;
padding:10px;
margin:10px}

.cl{
font-size:0.6em;
padding:6px;
margin:10px;
 text-align:center;}

.submenu{
width:60%;color:white;font-weight:bolder;
 text-align:center;
margin-left:19%;
margin-top:1px;cursor:pointer;
}

.submenuOwn{
width:60%;color:white;font-weight:bolder;
 text-align:center;
margin-left:19%;
margin-top:1px;cursor:pointer;
}

.blau {background:#bad4e1
}
.taronja {background:#ffbc6d
}


.btnMenu{position:absolute;width:40%;height:20%;background:red;bottom:-3;left:30%;background:silver}

.iconoMenu{margin-left:10px;margin-top:17px}

.ocultaMenu{margin-left:10px;margin-top:px;color:silver;font-size:1.2em}

/***** desktop  ****/


.barra1{position:absolute;width:95%;height:37px;left:-100%;z-index:999;



        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ff8d00+32&0+0,1+32 */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMyJSIgc3RvcC1jb2xvcj0iI2ZmOGQwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,141,0,1) 32%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(32%,rgba(255,141,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,141,0,1) 32%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,141,0,1) 32%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,141,0,1) 32%); /* IE10+ */
background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,141,0,1) 32%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ff8d00',GradientType=1 ); /* IE6-8 */

-webkit-border-top-right-radius: 11px;
-moz-border-radius-topright: 11px;
border-top-right-radius: 11px;


}

.barra2{position:absolute;width:95%;height:37px;right:-100%;top:85px;z-index:888;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7cadcb+29,ffffff+100&1+45,0+100 */
background: -moz-linear-gradient(left,  rgba(124,173,203,1) 29%, rgba(154,191,215,1) 45%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(29%,rgba(124,173,203,1)), color-stop(45%,rgba(154,191,215,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(124,173,203,1) 29%,rgba(154,191,215,1) 45%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(124,173,203,1) 29%,rgba(154,191,215,1) 45%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(124,173,203,1) 29%,rgba(154,191,215,1) 45%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(124,173,203,1) 29%,rgba(154,191,215,1) 45%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7cadcb', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */





-webkit-border-top-left-radius: 11px;
-moz-border-radius-topleft: 11px;
border-top-left-radius: 11px;




}

.text{display:none}

.own{position:absolute;top:-20px;right:100px;cursor:pointer}

.client{position:absolute;top:-20px;left:100px;cursor:pointer}

.ulClient{position:absolute;width:300px;left:0px;padding-top:10px;background:#7cadcb}

.ulOwn{position:absolute;width:300px;right:0px;padding-top:10px;background:#FF8D00}



/************** GALLERY ******************/

 .frame {position:absolute;width:100%;height:100%;left:0;border-color:transparent;
    }

 .gallery1 {position:absolute;display:block;
    }
 .gallery2 {position:absolute;display:none;
    }
.galNone {position:absolute;display:none;
}
    .contentGallery {position:absolute;top:20%;width:100%;height:100%;
    }