/*-------------------------- ESTILOS IMPORTADOS --------------------------------*/

/*@import "X.css";*/

/*------------------------ ESTRUCTURA DE LA PAGINA -----------------------------*/


html
{
	background:url(pics/richbgcolor.jpg) top left repeat-x #e1e1e1;

}

body
{

	margin:0 0 2em 0;
	border:0;
	padding:0;
	text-align:center;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:13px;
	color: #333;
	text-align: center;


}

a
{
	color:#0c3b6e !important;
	text-decoration:none;
}

a:hover
{
	text-decoration:underline !important;
}



h2
{
	display:block;
	margin:0.2em 5em 0 0;
	background:url(pics/back-h2.png) bottom right no-repeat #8B1900;
	color:#fff;
	font-size:20px;
	padding-left:1em;
	padding: 0.2em 0.2em 0.2em 1em;
}



h3 , h4 , h5
{
	padding-left:1.8em;
	padding-top:0.2em;
	padding-bottom:0.2em;
	font-size:95%;
	font-weight:bolder;
	text-transform:uppercase;
	color:#000;
	background-image:url(pics/2back-flecha2.png);
	background-position: 0.5em 50% ;
	background-repeat:no-repeat;
	background-color: #f2c41d;
}



#container
{
	
	margin:auto;
	border:0;
	padding:0;
	width:765px;
	text-align:left;
	color:#000;
	background:#fff;
	background:url(pics/kubrickbg.jpg) center top repeat-y transparent;
	overflow:hidden;

}

#header
{
	display:block;
	margin:0;
	border:0;
	padding:0;
	 height:225px;
	width:765px;
	overflow:hidden;
	background:url(pics/richheader.jpg) top right no-repeat #3a4a5f;
}



#main
{
	margin:0;
}

#menulatr
{
	width:195px;
	float:right;
	padding-top:0.5em;
	padding-right:40px;

	
}

#data
{
	padding:1em;
	padding-top:0.3em;
	margin-right:250px;
	margin-left:10px;
	width:475px !important;
	overflow:hidden;
}


#foot
{

	background:url(pics/richfooter.jpg) bottom center no-repeat;
	margin-top:1em;
	clear: both;
	text-align:center;
	font-size:85%;
	color:#fff;
	padding-bottom:1.5em;
}



/*------------------- ESTILOS DE LA PAGINA --------------------------------*/

#header h1 a
{
	position:absolute;
	margin:100px 0 0 50px;
	border:0;
	padding:0;
	 font-family: Times New Roman, Serif;
	font-weight:normal;
	font-size: 200%;
	color:#fff !important;
}

#header h1 a:hover
{
	text-decoration:none !important;
}



/*------------------- MODULO LOGIN y LATERALES --------------------------------*/
#login , #menulatr div
{
	margin:0;
	margin-top:0.4em;
	padding:0;
	display:block;

}

#login
{
	border-bottom:5px solid #3F517F;
}

#login form
{
	text-align:center;
}

#login strong , #menulatr div strong
{
	display:block;
	padding:0.6em;
	text-align:center;
	color:#fff;
	background:#3f517f;
}

#login label
{
	font-weight:bolder;
	margin-top:1em;
}

#login label input
{
	margin-top:0.5em;
	margin-bottom:0.5em;
}




#menulatr .sindicacion
{
	list-style:none;
	border:0;
	padding-left:2em;
	

}

#menulatr .sindicacion a img
{
	border:0;
}


#menulatr p
{
	text-align:center;
}

#menulatr hr
{
	color:#3F517F;
	border-bottom:5px solid #3F517F;

}

#menulatr a
{
	color:#3F517F;
	font-weight:bolder;
}

#menulatr a:hover
{
	color:#B62806 !important;
}

#menulatr li
{
	 margin-bottom:0.2em;
}


/*------------------- MODULO BUTTONS --------------------------------*/

#buttons
{
	display:block;
	text-align:center;
	margin:0;
	padding:1em 0 0 0;

	border-top:7px solid #3F517F !important;
	border-bottom:7px solid #3F517F !important;

	height:163px;
}

#buttons ul
{
	text-align:center;
	margin:0;
	padding:1em 0 1em 0;

}

#buttons ul , #buttons li
{
	display:inline;
}

#buttons li a
{
	width:157px;
	height:123px;
	display:block;

	font-weight:bolder;
	color:#fff!important;
	text-decoration:none!important;

	font-size:1.3em;
 	padding-top:2em;
	float:left;
	
}

#buttons a.buttonnew
{
	background:url(pics/buttonnew.png) top center no-repeat #fff;
}

#buttons a.buttonnew:hover
{
	background:url(pics/buttonnew-hover.png) top center no-repeat #fff;
}

#buttons a.buttoninfo
{
	background:url(pics/buttoninfo.png) top center no-repeat #fff;
}

#buttons a.buttoninfo:hover
{
	background:url(pics/buttoninfo-hover.png) top center no-repeat #fff;
}

#buttons a.buttonhelp
{
	background:url(pics/buttonhelp.png) top center no-repeat #fff;
}

#buttons a.buttonhelp:hover
{
	background:url(pics/buttonhelp-hover.png) top center no-repeat #fff;
}

/*------------------- MODULO LISTADO DE BLOGS --------------------------------*/

ul.blogs
{
	margin:0!important;
	font-size:1.2em;
	font-weight:bolder;
}

ul.blogs li 
{
	display:inline;
	list-style:none !important;
	 line-height:1.5em;
	margin:0;
}


ul.blogs li a:hover
{
	color:#B62806 !important;
}

ul.blogs li span
{
	color:#B62806;
	font-weight:bolder;
	font-size:1.2em;
/* 	line-height:14px; */
}

/*------------------- MODULO MIGAS DE PAN --------------------------------*/
#migaspan
{
	display:block;
	border-bottom:5px solid #8b1900;
	font-size:90%;
	font-weight:bolder;
	margin-bottom:0.3em;
	color:#8F8F8F;
}

#migaspan a
{
	text-decoration:none;
}

#migaspan a:hover
{
	text-decoration:underline;
}

#migaspan .migaspansep
{
	font-size:70%;
	font-weight:bolder;
	color:#8F8F8F;
}

/*-----------------------  MODULO POST  -----------------------------*/

.post
{
	display:block;
	margin-top:1em;
	border-top:5px solid #3F517F;

	
}



.post h3
{
	display:block;
	margin:0.2em 7em 0 0;
	background:url(pics/back-h3.png) bottom right no-repeat #2f4c79;
	color:#fff;
	font-size:15px;
	padding-left:1em;
	padding: 0.2em 0.8em 0.2em 1em;

}


.post p.post-date
{
	display:inline;
	text-align:right;
	float:right;
	margin:0;
	padding-top:0.3em;
	color:#3f517f;
	font-weight:bolder;

}


.post h4.post-title
{
	display:block;
	clear:left;
	background:#fff !important;
	padding:0;
	margin:1em 0;
}

.post h4.post-title a
{

	color:#A72304  !important;
}


/*-----------------------  MODULO PAGINADOR  -----------------------------*/

#paginador
{
	display:block;
	text-align:center;
}

#paginador a
{
	font-weight:bolder;
}

#paginador .list-primeras
{
	background: url(pics/ico-primeras.gif) left center no-repeat;
	padding-left:1.2em;
}

#paginador .list-anteriores
{
	background: url(pics/ico-anteriores.gif) left center no-repeat;
	padding-left:1.2em;
}

#paginador .list-siguientes
{
	background: url(pics/ico-siguientes.gif) right center no-repeat;
	padding-right:1.2em;
}

#paginador .list-ultimas
{
	background: url(pics/ico-ultimas.gif) right center no-repeat;
	padding-right:1.2em;
}





/*------------------- MODULO VOLVER ARRIBA ---------------------------*/

#volverarriba , .volverarriba
{
	display:block;
	margin:auto;
	margin-top:0.5em;
	text-align:center;
	 width:95%;
}

#volverarriba p , .volverarriba p
{
	margin:0.5em 0em 0em 0em;
}
#volverarriba a , .volverarriba a
{
	display:block;
	font-weight:bolder;
	text-decoration:none;
	padding-top:1em;
	margin-top:0.5em;
	background:url(pics/ico-arriba.gif) top center no-repeat transparent;

}

#volverarriba a:hover  , .volverarriba a:hover
{
	border-bottom:0;
}


/*------------------- ESTILOS GENERALES --------------------------------*/



.inputbutton , select
{
	display:block;
	margin:0.5em auto auto auto;
	font-weight:bold;
	border:1px solid #3F517F;
 	color:#3F517F;
	background:#fff;
}

.inputtext
{
	display:block;
	margin:auto;
	border:1px solid #3F517F;
	padding:0.2em;
	width:11em;
	background:#fff;
}


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

.display-none
{
	display:none !important;
}

.clear-left
{
	clear:left;
}