body {
	background: #ccc;
	font:12px Georgia, "Times New Roman", Times, serif;
	color:#FFF;

}
#barra_superior, #barra_inferior {
	position: fixed;
	z-index: 99;
	left: 50%;
	margin-left: -1000px;
	width: 2000px;
}
#barra_superior {
	top: 0%;
	height: 50px;
	background-image: url(../imagenes/bg_main_bar.gif);
}
#barra_inferior {
	color:#444;
	text-align:center;
	bottom: 0%;
	height: 52px;
	background-image: url(../imagenes/bg_main_bar2.gif);
}
input:focus, textarea:focus {
	border: 1px solid #000;
	background: #dbd8d8;
}

#logotipo{
	position: fixed;
	z-index: 99;
	left: 50%;
	margin-left: 350px;
	width: 2000px;
	bottom: 0%;
	height: 112px;
	background-image: url(../imagenes/logo.gif);
	background-repeat:no-repeat
	}
#contenido {

  background-color: #000000;
  padding-top:50px;
  margin-bottom: -50px;
  padding-bottom: 80px
}
#menu {
	position: relative;
	left: 35%;
}
a.bt_imagen, a.bt_desarrollo, a.bt_aplicacion, a.bt_inicio{
	float: left;
	display: block;
	width: 161px;
	height: 44px;
}
a.bt_imagen {
	background: url(../imagenes/bt_imagen.gif) no-repeat 0px 0px
}
a.bt_desarrollo {
	background: url(../imagenes/bt_desarrolo.gif) no-repeat 0px 0px
}
a.bt_aplicacion {
	background: url(../imagenes/bt_aplicacion.gif) no-repeat 0px 0px
}
a.bt_inicio{
  	background: url(../imagenes/bt_inicio.gif) no-repeat 0px 0px
}

#menu a:hover, #activo{
	background-position: bottom;
	margin-top: 1px
}
#flor_izquierda, #flor_derecha {
	position: fixed;
	background-image: url(../imagenes/flor.png);
	width: 170px;
	height: 940px;
	background-repeat: repeat-y
}
#flor_izquierda {
	left:50%;
	margin-left: -650px;
}
#flor_derecha {
	right:50%;
	margin-right: -650px;
}
.mensaje p:first-letter, .tab_container p:first-letter{
	color: #da251d;
	font-size: 185%;
	margin-left: 10px;
}
.block li:first-letter{
	font-size: 105%;
	text-transform: uppercase;
}

#monitor{float:right;
	width:450px;
	height:455px;
	background-image:url(../imagenes/monitor.jpg);
}
#ipad{
	width:710px;
	height:388px;
	background-image:url(../imagenes/ipad.jpg);

}
#trabajos2 {
	border: 2px solid #fff;
	-moz-border-radius: 5px;
	float:right;
	margin: 34px 40px 0px 0px ;
}

#trabajos {
	border: 2px solid #fff;
	-moz-border-radius: 5px;
	float:right;
	margin: 15px 25px 0px 0px ;
}
#trabajos a {
	color:#da251d;
}
.ft-title {
	padding: 5px 5px;
	width: 390px;
	text-align: left;
}
.ft-prev, .ft-next {
	background-color: #000;
	padding: 0 10px;
}
.ft-button-ft-active {
	color: black;
}
#trabajos img:hover {
	right: 50px;
}
.mensaje {
	color:#FFF;
	font-size:105%;
	letter-spacing:2px;
	line-height: 24px;
}
.mensaje h3{
	background-color: #FFFFFF;
	color: #000;
	margin-left: 15px;
	float: left;
}
}
.mensaje a{
	text-decoration: none;
	}
 #contacto{
   width: 930px;
   height: 287px;
  background-image: url(../imagenes/form.jpg);
  background-repeat: no-repeat;
  padding-top: 30px

}
#formul{
  margin-left: 200px;
  text-align: left;
  color: #000;
  font-weight: 700;
}
form input, form textarea{
  background-color: #EFEFEF;
}




ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 32px;
    border-bottom: 1px solid #999;
    border-left: 1px solid #999;
    width: 100%;
}
ul.tabs li {
    float: left;
    margin: 0;
    padding: 0;
    height: 31px;
    line-height: 31px;
    border: 1px solid #999;
    border-left: none;
    margin-bottom: -1px;
    overflow: hidden;
    position: relative;
    background: #e0e0e0;
}
ul.tabs li a {
    text-decoration: none;
    color: #000;
    display: block;
    font-size: 1.2em;
    padding: 0 20px;
    border: 1px solid #fff;
    outline: none;
}
ul.tabs li a:hover {
    background: #ccc;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  {
    background: #fff;
    border-bottom: 1px solid #fff;
}

.tab_container {
    border: 1px solid #999;
    border-top: none;
    overflow: hidden;
    clear: both;
    float: left; width: 100%;
    background: #fff;
	color: #000;
}
.tab_content {
    padding: 20px;
    font-size: 1.2em;
}

h2.acc_trigger {
	padding: 0;	margin: 0 0 5px 0;
	background: url(../imagenes/h2_trigger_a.gif) no-repeat;
	height: 25px;	line-height: 25px;
	width: 500px;
	font-size: 1.5em;
	font-weight: normal;
	float: left;
}
	
h2.acc_trigger a {
color: #fff;
text-decoration: none;
display: block;
padding: 0 0 0 50px;
}
h2.acc_trigger a:hover {
color: #ccc;
}
	
	
h2.active {background-position: left bottom;}
.acc_container {
	margin: 0 0 5px; padding: 0;
	overflow: hidden;
	font-size: 1.1em;
	clear: both;
	background: #f0f0f0;
	border: 1px solid #d6d6d6;

}
.acc_container .block {
	padding: 5px;
}
.acc_container li{
	list-style-position:outside	
	}
.borde{
	border: #999 thin solid;
	padding: 5px;
	}

.derecha{
  float: right;
}

#portafolio{
  width: 6650px;
  height: 590px;

  margin-left: -490px;
  background-image: url(../imagenes/florhorizontal.png);
  padding-left: 490px;
  background-position: bottom;
  background-repeat: repeat-x;
   margin-bottom: -100px;
}
.fondonegro{
  background-color: #000000;

}

#emergente{
  position: fixed;
  top: 40%; right: 0%;
  z-index: 99;
  text-align: left;

}
#emergente2{
  position: fixed;
  top: 40%; left: 0%;
  z-index: 99;
  text-align: right;

}