/* @override http://localhost/svn/codespa/mandarina-colidaria/css/application.css */

@import "reset.css";

/* @group Generic */

	/* @group Tags */
		body {
			position: relative;
			width: 100%; height: 100%;
			background: #FFF5E4 url(../img/body-bg.png);
			font: normal 12px/20px "Helvetica", "Myriad Pro", Arial, "MS Trebuchet", sans-serif;
		}

		legend, h2, h3 {
			font-size: 18px;
			font-weight: bold;
		}

		h3 {
			font-size: 14px;
		}

		h4 {
			color: #ff9900;
		}

		p {
			padding: 5px 0;
		}

		form {
			position: relative;
			padding: 20px;
			border-top: 1px solid #fff;
		}

		form a {
			color: inherit;
		}
	/* @end */

	/* @group Classes */
		.content {
			position: relative;
			width: 940px;
			margin: 0 auto;
		}

		.banner {
			/* height: 170px;*/
			float: left;
			margin-bottom: 25px;
			width: 668px;
		}
		.banner a {
			color: #ff9900;
			text-decoration: none;
		}

		.clearboth	{ clear: both;}

		div.container {
			padding: 20px;
			min-height: 580px;
			border-top: 1px solid #ffebcc;
			background-color: #fff;
		}

		label span {
			color: red;
		}

		ul.list 		{ list-style: none;}

		.button:hover {
			position: relative;
			top: 1px;
		}

		a.button, ul.list a, a.more {
			display: block; height: 100%;
			text-align: center;
		}

		ul.l li			 { float: left;}

		.bold			 { font-weight: bold;}
		.orange,
		.orange a		 { color: #ff9900;}
		.grey			 { color: #666;}
		.header			 { font-size: 18px; line-height: 28px;}
		.header a		 { text-decoration: underline;}
		.red			 { color: red;}
		.italic			 { font-style: italic;}
		.green			 { color: green;}
		.red			 { color: #fd0416;}
		.lightgrey		 { background-color: #f1f1f1;}
		.tiny			 { font-size: .8em;}
		.visible		 { font-size: 1.5em;}
		.no-decoration	 { text-decoration: none;}

		a.more {
			position: relative;
			margin: 5px 0;
			color: #fff;
			text-decoration: none;
			font-weight: bold;
			line-height: 25px;
			width: 94px; height: 25px;
			background: transparent url(../img/btn-sabermas.png) no-repeat center;
		}

		a.more:hover {
			top: 1px;
		}

		a.external {
			padding-right: 15px;
			background: transparent url(../img/external.jpg) no-repeat right;
		}

		div.text label,
		div.password label {
			display: inline-block;
			width: 105px;
		}

		div.text input,
		div.password input {
			width: 150px;
		}

		div.submit input, input.button {
			color: #fff;
			border: none;
			cursor: pointer;
			height: 27px;
			margin: 10px 0;
		}

		div.submit input.login {
			width: 94px;
			background: transparent url(../img/btn-acceder.png) no-repeat 0 3px;
		}
		div.submit input.forgotten-pass,
		div.submit input.resend-pass {
			width: 130px; margin-left: 135px;
			background: transparent url(../img/btn-forgotten-pass.png) no-repeat 0 3px;
		}
		div.submit input.forgotten-pass {
			margin-left: 0;
		}
		div.submit input.roleup {
			font-size: 14px;
			width: 145px; height: 40px; margin-left: 120px;
			background: transparent url(../img/btn-roleup.png) no-repeat 0 2px;
		}

		div.login {
			margin: 0 0 80px 0;
			min-height: 420px;
			background-color: #e5e5e5;
		}
		div.login form {
			width: 375px;
		}
		div.login-left {
			float: left;
			margin-left: -20px;
		}
		div.login-right {
			float: right;
			margin-right: -20px;
		}
		div.login-right form {
			border: none;
			margin: 100px 0 0 0;
			padding-left: 60px;
			width: 320px;
		}

		div.dashboard { min-height: 700px;}

		a.logout, a.admin-logout, a.admin-admin {
			color: #000;
			font-weight: bold;
			line-height: 25px;
			text-decoration: none;
			text-align: center;
			position: absolute; top: 8px; right: 25px;
			width: 95px; height: 33px;
			background: transparent url(../img/btn-logout-link.png) no-repeat;
		}

		a.admin-logout,
		a.admin-admin { top: 18px;}
		a.admin-admin { right: 120px;}

		a.logout:hover,
		a.admin-logout:hover,
		a.admin-admin:hover {
			color: #fff;
			background-position: -94px 0;
		}

		a.tangerine-truck,
		a.visit-codespa {
			font-weight: bold;
			color: #fff; text-decoration: none;
			line-height: 25px;
			width: 200px; height: 25px;
			background: transparent url(../img/btn-hazte-socio.jpg) no-repeat center;
		}

		.left-col {
			width: 700px;
		}
		.right-col {
			position: absolute;
			width: 210px;
			padding-top: 18px;
			top: 0; right: 0; bottom: 0;
			border-left: 1px solid #ffebcc;
		}

			.right-col div{
				margin: auto;
				margin-bottom: 20px;
				text-align: center;
			}

			#facebook-adds{
				background-image: url(../img/facebook-bg.png);
				height: 131px;
				padding-top: 80px;
				width: 182px;
			}

				#facebook-adds p{
					color: #fff;
					font-weight: bold;
					text-align: center;
				}

		.left { float: left;}
		.right { float: right;}

		.roleup {
			width: 200px;
			text-align: center;
			line-height: 1.2em;
		}

		.roleup a {
			margin: 0 auto;
			width: 145px; height: 40px;
			text-indent: -9999px;
			background: transparent url(../img/btn-participaya.png) no-repeat center;
		}

		td.profile-data {
			width: 120px;
		}

		p.right {
			text-align: right;
		}

		a.edit {
			color: #fff;
			font-weight: bold;
			text-decoration: none;
			width: 94px; height: 25px; line-height: 25px;
			background: transparent url(../img/btn-acceder.png) no-repeat;
		}
	/* @end */

	/* @group Elements */
		a#logo {
			display: block;
			width: 230px; height: 130px;
			text-indent: -9999px;
			background: transparent url(../img/logo.png) no-repeat;
		}

		#authMessage,
		div.error-message,
		#resend-passMessage,
		#resend-registrationMessage {
			color: red;
		}

		#flashMessage {
			-moz-border-radius:5px;
			-webkit-border-radius:5px;
			background-color:#78CC84;
			border:1px dashed #78CC84;
			color:#000;
			font-size:16px;
			margin-bottom:20px;
			padding:4px;
			text-align:center;
		}

		#captchaMessage {
			color: red;
		}

		#logged {
			position: absolute; top: -50px; right: -30px;
			padding: 2px 10px;
			width: 280px; height: 60px;
			background: transparent url(../img/logged-bg.png) no-repeat;
		}

		#logged.admin {
			right: 260px;
		}

		#logged.admin h4 { display: inline;}

		#logged div {
			position: relative;
		}

		#invite {
			float: left;
			width: 350px;
		}

		#tangerine {
			float: right;
			width: 467px;
		}

		#tangerine form {
			width: 300px;
			margin: 0 auto;
		}

		#tangerine p {
			text-align: center;
			font-size: 12px;
		}

		#tangerine p span {
			font-size: 18px;
		}

		#tangerine .submit input {
			font-size: 18px;
			font-weight: bold;
			width: 240px; height: 40px;
			background: transparent url(../img/btn-gift.jpg) no-repeat center 2px;
		}

		#tangerine .submit input.disabled {
			background: transparent url(../img/btn-gift-disabled.jpg) no-repeat center 2px;
		}

		#illustration {
			margin: 30px 0;
		}

		#invite form {
			margin-left: -20px;
			width: 350px;
			background-color: #e5e5e5;
		}

		#invite .submit input {
			width: 140px; height: 27px; margin-left: 0px;
			background: transparent url(../img/btn-invite.jpg) no-repeat center 3px;
			font-size: 12px;
		}

		#setup-account,
		#checkout-gift {
			background-color: #e5e5e5;
		}

		#setup-account label,
		#checkout-gift label {
			width: 140px;
			text-align: center;
		}

		#setup-account .submit input,
		#checkout-gift .submit input,
		#checkout-gift input.button {
			width: 140px;
			font-weight: bold;
			margin-left: 160px;
			background: transparent url(../img/btn-invite.jpg) no-repeat center 3px;
		}

		#ProfileEditForm .submit,
		#ProfileEditForm input.button {
			display: inline;
			margin: 25px 0 0 5px;
		}

		#registration-mail-sended {
			margin-top: 50px;
			padding: 20px 20px 120px 20px;
			min-height: 110px;
			background: transparent url(../img/registration_succeed.jpg) no-repeat center bottom;
		}

		#registration-mail-sended h2 {
			font-size: 2em;
			text-align: center;
			line-height: 2em;
			display: inline-block;
			margin: 0 20px 0 80px;
		}

		#registration-mail-sended a {
			position: relative; top: -6px;
			display: inline-block;
			width: 94px; height: 25px;
			text-align: center; color: #fff;
			font-weight: bold;
			background: transparent url(../img/btn-acceder.png) no-repeat center;
		}

		#participaya-banner {
			width: 640px; height: 164px;
			border: 1px solid #ff9900;
			background: transparent url(../img/participaya.jpg) no-repeat;
			display: block;
			padding-left: 25px;
			margin-bottom: 25px;
			-moz-border-radius: 10px 10px 0 0;
			-webkit-border-top-left-radius: 10px;
			-webkit-border-top-right-radius: 10px;
		}

		#participaya-banner p{
			font-size: 20px;
			line-height: 30px;
		}

		#participaya-banner p span {
			color: #ff9900;
			font-size: 30px;
		}

		#camion-banner {
			height:134px;
			padding:20px 0 10px 0;
			width:320px;
			border: 1px solid #ff9900;
			background: transparent url(../img/camion.jpg) no-repeat right bottom;
			-moz-border-radius: 10px 0 0 0;
			-webkit-border-top-left-radius: 10px;
		}

		#camion-banner p span {
			color: #ff9900;
		}

		#mundosolidario-banner {
			text-align: center;
			width: 280px; height: 144px;
			border: 1px solid #ff9900;
			padding: 10px 20px;
			background: transparent url(../img/mundosolidario.jpg) no-repeat center;
			-moz-border-radius: 0 10px 0 0;
			-webkit-border-top-right-radius: 10px;
		}

		#mundosolidario-banner a {
			margin-left: 165px;
		}

		#informate-banner {
			background: transparent url(../img/informate.jpg) no-repeat center;
			width: 280px; height: 144px;
			border: 1px solid #ff9900;
			padding: 10px 20px;
			text-align: right;
			-moz-border-radius: 0 0 0 10px;
			-webkit-border-bottom-left-radius: 10px;
		}

		#informate-banner span {
			line-height: 1.1em;
		}

		#informate-banner div.aright {
			text-align: right;
		}

		#informate-banner a{
			margin-left: 195px;
		}

		#informate-banner div.aright a {
			margin-left: 185px;
		}

		#tusideas-banner {
			width: 320px; height: 164px;
			display: block;
			float: right;
			border: 1px solid #ff9900;
			background: transparent url(../img/tusideas.jpg) no-repeat center;
			-moz-border-radius: 0 0 10px 0;
			-webkit-border-bottom-right-radius: 10px;
		}

		#tusideas-banner h2 {
			color: #fff;
			background-color: #ff9900;
			padding: 3px;
			width: 315px;
			margin-left: -20px;;
		}

		#tusideas-banner p {
			background-color: #fff;
			padding: 3px; line-height: 1.1em;
			width: 314px;
			margin-top: 96px;
			margin-left: -20px;
			-moz-border-radius: 0 0 10px 0;
			-webkit-border-bottom-right-radius: 10px;
		}

		#profile h2 {
			color: #ff9900;
			border-bottom: 1px solid #666;
		}

		#profile p,
		#profile p span {
			font-size: 1em;
			text-align: left;
		}




		#oops {
			margin-top: 130px;
			font-size: 1.3em;
			padding: 20px 0 0 150px;
			min-height: 200px;
			background: transparent url(../img/bother.jpg) no-repeat;
		}

		#oops h2 {
			font-size: 2em;
			margin-bottom: 20px;
		}

		#user-details {
			position: relative; float: left;
			width: 460px; min-height: 120px;
			padding: 20px 110px 20px 20px; margin: 0 0 20px 0;
			border: 1px dashed #ff9900;
		}

		#user-details p {
			width: 440px;
			font-weight: bold;
		}

		#user-details p.invites-completed span {
			font-size: 1.3em;
		}

		#user-details h3 {
			background: #ff9900;
			color: #fff;
			width: 567px;
			padding: 4px 0 4px 3px;
			font-size: 1.4em;
		}

		#user-details span.table {
			display: inline-block;
			padding: 0 5px; margin: 3px 0;
		}

		#user-details span.table.email {
			width: 150px;
		}

		#user-details span.table.state {
			width: 80px;
			text-align: center;
		}

		#user-details span.table.actions {
			width: 100px;
		}

		#user-details div.invitations {
			width: 480px;
		}

		a.resend-invite {
			color: white; font-weight: bold; text-decoration: none;
			width: 130px; height: 25px; line-height: 25px;
			background: transparent url(../img/btn-forgotten-pass.png) no-repeat center;
		}

		#user-details div.invitations div {
			width: 400px;
		}

		#none-invited {
			min-height: 128px; width: 400px;
			margin: 0 auto;
			padding-right: 148px;
			line-height: 128px;
			font-size: 28px;
			color: #000;
		}

		#tangerine-humor {
			position: absolute;
			bottom: 0; right: 0;
		}

		#user-profile {
			border: 1px solid #ccc;
			width: 250px; float: right;
			padding: 20px; background-color: #e5e5e5;
		}

		#user-profile form {
			border: none;
			padding: 0;
		}

		#user-profile div.submit input {
			display: inline-block;
			width: 130px; height: 25px;
			font-weight: bold;
			background: transparent url(../img/btn-forgotten-pass.png) no-repeat;
		}
	/* @end */

/* @end */

/* @group Control Panel */
	.evenrow {
		background-color: #e5e5e5;
	}

	.pagination,
	.pagination a {
		color: #ff9900;
	}
	.pagination .disabled {
		display: inline; color: #e5e5e5;
	}

	#cp table {
		margin: 20px 0;
		width: 100%;
	}

	#cp thead {
		padding-bottom: 10px;
	}

	#cp table th {
		font-weight: bold;
		border: 1px solid #363636;
		border-right: none; border-left: none;
		background-color: #ffebcc;
		text-shadow: 1px 1px 0 #fff;
	}

	#cp td span {
		display: block;
	}

	#cp .summary {
		border: 1px solid #ffebcc;
		padding: 5px 15px;
		margin: 20px 0;
	}

	#cp .summary p {
		display: inline-block;
		width: 250px;
	}

	#cp table th:first-child {
		border-left: 1px solid #363636;
	}

	#cp table th:last-child {
		border-right: 1px solid #363636;
	}

	#cp table th:first-child {
		-webkit-border-top-left-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;
		-moz-border-radius: 5px 0 0 5px;
	}

	#cp table th:last-child {
		-webkit-border-top-right-radius: 5px;
		-webkit-border-bottom-right-radius: 5px;
		-moz-border-radius: 0 5px 5px 0;
	}

	#cp table th,
	#cp table td {
		text-align: center;
		padding: 3px 0;
	}

	#cp table tr:hover {
		background-color: #ccc;
	}

/* @end */



/* @group Header */
	#header-container {
		background: #e6ecda url(../img/tree-bg.png) no-repeat 85% 0;
	}

	#header-top {
		height: 137px;
	}

	#header-top ul {
		position: absolute; right: 0; top: 48px;
		height: 40px;
	}

	#header-top li {
		margin: 0 0 0 17px;
	}

	#header-top li a {
		position: relative;
		text-decoration: none;
		color: #000;
		font: bold 18px Helvetica, Arial, sans-serif;
		height: 35px; line-height: 35px;
	}

	#header-top li a:hover,
	#header-top li a.selected {
		color: #fff;
	}

	a#home {
		width: 84px;
		background: transparent url(../img/btn-home.png) no-repeat;
	}

	a#home:hover, a#home.selected {
		background-position: -84px 0;
	}

	a#objetivos {
		width: 97px;
		background: transparent url(../img/btn-objetivos.png) no-repeat;
	}

	a#objetivos:hover, a#objetivos.selected {
		background-position: -98px 0;
	}

	a#historia {
		width: 90px;
		background: transparent url(../img/btn-historia.png) no-repeat;
	}

	a#historia:hover, a#historia.selected {
		background-position: -90px 0;
	}

	a#colabora {
		width: 215px;
		background: transparent url(../img/btn-colabora.png) no-repeat;
	}

	a#colabora:hover, a#colabora.selected {
		background-position: -215px 0;
	}

	a#mimandarina {
		width: 135px;
		background: transparent url(../img/btn-mimandarina.png) no-repeat;
	}

	a#mimandarina:hover, a#mimandarina.selected {
		background-position: -135px 0;
	}

	#header-info {
		position: relative;
		padding-top: 24px;
		background: transparent url(../img/curve.png) no-repeat  top;
	}

	#header-info div.wrap {
		height: 100%; /*Fix for IE6*/
		padding: 0 15px;
		background-color: #fff;
	}

	#branches-count,
	#branches-completed {
		font-weight: bold;
		font-size: 22px;
		line-height: 1.2em;
	}

	span.number {
		position: relative; top: 5px;
		font-size: 42px;
		color: #ff9900;
		text-shadow: 1px 1px 0 #C5C5C5;
	}

	p#slogan {
		width: 705px;
	}

	#roleup {
		position: absolute;
		top: 0; right: 0; bottom: 0;
		padding: 20px;
		width: 170px;
		border-left: 1px solid #ffebcc;
	}

/* @end */

/* @group Body */
	#body-container {
	}

	#body {
		position: relative;
		padding-bottom: 10px;
		background: transparent url(../img/curve-inverted.png) no-repeat bottom center;
	}

	#home-gallery {
		height: 400px;
		width: 940px;
		margin-left: -20px;
	}

	#home-banners {
		margin-top: 35px;
		height: 145px;
	}

	#home-banners div {
		/* padding: 0 20px; */
	}

	#home-banners div.codespa {
		float: left;
		width: 300px;
	}

	#home-banners div.history {
		margin-left: 320px;
	}

	#tangerine span.number {
		top: 0;
	}

	#codespa-slides {
		width: 940px; height: 408px;
		margin: -22px 0 0 -20px;
		background: transparent url(../img/gallery/codespa-1.jpg);
	}

	#history-gallery {
		width: 436px; height: 408px;
		float: right;
	}

	#historyGallery ul li{
		text-align: center;
	}
/* @end */

/* @group Footer */
		#footer-container {
		margin-top: 30px;
		padding-top: 35px;
		border-top: 2px solid #fff;
		background: #ffebcc none no-repeat right bottom;
	}

	#footer {
		position: relative;
		min-height: 270px;
		background: #ffebcc url(../img/btn_corre_voz.jpg) no-repeat right bottom;
	}


	#footer div.feet {
		float: left;
		margin-right: 90px;
	}

	div.feet h3 {
		height: 36px; line-height: 53px;
		border-bottom: 1px solid #fff;
	}

	div.codespa {
		position: relative;
	}

	h3.codespa {
		padding-left: 45px;
		background: transparent url(../img/codespa.jpg) no-repeat;
	}

	div.feet li, div.feet a {
		color: #ff9900;
		text-decoration: none;
	}

	#sponsored { background-color: #fff;}

	#sponsors {
		min-height: 150px;
		border-bottom: 1px solid #ffebcc;
	}

	#sponsors p {
		position: relative;
		top: -5px;
		text-align: center;
		width: 290px;
		color: #ff9900;
		background: transparent url(../img/sponsors-bg.jpg) no-repeat left center;
	}

	div.sponsor {
		float: left;
		margin: 40px 20px 0 0;
	}

	#sponsor {
		margin: 20px;
		text-align: right;
	}

	#sponsor p {
		color: #ff9900;
	}
/* @end */


/* @group error 404 */
	.error-404 h2 {
		background-color: #FF9900;
		color: #fff;
		padding:10px;
		padding-left: 20px;
		border: 1px solid #666;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
	}

	.error-404 p {
		font-size:16px;
		margin-left:20px;
	}


	.error-404 ul {

	}

	.error-404 li {
		padding:5px;
	}

	.error-404 a {
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border:1px solid #e0e0e0;
		color:#339933;
		display:block;
		font-size:14px;
		padding:7px 7px 7px 50px;
		text-decoration:none;
		width:700px;
		background: url('../img/ico-arrow.png') #fff no-repeat 10px;
	}

	.error-404 a:hover {
		background-color:#FF9900;
		border-color: #666;
		color:#FFFFFF;
	}
/* @end */