/*
Original design: Variant Light (v1.0 - Feb 17, 2010) - A free xhtml/css website template by Andreas Viklund.
For more information, see http://andreasviklund.com/templates/variant-light/
*/

/* Main containers */
body {padding:0; margin:0; font:84% Georgia,Times New Roman,serif; background-color:#e9eaed; color:#555; text-align:center; line-height:1.5em;}
#wrap {width:980px; text-align:left; margin:0 auto; padding:20px 0 0 0;}

/* header */
#header {width:100%; margin:0; background-color:#e9eaed; border-top:1px solid #dadada; border-bottom:1px solid #dadada;}
#title {width:980px; padding:20px 0; margin:0 auto; text-align:left;}
h1 {margin:0 auto 5px auto; padding:0; font-size:3em; font-weight:400; color:#777; line-height:1em; text-shadow:#ccc 2px 2px 8px;}
h1 a {color:#a74646; font-weight:400; text-decoration:none; border:0px none;}
h1 a:hover {color:#0000ff; text-decoration:none; border:1px none;}
.slogan {color:#0000ff; font-size:2em; margin:10; padding:0;}

/* Top menu alto */
#topmenua {text-align:right; margin:0; width:100%; background-color:#fff0ba; solid}
#topmenua p {width:720px; text-align:center; font-size:1.6em; line-height:2em; color:#0000ff; margin:0 auto; overflow:hidden;}
#topmenua a {font:93% Verdana,Times New Roman,serif; font-weight:200; color:#37006f; border:0px none;; margin-left:0; margin-right:20px; margin-top:0; margin-bottom:0; padding-left:3px; padding-right:3px; padding-top:9px; padding-bottom:6px}
#topmenua a:hover {color:#800000; background-color:#c9e1c6; text-decoration:none; text-shadow:#ccc 1px 1px 3px;}
#topmenua a.active {color:#444; background-color:#ffffff; text-shadow:#ccc 1px 1px 3px;}
#topmenua a.active:hover {color:#0000ff; padding:12px 8px 9px 8px;}

/* Top menu */
#topmenu {text-align:center; margin:0; width:100%; background-color:#c9e1c6; solid}
#topmenu p {width:980px; text-align:center; float:center; font-size:1.2em; line-height:2em; color:#37006f; margin:0 auto; overflow:hidden;}
#topmenu a {font:100% Comic Sans MS,Times New Roman,serif; font-weight:200; color:#37006f; border:0px none;; margin-left:0; margin-right:2px; margin-top:0; margin-bottom:0; padding-left:8px; padding-right:8px; padding-top:12px; padding-bottom:9px}
#topmenu a:hover {color:#0000ff; background-color:#ffffcc; text-decoration:none; text-shadow:#ccc 1px 1px 3px;}
#topmenu a.active {color:#444; background-color:#ffffff; text-shadow:#ccc 1px 1px 3px;}
#topmenu a.active:hover {color:#0000ff; padding:12px 8px 9px 8px;}

/* HTML Tags */
a {text-decoration:none; font-weight:bold;  color:#0000ff;}
a:hover {text-decoration:underline; background-color :#E9EAED;}
a img {border:2px none;}
h2 {margin:0 0 18px 0; padding:0 0 7px; color:#635aa5; font-size:1.5em; font-weight:400; font-weight:bold; border-bottom:1px solid #dadada;}
h2 a {font-weight:400;}
h3 {font-size:1.4em; font-weight:400; margin:0 0 10px 0; padding:2px 0; color:#635aa5; font-size:1.2em; font-weight:400; border-bottom:1px solid #dadada;}
h4 {font:100% Verdana,Times New Roman,serif; font-size:2.5em; text-align:center; font-weight:200; margin:0 0 10px 0; padding:2px 0; color:#000080; font-size:1.3em; font-weight:400; border-bottom:1px solid #dadada;}
p {margin:0 0 15px 0;}
ul {margin:0 0 15px 15px; padding:0;}
li {margin:0; padding:0 0 0 5px;}

/* Sidebars */
#sidebar {width:220px; font:100% Georgia,Times New Roman,serif; text-align:left; background-color:#c9e1c6; float:right; margin:0; padding:0; color:#ffffff;}
#sidebar h2 {font-size:1.5em;  padding-bottom:3px; border-bottom:1px solid #dadada; margin-bottom:5px;}
#sidebar ul {list-style:none; margin:0 0 0px 0;}
#sidebar ul ul{list-style:none; margin:0 0 0 15px; font-size:0.9em;}
#sidebar li {padding:0; margin:10px;}
#sidebar ul.sidemenu{width:220px; padding:0; margin:0 0 0px 0; border-top:1px solid #dadada;}
#sidebar ul.sidemenu li a {color:#37006f; display:block; padding:5px 0 4px; margin:0; font-size:1.3em;}
#sidebar ul.sidemenu li a:hover {color:#800000; text-decoration:none; border-bottom:5px solid #800000;}
#sidebar ul.sidemenu li a.active{color:#467aa7;}
#sidebar ul.sidemenu ul {width:200px; padding:0; border-top:0px none;; margin-left:0px; margin-right:0; margin-top:0; margin-bottom:10}
#sidebar ul.sidemenu ul li a {padding:2px 0; margin:0; font-size:1.1em;}

/* Content area */
#content {text-align:left; font-size:3em; color:#000040; font:100% Verdana,Courier New,Arial,Times New Roman,serif;  padding:0; margin:0 0 15px 0; width:730px;}
#content img {margin:5px 0;}
#feature {margin:0 0 20px 0;}
.post {margin:0 0 20px 0; padding:20px 20px 0 20px; width:700px; line-height:1em; border:0px solid #dadada; background-color:#fff;}
.postintro {width:400px; padding:6px; background-color:#e2f5e0; text-align:center; color:#37006f; font-size:1.1em; float:right; border:1px solid #dadada; margin:10px 15px 25px 15px;}</pre>.postmeta {text-align:right; color:#666; padding:10px 0 0; border-top: 1px dotted #dadada; font-size:0.9em;}
.postintrotitolo {width:400px; padding:6px; background-color:#e2f5e0; text-align:center; color:#800000; font-size:1.1em; float:right; border:1px solid #dadada; margin:10px 15px 25px 15px;}</pre>.postmeta {text-align:right; color:#666; padding:10px 0 0; border-top: 1px dotted #dadada; font-size:0.9em;}
.postintrosx {width:400px; padding:6px; background-color:#f0f0f0; text-align:left; color:#37006f; font-size:1.0em; float:left; border:1px solid #dadada; margin:15px 110px 25px 15px;}</pre>.postmeta {text-align:right; color:#666; padding:10px 0 0; border-top: 1px dotted #dadada; font-size:0.9em;}

/* Content area */
#contenttop {text-align:left; font-size:3em; color:#000080; font-weight: bold; font:100% Courier New,Arial,Times New Roman,serif;  padding:0; margin:0 0 15px 0; width:980px;}
#contenttop img {margin:5px 0;}
#feature {margin:0 0 20px 0;}
.post {margin:0 0 20px 0; padding:20px 20px 0 20px; width:650px; line-height:1em; border:0px solid #dadada; background-color:#fff;}
.postintro {width:310px; padding:6px; background-color:#e2f5e0; text-align:center; color:#37006f; font-size:1.1em; float:right; border:1px solid #dadada; margin:10px 15px 25px 15px;}</pre>.postmeta {text-align:right; color:#666; padding:10px 0 0; border-top: 1px dotted #dadada; font-size:0.9em;}
.postintrotitolo {width:310px; padding:6px; background-color:#e2f5e0; text-align:center; color:#800000; font-size:1.1em; float:right; border:1px solid #dadada; margin:10px 110px 25px 15px;}</pre>.postmeta {text-align:right; color:#666; padding:10px 0 0; border-top: 1px dotted #dadada; font-size:0.9em;}

/* pdf */
#pdf {float:left; width:100%; margin:0; background-color:#ffffcc; border-top:1px solid #dadada; border-bottom:1px solid #dadada;}

/* Footer */
#footer{clear:both; width:100%; background-color:#f8f8f8; font-size:0.7em; line-height:1em; color:#777; font-weight:400; margin:10px 0; border-bottom:1px solid #dadada; border-top:1px solid #dadada;}
#footer p {width:980px; margin:10px auto; text-align:center;}
#footer a {color:#777; font-weight:400; text-decoration:none; border-bottom: 1px dotted #888;}

/* Various classes */
.headerimage {width:730px; height:175px; overflow:hidden;border:1px solid #dadada; margin-bottom:20px;}
.centered {text-align:center;}
.hide {display:none;}
.clear {clear:both; visibility:hidden;}
.testo {color:#0000ff; font-size:1.2em; margin:10; padding:0;}
.rounded {    width: 700px;    background-color:#66678e;        color: #66678e;    margin: 0px auto;    padding: 0px;
    border: 3px solid #66678e;       border-radius: 12px;   -moz-border-radius: 12px;    -webkit-border-radius: 12px;
    
}
.roundedcont {    width: 500px;    background-color:#ffffff;          margin: 0px auto;    padding: 0px;
    border: 3px solid #66678e;       border-radius: 12px;   -moz-border-radius: 12px;    -webkit-border-radius: 12px;
}