/* Project CSS */
html {	
margin: 0;
padding: 0;
overflow: auto;
}
	
body {
margin: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, Sans-serif;
font-size: small;
line-height: 125%;
color: #000;
background: #000 url(../images/body_bg01.jpg) fixed no-repeat 50% 0%;
text-align: center;
}
	
h1, h2 {
margin: 0;
}
	
h1 span, h2 span {
display: block;
width: 0;
height: 0;
overflow: hidden;
}
	
h3 {
margin: 1px 1px 1em;
font-size: 14pt;
text-transform: uppercase;
letter-spacing: 5pt;
text-align: center;
line-height: 2em;
}
	
p {
margin: 1em;
}
	
p, ul {
font-size: 90%;
}
	
ul {
margin: 0;
padding: 0;
list-style: none;
}
	
table {
padding: 1em;
}

th {
font-size: smaller;
font-weight: bolder;
text-transform: uppercase;
line-height: 2em;
border-bottom: 1px solid #666;
}

td {
padding: 0.5em;
border-bottom: 1px solid #BDB4A4;
}

acronym {
cursor: help;
border-bottom: 1px dotted #fff;
}
	
.textleft {
text-align: left;
}
	
.textright {
text-align: right;
}
	
.textcenter {
text-align: center;
}
	
.textjustify {
text-align: justify;
}
	
div.outer {
margin: 5% auto 1%;
width: 760px;
height: 500px;
border: 1px solid #c6b180/*666*/;
color: inherit;
background: none/*#fff*/;
overflow: hidden;
}
	
div#project {
position: relative;
margin: 10px;
height: 480px;
color: inherit;
background-repeat: no-repeat;
background-position: center;
}
	
div#projectheader {
position: absolute;
top: 1px;
right: 1px;
left: 1px;
_width: 99.7%;
height: 100px;
/*color: inherit;
background: #fff;
opacity: 0.6;
filter: alpha(opacity=60);*/
z-index: 2;
}

div#projectheader img {
display: none;
}
	
div#projectnav {
position: absolute;
right: 0;
bottom: 0;
left: 0;
_width: 100%;
height: 50px;
font-weight: bolder;
color: inherit;
background: #c6b180/*c2c2c2*//*fff*/;
overflow: hidden;
opacity: 0.8;
filter: alpha(opacity=80);
z-index: 2;
}
	
div#projectnav ul {
padding-top: 15px;
*padding-bottom: 12px;
}
	
div#projectnav li {
display: inline;
margin: 0;
}
	
div#projectnav a {
padding: 10px 12px;
text-decoration: none;
text-transform: uppercase;
border: 1px solid #999;
color: #000;
background: none;
}
	
div#projectnav a:hover {
border: 1px solid #000;
color: #000;
background: none;
}
	
div#projectnav a:active, div#projectnav a.active {
border: 1px solid #000;
color: #c6b180!important;
background: #000!important;
}
	
.active .akey {
border: none!important;
}
	
div#projectfooter {
margin: 1em auto;
width: 760px;
font: 90%/125% Sans-serif;
color: #c6b180;
background: none;
}
	
div#projectfooter a {
color: #000;
background: none;
}
	
div#pinfoleft, div#pinforight {
position: absolute;
top: 102px;
padding: 5px;
height: 316px;
font-family: Sans-serif;
overflow: hidden;
color: inherit;
background: #f9f0dc/*fff*/;
z-index: 3;
}
	
div#pinfoleft {
left: 1px;
width: 277px;
}
	
div#pinforight {
right: 1px;
width: 440px;
}
	
div.innerinfo {
position: relative;
margin: 0;
padding: 5px;
height: 304px;
border: 1px solid #ccc;
overflow: auto;
}

div#serviciosinfo ul {
margin-right: 1em;
}


div#serviciosinfo h6 {
margin-left: 1em;
text-align: left;
font-size: 90%;
}

div#serviciosinfo p img{
position: absolute;
bottom: 0px;
z-index: 15;
}

div#marcasinfo h3 {
display: none;
}

div#marcasinfo p img{
float: right;
margin-left: 1em;
margin-bottom: 1em;
}
	
div#imagenesizq ul {
margin-right: 0.5em;
margin-left: 0.5em;
font-size: 85%;
font-weight: bolder;
text-align: center;
text-transform: uppercase;
}
	
div#imagenesizq li {
margin-bottom: 1px;
}
	
div#imagenesizq ul a {
display: block;
padding: 5px 2px;
text-decoration: none;
border: 1px solid #8B8577;
color: #000;
background: #ACA390 url(../images/proyectos/imagenesizqula_bg01.jpg) repeat-x;
_height: 1%;
}

div#imagenesizq ul a:hover {
color: #fff;
background: #ACA390 url(../images/proyectos/imagenesizqulahover_bg01.jpg) repeat-x 0% 100%;
}
	
.akey {
border-bottom: 1px solid #900;
}
	
div#contactoinfo ul {
list-style: square;
margin: 0 3em 1em;
padding: 0;
font-size: smaller;
font-weight: bolder;
text-transform: uppercase;
}

div#contactoinfo li {
padding: 0.5em;
}

div#contactoinfo li span {
display: block;
text-transform: none;
font-weight: normal;
font-size: 120%;
color: #666;
background: none;
}

.borderbottom {
border-bottom: 1px solid #BDB4A4;
}

div#pinfoleft ul {
margin-right: 1em;
margin-left: 1em;
}

div#ubicacionizq li span {
display: block;
float: left;
width: 90px;
font-size: smaller;
font-weight: bolder;
text-transform: uppercase;
}

div#ubicacionder, div#planosder, div#imagenesder {
overflow: hidden;
}

div#planosizq ul {
margin-right: 2px;
margin-left: 5px;
}

span.planoid {
display: block;
float: left;
width: 68%;
overflow: hidden;
}

div#proyectoimg, div#alcanceimg, div#empresaimg, div#contactoimg {
position: relative;
}

img.iddvende {
position: absolute;
right: 1em;
bottom: 0.5em;
}

a.cflink {
font-weight: bolder;
text-decoration: none;
color: #fff!important;
background: none;
}

a.cflink span {
color: #f00;
background: none;
}

h4.servicioh4 {
margin: 0;
height: 110px;
background-repeat: no-repeat;
background-position: top right;
}

h4.servicioh4 span, h5.servicioh5 {
display: none;
}

h4#recuperacionh4 {
background-image: url(../images/h4/continuidadh4_bg01.jpg);
}

h4#tercerizacionh4 {
background-image: url(../images/h4/tercerizacionh4_bg01.jpg);
}

h4#usuariosfh4 {
background-image: url(../images/h4/usuariosfh4_bg01.jpg);
}

h4#comunicacionesh4 {
background-image: url(../images/h4/comunicacionesh4_bg01.jpg);
}

h4#arquitecturah4 {
background-image: url(../images/h4/arquitecturah4_bg01.jpg);
}

h4#mantenimientoh4 {
background-image: url(../images/h4/mantenimientoh4_bg01.jpg);
}

h4#middlewareh4 {
background-image: url(../images/h4/middlewareh4_bg01.jpg);
}

h4#seguridadh4 {
background-image: url(../images/h4/seguridadh4_bg01.jpg);
}

h4#servidoresh4 {
background-image: url(../images/h4/servidoresh4_bg01.jpg);
}

h4#infraestructurah4 {
background-image: url(../images/h4/infraestructurah4_bg01.jpg);
}

h4#outsourcingh4 {
background-image: url(../images/h4/outsourcingh4_bg01.jpg);
}

h4#equiposh4 {
background-image: url(../images/h4/equiposh4_bg01.jpg);
}

h4#biometriah4 {
background-image: url(../images/h4/biometriah4_bg01.jpg);
}

h4#integracionh4 {
background-image: url(../images/h4/integracionh4_bg01.jpg);
}

h4#controlh4 {
background-image: url(../images/h4/controlh4_bg01.jpg);
}

ul.servlist {
list-style-type: disc;
margin-right: 1em;
margin-left: 1.5em;
padding-left: 1.5em;
}

ul.servlist li {
margin-bottom: 0.5em;
}

ul.servlist li span {
display: block;
margin-top: 0.5em;
margin-bottom: 0.5em;
}

ul.servlist ul {
list-style-type: circle;
margin-left: 1em;
padding-left: 1em;
}

ul.menulist {
margin-right: 0.5em!important;
padding-bottom: 1em;
line-height: 15px;
font-size: 85%;
text-transform: uppercase;
}

ul.menulist li {
margin-bottom: 0.75em;
_height: 1%;
}

ul.menulist li a {
display: block;
padding-left: 25px;
text-decoration: none;
border-bottom: 1px solid #F9F0DC;
color: #664722;
background: none;
_height: 1%;
}

ul.menulist li a:hover, ul.menulist li a:active {
border-bottom: 1px solid #664722;
color: inherit;
background: #F9F0DC url(../images/fendi_bullet.gif) no-repeat 1px 0%;
}

a#swiss:hover {
color: inherit;
background: url(../images/marcas/swiss15x15.gif) no-repeat 1px 0%!important;
}

a#cross:hover {
color: inherit;
background: url(../images/marcas/cross15x15.gif) no-repeat 1px 0%!important;
}

a#longines:hover {
color: inherit;
background: url(../images/marcas/longines15x15.gif) no-repeat 1px 0%!important;
}

a#lotus:hover {
color: inherit;
background: url(../images/marcas/lotus15x15.gif) no-repeat 1px 0%!important;
}

a#technomarine:hover{
color: inherit;
background: url(../images/marcas/technomarine15x15.gif) no-repeat 1px 0%!important;
}

.swissactive{
color: #F9F0DC;
background: #F9F0DC url(../images/marcas/swiss15x15.gif) no-repeat 1px 0%!important;
}

.crossactive{
color: #F9F0DC;
background: #F9F0DC url(../images/marcas/cross15x15.gif) no-repeat 1px 0%!important;
}

.longinesactive{
color: #F9F0DC;
background: #F9F0DC url(../images/marcas/longines15x15.gif) no-repeat 1px 0%!important;
}

.lotusactive{
color: #F9F0DC;
background: #F9F0DC url(../images/marcas/lotus15x15.gif) no-repeat 1px 0%!important;
}

.technomarineactive{
color: #F9F0DC;
background: #F9F0DC url(../images/marcas/technomarine15x15.gif) no-repeat 1px 0%!important;
}

.menuliactive {
color: inherit;
background: #F9F0DC url(../images/fendi_bullet.gif) no-repeat 1px 0%!important;
}

ul.menulist li ul {
margin-right: 1em!important;
margin-bottom: 1em;
margin-left: 2em!important;
padding: 0.25em 0.25em 0.25em 1em;
color: inherit;
background: #9db022;
}

ul.menulist li ul a {
display: inline;
padding: 0;
color: #fff;
background: none;
border: none;
}

ul.menulist li ul a:hover {
text-decoration: underline;
color: #000;
background: none;
}

div.conceptimg {
color: inherit;
background: url(../images/empresa/rotate.php) no-repeat top center;
}