/* CSS Document */

body {
background:#4b4b4b url(../images/body_background.jpg) top left repeat-y;
margin:0; 
padding:0;
} 

#container{
width:900px;
background: url(../images/web_background.jpg) top left repeat-y;
}

#maincontent{
width:879px;
padding: 0px 21px 0px 0px;
}

/* // --- TITLES --- // */
h1{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#333333;
font-size:26px;
}

h2{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#FFFFFF;
background:#333333;
}
/* // --- TITLES END --- // */



/* // --- HEADER --- // */
#headercontainer{
width:879px;
height:393px;
margin:0px;
padding:0px;
}

#headerLeft{
width:577px;
height:393px;
background:url(../images/header_left.jpg);
float:left;
margin:0px;
}

#menuContainer{
width:162px;
height:393px;
float:left;
}

#menuTop{
width:162px;
height:104px;
background:url(../images/menu_top.jpg);
margin:0px;
}

#menuTab1{
width:162px;
height:47px;
margin:0px;
padding:0px;
border:0px;
background:url(../images/link01.jpg) top left no-repeat;
background-position:0 -47px;
}

#menuTab2{
width:162px;
height:47px;
margin:0px;
padding:0px;
border:0px;
background:url(../images/link02.jpg) top left no-repeat;
background-position:0 -47px;
}

#menuTab3{
width:162px;
height:47px;
margin:0px;
padding:0px;
border:0px;
background:url(../images/link03.jpg) top left no-repeat;
background-position:0 -47px;
}

#menuTab4{
width:162px;
height:47px;
margin:0px;
padding:0px;
border:0px;
background:url(../images/link04.jpg) top left no-repeat;
background-position:0 -47px;
}

#menuTab5{
width:162px;
height:47px;
margin:0px;
padding:0px;
border:0px;
background:url(../images/link05.jpg) top left no-repeat;
background-position:0 -47px;
}

#menuBottom{
width:162px;
height:53px;
background:url(../images/menu_bottom.jpg);
}

#headerRight{
width:140px;
height:393px;
background:url(../images/header_right.jpg);
float:right;
}
/* // --- HEADER END --- // */



/* // --- CONTENT --- // */
#contentInfoContainer{
width:786px;
padding-left:93px;
}

#contentInfo{
width:526px;
padding-left:130px;
padding-right:130px;
padding-top:25px;
padding-bottom:50px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#e8e8e8;
}

#contentInfoPlanes{
width:702px;
padding-left:55px;
padding-right:42px;
padding-top:25px;
padding-bottom:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#e8e8e8;
}

.upIcon{
width:700px;
padding-top:10px;
padding-right:36px;
padding-bottom:5px;
text-align:right;
}

#pictureBox{
width:200px;
height:auto;
float:right;
padding-left:12px;
}
/* // --- CONTENT END --- // */



/* // --- CLASSES --- // */
.blue{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#006fb6;
}

.highlights{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#FFFFFF;
}

.big{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#e8e8e8;
}

.secondaryT{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:16px;
color:#FFFFFF;
background:#333333;
}
/* // --- CLASSES END --- // */


/* // --- LISTS --- // */
#contentInfo li{
margin:5px;
}
/* // --- LISTS END --- // */


/* // --- FOOTER --- // */
#footerContainer{
width:786px;
padding-left:93px;
}

#footerInfoBox{
width:786px;
height:230px;
padding-top:25px;
padding-bottom:5px;
background:url(../images/footer_top_background.jpg) top no-repeat;
background-color:#313131;
}

#bottomInfo{
width:786px;
padding-left:130px;
float:left;
}

#sitemap{
width:530px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#e8e8e8;
}

#sitemap a{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#e8e8e8;
text-decoration:none;
}

#sitemap a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#006fb6;
text-decoration:underline;
}

#col1{
width:150px;
float:left;
}

#col2{
width:150px;
float:left;
}

#personalInfo{
width:150px;
float:right;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#e8e8e8;
text-align:right;
}

#dotdivision{
float:left;
width:786px;
height:13px;
background:url(../images/line_dots_div.jpg);
background-position:0 -50px;
}

#endpage{
float:left;
width:786px;
height:50px;
}

#designers{
width:375px;
float:left;
padding-left:18px;
}

#validators{
width:375px;
float:right;
padding-right:18px;
text-align:right;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
text-decoration:none;
color:#777777;
}

#validators a{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
text-decoration:underline;
color:#777777;
}

#validators a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
text-decoration:underline;
color:#006fb6;
}
/* // --- FOOTER END --- // */


/* // --- DISEÑO Y CONSTRUCIÓN, RICARDO VILLALOBOS Y JOHAN UMAÑA --- // */
a#replaced{
display:block;
width:311px;
height:50px;
text-indent:-9999px;
background:url(../images/me.jpg) top left no-repeat;
}

a#replaced:hover{
background-position:0 -50px;
}

/* // --- MENU --- // */
a#link01{
display:block;
width:162px;
height:47px;
text-indent:-9999px;
background:url(../images/link01.jpg) top left no-repeat;
}

a#link01:hover{
background-position:0 -47px;
}

a#link02{
display:block;
width:162px;
height:47px;
text-indent:-9999px;
background:url(../images/link02.jpg) top left no-repeat;
}

a#link02:hover{
background-position:0 -47px;
}

a#link03{
display:block;
width:162px;
height:47px;
text-indent:-9999px;
background:url(../images/link03.jpg) top left no-repeat;
}

a#link03:hover{
background-position:0 -47px;
}

a#link04{
display:block;
width:162px;
height:47px;
text-indent:-9999px;
background:url(../images/link04.jpg) top left no-repeat;
}

a#link04:hover{
background-position:0 -47px;
}

a#link05{
display:block;
width:162px;
height:47px;
text-indent:-9999px;
background:url(../images/link05.jpg) top left no-repeat;
}

a#link05:hover{
background-position:0 -47px;
}
/* // --- MENU END --- // */



/* // --- TABLES --- // */
#mytable {
width: 700px;
padding: 0;
margin: 0;
}

caption {
padding: 0 0 5px 0;
width: 700px;	 
font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
text-align: left;
}

th {
font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color: #FFF;
/*border-right: 1px solid #333;
border-right: 1px solid #333;
border-bottom: 1px solid #333;
border-top: 1px solid #333;*/
letter-spacing: 2px;
text-transform: uppercase;
text-align: left;
padding: 3px 3px 3px 10px;
background: #000 url(../images/bg_header.jpg) no-repeat;
width:120px;
}

th.nobg {
border-top: 0;
border-left: 0;
border-right: 1px solid #C1DAD7;
background: none;
}

td {
border-right: 1px solid #C1DAD7;
border-bottom: 1px solid #C1DAD7;
background: #fff;
padding: 3px 3px 3px 10px;
color: #4f6b72;
}

td.alt {
background: #F5FAFA;
color: #797268;
}

td.amount {
color: #333;
font-weight:bold;
}

th.spec {
border-bottom: 1px solid #333;
border-top: 0;
background: #fff url(../images/bullet2.gif) no-repeat;
font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

th.specalt {
border-left: 1px solid #C1DAD7;
border-top: 0;
background: #f5fafa url(../images/bullet2.gif) no-repeat;
font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color: #797268;
}
/* // --- TABLES END --- // */