/*//////////////////////////////geral/////////////////////////////////////////*/
body{
	background:url(../img/laranja.jpg) repeat;
}

#conteudo{
	margin:0 auto;
	width:900px;
	position:relative;
	background:#ffffff;
}

#miolo{
	width:636px;
	float:left;
	margin-top:10px;
}

#menu{
	width:264px;
	float:left;
	margin-top:10px;
}

#logo{
	background:url(../img/logo-atelie-com-voce.png) no-repeat;
	position:absolute;
	width:280px;
	height:87px;
	top:35px;
	left:21px;
	z-index:1000;
	float:left;
}

#menu-top{
	float:right;
	margin:65px 40px 0px 0;
}

#televendas{
	float:right;
	margin:-15px 0 0 20px;
}

#menu-top ul{
	float:left;
}

#menu-top ul li{
	display:inline;
}

#menu-top ul li a{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#24afe1;
	text-decoration:none;
	padding:5px 12px;
}

#menu-top ul li a:hover{
	background-color:#24afe1;
	color:#FFF;

}

#menu-top p{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#24afe1;
	line-height:18px;
}
/*//////////////////////////////menu/////////////////////////////////////////*/




#menu-um{
	width:203px;
	/*height:195px;*/
	padding:7px;
	margin:115px 0 0 30px;
	background-color:#f29400;
}

#menu-dois{
	background-image:url(../img/menu-dois.jpg);
	background-color:#d9dadb;
	width:217px;
	height:340px;
	margin:15px 0 10px 30px;
	position:relative;
	height:400px;
}





#menu-um ul li{
	width:203px;
	height:35px;
	background-color:#f0a93a;
	margin-bottom:1px;
}

#menu-um ul li:hover{
	width:203px;
	height:35px;
	background-color:#f9b200;
	margin-bottom:1px;
}



a.escolhe:link, a.escolhe:hover, a.escolhe:active, a.escolhe:visited{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	line-height:36px;
	padding-left:10px;
	display:block;
	width:203px;
	height:35px;
}



#menu-dois h5{
	padding-top:15px;
	padding-left:15px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#000;
	text-decoration:none;
	font-weight:bold;
}

#menu-dois form{
	padding-top:10px;
	padding-left:15px;
	line-height:30px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
}

#menu-dois p{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#000;
	text-decoration:none;
}

#cinza{
	background-color:#CCC;
	padding-bottom:10px;
	width:205px;
	margin:0 auto;
	margin-top:10px;
}


/*//////////////////////////////miolo home/////////////////////////////////////////*/

#dotan{
	background:url(../img/dotan3.png) no-repeat;
	position:absolute;
	width:334px;
	height:600px;
	top:360px;
	left:690px;
}

#vagas{
	background:url(../img/vagas.png) no-repeat;
	position:absolute;
	width:85px;
	height:85px;
	top:40px;
	left:785px;
}

#banner-home{
	width:597px;
	height:220px;
	position:relative;
	margin-top:-10px;
}


/*-----------------------banner---------------------------------------*/

#slider {
	position: relative;
	width: 597px;
	height: 220px;
	background-color: #000;
	overflow:hidden;
}
.slider-content {
	position: relative;
	width: 597px;
	height: 220px;
	overflow: hidden;
	z-index: 1;
}
.slider-content ul {
	list-style-type: none;
	position: relative;
	overflow: hidden;
}
.slider-content ul li, #slider .jcarousel-clip {
	width: 597px;
	height: 220px;
	position: relative;
}
#slider #slider-prev, #slider #slider-next {
	position: absolute;
	top: 70px;
	width: 45px;
	height: 79px;
	display: block;
	font-size: 0;
	line-height: 0;
	text-indent: -4000px;
	z-index: 2;
}
#slider #slider-prev {
	left: -7px;
	background: url(../img/slider1-prev.png) no-repeat 0 0;
	cursor:pointer;
}
#slider #slider-next {
	right: -7px;
	background: url(../img/slider1-next.png) no-repeat 0 0;
	cursor:pointer;
}
.slider-pagination {
	position: absolute;
	bottom: 10px;
	right: 15px;
	z-index: 2;
}
.slider-pagination ul {
	list-style-type: none;
}
.slider-pagination ul li {
	float: left;
	display: inline;
	width: 22px;
	height: 22px;
	margin-right: 5px;
}
.slider-pagination ul li a {
	width: 22px;
	height: 22px;
	display: block;
	background: url(../img/slider1-pagination.png) no-repeat 0 0;
	font-size: 0;
	line-height: 0;
	text-indent: -4000px;
}
.slider-pagination ul li a:hover, .slider-pagination ul li a.active {
	background: url(../img/slider1-pagination-hover.png) no-repeat 0 0;
}
#slider.project-slider, #slider.project-slider .slider-content, #slider.project-slider .slider-content ul li, #slider.project-slider .jcarousel-clip {
	width: 597px;
	height: 220px;
}
#slider.project-slider {
	border: 3px solid #d9d9d9;
	margin: 13px 0 10px;
}

/*----------------------------------------*/

#balao{
	position:relative;
	top:85px;
	left:30px;
}

#balao p{
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	line-height:15px;
	font-style:italic;
	color:#F97C00;
}

h1{
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	line-height:20px;
	margin-top:20px;
	color:#f29400;
	font-weight:bold;
}

.data{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	line-height:20px;
	margin-top:10px;
}

.data strong{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	line-height:20px;
	margin-top:10px;
	font-weight:bold;
}

.data li{
	background:url(../img/ok.jpg) no-repeat;
	padding-left:25px;
}

.valor{
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	line-height:20px;
	margin-top:10px;
	font-weight:bold;
}



#evento{
	width:180px;
	height:280px;
	border:1px solid #f4dd36;
	float:left;
	margin-top:20px;
	margin-bottom:20px;
}



#hotel{
	width:180px;
	height:280px;
	border:1px solid #f4dd36;
	float:left;
	margin:20px 0 0 5px;
}

#evento img, #hotel img{
	padding:10px;
}

#evento h2, #hotel h2{
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	font-weight:bold;
	padding:8px 5px 0 5px;
	color:#e57f05;
}

#evento p, #hotel p{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	line-height:17px;
	padding:8px 10px 0 10px;
}

a.leia-mais:link, a.leia-mais:active, a.leia-mais:visited{
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#e98917;
	text-decoration:none;
	line-height:20px;
}

a.leia-mais:hover{
	text-decoration:underline;
}

#inscreva-home{
	background-image:url(../img/inscreva-home2.gif);
	width:327px;
	height:31px;
	margin:20px 0 0px 22px;
}

#inscreva{
	background-image:url(../img/inscreva-home2.gif);
	width:327px;
	height:31px;
}

#inscreva-home p, #inscreva p{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	padding-top:8px;
	color:#FFF;
}

a.aqui:link, a.aqui:hover, a.aqui:visited, a.aqui:active{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
}

h3{
	margin-top:20px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	line-height:16px;
}

strong{
	font-weight:bold;
}


.bebidas{
	font-family:Verdana, Geneva, sans-serif;
	font-size:9px;
	margin-left:270px;
}


#relogio{
	background:url(../img/relogio.jpg) no-repeat;
	width:152px;
	height:32px;
}

#relogio p{
	text-align:center;
	font-family:Verdana;
	font-size:15px; 
	color:white;
	padding-top:6px;
	font-weight:bold;
}

#professoras{
	width:450px;
	height:252px;
	background:url(../img/professoras.jpg) no-repeat;
}

.condicoes{
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	line-height:30px;
}


#video-artesanato a{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#333;
	text-decoration:none;
	display:block;
	background-color:#FF0;
	padding:5px;
}


/*//////////////////////////////slider/////////////////////////////////////////*/
#container {
  width:400px;
  margin:10px 0 0 -40px;
}

#slideshow {
	margin:0 auto;
	width:450px;
	height:149px;
	position:relative;
}
 
#slideshow #slidesContainer {
  margin:0 auto;
  width:368px;
  height:149px;
  overflow:auto; 
  position:relative;
}
 
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:540px; 
  height:263px;
}
 
.control {
  display:block;
  width:13px;
  height:148px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top:0;
  left:25px;
  background:transparent url(../img/flecha-esquerda.jpg) no-repeat 0 0;
}

#rightControl {
  top:0;
  right:25px;
  background:transparent url(../img/flecha-direita.jpg) no-repeat 0 0;
}

 
.slide img {
  float:right;
}
 
 
 
 #video{
	 margin-top:20px;
	 float:left;
 }
 
/*//////////////////////////////cursos/////////////////////////////////////////*/

#cursos .abre{
	width:600px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	line-height:20px;
}

.box-cursos-e{
	width:290px;
	height:310px;
	margin:0px 10px 10px 0;
	border:1px solid #999;
	float:left;
}

.box-cursos-d{
	width:290px;
	height:310px;
	margin:0 0 10px 0;
	border:1px solid #999;
	float:left;
}

.box-cursos-e img, .box-cursos-d img{
	border:1px solid #ccc;
	margin:5px 10px 15px;
	float:left;
}


.box-cursos-e h2, .box-cursos-d h2{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
	margin-left:10px;	
	color:#59022C;
	margin-top:10px;
	margin-bottom:5px;
}

.box-cursos-e p, .box-cursos-d p{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	margin:3px 5px 10px 10px;
	line-height:16px;
}

.underline{
	color:#F60;
}

#espaco{
	width:20px;
	height:20px;
}


/*//////////////////////////////atelie com você/////////////////////////////////////////*/

#video-atelie{
	float:right;
	margin:20px 10px 10px 10px;;
}




/*//////////////////////////////perguntas/////////////////////////////////////////*/

#txt{
	width:584px;
}

#txt p, #txt a{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	line-height:20px;
	color:#333;
}

#txt a:hover{
	text-decoration:underline;
}

#txt h2{
	color:#F29400;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	line-height:20px;
}

#txt strong{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	line-height:20px;
	font-weight:bold;
}

#txt img{
	margin:10px 10px 10px 0;
	float:left;
}

#txt table{
	margin:15px 0 15px 0;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	border:1px solid #999;
	line-height:18px;
	
}

#txt table tr, #txt table tr td{
	border:1px solid #999;
	padding:5px;
}

#txt .topo{
	background-color:#E2E2E2;
	font-weight:bold;
}


/*//////////////////////////////pacotes/////////////////////////////////////////*/

#pacotes li{
	background:url(../img/ok.jpg) no-repeat;
	line-height:20px;
	padding-left:25px;
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
}

#pacotes strong{
	font-size:12px;
	font-weight:bold;
}

a.regula:link, a.regula:hover, a.regula:active, a.regula:visited{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
}


/*//////////////////////////contato////////////////////////////////////////////*/

#contato form{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	line-height:20px;
	margin-top:20px;
}

#contato form input{
	font-size:12px;
}

#contato table tr td{
	padding:5px;
	border:0px;
}

#contato table tr td{
	padding:5px 5px 10px 5px;
}

#contato .orca-esq{
	width:120px;
	text-align:left;
}

/*///////////////////////////////modal//////////////////////////////////////////*/
#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
  
#boxes .window {
  position:absolute;
  left:0;
  display:none;
  z-index:9999;
  margin-right:300px;
}

#enedina, #valeria, #vera, #lili, #ana-paula, #ana, #lusangela, #gisleine, #edna, #mamiko, #susan, #daise, #guirlanda, #caio, #regiane, #isamara {
  background-color:#ffffff;
}

.close{
	float:right;
}

/*//////////////////////////////footer/////////////////////////////////////////*/

#footer{
	width:900px;
	background-color:#24afe1;
	margin-top:-15px;
}

#footer p{
	font-family:Verdana, Geneva, sans-serif;
	color:#FFF;
	font-size:14px;
	padding:10px 0 10px 0;
	margin:0 auto;
	text-align:center;
}

#mgf{
	margin:0 auto;
	width:900px;
	height:20px;
	text-align:right;

}

#mgf a:link, #mgf a:hover, #mgf a:active, #mgf a:visited{
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#FFF;
}

.ilustra{
	font-size:9px;
	font-family:Verdana, Geneva, sans-serif;
}

/*//////////////////////////////botao fotos/////////////////////////////////////////*/

#cta-button {
  display:block;
  width:327px;
  height:31px;
  background:url(../img/increva-se2.jpg) no-repeat 0 -31px;
  margin:15px 0 20px 0px;
}

#cta-button a {
  display:block;
  width:100%;
  height:100%;
  background:url(../img/increva-se2.jpg) no-repeat 0 0;
  font-family:Verdana, Geneva, sans-serif;
  color:#666;
  font-size:16px;
  text-decoration:none;
  line-height:30px;
  padding-left:20px;
  font-weight:bold;
}

#cta-button a:hover{
  background-position:0 31px;
}