html, body {
	height: 100%;
}
/* ------ LAYOUT ------ */
body {
	font-family: Arial, "Helvetica Neue", Helvetica, sans serif;
	background:#f3f0e2 url(../img/bg.gif) 0 0 repeat-x
	}
	#right h3,
	#left h3 {
		margin:0;
		color:#5d3d23;
		/*text-shadow:1px 1px #fff*/
		}
	#right p,
	#left p {
		margin-bottom:10px;
		color:#5d3d23
		}
	a {
		white-space:nowrap;
		color:#5d3d23;
		text-decoration:underline;
		font-weight:bold;
		outline:none
		}
	
#wrapper {
	/*min-height: 100%;*/
	height: auto !important;
    overflow:hidden;
	/*height: 100%;*/
	margin: 0 auto;
	}
	#header {
		height:158px;
		/*margin:0	*/
		}
		#logo {
			margin-top:10px;}
	#right {
		margin:50px 0 10px 0;
		padding-left:15px;
		background:url(../img/crop-line-v.png) 0 20px no-repeat
		}
	#left {
		height:auto;
		overflow:hidden;
		/*margin:0 10px 10px 0;*/
		}

#footer {
	width:100%;
	height: auto;
    overflow:hidden;
	background:#171717 url(../img/bg-footer.jpg) 0 0 repeat-x
	}
/* MAIN SLIDER */
.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0 15px 0 0px;
		}
		
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			margin: 0;
			position: relative;
			width: 700px;
			overflow:hidden;
		}

		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 700px; height: auto; background: transparent; overflow: scroll; margin:0}
		.csw .loading {margin: 200px 0 300px 0; text-align: center}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			/*border: 1px solid #000; /* this is the border. should have the same value for the links */
			margin: 0;
			width: 677px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height:515px;
			clear: both;
			/*background: #f3f0e2;*/
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 20px;
			width: 100%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 677px; /* Also specified in  .stripViewer  above */
			margin-left:0;
			/*background:#f3f0e2*/
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 0;
			overflow:hidden
		}
				
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin: 0;
			float:right;
			width:auto !important;			
		}
		
		.stripNav ul { /* The auto-generated set of links */
			float:right;
			list-style: none;
			width:auto; /*428px;*/
			height:auto;
			overflow:hidden;
			margin:0;
			/*padding-left:30px;*/
			/*background:url(../img/bg-navbar.png) 0 0 no-repeat;*/
		}
		
		.stripNav ul li {
			float: left;
			padding:0;
			display:inline-block;
			margin:0 5px;
			margin-right: 10px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
		}
		
		.stripNav a { /* The nav links */
			font-size: 18px;
			font-weight: bold;
			text-align: center;
			line-height: 32px;
			/*background: #c6e3ff;*/
			color: #fff; /*#d6cda2;*/
			text-decoration: none;
			text-transform:capitalize;
			display: block;
			padding: 0 8px;
			text-shadow:1px 1px 1px #71a224;
		}
		
		/*.stripNav li.tab1 a { background: #60f }
		.stripNav li.tab2 a { background: #60c }
		.stripNav li.tab3 a { background: #63f }
		.stripNav li.tab4 a { background: #63c }
		.stripNav li.tab5 a { background: #00e }*/
		
		.stripNav li a:hover {
			color: #5d3d23;
			text-shadow:1px 1px 1px #dbf4b3
		}
		
		.stripNav li a.current {
			/*background: #000;*/
			color: #5d3d23;
			text-shadow:1px 1px 1px #dbf4b3
		}
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top: 230px;
			text-indent: -9000em;
			display:none /* custom */
		}
		
		.stripNavL a, .stripNavR a {
			display: block;
			height: 40px;
			width: 40px;
		}
		
		.stripNavL {
			left: 0;
		}
		
		.stripNavR {
			right: 0;
		}
		
		/*.stripNavL {
			background: url("images/arrow-left.gif") no-repeat center;
		}
		
		.stripNavR {
			background: url("images/arrow-right.gif") no-repeat center;
		}*/
/* SUB SLIDER */
#slider {
	width:626px; /*677px;*/
	height:360px; /*350*/
	overflow:hidden;
	margin-top:10px;
	margin-left:20px;
	/*background:url(../img/bg-main-slide1.jpg) 0 0 no-repeat;*/
	/*border:1px solid red /*#f3f0e2;*/
	}

#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		/*background:#f3f0e2;*/
		padding-bottom:15px;
		}
	#slider ul {
		width:677px;
		overflow:hidden;		
		padding-left:0; /*26px*/
		
		}
		#slider ul li {
			width:677px;			
			}			
			
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:677px; /*684px;*/
		height:383px; /*340*/
		overflow:hidden;
		}
	#slider ul li p {
		margin:0;
		font-weight:bold;
		color:#5d3d23;
		font-size:16px;
		height:25px;
		line-height:25px;
		}
		#slider ul li.develop p span {
			width:98px;
			height:25px;
			margin-left:5px;
			font-size:11px;
			color:#fff;
			line-height:25px;
			background:#9bd146;
			padding:5px;
			text-shadow:1px 1px #76aa25;
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	/*#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}*/	
		
	/* numeric controls */	

	ol#controls{
		margin:0;
		padding:8px 0 0px 20px;
		width:auto;
		height:13px;
		background:url(../img/crop-line-h.png) 0 0 no-repeat 	
		}
	ol#controls li{
		margin:0 5px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		width:13px;
		height:13px;
		line-height:13px;
		}
	ol#controls li a{
		float:left;
		width:13px;
		height:13px;
		line-height:13px;
		/*border:1px solid #ccc;*/
		background:#DAF3F8;
		color:#555;
		padding:0;
		text-decoration:none;
		background:url(../img/bg-btn-off.gif) 0 0 no-repeat;
		text-indent:-9999em
		}
	ol#controls li.current a,
	ol#controls li a:hover {
		background:#5DC9E1;
		color:#fff;
		background:url(../img/bg-btn-on.gif) 0 0 no-repeat;
		text-indent:-9999em
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	/* text */
#right a {
	color:#5d3d23;
	text-decoration:underline;
	font-weight:bold
	}
#right ul {
	list-style:none;
	margin-left:-30px;
	padding:0
	}
#right ul li a {
	display:block;
	margin-bottom:3px;
	padding:0;
	width:220px;
	height:26px;
	line-height:26px;
	text-indent:23px;
	color:#5d3d23;
	text-decoration:none;
	/*background:url(../img/bg-services.gif) 0 0 no-repeat;*/
	}
	#right ul li a:hover  {	
	/*background:url(../img/bg-services-on.gif) 0 0 no-repeat*/
	}
	#footer #inner {
		margin:0 auto;
		}
	#footer #inner #box1, 
	#footer #inner #box2, 
	#footer #inner #box3 {
	float:left;
	width:300px;
	margin-bottom:0;
	color:#f3f0e2;
	}
	#footer #inner #box1 h3, 
	#footer #inner #box2 h3, 
	#footer #inner #box3 h3{
		margin:0;
		color:#f3f0e2;
		}
	#footer #inner #box1 a, 
	#footer #inner #box2 a, 
	#footer #inner #box3 a {
		color:#ffcc00;
		text-decoration:underline;
		font-weight:bold
		}
	#footer #inner #box1 ul,
	#footer #inner #box2 ul {
		list-style:disc;
		margin-left:-10px;
		}
    #footer #inner #copyright {
    	height:25px;
        margin:0
        }
	#footer #inner #copyright p,
	#footer #inner #copyright p a {		
		margin:0;
        padding:0;
		color:#999;
		}
    #footer #inner #copyright p span.share {
		width:auto;
		text-align:left;		
		margin-left:455px
		}
/* servicios */
dl.servicios {
	float:left;
	display:inline-block;
	color:#525252;
	width:310px;
	margin:auto 10px auto 5px
}	
dl.servicios dt {
	height:55px;
	background-image:url('../img/sprite.gif');
	background-repeat:no-repeat;
	overflow:hidden
}
dl.servicios dt span {
	/*text-transform:lowercase;*/
	font-size:16px;
	border-bottom:1px dotted;
	font-style:italic;
	font-weight:bold;
	line-height:55px;	
	margin-left:55px;
	color:#5D3D23;
    background-color:inherit;
}
dl.servicios dt.service_web {
	background-position:0 0px
}

dl.servicios dt.service_print{
	background-position:0 -55px
}

dl.servicios dt.service_identity {
	background-position:0 -110px
}	

dl.servicios dt.service_psd2xhtml{
	background-position:0 -165px
}
dl.servicios dd {
	margin-bottom:10px;
}
dl.servicios dd p {
	color:#333;
	line-height:normal;
	margin-left:55px;
}
/* acerca de */
abbr {
	border-bottom:1px dotted;
}
ul.profile  {
	width:650px;
	height:16px;	
	margin: 0 15px 0 3px; /*!important;*/
	list-style:none;
}
ul.profile li {
	float:left;
	display:inline-block;
	line-height:16px;
	margin:0 15px 0 0;
	background:#fff url('../img/sprite.gif');
	background-repeat:no-repeat;
}
ul.profile li a {
	display:inline-block;
	height:16px;
	margin-left:12px;
	padding:0 5px;
	text-decoration:none
	}
	ul.profile li a:hover {
		color:#09f
		}
ul.profile li.null  {
	font-size:13px;
	font-weight:bold;
	color:#5D3D23;
	background-position:0 0;
	background:#fff
}
ul.profile li.linkedin {
	background-position:0 -225px;
}
ul.profile li.facebook {
	background-position:0 -242px;
}
ul.profile li.twitter {
	background-position:0 -259px;
}
ul.profile li.stumbleupon {
	background-position:0 -276px;
}
/* form */
form {
	margin:5px 0 0 10px;	
	line-height:normal;
}
	form dl dt {
		margin-bottom:2px;
		}
input, select {
	width:260px;
	color:#5d3d23;
}
label {
	margin-top:10px;
	padding:0.1em;
}
input, select, textarea {
	margin-bottom:10px;
	padding:3px;
	border:none;
	background:#fff;
}
input.lower {
	text-transform:lowercase
	}
input.capital {
	text-transform:capitalize
	}
textarea {
	color:#5d3d23;
	overflow:hidden;
}
label {
	font-weight:bold;
	color:#5d3d23;
	cursor:pointer;
    background-color:inherit;
}
.notification_error
{
	color:#c00;
	line-height:1.2em;
	width: 90%;
	height:auto;
	padding: 4px;
    margin:5px auto;
	text-align: left;
	background-color:#f3f0e2;
	border:1px solid #c00
}

.notification_ok
{
	color:#360;
	line-height:1.2em;
	width: 90%;
	height:auto;
	padding: 4px;
    margin:5px auto;
	text-align: left;
	background-color:#f3f0e2;
	border:1px solid #360
}
.button {
	width:auto;
	height:auto;
	background-color:#5d3d23;
	color:#fff;
	font-weight:bold;
	margin-top:5px;
	margin-bottom:0em;
	border:0;
	cursor:pointer;
	padding:5px;    
    -moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.button:hover {
	background:#724928
	}
#pasos {
	width:677px;
	height:auto;
	overflow:hidden;
	}
  #pasos span {
  	font-size:11px;
    color:#5D3D23
    }
#mytweet {
	float:right;
	margin:10px 0 0 0;
	padding-left:25px;
	width:200px;
	height:auto;
	background:url(../img/tweet.png)0 0 no-repeat;
	}
	#twitter_update_list {
		list-style:none;		
		padding:0;
		margin:0;
		}		
	#twitter_update_list ul li,
	#twitter_update_list li span {		
		margin:0;
		padding:0;
		font-weight:bold;
		font-size:12px;
		line-height:10px;
		color:#5d3d23;
		text-shadow:1px 1px 1px #fff
		}
	#twitter_update_list a {
		color:#069;
		font-size:11px;
		}