nav, header, div#footer, article, div { display: block }


body, html {
    margin: 0;
    padding: 0;
    min-width: 960px;
	font-family: 'BrincaLight';
}

html {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
}

h1, h2, h3, h4, h5, p {font-weight:normal;}

a { text-decoration: none }

a:active,
a:focus { outline: none }
a.sprite {display: block; overflow: hidden; text-indent: -99999px;}
	
a:hover {color:#666;}

img, img a, img a:hover {border:none;}

ul,li {list-style:none;margin:0px; padding: 0px;}

div#nav, div#footer {
    font-family: "BrincaMedium", Helvetica,Arial,sans-serif;
    font-weight: normal;
}

em,
#estudio h3,
#estudio-nav,
h1,
h3,
ul.pagination-nav li,
#estudio .facts h3,
#estudio .facts em, {
    font-family: "BrincaLight", Helvetica,Arial,sans-serif;
    font-weight: normal;
}

.navmenu img:hover {cursor:pointer;} 

strong,
strong span{
	font-family: "BrincaMedium", Helvetica,Arial,sans-serif;
	font-weight: normal;}



.floating { position: relative }

#particles-1,#particles-2,#particles-3{
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 120%;
    height: 120%;
	background: transparent;
	pointer-events:none;
}

#particles-1{background-image:url(../img/particles-1.png)}
#particles-2{background-image:url(../img/particles-2.png)}
#particles-3{background-image:url(../img/particles-3.png)}

div#nav {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 60px;
	
}

div#nav ul {
    float: none;
    clear: none;
    width: 960px;
    height: 60px;
    margin: 0 auto;
    padding: 0;
    overflow: visible;
    white-space: nowrap;
    background-color:#000;
    background-position: right;
    background-repeat: no-repeat;
}

div#nav li {
    float: left;
    padding: 0;
}

div#nav li a {
    display: block;
    height: 60px;
    line-height: 60px;
    margin: 0 10px;
    font-size: 13px;
	list-style:none;
}

div#nav li a:hover {
	color:#FFF;
}

div#nav li:first-child a { padding: 0 }
div#nav li:last-child a { padding-right: 0 }
li#nav-item-brinca {
    padding: 0;
    background-color: transparent;
}
li#nav-item-brinca a {
    width: 165px;
    height: 60px;
    display: block;
    overflow: hidden;
    text-indent: -99999px;
    /*background-image: url("../img/header-logo-sprite.png");*/
	background-image: url("../img/header-brinca.png");
    background-repeat: no-repeat;
}
#nav-background-wrapper-left,
#nav-background-wrapper-right {
    z-index: -1;
    height: 100%;
    width: 50%;
    clear: none;
    position: absolute;
    top: 0;
}
#nav-background-wrapper-left { left: 0 }
#nav-background-wrapper-right { right: 0 }
#nav-background-left,
#nav-background-right {
    position: absolute;
    height: 100%;
    width: 100%;
	background-color: #000;
}
#nav-background-left { right: 479px }
#nav-background-right { left: 479px }



a,
div#nav li a,
div#footer li a { color: #666 }

div#nav li a:hover,
div#footer li a:hover { color: #FFF }

div#footer {
	position: fixed;
	width: 100%;    
    bottom: 0px;
    font-size: 13px;
	height:50px;
	background-color:#000;
	margin:auto;
		
}
div#footer ul {
	width: 923px;
    height: 60px;
	margin: auto;	
	line-height:15px;
	color:#FFF;	
}
div#footer li {
    margin: 17px 0 0 0;
	text-align:center;
	float:right;
}
div#footer li:first-child { float:left;}

iframe {
    position: fixed;
    bottom: 40px;
    left: 20px;
	z-index:1000;
}

h1,
h2 {
    float: none;
    clear: both;
	
}
h1 {
	font-size: 40px;
	white-space: nowrap;
	text-align: center;
	color: #000;
	margin:90px 0 5px 0;
	
}
h2 { font-size: 2em }
h3 { font-size: 1.5em }

#estudio h1{line-height: 12px}

a.mailto-link {text-decoration:underline}
a.mailto-link:hover {color:#333;opacity:0.5;text-decoration:underline}

#sections {
    width: 100%;
    height: 100%;
    min-width: 960px;
}

div#brinca,
div#estudio,
div#diseno,
div#ilustracion,
div#contacto,
div#gracias,
div#break,
div#break2 {
    position: relative;
	width: 100%;
    min-width: 960px;
    height: 250px;
	border:rgba(255, 255, 255, 0) 1px solid;
}

div#contacto
{height: 800px;}

div#break
{height: 850px;}

div#break2
{height: 1200px;}

div#brinca .content,
div#estudio .content,
div#diseno .content,
div#ilustracion .content,
div#contacto .content,
div#gracias .content,
div#break .content,
div#break2 .content,
div#brinca .content-decoration,
div#estudio .content-decoration,
div#diseno .content-decoration,
div#ilustracion .content-decoration,
div#contacto .content-decoration,
div#gracias .content-decoration,
div#break .content-decoration,
div#break2 .content-decoration{
    display: block;
    width: 960px;
    margin: 0 auto 0 auto;	
}

div .content-decoration img { z-index: -1 }
div p {
    line-height: 1.5em;
}

div h2 {
    line-height: 1.5em;
	text-align: center;
}

div#brinca {
    position: relative;
    width: 100%;
    height: 750px;
}

div#brinca .content {
    position: relative;
    width: 960px;
    height: 100%;
    margin: auto;
}

/*BRINCA Z-INDEX*/
div#brinca .navmenu {
    position: absolute;
	width:500px;
	top:0;
	left:0;
    margin:160px 0 0 430px;
	z-index:1008;
	list-style:none;		
}

div#brinca .navmenu li, div#brinca .navmenu li a {
	margin:0 0 20px 0;
	float:none;
	clear:both;}
	
div#brinca .margin{
	margin-top:100px;
}	

/*LA ALTURA EN QUE EMPIEZA EL CONTENIDO POST-INTRO*/

#intro-splash {    
	position: absolute;
	bottom:10px;
}


#intro-scroll-cta {
    position: fixed;
    right: 20px;
    top: 100px;
	background-image:url(../img/scroll.gif)
}

#intro-scroll-cta:hover {
	opacity:0.5;
}

/*BREAK*/

#break{height:500px;}
#break2{height:600px;}


/*ESTUDIO*/

.parallax #estudio .content>h2 {
    margin-top: -220px;
    margin-bottom: 200px;
    margin-left: 240px;
    font-size: 1.5em;
    color: #000;
}

#estudio p{
	width:500px;
	margin:20px auto;
	text-align:center;
	color: #000;
}

div#diseno h2 {
    width: 580px;
    margin-left: 100px;
}

/*CONTACTO*/

div#address {
    margin-left:20px;
    margin-top:35px;
	font-style:normal;
}

div#address a:hover{color:#000; text-decoration:underline;}

div#address h2 {
    display: block;
    text-indent: -99999px;
    width: 218px;
    height: 37px;
    line-height: 37px;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

div#address p {
    margin-top: 0px;
    padding-bottom: 0;
	color:#333;
}

div#map {
	left: 330px;
	display: block;
	position: absolute;
	top: 0;}

div#contacto .ipad{
    background:url(../img/ipad_map.png) no-repeat;
	width:476px;
	height:401px;
	padding:48px 0 0 52px;}
	
/* GRACIAS */	

div#gracias {
height:700px;}

div#gracias img{margin-bottom:40px;margin-top:40px;}
div#contacto img{margin-top:90px;}

div#gracias ul{color:#333;margin-top:30px;}

div#gracias h2{
color:#333;
font-size:24px;
line-height:38px;}

div#gracias .content {text-align:center;}

/*DISTANCIA TITULO DISEÑO CON TOP*/	
div#estudio { height:700px;	}
div#estudio h2 { margin-top:90px;	}
div#estudio h1 { margin-top:30px;	}

/*DISTANCIA TITULO CONTACTO CON TOP*/	
div#estudio, div#contacto {padding-top:50px;}

div#estudio a{
font-size:18px;
line-height:22px;
color:#000;
}
div#estudio a:hover{
opacity:0.5;}


div#estudio nav li{
list-style:none;
float:none;}

.squirral{position:absolute;right:0px;}

/* Z-INDEX */

div#nav,
div#footer { z-index: 1000 }

.floating { z-index: 100 }

#particles-1{z-index:95}
#particles-2{z-index:-1}
#particles-3{z-index:-1}


div#brinca,div#diseno,div#ilustracion,div#contacto{z-index:100}

div#break,div#break2{z-index:90}

div.jcarousel-skin-ie7,
div.jcarousel-skin.jcarousel-next-horizontal,
div.jcarousel-prev.jcarousel-prev-horizontal

{z-index: 105 }

/* GALLERIES */

div#diseno, div#ilustracion {height: 770px;}

#slider, #slider2 {
position:absolute;
min-width:960px;	
min-height:600px;}

#slider li, #slider2 li  {	
width:100%;
height:100%;}

#controls,#controls2 {
position: absolute;
width: 95%;
height: 80px;
z-index: 105;
top: 45%;
margin-top: -40px;
left: 35px;}


#wrapper {
position:relative;
overflow:hidden;
min-height:500px;
clear:both;
}

#wrapper,#wrapper li
{margin:0 auto;}

div#diseno .center, div#ilustracion .center{width:100%; text-align:center;}
div#diseno .floating, div#ilustracion .floating {z-index:104;}



.right,.right2,.left,.left2{cursor:pointer;}
.right,.right2{float:right;	right:0;}
.left,.left2{float:left;left:0;}

.active {color:#0000FC;}

@font-face{ 
	font-family: 'BrincaLight';
	src: url('../fonts/brincalight-webfont.eot');
	src: url('../fonts/brincalight-webfont.eot?iefix') format('eot'),
	     url('../fonts/brincalight-webfont.woff') format('woff'),
	     url('../fonts/brincalight-webfont.ttf') format('truetype'),
	     url('../fonts/brincalight-webfont.svg#webfont') format('svg');
	font-weight:normal;
}
		 
@font-face{ 
	font-family: 'BrincaMedium';
	src: url('../fonts/brincamedium-webfont.eot');
	src: url('../fonts/brincamedium-webfont.eot?iefix') format('eot'),
	     url('../fonts/brincamedium-webfont.woff') format('woff'),
	     url('../fonts/brincamedium-webfont.ttf') format('truetype'),
	     url('../fonts/brincamedium-webfont.svg#webfont') format('svg');
	font-weight:normal;
}




/*.jcarousel-skin-ie7 .jcarousel-container {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #D4D0C8;
    border: 1px solid #808080;
}*/

.jcarousel-skin-ie7 .jcarousel-direction-rtl {
	direction: rtl;
}

.jcarousel-skin-ie7 .jcarousel-container-horizontal {
    width: 100%;
    padding: 20px 0;
}

.jcarousel-skin-ie7 .jcarousel-clip {
    overflow: hidden;	
}

.jcarousel-skin-ie7 .jcarousel-clip-horizontal {
    width: 100%;
    height: 100%;
}

.jcarousel-skin-ie7 .jcarousel-item {
    width: 800px;
    height: 600px;
	text-align:center;
}

.jcarousel-skin-ie7 .jcarousel-item:hover,
.jcarousel-skin-ie7 .jcarousel-item:focus {
    border-color: #808080;
}

.jcarousel-skin-ie7 .jcarousel-item-horizontal {
    margin-left: 0;
    margin-right: 7px;
}

.jcarousel-skin-ie7 .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 7px;
	margin-right: 0;
}

.jcarousel-skin-ie7 .jcarousel-item-placeholder {
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-ie7 .jcarousel-next-horizontal {
    position: absolute;
    top: 50%;
    right: 40px;
    width: 80px;
    height: 80px;
    cursor: pointer;
    background: transparent url(../img/right.png) no-repeat 0 0;
}

.jcarousel-skin-ie7 .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(../img/left.png);
}

.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal,
.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal:active {
    cursor: default;
}

.jcarousel-skin-ie7 .jcarousel-prev-horizontal {
    position: absolute;
    top: 50%;
    left: 40px;
    width: 80px;
    height: 80px;
    cursor: pointer;
    background: transparent url(../img/left.png) no-repeat 0 0;
}

.jcarousel-skin-ie7 .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(../img/right.png);
}

.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
}