/* Todo el codigo es Copyright 2009 de SYNAPSIS */
/*All code is Copyright 2009 of SYNAPSIS  */

body {
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	background:#fff url(../images/back_new.gif) repeat-x;
}
a {
	text-decoration:none;
	outline:none;
}

a, a:link, a:visited, a:hover {
	outline:none;
}
ul {list-style-type:none;}
p {
	font-family:'Arial', Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	float:left;
	text-align:left;
	margin:0px;
	padding:10px 0px;
	line-height:18px;
}
p a:hover { text-decoration:underline; color:#767676;}
#container {
	width:100%;
	margin:0 auto;
	color:#333;
}
#header {
	width:100%;
	height:45px;
	background:#000;
}
.head_cont {
	width:1024px;
	margin:auto;
	height:45px;
}

#main {
	float:left;
	display:inline;
	width:100%;
	margin:0;
	padding:0;
	color:#484848;
	padding-bottom:30px;
}
#footer {
	clear:both;
	width:100%;
	background:#000;
}
.footer_mnu {
	width:400px;
	text-align:left;
	color:#faa40e;
	font-family:'Arial', Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	word-spacing:3px;
	float:left;
}
.footer_cont {
	width:1024px;
	margin:auto;
	padding:20px 0px;
	text-align:left;
}
#pie {
	width:450px;
	float:left;
	padding:0px;
}
.pie_info {
	color:#FFFFFF;
	font-size:11px;
	text-decoration:none;
	padding-top:5px;
	width:400px;
	float:left;
	font-family:'Arial', Helvetica, sans-serif;
}
.servicios_list {
	width:1014px;
	float:left;
	padding:15px 0px 30px 10px;
	border-bottom:1px solid #616161;
}
.servicio {
	width:184px;
	float:left;
	height:14px;
	line-height:14px;
	color:#9c9e9f;
	font-size:11px;
	font-family:'Arial', Helvetica, sans-serif;
	padding-left:10px;
	background:url(../images/flecha_nb.gif) left no-repeat;
}
.clear {
	clear:both;
}
.fl {
	float:left;
}
.fr {
	float:right;
}

#flashcontent {Z-INDEX: -1000; LEFT: 0px; MARGIN: 0px; WIDTH: 100%; POSITION: absolute; padding-top: 44px; HEIGHT: 412px;}
#flashcontent_port {Z-INDEX: -1000; LEFT: 0px; MARGIN: 0px; WIDTH: 100%; POSITION: absolute; padding-top: 44px; HEIGHT: 235px;}

#noflash {BACKGROUND-COLOR: #000000; TEXT-ALIGN: center}

#padd_video {padding-top:346px;}
#padd_video_servicios {padding-top:183px;}

.principal {width:1024px; margin:auto;}
.cont_synapsis {
	width:385px;
	float:left;
	margin-right:9px;
	padding-top:20px;
	background:#FFFFFF;
	text-align:left;
}
.cont_contacto {
	width:487px;
	float:left;
	margin-right:9px;
	padding-top:20px;
	padding-left:18px;
	background:#FFFFFF;
	text-align:left;
}

.cont_synapsis_home {
	width:355px;
	float:left;
	padding:15px;
	text-align:left;
}
.cont_synapsis_contact {
	width:470px;
	float:left;
	padding:15px 0px;
	text-align:left;
	background:url(../images/bg_bdr.gif) bottom repeat-x; 
}
.cont_portfolio {
	width:385px;
	float:left;
	padding-top:20px;
	margin-right:9px;
	background:#FFFFFF;
	text-align:left;
	padding-bottom:13px;
}
.cont_contacto_sumate {
	width:237px;
	float:left;
	padding-top:20px;
	margin-right:9px;
	background:#FFFFFF;
	text-align:left;
	padding-bottom:13px;
}
.cont_contacto_sumate p {
	float:left;
	font-size:11px;
	padding:15px;
	line-height:14px;
	color:#252525;
}

.cont_contacto_sumate h1 {
	font-family:'Helvetica Neue LT Std', Verdana, Arial, Helvetica, sans-serif;
	font-size:48px;
	color:#fcba41;
	font-weight:normal;
	padding:0px;
	margin:0px;
	width:237px;
	float:left;
}
.sidebar {
	width:236px;
	float:left;
	padding-top:20px;
	background:#FFFFFF;
	text-align:left;
	padding-bottom:10px;
}

.synapsis_contacto {
	width:236px;
	float:left;
	padding-top:20px;
	background:#FFFFFF;
	text-align:left;
	padding-bottom:10px;
}
.sidebar_desafio_sumate {
	width:200px;
	float:left;
	padding-top:10px;
	margin-left:16px;
	border-top:1px dashed #c6c7c8;
}
.sidebar_desafio_sumate p {
	font-size:11px;
	line-height:14px;
	float:left;
	width:120px;
	padding-top:5px;
	color:#000000;
}
.sidebar_desafio_sumate_list {
	font-size:11px;
	line-height:14px;
	float:left;
	width:120px;
	padding-top:5px;
	padding-bottom:10px;
	color:#7c7c7c;
}


.sidebar_img {
	width:58px;
	height:58px;
	float:left;
	margin-right:10px;
	border:3px solid #c6c7c8;
}
.btn_ingresar {
	width:80px;
	float:right;
	font-size:11px;
	color:#87888a;
	text-transform:uppercase;
	padding-left:15px;	
	font-family:Arial, Helvetica, sans-serif;
	background:url(../images/flecha_n.gif) left no-repeat;
}
	a.btn_ingresar:hover {color:#fcca64; text-decoration:none;}

.banner_portfolio {
	width:351px;
	height:254px;
	float:left;
	padding:10px 0px 10px 17px;
}

/*Servicios*/
.cont_servicios {
	width:760px;
	float:left;
	padding-left:18px;
	margin-right:9px;
	padding-top:20px;
	background:#FFFFFF;
	text-align:left;
}
.cont_offshore {
	width:760px;
	float:left;
	padding-left:18px;
	margin-right:9px;
	padding-top:20px;
	background:#FFFFFF url(../images/bg_design_offshore.jpg) right top no-repeat;
	text-align:left;
}
.cont_servicios h2 {
	width:700px;
	padding:15px 0px 5px 0px;
}
.servicios_comunicacion {
	width:235px;
	float:left;
	padding-right:17px;
}
.servicios_bdr {
	width:235px;
	float:left;
	height:215px;
	padding:10px 0px;
	border-bottom:2px solid #d8d9db;
}
.servicio_list {
	width:235px;
	float:left;
	font-size:12px;
	color:#000000;
	text-decoration:none;
	padding-bottom:5px;
	font-family:Arial, Helvetica, sans-serif;
}
	a.servicio_list:hover { color:#f9a807; text-decoration:none;}

.btn_ver_portfolio {
	width:235px;
	float:left;
	padding:10px 0px;
	text-align:center;
}
 
/*Carrousel*/ 
 
.slider_portfolio {
	width:742px;
	float:left;
	margin-bottom:10px;
	background:url(../images/dotted.gif) bottom repeat-x;
}
.detalle_cliente_slider {
	width:742px;
	float:left;
}
.carrousel_detalle {
	width:200px;
	float:left;
	padding-left:15px;
}
.carrousel_detalle p {
	width:200px;
	float:left;
}
.includ_portfolio {
	width:507px;
	float:left;
	padding-left:20px;
}
.img_gr_portfolio {
	width:476px;
	height:328px;
	float:left;
}


.stepcarousel{
position: relative; /*leave this value alone*/
border: 0px solid black;
overflow: scroll; /*leave this value alone*/
width: 700px; /*Width of Carousel Viewer itself*/
height: 100px; /*Height should enough to fit largest content's height*/
}

.stepcarousel2{
position: relative; /*leave this value alone*/
border: 0px solid black;
overflow: scroll; /*leave this value alone*/
width: 476px; /*Width of Carousel Viewer itself*/
height: 356px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel2 .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 145px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height:100px;
}

.stepcarousel2 .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 476px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height:356px;
}
#mygallery img{
	border:none;
}

/*Contacto*/
.cont_check {
	width:200px;
	float:left;
	padding-left:25px;
}
.cont_check label {
	width:160px;
	float:left;
	font-size:12px;
	margin-bottom:5px;
}
.cont_check input {
	width:12px;
	height:12px;
	float:left;
	margin-right:10px;
	margin-bottom:5px;
}
.formulario_contacto {
	width:475px;
	float:left;
	padding:15px 0px;
}
.formulario_contacto label {
	width:75px;
	float:left;
	height:22px;
	line-height:22px;
	font-size:12px;
	margin-bottom:10px;
}
.formulario_contacto input {
	width:393px;
	float:left;
	height:20px;
	font-size:12px;
	line-height:20px;
	border:1px solid #fdbc47;
	margin-bottom:10px;
}
.formulario_contacto textarea {
	width:393px;
	float:left;
	height:122px;
	font-size:12px;
	border:1px solid #fdbc47;
	margin-bottom:10px;
}
.cont_servicios label {
	width:200px;
	float:left;
	height:22px;
	line-height:22px;
	font-size:12px;
	margin-bottom:10px;
}
.cont_servicios input {
	width:393px;
	float:left;
	height:20px;
	font-size:12px;
	line-height:20px;
	border:1px solid #fdbc47;
	margin-bottom:10px;
}
.cont_servicios textarea {
	width:393px;
	float:left;
	height:122px;
	font-size:12px;
	border:1px solid #fdbc47;
	margin-bottom:10px;
}
.btn_enviar_consulta {
	width:500px;
	float:left;
	text-align:center;
}

.cont_contacto_sumate label {
	width:201px;
	float:left;
	font-size:11px;
	margin-left:15px;
	padding-bottom:5px;
}
.cont_contacto_sumate input {
	width:201px;
	float:left;
	height:20px;
	font-size:12px;
	line-height:20px;
	border:1px solid #fdbc47;
	margin-bottom:10px;
	margin-left:15px;
}
.cont_contacto_sumate textarea {
	width:201px;
	float:left;
	height:122px;
	font-size:12px;
	border:1px solid #fdbc47;
	margin-left:15px;
}



 
/*Estilos de Texto*/
h1 {
	font-family:'Helvetica Neue LT Std', Verdana, Arial, Helvetica, sans-serif;
	font-size:48px;
	color:#fcba41;
	font-weight:normal;
	padding:0px;
	margin:0px;
	width:380px;
	float:left;
}
h2 {
	font-family:'Arial, Helvetica', sans-serif;
	font-size:20px;
	color:#000000;
	font-weight:normal;
	padding:0px;
	margin:0px;
	float:left;
}
.txt_sidebar {
	font-size:11px;
	line-height:14px;
	color:#7c7c7c;
	font-family:Arial, Helvetica, sans-serif;
}
a.txt_sidebar:hover {
	font-size:11px;
	line-height:14px;
	color:#7c7c7c;
	text-decoration:underline;
}

.txt_mnu_footer {
	font-family:'Arial', Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color:#faa40e;
}
	a.txt_mnu_footer:hover {color:#FFFFFF; text-decoration:none;}


.txt_pie {
	color:#FFFFFF;
	font-size:11px;
	text-decoration:none;
	float:left;
	font-family:'Arial', Helvetica, sans-serif;
}
	a.txt_pie:hover {color:#FFFFFF; text-decoration:underline;}

.txt_contacto {
	color:#1a171b;
	font-family:'Arial', Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}