BODY {
	BACKGROUND-COLOR: #2f2e2a;
	scrollbar-ARROW-COLOR: #a4a08e; 
	scrollbar-FACE-COLOR: #706564; 	
	scrollbar-DARKSHADOW-COLOR: #a4a08e; 
	scrollbar-BASE-COLOR: #a4a08e; 
	scrollbar-HIGHLIGHT-COLOR: #a4a08e; 
	scrollbar-SHADOW-COLOR: #a4a08e; 
	scrollbar-TRACK-COLOR: #a4a08e; 
	scrollbar-3DLIGHT-COLOR: #a4a08e; 
	scrollbar-3dShadow-color: #A4A08E; 
	color:#FFFFFF; 
	font-size:12px; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

BODY {OVERFLOW-X: scroll; OVERFLOW-Y: hidden; MARGIN: 0px;  BACKGROUND: url(..imagenes/mainBg1.gif) #2f2e2a fixed center center; COLOR: #d4d4d4; }

#contenedor { MARGIN: 0px auto 0px auto;  width:970px; }

a:link {FONT-FAMILY: verdana,arial; COLOR: #58864; FONT-SIZE: 10px; TEXT-DECORATION: none;}
a:active {FONT-FAMILY: verdana,arial; COLOR: #958864; FONT-SIZE: 10px; TEXT-DECORATION: none;}
a:visited {FONT-FAMILY: verdana,arial; COLOR: #958864; FONT-SIZE: 10px; TEXT-DECORATION: none;}
a:hover {FONT-FAMILY: verdana,arial; COLOR: #666666; FONT-SIZE: 10px; TEXT-DECORATION: none;}

.menu {FONT-FAMILY: verdana,arial; COLOR: #958864; FONT-SIZE: 12px; TEXT-DECORATION: none;}
.menu:link {COLOR: #958864; FONT-SIZE: 12px;}
.menu:active {COLOR: #958864; FONT-SIZE: 12px;}
.menu:visited {COLOR: #958864; FONT-SIZE: 12px;}
.menu:hover {COLOR: #fff; FONT-SIZE: 12px;font-weight:bold;}

.menuSup {FONT-FAMILY: verdana,arial; COLOR: #958864; FONT-SIZE: 12px; TEXT-DECORATION: none;}
.menuSup:link {COLOR: #958864; FONT-SIZE: 12px;}
.menuSup:active {COLOR: #958864; FONT-SIZE: 12px;}
.menuSup:visited {COLOR: #958864; FONT-SIZE: 12px;}
.menuSup:hover {COLOR: #fff; FONT-SIZE: 12px;}

#cabecera { float:left; position: fixed; width:970px; height:30px; background-color: #2f2e2a; z-index:2; margin:0px 0px 0px 0px;}
#items { float:left; position: relative; width:745px; max-height:115px; overflow-x:scroll; overflow-y: hidden; background-color: #2f2e2a; margin:5px 0px 5px 0px;}
#items2 { float:left; position: relative; width:242px; max-height:475px; overflow-y:scroll; overflow-x: hidden; background-color: #2f2e2a; margin:0px 0px 0px 0px;}

#pq { min-width:120px; max-height:94px; display: inline; background-color: #666666; margin:0 2px 2px 2px;}

#menuIz { float:left; position: fixed; width:200px; height:100%; z-index:1; margin:0px 0 0px 0px; background-color: #2f2e2a; color:#FFFFFF; text-align:left; 
padding:0 0 0 0; font-size:12px;}
#zonaDcha { float: right; position: fixed; width:350px; height:100%; z-index:24; background-color: #2f2e2a; margin: 0px 0px 0px 970px; }
#pie { position: fixed; float:none; bottom:0px; width:970px; height:30px; background-color: #2f2e2a; z-index:3; font-size:10px; text-align:right;}

h1 {color:#fff; margin:10px 0px 0px 5px; padding:10px 0 0 0 ; text-align:left;}
h2 {color:#fff; margin:10px 0px 0px 5px; padding:10px 0 0 0 ; text-align:left;}
h3 {color:#fff; margin:10px 0px 0px 5px; padding:10px 0 0 0 ; text-align:left;}

.info:link {FONT-FAMILY: verdana,arial; COLOR: #2f2e2a; FONT-SIZE: 10px; TEXT-DECORATION: none;}
.info:visited {FONT-FAMILY: verdana,arial; COLOR: #2f2e2a; FONT-SIZE: 10px; TEXT-DECORATION: none;}
.info:hover {FONT-FAMILY: verdana,arial; COLOR: #cccccc; FONT-SIZE: 10px; TEXT-DECORATION: none;}


.estiloimg { BORDER-BOTTOM: #fff 2px solid; BORDER-LEFT: #fff 1px solid; DISPLAY: block; BORDER-TOP: #fff 1px solid; BORDER-RIGHT: #fff 2px solid; padding:2px 2px 2px 2px;}

.clearer {
	HEIGHT: 0px; CLEAR: both; OVERFLOW: hidden
}
.main {	POSITION: absolute; MARGIN: -307px 0px 0px; WIDTH: 700px; HEIGHT: 614px; TOP: 50%;}
.main .endSpacer {MARGIN: 16px 0px 0px; WIDTH: 70px; BACKGROUND: url(contentEnd.png) no-repeat left top; FLOAT: left; HEIGHT: 598px;}
.main .content { padding:20px 0px 0px 0px; MARGIN: 30px 0px 0px 0px; WIDTH: 700px; BACKGROUND: url(..imagenes/contentBigBg.png) repeat-x left top; FLOAT: left; HEIGHT: 580px; OVERFLOW: hidden; }

.contentInicio { background-color:#2f2e2a; POSITION: absolute; MARGIN: -307px 0px 0px; WIDTH: 770px; HEIGHT: 614px; TOP: 50%;}

.frontPage { padding:0px 0px 0px 200px; WIDTH: 770; PADDING-RIGHT: 0px; FLOAT: left; HEIGHT: 580px; }

.sectionPresentacion { padding:0px 0px 0px 200px; WIDTH: 770px; BACKGROUND: url(..imagenes/homeTitleSec0.png) no-repeat right top; FLOAT: left; HEIGHT: 580px; }
.sectionPortfolio {padding:0px 0px 0px 200px; WIDTH: 770px;  BACKGROUND: url(..imagenes/homeTitleSec1.png) no-repeat right top; FLOAT: left; HEIGHT: 580px; }
.sectionNosotros {padding:0px 0px 0px 200px; WIDTH: 770px; BACKGROUND: url(..imagenes/homeTitleSec2.png) no-repeat right top; FLOAT: left; HEIGHT: 580px; }
.sectionUltimo {padding:0px 0px 0px 200px; WIDTH: 770px; BACKGROUND: url(..imagenes/homeTitleSec3.png) no-repeat right top; FLOAT: left; HEIGHT: 580px;}
.sectionContactar {padding:0px 0px 0px 200px; WIDTH: 770px; BACKGROUND: url(..imagenes/homeTitleSec3.png) no-repeat right top; FLOAT: left; HEIGHT: 580px;}

.imgcat { border:1px #958864 solid;}



/* CÓDIGOS PARA GIRAR EL TEXTO EN VERTICAL 90º */
.columnaVertical{ 
	color: #eeeeff;
	font-size:30px; 
	font-family:sans-serif, Verdana, Helvetica; letter-spacing:4px;
	text-decoration:none;
	align: center;
	vertical-align:bottom valign:middle;
}
.textoVertical{ writing-mode: tb-rl;}
.Rotar-RigthDown{ filter:flipv fliph;}
.Rotar-RigthUp{ filter:flipv;}
.Rotar-LeftDown{ writing-mode: tb-rl; filter:fliph;}
.Rotar-LeftUp{}