/*
Document   : base.css
Created on : 12/08/2009, 03:08:24
Author     : SocialSnack
Description:
*/

body {
	background-image:url(../img/bg-home.jpg);
}
h1, h2, h3, h4, h5, h6 {
	font-style:italic;
}

.dinn-grot {
	text-transform:uppercase;
}

a.more, a.more-small {
	display:block;
	float:right;
	text-indent:-9999em;
}

a.more {
	background-position:-320px -30px;
	height:17px;
	margin:10px 13px 0 0;
	width:82px;
}

a.more-small {
	background-position:-320px 0;
	height:19px;
	margin:13px 0 0;
	width:47px;
}

body.home #header {
	min-height:423px;
}

#tagline {
	color:#717D6F;
	font-size:23px;
	font-style:normal;
	margin:0 0 0 225px;
	overflow:hidden;
	width:542px;
}

#tagline .inner, #tagline .bottom {
	background:url(../img/dotted.png) no-repeat 0 0;
}

#tagline .inner {
	background-position:0 0;
	padding:6px 20px 0;
}

#tagline .bottom {
	background-position:0 bottom;
	height:14px;
}

#tagline h2 {
	color:#4E574C;
	font-size:1.188em;
	font-style:italic;
	line-height:1.188em;
	margin:0 0 1px;
}

#tagline p {
	letter-spacing:-.005em;
	line-height:1.167em;
	margin:0;
}


/* Services
------------------------------------------------------------------------------*/
#services {
	background:url(../img/bg-services.png) repeat-x;
	min-height:156px;
	overflow:hidden;
}

#services .container {
	background:url(../img/bg-services-content.png) no-repeat center 0;
	margin-top:5px;
	padding:34px 0 0;
}

#services img {
	border:10px solid #fff;
	height:auto;
	width:265px;
}

#services .desc {
	font-size:1.333em;
	font-style:italic;
	margin:0 0 30px;
	text-transform:lowercase;
}

#services ul {
	margin:0;
	list-style:none;
}

#services li {}

#services .service-title {}

#services .service-title h3 {
	font:3em normal Arial,Helvetica,sans-serif;
	height:61px;
	margin:0;
	text-align:center;
	text-transform:uppercase;
}

#services .service-title a {
	color:#eaf3ed;
	display:block;
	height:47px;
	padding:14px 0 0;
	position:relative;
	width:320px;
}

#services .service-title a:hover {
	text-decoration:none;
}

#services .service-desc {
	display:block;
	margin:10px auto 0;
}

#services .column {
	margin:0;
	width:320px;
}

#services .selected {}

#services .selected .service-title a {
	background-position:0 1px;
	height:60px;
	text-decoration:none;
}

#services .selected .service-title {
	background:#82AA7E;
}

#services .service-content {
	width:960px;
}

#service-1 .service-content {
	margin-left:0;
}

#service-1 .service-desc {
	background-position:0 0;
}

#service-2 .service-content {
	margin-left:-320px;
}

#service-3 .service-content {
	margin-left:-640px;
}

#services .service-content .colborder, #services .service-content .column {
	float:left;
	height:144px;
	margin:0;
	padding:23px 15px 15px;
	width:289px;
}

.level-1, .level-2, .level-3 {
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	line-height:1em;
	text-align:center;
	text-transform:uppercase;
}

.level-1 a, .level-2 a, .level-3 a {
	border-bottom:1px dotted;
	text-decoration:none;
}

.level-1, .level-1 a {
	color:#799a75;
}

.level-1 a {
	border-color:#799a75;
}

.level-2, .level-2 a {
	border-color:#4c6849;
	color:#4c6849;
}

.level-2 a {
	border-color:#4c6849;
}

.level-3, .level-3 a {
	border-color:#2d3e34;
	color:#2d3e34;
}

.level-3 a {
	border-color:#2d3e34;
}

/*=-=*/
#comunication .level-1 {
	font-size:25px;
	margin:0 0 5px;
}

#comunication .level-2 {
	font-size:30px;
}

#comunication .level-3 {
	font-size:44px;
}

/*=-=*/
#production .level-1 {
	font-size:35px;
}

#production .level-3 {
	font-size:60px;
	line-height:50px;
	margin:0;
}

#production .level-2 {
	font-size:26px;
}

/*=-=*/
#development .level-3 {
	font-size:33px;
	margin:0 0 3px;
}

#development .level-2 {
	font-size:36px;
	margin:0 0 5px;
}

#development .level-1 {
	font-size:21.5px;
}

/* Questions
------------------------------------------------------------------------------*/
#questions {
	border-top:1px solid #B9B8A7;
	margin:0 0 6em;
}

#questions-send, .questions-answers {
	background:url(../img/questions-shadows.png) repeat-x 0 0;
}

#questions-send .container {
	background:url(../img/questions-form.png) no-repeat 37px bottom;
	height:238px;
	position:relative;
}

.questions-form {
	left:140px;
	line-height:18px;
	overflow:hidden;
	position:absolute;
	top:108px;
	width:240px;
	z-index:15;
}

#questions-send label {
	color:#777;
	display:block;
	font-weight:400;
}

#questions-send textarea, #opinion-input {
	background:transparent;
	border:none;
	font-family:"Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size:13px;
	height:36px;
	line-height:18px;
	margin:0 0 4px;
	overflow:auto;
	padding:0;
	width:240px;
}

#question-send, #random-question a, #opinion-send, .user-twitter .tweet-follow a, .link-highlite {
	-moz-border-radius:5px;
	background:#B9DCDF;
	border:none;
	color:#333;
	cursor:pointer;
	font:700 .917em Helvetica,Arial,sans-serif;
	/*margin:0 0 0 188px;*/
	padding:1px 3px;
	text-transform:uppercase;
}

#questions-more {
	bottom:0;
	font-style:normal;
	left:180px;
	position:absolute;
}

#questions-more a, #opinion-more {
	color:#3D8FB4;
	font-weight:700;
}

#random-question {
	left:140px;
	line-height:18px;
	overflow:hidden;
	position:absolute;
	top:108px;
	width:240px;
}

#random-question .date {
	color:#853B22;
}

#random-question a {
display:block;
margin:7px 0 0 118px;
text-align:center;
}

#random-question a {
	margin-left:100px;
}

.questions-answers {
	background-color:#DEDACA;
	background-position:0 -238px;
	border-bottom:1px solid #BCBAA9;
	padding:26px 0 20px;
}

.questions-answers ul {
	margin:0;
}

.questions-answers li {
	color:#83817C;
	float:left;
	margin:0 0 10px 30px;
	min-height:36px;
	width:290px;
}

#downloads {
	background:url(../img/downloads.png);
	height:102px;
	position:absolute;
	right:100px;
	top:55px;
	width:192px;
}

body.en-EN #downloads {
	background-position:left bottom;
}

#downloads ul {
	list-style:none;
	margin:0;
	position:relative;
}

#downloads a {
	display:block;
	height:34px;
	position:absolute;
	text-indent:-9999em;
	width:20px;
}

#pdf {
	left:60px;
	top:60px;
}

#ppts {
	right:87px;
	top:60px;
}

body.home {
}

body.home h2 {
	color:#CCC8B9;
	font-size:5.833em;
}

body.home div.title {
	height:7em;
	margin-bottom:3em;
	text-transform:lowercase;
}

body.home div.title h2, body.home div.title p {
	display:inline;
}

body.home div.title p, .subtitle {
	color:#969595;
	font-size:1.25em;
	font-style:italic;
	font-weight:700;
	margin-bottom:30px;
}
body.home div.title p:before {content:'{';}
body.home div.title p:after {content:'}';}

body.home div.container {}

/* Portfolio
------------------------------------------------------------------------------*/
#portfolio {}

#seeall {
	bottom:-7px;
	position:absolute;
	right:0;
}

#seeall:before, #seeall:after {
	content:'';
}

#seeall a {
	background-position:0 -81px;
	display:block;
	height:27px;
	text-indent:-9999em;
	width:238px;
}

body.en-EN #seeall a {
	background-position:0 -110px;
}

#works {}

.work-screen-small {
}

body.home .work {
	margin-right:52px;
	margin-bottom:3em;
	position:relative;
	width:285px;
}

body.home .work.last {
	margin-right:0;
}

body.home .work-title {
	font-style:normal;
	font-weight:400;
	margin:0 0 .5em;
}

body.home .work-title, body.home .work-title a {
	color:#000;
}

body.home .work-screen-small {
}

body.home .work-screen-small a {
	border:10px solid #fff;
	display:block;
}

body.home .work-screen-small img {
	height:auto;
	width:265px;
}

body.home .work-meta {
	color:#717D6F;
	font-family:"Trebuchet MS", Helvetica, Arial, sans-serif;
	list-style:none;
	margin:8px;
}

body.home .work-meta strong {
	color:#577A70;
}

#clients {
	padding-bottom:70px;
}

#clients h3 {
	font-size:2.5em;
	margin-bottom:.25em;
}

ul#clients-logos {
	background:#DEDBC7;
	height:1%;
	list-style:none;
	margin:0;
	overflow:hidden;
	padding:10px 6px 5px;
}

ul#clients-logos li {
	margin:0 7px;
	min-height:49px;
}

ul#clients-logos a {
	display:block;
	min-height:49px;
}

/* Opinions
------------------------------------------------------------------------------*/
#opinions, #opinions-form {
}

#opinions {
	background:url(../img/bg-opinions.png) no-repeat top center;
	margin-bottom:6em;
}

#add-opinion {
	margin-bottom:27px;
}

#add-opinion .container {
	height:250px;
	position:relative;
}

body.en-EN #add-opinion .container {
	background:url(../img/blah.png) no-repeat 301px 39px;
}

#opinions-form {
	position:absolute;
	left:609px;
	top:136px;
}

#opinions-form label {
	display:block;
	font-size:.917em;
	font-style:italic;
	font-weight:400;
	line-height:1em;
}

#opinion-input {
	background:transparent;
	border:none;
	font-family:"Trebuchet MS", "helvetica", sans-serif;
	height:36px;
	margin:4px 0 4px;
	padding:0;
	width:180px;
}

#opinion-send {
	display:block;
	margin-left:20px;
}

#opinion-more {
	position:absolute;
	bottom:0;
	right:235px;
}

/* Team
------------------------------------------------------------------------------*/
#team {}

#team h2 {
	line-height:1em;
}

#team-members {
	background:url(../img/bg-team.jpg) no-repeat center 0;
	margin-top:-28px;
	padding-bottom:40px;
	padding-top:24px;
	position:relative;
}

.msie #team-members {
	margin-top:-35px;
}

#team h4 a, #team .member .user-info a {
	background:url(../img/blogs-logos.png);
}

#team .member {
	margin:0 0 0 120px;
	width:302px;
}

#team .member.last {
	margin-right:0;
}

#team .member .user-photo {
	margin-bottom:2em;
	margin-right:5px;
	width:158px;
}

#team .member .user-info {
	padding-top:35px;
	width:139px;
}

#team .member .user-info h3 {
	color:#000;
	font-weight:400;
	margin-bottom:10px;
}

#team .member .user-info p, #team .user-twitter a {
	color: #853b22;
}

#team .member .user-info ul {
	list-style:none;
	margin:0;
	overflow:hidden;
}

#team .member .user-info li {
	float:left;
}

#team .member .user-info a {
	background-position:0 bottom;
	display:block;
	height:19px;
	text-indent:-9999em;
	width:25px;
}

#team .member .user-info a.linkedin {
	background-position:-28px bottom;
}

#team .user-stuff {
}

#team .user-twitter .tweet-content {
	min-height:95px;
}

#team .user-blog {
	border-bottom:2px dotted #A6A296;
	border-top:2px dotted #A6A296;
	padding-top:1em;
}

#team .user-blog h4, #team .user-blog h5 {
	margin-bottom:.5em;
}

#team .user-blog a {
	color:#000;
	font-style:normal;
	text-transform:uppercase;
}

#team h4 a {
	background:url(../img/blogs-logos.png);
	display:block;
	height:26px;
	text-indent:-9999em;
	width:145px;
}

#matias h4 a {
	background-position:0 -26px;
}

#pablo h4 a {
	background-position:0 -54px;
}

/* Pet
------------------------------------------------------------------------------*/
#pet {
	background:url(../img/bg-pet.png) no-repeat top center;
	overflow:hidden;
	margin:6em 0;
}

#pet hr.first {
	margin:25px 0 28px;
}

#pet hr.second {
	margin:0 0 8px;
}

.msie #pet hr.first {
	margin-top:18px;
	margin-bottom:15px;
}

.msie #pet hr.second {
}

#pet .container {

}

#snacky-game {
	margin-left:189px;
}

/* Snacks
------------------------------------------------------------------------------*/
#snacks {
	background:url(../img/bg-snacks.jpg) no-repeat center 103px;
	margin-bottom:5em;
	position:relative;
}

#snacks .btnborder {
	padding-bottom:1em;
}

#snacks a.subscribe {
	background:url(../img/balloon-subscribe.png);
	display:block;
	height:69px;
	right:55px;
	position:absolute;
	text-indent:-9999em;
	top:34px;
	width:138px;
}

body.en-EN #snacks a.subscribe {
	background-position:bottom;
}

#culture-posts, #culture-posts .footer, #go-blog, #flickr, #flickr a.love-flickr, #flickr a.see-flickr {
	background:url(../img/bg-culture-2.png) no-repeat -2px -1px;
}

#culture-posts {
	background-color:#ECE9D3;
	margin-left:64px;
	margin-top:-23px;
	margin-right:35px;
	padding-top:91px;
	width:389px;
}

body.en-EN #culture-posts {
	background-image:url(../img/bg-culture-en.png);
}

#culture-posts ul {
	background:#fff;
	list-style:none;
	margin:0 3px 0 12px;
	padding:0 20px;
}

#culture-posts li {
	border-bottom:1px dotted #929191;
	padding:1em 0;
}

#culture-posts li h4, #culture-posts li p {
	color:#565656;
	font-style:italic;
	margin:0;
}

#culture-posts li a {
	color:#000;
	text-decoration:underline;
}

#culture-posts li abbr {
	color:#853B22;
	font-style:normal;
	border:none;
}

#go-blog, #flickr a.love-flickr, #flickr a.see-flickr {
	display:block;
	height:21px;
	text-indent:-9999em;
	width:98px;
}

#go-blog {
	background-position:-702px -245px;
}

body.en-EN #go-blog {
	background-position:-702px -267px;
}

#culture-posts .footer {
	background-position:-417px -111px;
	margin-left:12px;
	padding:9px 0 14px 261px;
}

#snacks-stuff {
	margin-top:-45px;
}

#snacks-stuff .container {
	background:url(../img/snacks-stuff.png) no-repeat bottom center;
	padding:2em 0 18px;
}

#snacks-stuff .user-twitter-rtl {
	float:right;
	margin-right:77px;
}

#snacks-stuff .tweet-follow {
	margin-left:55px;
}

#snacks-stuff .linkedin {
	bottom:33px;
	display:block;
	height:94px;
	left:165px;
	position:absolute;
	text-indent:-9999em;
	width:195px;
}

#snacks-stuff hr {
	bottom:0;
	left:0;
	margin:25px 0 33px;
	position:absolute;
}

#snacks-stuff hr + hr {
	margin:0;
}

/* Flickr
------------------------------------------------------------------------------*/
#flickr{
	background-position:-399px -157px;
	margin-top:-10px;
	padding:32px 18px 44px;
	position:relative;
	width:258px;
}

#flickr h3 {
	color:#000;
	font-style:normal;
	font-weight:400;
	margin-bottom:7px;
	padding-bottom:0;
}

#flickr ul {
	border-bottom:2px dotted #A6A296;
	border-top:2px dotted #A6A296;
	list-style:none;
	margin:0;
	overflow:hidden;
	padding:5px 0;
}

#flickr li {
	border:3px solid #DBEAEC;
	float:left;
	margin:2.5px;
}

#flickr a, #flickr img {
	display:block;
}

#flickr-contact {
	color:#A6A296;
	font-family:Arial, Helvetica, sans-serif;
	position:absolute;
	right:18px;
	text-transform:uppercase;
	top:35px;
}

#flickr a.love-flickr, #flickr a.see-flickr {
	background-position:-693px -158px;
	bottom:8px;
	left:18px;
	margin:0;
	padding:0;
	position:absolute;
}

#flickr a.love-flickr {
	height:31px;
}

#flickr a.see-flickr {
	background-position:-696px -201px;
	bottom:17px;
	left:auto;
	right:18px;
}

body.en-EN #flickr a.see-flickr {
	background-position:-696px -222px;
}

/* Footer
------------------------------------------------------------------------------*/
#site-helpers {
	background:#4E90A7 url(../img/bg-footer.jpg) repeat-x center bottom;
}

#site-helpers .container {
	background:url(../img/bg-footer-elements.png) no-repeat -1px 0;
	height:426px;
	margin-top:0;
}

#contact-div {
	margin:13px 0 0 3px;
	position:relative;
	width:205px;
}

#contact-div form {
	position:relative;
}

#site-helpers .container h2 {
	color:#64938c;
	text-transform:none;
}

#contact-div .msg {
	top:180px;
	position:absolute;
	width:205px;
}

#scontact {
	height:61px;
	left:25px;
	line-height:1em;
	position:absolute;
	top:6px;
	width:158px;
}

#scontact label {
	height:100%;
	left:0;
	margin-top:3px;
	position:absolute;
	top:0;
	width:100%;
	z-index:100;
}

#scontact label.abovecontent {
	display:none;
}

#scontact-msg {
	background:transparent;
	border:medium none;
	font-family:Arial;
	font-size:1em;
	height:100%;
	line-height:1.65em;
	margin:0;
	padding:0;
	width:100%;
}

#scontact-fieldemail, #scontact-fieldname, #scontact label {
	font-family:"trebuchet MS";
	left:2px;
	position:absolute;
}

#scontact-fieldemail input, #scontact-fieldname input {
	background:transparent;
	border:none;
	width:145px;
}

#scontact-fieldname {
	top:82px;
}

#scontact-fieldemail {
	top:105px;
}

#scontact-fieldname, #scontact-fieldemail {
	left:0;
}

#contact-div input[type="submit"] {
	background-position:-64px -211px;
	border:medium none;
	cursor:pointer;
	font-size:0;
	height:25px;
	left:119px;
	position:absolute;
	text-indent:-9999em;
	top:145px;
	width:75px;
}

body.en-EN #contact-div input[type="submit"] {
	background-position:12px -211px;
}

#contact-places {
	margin:63px 0 0 14px;
}

.weather-info {
	background:url(../img/bg-clima.png) no-repeat;
	height:173px;
	margin-right:6px;
	position:relative;
	text-align:center;
	width:113px;
}

.weather-info h3 {
}

.weather-temp, .weather-image {
	display:block;
}

.weather-image {
	margin-top:20px;
}

.weather-temp {
	color:#83B79B;
	font-size:1.5em;
	font-weight:bold;
}

.city-info {
	font:normal 400 1em "Trebuchet MS", Arial, Helvetica, sans-serif;
	/*font-family:"Trembuchet MS", Arial, Helvetica, sans-serif;*/
	color:#30544f;
	bottom:16px;
	left:0;
	position:absolute;
	width:100%;
}

.city-info h3 {
	font-size:1.167em;
	font-style:normal;
	color:#000;
}

.city-info p {
	font-size:0.923em;
}

.sunny {
	background-position:-114px 0;
}

.cloudy {
	background-position:-233px 0;
}

.rainy {
	background-position:-353px 0;
}

#jobs {
	margin:13px 0 0 5px;
	width:257px;
}

.msie #contact-div, .msie #jobs {
	margin-top:0;
}

#jobs p {
	margin:0 125px 7px 0;
}

#jobs ul {
	border-bottom:1px dotted #A6A296;
	border-top:1px dotted #A6A296;
	color:#4f4f4c;
	padding:8px 0;
}

#jobs li:before {
	content:"» "
}

#prefooter h3, #prefooter h4 {
	color:#fff;
	font-size:1.583em;
	font-style:normal;
	margin-bottom:5px;
}

#prefooter .box h3 {
	font-size:1.917em;
}

#prefooter .box h3, #prefooter .box p {
	margin-bottom:10px;
}

#prefooter h4 {
	font-size:1em;
}

#prefooter .box p:last-child {
	margin-bottom:0;
}

#site-helpers .request-quote {
	bottom:0;
	display:block;
	height:125px;
	left:342px;
	position:absolute;
	text-indent:-9999em;
	width:377px;
}

#site-helpers a {
	color:#30544F;
}

#site-helpers h2 {
	color:#fff;
	font-size:2.5em;
	text-transform:uppercase;
	margin-right:20px;
}

#stuff a, #stuff a:hover, #we-love a {
	color:#b3c8cf;
	text-decoration:none;
}

#we-love a {
	border-bottom:1px dotted #b3c8cf;
}

#sitemap li {
}

#sitemap li a:before {
	content:"» "
}

#s {
	background-position:0 -109px;
	border:medium none;
	color:#95B2BC;
	font-family:Georgia;
	font-size:1em;
	height:25px;
	padding:12px 10px 0;
	text-indent:0;
	width:136px;
}

#searchform .button {
	background-position:-86px -148px;
	border:none;
	cursor:pointer;
	height:18px;
	margin-left:80px;
	width:73px;
}

#footer-share .twitter {}

#footer-share .facebook {
	background-position:-112px 0;
}

#footer-share .delicious {
	background-position:-224px 0;
}

#footer-share .feed {
	background-position:-336px 0;
}

#footer-share .linkedin {
	background-position:-448px 0;
}

#mores {
	border-bottom:1px dotted #B3C8CF;
	border-top:1px dotted #B3C8CF;
	padding:6px 0;
}

#mores li {
	margin:0 8px;
}

#mores .noie {
	background-position:-162px -109px;
	height:46px;
	width:46px;
}

#mores .neutral {
	background-position:-224px -109px;
	height:46px;
	width:98px;
}