/*-----------------------GENERAL-----------------------*/
body {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #71848B;
	background: url(../image_site/bg-body.png) repeat-x left top;
}
h2 {
	font-size: 22px;
	font-style: italic;
	color: #fff;
	font-weight: normal;
	margin: 0 0 20px 0;
}
h3 {
	margin: 0 0 8px 0;
	color: #637279;
	font-size: 16px;
}
h4 {
	font-size: 11px;
	font-weight: normal;
/*	font-style: italic;*/
	color: #F15922;
	margin: 0 0 5px 0;
}
h5 {
	font-size: 21px;
	font-weight: bold;
	color: #637277;
	margin: 0 0 0 0;
	line-height: 26px;
}
h6 {
	font-size: 16px;
	font-weight: bold;
	color: #F05922;
	margin: 0 0 2px 0; /*modificado*/
}
p {
	margin: 0 0 10px 0; /*before 20px */
}
a img {
	border: 0;
	margin: 0;
	padding: 0;
}
a {
	text-decoration: none;
	color: #71848B;
}
a:hover {
	background-color: #F15922;
	color: #fff;
}
.important {
	font-style: italic;
}
.highlight {
	font-weight: bold;
	color: #71848B;
}
.orange-color {
	color: #F05922;
}
.clear {
	clear: both;
}
/*-----------------------LAYOUT-----------------------*/
#wrapper {
	width: 880px;
	margin: 0 auto;
}
#header {
	width: 880px;
	height: 90px;
	position: relative;
	top: 2px;
}
#main {
	width: 571px; 
	padding: 42px 0 0 0;
	margin: 0;
	float: left;
	display: inline;
}
#right {
	width: 280px;
	float: right;
	display: inline;
	padding: 10px 10px 0 10px;
	margin: 35px 0 0 0;
	background-color: #fff;
}
#foot {
	clear: both;
	background: url(../foot/bg-foot.png) repeat-x left bottom;
}
/*-----------------------HEADER-----------------------*/
#header h1#logo {
	background: url(../header/logo.jpg) no-repeat 0px 0px;
	width: 92px;
	height: 52px;
	overflow: hidden;
	margin: 0;
	position: absolute;
	left: -1px;
	top: 27px;
}
#header h1#logo a {
	display: block;
	width: 92px;
	height: 52px;
	text-indent: -9999px;
}
#header h1#logo a:hover {
	background-color: transparent;
}
#header ul {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	right: 0px;
}
#header ul li {
	width: 143px;
	height: 90px;
	float: left;
	display: inline;
}
#header #our-services {
	background: url(../header/our-services.jpg) no-repeat 0px 0px;
}
#header #portfolio {
	background: url(../header/portfolio.jpg) no-repeat 0px 0px;
}
#header #about-us {
	background: url(../header/about-us.jpg) no-repeat 0px 0px;
}
#header #contact-us {
	background: url(../header/contact-us.jpg) no-repeat 0px 0px;
}
#header ul li#phone {
	background: url(../header/phone.jpg) no-repeat 0px 0px;
	width: 164px;
	text-indent: -9999px;
	overflow: hidden;
}
#header #our-services a, #header #portfolio a, #header #about-us a, #header #contact-us a {
	display: block;
	width: 142px;
	height: 90px;
	text-indent: -9999px;
	overflow: hidden;
	background-color: transparent;
}
#header #our-services ul.sub {
	position: absolute;
	left: 0px;
	top: 90px;
	border-top: 1px solid #EDF1F3;
}
#header li#our-services ul.sub li {
	float: none;
	border-bottom: 1px solid #EDF1F3;
	border-left: 1px solid #EDF1F3;
	border-right: 1px solid #EDF1F3;
	background-color: #fff;
	display: block;
	height: auto;
	width: 141px;
}
#header li#our-services ul.sub li a {
	text-indent: 0px;
	padding: 3px 0 3px 5px;
	height: auto;
	color: #71848B;
	text-decoration: none;
	line-height: 20px;
	width: 136px;
}
#header li#our-services ul.sub li a:hover {
	color: #fff;
	background: #F15922;
}
#header li#our-services ul.sub {
	display: none;
}
#header li#our-services:hover ul.sub {
	display: block;
}
/*-----------------------MAIN-----------------------*/

h3.icon-logo, h3.icon-web, h3.icon-eccomerce, h3.icon-search, h3.icon-programming {
	padding: 42px 0 0 0;
}
h3.icon-logo {
	background: url(../template/01-logo.png) no-repeat left top;
}
h3.icon-web {
	background: url(../template/02-web.png) no-repeat left top;
}
h3.icon-eccomerce {
	background: url(../template/03-ecommerce.png) no-repeat left top;
}
h3.icon-search {
	background: url(../template/04-search.png) no-repeat left top;
}
h3.icon-programming {
	background: url(../template/05-programing.png) no-repeat left top;
}
#main .box {
	width: 278px;
	height: 86px;
	float: left;
	display: inline;
	text-indent: -9999px;
	overflow: hidden;
	margin-bottom: 15px;
}
#main .box a {
	display: block;
	width: 278px;
	height: 86px;
}
#main .box a:hover {
	background-color: transparent;
}
/*#main .box.cuestion {
	background: url(../template/got-a-cuestions.png) no-repeat left top;
	margin: 10px 0 20px 0;
}
#main .box.request {
	background: url(../template/request-free-quote.png) no-repeat left top;
	margin: 10px 0 20px 15px;
}*/
#main .box2 {
	width: 277px;
	float: left;
	display: inline;
}
#main .box2.margin {
	margin-right: 15px;
}
#main .box2.big {
	width: 570px;
}
#main .box3 {
	border-bottom: 1px solid #DFE7EA;
	margin: 0 0 20px 0;
}
#main .box3 .no-margin {
	margin: 0 0 5px 0;
}
#main .box3.no-border {
	border: 0;
}
#main .width-about {
	width: 540px;
}
#main .box4 {
	margin: 0 0 20px 0;
	float: left;
	width: 570px;
}
#main .box4 .img-box4 {
	float: left;
	margin: 0 5px 0 0;
	width: 90px;
}
#main .box4 p {
	padding-top: 5px;
	margin: 0;
}
#main .box4 p.icon-p-box4 {
	background: url(../template/icon-box4.png) no-repeat 0px 10px;
	line-height:30px;
	padding-left: 20px;
	display: block;
	float: left;
	margin: 20px 0 0 0;
}
#main #nav {
	height: 38px;
	border-bottom: 1px solid #DFE7EA;
	border-top: 1px solid #DFE7EA;
	line-height: 38px;
	margin: 0 0 20px 0;
}
/*-----------------------MAIN PORTFOLIO-----------------------*/
#main .boxportfolio {
	width: 276px;
	float: left;
	display: inline;
}
#main .boxportfolio.margin {
	margin-right: 15px;
}
/*#main .boxportfolio.big {
	width: 570px;
}*/

/* tambien declarar aca cada vez que se agrega un proyecto*/
h3.img-teedaily, h3.img-dgskin, h3.img-openedit, h3.img-metropolitana, h3.img-soldo, h3.img-bridesign, h3.img-taxrelief, h3.img-clearsenior, h3.img-dressmix, h3.img-chana, h3.img-fez, h3.img-fhl {
	padding: 95px 0 0 0;
}
/* tambien declarar aca cada vez que se agrega un proyecto*/
h3.img-teedaily {
	background: url(../portfolio/01-thumb.jpg) no-repeat left top;
}
h3.img-dgskin {
	background: url(../portfolio/02-thumb.jpg) no-repeat left top;
}
h3.img-openedit {
	background: url(../portfolio/03-thumb.jpg) no-repeat left top;
}
h3.img-metropolitana  {
	background: url(../portfolio/04-thumb.jpg) no-repeat left top;
}
h3.img-soldo  {
	background: url(../portfolio/05-thumb.jpg) no-repeat left top;
}
h3.img-bridesign  {
	background: url(../portfolio/06-thumb.jpg) no-repeat left top;
}
h3.img-taxrelief  {
	background: url(../portfolio/07-thumb.jpg) no-repeat left top;
}
h3.img-clearsenior {
	background: url(../portfolio/08-thumb.jpg) no-repeat left top;
}
h3.img-dressmix {
	background: url(../portfolio/09-thumb.jpg) no-repeat left top;
}
h3.img-chana {
	background: url(../portfolio/10-thumb.jpg) no-repeat left top;
}
h3.img-fez {
	background: url(../portfolio/11-thumb.jpg) no-repeat left top;
}
h3.img-fhl {
	background: url(../portfolio/12-thumb.jpg) no-repeat left top;
}

/*-----------------------MAIN PORTFOLIO-----------------------*/

/* este es el estilo inicial de project */
#main #jquery {
	height: 40px; /*este ese el tamaņo del body de proyectos*/
}
#main .box5 {
	border-bottom: 1px solid #DFE7EA;
	margin: 0 0 20px 0;
}
#main .sub-title {
	font-size: 11px;
	font-style: italic;
}
#main a.button-portfolio {
	background-color: #F05922;
	color: #fff;
	text-decoration: none;
	padding: 2px 5px;
}
#main .web-flash-title {
	height: 27px;
	text-indent: -9999px;
	background: url(../template/manifiesto.png) no-repeat left top;
	margin: 31px 0 25px 0;
}
#main ul.manifiesto {
	margin: 0 0 20px 0;
	padding: 0;
	float: left;
	list-style: none;
}
#main ul.manifiesto.first {
	width: 210px;
}
#main ul.manifiesto.last {
	width: 340px;
}
#main .manifiesto li {
	padding: 0 0 0 27px;
	height: 20px;
	line-height: 20px;
}
#main ul.manifiesto li.one {
	background: url(../template/01.png) no-repeat 0px 4px;
}
#main ul.manifiesto li.two {
	background: url(../template/02.png) no-repeat 0px 4px;
}
#main ul.manifiesto li.three {
	background: url(../template/03.png) no-repeat 0px 4px;
}
#main ul.manifiesto li.four {
	background: url(../template/04.png) no-repeat 0px 4px;
}
#main ul.manifiesto li.five {
	background: url(../template/05.png) no-repeat 0px 4px;
}
#main ul.manifiesto li.six {
	background: url(../template/06.png) no-repeat 0px 4px;
}
#main ul.manifiesto li.seven {
	background: url(../template/07.png) no-repeat 0px 4px;
}
#main ul.manifiesto li.eight {
	background: url(../template/08.png) no-repeat 0px 4px;
}
#main ul.manifiesto li.nine {
	background: url(../template/09.png) no-repeat 0px 4px;
}
#main ul.manifiesto li.ten {
	background: url(../template/10.png) no-repeat 0px 4px;
}
#main #images-web-flash .box6 {
	width: 167px;
	float: left;
	margin: 0 0 0 30px;
}
#main #images-web-flash #box6 {
	margin: 0;
}
#main #images-web-flash .box6 p {
	font-size: 11px;
	margin: 6px 0 0 0;
}

/*-----------------------CODA SLIDER-----------------------*/
#main .slider-wrap h2{height: 23px; background: url(../coda-slider/our-projects.png) no-repeat left top; text-indent: -9999px; margin: 0 0 10px 0;}
.csw{width: 100%; height: 260px; background: #fff; overflow: scroll;}
.csw .loading{margin: 100px 0 260px 0; text-align: center;}
.stripViewer{position: relative; overflow: hidden; width: 564px; height: 260px; clear: both; background: #fff;}
.stripViewer .panelContainer{position: relative; left: 0; top: 0; width: 100%; list-style-type: none;}
.stripViewer .panelContainer .panel{float:left; height: 100%; position: relative; width: 564px;}
.stripNavR{position: absolute; top: 0px; right: 6px; background: url(../coda-slider/next.png) no-repeat center; text-indent: -9000em; overflow: hidden;}
.stripNavR a{display: block; height: 12px; width: 45px;}
.stripNavR a:hover{background-color: transparent;}
.stripNav{position: absolute; top: 305px; right: 5px;} /*************** estos son los numeros de la nav *****************/
.stripNav ul{margin: 0; padding: 0; list-style: none;}
.stripNav ul li{float: left; display: inline; color:#B9C7CA; font-size: 11px;}
.stripNav ul li a{padding: 0 2px; color:#B9C7CA;}
.stripNav ul li a:hover{color: #fff;}
.stripNav ul li a.current {background-color: #F15922; color:#fff;}
.stripNavL{display: none;}
.slider-wrap{position: relative; width: 100%; margin: 0 0 6px 0;}

/*-----------------------RIGHT-----------------------*/
#right #galery {
	width: 280px;
	height: 220px;
}
#right #galery .slideshow-wrap {
	width: 280px;
	height: 220px;
}
#right #galery .slideshow-content {
	background-color:#fff;
	height: 200px;
	text-align: center;
}
.image-description {
	text-align: left;
	height:0px;
	padding: 5px 0 0 0;
}
.image-number {
	padding: 0 10px 0 0;
	text-align: right;
}
.image-number a.pointer {
	cursor: pointer;
	font-size: 11px;
}
#right .our-partners a {
	display: block;
	text-decoration: none;
	color: #71848B;
	height: 23px;
	line-height: 23px;
	padding: 0 0 0 38px;
}
#right .our-partners a:hover {
	color:#343D41;
}
/*h3.icon-blog {
	background: url(../right/icon-blog.png) no-repeat left top;
	padding: 2px 0 10px 35px;
	margin: 0 0 5px 0;
}*/
#right #quote-question {
	height: 50px;
	border-bottom: 1px solid #BBC6CA;
	margin: 0 0 12px 0;
}
#right .question, #right .quote {
	display: inline;
	padding: 0;
}
#right .question:hover, #right .quote:hover {
	background-color: transparent;
}
#right .quote img {
	margin: 0 0 0 5px;
}
#right ul {
	margin: 0 0 40px 0;
	padding: 0;
	list-style: none;
	line-height: 19px;
}
#right ul li {
	background: url(../right/icon-li.gif) no-repeat 0px 9px;
	padding: 0 0 0 8px;
}
h3.icon-our-partners {
	background: url(../right/icon-partners.png) no-repeat left top;
	padding: 2px 0 10px 35px;
	margin: 0 0 3px 0;
}
#right .oe {
	background: url(../right/icon-oe.jpg) no-repeat 10px 4px;
	border-bottom: 2px solid #ffffff;
	background-color:#F6F6F6;
}
#right .fhl {
	background: url(../right/icon-fhl.jpg) no-repeat 10px 4px;
	border-bottom: 2px solid #ffffff;
	background-color:#F6F6F6;
	margin: 0 0 25px 0;
}
/*#right .mki {
	background: url(../right/icon-mki.jpg) no-repeat 10px 4px;
	border-bottom: 1px solid #DFE7E9;
	margin: 0 0 40px 0;
}*/
h3.icon-testimonials {
	background: url(../right/icon-testimonials.png) no-repeat left top;
	padding: 2px 0 10px 35px;
	margin: 0 0 3px 0;
}
#foot a {
	color: #DBE3E6;
}
#right .border {
	border-bottom: 1px solid #DFE7E9;
}

/*-----------------------FOOT-----------------------*/
#foot #foot-wrapper {
	width: 880px;
	margin: 0 auto;
	height: 235px;
	position: relative;
}
#foot .box, #foot .box2 {
	float: left;
	display: inline;
}
#foot .box {
	width: 265px;
	margin: 75px 0 0 0;
}
#foot .box2 {
	width: 100px;
	margin: 75px 142px 0 62px;
}
#foot h4 {
	margin: 0 0 6px 0;
	color: #DBE3E6;
	font-size: 13px;
	font-weight: bold;
}
#foot ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#foot ul li {
	color: #DBE3E6;
	background: url(../foot/foot-icon-li.gif) no-repeat 0px 6px;
	padding: 0 0 0 7px;
}
#foot p {
	color: #DBE3E6;
}
#foot p .important {
	font-style: normal;
	font-size: 16px;
	font-weight: bold;
}
#foot #copyright {
	position: absolute;
	width: 264px;
	left: 0px;
	top: 198px;
	color: #DBE3E6;
	padding: 0 0 0 52px;
	background: url(../foot/logo-foot.png) no-repeat 0px 0px;
	height: 27px;
	line-height: 27px;
}