/* CSS Document */

/* Reset CSS */
* {padding:0;margin:0;}
li {list-style-type:none;}
a img {border:none;}
fieldset {border:none;}

/* All */
body {
	background:url(../images/body/background.jpg) no-repeat top center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
}
.floatnone {
	clear:both;
}
.res {
	padding:5px;
	margin-bottom:5px;
	font-weight:bold;
	text-align:center;
	background-color:#ffff00;
	display:none;
	color:#000;
	width:356px;
	font-size:12px;
}
a:link, a:visited {
	color:#bd0050;
}
p {
	width:356px;
	margin-bottom:10px;
}
p.obs {
	font-size:12px;
}
h1 {
	color:#bd0050;
	font-size:30px;
	font-weight:normal;
}
h2 {
	color:#553ad1;
	font-size:21px;
	font-weight:normal;
	width:356px;
	margin-bottom:5px;
}
h3 {
	color:#553ad1;
	font-size:16px;
}
h4 {
	color:#553ad1;
	font-size:14px;
	font-weight:normal;
}

/* MainMenu */
#mainmenu {
	text-align:center;
	padding-left:210px;
	margin-top:15px;
	font-size:16px;
}
#mainmenu li {
	float:left;
	margin-right:10px;
}
#mainmenu li a {
	float:left;
	padding-top:4px;
}
#mainmenu li a:link, #mainmenu li a:visited {
	color:#a65e00;
	text-decoration:none;
}
#mainmenu li.active .left {
	float:left;
	width:5px;
	height:29px;
	background-image:url(../images/mainmenu/left.gif);
}
#mainmenu li.active .right {
	float:right;
	width:5px;
	height:29px;
	background-image:url(../images/mainmenu/right.gif);
}
#mainmenu li.active {
	background-color:#fff;
}
#mainmenu li.shop {
	background-color:#bd0050;
}
#mainmenu li.shop .left {
	float:left;
	width:5px;
	height:29px;
	background-image:url(../images/mainmenu/left-shop.gif);
}
#mainmenu li.shop .right {
	float:right;
	width:5px;
	height:29px;
	background-image:url(../images/mainmenu/right-shop.gif);
}
#mainmenu li.shop a {
	color:#fff;
	font-weight:bold;
}

/* Container */
#container {
	text-align:center;
	clear:both;
}
#center {
	width:922px;
	margin:auto;
	padding-top:95px;
	text-align:left;
}
#base {
	padding:5px 10px 0 130px;
}

/* INDEX.PHP */
#container.index {
	padding-top:7px;
}
#container.index img {
	margin-left:5px;
}

/* COLECAO-VERAO-2010-2011.PHP */
#container.colecao {
	background:url(../images/exemplo/colecao-verao-2010-2011.jpg) no-repeat center 7px;
	height:598px;
	margin-left:5px;
}
#img {
	width:275px;
	height:393px;
	overflow:hidden;
	float:left;
	margin-top:10px;
}
#thumbs {
	float:right;
	width:483px;
	margin:150px 10px 0 0;
}
#link01 {
	padding-top:50px;
	height:100px;
	width:25px;
	float:left;
	margin-right:8px;
}
#link02 {
	padding-top:50px;
	height:100px;
	width:25px;
	float:right;
}
#wn	{ 
    position:relative; 
    height: 150px;
	width: 425px;
	.height: 425px;
	.width: 150px;
    overflow:hidden;
	float:left;	
}
#lyr1 li {
	width:100px;
	height:150px;
	background-color:#e6e7e8;
	float:left;
	margin-right:6px;
	margin-bottom:6px;
}
#link_shop {
	float:right;
	margin:43px 10px 0 0;
}

/* LOJAS-REVENDEDORES-RAJE.PHP */
#container.lojas {
	background:url(../images/exemplo/lojas-revendores-raje.jpg) no-repeat center 7px;
	height:598px;
	margin-left:5px;
}
#line_lojas {
	border:none;
	width:354px;
	border-top:solid 1px #ec719d;
	border-bottom:solid 1px #ffd3e3;
}
#formshop p {
	font-size:12px;
	margin:0;
}
#formshop legend {
	font-size:18px;
	color:#553ad1;
}
#formshop select {
	font-size:12px;
	width:250px;
	margin-top:4px;
}
#list_shop {
	margin-top:10px;
	font-size:12px;
}

/* INSTITUCIONAL-RAJE-MODA-EVANGELICA.PHP */
#container.institucional {
	background:url(../images/exemplo/institucional-raje-moda-evangelica.jpg) no-repeat center 7px;
	height:598px;
	margin-left:5px;
}

/* FALE-CONOSCO-RAJE-MODA-EVANGELICA.PHP */
#container.fale {
	background:url(../images/exemplo/fale-conosco-raje-moda-evangelica.jpg) no-repeat center 7px;
	height:598px;
	margin-left:5px;
}
#form {
}
#form legend {
	font-size:21px;
	color:#553ad1;
}
#form label {
	display:block;
	padding:3px 0 1px;
	font-size:14px;
}
#form input,textarea {
	padding:2px;
	width:304px;
}
#form #btn {
	width:60px;
	display:block;
	margin-top:10px;
}

/* MAKING-OF-COLECAO-PRIMAVERAO-VERAO.PHP */
#container.making {
	background:url(../images/exemplo/making-of-colecao-primavera-verao.jpg) no-repeat center 4px;
	height:598px;
	margin-left:5px;
}


/* Footer */
#footer {
	clear:both;
	font-size:11px;
	color:#a65e00;
	padding-bottom:20px;
	margin-left:40px;
	width:923px;
}
#footer p {
	float:left;
}
#footer span {
	font-size:13px;
	color:#000;
}
#footer_link {
	text-align:center;
	font-size:12px;
	margin-bottom:20px;
}

/* Icons */
#icons {
	float:right;
}
#icons li {
	display:inline;
	margin-left:5px;
	border:none;
}