/* Hoja de estilos CSS predeterminada para un nuevo proyecto de aplicación Web*/

BODY
{
    BACKGROUND-COLOR: #E8E2DB;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    FONT-SIZE: 11px;
    FONT-WEIGHT: normal;
    LETTER-SPACING: normal;
    TEXT-TRANSFORM: none;
    WORD-SPACING: normal;
    MARGIN: 0px 0px 0px 0px;
    color:#666666;
    background-image: url(../gifs/fondoweb.gif);
    background-repeat:repeat-x;
}

A
{
	color:#B86B33;
}

H3, TH, THEAD, TFOOT
{
    COLOR: #b86C34;
}
H1	{
		font-family: Arial, Helvetica, sans-serif;
		font-size:	18px;
		font-weight:bold;
		color:#5C7183;
}
H2	{
		font-family: Arial, Helvetica, sans-serif;
		font-size:	16px;
		font-weight:bold;
		color:#000000;
}
.ul2 li
{
	padding-top:7px;
	padding-bottom:7px;
}
.OPTION
{
		FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
		font-size:11px;
}	

#centered 		{
		position: relative;
		width : 1004px;
		margin: 0px auto 0px auto;
}

/* ----------------------------------------------------------------------------------------------------------------- */
IMG {
		margin-top: 0px;
		margin-left: 0px;
		margin-right: 0px;
		border:0;
	}

/* Maquetación de tablas ----------------------------------------------------------------------------------------------------------------- */
.TABLE {
    font-family:Arial, verdana, sans-serif;
    font-size:100%;
    border: 1px solid #cccccc;
  }


/* Cabecera superior ----------------------------------------------------------------------------------------------------------------- */
#cabecera	{
	position: relative;
	font-family: Arial, verdana, sans-serif;
	font-size:95%;
	color:#ffffff;
	height:74px;
	background-image:url(../gifs/fondocabecera.gif);
}
#cabecera .menulogo
{
	float:left;
	margin-left:40px;
}
#cabecera_meta	{
	position: absolute;
	top: 5px;
	right:20px;
	margin:0px 0px 0px 0px;
	right:20px;
	font-family: Arial, verdana, Sans-Serif;
	text-align: right;
	color:#ffffff;
	padding: 0px 0px 0px 0px;
}

#cabecera_meta a	{
	color:#ffffff;
	text-decoration: none;
}

/* Menu superior ----------------------------------------------------------------------------------------------------------------- */
#menusuperior	{
	position: absolute;
	margin :  0px  0px  0px  0px;
	padding:  0px  0px  0px  0px;
	color  : #FFFFFF;
	bottom:0;
	left:250px;
}
#menusuperior .tabMenuItem 
{
	padding-right:10px;
	float:left;
}

/* Menu superior ----------------------------------------------------------------------------------------------------------------- */
#submenusuperior	{
	position: relative;
	margin :  2px  0px  0px  0px;
	padding:  2px  0px  2px  200px;
	color  : #5C7183;
	text-align: left;
	font-weight:bold;
	line-height:18px;
}

#submenusuperior a	{
	color: #B86B33;
}
#submenusuperior strong	{
	color: #000000;
}
/* Localizador ----------------------------------------------------------------------------------------------------------------- */
#localizador {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	text-align:left;
	margin: 10px 0px 0px 30px;
	padding:0px 10px 5px 0px;
	color:#606d7d!important;
}
#localizador a 
{
	font-weight:bold;
}


/* Pie ----------------------------------------------------------------------------------------------------------------- */
#pie	{
	/* position:static; */
	position: relative;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size  : 11px;
	color:#676767;
	margin-top: 10px;
	text-align: center;
	padding: 5px  0px  5px  0px;
}
#pie a
{
	color:#b6703c;
	font-weight:bold;
}

/* ORGANIZACIÓN DE LAS PÁGINAS */
#contcentral		
{
	position: relative;
	margin : 0px  0px  0px  0px;
	padding: 0px  0px  20px  40px;
	text-align:left;
	float:left;
	BACKGROUND-COLOR: #ffffff;
	width:964px;
}
#cont
{
	background-color:#ffffff;
	margin:0px 40px 0px 0px;
	padding:10px 0px 10px 30px;
	position:relative;
	float:left;
	width:894px;
}			

/* zona central con columna derecha */
#contleft		
{
	float:left;
	width:645px;
	margin :  0px  0px  0px 0px;
	padding:  0px  20px  0px 0px;
}
#contleft p		{
				margin :  0px  0px  5px 0px;
				padding:  0px  0px  0px 0px;
			}

#contleft .img	{
				position: relative;
				text-align: center;
				margin :  0px  0px 0px 0px;
				padding:  0px  0px 0px 0px;
			}

/* zona columna derecha */
#colderecha		{
		position: relative;
		float: right;
		width: 200px;
		margin:  0px  10px  0px  0px;
}
#colderecha	p	{
		margin:  0px  0px  0px  0px;
}
#colderecha a		{
			color:#264F93;
			}
#colderecha img		{
		margin :  0px  0px  0px 13px;
}
#colderecha ul {
		list-style-type: square;
		color: #5271a3;
		margin: 0px 5px 0px 10px;
		padding: 0px 0px 0px 0px;
		background-color: transparent;
}
#colderecha li {
		margin: 3px 3px 0px 20px;
		background-color: transparent;
		padding: 0px 10px 0px 0px;
}		
#colderecha ul li a	{
		text-decoration: underline;
		color:#5271a3;
}


/* Imágenes ----------------------------------------------------------------------------------------------------------------- */
.leftimg	{
    position: relative;
    float: left;
    margin-right : 5px;
    margin-bottom : 0px;
    margin-top: 0px;
}
.rightimg
{
	position: relative;
    float: right;
    margin-left : 10px;
    margin-bottom : 0px;
}

.endsection {
		clear:both;
}

/* Formularios */
#form
{
	width:auto;
}
#form .formRow
{
	clear: both;
  padding: 0px 0px 0px 0px;
}
#form .formColLeft
{
	width: 100px;
	float:left;
	margin: 2px 5px 0px 0px;
}
#form .formColRight
{
	width: auto;
	float:left;
}
#form .formColLogin
{
	width: auto;
	float:left;
	margin-right:10px;
}
#form .formColLeftLogin
{
	width:50px;
	float:left;
	margin-right:10px;
}
#form .formbotones	{
	float:right;
	text-align: right;
	padding: 5px 15px 5px 0px;
}

.endsection {
	clear:both;
}
.error
{
	color: #ff0000;
}

.CT_Error {
		font-family:"Arial, Trebuchet MS", sans-serif;
		font-size:12px;
		color:#FF0000;
		background-color: transparent;
		}
.fifty
{
	width:49%!important;
}
.full
{
	width:100%!important;
}
.thirty
{
	width:32%;
	float:left;
}
.row
{
	position:relative;
	padding: 0px 0px 0px 0px;
	margin-top:0px;
	width:100%;
}
.col
{
	position:relative;
	float: left;
	width:auto;
}

.login
{
	width:280px;
	float:left;
	margin-top:15px;
}
.login .txt
{
	float:left;
	width:280px;
	background-color:#f6f3f1;
	padding:10px 15px 15px 15px;
}
.login a
{
	font-weight:bold;
}
.cabeceralogin
{
	width:273px;
	height:23px;
	background-color:#000000;
	color:#ffffff;
	padding:2px 2px 2px 5px;
	font-weight:bold;
	float:left;
}

.alta
{
	background-color:#f6f3f1;
	width:530px;
	float:left;
	margin-left:45px;
	margin-top:15px;
}
.alta .txt
{
	float:left;
	padding:10px 15px 15px 15px;
}
.alta a
{
	font-weight:bold;
}
.cabeceraalta
{
	width:530px;
	height:23px;
	background-color:#000000;
	color:#ffffff;
	padding:2px 2px 2px 5px;
	font-weight:bold;
	float:left;
}

/* Otros ----------------------------------------------------------------------------------------------------*/
.capa		{
	position: relative;
	FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
	font-size:	100%;
	color:#898989;
	padding: 15px 15px 5px 15px;
	margin: 0px 0px 0px 0px;
	border: solid 0px #000000;
}
.titulo
{
	width:100%;
	height:28px;
	background-color:#333333;
	border-bottom:solid 10px #ffffff!important;
	padding:0px 0px 0px 0px!important;
}
.titulo h2
{
	color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:	15px;
	font-weight:bold;
	padding:4px 0px 0px 8px!important;	
}

/* Separadores */
.separa {
  width:auto;
  margin: 0px 0px 5px 0px;
  padding:0px 0px 5px 0px;
  border-bottom:solid 1px #C5C5C5;
  clear:both;
}

/* Colores */
.colorgris {
	background: #e8e8e8;
}
.colorgrisclaro {
	background: #f3f3f3;
}
.colorbeig {
	background: #f8f0ea;
}
.colorazul {
	background: #e6ebf2;
}
.colorrosa 
{
	background:#F3F0ED;
}

/* Tablas */
.TABLE01
{
	width:99%;
}
.TABLE01 thead td
{
	font-weight:bold;
	background-color:#898989;
	color:#ffffff;
	padding:0px 5px 0px 5px;
}
.TABLE01 td
{
	margin-bottom:5px;
}
.TABLE02 tr td
{
	padding-right:8px;
	padding-left:5px;
}
.tdnumber
{
	float:right;
}
.theadlink a
{
	text-decoration:none;
}
.tdwidth01
{
	width:10%;
}