@charset "utf-8";
/* CSS Document */

/* FONTS */
@font-face {
    font-family: 'CabinRegular';
    src: url('../fonts/cabin/Cabin-Regular-webfont.eot');
    src: url('../fonts/cabin/Cabin-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/cabin/Cabin-Regular-webfont.woff') format('woff'),
         url('../fonts/cabin/Cabin-Regular-webfont.ttf') format('truetype'),
         url('../fonts/cabin/Cabin-Regular-webfont.svg#CabinRegular') format('svg');
    font-weight: normal;
    font-style: normal;}
@font-face {
    font-family: 'CabinSemiBold';
    src: url('../fonts/cabin/Cabin-SemiBold-webfont.eot');
    src: url('../fonts/cabin/Cabin-SemiBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/cabin/Cabin-SemiBold-webfont.woff') format('woff'),
         url('../fonts/cabin/Cabin-SemiBold-webfont.ttf') format('truetype'),
         url('../fonts/cabin/Cabin-SemiBold-webfont.svg#CabinSemiBold') format('svg');
    font-weight: bold; 
    font-style: normal;}
@font-face {
    font-family: 'Sansita';
    src: url('../fonts/sansita/SansitaOne-webfont.eot');
    src: url('../fonts/sansita/SansitaOne-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sansita/SansitaOne-webfont.woff') format('woff'),
         url('../fonts/sansita/SansitaOne-webfont.ttf') format('truetype'),
         url('../fonts/sansita/SansitaOne-webfont.svg#CabinRegular') format('svg');
    font-weight: normal;
    font-style: normal;}
@font-face {
    font-family: 'LigatureSymbols';
    src: url('../fonts/symbols/LigatureSymbols-2.07.eot');
    src: url('../fonts/symbols/LigatureSymbols-2.07.eot?#iefix') format('embedded-opentype'),
         url('../fonts/symbols/LigatureSymbols-2.07.woff') format('woff'),
         url('../fonts/symbols/LigatureSymbols-2.07.ttf') format('truetype'),
         url('../fonts/symbols/LigatureSymbols-2.07.svg#LigatureSymbols') format('svg');
    src: url('../fonts/symbols/LigatureSymbols-2.07.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;}
.lsf {
  font-family: 'LigatureSymbols';
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;}

/* RESET */
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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    text-decoration:none;
}
 
:focus {
    outline: 0;
}
body {
    line-height: 1;
    color: black;
    background: white;
}
ol, ul {
    list-style: none;
}
 
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}



body	{	background:#333;}
#contenido	{	width:100%;}
header	{	background:#222; height:10%; z-index:999;}
#logo	{	height:90%; margin:17px 25px; z-index:999;}
section	{	background:white; position:relative;}
article	{	height:200px;}
.intro	{	width:250px; background:#333; float:left;}
.titulo	{	margin:2% 0 3%;}
.titulo li:first-child	{	font-family:"Sansita", Impact, Arial Black, sans-serif; font-size:130%; margin-right:8px; float:left; padding:0.1em 0.2em;}
.titulo li:last-child	{	font-family:"CabinRegular", Tahoma, Geneva, sans-serif; font-size:80%; line-height:180%;}
.topic	{	float:left; margin:10px 0; padding:10px 20px; padding-right:0; height:160px; }
.topic p	{	font-family:"CabinRegular", Tahoma, Geneva, sans-serif; font-size:95%;}
.topic img	{	border: solid 3px white; border-radius: 5px;
					box-shadow: 2px 2px 8px black;
					-ms-box-shadow: 4px 4px 7px black;
					-webkit-box-shadow: 2px 2px 8px black;
					-moz-box-shadow: 4px 4px 7px black;
					-o-box-shadow: 4px 4px 7px black;}
					
#creacion_de_logos	{	background:#C06; width:1680px;}
#intro_logos_sup	{ height:33%; background:#C06;}
#creacion_de_logos .intro>img	{	height:21%; padding:6% 0 4%; margin-left:30%;}
#intro_logos_inf	{ height:33%; background:#C06;}
#logos1	{	width:670px; margin-left:10px; background:white url(../img/bg_img3-mobi.png) 65% 115% no-repeat; float:left;}
#logos1 .titulo li:first-child	{	color:white; background-color:#C06;}
#logos1 .titulo li:last-child	{	}
#logos1>p	{	width:60%;}
#logos1 img:nth-child(3)	{	position:absolute; right:13%; top:10%;}
#logos1 img:nth-child(4)	{	position:absolute; right:3%; bottom:10%;}
#logos2	{	width:700px; background:white url(../img/bg_img4-mobi.png) 45% 220% no-repeat;}
#logos2 .titulo li:first-child	{	color:white; background-color:#C06;}
#logos2 .titulo li:last-child	{	}
#logos2>p	{	width:40%;}
#logos2 img:nth-child(3)	{	position:absolute; right:20%; top:10%;}
#logos2 img:nth-child(4)	{	position:absolute; right:5%; bottom:10%;}

#packaging	{	background:#0CC; width:1590px;}
#intro_pack_sup	{ height:33%; background:#0CC;}
#packaging .intro>img	{	height:22%; padding:8% 0 1%; margin-left:30%;}
#intro_pack_inf	{ height:33%; background:#0CC;}
#pack1	{	width:580px; margin-left:10px; background:white url(../img/bg_img5-mobi.png) 63% 115% no-repeat; float:left;}
#pack1 .titulo li:first-child	{	color:white; background-color:#0CC;}
#pack1 .titulo li:last-child	{	}
#pack1>p	{	width:50%;}
#pack1 img:nth-child(3)	{	position:absolute; right:5%; top:10%;}
#pack2	{	width:700px; background:white url(../img/bg_img6-mobi.png) 45% 120% no-repeat;}
#pack2 .titulo li:first-child	{	color:white; background-color:#0CC;}
#pack2 .titulo li:last-child	{	}
#pack2>p	{	width:50%;}
#pack2 img:nth-child(3)	{	position:absolute; right:5%; top:10%;}
#pack2 img:nth-child(4)	{	position:absolute; right:20%; bottom:10%;}

#visual_merchandising	{	background:#6F0; width:1520px;}
#intro_visual_sup	{ height:33%; background:#6F0;}
#visual_merchandising .intro>img	{	height:25%; padding:2% 0 5%; margin-left:27%;}
#intro_visual_inf	{ height:33%; background:#6F0;}
#visual1	{	width:630px; margin-left:10px; background:white url(../img/bg_img7-mobi.png) 60% 115% no-repeat; float:left;}
#visual1 .titulo li:first-child	{	color:#333; background-color:#6F0;}
#visual1 .titulo li:last-child	{	}
#visual1>p	{	width:46%;}
#visual1 img:nth-child(3)	{	position:absolute; right:3%; top:10%;}
#visual1 img:nth-child(4)	{	position:absolute; right:5%; bottom:10%;}
#visual2	{	width:580px; background:white url(../img/bg_img8-mobi.png) 76% 110% no-repeat;}
#visual2 .titulo li:first-child	{	color:#333; background-color:#6F0;}
#visual2 .titulo li:last-child	{	}
#visual2>p	{	width:70%;}
#visual2 img:nth-child(3)	{	position:absolute; right:5%; top:10%;}

#fotografia	{	background:#909; width:1560px;}
#fotografia	.intro	{	background:#333 url(../img/bg_puntos1-mobi.png) 80% 55% no-repeat;}
#intro_foto_sup	{ height:33%; background:#909;}
#fotografia .intro>img	{	height:11%; padding:9% 0 8%; margin-left:32%;}
#intro_foto_inf	{ height:33%; background:#909;}
#galeria	{	overflow:hidden; margin-left:10px; width:1265px; padding:15px 0px 5px 25px;}
#galeria a	{ display: block; height:60px; width:60px; margin: 0px 1.5em 1.5em 0; float: left; position: relative;}
#galeria img	{	width:60px; height:60px;}
#galeria span	{ display: block; position: absolute; top:3px; left:3px; height: 60px; width: 60px; text-shadow: 1px 1px #333, 1px -1px #333, -1px 1px #333, -1px -1px #333; opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; font: 15px "Sansita", Impact, Arial, sans-serif; color: #DDD; line-height: 60px; text-align: center; /*BACKGROUND RADIAL RGBA*/ background: #111; background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.1) 20%, #000 95%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(20%,rgba(0,0,0,0.1)), color-stop(95%,#000)); background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.1) 20%,#000 95%); background: -o-radial-gradient(center, ellipse cover, rgba(0,0,0,0.1) 20%,#000 95%); background: -ms-radial-gradient(center, ellipse cover, rgba(0,0,0,0.1) 20%,#000 95%); background: radial-gradient(center, ellipse cover, rgba(0,0,0,0.1) 20%,#000 95%); -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; -ms-transition: opacity 0.2s linear; transition: opacity 0.2s linear; }
#galeria span:hover	{ opacity: 1; filter: alpha(opacity=99); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=99)"; }
#galeria_full                     { width: 0; height: 0; overflow: hidden; text-align: center; padding: 0; z-index: 999; position: fixed; top: 0; left: 0; background: #111; background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.7) 0%, #000 95%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,0,0,0.7)), color-stop(95%,#000)); background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.7) 0%,#000 95%); background: -o-radial-gradient(center, ellipse cover, rgba(0,0,0,0.7) 0%,#000 95%); background: -ms-radial-gradient(center, ellipse cover, rgba(0,0,0,0.7) 0%,#000 95%); background: radial-gradient(center, ellipse cover, rgba(0,0,0,0.7) 0%,#000 95%); float:right; }
#galeria_full img                 { max-height: 80%; max-width:90%; opacity: 0; filter: alpha(opacity=0); position:relative; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; border: 4px solid #444; border-radius: 5px; box-shadow: 1px 1px 50px #000; -webkit-transition: opacity 1s linear; -moz-transition: opacity 1s linear; -o-transition: opacity 1s linear; -ms-transition: opacity 1s linear; transition: opacity 1s linear; }
#gal_nav                          { width: 120px; height: 1.2em; position: absolute; margin-left: -60px; left: 50%; padding: 0.5em 0.1em 1.2em; background: #444; border-radius: 20px; box-shadow: 1px 1px 5px black; z-index:1016; border: 2px solid #C06; margin-top:2em;}
#gal-bck,
#gal-close,
#gal-nxt                          { float: left; color: white; font-size: 29px; text-shadow: 1px 1px 5px black; opacity: 0.5; filter: alpha(opacity=50); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)"; }
#gal-bck	{ margin-left: 0.75em;}
#gal-close,
#gal-nxt 	{ margin-left: 0.5em;}
#gal-bck:before                   { content: "back" }
#gal-close:before                 { content: "close" }
#gal-nxt:before                   { content: "next" }
#gal-bck:hover,
#gal-close:hover,
#gal-nxt:hover                    { opacity: 1; filter: alpha(opacity=99); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=99)"; }


#conoceme	{	background:#FC3; width:2140px;}
#intro_conoce_sup	{ height:33.5%; background:#FC3;}
#conoceme .intro>img	{	height:25%; padding:6% 0 1%; margin-left:30%;}
#intro_conoce_inf	{ height:33%; background:#FC3;}
.cono_topic	{	}
.cono_topic>span	{ font-family:"Sansita", Impact, Arial Black, sans-serif; font-size:18px; background:#FC3; padding:0 0.3em; color:#333;}
.cono_topic	{ padding-right:20px; font-family:"CabinRegular", Tahoma, Geneva, sans-serif;}
#conoceme section:nth-child(2)	{	margin-left:10px; }
#cono_habilidades li,
.cono_concepto	{	margin-top: 0.3em; margin-left:0.5em;}
#cono_habilidades li,
.cono_concepto li:first-child	{	float:left; margin-right:1em; font-family:"CabinSemiBold", Tahoma, Geneva, sans-serif; font-size:16px;}
.cono_concepto li:nth-child(2)	{	font-size:12px; line-height:16px;}
.cono_concepto li:last-child	{	font-size:14px; margin-left:0.5em;}
#tecnologias	{	width:180px;}
#tecnologias .cono_concepto	{	margin-top: 0.2em;}
#tecnologias .cono_concepto li:first-child	{ font-size:16px; margin-right:0.6em;}
#cono_habilidades li	{ float:none; }
footer	{	background:#C06; height:10%;}