@charset "utf-8";

/* CSS Document */

body {
    width:100%;
	margin-top:5px;
	margin-left: 5px;
	margin-right: 5px;
	background-color:#003366;
	background:#FF9933;
	font:14px/21px arial, helvetica;
	color:#666666;
}

#h3 {
	text-align:center;
	color:#003366;
}

#h2 {
	text-align:center;
	color:#003366;
	padding-left:20px;
	margin-left:15px;
}

#banner {
	float:none;
	width:100%;
	background-color:#003366;
	width:auto;
	height:auto;
}

#menubar {
	height:40px;
	width:100%;
	background-color:#003366;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-top:0px;
}	

#salmo {
	margin-top:10px;
	text-align:center;
	font-style:oblique;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#663333;
	padding-right:10px;
	height:50px;
	margin-bottom:5px;
}

#content {
	background-color:#ffffff;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333333;
	width:100%;
	margin-right:5px;
}

#left-content {
	background-color: #003366;
	width:19%;
	text-align:center;
	padding-top:40px;
	float:left;
	margin-bottom: 8px;
}

#right-content {
	color:#333333;
	width:78%;
	background-color:#FFFFFF;
	float:right;
	height:inherit;
	padding-left:10px;
	margin-bottom:10px;
} 
 
#lower-menu {
	margin-bottom: 10px;
	height:35px;
	margin-left:5%;
	margin-right:5%;
	text-align:center;
	width:90%;
	padding-right:30px;
}

#footer {
	margin-bottom: 10px;
	color:#c8b598;
	font-size:10px;
	text-align:center;
	height:150px;
	width:100%;
	float:none;
	background-color:#003366;
	background-position:bottom;
    clear: both;
	padding-top:8px;
}

 a:link {
    color:#FF9900;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

a:visited {
    color:#FFCC66;
	text-decoration:none;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
}

a:hover {
    color:#FFFFFF;
	text-decoration:overline;
	background-color:#FF9933;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

a:active {
   	color:#666666;
    text-decoration: none;
	font-size:14px; 
	font-family:Arial, Helvetica, sans-serif;
}

/* Text Scrolling */

#scr1 {
   background: none;
   text-align: right;
}

#scr1 div {
   visibility:hidden;
}

#scr1, #scr1 div.default {
   /*width:700px;*/
   width:100%;
   height:40px;
   overflow:hidden;
   visibility:visible;
   text-align:center;
   vertical-align:middle;
   color: #FF9900;
   font-size: 20px;
   font-weight: bold;
   font: Arial, Helvetica, sans-serif;
}

#scr1 table tr td div {
	visibility:visible;
}

#scr1 table tr td {
	padding:10px;
	padding-top: 15px;
	padding-left: 35px;
	text-align:center;
	vertical-align:middle;
	color: #FF9900;
	font-size: 20px;
	font-weight: bold;
	font: Arial, Helvetica, sans-serif;
}

/*aqui comienzan los tables del inventorio */

#quoteform {
	background-color:#FFFFCC;
	width: 800px;
	color:#333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

#inventario_table table {
	color:#333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	width:800px;
}

#inventario_table tr {
	width: 1000px;
	background-color:#FFCC99;
}

#inventario_table th {
	background-color:#fe9900;
}

#inventario_table #qty {
	background-color:#b2edeb;
}

#inventario_table #empty {
	background-color:#FFFFCC;
}

#ausmap{
	background-color:#FFFFCC;
	float:right;
	margin-top: 15px;
	margin-right: 25px;
	left: 660px;
	top:665px;
	height: 220px;
	width: 245px;
} 
/*aqui comienzan css para dropdown menu*/

#pad {height:100px;}
 /*aqui cambie posicion, border,etc del 1 "Gallery" button*/
 
#menu {
	padding:0; margin:0; list-style:none; height:30px;
	margin-left:0px; font-family:arial, verdana, sans-serif; border:double;
}

#menu li {float:left; margin-right:1px;}

/*aqui cambie el tamano,etc del 1 "Gallery" button*/

#menu li a {display:block; float:left; height:30px; line-height:30px; background:#333; color:#ccc; text-decoration:none; font-size:11px; font-weight:bold; padding:0 30px 0 20px;}

#menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

#menu li a:hover {z-index:200; position:relative;color:#fff; background-color:#c60;}
#menu li:hover {position:relative; z-index:200;}

#menu li:hover > a {color:#fff; background:#c60;}
#menu li:hover > a.sub {color:#fff; background-color:#c60;}

#menu li.current a {color:#fff; background:#840;}

#menu li a.sub {background: #333 url(down-arrow.gif) no-repeat right center;}
/*aqui cambie el color del 1 "Gallery" button*/
#menu li.current a.sub {color:#fff; background:#ff6f0e;}

#menu :hover ul {left:0; top:30px; width:120px; background:#444;}

/* keep the 'next' level invisible by placing it off screen. */
#menu ul, 
#menu :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#menu :hover ul :hover ul
{left:120px; top:-1px; background:#222; white-space:nowrap; width:100px; z-index:200; height:auto;}

#menu :hover ul li {margin:0; border-top:1px solid #666;}
/*aqui se cambian 2 y 3 button size etc*/
#menu :hover ul li a {width: 120px; padding:0; text-indent:10px; background:#333; color:#ccc; height:30px; line-height:30px; margin-top:0px;}
/*aqui cambie el color del 2 "Our Photos" button*/
#menu :hover ul li a.fly {background:#d94605;}

#menu :hover ul :hover {background-color:#c60; color:#fff;}
#menu :hover ul :hover a.fly {background-color:#c60; color:#fff;}

#menu :hover ul li.currentsub a {background:#840; color:#fff;}
/*aqui cambie el color del 3 "Others photos" button*/
#menu :hover ul li.currentsub a.fly {background:#bf440d; color:#fff;}

#menu :hover ul :hover ul li a {width:100px; padding:0; text-indent:10px; background:#3e3e3e; color:#ccc;}
#menu :hover ul :hover ul :hover {background-color:#d70; color:#fff;}

#menu :hover ul :hover ul li.currentfly a,
#menu :hover ul :hover ul li.currentfly a:hover {background:#840; color:#fff;}