/************************** SITE COMMON STUFF BEGIN *************************/
body {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 margin: 0px;
 padding: 0px;
 color: #000000;
 font-size: 11px;
 background: #262626;
}

#site{
 position: relative;
 width: 960px;
 margin: 5px auto 0px auto;
 overflow: hidden;
 text-align: justify;
 background: url(../images/common/site_bg.gif) repeat-y;
}

.imglink{
 display: none;
}

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


/***************************** SITE HEADER BEGIN ****************************/
#header{
 width: 960px;
 height: 110px;
 background: url(../images/common/header_bg.gif) no-repeat;
}

#logo{
 position: absolute;
 top: 20px;
 left: 14px;
 width: 270px;
 height: 90px;
 background: url(../images/common/logo.gif) no-repeat;
}

#logo a{
 height: 90px;
 display: block;
 text-decoration: none;
}

#crFlag a{
 position: absolute;
 top: 10px;
 left: 895px;
 width: 25px;
 height: 25px;
 background: url(../images/flags/cr_mo.gif);
}

#crFlag a:hover{
 height: 25px;
 display: block;
 text-decoration: none;
 background: url(../images/flags/cr_mo.gif);
}

#usFlag a{
 position: absolute;
 top: 10px;
 left: 922px;
 width: 25px;
 height: 25px;
 background: url(../images/flags/us.gif);
}

#usFlag a:hover{
 height: 25px;
 display: block;
 text-decoration: none;
 background: url(../images/flags/us_mo.gif);
}
/****************************** SITE HEADER END *****************************/


/****************************** SITE MENU BEGIN *****************************/
#menu{
 position: absolute;
 top: 44px;
 left: 338px;
 width: 602px;
 height: 39px;
}

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

#menu ul li{
 display: inline;
}

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

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

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

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

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

#menu ul li.contacto a{
 width: 108px;
 height: 39px;
 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: 74px;
 height: 39px;
 margin: 0px;
 padding: 0px;
 float: left;
 display: block;
 text-decoration: none;
 background: url(../images/menu/inicio_mo.gif) no-repeat;
}

#menu ul li.filosofia a:hover, #menu ul li.filosofia_sel a, #menu ul li.filosofia_sel a:hover{
 width: 166px;
 height: 39px;
 margin: 0px;
 padding: 0px;
 float: left;
 display: block;
 text-decoration: none;
 background: url(../images/menu/filosofia_mo.gif) no-repeat;
}

#menu ul li.servicios a:hover, #menu ul li.servicios_sel a, #menu ul li.servicios_sel a:hover{
 width: 101px;
 height: 39px;
 margin: 0px;
 padding: 0px;
 float: left; display: block;
 text-decoration: none;
 background: url(../images/menu/servicios_mo.gif) no-repeat;
}

#menu ul li.galeria a:hover, #menu ul li.galeria_sel a, #menu ul li.galeria_sel a:hover{
 width: 85px;
 height: 39px;
 margin: 0px;
 padding: 0px;
 float: left;
 display: block;
 text-decoration: none;
 background: url(../images/menu/galeria_mo.gif) no-repeat;
}

#menu ul li.faq a:hover, #menu ul li.faq_sel a, #menu ul li.faq_sel a:hover{ 
 width: 68px;
 height: 39px;
 margin: 0px;
 padding: 0px;
 float: left;
 display: block;
 text-decoration: none;
 background: url(../images/menu/faq_mo.gif) no-repeat;
}

#menu ul li.contacto a:hover, #menu ul li.contacto_sel a, #menu ul li.contacto_sel a:hover{
 width: 108px;
 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: 960px;
 overflow: hidden;
 background: url(../images/common/cnt_bg.gif) bottom no-repeat;
}

#mainFlash{
 width: 685px;
 height: 343px;
 float: left;
 margin: 0px 10px 0px 0px;
 padding: 0px;
}
/***************************** SITE CONTENT END *****************************/


/**************************** SITE FOOTER BEGIN ****************************/
#footer{
 width: 960px;
 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: 5px 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: 12px;
 color: #000000;
}

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

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

fieldset { 
 border: 1px solid #424542; 
 margin: 0px 0px 10px 0px;
 padding: 5px 7px;
}

fieldset legend {
 font-weight: bold;
 padding: 0px 3px;
 color: #424542;
 margin: 0px;
}

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{
 float: right;
 display: inline;
}

.contact_text{
 text-align:center;
}