

#pagin_char{

border:solid 1px #ccc;

border-right:none;





}



#td_fields{

border-right:solid 1px #ccc;



}





.style2 {color: #CCCCCC}

-->





div.navigator{

			font-size:smaller;

			padding:5px;

			text-align:center;

		}

		div.totalpagesdisplay{

			padding-top:15px;

			font-size:smaller;

			text-align:center;

			font-style:italic;

		}

		.navigator a, span.inactive{

			padding : 0px 5px 2px 5px;

			margin-left:0px;

			border-top:1px solid #ccc;

			border-left:1px solid #ccc;

			border-right:1px solid #999;

			border-bottom:1px solid #999;

		}

		.navigator a:link, .navigator a:visited,

		    .navigator a:hover,.navigator a:active{

			color: #96B06E;

			background-color: #FFFFFF;

			text-decoration: none;

		}

		span.inactive{

			background-color :#EEEEEE;

			font-style:italic;

		}







.Estilo1 {

	color: #000000;

	font-weight: bold;

	font-size: large;

}

.estilotablad {	

	border-left:solid #CCC 1px;
	border-right:solid #CCC 1px;
	border-bottom:solid #CCC 1px;


}



.marker{

color:blue;

background-color:yellow;

}



.style1 {font-size: 10pt}





.compareblogs-tagcloud {

font-family: Helvetica, arial, sans-serif;

text-align: justify;

}

.compareblogs-tagcloud a:link {

text-decoration: underline; color: #0063DC;

}

.compareblogs-tagcloud a:visited {

text-decoration: underline; color: #2E67C7;

}

.compareblogs-tagcloud a:hover {

text-decoration: none; color: #FFFFFF;

background: #0063DC;

}

.compareblogs-tagcloud a:active {

text-decoration: none; color: #FFFFFF;

background: #0259C4;

}



a.enls:link, a.enls:visited{

color: #3366CC;

text-decoration: none;

}

a.enls:hover{

color:#666666



}

a.secac2{

	color: #3366CC;

	text-decoration: none;

}

a.secac{

	color: #3366CC;

	text-decoration: none;

	background-color: #FFFFFF;

}

a.secac:hover{

	color: #666666;

	text-decoration: none;

	background-color: #FFFFFF;

}

.botones {

	font-family: verdana;

	font-size: 12px;

	font-weight: bold;

	color: #3366CC;

	margin: 0;

	padding-left: 18px;

	text-decoration: none;

	text-align: left;

}

.botonesHover {

text-decoration: none;

color: #666666;

background-color: #FFFFFF;

}

/* Atención, evitar alterar la clase .subMe */

.subMe{

	display: none;

	margin: 0;

	background-image: url(imasmenu/puntosvt.gif);

	background-repeat:  repeat-y;

}

/* Atención, evitar alterar la clase .subMe */





#menus {

	font-size:11px;

}

#menus div {

	font-size:11px;

	padding:2px 0px 0px 0px;

}

#menus td {padding:2px 0px 3px 0px}

#menus a {

	font-size:12px;

	text-decoration:none;

}

#menus a:hover {text-decoration:underline}



#tagcloud_lite { font-size: 24px; display:center; list-style-type: none; line-height: 30px }



#pie{

   background-color: #cccccc;



   text-align:right;

   clear: both;

} 







/* serie.ccs ********  */



#bloglisting .listgroup { padding-top:30px; position:relative; }

#bloglisting .listgroup .unit { position:absolute; top:0; left:85px; border:0; }



#bloglisting .listingad{

	border-top: 1px solid #CFD3D7;

	padding:7px 0;

	text-align:center;

	}

	



.bloglisting {

	border-top: 1px solid #CFD3D7;

	clear:left;

	position:relative;

	height:120px; 

	}



	.bloglisting .thumbshot { float:left; width:170px; height:120px;  }

	.bloglisting .thumbshot img { width:150px; height:100px; margin:10px; border:none;}

	

	.bloglisting h3 {

		font-size: 15px;

		margin:10px 0 0 0;

		}

		

		.bloglisting h3 a { text-decoration:none;}

	

	.bloglisting p.desc {

		font-size:11px; 

		line-height:140%;

		margin:5px 10px 0 170px;

		}

	

	

.bloglisting div.linkbox {

	font-size:10px;

	background:#EFEFEF; 

	border:1px solid #DDD;

	width: 440px;

	padding:3px 10px;

	position:absolute; bottom:10px; left:170px;

	}

	

	* html .bloglisting div.linkbox { bottom: 20px; }

	

	.sponsor { background-color:#F5F5F5; }



/*------------------------

/*		Post Listings

/*-----------------------*/	



.post { height:auto; }



.post h3 { margin-left:2px; font-size:16px; font-weight:bold; }

.post h4 { margin-left:2px; font-size:11px; font-weight:normal; }

.post b { margin-left:2px; font-size:16px; font-weight:bold; }

.post lii { margin-left:2px; font-size:11px; font-weight:normal; }



.post p.desc {

	margin:10px 0;

	font-size:11px;

	line-height:135%;

	}



.bloglisting .userimage { float:left; width:35px; height:35px; margin:10px 5px 0 0; }

























body {

	text-align: center;

	font-size: 12px;

	font-family: Arial, Helvetica, Verdana, sans-serif;

	background:#FFF;

	background-repeat:no-repeat;

	margin:0 0 20px 0;

	}

	

	.clearall { clear:both; }

	.center { text-align:center; }

	.right { text-align:right; }

	.errors { color:#de2921; }

	a img, form, fieldset { border: 0; }

	

	form select option { padding:0px 5px; }

	

	a { color:#336699; }

	a:hover { color:#de2921; }

















/*------------------------

/*		Pagination

/*-----------------------*/



div.pagination {

	text-align:center;

	clear:both;

	}



div.pagination a {

	padding: 1px 3px;

	margin: 1px;

	border: 1px solid #257BB3;

	

	text-decoration: none; /* no underline */

	color: #257BB3;

}

div.pagination a:hover, div.pagination a:active {

	border: 1px solid #DC241F;

	color: #DC241F;

}

div.pagination span.current {

	padding: 1px 3px;

	margin: 2px;

		border: 1px solid #000099;

		

		font-weight: bold;

		background-color: #257BB3;

		color: #FFF;

	}

	div.pagination span.disabled {

	padding: 1px 3px;

		margin: 2px;

		border: 1px solid #EEE;

	

		color: #DDD;

	}







/*------------------------

/*		Pagination

/*-----------------------*/



div#pagenumbers { margin:5px 0 10px 5px; border-top: 1px solid #000; padding:3px 0; font-size:10px; }

div#pagenumbers div.left { float:left; padding: 5px 0; }

div#pagenumbers div.right { float:right; padding: 5px 0;}

	











/*------------------------

/*		Content

/*-----------------------*/



#content {

	

	

	width:708px;

	}

	

	

	

	#content .section {

	

	margin: 0 0 12px 0;

	padding:15px;

	}

	



















#content liii{ margin-left:2px; font-size:11px; font-weight:normal; }







/*  ************  linstin.css *****************



*------------------------

/*		Directory

/*-----------------------*/



#directorylisting {

	width: 100%;

	margin: 0 0 0 0;

	}



#directorylisting h2 {

	font-size: 10px;

	line-height: 145%;

	margin: 0;

	padding: 5px 0;

	display: inline;

	}



#directorylisting h2 a {

	background: url("../images/folder-icon1.gif") left 4px no-repeat;

	padding: 4px 3px 4px 20px;

      color: #000;

	text-decoration: underline;

	font-size: 12px;

	line-height:18px;

	}



#directorylisting td, th {

	padding:2px 0;

    font-size: 10px;

	

	text-align: left;

	}



	#directorylisting ul li {

		list-style: none;

		padding: 2px 0 2px 20px;

		}



	#directorylisting ul li a {

		text-decoration: none;

		}





div.navigator{

			font-size:smaller;

			padding:5px;

			text-align:center;

		}

		div.totalpagesdisplay{

			padding-top:15px;

			font-size:smaller;

			text-align:center;

			font-style:italic;

		}

		.navigator a, span.inactive{

			padding : 0px 5px 2px 5px;

			margin-left:0px;

			border-top:1px solid #ccc;

			border-left:1px solid #ccc;

			border-right:1px solid #999;

			border-bottom:1px solid #999;

		}

		.navigator a:link, .navigator a:visited,

		    .navigator a:hover,.navigator a:active{

			color: #96B06E;

			background-color: #FFFFFF;

			text-decoration: none;

		}

		span.inactive{

			background-color :#EEEEEE;

			font-style:italic;

		}

		

ul.cloud { text-decoration:none}		

ul.cloud { margin: 0 14px 0 14px; padding: 0 }



ul.cloud li { display: inline; color: #37d; padding: 0 4px 0 4px }

ul.cloud li.size1{ font: normal 10px  "Trebuchet MS" }

ul.cloud li.size2{ font: italic 11px  "Trebuchet MS" }

ul.cloud li.size3{ font: bold 12px  "Trebuchet MS" }

ul.cloud li.size4{ font: normal 13px  "Trebuchet MS" }

ul.cloud li.size5{ font: italic 14px  "Trebuchet MS" }

ul.cloud li.size6{ font: bold 15px  "Trebuchet MS" }

ul.cloud li.size7{ font: normal 16px  "Trebuchet MS" }

ul.cloud li.size8{ font: italic 17px  "Trebuchet MS" }

ul.cloud li.size9{ font: bold 18px  "Trebuchet MS" }

ul.cloud li.size10{ font: normal 19px / 14px  "Trebuchet MS" }

ul.cloud li.size11{ font: italic 20px / 14px  "Trebuchet MS" }

ul.cloud li.size12{ font: bold 21px / 14px  "Trebuchet MS" }

ul.cloud li.size13{ font: normal 22px / 18px  "Trebuchet MS" }

ul.cloud li.size14{ font: italic 23px / 18px  "Trebuchet MS" }

ul.cloud li.size15{ font: bold 24px / 18px  "Trebuchet MS" }

ul.cloud li.size16{ font: normal 25px / 18px  "Trebuchet MS" }

ul.cloud li.size17{ font: italic 26px / 18px  "Trebuchet MS" }

ul.cloud li.size18{ font: bold 27px / 18px  "Trebuchet MS" }









/*  **************** plus.css *******************************



/*

Theme Name: SimplePie

Theme URI: http://www.simplepie.org

Description: A simple, yet beautiful theme inspired by (but not stolen from) 37Signals' Backpack and Basecamp websites.

Version: 1.0

Author: Ryan Parman

Author URI: http://www.skyzyx.com

Updated: 30 March 2007

*/





/*********************************************

GENERAL STYLES

*********************************************/





input[type=text], select, textarea {

	background-color:#e9f5ff;

	border:1px solid #000000;

}







div#sp_input input#feed_input {

	

	font:10px/15px "Lucida Grande", Verdana, sans-serif;

	

	letter-spacing:-1px;

}



table#chart {

	border-collapse:collapse;

}



table#chart th {

	background-color:#eee;

	padding:2px 3px;

	border:1px solid #fff;

}



table#chart td {

	text-align:center;

	padding:2px 3px;

	border:1px solid #eee;

}



table#chart td.left {

	text-align:left;

}





/*********************************************

NAVIGATION STYLES

*********************************************/





body#bodydemo ul#menu li#demo a {

	color:#fff;

	background-color:#333;

	text-decoration:none;

}





/*********************************************

CONTENT STYLES

*********************************************/

div.chunk {

	margin-left:20px;

	margin-right:20px;

	margin-bottom:20px;

	padding:10px;

	border-bottom:1px solid #ccc;

}



.footnote,

.footnote a {

	font:10px verdana, sans-serif;

	color:#666666;

	

}



.footnote em {

	background-color:transparent;

	font-style:italic;

}



p.subscribe {

	background-color:#f3f3f3;

	font-size:11px;

	text-align:center;

}



p.highlight {

	background-color:#ffc;

	font-size:11px;

	text-align:center;

}



p.sample_feeds {

	font:11px/14px verdana, sans-serif;

}



div.sp_errors {

	background-color:#eee;

	padding:5px;

	text-align:center;

	font-size:11px;

}





/*********************************************

DEMO STYLES

*********************************************/

div#sp_input {

	background-color:#ffffff;

	padding:2px;

	text-align:left;

}



div#sp_input input.text {

	border:1px solid #999;

	background-color:#ffffff;

	width:30%;

	padding:2px;

}



form#sp_form {

	margin:5px 0;

}



div.focus {

	margin:0;

	padding:10px 20px;

	background-color:#efe;

}





/*********************************************

SIFR STYLES

*********************************************/

.sIFR-active h3.header {

	visibility:hidden;

	line-height:1em;

}





.info

	{		

		color: #333;

		font-family: verdana, sans-serif;

		font-size: 9px;

		padding: 2px;

		margin-bottom: 1px;

		line-height: 18px;

	}

	

	.info a

	{

		color:#5B5B5B;

		text-decoration:none;

		font:12px verdana, sans-serif;

		font-weight:700;

		white-space:nowrap;

		padding:0 1px;

	}

	

	.info a:hover

	{

		color:#fff;

		background-color:#333;

		text-decoration:none;

		padding:0 1px;

	}



	 .info

	{

		padding-left: 18px;

	}

	

	 .info 

	{

		background: url(../_img/icon_referencias.gif) no-repeat scroll left top;

	}



	.info

	{

		background: url(../_img/icon_referencias_plus.gif) no-repeat scroll left top;

	}



	

	.contadores{

	

	font:10px verdana, sans-serif;

	color:#666666;

	text-align:right;

	font-style:normal;

	}

/* capcha ccs */

.captcha-verify {

    font-family: arial;

    margin: 0;

  	width: 300px;

  	height: 130px;

  	color: #666;

  	font-size: 12px;

  	padding: 4px;

  	background: #FFF;

  	border: 1px solid #333;

  }

  

  .captcha-verify img {

  	border: 0;

  	border: 1px solid #ccc;

  }

  

  .captcha-verify .word {

  	padding: 10px 2px;

  }

  

  .captcha-verify .text {

  	display: block;

  	padding: 1px 6px;

  	float: left;

  }

  

  .captcha-verify .word .inputs {

  	display: inline;

  	font-size: 11px;

  	margin: 4px;

  }

  

  .emailProtector {

    font-weight: bold;

    text-decoration: underline;

  }

/* spryValidationselecr.ccs */

@charset "UTF-8";



/* SpryValidationSelect.css - Revision: Spry Preview Release 1.4 */



/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */



/* These are the classes applied on the messages

 * (required message and invalid state message)

 * which prevent them from being displayed by default.

 */ 

.selectRequiredMsg, .selectInvalidMsg {

	display: none;

}



/* These selectors change the way messages look when the widget is in one of the error states (required, invalid).

 * These classes set a default red border and color for the error text.

 * The state class (.selectRequiredState or .selectInvalidState) is applied on the top-level container for the widget,

 * and this way only the specific error message can be shown by setting the display property to "inline".

 */

.selectRequiredState .selectRequiredMsg,

.selectInvalidState .selectInvalidMsg {

	display:block;

	color: #CC3333;

	/*border: 1px solid #CC3333;*/

}



/* The next three group selectors control the way the core element (SELECT) looks like when the widget is in one of the states: 

 * focus, required / invalid, valid 

 * There are two selectors for each state, to cover the two main usecases for the widget:

 * - the widget id is placed on the top level container for the SELECT

 * - the widget id is placed on the SELECT element itself (there are no error messages)

 */

 

/* When the widget is in the valid state the SELECT has a green background applied on it. */

.selectValidState select, select.selectValidState {

	background-color: #B8F5B1;

}



/* When the widget is in an invalid state the SELECT has a red background applied on it. */

select.selectRequiredState, .selectRequiredState select,

select.selectInvalidState, .selectInvalidState select {

	background-color: #FF9F9F;

}



/* When the widget has received focus, the SELECT has a yellow background applied on it. */

.selectFocusState select, select.selectFocusState {

	background-color: #FFFFCC;

}

/* stry texttatareas **** */

@charset "UTF-8";



/* SpryFormValidation.css - Revision: Spry Preview Release 1.4 */



/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */







/* These are the classes applied on the error messages

 * which prevent them from being displayed by default.

 */ 

.textareaRequiredMsg,

.textareaMinCharsMsg,

.textareaMaxCharsMsg,

.textareaValidMsg {

	display:none;

}



/* These selectors change the way messages look when the widget is in one of the error states.

 * These classes set a default red border and color for the error text.

 * The state class (e.g. .textareaRequiredState) is applied on the top-level container for the widget,

 * and this way only the specific error message can be shown by setting the display property to "inline".

 */

.textareaRequiredState .textareaRequiredMsg,

.textareaMinCharsState .textareaMinCharsMsg,

.textareaMaxCharsState .textareaMaxCharsMsg

{

	display: inline;

	color: #CC3333;

	border: 1px solid #CC3333;

}



/* The next three group selectors control the way the core element (TEXTAREA) looks like when the widget is in one of the states: * focus, required / minChars / maxChars , valid 

 * There are two selectors for each state, to cover the two main usecases for the widget:

 * - the widget id is placed on the top level container for the TEXTAREA

 * - the widget id is placed on the TEXTAREA element itself (there are no error messages)

 */

 

 /* When the widget is in the valid state the TEXTAREA has a green background applied on it. */

.textareaValidState textarea, textarea.textareaValidState {

	background-color:#B8F5B1;

}



/* When the widget is in an invalid state the TEXTAREA has a red background applied on it. */

textarea.textareaRequiredState, .textareaRequiredState textarea, 

textarea.textareaMinCharsState, .textareaMinCharsState textarea, 

textarea.textareaMaxCharsState, .textareaMaxCharsState textarea {

	background-color:#FF9F9F;

}



/* When the widget has received focus, the TEXTAREA has a yellow background applied on it. */

.textareaFocusState textarea, textarea.textareaFocusState {

	background-color:#FFFFCC;

}



/* This class applies only for a short period of time and changes the way the text in the textarea looks like.

 * It applies only when the widget has enforce max chars enabled and the user tries to type some more.

 */

.textareaFlashState textarea, textarea.textareaFlashState{

	color:red !important;

}



/* xtxtext field ********* */

@charset "UTF-8";



/* SpryFormValidation.css - Revision: Spry Preview Release 1.4 */



/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */





/* These are the classes applied on the error messages

 * which prevent them from being displayed by default.

 */ 

.textfieldRequiredMsg, 

.textfieldInvalidFormatMsg, 

.textfieldMinValueMsg,

.textfieldMaxValueMsg,

.textfieldMinCharsMsg,

.textfieldMaxCharsMsg,

.textfieldValidMsg {

	display: none;

}



/* These selectors change the way messages look when the widget is in one of the error states.

 * These classes set a default red border and color for the error text.

 * The state class (e.g. .textfieldRequiredState) is applied on the top-level container for the widget,

 * and this way only the specific error message can be shown by setting the display property to "inline".

 */

.textfieldRequiredState .textfieldRequiredMsg, 

.textfieldInvalidFormatState .textfieldInvalidFormatMsg, 

.textfieldMinValueState .textfieldMinValueMsg,

.textfieldMaxValueState .textfieldMaxValueMsg,

.textfieldMinCharsState .textfieldMinCharsMsg,

.textfieldMaxCharsState .textfieldMaxCharsMsg

{

	display:block;

	color: #CC3333;

	/*border: 1px solid #CC3333;*/

}







/* The next three group selectors control the way the core element (INPUT) looks like when the widget is in one of the states: * focus, required / invalid / minValue / maxValue / minChars / maxChars , valid 

 * There are two selectors for each state, to cover the two main usecases for the widget:

 * - the widget id is placed on the top level container for the INPUT

 * - the widget id is placed on the INPUT element itself (there are no error messages)

 */

 

 /* When the widget is in the valid state the INPUT has a green background applied on it. */

.textfieldValidState input, input.textfieldValidState {

	background-color: #B8F5B1;

}



/* When the widget is in an invalid state the INPUT has a red background applied on it. */

input.textfieldRequiredState, .textfieldRequiredState input, 

input.textfieldInvalidFormatState, .textfieldInvalidFormatState input, 

input.textfieldMinValueState, .textfieldMinValueState input, 

input.textfieldMaxValueState, .textfieldMaxValueState input, 

input.textfieldMinCharsState, .textfieldMinCharsState input, 

input.textfieldMaxCharsState, .textfieldMaxCharsState input {

	background-color: #FF9F9F;

}



/* When the widget has received focus, the INPUT has a yellow background applied on it. */

.textfieldFocusState input, input.textfieldFocusState {

	background-color: #FFFFCC;

}



/* This class applies only for a short period of time and changes the way the text in the textbox looks like.

 * It applies only when the widget has character masking enabled and the user tries to type in an invalid character.

 */

.textfieldFlashText input, input.textfieldFlashText{

	color: red !important;

}

 

	













