@import url("reset.css");
/*
	Projeto - SUB - SELECTION OF UNBELIEVABLE BEACHWEAR(SUB - SELECTION OF UNBELIEVABLE BEACHWEAR) v: 0.1
	Developer(s):
		+ Diogo Silva (diogo.ferreira@hellointeractive.com.br)
		+ Fernando Basilio (fernando.basilio@hellointeractive.com.br)
*/

body {
	font:11px Verdana, Arial;
	background:#fff url(/img/background.jpg) no-repeat;
}

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

select {
	font: 11px Verdana, Arial;
	color: #000;
}

textarea,input {
	font:10px Verdana, Arial;
}

.container {
	width:810px;
	height:475px;
	top:50%;left:50%;
	position:absolute;
	margin-top:-190px;
	margin-left:-364px;
}

.container .header,.container .content {
	float:left;
	height:429px;
}

.loader {
	width: 424px;
	height: 372px;
}
.loaderSub {
	background: url(/img/loader_asub.gif) no-repeat center;
}
.loaderCatalogo {
	background: url(/img/loader_catalogo.gif) no-repeat center;
}
.loaderContato {
	background: url(/img/loader_contato.gif) no-repeat center;
}
.loaderMarcas {
	background: url(/img/loader_marcas.gif) no-repeat center;
}

/* mn SUB e CONTATO */
.container .header {
	text-indent:-9999px;display:block;overflow:hidden;
	background:#ccc;
	cursor:pointer;
	width:25px;
	color:#fff;
	margin:0 0 0 5px;
}
.container .mnSub,.container .mnSub a {
	background: url(/img/mn_a_sub.png) no-repeat;
}
.container .mnContato {
	background: url(/img/mn_contato.png) no-repeat;
}
.container .mnCatalogo {
	background: url(/img/mn_catalogos.png) no-repeat;
}
.container .mnMarcas {
	background: url(/img/mn_marcas.png) no-repeat;
}
/* fim mn SUB e CONTATO */

/* Logo SUB */
.mainSub {
	border-top:1px solid #90dee3;
	margin: 0 25px 0 0;
	height:441px;
	float:left;
}
.mainSub h1,.mainSub h1 a {
	text-indent:-9999px;display:block;overflow:hidden;
	background:#22bec6 url(/img/logo_sub.gif) no-repeat 79px 65px;
	width:216px;
	height:429px;
}
.mainSub h2 {
	text-indent:-9999px;display:block;overflow:hidden;
	background: url(/img/sub_title.gif) no-repeat;
	width:216px;
	height:8px;
	margin: 5px 0 0 0;
}
/* fim logo */

.container .content {
/*	display: none; */
	width:0px;
	overflow:auto;
	position:relative;
}

/* a Sub */
.container .aSubMain {
	background: #22bec6 url(/img/bg_a_sub.png) no-repeat bottom;
	padding-top:24px;
	height:405px;
}
.container .aSubMain p {
	color:#fff;
	padding: 0 28px 0 28px;
}

/* Contato */
.container .contatoMain {
/*	background: #e2c0fc url(/img/bg_contato.png) no-repeat bottom;*/
	background: #e2c0fc;
}

.contatoMain .ff {
	width: 320px;
	color: #ae69e2;
	font-size:10px;
	margin: 20px 0 0 0;
	position: relative;
	left:60px;
	float: left;
}

.contatoMain .vcard {
	width: 305px;
	color: #ae69e2;
	font-size:10px;
	margin: 45px 0 0 0;
	padding: 5px 0 0 0;
	position: relative;
	left:0px;
	float: left;
	border-top: 1px solid #ae69e2;
}

.contatoMain .ff span {
	float: left;
	margin: 5px 0 0 2px;
}

.contatoMain .ff label {
	width:300px;
	padding:9px 0 9px 0;
	float:left
}

.contatoMain .ff input, 
.contatoMain .ff textarea {
	width:300px;
	border: none;
	color: #ae69e2;
	padding: 4px 3px;
	float: left;
}

.contatoMain .ff textarea {
	overflow:auto;
	height:80px;
}

.btnLimpar,.btnEnviar {
	text-indent:-9999px;display:block;overflow:hidden;
	width:87px;	height:21px;
	float:right;
	margin:16px 0 0 0;
}
.btnLimpar {
	background: url(/img/btn_limpar.png) no-repeat;
}
.btnEnviar { 
	background: url(/img/btn_enviar.png) no-repeat;
	margin:16px 14px 0 13px;
}

.erro {
	font-weight:bold;
	text-align:center;
	position: relative;
	top:20px;
	clear:both;
}

address {
	color:#fff;
	margin:154px 0 0 0;
	padding: 0 28px 0 28px;
	font-style:normal;
	font-size:10px;
}

/* Catalogo */
.catalogoMain {
	background-color:#ffde00;
}

.preview {
	background-color:#ffde00;
	width:345px;
	height:429px;
	float:left;
	overflow: hidden;
	position:absolute;
	left:104px;
}

#mycarousel { float:left; }

/* galeria fotos aberta */
.boxFotos {
	position:absolute;
	width:345px;
	left: 0;
	top:0;
	overflow:hidden;
}
ul.galeria li { float:left; }
.btEsqFotos,.btDirFotos {
	text-indent:-9999px; display:block; overflow:hidden;
	width:345px;
	height:43px;
	float:left;
	cursor:pointer;
}
.btEsqFotos { background:url(/img/seta_top_trans.png) no-repeat; }
*html .btEsqFotos {
	background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/seta_top_trans.png');
}
.btDirFotos { background:url(/img/seta_bottom_trans.png) no-repeat;	}
*html .btDirFotos {
	background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/seta_bottom_trans.png');
}

.btEsqFotos {
	position:absolute;
	top:0;
	left:0;
	z-index:2;
}

.btDirFotos {
	position:absolute;
	top:386px;
	left:0;
	z-index:2;
}

#images li,#imagesMarcas li {
	position:relative;
	z-index:1;
	margin:0;
	padding:0;
	height:429px;
	overflow:hidden;
	display:none;
}

#images li img, #imagesMarcas li img {
	position: relative;
	top: 0;
}

.galeriaAtivo {
	padding:4px;
	background-color:#fff !important;
	display:block; overflow:hidden;
}

.loading {
	background: url(/img/loader_catalogo.gif) no-repeat;
	position:relative;
	width:16px;
	height:16px;
	left:230px;
	*left:130px;
	top:220px;
	z-index:5;
}

.container .logos{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 73px;
	height: 42px;
	background: url(/img/imgLogoHavaianas.gif) no-repeat;
}

.tit_adriana_fernandez,
.tit_fernanda_niemeyer,
.tit_jo_de_mer{
	width: 345px;
	height: 25px;
	position: absolute;
	top: 43px;
	right: 0;
	z-index: 99;	
	text-indent: -9999px;
}

.tit_adriana_fernandez{	background:url(/img/tit_adriana_fernandez.png) no-repeat; }
*html .tit_adriana_fernandez {
	background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/tit_adriana_fernandez.png');
}

.tit_fernanda_niemeyer{ background:url(/img/tit_fernanda_niemeyer.png) no-repeat; }
*html .tit_fernanda_niemeyer {
	background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/tit_fernanda_niemeyer.png');
}

.tit_jo_de_mer{ background:url(/img/tit_jo_de_mer.png) no-repeat; }
*html .tit_jo_de_mer {
	background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/tit_jo_de_mer.png');
}

/* Marcas */
.container .marcasMain {
	background: #9dbefb;
}

.boxFotosMarcas {
	width:449px !important;
	display: block;
}

.galeriaMarcas li { 
	float:left; 
	margin:45px 0 0 0;
	height:384px;
}

#imagesMarcas li {
	height:85px;
}

p.btTopMarca,p.btTopMarca a,
p.btBottomMarca,p.btBottomMarca a {
	text-indent:-9999px;display:block;overflow:hidden;
	width:449px;
	height:42px;
	float:left;
	cursor:pointer;
}
p.btTopMarca,p.btTopMarca a		{ background:url(/img/seta_top_marcas.gif) no-repeat; }
p.btBottomMarca,p.btBottomMarca a { background:url(/img/seta_bottom_marcas.gif) no-repeat; }

p.btTopMarca {
	position:absolute;
	top:0;
	left:0;
	z-index:2;
}
p.btBottomMarca {
	position:absolute;
	top:385px;
	height:44px;
	left:0;
	z-index:2;
}
/* fim Marcas */