*
Original design: andreas08 (v2.0 - Jul 07, 2008) - A free xhtml/css website template by Andreas Viklund.
For more information, see http://andreasviklund.com/templates/andreas08/
*/

/* Body and tag styles */
* {margin:0; padding:0;}
body {font:76% Verdana,Tahoma,Arial,sans-serif; line-height:1.4em; text-align:center; color:#303030; background:#99cc99;}
a {color:#467aa7; font-weight:bold; text-decoration:none; background-color:inherit;}
a:hover {color:#2a5a8a; text-decoration:none; background-color:inherit;}
a img {border:none;}
p {padding:0 0 1.6em 0;}
p form {margin-top:0; margin-bottom:20px;}
img.left,img.center,img.right {padding:4px; border:1px solid #a0a0a0;}
img.left {float:left; margin:0 12px 5px 0;}
img.center {display:block; margin:0 auto 5px auto;}
img.right {float:right; margin:0 0 5px 12px;}

/* Header and navigation styles */
#container {width:902px; margin:20px auto; padding:1px 0; text-align:left; background:#F5FBA4; color:#303030; border:2px solid #a0a0a0;}
#header {height:230px; width:900px; margin:0 1px 1px 1px;  background:#71535D;  color:#ffffff;}
#header h1 {padding:35px 0 0 20px; font-size:2.4em; background-color:inherit; color:#ffffff; letter-spacing:-2px; font-weight:normal;}
#header h2 {margin:10px 0 0 40px; font-size:1.4em; background-color:inherit; color:#f0f2f4; letter-spacing:-1px; font-weight:normal;}

#navigation, 
#navigation ul {padding:0 0 5px 0; margin:0; list-style:none; border: solid 3px #99cc99;; background:#777A9C; position:relative; z-index:200;}
#navigation {height:25px; padding:0;}
#navigation table {border-collapse:collapse;}
#navigation li {float:left; padding:0 20px 0 10px;}
#navigation li li {float:none;}
#navigation li a li {float:left;}
#navigation li a {display:block; float:left; font-size:1.2em;color:#F5F6CE; height:25px; padding-right:5px; line-height:25px; text-decoration:none; white-space:nowrap;}
#navigation li li a {height:30px; line-height:20px; float:none;color:#AA4E4E;}
#navigation li:hover {position:relative; z-index:300; background:#99cc99;}
#navigation a:hover {position:relative; z-index:300; font-size:1.2em; color:#3B0B24; text-decoration:none; }
#navigation :hover ul {left:0; top:22px;}
#nav a:hover ul {left:-10px;}
#navigation ul {position:absolute; left:-9999px; top:-9999px; background:#9CB0D0; }
#navigation li:hover li:hover > ul {left:-15px; margin-left:100%; top:-1px;}
#navigation li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
#navigation li:hover > a {text-decoration:none; font-size:1.2em; color:#3B0B24; }
#navigation a:hover a:hover ul,
#navigation a:hover a:hover a:hover ul,
#navigation a:hover a:hover a:hover a:hover ul,
#navigation a:hover a:hover a:hover a:hover a:hover ul
{left:100%; top:-1px;}
#navigation a:hover ul ul,
#navigation a:hover a:hover ul ul,
#navigation a:hover a:hover a:hover ul ul,
#navigation a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}



/* Content styles */
#content {float:left; width:540px; font-size:0.9em; padding:20px 32px 0 20px; background:#F5FBA4}
#content h2 {display:block; margin:0 0 16px 0; font-size:1.7em; font-weight:normal; letter-spacing:-1px; color:#505050; background-color:inherit;}
#content h2 a {font-weight:normal;}
#content h3 {margin:0 0 5px 0; font-size:1.4em; letter-spacing:-1px;}
#content a:hover,#subcontent a:hover {text-decoration:underline;}
#content ul,#content ol {margin:0 5px 16px 35px;}
#content dl {margin:0 5px 10px 25px;}
#content dt {font-weight:bold; margin-bottom:5px;}
#content dd {margin:0 0 10px 15px;}

/* Content JUAN styles */
#contentin {float:left; width:880px; font-size:0.9em; padding:20px 0 0 20px; background:#F5FBA4}
#contentin h2 {display:block; margin:0 0 16px 0; font-size:1.7em; font-weight:normal; letter-spacing:-1px; color:#505050; background-color:inherit;}
#contentin h2 a {font-weight:normal;}
#contentin h3 {margin:0 0 5px 0; font-size:1.4em; letter-spacing:-1px;}
#contentin a:hover,#subcontent a:hover {text-decoration:underline;}
#contentin ul,#content ol {margin:0 5px 16px 35px;}
#contentin dl {margin:0 5px 10px 25px;}
#contentin dt {font-weight:bold; margin-bottom:5px;}
#contentin dd {margin:0 0 10px 15px;}

/* Content perfiles styles */
#contento {float:left; width:400px; font-size:0.9em; padding:20px 0 0 20px; background:}
#contento h2 {display:block; margin:0 0 16px 0; font-size:1.7em; font-weight:normal; letter-spacing:-1px; color:#505050; background-color:inherit;}
#contento h2 a {font-weight:normal;}
#contento h3 {margin:0 0 5px 0; font-size:1.4em; letter-spacing:-1px;}
#contento a:hover,#subcontento a:hover {text-decoration:underline;}
#contento ul,#contento ol {margin:0 5px 16px 35px;}
#contento dl {margin:0 5px 10px 25px;}
#contento dt {font-weight:bold; margin-bottom:5px;}
#contento dd {margin:0 0 10px 15px;}

/* Sidebar styles */
#subcontent {float:right; width:300px; padding:20px 10px 10px 0;line-height:1.4em; background:#F5FBA4}
#subcontent h2 {display:block; margin:0 0 15px 0; font-size:1.6em; font-weight:normal; text-align:left; letter-spacing:-1px; color:#505050; background-color:inherit;}
#subcontent p {margin:0 0 16px 0; font-size:0.9em;}

/* Sidebar perfiles styles */
#subcontento {float:right; width:400px; padding:20px 20px 10px 0; line-height:1.4em; }
#subcontento h2 {display:block; margin:0 0 15px 0; font-size:1.6em; font-weight:normal; text-align:center; letter-spacing:-1px; color:#505050; background-color:inherit;}
#subcontento p {margin:0 0 16px 0; font-size:0.9em;}

/* Menublock styles */
.menublock {margin:0 0 20px 8px; font-size:0.9em;}
.menublock li {list-style:none; display:block; padding:2px; margin-bottom:2px;}
.menublock li a {font-weight:bold; text-decoration:none;}
.menublock li a:hover {text-decoration:none;}
.menublock li ul {margin:3px 0 3px 15px; font-size:1em; font-weight:normal;}
.menublock li ul li {margin-bottom:0;}
.menublock li ul a {font-weight:normal;}

/* Searchbar styles */
#searchbar {margin:0 0 20px 0;}
#searchbar form fieldset {margin-left:10px; border:0 solid;}
#searchbar #s {height:1.2em; width:110px; margin:0 5px 0 0; border:1px solid #a0a0a0;}
#searchbar #searchbutton {width:auto; padding:0 1px; border:1px solid #808080; font-size:0.9em; text-align:center;}

/* Footer styles */
#footer { clear:both; width:300px; padding:5px 0; margin:0 1px; font-size:0.9em; color:#F5FBA4; background:#F5FBA4;}
#footer p {padding:0; margin:0; text-align:center;}
#footer a {color:#f0f0f0; background-color:inherit; font-weight:bold;}
#footer a:hover {color:#f0f0f0; background-color:inherit; text-decoration: underline;}

/* Footer perfiles styles */
#footero {clear:both; width:800px; padding:5px 0; margin:0 1px; font-size:0.9em; color:#F5FBA4; background:#F5FBA4;}
#footero p {padding:0; margin:0; text-align:center;}
#footero a {color:#f0f0f0; background-color:inherit; font-weight:bold;}
#footero a:hover {color:#f0f0f0; background-color:inherit; text-decoration: underline;}

/* Misc classes and styles */
.splitcontentleft {float:left; width:48%;}
.splitcontentright {float:right; width:48%;}
.clear {clear:both;}
.small {font-size:0.8em;}
.hide {display:none;}
.textcenter {text-align:center;}
.textright {text-align:right;}
.important {color:#f02025; background-color:inherit; font-weight:bold;}
.box {margin:0 0 10px 10px; padding:10px; border:1px solid #c0c0c0; background-color:#E6CC91; color:#505050; line-height:1.5em;}
.boxo {margin:0 1px 1px 0; width:70%; padding:10px; border:1px solid #c0c0c0; background-color:#E6CC91; color:#505050; line-width:0.5em;}