/*
CSS for ModeloSoft
*/

p {
   font-weight: normal;
   color: white;
}

body {
  font-family: Verdana, Helvetica, Arial, sans-serif;
  background-color: #FFFFCC;
  Color: white;
  background: #bed8f3 url(motion4_1680x1050.jpg) repeat-y right bottom;
  line-height: 125%;
  padding: 0;
  margin: 0;
  }

h1 {font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
    font-style: italic;
    font-size: xx-large;
    background-color: navy;
    ;background-image: url(refineria4.png);
    ;background-repeat: repeat-y rigth bottom;
    background: #bed8f3 url(SAFWAN-MODEL.jpg) repeat-x right;
    color: Orange;
    padding-top: 2em;
    padding-bottom: .2em;
    padding-left: .4em;
    margin:0;
}

h2 {
   color: white;
   font-size: medium;
   font-weight: normal;
   background-color: white;
   }
   
h4 {
    color: yellow;
    font-size: medium;
    font-weight: bold;
    ;background-color: wheat;
    ;background: #ffcc99 url(desvanecido3.png) repeat-y right;
    background: #336699 url(desvanecido2.png) repeat-y right bottom;
    }

li { font-size: small;
    list-style-type: circle
}

#tagline p {
   font-style: italic;
   font-weight: bold;
   font-family: Sans-serif, Helvetica, Verdana, Arial;
   ;background-color: #bed8f3;
   color: white;
   ;background-color: #336699;
   background: #336699 url(desvanecido2.png) repeat-y right bottom;
   border-top: 3px solid #7da5d8;
   border-bottom: 3px solid #7da5d8;
   padding-top: .2em;
   padding-bottom: .2em;
   padding-left: .8em;
   margin: 0;
   
 }

a {
   font-weight: bold;
   }

a:link {color:orange;
}

a:visited {color: light-magenta;
}

a:hover {
  text-decoration: none;
  color: white;
  background-color: navy;
}

a:active {
  color: aqua;
  background-color: navy;
}

attentiongrab {
 font-family: Sans-serif, Helvetica, Verdana, Arial;
 width: 50%;
 font-weight: normal;
 }
 
 #navigation {
 top: 123px;
 left: 0px;
 background-color: #bed8f3;
 color: navy;
 width: 150px;
 height: 500px;
 border: 1px dotted navy;
 }
 
 /* Logo Intergraph */

#figura {
  position: absolute;
  top: 220px;
  left: 560px;
 }
 
/* Logo anim */

#figura0{
  position: absolute;
  top: 650px;
  left: 15px;
 }
 
 
#figura00{
  position: absolute;
  top: 780px;
  left: 1px;
 }
/* Logo ETAP */
 
 #figura1 {
  position: absolute;
  top:125px;
  left: 560px;
    }
 
/* figura Kuwait */
 
 #figura2 {
  position: absolute;
  top: 125px;
  left: 155px;
 }
 
/* Logo Sunrise */
 #figura3 {
  position: absolute;
  top: 290px;
  left: 590px;
 }
 
 /* Logo Paulin */
 #figura4 {
  position: absolute;
  top: 320px;
  left: 660px;
 }
  /*Pelicula COADE Integración */
 #figura5 {
  position: absolute;
  top: 125px;
  left:720px;
 }
 #navigation, #bodycontent, #header {
   position: absolute;
 }
 
 #header {
   width: 100%;
   background-image: url(CDTBannerGlobe2.jpg);
   background-repeat: repeat-x;
   }
 
 #bodycontent {
   top: 375px;
  left: 155px;
 }
 
table {
         border-collapse: collapse;
         border: 1px solid yellow;
         }
         
th {
     text-align: left;
     background: gray;
     color: white;
     padding: 0.2em
     }
td {
    border: 1px solid yellow;
    padding: 0.2em;
    font-size: small;
    }