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

* {
	padding:0px;
	margin:0px;
}

#css-winner {
	position:absolute;
	z-index:2011;
	left:0;
	top:100px;
}
#css-winner img {
	border:0;
}

html, body {
	background-image:url(../imagens/bg-gradiente-paolacamargo.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-color:#212121;
	width:100%;
	height:100%;
	
	min-width:1000px;
	min-height:600px;
}

/* ESTRUTURA */
#conteudo {
	width:100%;
	height:100%;
	position:relative;
	z-index:1;
}
#byOlyva {
	background:url(../imagens/byOlyva.png) center center no-repeat;
	position:absolute;
	z-index:50;
	width:57px;
	height:17px;
	bottom:20px;
	right:20px;
}

/* ESTRUTURA - BOX LOGO */
#bar-logo {
	background-image:url(../imagens/bg-bar-logo.png);
	background-repeat:no-repeat;
	background-position:center;
	position:absolute;
	width:300px;
	height:350px;
	z-index:401;
	top:50%;
	left:0px;
	margin-top:-175px;
}
a#logo-tasarimk {
	background-image:url(../imagens/logo-tasarimk.png);
	background-repeat:no-repeat;
	background-position:center;
	display:block;
	width:182px;
	height:182px;
	margin:0 auto;
	top:90px;
	position:relative;
}
/* menu midia social */
ul#social {
	list-style:none;
	position:absolute;
	bottom:25px;
	left:20px;
}
ul#social li {
	width:20px;
	display:inline;
	float:left;
	margin-right:5px;
}
ul#social li a {
	background-position:left top;
	background-repeat:no-repeat;
	display:inline-block;
	width:20px;
	height:20px;
}
ul#social li a:hover {
	background-position:left -20px;
}
ul#social li a#facebook {
	background-image:url(../imagens/bt-facebook.png);
}
ul#social li a#twitter {
	background-image:url(../imagens/bt-twitter.png);
}

/* ESTRUTURA - MENU PRINCIPAL */
#bar-menu {
	background-image:url(../imagens/bg-menu.png);
	background-repeat:repeat;
	position:absolute;
	min-width:500px;
	height:50px;
	z-index:401;
	overflow:hidden;
	top:0px;
	right:0px;
}
/* menu topo */
ul#menu-topo {
	list-style:none;
	margin:0 auto;
	text-align:center;
}
ul#menu-topo li {
	display:inline;
}
ul#menu-topo li a {
	background-position:left top;
	background-repeat:no-repeat;
	display:inline-block;
	font-family:'BavariaRegular';
	font-size:8px;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	letter-spacing:1px;
	color:#d3d3d3;
	padding:18px;
	padding-bottom:19px;
	padding-left:15px;
	padding-right:15px;
	display:inline-block;
	float:left; /*ie7*/
	text-shadow: 0 0 1px rgba(0,0,0,0.3); /* melhor estetica no chrome */
	-webkit-text-stroke: 0.5px transparent; /* melhor estetica no safari */
}
ul#menu-topo li a:hover {
	background-image:url(../imagens/bg-bts-menu.png);
	background-repeat:repeat;
}
ul#menu-topo li a#bt-home {
	padding-bottom:21px;
	padding-top:20px;
}
ul#menu-topo li a#bt-home img {
	border:0;
}




/* PAGINA SOBRE */
#page-sobre {
	background:url(../imagens/bg-sobre.png) 555px bottom no-repeat;
	position:absolute;
	width:100%;
	height:350px;
	top:50%;
	margin-top:-175px;
	z-index:10;
}
#main-sobre {
	margin-left:355px;
	width:650px;
	position:relative;
}
#paola-camargo {
	background:url(../imagens/paola-camargo.png) left bottom no-repeat;
	position:absolute;
	margin-left:230px;
	width:365px;
	height:100%;
	z-index:11;
	display:none;
}



/* PAGINA CONTATO */
body.conteudo-contato {
	background-image:url(../imagens/bg-gradiente-paolacamargo-contato.jpg);
	background-position:center;
	background-repeat:no-repeat;
}
#page-contato {
	position:absolute;
	width:100%;
	height:350px;
	top:50%;
	margin-top:-175px;
	z-index:10;
}
#main-contato {
	margin-left:335px;
	width:450px;
	height:100%;
	position:relative;
}
#box-form-contato {
	background:url(../imagens/bg-form.png) center center repeat;
	position:absolute;
	bottom:0px;
	width:450px;
	height:280px;
}
#box-texto-contato {
	background:url(../imagens/bg-form.png) center center repeat;
	position:absolute;
	font-family:'HelveticaLTCondensedRegular';
	font-size:11px;
	font-weight:normal;
	line-height:16px;
	color:#454543;
	padding:20px;
	padding-top:35px;
	width:210px;
	height:65px;
	top:-50px;
	left:450px;
	text-shadow: 0 0 1px rgba(0,0,0,0.1); /* melhor estetica no chrome */
	-webkit-text-stroke: 0.5px transparent; /* melhor estetica no safari */
}
.box-out-contato {
	background:url(../imagens/bg-form.png) center center repeat;
	position:absolute;
	width:70px;
	height:70px;
	top:70px;
	left:700px;
}
#box-enderecos {
	position:absolute;
	padding:20px;
	padding-top:35px;
	width:210px;
	left:450px;
	top:70px;
}
#box-enderecos p {
	text-transform:uppercase;
}
#box-enderecos p.telefone {
	background:url(../imagens/icon-telefone.png) left center no-repeat;
}
#box-enderecos a.email {
	background:url(../imagens/icon-email.png) left center no-repeat;
}
#box-enderecos p.telefone, #box-enderecos a.email {
	font-family:'HelveticaLTCondensedRegular';
	font-size:12px;
	text-decoration:none;
	color:#d9aa38;
	line-height:20px;
	padding-left:25px;
	margin-bottom:3px;
	height:21px;
	display:block;
	text-shadow: 0 0 1px rgba(0,0,0,0.1); /* melhor estetica no chrome */
	-webkit-text-stroke: 0.5px transparent; /* melhor estetica no safari */
}
#box-enderecos p.telefone:hover, #box-enderecos a.email:hover {
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity:0.9;
	opacity:0.9;
}

/* formulario contato */
#formulario-contato {
	padding:35px;
	padding-right:30px;
	padding-bottom:0px;
	position:relative;
}
#formulario-contato p {
	float:left;
	*height:0; /* ie7 */
}
#formulario-contato input.campos-form, #formulario-contato textarea.campos-form {
	background:url(../imagens/bg-inputs.png) right bottom no-repeat;
	font-family:'HelveticaLTCondensedRegular';
	font-size:11px;
	color:#c1bcad;
	margin-bottom:5px;
	padding:7px;
	padding-bottom:12px;
	width:370px;
	border:none;
	display:block;
	text-shadow: 0 0 1px rgba(0,0,0,0.3); /* melhor estetica no chrome */
	-webkit-text-stroke: 0.5px transparent; /* melhor estetica no safari */
}
#formulario-contato input#email {
	width:250px;
}
#formulario-contato input#telefone {
	width:106px;
}
#formulario-contato textarea#mensagem {
	margin-bottom:0px;
	height:120px;
	overflow:auto;
}
#formulario-contato .bt-enviar {
	margin-top:-5px;
	margin-right:6px;
	float:right;
	*margin-top:100px;
}
#formulario-contato .bt-enviar:hover {
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity:0.9;
	opacity:0.9;
}
/* safari e chrome */
input:focus, textarea:focus {
    outline-width:0;
}

/* BOX DE DIALOGO - FORM */
#dialog-overlay {
	background-color:#FFF;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity:0.8;
	opacity:0.8;
	position:absolute;
	z-index:3000;
	display:none;
	width:100%;
	height:100%;
	top:0;
	left:0;
}
#dialog-box {
	-webkit-box-shadow:0px 0px 50px 0px #999999;
	-moz-box-shadow:0px 0px 50px 0px #999999;
	box-shadow:0px 0px 50px 0px #999999;
	behavior:url(js/PIE.htc);

	background:#FFF url(../imagens/icon-alert.png) 30px center no-repeat;
	border:1px solid #E9E9E9;
	position:absolute;
	z-index:5000;
	width:500px;
	display:none;
	top:50%; /*ie7*/
}
#dialog-box .dialog-content {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:center;
	color:#454543;
	padding:20px;
	margin:20px;
}
#dialog-box .dialog-content h1 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	text-align:center;
	color:#396;
}
a.button {
	background:url(../imagens/bt-fechar-dialog.png) center center no-repeat;
	position:absolute;
	display:block;
	width:21px;
	height:21px;
	top:-10px;
	right:-10px;
}
a.button:hover {
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity:0.9;
	opacity:0.9;
}




/* PAGINA PROJETOS */
body.conteudo-projetos {
	background-image:url(../imagens/bg-dekors01.jpg);
	background-position:center;
	background-repeat:no-repeat;
}
#page-projetos {
	position:absolute;
	width:100%;
	height:400px;
	top:50%;
	margin-top:-200px;
	z-index:10;
}
#main-projetos {
	margin-left:335px;
	width:450px;
	height:375px;
	position:absolute;
	bottom:0px;
}
#box-projetos {
	position:absolute;
	bottom:0px;
	width:700px;
	height:295px;
}
#titulo-projeto {
	position:absolute;
	right:20px;
	top:240px;
	text-transform:uppercase;
}
#bar-botoes {
	position:absolute;
	z-index:401;
	right:0px;
	width:70px;
	height:350px;
	top:50%;
	margin-top:-175px;
}
#titulo-projeto h1 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:25px;
	font-weight:normal;
	text-align:right;
	line-height:25px;
	max-width:350px;
	padding:10px;
	color:#FFF;
	float:right;
}



/* PAGINA MOSTRAS */
body.conteudo-mostras {
	background-image:url(../imagens/bg-gradiente-paolacamargo-mostras.jpg);
	background-position:center;
	background-repeat:no-repeat;
}




/* PAGINA PUBLICAÇÕES */
body.conteudo-publicacoes {
	background-image:url(../imagens/bg-gradiente-paolacamargo-publicacoes.jpg);
	background-position:center;
	background-repeat:no-repeat;
}
#page-publicacoes {
	position:absolute;
	width:100%;
	height:400px;
	top:50%;
	margin-top:-200px;
	z-index:10;
}
#main-publicacoes {
	margin-left:335px;
	width:450px;
	height:375px;
	position:absolute;
	bottom:0px;
}
#box-publicacoes {
	position:absolute;
	bottom:0px;
	width:700px;
	height:295px;
}





/* TEXTOS */
@font-face {
    font-family: 'BavariaRegular';
    src: url('bavarg_-webfont.eot');
    src: url('bavarg_-webfont.eot?#iefix') format('embedded-opentype'),
         url('bavarg_-webfont.woff') format('woff'),
         url('bavarg_-webfont.ttf') format('truetype'),
         url('bavarg_-webfont.svg#BavariaRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ZagRegular';
    src: url('zag_regular_0-webfont.eot');
    src: url('zag_regular_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('zag_regular_0-webfont.woff') format('woff'),
         url('zag_regular_0-webfont.ttf') format('truetype'),
         url('zag_regular_0-webfont.svg#ZagRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'JosefinSansStdLight';
    src: url('josefinsansstd-light_0-webfont.eot');
    src: url('josefinsansstd-light_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('josefinsansstd-light_0-webfont.woff') format('woff'),
         url('josefinsansstd-light_0-webfont.ttf') format('truetype'),
         url('josefinsansstd-light_0-webfont.svg#JosefinSansStdLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'HelveticaLTCondensedRegular';
    src: url('helvetica_lt_condensed_medium-webfont.eot');
    src: url('helvetica_lt_condensed_medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('helvetica_lt_condensed_medium-webfont.woff') format('woff'),
         url('helvetica_lt_condensed_medium-webfont.ttf') format('truetype'),
         url('helvetica_lt_condensed_medium-webfont.svg#HelveticaLTCondensedRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.titulos-page {
	font-family:'JosefinSansStdLight', arial, serif;
	font-size:40px;
	font-weight:lighter;
	line-height:32px;
	color:#d8d3c8;
	margin-bottom:30px;
	margin-left:-5px;
	text-shadow: 0 0 1px rgba(0,0,0,0.3); /* melhor estetica no chrome */
	-webkit-text-stroke: 0.5px transparent; /* melhor estetica no safari */
}
.textos-page {
	font-family:'HelveticaLTCondensedRegular';
	font-size:11px;
	line-height:18px;
	color:#d8d3c8;
	text-shadow: 0 0 1px rgba(0,0,0,0.1); /* melhor estetica no chrome */
	-webkit-text-stroke: 0.5px transparent; /* melhor estetica no safari */
}