/*
07/05/2014
Theme Name: Unimed - Saúde e empreendedorismo
Theme URI: http://www.url.com.br
Description: Produzido por Cyoung - Agência de Digital
Version: 2012
Author: Produzido por Filipe Dantas
Author URI: http://www.cyoung.com.br
*/

.center(@width: 990px, @margin: 0 auto, @position: relative) {
	width: @width;
	margin: @margin;
}

/* default */
*{margin:0; padding:0; outline: none;}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 62.5%; line-height: 1.231; }
body, button, input, select, textarea { font-family: Tahoma; color: #222; }
html, body, #wrap {height:100%;}
#wrap {height: auto; min-height: 100%; width:100%; margin:0 auto;}
.sprite{background:url(../img/sprite.png) no-repeat}

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }

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

/* ==|== non-semantic helper classes ======================================== */
.clear{clear:both;}
.none{display:none}
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.indent{text-indent:-9999px;}
.none{display:none;}
.left{float:left;}
.right{float:right;}
.alignnone, .alignleft{float:left; margin:0 10px 10px 0;}
.alignright{float:right; margin:0 0 10px 10px}
.aligncenter {margin-left: auto; margin-right: auto; clear: both; display: block;}
p, address{color:#000; font-size:1.2em; font-style:normal; line-height: 1.8em;}

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
small { font-size: 85%; }
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
figure { margin: 0; }

////////////
// LAYOUT //
////////////
.centraliza{
	.center();
}
.meio{
	width:620px;
	margin:0 auto;
}
/* fontes */
@font-face {
	font-family: 'MyriadPro-Light';
	src: url('../fonts/MyriadPro-Light.eot');
	src: url('../fonts/MyriadPro-Light.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/MyriadPro-Light.woff') format('woff'),
			 url('../fonts/MyriadPro-Light.ttf') format('truetype'),
			 url('../fonts/MyriadPro-Light.svg#myriadprolight') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'Myriad Pro Cond';
    src: url('../fonts/MyriadPro-BoldCond.eot');
    src: url('../fonts/MyriadPro-BoldCond.eot?#iefix') format('embedded-opentype'),
         url('../fonts/MyriadPro-BoldCond.woff') format('woff'),
         url('../fonts/MyriadPro-BoldCond.ttf') format('truetype'),
         url('../fonts/MyriadPro-BoldCond.svg#baskerville_old_faceregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
#wrap {
	#container{
		/* css geral */
		figure#logo_topo{ text-align: center; width: 100%; margin-top: 10px; }
		nav{
			width:10px;
			padding:15px 10px 5px 10px;
			position: fixed;
			top:290px;
			right:11%;
			z-index: 9999;
			background: url(../img/bg_menu.png) repeat;
			-webkit-border-radius: 20px 20px 20px 20px;
			border-radius: 20px 20px 20px 20px;
			ul{
				li{
					width:12px;
					float:left;
					margin-bottom: 10px;
					position: relative;
					h5{display:none;}
					&:hover{
						h5{
							width:142px;
							background:#fff;
							padding:3px 0;
							text-align: center;
							display:block;
							color:#000;
							font-size: 14px;
							text-transform: uppercase;
							z-index: 99;
							position: relative;
							position: absolute;
							top:-5px;
							left:-158px;
							font-family: 'MyriadPro-Light';
							span{
								width:12px;
								height:14px;
								background:url(../img/seta_dir.png) no-repeat;
								position: absolute;
								top:4px;
								right:-12px;
								z-index: 99;
							}
						}
					}

					a{
						width:12px;
						height:12px;
						background-position: -195px -142px;
						float:left;
						text-indent: -9999px;
						&:hover, &.ativo{
							background-position: -195px -122px;
						}
					}
				}
			}
		}
		h2, .bt{
			font-size: 56px;
			color:#fff;
			text-align: center;
			font-family: 'Myriad Pro Cond';
			text-transform: uppercase;
		}
		.logo{
			width:94px;
			height:71px;
			display:block;
			margin:0 auto;
			background-position: -251px -96px;
		}
		p{
			font-size: 14px;
			color:#fff;
			line-height: 16px;
			margin-bottom: 18px;
		}
		.bt{
			width:246px;
			height:47px;
			padding-top: 11px;
			margin:0 auto 24px auto;
			background-position: 0 0;
			display:block;
			color:#fff;
			font-size: 24px;
			clear:both;
			&:hover{
				background-position: 0 -61px;
				color:#0b9258;
				text-decoration: none;
				cursor: pointer;
			}
		}
		.bt_fechar{
			width:56px;
			height:56px;
			position: absolute;
			top:0;
			right:0;
			z-index: 999;
			text-indent: -9999px;
			background-position: -364px -56px;
		}
		header{
			height:634px;
			background: url(../img/bg_header.jpg) no-repeat center top #FFF;
			.centraliza{
				height:586px;
				padding-top: 80px;
				h1{
					width:125px;
					height:125px;
					margin:0 auto;
					text-indent: -9999px;
					a{
						width:125px;
						height:125px;
						display:block;
						background:url(../img/logo.png) no-repeat;
					}
				}
				small{
					width:100%;
					display:block;
					text-align: center;
					font-size: 14px;
					text-transform: uppercase;
					color:#dee4ee;
					margin:20px 0 15px 0;
					font-family: 'MyriadPro-Light';
				}
				h3{
					margin-bottom: 55px;
					font-size: 35px;
					line-height: 35px;
					text-align: center;
					font-family: 'Myriad Pro Cond';
					.cor1{
						color:#85b0ff;
					}
					.cor2{
						color:#5c8de6;
					}
					.cor3{
						color:#8face2;
					}
					.cor4{
						color: #0b8149;
					}
				}

				.seta{
					width:36px;
					height:84px;
					margin: 0 auto;
					display:block;
					background-position: -320px 0;
				}
			}
		}/* /header */
		#aovivo{
	      height:900px;
	      background:#FFF;
	      padding-top: 20px;
	      margin-bottom: 50px;
	      .select_sala{ display: inline-block; padding: 8px; width: 44%; text-align: center; font-size: 16px; margin-bottom: 25px; color: #0b8149; border: 1px solid #0b8149; margin-left: 17px; text-decoration: none; cursor: pointer; }
	      .selected{ background: #0b8149; color: #FFF; }
	      h2{
	          color:#404040;
	          margin-bottom: 36px;
			}
		h3{
			margin: 5px 0;
			font-size: 18px;
		}
		p{
			color:#404040;
		}
			.patrocinadores{
				margin-top: 40px;
				padding-top: 10px;
				border-top: 1px solid #404040;
				text-align: center;
				a{ background: url(../img/patrocinadores.jpg) no-repeat; display: inline-block; text-indent: -999999px; margin: 40px 0 0 30px; }
				.fama{ width: 111px; height: 60px; background-position: 0px 0px }
				.uniodonto{ width: 154px; height: 60px; background-position: -162px 0px }
				.unimed_ceara{ width: 111px; height: 60px; background-position: -357px 0px }
				.aero_medica{ width: 113px; height: 60px; background-position: -513px 0px }
				.unicred{ width: 111px; height: 60px; background-position: -665px 0px }
				.jcarneiro{ width: 146px; height: 60px; background-position: 0px -70px }
				.unimednne{ width: 110px; height: 60px; background-position: -163px -70px }
				.qualicorp{ width: 140px; height: 60px; background-position: -296px -70px }
				.infomed{ width: 112px; height: 60px; background-position: -454px -70px }
				.millenium{ width: 66px; height: 75px; background-position: -590px -70px }
				.digivox{ width: 112px; height: 60px; background-position: -676px -70px }
			}
  }/* aovivo */
		#mensagem{
			height:680px;
			background: url(../img/marcaDagua.png) no-repeat center left #009b63;
			.centraliza{
				height:617px;
				padding-top: 20px;
				.meio{
					h3{
						color:#fff;
						font-family: 'Myriad Pro Cond';
						font-size: 25px;
						text-transform: uppercase;
						margin-bottom: 10px;
					}
					ul{
						margin:0;
						padding:0;
						li{
							width:280px;
							float:left;
							list-style: none;
							font-size: 14px;
							color:#fff;
							line-height: 16px;
						}
					}
				}
			}
		}/* /mensagem */
		#eventos{
			height:730px;
			background: #222;
			.centraliza{
				height:730px;
				padding-top: 20px;
				.meio{
					h2{
						margin-bottom: 25px;
					}
				}
			}
		}/* /eventos */
		#cidade{
			height:730px;
			background:url(../img/bg_cidade.jpg) no-repeat center top;
			.geral_galeria{
				height:720px;
				padding-top: 20px;
				background:url(../img/bg_branco.png) repeat;
				position: relative;
				.galeria{
					width:970px;
					position:relative;
					margin:0 auto;

					h3{
						color:#404040;
						font-family: 'Myriad Pro Cond';
						font-size: 25px;
						text-transform: uppercase;
						margin-bottom: 25px;
						text-align: center;
						padding-top: 10px;
					}
					.bt_prev, .bt_next{
						width:52px;
						height:52px;
						position: absolute;
						top:300px;
						z-index: 99;
						&.bt_prev{
							left:10px;
							background-position: -366px 0;
						}
						&.bt_next{
							right:10px;
							background-position: -427px 0;
						}
					}
					.scroll{
						width:970px;
						height:458px;
						.slide{
							width:970px;
							height:458px;
							float:left;
						}
					}
				}
			}
			.centraliza{
				height:612px;
				padding-top: 20px;
				position: relative;
				.meio{
					h2{
						margin-bottom: 22px;
						color:#404040;
					}
					p{
						color:#404040;
					}
				}

			}
		}/* /fortaleza */
		#local{
			height:636px;
			background:url(../img/bg_local.jpg) no-repeat center top;
			position: relative;
			overflow: hidden;
			.geral_galeria_hotel{
				height:720px;
				padding-top: 20px;
				background:url(../img/bg_branco.png) repeat;
				position: relative;
				.galeria{
					width:970px;
					position:relative;
					margin:0 auto;

					h3{
						color:#404040;
						font-family: 'Myriad Pro Cond';
						font-size: 25px;
						text-transform: uppercase;
						margin-bottom: 25px;
						text-align: center;
						padding-top: 10px;
					}
					.bt_prev_hotel, .bt_next_hotel{
						width:52px;
						height:52px;
						position: absolute;
						top:300px;
						z-index: 99;
						&.bt_prev_hotel{
							left:10px;
							background-position: -366px 0;
						}
						&.bt_next_hotel{
							right:10px;
							background-position: -427px 0;
						}
					}
					.scroll_hotel{
						width:750px;
						height:458px;
						margin: 0 auto;
						.slide{
							width:750px;
							height:458px;
							float:left;
						}
					}
				}
			}
			.apresentacao{
				width:100%;
				height:636px;
				background:url(../img/bg_preto.png) repeat;
				position: relative;
				position: absolute;
				top:0;
				left:0;
				.meio_video{
					width:852px;
					height:572px;
					padding-top: 64px;
					position: relative;
					margin: 0 auto;
					.bt_fechar{
						top:50px;
						right:-60px;
					}
					figure{
						width:852px;
						height:507px;
					}
				}
			}
			.centraliza{
				height:616px;
				padding-top: 20px;
				h2{
					margin-bottom: 45px;
				}
				.ver_fotos_hotel{
					margin-top: 45px;
				}
				.bts{
					width:328px;
					margin: 88px auto 0 auto;
					display:block;
					small{
						width:115px;
						float:left;
						text-align: right;
						font-size: 14px;
						color:#fff;
						margin:8px 10px 0 0;
					}
					.bt_video{
						width:52px;
						height:52px;
						float:left;
						background-position: -427px 0;
					}
					h4{
						width:123px;
						height:40px;
						float:left;
						background-position: 0 -122px;
						margin: 5px 0 0 10px;
						a{
							width:123px;
							height:40px;
							display:block;
						}
					}
				}
			}
		}/* /local */
		#inscricao{
			height:950px;
			background:#d5d5d5;
			.centraliza{
				height:1017px;
				padding-top: 20px;
				h2{
					color:#404040;
					margin-bottom: 36px;
				}
				.meio_inscricao{
					width:772px;
					margin:0 auto;
					.preco{
						width:368px;
						padding: 54px 0 42px 0;
						float:left;
						-webkit-box-shadow: 1px 1px 1px 1px #000000;
						box-shadow: 1px 1px 1px 1px #000000;
						background:#fff;
						margin-bottom: 35px;
						&.p2{
							float: right;
							padding: 35px 0 42px 0;
						}
						ul{
							width:264px;
							margin:0 auto;
							padding:0;
							li{
								list-style: none;
								border-bottom: 1px solid #cbcbcb;
								padding-bottom: 10px;
								margin-bottom: 25px;
								color:#404040;
								font-size: 36px;
								text-align: center;
								line-height: 20px;
								h4{
									font-size: 24px;
									font-family: 'MyriadPro-Light';
									text-align: center;
									text-transform: uppercase;
									font-weight: normal;
								}
								small{
									font-size: 12px;
								}
							}
						}
					}
					.text{
						width:344px;
						float:left;
						p{
							color:#404040;
						}
						&.t2{
							float:right;
						}
					}
					#form_certificado{
						text-align: center;
						input{
							font-size: 16px;
							text-align: center;
							padding: 5px;
							margin-bottom: 50px;
						}
					}
				}/* /meio_inscricao */
			}
		}/* /inscricao */
		#programacao{

			background: #E8E8E8;
			.centraliza{
				height:2240px;
				padding-top: 20px;
				h2{ color: #404040; }
				h4{
					width:123px;
					height:40px;
					display:block;
					background-position: 0 -122px;
					margin:0 auto;
					a{
						width:123px;
						height:40px;
						display:block;
					}
				}
				table{
					font-family: 'MyriadPro-Light';
					width:710px;
					margin:0 auto;
					tr{
						td{
							color:#000;
							font-size: 16px;
							border-bottom: 1px solid #000;
							padding:10px;
							&.td1{
								text-align: center;
								h2{ font-size: 38px !important; }
							}
							&.td2{
								position: relative;
								h3{
									position: absolute;
									top: 24px;
									left: 10px;
								}
								ul{
									li{
										list-style: none;
										margin: 0 0 20px 32px !important;
										ul{
											margin: 5px;
											li{
												margin: 0 0 3px -23px !important;
												ul{

													li{
													}
												}
											}
										}
										&.featured{
											background: #18B268;
											color: #FFF;
											padding: 7px 0px 5px 0px;
											text-align: center;
										}
									}
								}
								.p_hora{

								}
								.p_item_list{

								}
							}
							&.tit{
								font-size: 18px;
								text-transform: uppercase;
							}
						}
						&.titulo{ background: rgb(20,187,212)}
					}

					&.t1{ background: #AFF3D2}
					&.t2{ background: #6CDDA7}
				}
				.meio_hosp{
					width:710px;
					margin:0 auto;
					small{
						font-size: 11px;
						color:#000;
						margin-bottom: 22px;
						display:block;
					}
					ul{
						margin: 0;
						padding:0;
						li{
							list-style: none;
							font-size: 11px;
							color:#000;
						}
					}
				}

			}
		}/* /hospedagem */
		#informacoes{
			height:350px;
			.centraliza{
				height:350px;
				padding-top: 20px;
				h2{
					margin:50px;
				}
				h2, p{
					color:#525252;
				}
				p{
					span{
						font-size: 18px;
					}
				}
				.info{
					width:754px;
					margin:0 auto 22px auto;
					.bt_topo{
						width:52px;
						height:52px;
						display:block;
						margin:0 auto;
						background-position: -133px -122px;
					}
				}
				ul{
					width:856px;
					margin:0 auto;
					padding: 25px 0 0 24px;
					li{
						list-style: none;
						width: 100%;
						text-align: center;
						a{
							margin-right: 32px;
							&.sicredi{
								margin: -8px 0 0 0;
							}
						}
						small{
							font-size: 14px;
							display:block;
							margin-bottom:15px;

						}
					}
				}
			}
			img.cyoung{ clear:right; margin-top: 150px; }
		}/* /informacoes */
	}/* /container */
}/* /wrap */

footer {position:relative; background:#006633; height:150px; clear:both;}
/*formularios*/
form, button, input, fieldset, textarea { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }


/*  INSCRIÇÃO */
#overlay{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); z-index: 900; display: none; }
#insc_box{ font-family: 'MyriadPro-Light'; background: #FFF; width: 660px; height: 580px; position: fixed; top: 40px; z-index: 99999; -webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,0.8); box-shadow: 0 0 30px 0 rgba(0,0,0,0.8); display: none; }
a#close_btn{ display: table; position: absolute; right: -15px; top: -15px; width: 40px; height: 40px; background: #666; color: #FFF; font-family: 'MyriadPro-Light'; font-size: 28px; text-align: center; -webkit-border-radius: 40px; border-radius: 40px; }
a#close_btn:hover{ text-decoration: none; }
a#close_btn span{ display: table-cell; vertical-align: middle; }

#insc_box h2{ text-align: left; margin: 30px 0 20px 0; font-size: 24px; font-weight: normal; }
#insc_box input, #insc_box select, #insc_box textarea{ padding: 5px; width: 420px; font-family: 'MyriadPro-Light'; border: none; margin-bottom: 10px;  text-align: center; font-size: 18px; }
#insc_box input, #insc_box textarea{ border: 1px solid #CCC; }
#insc_box input[type="checkbox"], #insc_box input[type="radio"]{ width: 15px !important; }
#insc_box input[type="radio"]{  }
#insc_box p{ font-size: 12px; font-family: Tahoma; }

div.act_bt{ position: absolute; top: 30px; right: 65px }

.secao{ width: 540px; height: 500px; margin: 0 auto; text-align: center; font-size: 18px; display: none; }
div.choose{ background: #0b9258; padding: 25px 0; color: #FFF; margin-bottom: 10px; }
div.choose h3{ font-size: 18px; margin-bottom: 10px; }
#adicionais{ display: none; }
.bt_form{ font-size: 56px;
  color:#fff;
  text-align: center;
  font-family: 'Myriad Pro Cond';
  text-transform: uppercase;
  width:246px;
  height:47px;
  padding-top: 11px;
  margin:0 auto 24px auto;
  background-position: 0 0;
  display: inline-block;
  color:#fff;
  font-size: 24px;
  clear:both;
}
.bt_form:hover{
  background-position: 0 -61px;
  color:#0b9258;
  text-decoration: none;
  cursor: pointer;
}
#finalizar{ margin-top: 50px; }
.dados_pessoais h2{ color: #000; margin-bottom: 40px; }
.campoFail{ border: 1px solid #ce1818 !important; }
#status{ position: absolute; bottom: 25px; left: 0; width: 100%; text-align: center; font-size: 18px; font-weight: bold; color: red; }

.hospedagem_tipo_box{ margin: 25px 0; display: none; padding: 25px 15px; background: #F2F2F2; }
.acompanhante_box{ margin: 25px 0; padding: 15px 15px 20px 15px; background: #F2F2F2; height: 160px; background-size: 5px 135px; }

.dados_acompanhante{ display: table; width: 100%; height: 130px; margin-top: 5px }
.dados_acompanhante_box{ display: table-cell; vertical-align: middle; width: 100%; height: 100%; }

#sem_acompanhante{ position: absolute; top: 30px; right: 40px; }
.input_center{ top: 260px !important; right: 270px !important; background: #F2F2F2; padding: 35px;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}

.bt_fct{ font-family: 'Myriad Pro Cond'; text-transform: uppercase; font-size: 20px; -webkit-box-shadow: 3px 3px 2px 0 rgba(0,0,0,0.6); box-shadow: 3px 3px 2px 0 rgba(0,0,0,0.6); -webkit-border-radius: 10px; border-radius: 8px; background: #0b9258; color: #FFF; padding: 15px 25px 11px 25px; }
.bt_fct:hover{ background: #FFF; color: #0b9258; text-decoration:none; cursor: pointer;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

.opt_acompanhante{ width: 50%; height: 40px; float: left; font-size: 12px; font-family: Tahoma; color: #000; margin-bottom: 15px; }
label.crianca_acompanhante1, label.crianca_acompanhante2, .crianca_acompanhante{ display: none; }
label span{ margin-top: 5px; display: block; font-size: 12px; color: #888 }
input.acompanhante_inscricao{ float: left; margin: 5px 8px 0 0; }
label.label_acompanhante{ float: left; text-align: left; width: 230px; }

.msgAlert{ padding: 15px; background: #FFFF00; }
.finalizacao p{ font-size: 14px !important; text-align: left; margin-top: 20px; background: #F2F2F2; padding: 35px }

div.ui-datepicker{ font-size:14px; width: 254px; }