<!--
/* Villa de Alcazarén general CSS */

body { margin: 0; padding: 0; background-image: url("images/blbkgnd.gif"); background-repeat:repeat; background-attachment:fixed; }
* html body {overflow: auto;}

#totalwrapper {	position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: auto; border: 1px solid black; }
html>body #totalwrapper { position: static; top: auto; left: auto; width: auto; height: auto; overflow: visible;}

#fixedleftcolumn, #fixedleftcolumn2 { position: absolute; top: 92px; left: 1px; background-color: #fff; z-index: 23; } /* yellow */ 
html>body #fixedleftcolumn { position: fixed;}
html>body #fixedleftcolumn2 { position: fixed;}  

/* black, silver, gray, white, maroon, red, purple, fuchsia, green, lime, olive, yellow, navy, blue, teal, aqua */

div#toprow {  float: left; left: 0; width: 100%; width: 100%; height: 60px; z-index: 1; background: url("images/alc_banner.jpg") no-repeat; border-bottom: 1px solid black; }

div#middle { float: left; left: 0; padding: 0; width: inherit; background: url("images/redbg2.gif") repeat-y; z-index: 2; }
/* border: 1px solid lime; */ /*** cannot put as the "width" is inherited (Opera) ***/

div#middleleftcolumn { float: left; width: 143px; margin: 0; padding: 0; display: none; visibility: hidden; z-index: 3; }
/* 	border: 1px solid aqua; */ /* info in absoluteleftcolumn to avoid collapsing (IE6) */

div#absoluteleftcolumn { position: absolute; top: 62px; left: 1px; width: 136px; text-align: center; z-index: 12; } /* fuchsia */

div#middlecontent {	margin: 0 10px 5px 170px; padding: 0; text-align: left; z-index: 3; }
/* border: 1px solid green; */ /* If "width" added will fall to IE6 flat model (IE6) */

div#bottomrow1 { float: left; height: 23px; width: 100%; background: url(images/botbluestrip2.gif) repeat-x; z-index: 2; }
/* border: 1px solid yellow; */ /*** cannot put "border" as background will be cutted ("width" is 100) ***/

div#bottomrow2pre, .clearer div { clear: both; width: inherit; line-height: 0; height: 0; }
/* border: 1px solid yellow; */ /*** as inheritd, cannot put "border" (Mozilla) ***/

div#bottomrow2 { position: static; margin: 0; padding: 0; text-align: center; width: 99%; } /* red */

/* ............................................................................................ */

.csstable1, .csstable2, .csstable3 { width: 80%; margin: auto; padding: 0; background: none; }

.csstable1 {width: 90%}

.csstable1 ul, .csstable2 ul, .csstable3 ul { margin: 0; padding: 0; list-style-type: none; }

.csstable1 li, .csstable2 li, .csstable3 li { margin: 0; padding: 0; float: left; font-size: 85%; color: #0000ff; }

.csstable1 li { position: relative; text-align: center; margin: 0; }

.csstable2 li { width: 33%; text-align: center; margin: 10px 0; }

.csstable3 { padding: 0; background: #fff none; }

.csstable3 li {	width: 7em; margin-right: 1em; background: #eee none; text-align: center; }

/* ............................................................................................ */

.whitespan span { display: none; }
img { border: 0; }

a:link { color: blue; background: transparent; text-decoration: underline; }

a:visited, a:active { color: #993399; background: transparent; text-decoration: underline; }

a:hover { color: black; background: #cccccc; text-decoration: underline; }

p, ul, ol { font-family: "Trebuchet MS", 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	font-size: 80%; font-weight: normal; color: #000000; background-color : transparent; line-height: 140%; }

h1, h2 { font-family: "Trebuchet MS", 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	font-size: 120%; font-weight: normal; color: #000000; background-color: transparent; }
	
h1 { text-align: center; }

h3, h4, h5, h6, p.grey { font-family: "Trebuchet MS", 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	font-size: 100%; font-weight: bold; color: #646464; background-color: transparent; }
	
#smaller p,  p.smaller, .smaller3 p, p.smaller3, #smaller2 p, p.smaller2,
#smaller li, .smaller3 li, #smaller2 li .whitespan span { 
	font-family: "Trebuchet MS", 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
    font-weight: normal; background-color : transparent; }

#smaller p,  p.smaller, .smaller3 p, p.smaller3, .whitespan span { font-size: 70%; color: #000000; line-height: 120%; }

#smaller2 p, p.smaller2 { font-size: 70%; color: #0000ff; line-height: 120%; }

#smaller li, .smaller3 li { font-size: 85%; color: #000000; line-height: 120%; }

#smaller2 li { font-size: 85%; color: #0000ff; line-height: 120%; }

#navbar { font-family: "Trebuchet MS", 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	width: 138px; padding: 0 0 0 0; margin-bottom: 0; margin-top: 0; font-size: 85%; background-color: #90bade; color: #333; }
	
#navbar ul { list-style: none; margin: 0; padding: 0; border: none; }
		
#navbar li { border-bottom: 1px solid #90BADE; margin: 0; }
		
#navbar li a { display: block; padding: 5px 5px 5px 0.5em; border-left: 10px solid #1958b7; border-right: 10px solid #508fc4;
	background-color: #2175bc; color: #fff; text-decoration: none; width: 138px; }
html>body #navbar li a { width: auto; }

#navbar li a:hover { border-left: 10px solid #1c64d1; border-right: 10px solid yellow; background-color: #2586d7; color: #fff; }

#navbar #current a { display: block; padding: 5px 5px 5px 0.5em; border-left: 10px solid #1c64d1; border-right: 10px solid lime;
	background-color: #2586d7; 	color: yellow; text-decoration: none; width: 138px; }
html>body #navbar #current a { width: auto; }

#pipe ul, #bread ul, .oldmenu ul { 	font-family: "Trebuchet MS", 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	margin-left: 0; padding-left: 0; font-size: 75%; display: inline; } 

#pipe ul li { margin-left: 0; padding: 3px 6px; border-left: 1px solid #000; list-style: none; display: inline; }
	
#pipe ul li.first { margin-left: 0; border-left: none; list-style: none; display: inline; }

#bread ul li { margin-left: 0; padding-left: 3px 6px; border-left: none; list-style: none; display: inline; }
	
#bread ul li.first { margin-left: 0; border-left: none; list-style: none; display: inline; }

.oldmenu ul li { margin-left: 0; padding-left: 4px 4px; border-left: none; list-style: none; display: inline; }

#bd1 { color: #000000; background-color: #ffffcc; margin-top: 0; margin-bottom: 0; word-spacing: 0; }
	
.center { text-align: center; } /* Hack to subtitute for <table align="center"> in IE */ 
.center table { margin: auto; }

.height0 p { margin-top: 0em; margin-bottom: 0em; } /* deletes p spacing (IE does it sometimes, most noticed in tables) */
.und { text-decoration:underline; }
-->