﻿/*
 * BV FONDOS v1.0.0.0
 * 
 * Fecha: 31/10/2007
 * Autor: AFrigols
 * Descripción: Estilos comunes a toda la aplicación
 */

body 
{
	background: WHITE url('../../gifs/fon_cabecera2.gif') repeat-x scroll top left;
    margin: 0px;
    padding: 0px;
    font-family: Arial,Verdana;
    font-size: 12px;
    color: #000000;
}

h1
{    
		font-family:arial, sans-serif;
		font-size:17px;
		color:#FF0000;
		margin: 0px 0px 0px 0px;
		padding: 0px;
}

h2
{    
		font-size:12px;
		font-weight: bold;
		color:#00626C;
		margin: 0px 0px 0px 0px;
		padding: 0px;
}
.tith2
{		
		background-color:#EAE3EB;
		font-size:12px;
		font-weight: bold;
		color:#00626C;
		margin: 3px 0px 3px 0px;
		padding: 2px 2px 2px 15px;		
}
h3
{    
		font-size:12px;
		font-weight: bold;
		color:#FF0000;
		margin: 0px 0px 0px 0px;
}
h4	{
		font-size:12px;
		font-weight: bold;
		color:#ff0000;
		margin: 0px 0px 0px 0px;
}

p
{
    margin-top: 10px;
    margin-bottom: 15px;    
}

a
{
	color:#00626C;
	font-weight: bold;
}

ul
{
	list-style-type: square;
	margin: 6px 6px 6px 6px;
}

li
{
	margin: 3px 3px 3px 20px;	
}

img
{
	border:0px;
}

SELECT { 
font-size : 11px; 
} 

INPUT { 
font-size : 11px; 
} 

/*
 * Centrado de páginas
 */ 
.centeredPage
{
	position: relative;
	width: 1000px;
	margin: 0px auto;
	padding: 0px 0px 20px 0px;
}

/* 
 *  Cabecera
 */
#header
{
	/*background-color:#ffffff;
	background-image:url(../../gifs/fon_cabecera2.gif);
	background-repeat:repeat-x;
	height:68px;*/
  position:relative;
  width:auto;
  margin:0px;
  min-width:580px;	
}
#header .logo
{
	/*float:left;
	width:171px;*/
}

/* 
 * Pie
 */
#metamenu
{
	text-align:center;	
	padding-top:10px;
	padding-bottom:10px;
	float:left;
	clear:both;
	width:100%;
}

/*
 * Menu principal
 */ 

#menuContent
{
	/*position:relative;
    font-family: arial;
    font-size: 12px;
	--width: 580px;
	padding: 38px 0px 0px 1px; 
	float:left;	*/
  position:absolute;
  width:auto;
  top:38px;
  float:left;
  z-index:1;	
  left:171px;
}

/*
 * Submenú
 */
#submenu
{
	background-color:#f3f1f4;
	height:20px;
	padding-left:120px;
	padding-top:5px;
	font-family: arial;
	font-size:11px;
}
#submenu a
{
	font-weight:normal;
}

/*
 * contacto
 */
#contacto
{
	/*float:right;
	padding-top:10px;
	padding-bottom:4px;
	padding-right:20px;*/
	font-size:11px;
	position:absolute;
	width:395px;
	right:20px;
	top:10px;
	text-align:right;	
}
#contacto a
{
	color:#ffffff;
	font-weight:normal;
	text-decoration:none;
}

/* Estructura de la página */
#contenido
{
	background-color:#F4F1F5;
	border-top: solid 1px #5C7183;
	border-bottom: solid 1px #5C7183;
	padding:10px 15px 15px 15px;
}
.contenido
{
	background-color:#F4F1F5;
	border-top: solid 1px #5C7183;
	border-bottom: solid 1px #5C7183;
	padding:10px 15px 15px 15px;
}
.contenido2
{
	padding:15px 25px 15px 20px;
}
#contenidoblanco
{
	border-top: solid 1px #5C7183;
	border-bottom: solid 1px #5C7183;
	padding:10px 15px 15px 15px;	
	float:left;
}
.contenidoblanconoborder
{
	padding:10px 15px 15px 15px;	
}
#contentLeft
{
	width:49%;
	margin-right:25px;
	float:left;
}
#contentRight
{
	width:48%;
	float:left;
}

/* 
 *  Zona de contenido principal 
 */

#mainPanel
{
    font-family: Arial,Verdana;
    font-size: 11px;
    margin: 0px 0px 0px 0px;    
    float:left;
    width:100%;
}
#mainContent
{    	
	/*width:100%;*/
	margin: 10px 15px 15px 15px;
}
.paddingContent
{
	/*margin: 10px 15px 15px 15px;	*/
}

#localizador
{
	padding:10px 2px 10px 20px;
	color:#5C7183;	
}
#localizador strong
{
	color:#000000;
	font-weight: bold;	
}

/* Cajas */
.colbox
{
	padding:10px 10px 10px 10px;
	margin-bottom:10px;
	border-top: solid 1px #5C7183;
	border-bottom: solid 1px #5C7183;
}
.colbox .contenido
{
	background-color:#F3F3F1;
}

/* Colores de fondo */
.bgcolor01
{
	background-color:#F3F3F1!important;
}
.bgcolor02
{
	background-color:#F6F3EF!important;
}
.bgcolor03
{
	background-color:#F5F6EF!important;
}
.bgcolor04
{
	background-color:#FFEAD3!important;
}
.bgcolor05
{
	background-color:#EBEBEB!important;
}
.bgcolor06
{
	background-color:#ECEEE0!important;
}
.bgcolor07
{
	background-color:#FFF4E9!important;
}
.bgcolor08
{
	background-color:#FFFFFF!important;
}
.bgcolor09
{
	background-color:#F4F1F5!important;
}
.error
{
	color:Red;
}

/* Tablas */
.TABLE
{
	margin:10px 0px 10px 0px;
}
.TABLE a
{
	color:#00626C;
	font-weight:bold;
}
.TABLE .thead
{
	background-image:url(../../gifs/fon_cabecera_fondos.gif);
	color:#00626C;
	font-weight:bold;
	height:30px;
}
.TABLE .thead a
{
	text-decoration:none;
	color:#00626C;
	font-weight:bold;	
}
.TABLE .thead td
{
	vertical-align:text-top;	
	border-top:solid 1px #00626C!important;
	border-bottom:solid 1px #00626C!important;
}
.TABLE tr
{
	margin-bottom:1px;	
}
.TABLE td
{
	padding-right:10px;
	padding-left:5px;
	height:22px;
	border-bottom:solid 3px #ffffff;
}
.TABLE .tdRight
{
	text-align:right;
}
.TABLE .tdCenter
{
	text-align:center;
}
.TABLE .imgorder
{
	height:30px;
	margin-right:2px;
	float:left;
}
.TABLE .tdWidth1
{
	width:140px;
}
.TABLE .tdWidth2
{
	width:70px;
}
.TABLE .tdWidth3
{
	width:200px;
}
.TABLE .tdWidth4
{
	width:30px;
}
.TABLE .tdWidth5
{
	width:85px;
}

/* Filas y columnas */
.formRow
{
	clear: both;
    padding: 0px 0px 0px 0px;
    float:left;
}
.formRow2
{
	clear: both;
    padding: 0px 0px 10px 0px;
    float:left;
    width:100%;
}
.formCol
{
	width: auto;
	float:left;	
	margin: 0px 15px 0px 0px;
}
.formColLeft
{
	width: 500px;
	float:left;	
	margin: 0px 15px 0px 0px;
}
.formColRight
{
	float:left;	
	margin: 0px 0px 0px 0px;
}
.formCol2
{
	width: 46%;
	float:left;	
	margin: 0px 15px 0px 0px;
}
.formCol3
{
	width: 80px;
	float:left;	
	margin: 0px 15px 0px 0px;
}
.formColhome
{
	width: 39%;
	float:left;	
	margin: 0px 15px 0px 0px;
}
.formbotones	{
	float:right;
	text-align: right;
	padding: 5px 15px 5px 0px;
}

/* Alinear imágenes y textos */
.imgLeft
{
	float:left;
	margin-right:15px;
}
.alignCenter
{
	text-align:center;
}
.txtRight
{
	text-align:right;
	margin-right:10px;
}
.txtCenter
{
	text-align:center;
}

/* Anchos */
.nWidth01
{
	width:100px;
}
.nWidth02
{
	width:300px;
}
.nWidth03
{
	width:100%;
}
.nWidth04
{
	width:250px;
}
.nWidth05
{
	width:920px;
}
.nWidth06
{
	width:90%;
}

/* Márgenes */
.nMargin01
{
	margin-left:50px;
}

/* Separadores */
.border
{
	border-bottom: solid 1px #5C7183;	
}
.border2
{
	border-bottom: solid 1px #9FA962!important;	
	border-top: solid 1px #9FA962!important;	
}
.borderverde
{
	border-bottom: solid 1px #00626C;	
}
.nobordertop
{
	border-top:solid 0px red!important;
}

.separa {
  width:auto;
  margin:10px 0px 10px 0px;
  padding:5px 0px 5px 0px;
  border-bottom:solid 1px #5C7183;
  clear:both;
}
.separa01 {
  width:auto;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  clear:both;
}
.nobold
{
	font-weight:normal;
}

/* Formularios */
.form
{
	float:left;
}

/* Home */
.imghome
{
	margin-bottom:30px;
}
