@charset "UTF-8";

/* ################################################################
** # "YAML for TYPO3" (c) by You if you put something in here :) ##
** ################################################################
**
**  Date     : 12.02.09
**  File     : micropensiones.css
**  Function : This file is not part of the YAML-CSS-Framework.
*/
/* colors:
** header morado: #845099
** documentos, verde #6AA04A
** noticias,obscuro rojo #825097
** eventos,azul #4A71A0
** enlaces, cafe* #A0884A
** videos azul/verde#4AA08E
**
*/


@media all {

body {
	background: #C4ADCE url(../img/sides_body.gif) top center repeat-y;	
	font-family: "Lucida Grande", Georgia, sans-serif;
	color: #333;
	margin: 15px auto;
}
#page_margins, #border-top, #edge-lo, #edge-ro, #border-bottom, #edge-lu, #edge-ru {
    border: none;
    background: none;
}

hr.clearer {

}

#page {
    border: none;	
    background: none;
    background-color: #fff;
}

#header {
	background: #fff url(../img/banner.jpg) no-repeat top left;
	height: 199px;
	margin: 0;
	padding: 0;
}

#header #pagetitle {
	font-size: 14px;
	letter-spacing: 4px;
	color: #fff;
	position: absolute;
	top: -10px;
	left: 20px;
	z-index: 100;
	height: 20px;
}

#main {
	padding-top: 0;
	background: #fff url(../img/mainbg.gif) top right repeat-y;	
	margin-bottom: 10px;
}

#nav ul {
	margin-left: 0;
}

h1, h2, h3, h4, h5, h6, h7 {
	font-style: normal;
	font-weight: normal;
	font-variant: small-caps;
	color: #fff;
	margin: 0 0 5px 0;
	padding: 3px 0 4px 26px;
	font-size: 16px;
	background: #ACB19F url(../img/header.png) no-repeat scroll 0% 0%;	
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h7 a {
	color: #eee;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, h7 a:hover {
	color: #fff;
	text-decoration: none;
}

h1 {background-color: #ACB19F; }
h2 {background-color: #6AA04A; }
h3 {background-color: #825097; }
h4 {background-color: #4A71A0; }
h5 {background-color: #A0884A; }
h6 {background-color: #4AA08E; }
h6.subpagina {background-color: #ACB19F; }

#topnav {
	position:absolute;
	left:10px;
	text-align:center;
	margin-top: -25px;
	font-variant: small-caps;
}
#topnav a, #topnav a:hover, #topnav a:active, #topnav a:focus, #topnav strong, #topnav strong a {
	font-size: 17px;
	color: #835295;
	padding: 0 15px 5px 15px;
}

#col3_content {
	padding-top: 0;
	margin-top: 10px;
	*margin-top: 0px;
}
#col1_content {
	padding-top: 0;
	
}
#col1_content p {
	padding-left: 5px;
	
}
p.align-center {
	text-align: center;
}

p.align-justify {
	text-align: justify;
}

p.indent {
	text-indent: 20px;
}

ul {
	list-style-type: none;
}

ul li {
	background: url(../img/icons/bullet.jpg) no-repeat 0 .5em;
	padding: 3px 0 0 3px;
}

/* links */

a {
/*	color: #666666;
	text-decoration: none; */
}

a:hover, a:active, a:focus {
/*	color: #000000; */
	text-decoration: underline;
}

#footer {
	background: #fff;
	color: #ACB19F;
	border: none;
	margin: -10px 0 0 0;
	padding:5px;
	border-top: solid 1px #DADDD3;
	text-align: center;
}
#footer a {
/*	color: #666666; */
	text-decoration: none;
	font-weight: normal;
	font-size: 14px;
	font-variant: small-caps;
}
#footer a:hover {
/*	color: #000000; */
	text-decoration: underline;
}
.footer-right {
	margin:-22px 50px 0 0;
	float:right;
}

#pagetitle {
	margin-top: 10px;
}

a#sitetitle {
	color: #fff;
}

a#sitetitle:hover {
	color: #fff;
	text-decoration: underline;
}

/* Mailform */

/* buttons */

input, textarea, select {
	font-size: 95.00%;
	font-weight: normal;
	line-height: 12px;
	letter-spacing: 1px;
	padding: 2px 1px 2px 1px;
	margin-bottom: 5px;
	border: 1px solid #666666;
}

input[type=text]:focus, input[type=password]:focus, textarea:focus {
	background: #fff;
	color: #000;
	border: 1px solid #666666;
}

input[type=submit] {
	background: #fff;
	color: #666666;
}

input[type=submit]:hover {
	background-color: #666666;
	color: #fff;
}

/* Mailform */

input[type=submit]#mailformformtype_mail {
	margin-left: 125px;
	float: left;
	width: 75px;
}

input[type=submit]#mailformformtype_mail:hover {
	background-color: #666666;
	color: #fff;
}

/* CSC Mailform */

form#mailform fieldset {
	border: none;
}

.csc-mailform, .csc-mailform-radio, .csc-mailform-check, .csc-mailform-radio fieldset {
	border: 0;
}

.csc-mailform-field {
	margin: 5px 0px 5px 0px;
}

.csc-mailform-field label {
	display: block;
}

.csc-mailform-radio label {
	display: inline;
}

.csc-mailform-radio legend {
	display: none;
}

form#mailform fieldset span.csc-mailform-radio fieldset {
	margin: 0;
	padding: 0 0 0 10px;
}

}