@charset "utf-8";
/* CSS Document Global styles*/

body{
font-family:Helvetica, "Trebuchet MS", Arial, sans-serif;
font-size:75%;
color:#000000;
background-image:url('../images/bg_tess.jpg');
position: relative;
margin: 0;
padding: 0;
height:100%;
}

.smaller{
font-size:0.917em;
}

a:link{
text-decoration:none;
color:#000000;
}

a:visited{
text-decoration:none;
color:#000000;
}

a:hover{
text-decoration:underline;
color:#000000;
}

p{
margin-top:0em;
margin-bottom:0.7em;


}

h1{
font-size:1.417em;
font-weight:bold;
margin-bottom:0em;
}

h2{
font-size:1.25em;
font-weight:bold;
margin-bottom:0em;
}

h3{
font-size:1.167em;
font-weight:bold;
margin-bottom:0em;
}
h4{
font-size:1.083em;
font-weight:bold;
margin-bottom:0em;
}

h5{
font-size:1em;
font-weight:bold;
margin-bottom:0em;
}

/* CSS Document Global layout styles*/
#outer{
width:71.833em;
margin-left:auto;
margin-right:auto;
}

#headerouter{
width:71.833em;
float:left;
margin-top:0.833em;
}

#cornerleft1{
width:1.917em;
float:left;
}

#top1{
width:68em;
float:left;
}
#rightcorner1{
float:left;
width:1.917em;
}
#mainleft1{
width:1.917em;
float:left;
}
#mainright1{
width:1.917em;
float:left;
}

#maintop1{
width:68em;
float:left;
background-image:url('../images/58-lagoleta_07.png');
height:42.833em;
}

#bottomleft1{
width:1.917em;
float:left;
}
#bottomright1{
width:1.917em;
float:left;
}

#bottomtop1{
width:68em;
float:left;
}

img{
border: none;
}

#menu{
font-size:1.1em;
width:32.5em;
margin-top:0.417em;
float:left;
font-weight:bold;
width:100%;

}

.button
{
opacity:0.75;
filter:alpha(opacity=75);
cursor:pointer;
}


/* CSS Document index layout styles*/
#col1{
width:32.5em;
float:left;
}
#col2{
width:33.333em;
float:left;
margin-top:1.39em;
margin-left:0.667em;
}


#topimages{
width:32.5em;
float:left;
margin-top:1.833em;
}

#topimages1{
width:13.083em;
float:left;
margin-left:3.667em;
}

#topimages2{
width:13.683em;
margin-left:1.833em;
float:left;
}

#mainimages{
float:left;
margin-top:0.833em;
}
#mainimagesa{
width:50%;

float:left;
}

#maintext{
float:left;
width:13.683em;
margin-left:1.833em;
margin-top:1.833em;
}

#maintext1{
float:left;
width:31.683em;
margin-left:1.833em;

}

#maintext4{
float:left;
width:45%;
margin-left:1.833em;}

#maintext2{
float:left;
width:13.683em;
margin-left:1.833em;
margin-top:1.833em;
}
/* CSS Document product layout styles*/

#col2product{
width:33.333em;
float:left;
margin-top:0.1em;
margin-left:0.667em;
}

#maincontact{
float:left;
width:68em;
margin-top:1.833em;
}

#maincontacta{
float:left;
width:68em;
margin-top:0.833em;
}

#maincontactb{
float:left;
width:68em;
margin-top:0.833em;
}

#maingallery{
width:68em;
float:left;
margin-top:0.833em;
}

.galleryimages{
width:15.583em;
float:left;
margin-right:1.25em;
margin-top:0.833em;

}




/*--Making IE6 Understand Fixed Positioning--*/


#hideshow {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
#hideshow1 {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
#hideshow3 {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
#hideshow4 {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
#hideshow5 {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
#hideshow6 {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
#hideshow7 {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
#hideshow8 {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
#hideshow9 {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
#hideshow10 {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
#hideshow11 {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
#hideshow2 {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}


#fade {
	background: #000; 
	position: fixed; 
	width: 100%;
	height: 100%;
	filter:alpha(opacity=50);
	opacity: .50;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*--IE 8 Transparency--*/
	left: 0;
	z-index: 10;
	left: 0;
	z-index: 10;
}
.popup_block {
	background: #ddd;
	padding: 10px 20px;
	border: 2px solid #fff;
	float: left;
	width: 480px;
	position: fixed;
	top: 15%;
	left: 50%;
	margin: 0 0 0 -250px;
	z-index: 100;
 
}
.popup_block .popup {
	float: left;
	width: 100%;
	background: #fff;
	margin: 0px 0;
	padding: 4px 4px;
	border: 1px solid #bbb;
}
.popup h3 {
	margin: 0 0 0px;
	padding: 0px 0px;
	border-bottom: 1px solid #bbb;
	font-size: 1.2em;
	font-weight: bold;
}
.popup p {
	padding: 5px 10px;
	margin: 5px 0;
}
.popup img.cntrl {
	position: absolute;
	right: -10px;
	top: -10px;
}