/* basic elements */

#banner{
    left:auto;
    background-color: #f0f0f0; 
    width:600px;
    vertical-align:center;
    border:1px solid #999;
    text-align: center;
    left:50%;
    margin-left:10%;
    margin-top: 15px;
    margin-bottom: 10px;
    padding:10px;
    z-index:1000;
    border-radius:5px; 
    -moz-box-shadow: 4px 3px 5px #777;
    -webkit-box-shadow: 3px 4px 5px #777; 
    box-shadow: 4px 3px 5px #777;
} 

body {
	background-color: #ffffff;
	margin: 0px;
	padding: 0px;
	background-position: center center;
	height: 560px;
	width: auto;
	}
p {
	font-family:  "Trebuchet MS", Arial, Verdana;
	font-size: 12px;
	font-weight: bold;
	margin-top: 0px;
	text-align: left;
	color: #37698C;
	text-decoration: none;
	}
ul {
 list-style-type: none;
 text-decoration: none;
 }
a {
	font-family:  "Trebuchet MS", Arial, Verdana;
	font-size: 14px;
	font-weight: bold;
	margin-top: 0px;
	text-align: left;
	color: #37698C;
	text-decoration: none;
}
a:hover {
	font-family:  "Trebuchet MS", Arial, Verdana;
	font-size: 14px;
	font-weight: bold;
	margin-top: 0px;
	text-align: left;
	color: #737678;
	text-decoration: none;
}

#container {
	position: fixed;
	background: url('imgs/fondo.jpg') no-repeat center top;
	width: 990px;
	height: 560px;
	margin-right:auto;
	margin-left:auto;
	}
#menu {
	margin-left: -27px;
	margin-top: 120px;
	position: absolute;
	visibility: visible;
	height: 222px;
	width: 653px;
	left: 0px;
	top: 240px;
	}
#nombre {
margin-left: 840px;
margin-top: 483px;
position: absolute;
width: 98px;
height: 51px;
background: url('imgs/minimosca.jpg')  no-repeat;
}
#nombre a{
position: absolute;
width: 98px;
height: 51px;
background: url('imgs/minimosca.jpg')  no-repeat;
text-indent: -10000px;
}
#enlacebodas a{
margin-left: 70px;
margin-top: 483px;
position: absolute;
width: auto;
height: 51px;
font-family:  "Trebuchet MS", Arial, Verdana;
font-size: 24px;
font-weight: bold;
text-align: left;
color: #386174;
text-decoration: none;

}
#enlacebodas a:hover{
color: #ae5743;

}

#botonesfoto {
	margin-left: 720px;
	margin-top: 262px;
	position: absolute;
}
li.fotomenu  {
padding-top: 0px;
margin-top: -5px;
width: 45px;
height: 45px;
color: #ffffff;
/*background: url('imgs/boton-foto2.gif') no-repeat;*/
}
html>body li.fotomenu  {
margin-top: 0px;
}
li.fotomenu a {
position: absolute;
width: 45px;
height: 45px;
/*background: url('imgs/boton-foto1.gif');*/
background-repeat:repeat-x;
border-style: none;
}
li.fotomenu a:visited img{
border-style: none;
}
li.fotomenu a:hover img{
width: 45px;
height: 45px;
/*background: url('imgs/boton-foto2.gif');*/
background-repeat:repeat-x;
border-style: none;
}
#biosfera {
	margin-left: 400px;
	margin-top: 540px;
	position: absolute;
	visibility: visible;
	width: 84px;
	height: 16px;
	background-image: url('imgs/biosfera.jpg') no-repeat;
	}
#biosfera a { 
	position: absolute;
	visibility: visible;
	width: 84px;
	height: 16px;
	background-image: url('imgs/biosfera.jpg'); 
	text-indent: -10000px;
	}
#logo {
	margin-top: 20px;
	margin-left: 103px;
	position: absolute;
	visibility: visible;
	width: 150px;
	height: 108px;
	background: url(imgs/logo-costa.gif) no-repeat;
	z-index: 1;
}

#menucomer {
margin-left: 440px;
margin-top: 483px;
position: absolute;
visibility: visible;
width: 150px;
height: 19px;
background-image: url(imgs/menu.jpg);
}
#menucomer a {
position: absolute;
visibility: visible;
width: 150px;
height: 19px;
background-image: url(imgs/menu.jpg);
text-indent: -10000px;
}

#cartacomer {
margin-left: 440px;
margin-top: 502px;
position: absolute;
visibility: visible;
width: 150px;
height: 19px;
background-image: url(imgs/carta.jpg);
}
#cartacomer a {
position: absolute;
visibility: visible;
width: 150px;
height: 19px;
background-image: url(imgs/carta.jpg);
text-indent: -10000px;
}
#popupcarta{
overflow: auto;
width: 800px;
height: 190px;
}
#imgpopupcarta{
width: 2465px;
height: 172px;
}
#bloquedetexto {
overflow: auto;
	margin-left: 1px;
	position: absolute;
	top: 370px;
	visibility: visible;
	height: 140px;
	width: 640px;
	left: 69px;

	}	html {
scrollbar-face-color: #FFFFFF;
scrollbar-shadow-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-track-color: FFFFFF;
scrollbar-arrow-color: #F2CF0B;
} 
#titulomenu {
overflow: auto;
	margin-left: 1px;
	position: absolute;
	top: 120px;
	visibility: visible;
	height: 30px;
	width: 190px;
	left: 760px;
	font-family:  "Trebuchet MS", Arial, Verdana;
	font-size: 24px;
	font-weight: bold;
	margin-top: 0px;
	text-align: left;
	color: #386174;
	text-decoration: none;

	}
	
.input { 
	background: transparent;
	border: 0px;
}
#textomenu {
overflow: auto;
	margin-left: -40px;
	position: absolute;
	top: 175px;
	visibility: visible;
	height: 140px;
	width: 210px;
	left: 760px;
	font-family:  "Trebuchet MS", Arial, Verdana;
	font-size: 17px;
	font-weight: bold;
	margin-top: 0px;
	text-align: left;
	color: #B55E44;
	text-decoration: none;

	}
#img {
	margin-left: 55px;
	margin-top: 117px;
	position: absolute;
	visibility: visible;
	height: 222px;
	width: 653px;
	background-image: url(imgs/ejemplo.jpg);
	}
/*#biosfera {
	margin-left: 400px;
	margin-top: 540px;
	position: absolute;
	visibility: visible;
	width: 84px;
	height: 16px;
	background-image: url(imgs/biosfera.jpg);
	}
#biosfera a { 
	text-indent: -10000px;
	}*/
#bloquemenu {
	margin-left: 60px;
	position: absolute;
	margin-top: 100px;
	visibility: visible;
	height: auto;
	width: 703px;
	}
#bloquemenu ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
ul#menu {
text-decoration: none;
list-style-type: none;
}
ul#menu li { 
width: 693px;
padding: 0; 
margin-top: 0px;
position: absolute; 
display: block;
}
/*aqui empiezan los botones del menu  */ 
ul#menu li#uno {
margin-left: 0px;
position: absolute;
visibility: visible;
width: 142px;
height: 38px;
background: url('imgs/boton-empresa2.gif') no-repeat;
}
ul#menu li#uno a {
position: absolute;
visibility: visible;
width: 142px;
height: 38px;
background: url('imgs/boton-empresa.gif') no-repeat;
text-indent: -10000px;
}
ul#menu li#uno a:hover {
position: absolute;
visibility: visible;
width: 142px;
height: 38px;
background: url('imgs/boton-empresa2.gif') no-repeat;
text-indent: -10000px;
}
ul#menu li#dos {
margin-left: 328px;
position: absolute;
visibility: visible;
width: 142px;
height: 38px;
background: url('imgs/boton-instalaciones2.gif') no-repeat;
}
ul#menu li#dos a {
position: absolute;
visibility: visible;
width: 142px;
height: 38px;
background: url('imgs/boton-instalaciones.gif') no-repeat;
text-indent: -10000px;
}
ul#menu li#dos a:hover {
position: absolute;
visibility: visible;
width: 142px;
height: 38px;
background: url('imgs/boton-instalaciones2.gif') no-repeat;
text-indent: -10000px;
}
ul#menu li#tres {
margin-left: 155px;
position: absolute;
visibility: visible;
width: 142px;
height: 38px;
background: url('imgs/boton-servicios2.gif') no-repeat;
}
ul#menu li#tres a {
position: absolute;
visibility: visible;
width: 142px;
height: 38px;
background: url('imgs/boton-servicios.gif') no-repeat;
text-decoration: none;
text-indent: -10000px;
}
ul#menu li#tres a:hover {
position: absolute;
visibility: visible;
width: 142px;
height: 38px;
background: url('imgs/boton-servicios2.gif') no-repeat;
text-indent: -10000px;
}
ul#menu li#cuatro {
margin-left: 485px;
position: absolute;
visibility: visible;
width: 142px;
height: 38px;
background: url('imgs/boton-contacto2.gif') no-repeat;
}
ul#menu li#cuatro a {
position: absolute;
visibility: visible;
width: 142px;
height: 38px;
background: url('imgs/boton-contacto.gif') no-repeat;
text-decoration: none;
text-indent: -10000px;
}
ul#menu li#cuatro a:hover {
position: absolute;
visibility: visible;
width: 142px;
height: 38px;
background: url('imgs/boton-contacto2.gif') no-repeat;
text-indent: -10000px;
}