/* Start of CMSMS style sheet 'Altran SpainCSS MAIN' */
/* NOTICIAS */

#contenedor_pestanyas{
width:97%; height:16px; border-bottom: 1px solid #71b8cd;margin-bottom:10px
}

#pestanya_no_actv{
width:50px;
margin-right:3px;
border:0px solid #333333;
height:16px;
background-image:url(images/altran/ano_newsnoactivo.gif);
background-repeat: no-repeat;
text-align:center;
color:#FFFFF1;
float:left;

}
#pestanya_no_actv a {
color:#FFFFF1;
text-decoration: none;
}

#pestanya_no_actv a:visited {
 color: #FFFFF1;
 text-decoration: none;
}

#pestanya_actv{
width:50px;
margin-right:3px;
border:0px solid #333333;
height:16px;
background-image:url(images/altran/ano_newsactivo.gif);
background-repeat: no-repeat;
text-align:center;
color:#FFFFF1;
font-weight:bold;
float:left;
}

#pestanya_actv a {
color:#FFFFF1;
text-decoration: none;
}

#pestanya_actv a:visited {
 color: #FFFFF1;
 text-decoration: none;
}
/*FIN NOTICIAS*/

/* VIDEOS */

#contenedor_videos_pestanyas{
width:96%; height:16px; border-bottom: 1px solid #71b8cd;margin-bottom:10px
}

#videos_no_actv{
width:90px;
margin-right:3px;
border:0px solid #333333;
height:16px;
background-image:url(images/altran/videosnoactivo.gif);
background-repeat: no-repeat;
text-align:center;
color:#FFFFF1;
float:left;
}

#videos_no_actv a {
color:#FFFFF1;
text-decoration: none;
}

#videos_no_actv a:visited {
 color: #FFFFF1;
 text-decoration: none;
}

#videos_actv{
width:90px;
margin-right:3px;
border:0px solid #333333;
height:16px;
background-image:url(images/altran/videosactivo.gif);
background-repeat: no-repeat;
text-align:center;
color:#FFFFF1;
font-weight:bold;
float:left;
}
#videos_actv a {
color:#FFFFF1;
text-decoration: none;
}

#videos_actv a:visited {
 color: #FFFFF1;
 text-decoration: none;
}
/* FIN VIDEOS */


/*
DE ALTRAN PARIS 
*/

.negrita{
font-weight:bold;
}
.naranga{
color: #cc6600;
}

.naranganegrita{
color: #cc6600;
font-weight:bold;
}

img.margen8{
padding-right:8px;
padding-bottom:8px;

/* margin-right:8px;
margin-bottom:8px; */
}

image.margen8Izq{
margin-left:8px;
margin-bottom:8px;
}

td.onglet-gauche{
background-image: url(images/altran/onglet-gauche-hover.gif);
height:20px;
width:11px;
}

td.spacer{
width:15px;
}


td.onglet-milieu{
background-image: url(images/altran/onglet-milieu-hover.gif);
text-decoration:none; font-family:Arial;font-size: 10px; color:#F0F0F0;
}


td.onglet-droite{
background-image: url(images/altran/onglet-droite-hover.gif);
width:11px;
}

td.onglet-gauche-hover{
background-image: url(images/altran/onglet-gauche2.gif);
height:20px;
width:11px;
}

td.onglet-milieu-hover{
background-image: url(images/altran/onglet-milieu2.gif);
text-decoration:none; font-family:Arial;font-size: 10px; color:#403E3E;
}

td.onglet-droite-hover{
background-image: url(images/altran/onglet-droite2.gif);
width:11px;
}

td.flag {
text-align:right;
padding-right:3px;
}

div#global-top{
margin-bottom:15px;
background: url(images/altran/fd-global-top.gif)  no-repeat bottom;
background-color:#ffffff;
}

a:link.pestanya_sup {text-decoration:none; font-family:Arial;font-size: 10px;padding-left: 10px; padding-right: 10px; color:#403E3E; background-color:none;} 
a:hover.pestanya_sup {text-decoration:none;font-family:Arial;font-size: 10px;padding-left: 10px; padding-right: 10px; color:#403E3E; background-color:none;} 
a:visited.pestanya_sup {text-decoration:none;font-family:Arial;font-size: 10px;padding-left: 10px; padding-right: 10px; color:#403E3E; background-color:none;} 



a:link.naranga { color: #cc6600; font-weight:bold; text-decoration:none;}
a:hover.naranga { color: #cc6600; font-weight:bold; text-decoration:none;}
a:visited.naranga { color: #cc6600; font-weight:bold; text-decoration:none;}

/*
FI ALTRAN PARIS 
*/

/*****************
browsers interpret margin and padding a little differently, 
we'll remove all default padding and margins and
set them later on
******************/
* {
margin:0;
padding:0;
}

/*
Set initial font styles
*/
body {
  text-align: justify;
  font-family: Arial;
  font-size: 0.7em;
  line-height: 1em;
  color: #403E3E;
  background-color: #FFFFFF;
  margin:1em; /* gives some air for the pagewrapper */
}





.pageinput td{font-size: 0.7em;}

/*
set font size for all divs,
this overrides some body rules
*/
div {
  font-size: 1em;
}

/*
if img is inside "a" it would have 
borders, we don't want that
*/
img {
  border:0;
}

/*
default link styles
*/
/* set all links to have underline and bluish color */
a,
a:link,
a:active {
  text-decoration: underline;
  background-color: inherit; 
  color: #077B97;
}

a:visited {
  text-decoration: underline;
  background-color: inherit;
  color: #077B97;                /* a different color can be used for visited links */
}


/* remove underline on hover and change color */
a:hover {
  text-decoration: none;
/*   color: #385C72; */
}

/*****************
basic layout 
*****************/


/* center wrapper, min max width */
div#pagewrapper {
   margin: 0 auto;     /* this centers wrapper */
   margin-top:18px;
  *margin-top:8px;
   max-width: 85em; /* IE wont understand these, so we will use javascript magick */
   min-width: 85em;
   color: #403E3E;
   background: url(images/altran/fd-global.gif) repeat-y;
}


/*** header ***
we will hide text and replace it with a image
we need to assign a height for it
*/

div#header {
  height: 235px; /* adjust according your image size */   
  width: 897px; 
  margin-left: 25px;
  margin-top: 20px;
  /* background: url(images/altran/image00.jpg); */
}

div#header h1 a {
/* you can set your own image here */
  background: url(images/altran/logo_sup.gif) no-repeat 710px 15px; 

  display: block; 
  height: 80px;             /* adjust according your image size */
  text-indent: -999em;  /* this hides the text */
  text-decoration:none; /* old firefox would have shown underline for the link, this explicitly hides it */
}

div#search {
  /* float: right;
  padding-right:50px;
  width: 23em;
  text-align: right; */
}

div.breadcrumbs {
  font-size: 90%;   
}

div.breadcrumbs span.lastitem { 
  font-weight:bold; 
} 

ndiv#content {
  margin: 1.5em auto 2em 0; /* some air above and under menu and content */
  /* background:url(images/altran/content.gif) repeat-y bottom; */

}

div#main {
  margin-left: 230px; /* 29% original this will give room for sidebar to be on the left side, make sure this space is bigger than sidebar width */
  margin-right: 29px; /* 2% original and some air on the right */
  background-color: #F0F0F0;
  margin-top: 22px;
  margin-bottom: 0px; 
  *margin-bottom: 18px; 
  padding: 12px;
  min-height: 400px;
  line-height: 1.3em;
}

div#mainlinea {
  margin-left: 230px; /* 29% original this will give room for sidebar to be on the left side, make sure this space is bigger than sidebar width */
  margin-right: 29px; /* 2% original and some air on the right */
  background-color: #F0F0F0;
  margin-top: 22px;
  margin-bottom: 0px; 
  *margin-bottom: 18px; 
  padding: 12px;
  min-height: 400px;
   line-height: 1.3em;
  background-image:url(images/altran/lineaderecha.gif);
  background-position: 448px;
  background-repeat:repeat-y;
}


div#mainsinlaterales {
  margin-left: 26px; /* 29% original this will give room for sidebar to be on the left side, make sure this space is bigger than sidebar width */
  margin-right: 30px; /* 2% original and some air on the right */
  background-color: #F0F0F0;
  margin-top: 20px;
  margin-bottom: 0px; 
  *margin-bottom: 18px; 
  padding: 15px;
  min-height: 400px;
  height:100%;
}

/***CONTENEDOR CENTRAL HOME *****/
div#mainhome {
  margin-left: 6px; /* 29% original this will give room for sidebar to be on the left side, make sure this space is bigger than sidebar width */
  margin-bottom: 0px; 
  background:url(images/altran/img-01-content.gif) no-repeat top right #F0F0F0;
  padding: 15px;
  min-height: 400px;
  width: 423px;
  float: left;  /* set sidebar on the left side. Change to right to float it right instead. */
}

/***CONTENEDOR MENU DERECHA HOME ***/
div#main2home {
  margin-right: 30px; 
  _margin-left: 6px; 
  background-color: #F0F0F0;
  /*padding-right: 15px;
  padding-left:15px;*/
  min-height: 400px;
  width: 235px;
  float: right;
}

/***CONTENEDOR MENU IZQUIERDA HOME ***/
div#sidebarhome{
  float: left;  /* set sidebar on the left side. Change to right to float it right instead. */
  width: 195px;    /* sidebar width, if you change this please also change #main margins */
  display: inline;  /* FIX ie doublemargin bug */
  margin-left: 28px;
  min-height:430px;
  background:url(images/altran/finalmenu.gif) no-repeat bottom #0488AF;
   margin-bottom: 0px; 

}
/*********** ZONAS ************/
div#home_zona1{
  text-align:center;
  background-color:#FFF;
  padding-bottom:6px;
}

div#home_zona2{
font-style:italic;
font-size:15px;
font-weight:bold;
color:#FFFFF1;
padding:18px;
text-align:left;
line-height: 15pt;

}

div#home_zona2b{
  text-align:justify;
  padding:15px;
  color:#FFFFF1;
}

div#home_zona2b a{
  text-decoration:underline;
  color:#FFFFF1;
  font-weight:bold;
}

div#home_zona4{
  padding:0;margin:0;
  text-align:center;
  background-color:#f0f0f0;
  /* padding-bottom:6px; */

}

div#home_zona5{
  padding:0;margin:0;
}
/*********FIN ZONAS ************/

div#sidebar {
  float: left;  /* set sidebar on the left side. Change to right to float it right instead. */
  width: 195px;    /* sidebar width, if you change this please also change #main margins */
  display: inline;  /* FIX ie doublemargin bug */
  margin-left: 28px;
  min-height:430px;
  background:url(images/altran/finalmenu.gif) no-repeat bottom #0488AF;
 }

/* if sidebar doesnt include menu but content add class="hascontent" */
div#sidebar.hascontent {
  padding: 0 1%;
  width: 24%;  /* make width smaller if there's padding, or it will get too wide for the floated divs in IE */
 }

div#footer2 {
clear:both;
  width: 900px; 
  margin-left: 25px;
  *margin-top: -20px;
  margin-bottom: 15px;

}

td.footertable{
  background-color: #03577A;
  text-align:right;
  line-height: 15px;
  font-size: 10px;
  color: #FFFFF1;
}

td.footertable a {
  color: #FFFFF1;
  text-decoration: none;
}

td.footertable a:visited {
  color: #FFFFF1;
  text-decoration: none;
}



div#footer {
  clear:both;       /* keep footer below content and menu */
  color: #F0F0F0;
  background: url(images/altran/fd-global-bottom.gif) no-repeat top;
  background-color: #fff; /* same bg color as in header */
  height: 14px;
  }


div#footer p {
  font-size: 0.8em;
  padding: 1.5em;      /* some air for footer */
  text-align: center; /* centered text */
  margin:0;
}


/* as we hid all hr for accessibility we create new hr with extra div element */
div.hr {
  height: 1px;
  margin: 1em;
  border-bottom: 1px dotted black;
}

hr.linea{
border-bottom: 1px solid #C0C0C0;
}

/* relational links under content */
div.left49 {
 float: left;
 width: 49%;  /* 50% for both left and right might lead to rounding error on some browser */
}

div.right49 {
 float: right;
 width: 49%;
 text-align: right;
}




/********************
CONTENT STYLING
*********************/
div#content {
 margin-top:20px;
}
div#contenidos_derecha{
  padding:5px;
  margin-top: -50px;
  margin-left: 15px;
  position:absolute ;
}
div#contenidos_derecha2{
  width:215px;
  padding:5px;
  margin-top: -68px;
  margin-left: 15px;
  position:absolute ;
  text-align:left;
}
div#contenidos_derecha3{
  width:215px;
  padding:5px;
  margin-top: -50px;
  margin-left: 0px;
  position:absolute;
  text-align:left;
}

/* HEADINGS */
div#content h1 {
  font-size: 2em;  /* font size for h1 */
  line-height: 1em;
  margin: 0;
}
div#content h2 {
  color: #077B97; 
  font-family: Arial;
  font-size: 13pt; 
  text-align: left; 
/* some air around the text */
  padding-bottom: 1px;
/* set borders around header */
/*  border-bottom: 1px solid #e7ab0b; */
/*  border-left: 1.1em solid #e7ab0b; */
   line-height: 1.5em;
   letter-spacing: 0em;
/* and some air under the border */
  margin: 0 0 0.5em 0;
  text-transform:uppercase;
  font-weight: normal;
}

.home {
  color: #077B97; 
  font-family: Arial;
  font-size: 13pt; 
  text-align: left; 
  padding-bottom: 1px;
  line-height: 1.5em;
  letter-spacing: 0em;
  margin: 0 0 0.5em 0;
  font-weight: normal;
}


div#content h3 {
  color: #077B97; 
  font-size: 1.3em;
  line-height: 1.3em;
  margin: 0 0 0.5em 0;
}
div#content h4 {

  color:  #077B97; 
  font-size: 1.2em;
  line-height: 1.3em;
  margin: 0 0 0.25em 0;
}
div#content h5 {
  font-size: 1.1em;
  line-height: 1.3em;
  margin: 0 0 0.25em 0;
}
h6 {
  font-size: 1em;
  line-height: 1.3em;
  margin: 0 0 0.25em 0;
}
/* END HEADINGS */

/* TEXT */
p {
  font-size: 1em;
  margin: 0 0 1.5em 0;  /* some air around p elements */
  line-height:1.4em;
  padding: 0;
}
blockquote {
  border-left: 10px solid #F0F0F0;
  margin-left: 10px;
}
pre {
  font-family: monospace;
  font-size: 1.0em;
}
strong, b {
/* explicit setting for these */
  font-weight: bold;
}
em, i {
/* explicit setting for these */
  font-style:italic;
}

/* Wrapping text in <code> tags. Makes CSS not validate */
code, pre {
white-space: pre-wrap;       /* css-3 */
white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
white-space: -pre-wrap;      /* Opera 4-6 */
white-space: -o-pre-wrap;    /* Opera 7 */
word-wrap: break-word;       /* Internet Explorer 5.5+ */
font-family: "Courier New", Courier, monospace;
font-size: 1em;
}

pre {
  border: 1px solid #000;  /* black border for pre blocks */
  background-color: #ddd;
  margin: 0 1em 1em 1em;
  padding: 0.5em;
  line-height: 1.5em;
  font-size: 90%;   /* smaller font size, as these are usually not so important data */
}

/* END TEXT */

/* LISTS */
div#main ul,
div#main ol,
div#main dl {
 font-size: 1.0em;
  line-height:1.4em;
  margin: 0 0 1.5em 0;
}
div#main ul li,
div#main ol li {
  margin: 0 0 0.25em 3em;
}

div#mainlinea ul,
div#mainlinea ol,
div#mainlinea dl {
 font-size: 1.0em;
  line-height:1.4em;
  margin: 0 0 1.5em 0;
}
div#mainlinea ul li,
div#mainlinea ol li {
  margin: 0 0 0.25em 3em;
}

div#mainsinlaterales ul,
div#mainsinlaterales ol,
div#mainsinlaterales dl {
 font-size: 1.0em;
  line-height:1.4em;
  margin: 0 0 1.5em 0;
}
div#mainsinlaterales ul li,
div#mainsinlaterales ol li {
  margin: 0 0 0.25em 3em;
}



div#dl dt {
  font-weight: bold;
  margin: 0 0 0.25em 3em;
}
div#dl dd {
  margin: 0 0 0 3em;
}
/* END LISTS */

/* FORMS */

#labelformulario
{
 float:left;
 width:210px;
 /*margin: 0 0 2px 0;*/
 /*border:2px solid red;*/
}
#camposformulario
{
 /*border:1px solid blue;*/
 margin: 0 0 5px 0;
}
input{
font-family: Arial;
font-size: 8pt;
color: #403E3E;
border: solid 1px #403E3E;
}
#search img{
  margin-top:-3px;
 *margin-top:0px;
}
#search input{
font-family: Arial;
font-size: 8pt;
color: #403E3E;
border: none;
height: 18px;
background: url(images/altran/search/searchbg.gif) repeat-x;
line-height:18px;
text-align: bottom;
padding-left:3px;
padding-top:3px;
*padding-top:0px;
}
/* tratamiento de cada input */

textarea{
font-family: Arial;
font-size: 8pt;
color: #403E3E;
border: solid 1px #403E3E;
}
select{
font-family: Arial;
font-size: 8pt;
color: #403E3E;
border: solid 1px #403E3E;
}

#camposformulario input, select{
width:210px;
}
#camposformulario textarea{
width:250px;
height: 150px;
}

/* End of 'Altran SpainCSS MAIN' */