/* CSS Document creaed from scratch by Matías Troncoso. Don't be silly just don't copy it. However, you are free to study the techniques involved. Contact: m.troncosoc at gmail.com*/
/*Documento CSS creado por Matías Troncoso. No lo copies ya que me gaste mucho tiempo aprendiendo y haciendolo. Sin emargo, eres libre  de estudiar las tecnicas empleadas.*/

/*Top level elements*/
body {margin: 0;padding: 0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
h1 {color: #fe700d;margin: 0;padding: 0;}
h2 {font-size: 1.2em;color: #fe700d;}
a {text-decoration: none;color: #fe700d;}
a:visited {color: #fe700d;}
a:hover {color: #FFCC00;}
/*here comes the thing*/
#index {width:704px;height:432px;background-image:url(images/indexBG.jpg);background-repeat: no-repeat;margin: 0;}
#container {width: 734px;height: auto;margin-top: 0;margin-left: auto;margin-right: auto;background: url(images/bg.jpg);background-repeat: repeat-y;}
#cabeza {background: url(images/header.png) no-repeat top;height: 171px;text-indent: -9999px;margin-left: auto;margin-right: auto;margin-top: 0;padding-top: 0;}
#contenido {height: auto;width: 704px;margin: 0px auto 20px auto;}
#contenido td {color: #666666;font-size: 0.7em;text-align: right;margin-bottom: 40px;}
#pie {background: url(images/pie.jpg) no-repeat;height: 38px;width: 734px;}
#workinglinks {margin: 0 auto 15px auto;width: 150px;height: auto;text-align: center;}
#workinglinks img {border: none;}
#who {padding: 20px; margin: 0 auto; text-align:center;}
#who img { border: #FF6600 solid 1px;}
#login {width: 600px;height: 50px;margin: 0 auto;font-size: .8em;color: #666666;text-align: center;}
#clientes {margin: 20px auto;height: 704px;width: 623px;}
#research {font-size: .8em;; line-height: 60px; padding: 20px 40px; color:#666666;}
#research li{ list-style-image: url(images/pdf_icon_small.jpg); list-style-position: outside; }
#serv_contenido {height: auto;width: 704px;margin: 10px auto 20px auto; background-image: url(images/serv_bg.jpg);
 background-position:right; background-repeat: no-repeat; }
/*#servicios { width: 600px; margin-left: 0;}*/
.normalText {margin: 0;padding: 0;text-align: center;font-size: 0.8em;font-weight: normal;color:#666666;}
.bullet1 {list-style-image: url(images/bullet1.gif);}
.normalp {font-size: .8em;color: #666666;margin: 20px;text-indent: 2em;text-align: justify;}
.list1 {font-size: .8em;color: #666666;line-height: 1.5em;}
.list1 li {line-height: 2em;}
.list1 a {font-weight: bold;}
.bigTitle {color: #fe700d;text-indent: 1em;padding: 0;}
.mediumTitle {color: #fe700d;text-indent: 1em;padding: 0; margin: 10px;}
.testimony {font-style: italic; font-size: 10px;}
.style1 {color: #FE700D}
.style2 {font-size: medium;font-weight: bold; text-align: left; color: #666666;}
.style2 a {color:#fe700d; }
.style2 a:visited {color: #fe700d;}
.style2 a:hover {color: #FFCC00;}
.normalp .map {text-indent: 0px;}
.smallText {font-size: 9px;margin: 0 auto;text-align: center;color: #999999;padding: 0; text-indent:0;}
.abstract { list-style-type: none; margin: 0 80px 40px 20px;; font-size: 11px; font-style: italic;}
#eval {width:550px;}
.date {background-color:#fe700d; color:#FFFFFF;}
.movie {margin: 0 auto; width:300px; height:250px;}
#tabla {border:#fe700d 1px solid; table-layout: auto; border-collapse: collapse;}
#ofertas {background-image: url(images/ofers_bg_03.jpg); background-repeat: no-repeat; height:235px; width: 704px;}
#areas {width: 600px; margin: 0 auto; font-size: 0.7em;}
#areas h4 {color: #666; font-size: 1.2em;}
.cargos li {line-height: 2em; list-style-type: none;}
.areaContent {margin: 0; padding-left: 20px; color: #666666;}
#areas a {text-decoration: none;color: #666;}
#areas a:visited {color: #666;}
#areas a:hover {color: #fe700d;}


/*NAVBAR*****************************************************************/	
div#navbar {height: 30px;width: 704px;margin: 0 auto;/*border-top: solid #fe700d 1px;border-bottom: solid #fe700d 1px;*/background-color: #ADADAD;text-align: center;}
div#navbar ul {margin: 0px;padding: 0px;font-size: small;color: #fe700d;line-height: 30px;white-space: nowrap;}
div#navbar li {list-style-type: none;display: inline;}
div#navbar li a {text-decoration: none;padding: 7px 10px;color: #fff;}
div#navbar li a:link {color: #fff;}
div#navbar li a:visited {color: #fff;}
div#navbar li a:hover {color: #fe700d;background-color: #fff;}
/*NAVBAR*****************************************************************/

.jules {background-image: url(images/j_blackwellb.jpg); width: 117px; height: 142px;}
.jules a {}
.jules a:visited {}
.jules a:hover {background-image: url(images/j_blackwell.jpg); z-index:0}