/* Generales */
body {
background:url(../img/f.png) center top #f7f7f7 repeat-y;
color:#898a8d;
font-size:62.5%;
text-align:center;
}

/*<div class="sp"><hr /></div>*/
hr {
clear:both;
display:none;
height:1px;
width:100%;
}

div.sp {
clear:both;
height:1px;
}

/* Comienza la estructura */
.langBar {
width:750px;
height:20px;
clear:both;
margin:auto;
text-align:right;
color:#e4e4e4;
padding:6px 12px 0 0;
font:normal 1.1em/1em 'Trebuchet MS', Trebuchet, Tahoma, Verdana, Arial, Helvetica, sans-serif;
background:url(../img/f_langbar.jpg) left top #cadcec no-repeat;
}

.header {
width:762px;
height:133px;
clear:both;
margin:auto;
text-align:left;
background:url(../img/f_head_about.jpg) left top #cadcec no-repeat;
}

.menuBar {
width:744px;
height:22px;
clear:both;
color:#7fb8dd;
margin:auto;
text-align:left;
padding:6px 0 0 18px;
background:url(../img/f_menubar.png) left top #fff no-repeat;
}

div.subMenuBar {
width:100%;
/*height:60px;*/
float:left;
display:inline;
/*clear:both;*/
margin:0 0 20px 0;
text-align:left;
padding:14px 0 0 0;
background:url(../img/submenu_top.png) left top #fff no-repeat;
/*background-color:#f00;*/
}

.main {
width:762px;
clear:both;
margin:auto;
text-align:left;
padding:0 0 40px 0;
background:url(../img/f_main.png) left top #fff repeat-y;
}

/*COLUMNA IZQUIERDA*/

.leftCol {
width:440px;
float:left;
display:inline;
margin:0;
padding:38px 16px 0 46px;
text-align:left;
background:url(../img/f_left_col.png) 1px top no-repeat;
}

.logo {
float:left;
display:inline;
margin:0 20px 10px 0;
}

/*COLUMNA DCHA*/

.rightCol {
width:260px;
float:right;
display:inline;
margin:0;
text-align:left;
background:url(../img/f_right_col.png) left top repeat-y;
}

.rcTitle {
width:260px;
height:47px;
float:left;
display:inline;
margin:0;
text-align:left;
background:url(../img/f_rc_title.png) left top no-repeat;
}

.rcContent {
width:216px;
float:left;
display:inline;
margin:0;
padding:0 15px 20px 29px;
text-align:left;
}

.rcContent img {
	float:left;
	display:inline;
	margin:0 0 18px 0;
	clear:right;
	border:8px solid #cebe87;
}

.rcContent div {
	float:left;
	display:inline;
	margin:0 0 18px 0;
	clear:right;
	border:1px solid #d8d8d8;
}

.rcContent div img {
	float:left;
	display:inline;
	margin:0;
	border:8px solid #fff;
}

.rcFooter {
width:260px;
height:40px;
float:left;
display:inline;
margin:0;
background:url(../img/f_rc_footer.png) left top no-repeat;
}

/* Footer */
.footer {
width:762px;
height:80px;
clear:both;
margin:auto;
text-align:left;
background:url(../img/f_footer.png) left top #fff repeat-x;
}

.footerL {
width:525px;
height:60px;
float:left;
display:inline;
text-align:left;
padding:20px 0 0 175px;
background:url(../img/f_footer_logo.png) left top no-repeat;
}

.closePage {
width:762px;
height:50px;
clear:both;
margin:auto;
text-align:left;
background:url(../img/f_closepage.png) left top #cadcec repeat-x;
}

.closePageL {
width:20px;
height:50px;
float:left;
display:inline;
background:url(../img/f_closepage_l.png) left top no-repeat;
}

.closePageR {
width:20px;
height:50px;
float:right;
display:inline;
background:url(../img/f_closepage_r.png) left top no-repeat;
}

/* imágenes o capas con alpha */
.transparent {
width:500px;
height:250px;
background:url(../img/alpha24.png) left top no-repeat;
}

.transparent a { position:relative; }

/* borde de imagen */
.imgBorder { border:1px solid #cebe87; }

/* FLECHA ARRIBA */

div#f_arriba {
	width:60px;
	height:68px;
	float:right;
	display:inline;
	text-indent:-9999px;
}

div#f_arriba a.farriba {
	width:100%;
	height:100%;
	float:left;
	display:block;
	background:url(../img/f_arriba.png) no-repeat top left;
}

div#f_arriba a.farriba:hover { background:url(../img/f_arriba_o.png); }
/*div#f_arriba a.farriba span { /*text-indent:-9999px;*/ }*/

body.opAbout     .header { background:url(../img/f_head_about.jpg);}
body.opTechnical .header { background:url(../img/f_head_tecnical.jpg);}
body.opLicensing .header { background:url(../img/f_head_licensing.jpg);}
body.opCompany   .header { background:url(../img/f_head_company.jpg);}
body.opSatisfied .header { background:url(../img/f_head_satisfied_customers.jpg);}
body.opDemo      .header { background:url(../img/f_head_demo.jpg);}
body.opContact   .header { background:url(../img/f_head_contact.jpg);}