@charset "UTF-8";
/********** = STYLE.CSS **********/

/******************

	This style sheet combines into one file all the seperate 
	working files.
		
	Author: juanfra
	For: www.sinpleki.com
	Last Modified: 11 October 2009

******************/

* {margin:0;padding:0}

html, body, #wrapper {height: 100%;}

body {
	font-family:"Lucida Sans","Lucida Grande",Verdana,Sans-serif;
	background:url(img/body-top.jpg) no-repeat;
	font-size:10px;
}

/* CLEAR FIX*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/

* html .clearfix { height: 1%;}

.clearfix {display: block;}
/* End hide from IE-mac */

a:hover {
	color:#488994;
}

:link, :visited, :hover, :active {
	text-decoration:none;
}

a {
	color:#575757;
}

ol, ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent none repeat scroll 0 0;
	border:0 none;
	font-size:100%;
	margin:0;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:0;
	padding:0;
	vertical-align:baseline;
}

/* header */
div.header, div.site_header {
	background-color:#EFEFEF;
	border-bottom:1px solid #CCCCCC;
	font-family:"Lucida Grande","Lucida Sans Unicode",Verdana,Helvetica,Arial,sans-serif;
	font-size:11px;
	font-weight:bold;
	line-height:1.7em;
	padding-top:3px;
}

div.header {
	text-align:left;
}

div.headcontainer {
	margin:0 auto;
	position:relative;
	width:601px;
}


#main {padding-bottom: 80px;}  /* debe ser del mismo alto que el footer */


/* footer */
#footer {
	position: relative;
	/*margin-top: -80px;  valor negativo del alto del footer */
	height: 80px;
	clear:both;
} 
	
#footer a {
	color:#757575;
}

div.footer {
	background-color:#EFEFEF;
	border-top:1px solid #CCCCCC;
	font-family:"Lucida Grande","Lucida Sans Unicode",Verdana,Helvetica,Arial,sans-serif;
	font-size:11px;
	line-height:1.7em;
	padding-top:3px;
	margin-bottom:0;
}

div.footercontainer {
	margin:0 auto;
	margin-top:10px;
	position:relative;
	width:601px;
	color:#444444;
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Helvetica,sans-serif;
	font-size:11px;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	letter-spacing:-0.04em;
}

/* wrapper */

body > #wrapper {height: auto; min-height: 100%;}


#wrapper{
	margin:0 auto;
	position:relative;
	width:601px;
	clear:both;
}

#wrapper h1 {
	-x-system-font:none;
	color:#575757;
	display:block;
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Helvetica,sans-serif;
	font-size:16px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	letter-spacing:-1px;
	line-height:28px;
	margin:0;
	/*margin:0 50px 10px 0 !important;*/
	padding:0;
	text-shadow:0 1px 1px #ccc;
}

div.homeintro  {
	-x-system-font:none;
	color:#444444;
	display:block;
	font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Helvetica,sans-serif;
	font-size:16px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	letter-spacing:-1px;
	line-height:28px;
	margin:0;
	/*margin:0 50px 10px 0 !important;height:102px;*/
	padding:0;
}


#nav-viewport {
	/*margin-top:8px;*/
}


#content {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(img/bg-all-transparent-7x7.png) repeat-y scroll 312px 100%;
	margin:226px 0 0;
	position:relative;
	z-index:0;
}

.content-sub {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(img/bg-all-transparent-7x7.png) repeat-x scroll 0 0;
	float:left;
	margin-left:42px;
	margin-top:78px;
	padding-top:38px;
	width:270px;
}


#nav-viewport li {
	float:left;
}
#vp-nav1 {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(img/bg-all-transparent-7x7.png) repeat-y scroll right 0;
}

#vp-nav2 {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(img/bg-all-transparent-7x7.png) repeat-y scroll right 0;
}


.vp-company a {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(img/company.png) no-repeat scroll 0 0;
	margin-right:7px;
	width:180px;
}

.vp-services a {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(img/services.png) no-repeat scroll 0 0;
	margin-right:7px;
	width:215px;
}

.vp-contact a {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(img/contact-us.png) no-repeat scroll 0 0;
	width:192px;
}

#nav-viewport li a {
	background-position:center 20px;
	height:80px;
}

#nav-viewer {
	z-index:99999;
}

#nav-viewport li:hover {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(img/bg-all-transparent-7x7.png) repeat scroll 0 0;
}


.text-replace, a.text-replace {
	display:block;
	overflow:hidden;
	text-indent:-99999px;
}

.text-replace a:hover {
	color:#488994;
}

div.action {
	background-color:#FFFFFF;
	border-bottom:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	float:left;
	font-size:24px;
	font-weight:bold;
	margin:0 0 30px;
	padding:20px 0;
	text-align:center;
	overflow:hidden;
	clear:both;
	/*width:100%;*/
}

div.action h2 {
	color:#555555;
	font-family:georgia,times;
	font-size:22px;
	font-weight:normal;
	line-height:1.2em;
	margin:0;
	padding:0;
}

div.action cite {
	color:#666666;
	font-size:16px;
}

div.miniquote {
	background-color:#FFFFFF;
	border-bottom:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	float:left;
	font-size:18px;
	font-weight:bold;
	margin:0 0 30px;
	padding:20px 0;
	text-align:center;
}

div.miniquote {
	clear:both;
	margin:30px 0;
	overflow:hidden;
	padding:20px;
}

div.miniquote h2 {
	color:#555555;
	font-family:georgia,times;
	font-size:18px;
	font-weight:normal;
	line-height:1.2em;
	margin:0;
	padding:0;
}

div.miniquote cite {
	color:#666666;
	font-size:14px;
}




/* --------------*/


#wrapper #project-viewer {
	width:601px;
}


#wrapper p {
	/*color:#3B3C3F;*/
	color:#545454;
	line-height:18px;
	font-size:12px;
	padding:10px 20px 10px 2px;
}

#wrapper em {
	color:#91BCC2;
	line-height:18px;
	font-size:12px;
	padding:5px 20px 10px 2px;
}

#project-viewer {
	height:301px;
	margin:0;
	padding:0;
	/*position:absolute;
	width:595px;*/
}

#project-viewer {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(img/bg-all-transparent-7x7.png) repeat scroll 0 0;
	height:294px;
	margin-left:-23px;
	padding:0 0 0 23px;
	position:relative;
	width:587px;
}

.bullet {list-style-type: disc;line-height:18px;
	padding:5px 20px 10px 40px;
	font-size:12px;
	
	color:#3B3C3F;}

.panel-details {
	padding-left:23px;
}

.pagination {
	z-index:9999;
}

.hoverNav {
	display:none;
	height:113px;
	position:absolute;
	top:-25px;
	width:172px;
	z-index:9999;
}

.hoverLeft {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(img/arrow-left-hover.png) no-repeat scroll left top;
	left:-30px;
	z-index:9999;
}

.hoverRight {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(img/arrow-right-hover.png) no-repeat scroll left top;
	right:-25px;
	z-index:9999;
}

.hoverNav img {
	margin:15px 0 0 15px;
}

.carousel-content {
	min-height:302px;
}

.carousel-content li {
	display:none;
}

.panel-details {
	margin-top:25px;
}

#process-carousel {
	position:relative;
}

#body-index .project-carousel {
	margin-left:7px;
}

#project-viewer a.previous {
	height:39px;
	left:-24px;
	position:absolute;
	top:90px;
	width:39px;
}

#body-index #project-viewer a.previous {
	left:-19px;
}

#project-viewer a.next {
	height:39px;
	position:absolute;
	right:-19px;
	top:90px;
	width:39px;
}

ol.pagination {
	bottom:-36px;
	position:absolute;
	right:0;
}

ol.pagination li {
	float:left;
}

.project-carousel {
	clear:left;
	height:667px;
	overflow:auto;
	position:relative;
	z-index:10;
}


ul.carousel-slider li {
	float:left;
}

#project-window {
	margin-left:-23px;
	position:relative;
}

#project-viewer {
	height:201px;
	margin:0;
	padding:0;
	/*position:absolute;*/
	width:595px;
}

.carousel-panel {
	position:relative;
}

#prevBtn, #nextBtn {
	display:block;
	height:39px;
	position:absolute;
	top:90px;
	width:39px;
	z-index:9999;
}

#prevBtn {
	left:-19px;
}

#nextBtn {
	right:-19px;
}

.project-carousel li {
	float:left;
	margin-top:7px;
	z-index:10;
}

.project-carousel, .project-carousel li {
	height:193px;
	overflow:hidden;
	width:587px;
	z-index:10;
}

.project-carousel img {
	position:relative;
	z-index:1;
}

a.previous:hover, a.previous:hover {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(img/bg-all-previous-next-sprite-80x80.png) no-repeat scroll 0 -41px;
}

a.previous, a.previous {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(img/bg-all-previous-next-sprite-80x80.png) no-repeat scroll 0 0;
}

.text-replace, a.text-replace {
	display:block;
	overflow:hidden;
	text-indent:-99999px;
}

.text-replace, a.text-replace {
	display:block;
	overflow:hidden;
	text-indent:-99999px;
}

#nextBtn {
	right:-19px;
}

#prevBtn, #nextBtn {
	display:block;
	height:39px;
	position:absolute;
	top:75px;
	width:39px;
	z-index:9999;
}
/*
.content-main a:hover {
	color:#488994;
}
*/
a.next:hover, a.next:hover {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(img/bg-all-previous-next-sprite-80x80.png) no-repeat scroll -41px -41px;
}

a.next, a.next {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(img/bg-all-previous-next-sprite-80x80.png) no-repeat scroll -41px 0;
}

#wrapper .project-carousel {
	margin-left:7px;
}


ul.client-logos {
	display:block;
	/*height:340px;*/
	height:auto;
	margin:0 auto;
	padding-left:2px;
	width:600px;
}

ul.client-logos li {
	display:block;
	float:left;
	height:33.333%;
	width:24.999%;
	font-size:11px;
	text-align:center
}

ul.client-logos li a.cl01[class] {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(img/aw.gif) no-repeat scroll 0 0;
}

ul.client-logos li a.cl02[class] {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(img/sinus.gif) no-repeat scroll 0 0;
}

ul.client-logos li a.cl03[class] {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(img/hvs.gif) no-repeat scroll 0 0;
}


ul.client-logos li a.cl04[class] {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(img/sahic.gif) no-repeat scroll 0 0;
}

ul.client-logos li a {
	border-bottom:1px solid #E5E5E5;
	border-right:1px solid #E5E5E5;
	cursor:pointer;
	display:block;
	height:112px;
}


ul.client-logos li a.cl01 span {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#88201B none repeat scroll 0 0;
}


ul.client-logos li a.cl04 span {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#798E85 none repeat scroll 0 0;
}

ul.client-logos li a.cl02 span {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#FD9900 none repeat scroll 0 0;
}

ul.client-logos li a.cl03 span {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#EB2027 none repeat scroll 0 0;
}

ul.client-logos li a span {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#555555 none repeat scroll 0 0;
	color:#FFFFFF;
	display:block;
	left:-99999em;
	line-height:112px;
	position:absolute;
	/*width:186px;*/
}

ul.client-logos li a:hover span, ul.client-logos li a:focus span {
	left:0;
	position:relative;
}

ul.client-logos li a span {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#555555 none repeat scroll 0 0;
	color:#FFFFFF;
	display:block;
	left:-99999em;
	line-height:112px;
	position:absolute;
	/*width:186px;*/
}

.note.alert {
	background-color:#FFFBD9;
	border:1px solid #F8E1B9;
	color:#676767;
	padding:3px 8px;
	text-align:left;
	margin-top:5px;
	margin-bottom:5px;
}

.fancyBar{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(img/bg-all-transparent-7x7.png) repeat-x bottom;
	height:10px;
}

.leftCol{
	float:left;
	width:420px;
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(img/bg-all-transparent-7x7.png) repeat-y scroll right 0;
}

.rightCol{
	float:right;
	width:181px;
	color:#444;
}

.fancyList{

border-bottom:1px solid #e5e5e5;padding:10px 0;
font-size:16px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
letter-spacing:-1px;
line-height:28px;text-shadow:0 1px 1px #CCCCCC;text-indent:10px;
}