/* CSS del sitio de Funarq */

* {
	border: 0;
	margin: 0;
	padding: 0;
	text-align:justify;
}
body {
	border: 0;
	margin: 0;
	padding: 0;	
	background-image:url(images/background.jpg);
	background-repeat:repeat;	
}
a {
	color: #31331D;
}
a:visited {
	color: #31331D;
}
a:hover {
	color: #FFFFF0;
}
/* Layout */
/* begins Page Background */
#pagebackground-layer {
	width: 100%;
	height: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
	background-image:url(images/background.jpg);
	background-repeat:repeat;
}
#pagebackground-sublayer {
	width: 100%;
	height: 100%;		
	background-image:url(images/backgroundupleft.jpg);
	background-repeat:no-repeat;
	background-position: left -20px;	
}
/* ends Page Background */
/* begins Page Centered */
#pagecentered-layer {
	width: 770px;
	height: 890px;
	position: relative;
	left: 12%; 
	/*margin-left: -258px;	*/
}
/* ends Page Centered */
/* begins Main Page */
#mainpageshadow-layer {
	width: 766px;
	height: 886px;
	/*background-color:#3F4129;*/
	background-color: #000000;
	position:absolute;
	margin-left: 4px;
	margin-top: 4px;
}
#mainpage-layer {
	width: 765px;
	height: 886px;
	border: solid #FFFFFF 1px;
	background-color: #7E8254;	
	background-image:url(images/rayitas-blancas-up.gif);
	background-repeat:no-repeat;
	background-position:right top;
	position:absolute;
}
/* ends Main Page */
/* begins Page Header */
#pageheader-layer {
	width: 750px;
	height:	46px;
	background-color: #31331D;
	background-image:url(images/headerbackgroundline.jpg);
	background-repeat:no-repeat;
	background-position: right 36px;
	margin-top: 8px;
	margin-left: 9px;
}
#pageheaderlogo-layer {
	width: 100px;
	height: 100%;
	margin-left: 10px;
	float:left;
	/* margin-left: 5px;*/
}
#pageheaderlogo-layer img {
	margin-top: 5px;
	margin-left: 0px;
}
.logoimage {
	margin-left: 10px;
	margin-top: 5px;
}
#funarqslogan {
	display:inline;
	float: right;
	width: auto;/*300*/
	margin-top: 10px;
	margin-right: 40px;/*50*/
	text-align:right;
	font-family:Helvetica;
	font-size: 23px;/*15px*/
	color: #FFFFFF;
}
/* ends Page Header */
/* begins Page Menu */
#pagemenu-layer {
	width: 750px;
	height: 27px;
	margin-top: 2px;
	margin-left: 9px;	
}
#pagemenu-shadow {
	width: 750px;
	height: 25px;
	position:absolute;
	margin-left: 1px;
	margin-top: 1px;
	background-color:#63673E;
}
#pagemenu {
	width: 748px;
	height: 21px;
	position:absolute;
	/*background-color:#81855E;*/
	background-color:#FFFFFF;
	border: solid #9CA076 1px;
}
/*---*/
.suckertreemenu {
  position: absolute;
  * position: relative;
  z-index: 999;

}
.suckertreemenu ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	position:relative;
}

/*Top level list items*/
.suckertreemenu ul li{
	position: relative;
	display: inline;
	float: left;
	background-color: #FFFFFF; /*overall menu background color*/
}

/*Top level menu link items style*/
.suckertreemenu ul li a{
	display: block;
	
	width: 108px; /*Width of top level menu link items*/ /*44px*/ /*58*/
	height: 19px;
	line-height: 19px;
	padding: 1px 8px;
	border-right: solid #92966A 1px;
	border-left-width: 0;
	text-decoration: none;
	color: #92966A;
	font-family: Helvetica;
	font-size:11px;
	text-align:center;
	font-weight:bold;
}
.suckertreemenu ul li a:visited{
	color: #92966A;
	font-family:Helvetica;
	font-size:11px;
	text-align:center;
}
.suckertreemenu ul li a img {
	margin-top: 7px;	
	* margin-bottom: 6px;
}
	
/*1st sub level menu*/
.suckertreemenu ul li ul{
	left: 0;
	position: absolute;
	top: 1em; /* no need to change, as true value set by script */
	display: block;
	visibility: hidden;
	-moz-opacity: 0.9;
	opacity:.90;
	filter: alpha(opacity=90);
}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
	display: list-item;
	float: none;
	width: auto;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
	left: 159px; /* no need to change, as true value set by script */
	top: 0;
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a{
display: block;
width: 165px; /*width of sub menu levels*/
color: navy;
text-decoration: none;
padding: 4px 5px;
border: 1px solid #ccc;
color: #92966A;
font-family:Helvetica;
font-size:11px;
text-align:left;
}

.suckertreemenu ul li ul li a:visited{
color: #92966A;
font-family:Helvetica;
font-size:11px;
text-align:left;
}

.suckertreemenu ul li ul li a:hover{
background-color: #92966A;
color: #FFFFFF;
}

.suckertreemenu ul li a:hover{
background-color: #92966A;
color: #FFFFFF;
}

/*Background image for top level menu list links */
.suckertreemenu .mainfoldericon{

}

/*Background image for subsequent level menu list links */
.suckertreemenu .subfoldericon{

}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }
/* End */


/*---*/
/* ends Page Menu */
/* begins Page Banner */
#pagebanner-layer {
	width: 766px;
	height: 171px;
	margin-top: 1px;
	margin-left: 9px;	
	* position: relative;
	z-index: -999;
}
#pagebanner-shadow {
	width: 749px;
	height: 170px;
	position:absolute;
	margin-left: 1px;
	margin-top: 1px;
	background-color:#63673E;
}
#pagebanner {
	width: 749px;
	height: 168px;
	position:absolute;
	background-color:#FFFFFF;
	border: solid #9CA076 1px;
}
.pagebanner-img {
	margin-top: 4px;
	margin-left: 4px;
}
/* ends Page Banner */
/* begins Page Banner2Left */
#pagebanner2left-layer {
	width: 220px;
	height: 116px;
	margin-top: 1px;
	margin-left: 9px;
	* margin-left: 5px;
	float:left;
}
#pagebanner2left-shadow {
	width: 220px;
	height: 115px;
	position:absolute;
	margin-left: 1px;
	margin-top: 1px;
	background-color:#63673E;
}
#pagebanner2left {
	width: 217px;
	height: 112px;
	position:absolute;
	background-color:#FFFFFF;
	border: solid #9CA076 1px;
} 
.pagebanner2left-img {
	margin-top: 4px;
	margin-left: 4px;
}
/* ends Page Banner2Left */
/* begins Page Banner2Right */
#pagebanner2right-layer {
	width: 528px;
	height: 115px;
	margin-top: 1px;
	margin-left: 2px;
	float:left;
}
#pagebanner2right-shadow {
	width: 528px;
	height: 115px;
	position:absolute;
	margin-left: 1px;
	margin-top: 1px;
	background-color:#63673E;
}
#pagebanner2right {
	width: 526px;
	height: 112px;
	position:absolute;
	background-color:#FFFFFF;
	border: solid #9CA076 1px;
}
.pagebanner2right-text {
	display:block;	
	margin-top: 17px;
	margin-left: 20px;
	margin-right: 10px;
	font-family:Helvetica;
	font-size:19px;
	text-align: left;
	color: #5C603F;
}
.linkimg {
	display:block;
	position:relative;
	float: right;
	bottom: 10px;
}
/* ends Page Banner2Right */
/* begins Page Left Side Bar*/
#pageleftsidebar-layer {
	width: 228px;
	* width: 218px;
	height: 368px;
	margin-top: 4px;
	border-top: solid #FFFFFF 1px;
	float: left;
	clear:left;
}
#pageleftsidebar-sublayer {
	width: 223px;
	* width: 213px;
	height: 468px;	/*368*/
	
	margin-left: 5px;
	margin-top: 0px;
	background-image: url(images/dottedbackground.gif);
	background-repeat:repeat;
}
#pageleftsidebar-content {
	width: 225px;
	* width: 215px;
	height: 468px;
	margin-left: 5px;
}
.pageleftsidebar-menuitem {
	display:block;
	color: #FFFFFF;
	font-family:Helvetica;
	font-size:15px;
	text-align:left;
}
.pageleftsidebar-menuitemtitle {
	display:block;
	height: 17px;
	width: 225px;
	* width: 215px;
	padding-top: 2px;
	padding-left: 5px;
	margin-bottom: 5px;
	background-image:url(images/leftmenutitle-background.gif);
	background-repeat:no-repeat;
	overflow:hidden;
}
.pageleftsidebar-menuitemtitletext {
	color: #FFFFFF;
	font-family:Helvetica;
	font-size:15px;
}
/* ends Page Left Side Bar */
/* begins Page Content*/
#pagecontent-layer {
	width: 525px;
	height: 470px;
	margin-top: 4px;
	margin-left: 5px;
	border-top: solid #FFFFFF 1px;
	border-left: solid #FFFFFF 1px;
	float: left;	
	background-image:url(images/contentbackground.jpg);
	background-repeat:no-repeat;
	background-position:30px bottom ;
}
#pagecontent-layer ul {
	display:list-item;
	list-style:disc;
	margin-left: 15px;
}
#pagecontent-layer ul li {
	margin-bottom: 5px;
}
#pagecontent-area {
	width: 513px;
	height: 447px;
	margin-top: 10px;
	margin-left: 10px;
}
#pagecontent-area h3{
	color:#3F4129;
	font-size:17px;
	font-family:Helvetica;
}
.pagecontent-principalitem {
	display: block;
	width: 502px;
	height: 250px;
	float: left;
	background-image:url(images/principalcontentbg.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	font-size:14px;
	font-family: Helvetica;
	color:#FFFFFF;
}
.pagecontent-principalitemfull {
	display: block;
	width: 502px;
	height: 420px;
	float: left;
	font-size:14px;
	font-family: Helvetica;
	color:#FFFFFF;
}
.pagecontent-principalitemgallery {
	display: block;
	width: 502px;
	height: 420px;
	float: left;
	font-size:14px;
	font-family: Helvetica;
	color:#FFFFFF;
}
.pagecontent-principalitemtitle {
	display:block;
	width: 502px;
	height: 25px;
	border-bottom: solid #3F4129 1px;
	margin-bottom: 10px;
	background-image:url(images/contenttitlebg.jpg);
	background-repeat:no-repeat;
	background-position:right bottom;
	overflow:hidden;
	font-family: Helvetica;
	font-size: 20px;
	color:#3F4129;
}
.pagecontent-principalscrollarea {
	display: block;
	* width: 13px;
	height: 220px;
	float: right;	
	clear: right;
}
.pagecontent-principalscrollareafull {
	display: block;
	width: 13px;
	height: 220px;
	float: right;	
	clear: right;
}
.pagecontent-secundaryitem {
	display: block;
	width: 220px;
	/*min-height:81px; */
	/*height: 81px;*/
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
	* margin-right: 5px;
	padding-right: 10px;
	float: right;
	background-image:url(images/secondarycontentbg.jpg);
	background-repeat:repeat-y;
	background-position:right;
	font-family: Helvetica;
	font-size:14px;
	color: #FFFFFF;
}
.pagecontent-secundaryitem a {
	display:block;
	width: 215px;
	height: 18px;
	margin-top: 10px;
	margin-bottom: 5px;
	background-image:url(images/secondary-link.jpg);
	background-repeat:no-repeat;
	background-position:center right;
	font-family:Helvetica;
	font-size:16px;
	text-decoration:none;
	color:#3F4129;
}
.pagecontent-secundaryitem a:hover {
	color: #FFFFFF;
}
.pagecontent-fullpage {

}
.pagecontent-fullscrollarea {
	display: block;
	width: 13px;
	height: 220px;
	float: right;	
	clear: right;
}
.pagecontent-input {
	margin-top: 2px;
	margin-bottom: 5px;
	color: #3F4129;
}
.pagecontent-submit {
	border: solid #3F4129 1px;
	font-size:14px;
}



/*-------------------*/
/*
form.contactform input {
	border: none;
	width: 241px;
	height: 20px;
	padding-left: 3px;
	padding-top: 3px;
}
*/
form.contactform div.fileinputs input:focus {
	background-color: transparent;
}

form.contactform div.fileinputs {
	position: relative;
	height: 30px;
	width: 300px;
}

form.contactform input.file {
	/*
	width: 300px;
	*/
	margin: 0;
}

form.contactform input.file.hidden {
	position: relative;
	/*text-align: right;*/
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
}

form.contactform div.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 293px;
	padding: 0;
	margin: 0;
	z-index: 1;
	line-height: 90%;
}

form.contactform div.fakefile input {
	margin-bottom: 5px;
	margin-left: 0;
}

/*--------------------*/


/* ends Page Content */

/* begins region before footer */
#beforefooterleft-layer {
	width: 234px;
	*width: 230px;
	height: 10px;
	line-height:10px;
	border-top: solid #FFFFFF 1px;
	float: left;
	clear: left;
}
#beforefooterleft-sublayer {
	width: 232px;
	*width: 228px;
	height: 100%;
	margin-left: 8px;
	/*line-height:17px;*/
	background-image:url(images/dottedbackground.gif);
	background-repeat:repeat;
}
#beforefooterleft-img {
	position:relative;
	width: 100%;
	height: 100%;
	margin-left: -8px;
	/*line-height:17px;*/
	background-image:url(images/rayitas-blancas.gif);
	background-repeat:no-repeat;
	background-position:left top;
	z-index: 100;
}
#beforefooterright-layer {
	width: 531px;
	* width: 529px;
	height: 10px;
	line-height:10px;
	border-top: solid #FFFFFF 1px;
	float: right;
	/*margin-left: 13px;*/
}
/* ends regions before footer */
/* begins Page Footer */
#pagefooterleft-layer {
	width: 234px;
	height: 20px;
	line-height:17px;
	border-right: solid #FFFFFF 1px;
	float: left;
}
#pagefooterleft-sublayer {
	width: 223px;
	height: 100%;
	margin-left: 8px;
	/*line-height:17px;*/
	background-image:url(images/dottedbackground.gif);
	background-repeat:repeat;
}
#pagefooterleft-tm {
	width: 100%;
	height: 100%;
	/*
	background-image:url(images/funarqtm.gif);
	background-repeat:no-repeat;
	background-position: 10px center;
	*/
	color: #FFFFFF;
	text-align:left;
}
#pagefooterright-layer {
	width: 525px;
	height: 17px;
	line-height:10px;
	float: left;
}
#pagefooterright-sublayer {
	width: 100%;
	height: 100%;
	background-image:url(images/dottedbackground.gif);
	background-repeat:repeat;
}
#pagefooterright-copyright {
	width: 97%;
	height: 100%;
	font-family: Helvetica;
	font-size:10px;
	color:#FFFFFF;
	text-align:right;
}
/* ends Page Footer */
/* begins region after footer */
#afterfooter-layer {
	width: 765px;
	height: 7px;
	line-height:7px;
	border-top: solid #FFFFFF 1px;
	float: left;
	clear: both;
	background-image:url(images/rayitas-negras.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
}
/* ends region after footer */
/*················SCROLL·······························*/
#Scroller {
	position: relative;
	width: 507px;
	* width:502px;
	height: 370px;
	text-align:justify;
}

#Scroller-Content {
	position: absolute;
	top: 10px; 
	width: 487px;
	* width:482;
	height: 395px;
	overflow: hidden;
	text-align:justify;
}

#Scroller .Scroller-Container {
	position: absolute;
	top: 0px; 
	left: 0px;
	text-align:justify;
}

#Scroller p {
	margin: 0; 
	padding: 0px 0px 10px;
	font-family: Helvetica;
	font-size: 14px;	
	color: #FFFFFF;
	text-align:justify;
}

#Scroller-Scrollbar {
	position: absolute;
	left: 490px;/*310px*/
}

#Scroller .Scrollbar-Up,
 .Scrollbar-Up-Pressed {
	position: absolute;
	width: 10px; 
	height: 10px;
	background-color: #CCC;
	font-size: 0px;
}

#Scroller .Scrollbar-Down,
 .Scrollbar-Down-Pressed {
	position: absolute;
	top: 400px;
	width: 10px; height: 10px;
	background-color: #CCC;
	font-size: 0px;
}

#Scroller .Scrollbar-Track,
 .Scrollbar-Track-Pressed {
	width: 10px; 
	height: 370px;
	position: absolute;
	top: 20px;
	background-color: #EEE;
}

#Scroller .Scrollbar-Track-Pressed {
	background-color: #DDD;
}

#Scroller .Scrollbar-Handle,
 .Scrollbar-Handle-Pressed {
	position: absolute;
	width: 10px; height: 30px;
	background-color: #CCC;
}

#Scroller .Scrollbar-Handle-Pressed, 
 .Scrollbar-Down-Pressed, .Scrollbar-Up-Pressed {
	background-color: #AAA;
}

#Scroller .Scrollbar-Disabled {
	display: none;
}
#galeria-container img {
	margin-bottom: 5px;
	margin-right: 5px;
}
input {
	background-color:#FFF;
}
textarea {
	background-color:#FFF;
}