*
{
	margin: 0;
	padding: 0;
}

body
{
	font: normal 14px Arial, 'Lucida Grande', Verdana, Helvetica, sans-serif;
	color: #2F3738;
	background: #FFF url(../images/bg.png) repeat-x;
}

.clear { clear: both; }
img { border: 0; }
hr
{
	margin: 0 0 15px 0;
	padding: 0;
	border: 0;
	height: 1px;
	color: #DDD;
	background: #DDD;
}

table { width: 100%; margin: 0 0 15px 0; border-collapse: collapse; border: none; }
table tr { border-collapse: collapse; border: none; }
table tr td, table tr th { border-collapse: collapse; border: none; text-align: left; padding: 5px 5px 5px 0; }

.quote
{
	float: right;
	width: 180px;
	padding: 10px;
	margin: 15px;
	text-align: right;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: #444;
	background: url(../images/bg-quote.gif) no-repeat;
}

#capcha div
{
    float: left;
}

#screenshot
{
     position: absolute;
     display: none;
     width: 294px;
	 padding: 5px;
     height: 440px;
     border: 1px solid #333;
     background: #FFF url('../images/loading.gif') no-repeat;
     background-position: center;
}


#container
{	
	margin: 0 auto;
	width: 960px;
}

#containertop
{
	position: absolute;
	top: 0;
}

#containerbottom
{
	position: absolute;
	top: 390px;
}

#headercont
{
	width: 960px;
	height: 80px;
	background: #2F3738 url(../images/bg-headercont.png) no-repeat;
}

#headerlogo
{
	width: 400px;
	height: 80px;
}



#menucont
{
	width: 960px;
	height: 36px;
}

ul.dropdown { position: relative; z-index: 100; width: 960px; list-style-type: none; background: #006600; }
ul.dropdown li { float: left; zoom: 1; background: #006600; }
ul.dropdown a:hover { color: #FFF; cursor: pointer; }
ul.dropdown li a { display: block; padding: 0 15px; line-height: 36px; color: #FFF; text-decoration: none; }
ul.dropdown li:last-child a  { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover, ul.dropdown li:hover  { background: #006600; color: #FFF; position: relative; cursor: pointer; }
ul.dropdown li.hover a:hover { color: #FFF; cursor: pointer; }

ul.dropdown ul { width: 280px; visibility: hidden; position: absolute; top: 100%; left: 0; list-style-type: none; border: 2px solid #FFF; border-top: 0; }
ul.dropdown ul li  { font-weight: normal; background: #006600; color: #000; float: none; }
									  
ul.dropdown ul li a { border-right: none; width: 100%; display: inline-block; }

ul.dropdown ul ul { left: 100%; top: 0; }
ul.dropdown li:hover > ul { visibility: visible; }




#graphiccont
{
	width: 960px;
	height: 270px;
	color: #FFF;
}

#graphiccont h1, #graphiccont h2, #graphiccont h3, #graphiccont h4, #graphiccont h5
{
	font-weight: normal;
	font-size: 16px;
	margin: 0 0 10px 0;
}

#page-wrap { width: 960px; height: 270px; margin: 0 auto; padding: 0; }
#slider { height: 250px; overflow: hidden; position: relative; margin: 0; z-index: 50; }
/* DEFAULT is for three panels in width, adjust as needed This only matters if JS is OFF, otherwise JS sets this. */								  
#mover { width: 2880px; position: absolute; }

.slide { padding: 40px 0; width: 960px; float: left; position: relative; }
.slide p { color: #FFF; line-height: 22px; width: 325px; padding: 0 5px 0 0; margin: 0 0 10px 0; }
.slide img { position: absolute; top: 30px; left: 360px; }
#slider-stopper	{ position: absolute; top: 0px; right: 20px; background: #006600; color: white; border: 2px solid #FFF; border-top: 0; padding: 3px 8px; font-size: 10px; text-decoration: none; text-transform: uppercase; z-index: 1000; }
#slider-stopper:hover { background: #006600; color: #000; }





#maincont
{
	width: 960px;
	color: #2F3738;
	padding: 20px 0 0 0;
	line-height: 22px;
}

#maincont p
{
	margin: 0 0 15px 0;
	padding: 0;
}

#maincont h1, #maincont h2, #maincont h3, #maincont h4, #maincont h5
{
	font-weight: normal;
	font-size: 22px;
	margin: 0 0 15px 0;
	padding: 0 0 15px 0;
	border-bottom: 1px solid #CCC;
}

#maincont a { color: #006600; text-decoration: none; }
#maincont a:hover { color: #333; text-decoration: none; }

#mainleft
{
	float: left;
	width: 600px;
	padding: 0 60px 0 0;
}

#mainleft ul
{
	margin: 0 0 15px 0px;
	list-style-type: square;
}

#mainleft ul li
{
	margin: 0 0 10px 0;
}

#mainleft #contactform form, fieldset { border: 0; margin: 0 0 15px 0; }
#mainleft #contactform label { font-weight: bold; padding: 0; }
#mainleft #contactform input, textarea { background: #FFF; border: 1px solid #CCC; padding: 5px; font-size: 12px; font-family: "Arial", Verdana, Helvetica, sans-serif; color: #1E3847; }
#mainleft #contactform input.nostyle { background: none; border: 0; }
#mainleft #contactform input.nocss { background: none; border: 0; padding: 0; font-size: 12px; font-family: "Arial", Verdana, Helvetica, sans-serif; color: #4F4939; }
#mainleft #contactform textarea { width: 300px; margin: 0; border: 1px solid #CCC; }
#mainleft #contactform span.green { color: #7E9D5F; font-weight: bold; }
#mainleft #contactform span.red { color: #C00; font-weight: bold; }
#mainleft #contactform img.imgheight { margin: -10px 0 0 0; }
#mainleft #contactform #contactwrote { padding: 15px 20px 5px 20px; background: #FFF; margin: 0 0 15px 0; border: 1px solid #DDD; }

#mainleft blockquote
{
	margin: 0 0 15px 0;
	padding: 15px 30px;
	background: url(../images/bg-quote.gif) no-repeat;
}

#mainleft #quotecont
{
	float: right;
	width: 200px;
	margin: 0 0 15px 15px;
	padding: 5px;
	font-size: 18px;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#mainleft .bioimage
{
	float: right;
	margin: 0 0 10px 15px;
}

#mainleft .bioimage a img
{
	border: 1px solid #CCC;
	padding: 5px;
}

#mainleft .bioimage a:hover img
{
	border: 1px solid #333;
	padding: 5px;
}

#mainright
{
	float: left;
	width: 300px;
}

#mainright .sidecont
{
	background: #EAF6FB url(../images/bg-sidecont-top.png) 0 bottom no-repeat;
	float: left;
	margin-top: -45px;
	margin-bottom: 15px;
	padding-bottom: 6px;
	width: 278px;
}

#mainright .sidecont div
{
	float: left;
	padding-top: 15px;
	line-height: 20px;
	background: #FFF url(../images/bg-sidecont-top.png) 0 0 no-repeat;
	width: 278px;
}

#mainright .sidecont h3
{
	background: #2F3738 url(../images/bg-sidecont-h3.png) 0 0 repeat;
	font-size: 16px;
	color: #FFF;
	left: -6px;
	font-weight: normal;
	position: relative;
	line-height: 40px;
	margin: 0 0 10px 0;
	padding: 0px 0 0 21px;
	width: 269px;
}

#mainright .sidecont p
{
	padding: 0 20px;
}

#mainright form{ margin: 0 0 0 15px; }
#mainright ul { list-style-type: none; }
#mainright fieldset { border: 0; margin: 0 0 5px 0; }
#mainright input, textarea { margin: 0 0 5px 0; width: 231px; text-align: left; height: 16px; text-transform: capitalize; background: #FFF; border: 0; padding: 5px 7px; font-size: 12px; font-family: "Arial", Verdana, Helvetica, sans-serif; color: #666; }
#mainright input { background: url(../images/mainright-input.gif); }
#mainright input.sendbutton { width: 245px; border: 0; padding: 5px; height: 26px; background: #AAA url(../images/mainright-sendbutton.gif); text-align: right; color: #FFF; }
#mainright input.sendbutton:hover { width: 245px; border: 0; padding: 5px; background: #5C0B07 url(../images/mainright-sendbutton-hover.gif); cursor: pointer; text-align: right; color: #FFF; }





#footercont
{
	clear: both;
	width: 940px;
	font-size: 11px;
	color: #777;
	border-top: 1px solid #DDD;
	padding: 20px 20px 20px 0;
	text-align: right;
}

#footercont p { margin: 0 0 5px 0; }
#footercont a { color: #B36F6C; text-transform: capitalize; text-decoration: none; }
#footercont a span { color: #333; text-decoration: none; }
#footercont a:hover { color: #7F0E09; text-decoration: none; }
#footercont ul { list-style-type: none; margin: 0 0 5px 0; }
#footercont ul li{ display: inline; margin: 0 0 0 5px; color: #777; }

#footerleft
{
	float: left;
	width: 200px;
	height: 30px;
	text-align: left;
}

#footerleft a img
{
	filter:alpha(opacity=60);
	opacity:0.6;
}

#footerleft a:hover img
{
	filter:alpha(opacity=100);
	opacity:1.0;
}


#flashcont
{
	display: block;
	width: 400px;
	height: 300px;
	margin: 0 0 15px 0;
}









#mainright .sidecont p.trigger
{
	padding: 0 10px;
	margin: 0 0 5px 0;
	font-size: 14px;
	font-weight: bold;
	float: left;
	
}



#mainright .sidecont p.trigger a
{
	color: #333;
	text-decoration: none;
	padding: 0 0 0 20px;
	display: block;
	background: url(../images/rightside-openclose-1.png) no-repeat;
}

#mainright .sidecont p.trigger.active a { background: url(../images/rightside-openclose-2.png) no-repeat; }


#mainright .sidecont .slidingtabs p.trigger a
{
	float: left;
	width: 200px;
}

#mainright .sidecont .slidingtabs p.trigger a:hover
{
	color: #006600;
}

#mainright .sidecont .slidingtabs .toggle_container
{
	margin: 0 0 5px 0;
	padding: 0 20px;
	overflow: hidden;
	width: 238px;
	clear: both;
	background: none;
}

#mainright .sidecont .slidingtabs
{
	background: none;
}

#mainright .sidecont .slidingtabs .toggle_container .block
{
	padding: 0 0 0 10px;
	width: 188px;
	background: none;
}

#mainright .sidecont .slidingtabs .toggle_container .block p
{
	padding: 0;
	background: none;
}

.html-marquee {height:36px;width:960px;background-color:#006600;font-family:Lucida Grande;font-size:13pt;color:#FFF;}


/* Image Gallery */
/* reset para la galeria */

div.galimg, div.imgprin, .galimg a, .galimg img, .galimg ul, .galimg li {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* fin del reset */

.galimg {
	position: relative;
	background: #fff url(jsgal/loading.gif) no-repeat 50% 50%;
	width: 520px;
}

.imgprin {
	/* es necesario para evitar un parpadero al quitar la imagen */
	width: 520px;
	height: 395px;
}

.imgprin img {
	background-color: #fff;
	border: solid 1px #ccc;
	padding: 5px;
}

.galimg ul {
	position: absolute;
	top: 320px;
	width: 520px;
	list-style: none;
	text-align: center;
}

.galimg ul li {
	display: inline;
	padding-left: 3px;
}

.galimg ul li a img {
	background-color: #fff;
	border: solid 1px #ccc;
	padding: 3px;
}

.jsgalpre {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #f00;
	color: #fff;
	padding: 3px;
}






a .pdfhover
{
	float: left;
	width: 182px;
	height: 52px;
	margin: 0 0 15px 0;
	background: url(../images/pdfdoc.jpg) no-repeat top left;
}

a:hover .pdfhover
{
	width: 182px;
	height: 52px;
	margin: 0 0 15px 0;
	background: url(../images/pdfdoc.jpg) no-repeat bottom left;
}