/* ==== Reset CSS ==== */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,button,pre,a,abbr,acronym,address,code,em,img,ins,q,strike,strong,sub,sup,tt,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,tbody,tfoot,thead,tr,th,td{border:0 none;outline:0;vertical-align:baseline;background:transparent;-moz-background-clip:none;margin:0;padding:0}
body{line-height:1}
ol,ul{list-style:none}
html{overflow-y:scroll}
:focus{outline:0}
table{border-collapse:collapse;border-spacing:0}
input[type=submit],label,select,button,.pointer{cursor:pointer}
textarea{overflow:auto}
iframe{filter:alpha(opacity=100) !important;/* for IE */ opacity:1 !important;/* for conforming browsers */}

/* ==== Custom CSS ==== */
html{color:#777;width:100%}
body{width:100%;background-color:#fff;margin:0 auto;font:.875em Helvetica, Helvetica Neue, Arial, sans-serif; *font-size:small; *font:x-small; line-height:1.22; }
table { font-size:inherit; font:100%; }
select, input, textarea { font:99% sans-serif; }
a{color:#27bcea;text-decoration:none}
a:hover{color:#444}
a:visited{color:#888}
a:active{margin-top:2px}

/* ==== Top Panel ==== */
#top-panel{width:300px;height:30px;position:relative;float:right;margin-top:-5px}
#top-options{background:transparent url(/views/images/sprite1.png) no-repeat -70px -10px;height:40px;color:#fff;width:454px;float:right;text-align:left;position:relative}
#help{font-size:.846em;height:30px;float:left;padding:13px 0 0 35px}
#help a{background:transparent url(/views/images/sprite1.png) no-repeat -10px -1081px;color:#fff;height:30px;padding:5px 0 5px 22px}
#help a:hover{color:#555}
#call-center{float:left;font-size:.846em;padding:3px 0 0 40px}
.search{width:180px}
.searchinput{background-color:#ddd;border:1px solid #bdbdbd;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;width:120px;color:#444;font-size:.9em;padding:2px 0 2px 5px}
.searchbutton{background:transparent;border:0 none;color:#fff}
#languages{position:absolute;right:17px;top:6px}
#languages li{float:left}
#languages span{display:none}
#languages a{display:block;width:100%;height:100%}
.spanish{background:transparent url(/views/images/sprite1.png) no-repeat -10px -67px;width:32px;height:32px}
.english{background:transparent url(/views/images/sprite1.png) no-repeat -10px -128px;width:32px;height:23px;margin-top:9px}
.rss{background:transparent url(/views/images/sprite1.png) no-repeat -10px -102px;width:32px;height:23px;margin-top:9px}
		
/* ==== Header ==== */
#header{min-width:921px;width:100%;height:149px;background:#fff url(/views/images/bg-header1.jpg) no-repeat;position:absolute;top:0;z-index:10}
#border{width:100%;height:10px;background-color:#484649;margin:0;min-width:921px}
#logo{float:left}
#logo a{position:relative;display:block;width:163px;height:32px;text-indent:5px;color:transparent;margin:27px 0 0}
#logo span{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent url(/views/images/sprite1.png) no-repeat -10px -171px;z-index:1000;margin:0;padding:0}
#slogan{float:left;clear:both}
#slogan a{position:relative;display:block;width:164px;height:40px;text-indent:5px;color:transparent;margin:18px 0 0}
#slogan span{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent url(/views/images/sprite1.png) no-repeat -10px -223px;z-index:1000;margin:0;padding:0}
#midground{background:url(/views/images/midground.png) repeat 20% 20%;position:absolute;top:0;left:0;right:0;bottom:0;z-index:100}
#foreground{background:url(/views/images/foreground.png) repeat 90% 110%;position:absolute;top:0;left:0;right:0;bottom:0;z-index:200}

/* ==== Sub - Header ==== */
#header-container{height:149px}
#subheader{width:100%;height:10px;background-color:#484649;margin:0;min-width:921px}

/* ==== Menu ==== */
#navigation{width:100%;position:relative;height:46px;z-index:101}
#menu{width:600px;float:left}
#menu li{float:left;height:36px;font-size:.8em;margin-right:1px;line-height:36px;color:#fff;position:relative}
#menu span{padding:0 10px}
#menu a{height:100%;width:100%;display:block}
#menu a:hover{color:#222}
.about{background:#6b2535 url(/views/images/sprite2.png) repeat-x 0 -149px}
.about a{color:#fee8ed}
.profile{background:#6a9023 url(/views/images/sprite2.png) repeat-x 0 -77px}
.profile a{color:#e8fcca}
.activities{background:#d76113 url(/views/images/sprite2.png) repeat-x 0 -113px}
.activities a{color:#ffd6b4}
.inicio{background:#0f89c8 url(/views/images/sprite2.png) repeat-x 0 -41px}
.inicio a{color:#d3f4ff}
.idi{background:#929193 url(/views/images/sprite2.png) repeat-x 0 -185px}
.idi a{color:#f2f2f2}
.empleo{background:#006db6 url(/views/images/sprite2.png) repeat-x 0 -221px}
.empleo a{color:#e2f5ff}
#menu li.about:hover,#menu li.profile:hover,#menu li.activities:hover{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0}
.submenu{display:none;position:absolute;top:36px;left:0;line-height:20px;z-index:101}
.about .submenu{width: 250px}
.profile .submenu{width: 220px}
li:hover ul{display:block}
.submenu li{padding:0 10px;margin:0;display:block;width:100%}
.submenu a{padding:0;margin:0;font-size:1.4em;display:block;width:100%}
.submenu a:hover{color:#333}
#menu li,.about .submenu,.profile .submenu,.activities .submenu{-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px}
.about .submenu{background-color:#792b3b}
.profile .submenu{background-color:#79ad2a}
.activities .submenu{background-color:#e97515;padding-right:3px}
.about li,.profile li,.activities li{float:none;clear:both}
#subactivities,#substations{position:relative}
#subactivities ul{display:none;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;width:215px}
#subactivities:hover ul,#substations:hover ul{display:block;position:absolute;top:0;left:95px;text-align:left;background-color:#e89417}
#subactivities li,#substations li{font-size:.9em}
#substations ul{display:none;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;width:400px}
#substations a,#subactivities a{padding-right:20px}

/* ==== Content ==== */
#content{-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#e8e8e8;border-radius:5px;margin-bottom:20px;margin-top:20px;position:relative}
#shadow-left,#shadow-right{background:transparent url(/views/images/shadows.png) no-repeat left center;height:550px;margin-top:-275px;position:absolute;top:50%;width:21px}
#shadow-left{background-position:left center;left:-21px}
#shadow-right{background-position:right center;right:-21px}
#articles{height:100%;width:100%;padding:15px}

/* ==== News ==== */
.news{overflow:hidden;margin-top:7px}
.news .img{width:62px;height:43px;float:left}
.text{overflow:hidden;font-size:.78em;padding:1px 0}
.text a{color:#666;line-height:15px}
.text a:hover{color:#444}

/* ==== Ofertas de Empleo ==== */
#employment{margin:0}
.join{padding-top:10px;color:#6badd4;text-align:center;font-size:1.1em}
.updated{color:#555;text-align:center;font-size:.8em;padding-bottom:8px}
.jobs{margin-bottom:8px}
.jobs li{list-style-image:url(/views/images/tick.png);font-size:.85em;margin:0 0 3px 25px}
.link{font-size:.95em}
	
/* ==== Footer ==== */
#footer{font-size:.8em;padding-bottom:20px}
	#copyright{float:left}
	#buildby{float:right}

/* ==== Generic CSS ==== */
@font-face{font-family:'Harabara';src: url('Harabara.eot');src:local("Harabara"),url("Harabara.ttf")}
.menufont{font-family:'Harabara',Helvetica, Helvetica Neue, Arial, sans-serif;font-size:1.4em;letter-spacing:.07em}
.changefont{font-family:'Harabara',Helvetica, Helvetica Neue, Arial, sans-serif;letter-spacing:.07em}
.wrapper{width:921px;position:relative;margin:0 auto}
.group{overflow:hidden}

.floatleftimage{float:left;margin:0 10px 5px 0}
.flotrightimage{float:right;margin:0 0 5px 10px}

.readmore{background:transparent url(/views/images/sprite1.png) no-repeat -10px -1200px;font-size:.85em;float:right;padding:5px 0 0 15px}

h1,h2,h3,h4,h5,h6{font-weight:400}
h4{color:#fff;font-size:1em;background-color:#6badd4;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;padding:5px 10px}
h3{color:#fff;font-size:1em;background-color:#969799;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;padding:5px 10px}
h4{font-family:'Harabara',Helvetica, Helvetica Neue, Arial, sans-serif;font-size:1.1em;letter-spacing:.07em}
h5{color:#ff8a00;font-size:1.1em;letter-spacing:-0.3px}

.padding10{padding:10px}
.maargintop10{margin-top:10px}
.marginbottom0{margin-bottom:0}

.blue{color:#40c4ed}

.floatleft{float:left}

.fs12{font-size:.923em}
.fs16{font-size:1.231em}

.grid_1{width:650px}
.grid_2{width:221px}
.grid_3{width:147px}
.column{float:left;display:inline;margin:0 20px 20px 0}
.columnb{float:left;display:inline;margin:0 20px 0 0}
.row_2{width:auto;display:inline-block}