/*
Original design: Variant Duo (v1.0 - Oct 08, 2010) - A free xhtml/css website template by Andreas Viklund.
For more information, see http://andreasviklund.com/templates/variant-duo/
*/
/*
Adaptado para la página de demos de CalleÇpaÑa. http://callespana-demos.com.es/
Carlos Javier Martín González.
*/

/* Main containers */
body {width:910px; padding:0; margin:5px 0px 0px 0px; font:75% tahoma,verdana,sans-serif; background-color:#fcfcfc; color:#000; text-align:left; line-height:1.5em; }
/*#wrap {width:950px; text-align:left; margin:0 auto;}*/

#centered { background-position: center; position: absolute; margin-left: 15px; margin-right: 15px; }

.content {background:#fff; text-align:left; padding:20px 20px 5px; margin:5px 0 5px 0; font-weight: 400; }

/* HTML Tags */
a {font-weight:400; color:#342;}
a:hover {text-decoration:none; background-color:#fec;}
a img {border:0;}
a:hover img { text-decoration:none; background-color:#fec; }

h1 {margin:15px auto 10px auto; padding:0; font-size:2.0em; color:#2a7a9a; letter-spacing:-1px; line-height:1.2em;}
h1 a {color:#2a7a9a; font-weight:700; text-decoration:none;}
h1 a:hover {color:#333; text-decoration:none;}
h2 {margin:0 0 12px 0; padding:10px 0; color:#2a7a9a; font-size:1.4em; font-weight:700; border-top: 1px solid #ddd; border-bottom:1px solid #ddd;}
h2 a {font-weight:700;}
h3 {font-size:1.4em; font-weight:600; margin:0 0 10px 0; padding:8px 0; color:#2a7a9a;}
h4 {font-size:1.1em; font-weight:600; margin:10px 0 4px 0; padding:2px 0; color:#155080;}
h5 {font-size:1.0em; font-weight:500; margin:6px 0 2px 0; padding:1px 0; color:#411; font-family:Georgia,'Times New Roman',times,serif; }
p {margin:0 0 15px 0;}
ul {margin:0 0 15px 20px; padding:0;}
li {margin:0; padding:0 0 0 5px;}

/* Various classes */
/*.slogan {color:#555; font-size:1.4em; margin:0 0 15px 0; padding:0;}*/
.slogan {color:#210; font-size:1.2em; margin:0 0 15px 0; padding:0;}
.slogan a {color:#922; text-decoration:none;}
.slogan a:hover {background-color:#fe9; color:#01a; text-decoration:none;}
.slogan-desa {color:#011; font-size:1.0em; margin:10px 10px 10px 10px; padding:0;}
.slogan-desa a {color:#050; text-decoration:underline;}
.slogan-desa a:hover {font-size:1.0em; font-weight:700; background-color:#011; color:#6ee; text-decoration:none;}
.feature {border-top:2px solid #fff; border-bottom:2px solid #fff;}
.menulinks {font-size:1.5em; line-height:1.9em; color:#555; margin:0 0 15px 0;}
.menulink {padding:6px 8px 5px 8px; font-weight:400; margin:0 0 0 2px; color:#922; text-decoration:none;
           background-color:#c6fedd; }
.menulink:hover {background-color:#fe9; color:#01a; text-decoration:underline;}
.active {background-color:#2a7a9a; color:#fff;}
.active:hover {background-color:#2a7a9a; color:#fff;}
.footer{font-size:0.8em; clear:both; width:904px; line-height:1.4em; text-align:right; color:#888; font-weight:400; margin-bottom:10px;}
.footer a {color:#888; font-weight:400; text-decoration:none; border-bottom: 1px dotted #aaa;}
.footer a:hover { border-bottom:none; }
.left {float:left; width:59%;}
.right {float:right; width:37%;}
.centered {text-align:center;}
/*.hide {display:none;}
    <span class="hide">|</span>*/
.clear {clear:both; width:904px; visibility:hidden;}

.sepa-text-blue { color:#22a; } /*color:#22b; background-color: #22b;*/
.sepa-text-red { color:#a33; }

.sepa-red-nobc { color: #d59; }