/*
Theme Name: Ranuccy Wordpress
Theme URI: http://www.idek.com.br/
Description: 
Version: 1.0.0

Author: iDesk Informática
Author URI: http://www.idesk.com.br
*/

/** Fontes **/
@import url(https://fonts.googleapis.com/css?family=Josefin+Sans:400,300,600,700,700italic,600italic,400italic,300italic);
body { font-family: 'Josefin Sans', sans-serif; }


/** Painéis **/
.sitePanel { height: 979px; padding-top: 60px; }

.fundoHome { background: url(images/fundo_home.jpg) center top no-repeat; }
.fundoConfeccao { background: url(images/fundo_confeccao.jpg) center top no-repeat; }
.fundoModa { background: url(images/fundo_moda.jpg) center top no-repeat; }
.fundoUniformes { background: url(images/fundo_uniformes.jpg) center top no-repeat; }
.fundoModaBranca { background: url(images/fundo_moda_branca.jpg) center top no-repeat; }
.fundoAcessorios { background: url(images/fundo_acessorios.jpg) center top no-repeat; }

.fundoConfeccao_modelagem { background: url(images/fundo_confeccao_modelagem.jpg) center top no-repeat; }
.fundoConfeccao_parceria { background: url(images/fundo_confeccao_parceria.jpg) center top no-repeat; }
.fundoConfeccao_uniforme { background: url(images/fundo_confeccao_uniforme.jpg) center top no-repeat; }

.container { position: relative; }

#modal { display: none; position: fixed; height: 100%; width: 100%; background: url(images/fundo_modal.png); z-index: 100; top: 60px; left: 0; color: #FFF; }
#modalClose { display: block; position: absolute; top: 10px; right: 30px; height: 24px; width: 24px; z-index: 1000; }

.socialIcons { text-align: center; margin-top: 8px; }
.socialIcons a { margin: 0 5px; }


/** Hotsites **/ 
.panelMenu { padding: 20px 0; text-align: center; background-color: #FFF; margin-top: 25px; }
.panelMenu img { margin: auto; }
.panelMenu-nav { list-style: none; padding: 0; margin: 0; margin-top: 30px; text-transform: uppercase; font-size: 16px; font-weight: 600; }
.panelMenu-nav a { display: block; color: #000; padding: 8px 0; text-decoration: none; }
.panelMenu-nav a.active, .panelMenu-nav a:focus, .panelMenu-nav a:hover { background-color: #F3F3F3; }

.panelContent { margin-top: 135px; height: auto; max-height: 450px !important; padding-right: 0; padding-left: 0; }
.panelContent h1, 
.panelContent h2, 
.panelContent h3, 
.panelContent p, .panelContent li { color: #FFF; text-align: justify; font-weight: 700; }
.panelContent h1, .panelContent h2, .panelContent h3 { text-transform: uppercase; }
.panelContent h1 { font-size: 24px; }
.panelContent h2 { font-size: 22px; }
.panelContent h3 { font-size: 18px; }
.panelContent p, .panelContent li { font-weight: 400; font-size: 17px; }
.panelContent strong, .panelContent b { font-weight: 700; }
.panelContent .destaqueTexto { text-transform: uppercase; font-size: 18px; }

.panelContent .scrollPanel { width: 100%; height: 450px !important; overflow: auto; }
#sitePanelContent_acessorios, #sitePanelContent_acessorios .scrollPanel { height: 280px !important; margin-bottom: 15px; }

.galeriaFotos{ overflow: auto; zoom: 1; }
.galeriaFotos figure { display:block; width: 100px; max-height: 150px; overflow:hidden; float: left; margin: 0 10px 10px 0; }


/** Home **/
.logo { height: 282px; width: 293px; position: absolute; left: 440px; top: 110px; z-index: 50; }
#brand {  animation-name: pulseLogo; animation-duration: 3s; animation-iteration-count: 1; z-index: 999; }
@keyframes pulseLogo {
	from { transform: scale(1.0); opacity: 0.75; }
	50% { transform: scale(1.15); opacity: 1.0; }
	to { transform: scale(1.0); opacity: 0.75; }
}

#logoDescription {
	position: absolute;
	left: -60px;
	top: 300px;
	background-color: #900028;
	color: #FFF;
	font-weight: 600;
	font-size: 18px;
	border-radius: 6px;
	padding: 5px 8px;
	text-align: center;
	width: 400px;
	z-index: 50;
	display: none;
}
#logoDescription:hover { display: block; }
#logoDescription p { margin: 0; line-height: 32px; }

.homeButton { height: 282px; width: 282px; position: absolute; z-index: 10; }
.homeButton a { display: block; position: relative; }
.homeButton img { position: absolute; top: 0; left: 0; z-index: 2; }
.homeButton .mask { z-index: 5; animation-name: homeButton; animation-duration: 1s; animation-iteration-count: 1; opacity: 0; transition: opacity 1s ease-out; }
.homeButton a:hover .mask { opacity: 1; transition: opacity 1s ease-out; }
@keyframes homeButton {
	from { opacity: 1; }
	to { opacity: 0; transform: opacity 1s ease-out; }
}

#btn_01 { top: -10px; left: 162px; }
#btn_02 { top: -10px; right: 165px; }
#btn_03 { top: 287px; left: 162px; }
#btn_04 { top: 287px; right: 165px; }

/** Moda **/
.logotiposRNCCY img { margin: 50px 0; }

/** Uniformes **/
.panelContent a { color: #E7E25E; }

/** Moda Branca **/
#sitePanelContent_modaBranca p { color: #000; }


/** Acessórios **/
#sitePanelContent_acessorios p { color: #000; }

/** Formulários (Contato e Trabalhe Conosco) **/
.pageContato h2 { text-transform: uppercase; font-weight: 300; }
.pageContato a { color: #FFEE09; }
.googlemaps { height: 300px; margin-bottom: 30px; }
#formContato label.error { color: #F55F62; }
#interestsTopics label.error { display: none; }


/** Lightbox **/
.lb-loader,.lightbox {text-align:center;line-height:0}
body:after{content:url(images/lightbox/close.png) url(images/lightbox/loading.gif) url(images/lightbox/prev.png) url(images/lightbox/next.png);display:none}
.lb-dataContainer:after, .lb-outerContainer:after{content:"";clear:both}
body.lb-disable-scrolling{overflow:hidden}
.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=90);opacity:.8;display:none}
.lightbox{position:absolute;left:0;width:100%;z-index:10000;font-weight:400}
.lightbox .lb-image{display:block;height:auto;max-width:inherit;border-radius:3px}
.lightbox a img{border:none}
.lb-outerContainer{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;border-radius:4px}
.lb-loader,.lb-nav{position:absolute;left:0}
.lb-outerContainer:after{display:table}
.lb-container{padding:4px}
.lb-loader{top:43%;height:25%;width:100%}
.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(images/lightbox/loading.gif) no-repeat}
.lb-nav{top:0;height:100%;width:100%;z-index:10}
.lb-container>.nav{left:0}
.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}
.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}
.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(images/lightbox/prev.png) left 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}
.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}
.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(images/lightbox/next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}
.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}
.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px}
.lb-dataContainer:after{display:table}
.lb-data{padding:0 4px;color:#ccc}
.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}
.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}
.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}
.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(images/lightbox/close.png) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}
.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1}


/** jScrollPane **/
.jspContainer { overflow: hidden; position: relative; }
.jspPane { position: absolute; }
.jspVerticalBar { position: absolute; top: 0; right: 0; width: 42px; height: 100%; }
.jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 16px; background: none; }
.jspCap { display: none; }
.jspHorizontalBar .jspCap { float: left; }
.jspTrack { background: url(images/scroll_bar.png) top center repeat-y; position: relative; }
.jspDrag { background: url(images/scroll_pin.png) top center no-repeat; position: relative; top: 0; left: 0; cursor: pointer; }
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; }
.jspArrow { background: #0C0; text-indent: -20000px; display: block; cursor: pointer; padding: 0; margin: 0; }
.jspArrow.jspDisabled { cursor: default; background: #80808d; }
.jspVerticalBar .jspArrow { height: 16px; }
.jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; }
.jspVerticalBar .jspArrow:focus { outline: none; }
.jspCorner { background: #C00; float: left; height: 100%; }
/* CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner { margin: 0 -3px 0 0; }