/************************** SITE COMMON STUFF BEGIN *************************/
body {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 margin: 0px;
 padding: 0px;
 color: #ffffff;
 font-size: 12px;
 background: #181919;
 background: url(../images/background.gif);
}

#top_image{
 position: relative;
 width: 900px;
 height: 269px;
 margin: 25px auto 0px auto;
 background: url(../images/topimage.jpg);
}

#site{
 position: relative;
 width: 920px;
 margin: 15px auto 0px auto;
 padding: 35px 0px 0px 0px;
 overflow: hidden;
 text-align: justify;
 background: #111111;

}

.imglink{
 display: none;
}

.clear{
 margin:0px;
 padding:0px;
 clear:both;
 width: 100%;
 height: 1px;
}
/*************************** SITE COMMON STUFF END **************************/


/****************************** SITE MENU BEGIN *****************************/
#menu{
 position: absolute;
 top: 0px;
 width: 920px;
 height: 25px;
}

#menu ul{
 margin: 0px;
 padding: 0px;
 list-style-type: none;
}

#menu ul li{
 display: inline;
}

#menu ul li.inicio a{
 width: 230x;
 height: 25px;
 margin: 0px;
 padding: 0px;
 float: left;
 background: url(../images/menu/inicio.gif) no-repeat;
}

#menu ul li.nosotros a{
 width: 230px;
 height: 25px;
 margin: 0px;
 padding: 0px;
 float: left;
 background: url(../images/menu/nosotros.gif) no-repeat;
}

#menu ul li.proyectos a{
 width: 230px;
 height: 25px;
 margin: 0px;
 padding: 0px;
 float: left;
 background: url(../images/menu/proyectos.gif) no-repeat;
}

#menu ul li.contacto a{
 width: 230px;
 height: 25px;
 margin: 0px;
 padding: 0px;
 float: left;
 background: url(../images/menu/contacto.gif) no-repeat;
}


#menu ul li.inicio a:hover, #menu ul li.inicio_sel a, #menu ul li.inicio_sel a:hover{
 width: 230px;
 height: 25px;
 margin: 0px;
 padding: 0px;
 float: left;
 display: block;
 text-decoration: none;
 background: url(../images/menu/inicio_mo.gif) no-repeat;
}

#menu ul li.nosotros a:hover, #menu ul li.nosotros_sel a, #menu ul li.nosotros_sel a:hover{
 width: 230px;
 height: 25px;
 margin: 0px;
 padding: 0px;
 float: left;
 display: block;
 text-decoration: none;
 background: url(../images/menu/nosotros_mo.gif) no-repeat;
}

#menu ul li.proyectos a:hover, #menu ul li.proyectos_sel a, #menu ul li.proyectos_sel a:hover{
 width: 230px;
 height: 25px;
 margin: 0px;
 padding: 0px;
 float: left; display: block;
 text-decoration: none;
 background: url(../images/menu/proyectos_mo.gif) no-repeat;
}

#menu ul li.contacto a:hover, #menu ul li.contacto_sel a, #menu ul li.contacto_sel a:hover{
 width: 230px;
 height: 39px;
 margin: 0px;
 padding: 0px;
 float: left;
 display: block;
 text-decoration: none;
 background: url(../images/menu/contacto_mo.gif) no-repeat;
}
/******************************* SITE MENU END ******************************/


/**************************** SITE CONTENT BEGIN ****************************/
#content{
 width: 880px;
 padding: 20px;
 overflow: hidden;
}

/***************************** SITE CONTENT END *****************************/


/**************************** SITE FOOTER BEGIN ****************************/
#footer{
 width: 920px;
 height: 18px;
 margin: 0px auto;
 background: url(../images/common/footer_bg.gif) no-repeat;
}

#copyright, #copyright a{
 font-size: 10px;
 width: 100%;
 color: #FFFFFF;
 margin: 0px auto;
 text-align: center;
 text-decoration: none; 
}

#copyright a:hover{
 color: #e87400;
 text-decoration: underline;
}
/***************************** SITE FOOTER END *****************************/


/************************ SITE CONTENT TEXT BEGIN ***************************/
.left_title{
 width: 161px;
 height: 23px;
 float: left;
 margin-top: 5px;
}

.title{
 width: 300px;
 height: 23px;
 float: left;
 margin-top: 5px;
}

h1{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 18px;
 color: #ffffff;
}

h2{
 text-align:center;
 font-size: 12px;
 text-decoration:none;
}


h3{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 14px;
 color: #f8b013;
}

h4{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 13px;
 color: #f51383;
}



p{
 padding: 0px;
 margin: 10px 0px 0px 0px;
 text-align:justify;
}

/************************ SITE CONTACT FORM BEGIN ***************************/

fieldset { 
 width: 350px;
 border: 1px solid #FFFFFF; 
 margin: 0px auto;
 padding: 5px 7px;
}

fieldset ol {
 margin: 4px 8px;
 padding: 0px;
 overflow: hidden;
}

fieldset ol li {
 padding: 5px 0px;
 margin: 0px;
 height: 15px;
 list-style: none;
}	

fieldset ol li label {
 line-height: 1.8;
 vertical-align: top;
 float: left;
}
	
fieldset ol li em {
 font-weight: bold;
 font-style: normal;
 color: #ff0000;
 padding: 0px 5px;
 float: right;
 vertical-align: middle;
}

fieldset ol li .inputfield, fieldset ol li .selectfield{
 float: right;
 display: inline;
}

.inputfield{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 width: 196px;
 padding-left: 2px;
 background-color: #FFFFFF;
 border: 1px solid #0D4A76;
}

.selectfield{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 width: 200px;
 background-color: #FFFFFF;
 border: 1px solid #0D4A76;
}

.submitButton{
 font-family: Arial, Helvetica, sans-serif;
 width: 110px;
 font-size: 11px;
 font-weight: bold;
 background-color:white;
}

.contact_text{
 text-align:center;
}