/* Designed by François PLANQUE - http://fplanque.net/ */



@import url(../../../rsc/css/basic.css);	/* Import basic styles */

@import url(../../../rsc/css/img.css);	/* Import standard image styles */

@import url(../../../rsc/css/blog_elements.css);	/* Import standard blog elements styles */

@import url(../../../rsc/css/forms.css);	/* Import default form styles */

@import url(../../../rsc/css/comments.css);	/* Import default comment styles */



body {
	background: #DADBBF url("img/bgPRUEBAS.jpg")  repeat-x center top;
	padding: 0;
	margin-top: 0;
	margin: 0;
	color: #333333;
	font: 90% Arial, Helvetica, sans-serif;
}



a {
	color: #0089E0;/* Color de los textos tipo a*/
	text-decoration:none;
	font-weight: normal;
}

a:hover {

	text-decoration:underline;

}



a.gray {
	color: #333333;/* Color de los textos a.gray */
	font-size: 11px;
	font-weight:normal;
}

h1#pageTitle a {

	color: #333333;

	text-decoration: none;

}

h6#pageTitle2 a {

	color: #004990;

	text-decoration: none;

}



h1 {
	color: #FFFFFF;	/*Color del titulo de las catagorias*/
	font-size: 18pt;
	margin: 0 0 1ex 29px;
}

h2 {
	color: #000000;/*Color del titulo cuando existe un error de publicación o de algun tipo*/
	font-size: 90%;
	margin: 0;
}

h3 {

	color: #004990;/*Naranja*/

	font-size: 13px;

}

h4 {

	color: #004990;/*Morado*/

	font-size: 90%;

}

h5 {

	color: #004990;/*Morado*/

	font-size: 90%;

}

h8 {

	color: #00CC00;/* Color de los textos tipo b*/

	text-decoration:none;

}

/*h8:hover {

	text-decoration:underline;

}*/



h8.gray {

	color: #00CC00;/* Color de los textos b.gray */

	font-size: 11px;

	font-weight:normal;

}



div#wrapper {

	background: #FFFFFF url("img/bg2.jpg") no-repeat center top;

	width: 967px;

	margin: 0px auto;

	padding: 0;

}



div#wrapper2 {

	background: transparent url("img/footer.jpg") no-repeat center bottom;

	margin: 0;

	padding: 0;

}



div.pageHeader {
	background: #F2F2E6 url("img/header.jpg") no-repeat center top;
	height: 75px;
	padding: 0px 0px;
	margin: 0;
	margin-top: 0px;
	position: relative;
	top: -19px;
	left: 0px;
}
.espacio0paFlash {
	margin: 0px;
}



div#page_main_area {
	width: 920px;
	margin: 0 auto;
}



div#pageFooter {
	clear: both;
	margin: 0 auto;
	width: 670px;
	padding: 12px 0;

}

/*

#############################################

# Texto de los creditos inferiores del Skin #

#############################################

*/

p.baseline {
	text-align: right;
	font-size: 70%;
	color: #333300;/*Rojo*/
	padding: 1ex;
	margin: 0;
}

p.baseline a, p.baseline a {
	color: #333300;
	text-decoration: none;
}

p.baseline a:hover {

	text-decoration: underline;

}

/* Fin de los créditos inferiores del skin

-----------------------------------------------

*/

hr {

	height: 0;

	border: 0;

	border-top: 1px solid #78a;

}





h1#pageTitle {
	font-size: 22pt;
	margin: 15px 0 0 293px;
	padding: 0px 0 0 0;
	line-height: 1.22 em;
	text-transform: none;
}

h6#pageTitle2 {

	font-size: 50px;

	font-weight: normal;

	margin: -62px 0 0 310px;

	padding: 0px 0 0 0;

}

div.pageSubtitle {

	color: #fff;

	letter-spacing: 2px;

	margin: 3px 0 0 13px;

}

/*

###############################

# Begin styles for bloglist   #

###############################

*/

#BlogList {

margin : -2.2em 32px 0 32px;

border : 0px solid #000;

padding : 0;

}



ul#bloglist {

float:right;

margin : 5px 7px;

padding : .5ex 0;

list-style-type : none;

padding : .5ex 0;

}



ul#bloglist li {/*Fondo links Blogs*/

background-color : #339900;

border : 1px solid #FFF;

display : inline;

padding : 5ex 5px 5px 5px;

}



a.BlogButton, a.BlogButtonCurr {

font-weight : normal;

text-decoration : none;

}



a.BlogButton {/*Color de la fuente de los Links*/

color : #000033;

}



a.BlogButton:hover {/*Mouse Over sin selección*/

text-decoration : underline;

color : #000033;

}



a.BlogButtonCurr, a.BlogButtonCurr:visited {/*Link Seleccionado*/

font-weight : normal;

color : #FFFFFF;

}



a.BlogButtonCurr:hover {/*Mouse Over en link seleccionado*/

text-decoration : underline;

color : #FFFFFF;

}

/* End styles for bloglist 

-------------------------------------------------------

*/

/*

############################

# Begin Styles for posts   #

############################

*/

.bPosts {
	float: right;
	width: 640px;
	overflow: hidden;
	margin: 20px 20px 0 0px;
	padding: 10px 0 0 0;
}

div.action_messages {
	margin: 0 0 0 0px;
}

.bPost, .bPostpublished {

	clear: both;

	margin: 0 0 2ex;

	padding: 0 0 0 30px;

	background-image: url(img/arrow-right-big.png);	/*img/arrow-right-big.png*/

	background-repeat: no-repeat;

	background-position: 5px 3px;	/* border: 1px solid #78a; */

}

.bSmallHead {/*Fecha-Usuario-Categoria*/
	padding: 5px 0 7px;
	font-size: 70%;
	color: #333300;/*Cafe*/
	border-bottom: 2px solid #ddd;
}

.bTitle {
	color: #004990;    /* Color de la letra de los titulos del blog */
	font-size: 115%;
	margin: 0 0;
}

.bText {

	margin-top: 0px;

	margin-bottom: 0px;

}

.bSmallPrint {
	clear: both;
	float: right;
	color: #004990;
	font-size: 65%;
	margin-top: -30px;
}



div.bComment {/*Cuadros de comentarios*/

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

	background-color:	#E4E4DC;

	margin: 1ex 0 2ex 5ex;

}

div.moderation_msg {

	margin: 1ex 0 2ex 5ex;

}





form.bComment {

	border: 0;

	margin: 0;

	padding: 0;

}



input.bComment, textarea.bComment {/*Formulario de comentarios*/

	background-color: #fff;

	border: 1px solid #004990;

	width: 100%;

	padding: 2px;

	margin: 0ex;

}

select.bComment {  /* Used by the profile form */

	background-color: #fff;

	border: 1px solid #004990;

	padding: 1px;

	margin: 0ex;

}

/*

####################################

# Begin Styles for sidebar (right) #

####################################

*/

.bSideBar {
	margin: 0px 0px -70px;
	padding: 10px 0 0;
	width: 240px;
	float: left;
	overflow: hidden;
	background-repeat: inherit;
	background-position: right top;

}

.bSideItem {
	margin: 20px 10px 20px 18px;
	padding: 0 0 10px 0;
	background-image: url("img/line.gif");
	background-repeat: repeat-x;
	background-position: bottom;
	font-size: 85%;

}

.bSideItem h3 {

	margin: 0;

	padding: 0;

	font-variant:normal;

}

.bSideItem ul {

	margin-left: 8px;

	padding-left: 8px;

	margin-top: 8px;

	margin-bottom: 0px;

	list-style-type:square;

}

.bSideItem ul ul {

	margin-left: 8px;

	padding-left: 8px;

	margin-top: 0px;

	margin-bottom: 0px;

}



.bSideItem li {/*ficha_chica-azul.gif globo_azul.gif circulo_azul.gif*/

	list-style-image: url(img/circulo_rojo.gif);

}



.bSideItem li a {
	color: #666666;/* Color vinculo*/

}

.bSideItem li a:hover {/* color vinculo texto seleccionado*/

	color: #004990;

}



.dimmed {/* Color del numero de archivos*/

	color: #333333;

	font-size: 90%;

}



form.search {

	margin-top: 0px;

	margin-bottom: 0px;

	margin: 1ex 0;

}

input.SearchField {	/* Cuadro de texto Buscar */
	background-color: #fff;
	border: 1px solid #004990;/*E4E4DC*/
	padding: 2px;
	width: 140px;
	height: 16px;
}

input.search_submit {	/* Boton Buscar */
	border: 0;
	width: 43px;
	height: 20px;
	background-image: url(img/serch_ficha.gif);
	color: #fff;
	font-size:10px;
	font-weight:bold;
	top: inherit;
}

/*

###############

# Calendario: #

###############

*/



table.bCalendarTable {

	width: 100%;

	border: 1px solid #004990;

	background-color: #F2F2E6;

}

caption.bCalendarCaption {
	text-transform:uppercase;
	border-bottom: 0;
	border: 1px solid #004990;
	border-bottom: 0;
	background-color: #F2F2E6;
	width: 100%;
	font-weight: bold;

}

th.bCalendarHeaderCell {	/*Color de los días del calendario*/

	text-transform:uppercase;

	color: #004990;

}

table.bCalendarTable tfoot a {

	text-decoration: none;

}

table.bCalendarTable tfoot a:hover { /*Color de los botones del calendario al estar sobre ellos*/

	background-color: #004990;

	color: #fff;

}

#bCalendarToday {

	background-color: #004990;/*Color del fondo del día actual*/

	color: #fff;

}

#bCalendarToday a {

	color: #fff;

}

ul.main_nav_links {
	margin-top: 3ex;
	margin-bottom: 3ex;
	font-size: 100%;
}

ul.main_nav_links li {
	margin-top: 0.5ex;
	margin-bottom: 0.5ex;
	font-size: 100%;
}
