/*
			Theme Name: Elephant
			Theme URI: http://www.pinkelephantproject.com
			Description: The courage and commitment to communicate
			Version: 1
			Author: VA
			Tags: pink, elephant, project, courage, communicate
			
			Gris Claro: #bcbcbc
			Gris: #	9e9e9e
			Negro: #030303
			Rosa: #ea258b
*/






/*
			RESET
*/

* {
	margin: 0;
	padding: 0;
}

html {
	overflow-y: scroll;
	overflow-x:hidden;
}

html, body {
	height: 100%;
}

body {
	font-size: 62.5%;
	font-family: Helvetica, sans-serif;
	color: #030303;
	background-color: white;
}

ul {
	list-style: square inside;
}

ol {
	list-style: decimal inside;
}

a {
	outline: none; text-decoration: none;
}

a img {
	border: none;
}

img {
	vertical-align: middle;
}

table {
	border-collapse: collapse;
}

li {
	list-style: none;
}








/*
			UTILIDADES
*/

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.clear {
	clear: both;
}

.button {
	width: 62px;
	height: 21px;
	background: url(/images/search.jpg) top left no-repeat;
	text-indent: -9999px;
	display: block;
	float: right;
	margin-left: 5px;
	font-size: 1px;
}

.area	{
	float: left;
}







/*
			ESTRUCTURA
*/

#page-wrap {
	width: 942px;
	margin: 0 auto -250px;
	min-height: 100%;
	height: auto;
	height: 100%;
}

#push {
	height: 250px;
}








/*
			INDEX
*/

#subindex {
	width: 942px;
	height: auto;
	margin-top: 30px;
}

#promise	{
	width: 185px;
	height: 310px;
	border-right: dotted 2px #9e9e9e;
	float: left;
}

#topics	{
	width: 284px;
	height: 280px;
	border-right: dotted 2px #9e9e9e;
	float: left;
	background: url(images/forums.png) 10px 15px no-repeat;
	padding-top: 30px;
}

#topics p {
	margin: 5px 23px 0px 14px;
	line-height: 10pt;
	float:left;
}							

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

#comun {
	width: 239px;
	height: 290px;
	border-right: dotted 2px #9e9e9e;
	float: left;
	padding-top: 20px;
}

#comun p {
	padding-left: 17px;
	padding-right: 17px;
	font-size: 11px;
	line-height: 14px;
	margin-bottom: 14px;
	text-align: justify;
}

.badge {
	width: 83px;
	height: 108px;
	background: url('images/badge.jpg');
	float:right;
	margin-right: 3px;
	margin-left: 20px;
}

a.comun {
	font-family: Arial;
	color: #ea258b;
	font-weight: bold;
	display: block;
	margin: 0 0 0 161px;
	font-size: 16px;
}

a.comune {
	font-family: Arial;
	color: #ea258b;
	font-weight: bold;
	display: block;
	margin: 32px 0 0 181px;
	font-size: 16px;
}

a.comunf {
	font-family: Arial;
	color: #ea258b;
	font-weight: bold;
	display: block;
	margin: 37px 15px 0 0;
	font-size: 16px;
	float: right;
}

a.comun:hover, a.comunf:hover {
	text-decoration: underline;
}

#blog {
	width: 218px;
	height: 250px;
	float: right;
	background: url(images/pepaction.jpg) -22px 0 no-repeat;
	padding-top: 55px;
}

#blog p {
	margin: 5px 15px 0 0;
	line-height: 12pt;
	float: left;
}

.forum_index {
	font-family:Arial;
	color: #ea258b;
	font-weight: bold;
	font-size: 16px;
	margin: 0px 0 0 210px;
}



/*
			HEADER
*/

a.logo {
	width: 399px;
	height: 110px;
	background: url(images/logo.jpg) top left no-repeat;
	text-indent: -9999px;
	float: left;
}

p#des {
	width: 541px;
	height: 52px;
	background: url(images/des.jpg) top left no-repeat;
	text-indent: -9999px;
	margin: 58px 0 0 0;
	float: left;
}

#separador {
	width: 942px;
	height: auto;
	margin: 0 0 16px 0;
	border-bottom: 4px solid #030303;
}

form#searchform {
	margin: 0 0 0 10px;
	float: left;
	width:230px;
	height:25px;
}



/*
			MENU
*/

#menu-bar {
	padding-top: 5px;
}

ul#main-nav {
	width: 580px;
	float: left;
	margin: 0 0 0 118px;
}

ul#main-nav li {
	display: inline;
}

ul#main-nav li.sep {
	width: 2px;
	height: 22px;
	background: url(images/sep.jpg) top left no-repeat;
	display: block;
	float: left;
	text-indent: -9999px;
}

ul#main-nav li a.inicio {
	width: 89px;
	height: 22px;
	background: url(images/home.jpg) bottom;
	display: block;
	float: left;
	text-indent: -9999px;
}

ul#main-nav li a.about {
	width: 92px;
	height: 22px;
	background: url(images/about.jpg) bottom;
	display: block;
	float: left;
	text-indent: -9999px;
}

ul#main-nav li a.join {
	width: 81px;
	height: 22px;
	background: url(images/join.jpg) bottom;
	display: block;
	float: left;
	text-indent: -9999px;
}

ul#main-nav li a.forum {
	width: 97px;
	height: 22px;
	background: url(images/forum.jpg) bottom;
	display: block;
	float: left;
	text-indent: -9999px;
}

ul#main-nav li a.blog {
	width: 95px;
	height: 22px;
	background: url(images/blog.jpg) bottom;
	display: block;
	float: left;
	text-indent: -9999px;
}

ul#main-nav li a.mercado {
	width: 163px;
	height: 22px;
	background: url(images/mercado.jpg) bottom;
	display: block;
	float: left;
	text-indent: -9999px;
}

ul#main-nav li a.contact {
	width: 116px;
	height: 22px;
	background: url(images/contact.jpg) bottom;
	display: block;
	float: left;
	text-indent: -9999px;
}

ul#main-nav li a.inicio:hover {
	background: url(images/home.jpg) top;
}

ul#main-nav li a.about:hover {
	background: url(images/about.jpg) top;
}

ul#main-nav li a.join:hover {
	background: url(images/join.jpg) top;
}

ul#main-nav li a.forum:hover {
	background: url(images/forum.jpg) top;
}

ul#main-nav li a.blog:hover {
	background: url(images/blog.jpg) top;
}

ul#main-nav li a.mercado:hover {
	background: url(images/mercado.jpg) top;
}

ul#main-nav li a.contact:hover {
	background: url(images/contact.jpg) top;
}





/*
			ABOUT
*/
#banner {
	width: 942px;
	height: 360px;
	background: url(images/about/banner.jpg) top left no-repeat;
	padding: 8px;
}

#forma2 {
	width: 908px;
	height: 30px;
	margin-left: 5px;
	margin-top: 297px;
	background: url(images/about/back.png) repeat;
	padding: 9px 0 3px 10px;
}

#forma22 {
	width: 575px;
	height: 25px;
	margin-right: 2px;
	float: right;
}

#forma2a {
	width: 908px;
	height: 30px;
	margin-left: 5px;
	margin-top: 70px;
	padding: 9px 3px 3px 10px;
}

#forma2b {
	width: 729px;
	height: 30px;
	margin-left: 127px;
	margin-top: 100px;
	padding: 9px 3px 3px 54px;
}

#forma22a {
	width: 575px;
	height: 25px;
	margin-right: 2px;
	float: right;
}

#img {
	width: 235px;
	height: 49px;
	background: url(images/about/ttpromise.png) top left no-repeat;
}

#img2 {
	width: 307px;
	height: 18px;
	background: url(images/about/ttpromisetxt.png) top left no-repeat;
	float: left;
}

#img2a {
	width: 307px;
	height: 18px;
	background: url(images/forum/ttp.jpg) top left no-repeat;
	float: left;
}

img.ban {
	float: left;
}

#aboutall {
	width: 942px;
	height: 340px;
	margin-top: 30px;
	float: left;
}

#who {
	width: 307px;
	height: 340px;
	background: url(images/about/who.jpg) top left no-repeat;
	border-right: 2px dotted #9e9e9e;
	float: left;
}

#for {
	width: 327px;
	height: 340px;
	background: url(images/about/for.jpg) top left no-repeat;
	border-right: 2px dotted #9e9e9e;
	float: left;
}

#works {
	width: 303px;
	height: 340px;
	background: url(images/about/work.jpg) top left no-repeat;
	float: left;
}

ul#aboutul {
	width: 180px;
	float: left;
	margin: 192px 0 0 70px;
}

ul#aboutul2 {
	width: 250px;
	float: left;
	margin: 234px 0 0 60px;
}

ul#aboutul a.abouta {
	font-family: Arial;
	color: #ea258b;
	font-weight: bold;
	font-size: 12px;
	line-height: 18px;
}

ul#aboutul2 a.abouta {
	font-family: Arial;
	color: #ea258b;
	font-weight: bold;
	font-size: 12px;
	line-height: 20px;
}

.pepblog {
	width: 121px;
	height: 33px;
	background: url(images/about/pepblog2.jpg) top left no-repeat;
	text-indent: -9999px;
	display: block;
	margin-left: 94px;
}

.pepblogb {
	width: 121px;
	height: 33px;
	background: url(images/about/pepblog2.jpg) top left no-repeat;
	text-indent: -9999px;
	display: block;
	margin-top: 155px;
}									  

.faq {
	width: 90px;
	height: 24px;
	display: block;
	background: url(images/about/faq.jpg) top right no-repeat;
	font-family: Arial;
	color: #0e0e0e;
	font-weight: bold;
	font-size: 14px;
	line-height: 18px;
	margin: 22px 0 0 100px;
	padding-top: 3px;
}

#abcon .faq2 {
	width: 155px;
	height: 24px;
	display: block;
	background: url(images/about/faq.jpg) top right no-repeat;
	font-family: Arial;
	color: #0e0e0e;
	font-size: 14px;
	line-height: 18px;
	margin: 0 0 0 462px;
	padding-top: 3px;
	letter-spacing: 2px;
	float: right;
}

#abcon .faq3 {
	width: 138px;
	height: 24px;
	display: block;
	background: url(images/about/faq.jpg) top right no-repeat;
	font-family: Arial;
	color: #0e0e0e;
	font-size: 14px;
	line-height: 18px;
	margin: 49px 0 0 25px;
	padding-top: 3px;
	letter-spacing: 2px;
	float: left;
}

#abcon .faq4 {
	width: 176px;
	height: 24px;
	display: block;
	background: url(images/about/faq.jpg) top right no-repeat;
	font-family: Arial;
	color: black;
	font-size: 14px;
	line-height: 18px;
	margin: 0 0 0 0;
	padding-top: 3px;
	letter-spacing: 2px;
	float: left;
}
									  
ul#aboutul a.abouta:hover,
ul#aboutul2 a.abouta:hover,
.faq:hover, .faq2:hover,
.faq3:hover {
	text-decoration: underline;
}

.abouta {
	font-family: Arial;
	color: #ea258b;
	font-weight: bold;
	font-size: 12px;
	line-height: 18px;
}

#mapa {
	width: 931px;
	height: 18px;
	background: url(images/about/mapaback.gif) repeat;
	margin: -16px 0 0 0;
	padding: 9px 0 0 11px;
}

#mapanav {
	width: 300px;
	height: 12px;
}

#mapanav li	{
	display: inline;
}

#mapanav li a {
	color: #0e0e0e;
	font-weight: bold;
}

#mapanav li a:hover {
	text-decoration: underline;
}

#takethe {
	width: 629px;
	height: auto;
	background: url(images/join/join.gif) top left no-repeat;
	border-right: 2px dotted #0e0e0e;
	margin-top: 40px;
	padding-top: 85px;
	float: left;
}

#beliefs {
	width: 629px;
	height: auto;
	background: url(images/about/beliefs.gif) top left no-repeat;
	border-right: 2px dotted #0e0e0e;
	margin-top: 40px;
	padding-top: 85px;
	float: left;
}

#praise {
	width: 629px;
	height: auto;
	background: url(images/about/praise.gif) top left no-repeat;
	border-right: 2px dotted #0e0e0e;
	margin-top: 40px;
	padding-top: 85px;
	float: left;
}

#founder {
	width: 629px;
	height: auto;
	background: url(images/about/founders.gif) top left no-repeat;
	border-right: 2px dotted #0e0e0e;
	margin-top: 40px;
	padding-top: 85px;
	float: left;
}

#story {
	width: 629px;
	height: auto;
	background: url(images/about/story.gif) top left no-repeat;
	border-right: 2px dotted #0e0e0e;
	margin-top: 40px;
	padding-top: 85px;
	float: left;
}

#team {
	width: 629px;
	height: auto;
	background: url(images/about/team.gif) top left no-repeat;
	border-right: 2px dotted #0e0e0e;
	margin-top: 40px;
	padding-top: 85px;
	float: left;
}

#policy {
	width: 629px;
	height: auto;
	background: url(images/about/policy.gif) top left no-repeat;
	border-right: 2px dotted #0e0e0e;
	margin-top: 40px;
	padding-top: 85px;
	float: left;
}

#share {
	width: 614px;
	height: 30px;
	border-bottom: 1px dotted #0e0e0e;
	border-top: 1px dotted #0e0e0e;
}

#share2 {
	width: 614px;
	height: 30px;
	margin: 20px 0 20px 0;
}

#share ul {
	width: 612px;
	height: 25px;
}

#share ul li {
	display: inline;
}

#share ul li#sh {
	width: 57px;
	height: 25px;
	background: url(images/about/share.gif) top left no-repeat;
	text-indent: -9999px;
	margin-top: 3px;
	display: block;
	float: left;
}

#share2 ul li#sh {
	width: 57px;
	height: 25px;
	background: url(images/about/share.gif) top left no-repeat;
	text-indent: -9999px;
	margin-top: 3px;
	display: block;
	float: left;
}

#share ul li#fc {
	width: 500px;
	height: 30px;
}

#share ul li#print {
	float: right;
}

#sha {
	float: left;
}

#takethecont {
	width: 612px;
	background: url(images/join/joinimg.jpg) top center no-repeat;
	margin-top: 10px;
	margin-bottom: -40px;
	text-align: justify;
	padding-top: 360px;
	font-size: 9pt;
	line-height: 14pt;
	color: #444444;
}

#policycont {
	width: 612px;
	height: auto;
	margin-top: 10px;
	text-align: justify;
	font-size: 9pt;
	line-height: 14pt;
	color: #444444;
}

#beliefcont {
	width: 612px;
	height: auto;
	background: url(images/about/beliefsim.jpg) top center no-repeat;
	margin-top: 10px;
	text-align: justify;
	padding-top: 360px;
	font-size: 9pt;
	line-height: 14pt;
	color: #444444;
}

#praisecont {
	width: 612px;
	height: auto;
	background: url(images/about/praiseim.jpg) top center no-repeat;
	margin-top: 10px;
	text-align: justify;
	padding-top: 360px;
	font-size: 9pt;
	line-height: 14pt;
	color: #444444;
}							

#foundercont {
	width: 612px;
	height: auto;
	background: url(images/about/founderim.jpg) top center no-repeat;
	margin-top: 10px;
	text-align: justify;
	padding-top: 360px;
	font-size: 9pt;
	line-height: 14pt;
	color: #444444;
}

#storycont {
	width: 612px;
	height: auto;
	background: url(images/about/storyim.jpg) top center no-repeat;
	margin-top: 10px;
	text-align: justify;
	padding-top: 360px;
	font-size: 9pt;
	line-height: 14pt;
	color: #444444;
}		

#teamcont {
	width: 612px;
	height: auto;
	background: url(images/about/teamim.jpg) top center no-repeat;
	margin-top: 10px;
	text-align: justify;
	padding-top: 360px;
	font-size: 9pt;
	line-height: 14pt;
	color: #444444;
}		

#comglobo {
	width: 53px;
	height: 38px;
	background: url(images/blog/globo.gif) top left no-repeat;
	float: right;
	color: white;
	font-size: 16px;
	display: block;
	padding: 6px 0 0 29px;
	margin:0;
}

#comglobo a {
	color: white;
	font-size: 16px;
}									  

p.ab {
	font-family: helvetica;
	font-weight: lighter;
	font-size: 12px;
	line-height: 21px;
	margin-top: 20px;
	color: #0e0e0e;
}

p.ab strong {
	font-weight:bold;
}

#abcon {
	width: 612px;
	height: auto;
	text-align: justify;
}

#abcon a {
	color: #ea258b;
	font-weight: lighter;
}

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

#beliefcont .faq2 {
	width: 155px;
	height: 24px;
	display: block;
	background: url(images/about/faq.jpg) top right no-repeat;
	font-family: Arial;
	color: #0e0e0e;
	font-size: 14px;
	line-height: 18px;
	margin: 50px 0 0 462px;
	padding-top: 3px;
	letter-spacing: 2px;
	float: right;
}

#foundercont .faq3 {
	width: 143px;
	height: 24px;
	display: block;
	background: url(images/about/faq.jpg) top right no-repeat;
	font-family: Arial;
	color: #0e0e0e;
	font-size: 14px;
	line-height: 18px;
	margin: 49px 0 0 25px;
	padding-top: 3px;
	letter-spacing: 2px;
	float: left;
}

#teamcont td {
	padding: 0 10px 0 10px;
	width: 300px;
}

.faq2 {
	font-size: 14pt;
	color: black;
	float: right;
	margin: 40px 50px 0 0;
}

.faq2:hover {
	text-decoration: underline;
}

.team {
	color: black;
	font-weight: bold;
}

.team:hover {
	text-decoration: underline;
}

#downloadthe {
	width: 159px;
	height: 159px;
	display: block;
	background: url(images/join/downloadthe.png) no-repeat;
	float: left;
	margin: -335px 0 0 50px;
	text-indent: -9999px;
}

#textizquierda {
	width: 350px;
	height: 260px;
	float: left;
}

#infoderecha {
	width: 230px;
	height: 260px;
	background: url(images/takepromise.png) no-repeat; float: right;
	margin-right: 15px;
}

#sectres {
	width: 621px;
	height: 216px;
	float: left;
	margin-top: 15px;
}		  

#totemhere {
	width: 222px;
	height: 155px;
	display: block;
	text-indent: -9999px;
	background: url(images/downloadbutton.png) no-repeat;
	margin-top: 90px;
}

#downloadsmall {
	width: 135px;
	height: 256px;
	display: block;
	background: url(images/join/dllsmall.jpg) no-repeat;
	text-indent: -9999px;
}									  

#textizq							{ width: 350px; height: 260px; text-align: justify; line-height: 24px; display: block; float: left;
									  font-size: 10pt; }





/*
			PIE
*/

#pie								{ width: 942px; height: 33px; margin: 100px 0 15px 0; float: left;
									  border-bottom: 2px dotted #9e9e9e; border-top: 2px dotted #9e9e9e; clear:both; }
ul#pieizquierdo						{ width: 340px; float: left; margin: 8px 0 0 0; }
ul#piederecho						{ width: 557px; float: right; }
ul#pieizquierdo li,
ul#piederecho li 					{ display: inline; }
ul#piederecho li a.twi 				{ width: 97px; height: 33px; background: url(images/twitter.jpg) bottom;
									  display: block; float: right; text-indent: -9999px; }
ul#piederecho li a.you 				{ width: 61px; height: 33px; background: url(images/youtube.jpg) bottom;
									  display: block; float: right; text-indent: -9999px; }
ul#piederecho li a.mys 				{ width: 82px; height: 33px; background: url(images/myspace.jpg) bottom;
									  display: block; float: right; text-indent: -9999px; }
ul#piederecho li a.fac 				{ width: 93px; height: 33px; background: url(images/facebook.jpg) bottom;
									  display: block; float: right; text-indent: -9999px; }
ul#piederecho li a.planb {
	width: 110px;
	height: 33px;
	background: url(images/yourplanb.jpg) bottom;
	display: block;
	float: right;
	text-indent: -9999px;
}

ul#piederecho li a.coherent {
	width: 80px;
	height: 33px;
	background: url(images/coherentstrategies.jpg) bottom;
	display: block;
	float: right;
	text-indent: -9999px;
}

ul#piederecho li a.twi:hover		{ background: url(images/twitter.jpg) top; }
ul#piederecho li a.you:hover		{ background: url(images/youtube.jpg) top; }
ul#piederecho li a.mys:hover		{ background: url(images/myspace.jpg) top; }
ul#piederecho li a.fac:hover		{ background: url(images/facebook.jpg) top; }
ul#piederecho li a.planb:hover {
	background: url(images/yourplanb.jpg) top;
}
ul#piederecho li a.coherent:hover {
	background: url(images/coherentstrategies.jpg) top;
}
ul#pieizquierdo li a 				{ font-family: Arial; color: #030303; font-size: 16px; padding: 0 5px; }
ul#pieizquierdo li a:hover 			{ color: #ea258b; }
ul#pieizquierdo li.sepi				{ font-size: 11pt; font-weight: bold; color: #9e9e9e; }
p#callo								{ font-size: 10pt; margin: 0 0 10px 23px; float: left; }


/*
			FORUM
*/
#forumnav							{ width: 942px; height: 670px; background: url(images/forum/forum.gif) top center no-repeat;
									  padding-top: 80px; float: left; margin-bottom:100px; }
#friends							{ width: 204px; height: 790px; background: url(images/forum/friends.jpg) top left no-repeat;
									  border-right: 2px dotted #9e9e9e; float: left; }
#couples							{ width: 249px; height: 790px; background: url(images/forum/couples.jpg) top center no-repeat;
									  border-right: 2px dotted #9e9e9e; float: left; text-align: center; }
#family								{ width: 255px; height: 790px; background: url(images/forum/family.jpg) top center no-repeat;
									  border-right: 2px dotted #9e9e9e; float: left; text-align: center; }			
#ongs								{ width: 226px; height: 790px; background: url(images/forum/ongs.jpg) top right no-repeat;
									  float: left; }
a.link								{ font-family: Arial; font-size: 15px; color: white; font-weight: bold; display: block;
									  margin-top: 290px; }
a.linkf								{ font-family: Arial; font-size: 15px; color: white; font-weight: bold; margin-left: 68px;
									  display: block; margin-top: 290px; }
a.linko								{ font-family: Arial; font-size: 15px; color: white; font-weight: bold; margin-left: 18px;
									  display: block; margin-top: 290px; }		
a.link:hover, a.linkf:hover,
a.linko:hover						{ text-decoration: underline; }
p.fo								{ font-family: helvetica; font-weight: lighter; font-size: 9px; line-height: 16px; 
									  margin-top: 15px; color: #0e0e0e; text-align:justify; padding:0 22px 0 4px; }
p.foc								{ font-family: helvetica; font-weight: lighter; font-size: 9px; line-height: 16px; 
									  margin-top: 15px; color: #0e0e0e; text-align:justify; padding:0 22px 0 22px; }
p.fof								{ font-family: helvetica; font-weight: lighter; font-size: 9px; line-height: 16px; 
									  margin-top: 15px; color: #0e0e0e; text-align:justify; padding:0 27px 0 19px; }
p.foo								{ font-family: helvetica; font-weight: lighter; font-size: 9px; line-height: 16px; 
									  margin-top: 15px; color: #0e0e0e; text-align:justify; padding:0 4px 0 15px; }

/*
			STORE
*/

#support							{ width: 942px; height: 47px; background: url(images/store/suport.gif) top left no-repeat;
									  margin-bottom: 10px; }
#divi								{ width: 942px; height: 10px; background: url(images/store/back.gif) top center no-repeat; }
ul#shop								{ width: 340px; height: 46px; float: right; }
ul#shop li							{ display: inline; }
ul#shop li a.acount					{ width: 133px; height: 39px; background: url(images/store/acount.jpg) top right no-repeat;
									  font-size: 12px; color: #0e0e0e; display: block; float: left; padding: 22px 0 0 0;
									  font-weight: bold; margin-left: 20px; }
ul#shop li a.cart					{ width: 70px; height: 39px; background: url(images/store/cart.jpg) top right no-repeat;
									  font-size: 12px; color: #0e0e0e; display: block; float: left; padding: 22px 0 0 0;
									  font-weight: bold; margin-left: 15px; }
ul#shop li a.cafe					{ width: 79px; height: 47px; background: url(images/store/cafepress.jpg) top right no-repeat;
									  text-indent: -9999px; font-size: 1px; display: block; float: left; margin-left: 22px; }
a.acount:hover,
a.cart:hover,
a.cafe:hover						{ text-decoration: underline; }									  
#shopnav							{ width: 942px; height: 504px; float: left; margin-top: 20px; }
#mer01								{ width: 232px; height: 504px; float: left; border-right: 2px dotted #0e0e0e; }
#mer02								{ width: 229px; height: 504px; float: left; border-right: 2px dotted #0e0e0e; }
#mer03								{ width: 247px; height: 504px; float: left; border-right: 2px dotted #0e0e0e; }
#mer04								{ width: 219px; height: 504px; float: left; }
.m01								{ width: 231px; height: 231px; background: url(images/store/store01.jpg) top left no-repeat;
									  text-indent: -9999px; font-size: 1px; display: block; }
.m02								{ width: 230px; height: 254px; background: url(images/store/store05.jpg) top left no-repeat;
									  text-indent: -9999px; font-size: 1px; display: block; }
.m03								{ width: 227px; height: 231px; background: url(images/store/store02.jpg) top left no-repeat;
									  text-indent: -9999px; font-size: 1px; display: block; }
.m04								{ width: 227px; height: 254px; background: url(images/store/store06.jpg) top left no-repeat;
									  text-indent: -9999px; font-size: 1px; display: block; }
.m05								{ width: 243px; height: 231px; background: url(images/store/store03.jpg) top left no-repeat;
									  text-indent: -9999px; font-size: 1px; display: block; }
.m06								{ width: 243px; height: 254px; background: url(images/store/store07.jpg) top left no-repeat;
									  text-indent: -9999px; font-size: 1px; display: block; }
.m07								{ width: 217px; height: 231px; background: url(images/store/store04.jpg) top left no-repeat;
									  text-indent: -9999px; font-size: 1px; display: block; }
.m08								{ width: 217px; height: 254px; background: url(images/store/store08.jpg) top left no-repeat;
									  text-indent: -9999px; font-size: 1px; display: block; }
#form03								{ width: 942px; height: 154px; background: url(images/store/ttp.jpg) top left no-repeat;
									  float: left; margin-top: 35px;  }






/*
			BLOG
*/

#leftcol							{ width: 627px; height: auto; border-right: 2px dotted #0e0e0e; float: left; }
#rightcol							{ width: 313px; height: auto; float: left; }
#join								{ width: 627px; height: 82px; background: url(images/blog/pepblog.gif) top left no-repeat;
									  margin-bottom: 5px;}
#join a								{ width: 127px; height: 23px; display: block; background: url(images/blog/buttomb.jpg)
									  top left no-repeat; text-indent: -9999px; font-size: 1px; float: right;
									  margin: 46px 47px 0 0; }
h2 a								{ font-family: Helvetica; color: #0e0e0e; font-size: 30px; font-weight: lighter; }
h2									{ font-family: Helvetica; color: #0e0e0e; font-size: 30px; font-weight: lighter; }
h2 a:visited						{ color: #0e0e0e; }									  									 			#blogpost							{ border-top: 2px dotted #0e0e0e; width: 609px; height: auto; padding: 30px 0 30px 0; float: left; }
#entrada							{ font-family: Helvetica; font-weight: lighter; font-size: 12px; line-height: 18px;
									  margin-top: 20px; text-align: justify; }
#login								{ font-family: Helvetica; font-size: 12px; float: right; margin: 30px 15px 0 0; }
#comment							{ height: 155px; width: 462px; float: left; }					
.submit								{ font-weight: 16px; color: #ea258b; display: block; float: left;
									  background: #bcbcbc; width: 108px; height: 25px; padding: 10px 0 0 12px;
									  border-bottom: 1px solid #9e9e9e; border-top: 1px solid #9e9e9e;border-right: 1px solid #9e9e9e;
									  margin-top: 120px; }
#respond							{ width: 608px; font-family: Helvetica; font-size: 16px; margin-top: 100px; color: #ea258b;
									  font-weight: bold; display: block; float: left; border-top: 1px dotted #9e9e9e;
									  padding-top: 10px; }
#info								{ width: 608px; height: 15px; float: right; text-align: right; margin: 20px 0 10px 0; 
									  border-bottom: 1px dotted #0e0e0e; color: #ea258b; }
#blogpost2							{ width: 609px; height: auto; padding: 30px 0 30px 0; float: left; }
#comments							{ font-size: 18px; color: #ea258b; float: left; margin-bottom: 20px; width: 600px;
									  display: block; }
#requerido							{ width: 600px; height: auto; float: left; margin: 10px 0 20px 0; }
#requerido li						{ width: 600px; margin-top: 10px; display: block; float: left; }
#requerido label					{ font-family: Helvetica; font-size: 12px; color:#ea258b; letter-spacing: 1px; margin-left: 5px;  }
#bubletip							{ width: 38px; height: 32px; background: url(images/blog/bubletip.png) top left no-repeat;
									  margin-top: -10px; border: none; display: block; float: left; }
.floatleft							{ float: left; margin: 10px 10px 0 10px; }									  
ol.comentlist						{ list-style: none; width: 600px; height: auto; display: block; float: left; }
.coment-buble						{ background: #ea258b; color: white; padding: 10px; -moz-border-radius: 5px;
									  -webkit-border-radius: 5px; }
ol.comentlist li					{ width: 600px; height: auto; margin: 20px 0 50px 0; }	
#data								{ display: block; margin: 20px 0 0 0; }								  
.navigation a						{ color: #ea258b; font-size: 14px; font-weight: bold; font-family: Helvetica; }
.navigation a:hover					{ text-decoration: underline; }





/*
			BLOG
*/
#joinsec							{ width: 903px; height: 693px; margin: 0 auto; background: url(images/join/joinimg.jpg) no-repeat top; }
.thepromise							{ width: 202px; height: 33px; background: url(images/join/thepromise.png) no-repeat; text-indent: -9999px;
									  margin: 60px 0 0 75px; display: block; float: left; }
.promisecont						{ width: 400px; height: 385px; text-align: justify; float: left; display: block; font-size: 12pt;
									  color: #515254; line-height: 25pt; margin-left: 85px; }
.download							{ width: 115px; height: 34px; background: url(images/join/download.png) no-repeat; text-indent: -9999px;
									  float: left; margin: 300px 0 0 80px; }

















/*	
			SLIDE
*/

#myGallery
{
	width: 900px;
	height: 312px;
	z-index:5;
}


#myGallery img.thumbnail
{
	display: none;
}

.jdGallery
{
	overflow: hidden;
	position: relative;
}

.jdGallery img
{
	border: 0;
	margin: 0;
}

.jdGallery .slideElement
{
	width: 100%;
	height: 100%;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('/css/img/loading-bar-black.gif');
}

.jdGallery .loadingElement
{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('/css/img/loading-bar-black.gif');
}

.jdGallery .slideInfoZone
{
	position: absolute;
	z-index: 10;
	width: 0;
	margin: 0px;
	left: 0;
	bottom: 0;
	height: 40px;
	background: #333;
	color: #fff;
	text-indent: 0;
	overflow: hidden;
}

.jdGallery .slideInfoZone
{
	bottom: -1px;
}

.jdGallery .slideInfoZone h2
{
	padding: 0;
	font-size: 0;
	margin: 0;
	margin: 2px 5px;
	font-weight: bold;
	color: inherit;
}

.jdGallery .slideInfoZone p
{
	padding: 0;
	font-size: 0;
	margin: 2px 5px;
	color: #eee;
}

.jdGallery div.carouselContainer
{
	position: absolute;
	height: 0;
	width: 0;
	z-index: 10;
	margin: 0px;
	left: 0;
	top: 0;
}

.jdGallery a.carouselBtn
{
	position: absolute;
	bottom: 0;
	right: 30px;
	height: 20px;
	/*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/
	text-align: center;
	padding: 0 10px;
	font-size: 13px;
	background: #333;
	color: #fff;
	cursor: pointer;
}

.jdGallery .carousel
{
	position: absolute;
	width: 100%;
	margin: 0px;
	left: 0;
	top: 0;
	height: 115px;
	background: #333;
	color: #fff;
	text-indent: 0;
	overflow: hidden;
}

.jdExtCarousel
{
	overflow: hidden;
	position: relative;
}

.jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper
{
	position: absolute;
	width: 100%;
	height: 78px;
	top: 10px;
	left: 0;
	overflow: hidden;
}

.jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner
{
	position: relative;
}

.jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail
{
	cursor: pointer;
	background: #000;
	background-position: center center;
	float: left;
	border: solid 1px #fff;
}

.jdGallery .wall .thumbnail, .jdExtCarousel .wall .thumbnail
{
	margin-bottom: 10px;
}

.jdGallery .carousel .label, .jdExtCarousel .label
{
	font-size: 13px;
	position: absolute;
	bottom: 5px;
	left: 10px;
	padding: 0;
	margin: 0;
}

.jdGallery .carousel .wallButton, .jdExtCarousel .wallButton
{
	font-size: 10px;
	position: absolute;
	bottom: 5px;
	right: 10px;
	padding: 1px 2px;
	margin: 0;
	background: #222;
	border: 1px solid #888;
	cursor: pointer;
}

.jdGallery .carousel .label .number, .jdExtCarousel .label .number
{
	color: #b5b5b5;
}

.jdGallery a
{
	font-size: 100%;
	text-decoration: none;
	color: inherit;
}

.jdGallery a.right, .jdGallery a.left
{
	position: absolute;
	height: 99%;
	width: 25%;
	cursor: pointer;
	z-index:10;
	filter:alpha(opacity=100);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

.jdGallery a.right, * html .jdGallery a.left
{
	filter:alpha(opacity=100);
}

.jdGallery a.right:hover, .jdGallery a.left:hover
{
	filter:alpha(opacity=100);
	-moz-opacity:5;
	-khtml-opacity: 5;
	opacity: 5;
}

.jdGallery a.left
{
	left: 0px;
	top: 0;
	background: url('/css/img/fleche1.png') no-repeat center left;
}

.jdGallery a.left { background: url('/css/img/fleche1.gif') no-repeat center left; }

.jdGallery a.right
{
	right: 0;
	top: 0;
	background: url('/css/img/fleche2.png') no-repeat center right;
}

.jdGallery a.right { background: url('/css/img/fleche2.gif') no-repeat center right; }

.jdGallery a.open
{
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.withArrows a.open
{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	cursor: pointer;
	z-index: 10;
	background: none;
	-moz-opacity:0.0;
	-khtml-opacity: 0.0;
	opacity: 0.0;
}

.withArrows a.open:hover { background: url('/css/img/open.png') no-repeat center center; }

.withArrows a.open:hover { background: url('/css/img/open.gif') no-repeat center center;
	filter:alpha(opacity=0); }
	
	
/* Gallery Sets */

.jdGallery a.gallerySelectorBtn
{
	z-index: 15;
	position: absolute;
	top: 0;
	left: 30px;
	height: 20px;
	/*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/
	text-align: center;
	padding: 0 10px;
	font-size: 13px;
	background: #333;
	color: #fff;
	cursor: pointer;
	opacity: .4;
	-moz-opacity: .4;
	-khtml-opacity: 0.4;
	filter:alpha(opacity=40);
}

.jdGallery .gallerySelector
{
	z-index: 20;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #000;
}

.jdGallery .gallerySelector h2
{
	margin: 0;
	padding: 10px 20px 10px 20px;
	font-size: 20px;
	line-height: 30px;
	color: #fff;
	text-indent: -9999px;
}

.jdGallery .gallerySelector .gallerySelectorWrapper
{
	overflow: hidden;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton
{
	margin-left: 10px;
	margin-top: 10px;
	border: 1px solid #888;
	padding: 5px;
	height: 40px;
	color: #fff;
	cursor: pointer;
	float: left;
}

.jdGallery .gallerySelector .gallerySelectorInner div.hover
{
	background: #333;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview
{
	background: #000;
	background-position: center center;
	float: left;
	border: none;
	width: 40px;
	height: 40px;
	margin-right: 5px;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3
{
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info
{
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
	color: #aaa;
}

h1
{
	color: #fff;
	font-size: 47px;
	font-weight: bolder;
	margin: 0 40px;
	padding: 0.08em 0;
}

h1 sup
{
	color: #ddd;
}

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

h1 .company, h1 a .company
{
	color: #d01a71;
}

h2
{
	color: #ddd;
	font-size: 2.5em;
}

h3
{
	color: #fff;
	font-size: 1.5em;
}

h4
{
	font-size: 1.3em;
}

.content
{
	margin: 0 20px;
}

.content a
{
	color: #fff;
}


.content p.linkage
{
	margin-top: 2em;
	text-align: right;
	font-size: 1.7em;
	color: #ddd;
}

.content p.linkage a { color: #fff; }

/*.content p.linkage a
{
	color: #fff;
	background: url('../images/bg/biglink_off.gif') center right no-repeat;
	padding: 10px 20px;
	text-decoration: none;
}

.content p.linkage a:hover
{
	background: url('../images/bg/biglink_on.gif') center right no-repeat;
	font-style: italic;
}*/

#myGallery
{
	text-align: left;
	margin: 0 auto;
}ff;
	background: url('../images/bg/biglink_off.gif') center right no-repeat;
	padding: 10px 20px;
	text-decoration: none;
}

.content p.linkage a:hover
{
	background: url('../images/bg/biglink_on.gif') center right no-repeat;
	font-style: italic;
}*/

#myGallery
{
	text-align: left;
	margin: 0 auto;
}




.bloghome								{ width: 210px; height: 50px; float: left; margin: 0 0 17px 15px; }
.bloghome2								{ width: 210px; height: 50px; float: left; margin: 10px 0 10px 15px; }
.titulo									{ font-family: Arial; font-weight: bold; font-size: 10px; float:left; }
.titulo a								{ color: black; text-decoration: none; margin-bottom: 20px; font-size: 11px; }
.titulo a:hover {
	text-decoration:underline;
}
.meta									{ font-family: Arial; font-weight: bold; font-size: 8px; color: #858585; text-decoration: none; clear:both; }
.meta a {
	color: #858585;
}

#comglobo2								{ width: 45px; height: 30px; background: url(images/globito.jpg) top left no-repeat;
									  	  float: right; color: white; font-size: 16px; display: block; padding: 3px 0 0 23px;
									  	  margin-top: -23px; }
#comglobo2 a							{ color: white; }									  
.goto									{ width: 120px; height: 15px; color: black; text-decoration: none; background: url(images/goto.jpg)
										  top right no-repeat; font-weight: bold; float: right; display: block; margin-top: 30px;}
										  
.caja {
	width: 250 px;
	border-bottom: thin, black, solid;
}

.line {
			clear: both;
			border-bottom-style: dotted;
			border-bottom-color: #bcbcbc;
			border-bottom-width: thin;
			width: 210px;
			margin-left: 25px;
			float: left;
		}
		

.comglobo {
	width: 53px;
	height: 38px;
	background: url(images/blog/globo.gif) top left no-repeat;
	color: white;
	font-size: 16px;
	padding: 6px 0 0 29px;
	margin:0;
}

.comglobo a {
	color:#FFF;
}

.reply {
	padding-left: 6px;
	width:15px;
	height: 12px;
	background: url(images/replies.jpg) no-repeat;
	clear:both;
	margin: 5px 0 5px 15px;
	font-size: 8px;
	font-weight: bold;
	color:white;
	float:left;
}

.replies {
	float: left;
	color: #bcbcbc;
	font-size: 10px;
	padding:0;
	margin:5px 0 0 0;
}

.forumtopic {
	background: url(/forum/styles/prosilver/imageset/forum_unread.gif) no-repeat;
	margin-left:10px;
	width: 27px;
	height: 27px;
}

.logout {
	color:#000;
	text-decoration: none;
}

.logout:hover {
	text-decoration: underline;
}

.howitworks {
	width: 180px;
	height: 27px;
	background: url(images/howitworks.png) bottom;
	float: left;
	margin-top: 50px;
}

.whoisitfor {
	width: 180px;
	height: 27px;
	background: url(images/whoisitfor.png) bottom;
	float: left;
	margin-top: 20px;
}

.takethepromise {
	width: 180px;
	height: 27px;
	background: url(images/takethepromise.png) bottom;
	float: left;
	margin-top: 20px;
}

.jointhemovement {
	width: 180px;
	height: 67px;
	background: url(images/jointhemovement.png) bottom;
	float: left;
	margin-top: 20px;
}

.howitworks:hover {
	background: url(images/howitworks.png) top;
}

.whoisitfor:hover {
	background: url(images/whoisitfor.png) top;
}

.takethepromise:hover {
	background: url(images/takethepromise.png) top;
}

.jointhemovement:hover {
	background: url(images/jointhemovement.png) top;
}

.privacy {
	font-size: 12px;
}

.privacy p {
	margin-top:15px;
	line-height: 16px;
	text-align: justify;
}

.privacy h2 {
	font-size: 14px;
	color: #000;
	font-weight: bold;
	margin-top: 16px;
}

.how {
	width: 629px;
	height: auto;
	background: url(images/how.png) top left no-repeat;
	border-right: 2px dotted #0e0e0e;
	margin-top: 40px;
	padding-top: 85px;
	float: left;
}

.howimg {
	width: 612px;
	height: auto;
	background: url(images/howitworks.jpg) top center no-repeat;
	margin-top: 10px;
	text-align: justify;
	padding-top: 360px;
	font-size: 9pt;
	line-height: 14pt;
	color: #444444;
}

.how p {
	padding-left: 20px;
	padding-right: 20px;
	font-size: 12px;
	line-height: 14px;
	color: #000;
	text-align: justify;
}

.how h2 {
	padding-left: 20px;
	padding-right: 20px;
	font-size: 14px;
	font-weight: bold;
	line-height: 16px;
	color: #000;
	margin-bottom: 16px;
	margin-top: 16px;
}

.how ol {
	margin-left: 40px;
	font-size: 12px;
}

.how ol li {
	list-style: decimal;
}

.howright {
	float:left;
	width: 291px;
	margin-left: 20px;
	margin-top: 550px;
}

.howright p {
	font-size: 10px;
	line-height: 14px;
	color: #000;
	text-align: justify;
	margin-bottom: 14px; 
}

.howright h2 {
	font-size: 14px;
	font-weight: bold;
	line-height: 16px;
	color: #000;
	margin-bottom: 16px;
	margin-top: 16px;
}

.takepromise {
	width: 200px;
	height: 90px;
	/*background: url('images/takepromise.png');*/
	margin: 30px 0 0 40px;
}

.counter {
	width: 218px;
	height: 32px;
	background: url(images/counter.png) top left no-repeat;
	position: relative;
	top: -90px;
	left:20px;
	padding: 17px 0 0 17px;
}

.counter p {
	font-size: 24px;
	letter-spacing: 23px;
	font-weight: bold;
}

#topics2	{
	width: 284px;
	height: 280px;
	border-right: dotted 2px #9e9e9e;
	float: left;
	background: url(images/recentcomments.png) 95px 10px no-repeat;
	padding-top: 30px;
}
#topics2 p {
	margin: 5px 23px 0px 14px;
	/*font-size: 8px;*/
	line-height: 10pt;
	float:left;
}							

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

#splash {
	padding-left: 40px;
	padding-right: 50px;
}

.splash_txt {
	width: 285px;
	height: 308px;
	background: url(images/splash_bg.png);
	float: right;
	margin-top: 10px;
}

.splash_signin {
	width: 101px;
	height: 32px;
	background: url(images/splash_signin.png) top;
	float: left;
	margin-top: 70px;
}

.splash_postyourquestion{
	width: 260px;
	height: 32px;
	float: left;
	background: url(images/splash_postyourquestions.png) top;
}

.splash_tellyourstory {
	width: 214px;
	height: 32px;
	float: left;
	background: url(images/splash_tellyourstory.png) top;
}

.splash_haveacomment {
	width: 224px;
	height: 32px;
	float: left;
	background: url(images/splash_haveacomment.png) top;
}

.splash_startadiscussion {
	width: 244px;
	height: 32px;
	float: left;
	background: url(images/splash_startadiscussion.png) top;
}

.splash_signin:hover {
	background: url(images/splash_signin.png) bottom;
}

.splash_postyourquestion:hover {
	background: url(images/splash_postyourquestions.png) bottom;
}

.splash_tellyourstory:hover {
	background: url(images/splash_tellyourstory.png) bottom;
}

.splash_haveacomment:hover {
	background: url(images/splash_haveacomment.png) bottom;
}

.splash_startadiscussion:hover {
	background: url(images/splash_startadiscussion.png) bottom;
}

#comun2 {
	width: 189px;
	height: 290px;
	border-right: dotted 2px #9e9e9e;
	float: left;
	padding-top: 20px;
	background: url(images/splash_community.png) 0px 10px no-repeat;
}

#signin	{
	width: 235px;
	height: 260px;
	border-right: dotted 2px #9e9e9e;
	float: left;
	padding-top: 50px;
	background: url(images/signin.png) 60px 30px no-repeat;
}

#signin p {
	margin-top: 5px;
}

#signin input {
	margin-bottom:10px;
	margin-top: 5px;
}

.store_col {
	width: 217px;
	border-right: dotted 2px #9e9e9e;
	float:left;
	padding: 0 3px 0 3px;
}

.store_col2 {
	width: 217px;
	float:left;
	padding: 0 3px 0 3px;
}

.store_clear {
	height: 4px;
	width: 207px;
	margin-left: 6px;
	margin-top: 3px;
	margin-bottom: 15px;
	background-color: #9e9e9e;
}
