/* ################################################################
** # "YAML for TYPO3" (c) by You if you put something in here :) ##
** ################################################################
**
**  Date     : 23.8.07
**  File     : myOwnStyles.css
**  Function : This file is not part of the YAML-CSS-Framework.
**             It was included to give the user the possibility to quickly apply tests, changes or
**             whatever with no need to change the YAML-files and mess up anything.
**             Hmmm. Does this make sense? Anyway, use it or just leave it empty. It will do no harm.
**             This is the last stylesheet beeing imported. So, everything can be overwritten here.
**             Be careful what you put in here and don't hold us responsible for anything that goes wrong...
*/

@media screen {

body {
	background: #FFFFFF;
	padding: 0px;
    font-family: Arial,"Helvetica Neue", Helvetica, sans-serif;
    font-size: 77%;
}

#page_margins, #page{
	width: 100%;
}

#header, #nav, #main, #footer{
	width: 980px;
	margin: auto;
}

#page_margins {
	border-style: none;
	margin-bottom: 0;
	background: transparent url(../img/rediseno/topnav.gif) top repeat-x;
}

#page {
	color: #000;
	padding: 0px;
	border: 1px none black;
	background: transparent url(../img/rediseno/footer.gif) bottom repeat-x;
}


/* @group basemod.css */

#header {
	color: #000;
	padding: 0;
	padding-top: 40px;
	background: transparent url(../img/rediseno/header.gif) bottom no-repeat;
	height: 90px;
	overflow: hidden;
	margin-bottom: 20px;
}

#header .tx-macinasearchbox-pi1 {
	position: absolute;	
	top: -40px;
	right: 20px;
	z-index: 100;
}


#header img {
	position: absolute;
	top: 2px;
	left: 10px;
	font-size: 208%;
}

#banner {
	position: absolute;
	top: 20px;
	right: 0px;
	z-index: 10;
}

#banner img {
	position: relative;
	top: 0px;
	left: 0px;
	font-size: 100%;
}


#footer {
	height: 37px;
	color: white;
	text-align: center;
	padding: 0px;
	font-size: 9px;
	background: transparent url(../img/rediseno/footer2.gif) right no-repeat;
	border: none;
}

#footer a {
	color: #FDB913;
}

#footer a.rss{
	background: transparent url(../img/rediseno/rss.gif) left no-repeat;
	padding-left: 20px;
	margin-left: 10px;
}

#main {
	padding: 10px 0px 0px;
}

#main .lower{
	height: 150px;
	overflow: hidden;
	padding: 5px 0px 5px 0px;
	margin-top: 10px;
	border: none;
	background-color: #ddd;
	
}

#main .lower .c50l, #main .lower .c50r,
{
	padding: 0px;
	margin: 0px;
}

#main .lower .subcl .subcl,
#main .lower .subcl .subcr{
	height: 35px;
	padding: 0px;
	margin: 0px;
	
}

#main .lower .subcl .subcl img,
#main .lower .subcl .subcr img{
	vertical-align: middle;
}

#main .lower .REboxRed{
	margin: 5px;
}

#main .lower  .REboxRedContent {
	background-image: none;
	background-color: #D5D6D6;
	border: none;
	padding: 5px;
	margin: 0px;
}

#main .lower .subcl .REboxRedContent{
	height: 90px;
}

#main .lower  .rRline1, .rRline2, .rRline3, .rRline4 {
	display: none;
}

/*
#main p {
 color: #1C1C1C;
}
*/

#col3{
	border: none;
}

/*@end */

/* @group basemod_0col_left_0.css */

.upper {
	background: transparent none repeat scroll;
	border-style: none;
}

/* @end */

#teaser {
	background: transparent;
	/*border-bottom: 1px solid #42698a;*/
	color: #000;
}

#topnav {
	top: 0px;
	margin-top: 5px;
	padding: 3px;
	color: #FFF;
	font-size: 12px;
	z-index: 100;
}

#topnav a {
	color: #FFF;
}

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

#copyright {
	float: left;
	position: relative;
	padding-top: 10px;
}

/* @group nav_slidingdoor.css */

#nav_main {
	width: 980px;
	background-image: url(../img/rediseno/nav_main.gif);
	height: 38px;
	background-color: transparent;
	/*overflow: hidden; *//*Esto da problemas con FF*/
}

#nav_main ul {
	list-style: none;
    margin: 0 auto;
    padding-left: 10px;
}

#nav_main a {
	border-style: none;
	background-image: none;
	_width: 100px;
}

#nav_main a span, #nav_main ul li a{
	color: #000;
	font-weight: bold;
	height: auto;
	padding: 10px 9px 0 8px;
	background-image: none;
}

#nav_main a span#lastitem, #nav_main ul li.last {
	background-image: none;
}
#nav_main a:hover span, #nav_main ul li a:hover {
	color: #666;
}
#nav_main #current a span, , #nav_main ul li.active a {
	color: #666;
}

/* @end */

/* @group nav_vlist.css */

#submenu {
	margin-top: 10px;
	border: none;
}

#submenu ul li{
	background-image: none;
	background-color: #FFDB6F;
	color: #1C1C1C;
}


#submenu li#title {
	background-color: #FFC10E;
	color: #000;
	border-top: 1px solid #FFC10E;
	border-bottom: 1px solid #FFF;
	letter-spacing: 1px;
	list-style-image: none;
	list-style-type: none;
	display: none;
}

#submenu li a {
	background-color: transparent;
	background-image: none;
	color: #000;
	border-bottom: 1px solid white;
}

#submenu li a:focus,#submenu li a:hover,#submenu li a:active {
	font-weight: normal;
	background-color: #FDB913;
	background-image: none;
}
#submenu li ul li a   {
		background-color: #FDEEA5;
		color: #000;
}
#submenu li ul li a:focus, #submenu li ul li a:hover, #submenu li ul li a:active   {
		background-color: #0077BB;
}
#submenu li strong, #submenu li ul li strong   {
		background-color: #FFC10E;
		color:#000;
}


/* ../img/EncuentroMicrofinanzas.jpg*/ 
/* @end */
#cil_page {

	background: transparent url(../img/EncuentroMicrofinanzas.jpg) no-repeat bottom left;

}
/* @group content.css */

h1 {
	color: #444;
	font-weight: bold;
	margin-top: 25px;
	margin-bottom: 10px;
	margin-left: 10px;
	font-size: 17px;
	border: none;
}

.subcr h1{
	margin-top: 0px;
	margin-bottom: 0px;
}

h2 {
	background: none;	
	color: #0077BB;
	font-weight: bold;
	margin-bottom: 20px;
	font-size: 16px;
}

h3 {
	background: none;
	color: #0077BB;
	font-weight: bold;
	margin-bottom: 20px;
	font-size: 14px;
}

h4 {
	background: none;	
	color: #FDC600;
	font-weight: bold;
	margin-bottom: 20px;
	font-size: 12px;
}

h5 {
	color: #666;
	font-weight: bold;
	margin-bottom: 20px;
	font-size: 12px;
}

a {
	color: #0077BB;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

dd.csc-textpic-caption {
  font-style: italic;
  text-align: center;
  font-size: 0.9em;
  background-color: transparent;
}

/* @group Round Boxes */


.REboxGreenContent {
	height: auto;
	text-align: left;
	background: #eee url(../img/rediseno/reboxgreen.gif) bottom repeat-x;
	border-color: #aaa;
}

#col1 .REboxGreenContent{
	height: auto;
}

.REboxGreenContent h1 {
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
	border: none;
}
.REboxGreenContent a{
	font-size: 13px;
	margin-top: 10px;
	float: center;
	border: none;
}

#main .REboxGreenContent p{
	color: #666;
	margin-left: 10px;
}

.rGline1{
	background-color: #aaa;
	border-color: #aaa;
}

.rGline2, .rGline3, .rGline4 {
	background-color: #fff;
	border-color: #aaa;
}

.rGline2.top, .rGline3.top, .rGline4.top {
	background-color: #eee;
	border-color: #aaa;
}

.REboxRedContent {
	height: 130px;
	text-align: left;
	background-color: #eee;
	background-image: none;
	border-color: #aaa;
}

.REboxRedContent a, .REboxRedContent h1 {
	color: #444;
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
	border: none;
}

#main .REboxRedContent p{
	color: #666;
	margin-left: 10px;
}

.rRline1{
	background-color: #aaa;
	border-color: #aaa;
}

.rRline2, .rRline3, .rRline4 {
	background-color: #eee;
	border-color: #aaa;
}

.REboxBlueContent {
	text-align: left;
	color: white;
	background-color: #FFDB6F;
}

.REboxBlueContent a, .REboxBlueContent h1 {
	color: #ea9718;
}

.rBline1, .rBline2, .rBline3, .rBline4 {
	background-color: #FFDB6F;
	border-color: #FFDB6F;
}

.rBline4.top{
	margin-bottom: 1px;
}

/* @end */

dt a:hover {
	text-transform: none;
	border-style: none;
}

/* @end */

#rss-news {
	margin-top: 10px;
}

/* @group blog */

.blog-list-item {
	padding-bottom: 15px;
	border-bottom: 1px solid #ea9718;
}

.blog-list-comments {
	color: #878584;
	font-weight: bold;
	font-size: 1.3em;
}

.blog-list-comments a {
	color: #b5b5b5;
}

.blog-list-comments a:hover {
	color: #00a8ff;
}

.blog-list-date, .blog-single-timedata {
	margin-bottom: 20px;
	color: #ea9718;
	font-size: 12px;
}

.blog-list-more {
	float: right;
}

.tx-guestbook-header {
	color: #424440;
	margin-top: 10px 0 20px 0;
	background-color: #dfe3d4;
	padding: 15px;
	border-left: 3px solid #acb09e;
}

.blog-guestbook-name, .new-latest-title {
	font-weight: bold;
}

/* @end */

/* @group tt_news */

.news-list-item {
	padding-bottom: 20px;
	border-bottom: 1px dotted #ea9718;
}

.news-list-item h3 a {
	text-decoration: none;
}

.news-list-date {
	margin-bottom: 10px;
	color: #ea9718;
	font-size: 12px;
}

.news-list-morelink {
	float: right;
}

.news-latest-item{
	width: 290px;
	margin-left: 10px;
	margin-right: 10px;
	float: left;
	border-bottom: 1px dotted #ea9718;
}
.news-latest-item3{
	float: left;
	border-bottom: 1px dotted #ea9718;
	margin-bottom: 10px;
}
.news-latest-item3 a{
	font-size: 12px;
}
.news-latest-title {
	height: 35px;
	color: #444;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
	overflow: hidden;
}

.news-latest-subheader{
	height: 80px;
	overflow: hidden;
}

.news-list-morelink  {
	background: none;
	border: none;
}

.tx-ttnews-browsebox, .news-latest-morelink {
	border: none;
	background: none;
	float: right;
	color: #0077BB;
}

.news-latest-morelink{
	height: 20px;
	padding-right: 10px; 
	text-align: right;
	float: none;
}

.news-latest-date a, .news-latest-morelink a, .news-list-morelink a,.news-single-morelink a{
	color: #0077BB;
}

.news-latest-morelink a{
	color: #000;
}

.news-single-item-clientes {
	padding-bottom: 5px;
	border-bottom: 1px solid #ea9718;
}
.news-list-item-clientes {
	padding-bottom: 5px;
	border-bottom: 1px solid #ea9718;
}
.news-item-clientes-categoria {
    color: #ea9718;
	font-weight: bold;
	font-style: italic;
}

.news-single-item h3, .tx-guestbook-header {
	border-left: solid 5px #7AB2DD;
	background: #C4DEF3;
}
 .tx-guestbook-header {
    font-style: italic;
}
.news-single-img {
	margin: 0 15px;
}

#main p.news-single-imgcaption{
	color: #666;
	width: 230px;
	font-size: 11px;
	margin-bottom: 5px;
}

 .tx-ttnews-browsebox {
float: left;
 }
 .tx-ttnews-browsebox a {
 text-decoration: underline;
}

input, textarea {
   background-color: #C4DEF3;
   border: solid 1px #7AB2DD;
   color: #7AB2DD;
}
input:hover,  textarea:hover {
   background-color: #C4DEF3;
   border: solid 1px #0077B9;
   color: #0077B9;
}

#header .tx-macinasearchbox-pi1 #searchform input{
    width: 130px;
    background-color: #fff;
    border: solid 1px #666;
    color: #666;	
}
#header .tx-macinasearchbox-pi1 #searchform input:hover{
    background-color: #fff;
    border: solid 1px #000;
    color: #000;	
}


	/* content element "table" generico */
	table.contenttable {font-size:0.9em; width:96%;  margin:10px auto; border-collapse:collapse; empty-cells:show;}
	table.contenttable caption {text-align:left; font-weight:bold; color:#888; margin-bottom:0.2em;}
	table.contenttable th {height:2.0em; background: #0077B9; color:white; padding:2px 7px 2px 7px;
	                       border-left:solid 1px #fff; border-right:solid 1px #fff; border-top:solid 1px #fff;
	                       border-bottom:solid 1px #fff; text-align: center; text-transform: uppercase;}
	table.contenttable td {height:3.0em; padding:2px 7px 2px 7px; border-left:solid 1px #fff; border-right:solid 1px #fff;
	                       border-top:solid 1px #fff; border-bottom:solid 1px #fff; text-align:left; font-weight:normal}
	table.contenttable tr td { vertical-align: top; }
	
	/* tables, specifically, por defecto */
	table.contenttable-0 th { background: #fff; color: #000; border-color: #666; }
	table.contenttable-0 td { background-color: #fff; border-color: #666;}
	table.contenttable-0 p { font-weight: bold; border-color: #000;}
		
	/* tables, specifically, distribucion 1 */
	table.contenttable-1 caption {color: #EA5B00;}
	table.contenttable-1 th { background: #01A4E9; color: #D4EDF7; }
	table.contenttable-1 tr.tr-0 td p { font-weight: bold; }
	.contenttable-1 tr.tr-odd td {background: #D4EDF7; color: #EA5B00;}
	.contenttable-1 tr.tr-even td {background: #F7E2D4; color: #EA5B00;}
		
	/* tables, specifically, distribucion 2 */
	table.contenttable-2 caption {color: #BA8234;}
	table.contenttable-2 th { background: #BA8234; color: #F7E8D4; }
	table.contenttable-2 tr.tr-0 td p { font-weight: bold; }
	.contenttable-2 tr.tr-odd td {background: #F7E8D4; color: #9E6E2B;}
	.contenttable-2 tr.tr-even td {background: #D4E4F7; color: #9E6E2B;}

	/* tables, specifically, distribucion 3 */	
	table.contenttable-3 caption {color: #FFD800;}
	table.contenttable-3 th { background: #FFA000; color:black;}	
	table.contenttable-3 tr td.td-0 p, table.contenttable-3 tr.tr-0 td p { font-weight: bold; }
	table.contenttable tr.tr-odd {background: #F7EAD4; color: #000;}
	table.contenttable tr.tr-even {background: #FFD800; color: #000;}		




/* @end */

/* browse list in tt_news*/
.tx-ttnews-browsebox {
	text-align: left;
	border:none;
	border-bottom: 1px solid #01A4E9;
	margin: 0 auto;
	background: #fff;
	margin-top:0px;
	padding:10px 0 0 0;
}
.tx-ttnews-browsebox  .browsebox {
	float: right;
	margin-top: -33px;
	background: #fff;
}
.tx-ttnews-browsebox .browsebox tbody tr td, .tx-ttnews-browsebox .browsebox tbody tr td p a {
	padding: 2px;
}
.tx-ttnews-browsebox-strong, .tx-ttnews-browsebox-SCell {
	font-weight: normal;
}
.tx-ttnews-browsebox-SCell P,.tx-ttnews-browsebox TD P {
	margin:0;
}
.tx-ttnews-browsebox-SCell {
	background-color: #fff;
}
.tx-ttnews-browsebox-SCell a {
	color: white;
}

}

.news-holders-container{
	height: 335px;
	padding-top: 15px;
	margin-top: 10px;
	overflow: visible;
	position: relative;
}

.news-holders-subcontent{
	width: 970px;
	height: 335px;
	background: #fff url('../img/rediseno/holder.gif') no-repeat;
}

.news-holders-title{
	padding: 130px 0px 0px 20px;
}

.news-holders-title a{
	width: 300px;
	height: 94px;
	color: #000;
	font-size: 26px;
	font-weight: bold;
	display: block;
	padding-left: 100px; 
	background: transparent url('../img/rediseno/holder-title.png') no-repeat;
}

.news-holders-title a:hover{
	text-decoration: none;
}

.news-holders-image{
	float: right;
	padding: 0px 20px 0px 10px;
	margin-top: 10px;
}

.news-single-item h2, .upper .subcolumns .subcr h2{
	font-size: 18px;
	font-weight: bold;
	margin: 0px;
	margin-bottom: 5px;
	padding-left: 0px;
	color: #000;
}

.news-single-item h3{
	background-color: transparent;
	border: none;
	padding: 0px;
}

.news-single-timedata{
	border-bottom: 1px dashed #bbb;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

.news-single-item .singlenews_label{
	float: left;
	padding-right: 5px;
}

.news-single-additional-info dt, .upper .subcolumns .subcr h2{
	color: #666;
	font-size: 16px;
	font-family: Arial;
	border-top: 5px solid #eee;
	padding-top: 5px;
	padding-bottom: 0px;
	margin: 0px;
}

.news-single-additional-info dl, .news-single-additional-info dd{
	margin: 0px;
	padding: 0px;
}

.news-single-additional-info .news-single-related,
.news-single-additional-info .news-single-files,
.news-single-additional-info .news-single-links
{
	margin-bottom: 15px;
}

.news-single-additional-info .news-single-files img{
	vertical-align: middle;
	margin-right: 5px;
}

.news-single-additional-info .news-single-links p{
	margin: 0px;
}

#main p.news-single-author{
	font-size: 14px;
	font-weight: bold;
	color: #666;
	margin: 0px;
}

.news-latest-container{
	margin: 0px;
	padding: 0px;
}

.news-latest-container.home{
	height: 130px;
}

.news-latest-item{
	margin-left: 0px;
}

.news-latest-item a{
	font-weight: normal;
	font-size: 12px;
}


.news-blog-container{
	margin: 0px;
	padding: 0px;
}

.news-blog-item{
	width: 290px;
	margin-left: 10px;
	margin-right: 10px;
	float: left;
}

.news-blog-item p{
	margin: 0px;
}

.news-blog-author {
	color: #666;
	font-size: 14px;
	margin-bottom: 0px;
}

.news-blog-subheader{
	margin: 0px;
	padding: 0px;
}

.news-blog-image{
	float: left;
	margin-right: 10px;
}

.news-blog-item a{
	font-weight: normal;
	font-size: 12px;
}

.news-single-content-top, .news-blog-content{
	border-top: 1px dashed #bbb;
	margin-top: 10px;
	padding-top: 10px;
}

.tx-comments-pi1{
	width: auto;
	border-top: 1px solid #bbb;
	margin-top: 10px;
	padding-top: 15px;
}

.subcr .tx-comments-pi1{
	margin-top: 0px;
}

.tx-comments-comment-form{
	background-color: #eee;
	border: 1px solid #bbb;
	padding: 10px;
	margin-top: 10px;
}

.tx-comments-comment-form h4{
	border: none;
	color: #000;
	font-size: 18px;
	margin-top: 0px;
}

.tx-comments-comment-form input, .tx-comments-comment-form textarea{
	background-color: #fff;
	border: 1px solid #444;
	color: #000;
}

/* 18-08-2010*/

.news-list-item img {
	padding: 0.5em 0.5em 0.5em 0;
	float: left;
	margin-left:0;
}
.tx_rbezmlmsubscription_form h1 {
	color: #0077BB;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	padding-bottom: 10px;
}

.tx_rbezmlmsubscription_form_modeblock {
	padding-top: 10px;
	padding-bottom: 10px;
}

/****************************************************/
/* 23-12-2010 - menu */
/****************************************************/


/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
	height:			auto;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			37px; /* match top ul list item height */
	
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
}
.sf-menu a {
	border-left:	1px solid #fff;
	border-top:		1px solid #CFDEFF;
	padding: 		.75em 1em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#ffffff;
	font-weight: bold;
}
.sf-menu li {
	/*background-color: transparent;*/
}
.sf-menu li li {
	background:		#7ab2dd;
	border-bottom: 1px solid #FFFFFF;
	font-size: 		13px;
	width: 			250px;
}
.sf-menu li li li {
	background:		#7ab2dd;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	outline:		0;
	color:			#13a;
	font-weight: bold;
	z-index: 10000;
}
.sf-menu li.sub, .sf-menu li.sub a:hover {
	display:block !important;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}