/* 
	CSS Ssangyong PT
	© 2007 IntelyGenZ - www.intelygenz.com 
	version 0.02 [18.06.2007]
*/

* { font-family: Tahoma, Arial, Helvetica, Sans-Serif; }

HTML, BODY { font-size: 11px; color: #666; background: #CECFCE; margin: 0; padding: 0; }

FORM, DIV, SPAN, TD, P, FONT, UL, LI { font-size: 11px; }

H1 { font-size: 18px; color: #006699; text-transform: uppercase; font-weight: normal; } 
H2 { font-size: 12px; color: #444; font-weight: bold; }


A:link,  A:visited {color: #999; text-decoration: underline; }
A:hover, A:active  {color: #999; text-decoration: none;}

A.enlace2:link,  A.enlace2:visited {color: #666; text-decoration: none;}
A.enlace2:hover, A.enlace2:active  {color: #006699; text-decoration: underline;}

A.enlace3:link,  A.enlace3:visited {color: #666; text-decoration: none;}
A.enlace3:hover, A.enlace3:active  {color: #006699; text-decoration: underline;}

.style9 { 
	font-size: 11px;
}
.style9B { 
	font-weight: bold;
	font-size: 14px;
}
.titular{
	font-weight: bold;
	font-size: 16px;
}

FORM { display: block; }

INPUT, TEXTAREA, SELECT {
	font-size: 11px; padding: 0 2px 0 2px; 
	color: #666; background: #F8F8F8; 
	border: 1px solid #6E6E6E; 
}
TEXTAREA { overflow: auto; }


INPUT.button { 
	border: 1px solid #444; background: #F2F2F2; 
	text-align: center; width: 80px;
	text-decoration: none; font-weight: normal;
}

INPUT.button2 { 
	border: 1px solid #444; background: #C1C1C1; 
	text-align: center; width: 80px;
	text-decoration: none; font-weight: normal;
}


.radio    { border: none; background: transparent; }
.readonly { border: none; background: transparent; }
.cOblig   { font-weight: bold; }  /* Para los campos, datos o columnas obligatori@s */







/* Classes Genéricas, alineaciones y formatos de letra */

.alignL { text-align: left; }
.alignC { text-align: center; }
.alignR { text-align: right;}
.alignJ { text-align: justify; }

.valignT { vertical-align: top; }
.valignM { vertical-align: middle; }
.valignB { vertical-align: bottom; }

.flotarL { float: left; }
.flotarR { float: right; }


.formatoB { font-weight: bold; }
.formatoI { font-style: italic; }
.formatoU { text-decoration: underline; }
.formatoN { text-decoration: none; font-weight: normal; }
.formatoM { text-transform: uppercase; }

.fontS   { font-size: 10px; }
.fontM   { font-size: 11px; }
.fontL   { font-size: 12px; }
.fontXL  { font-size: 14px; }





	/* Para Tamaños de Inputs */
	
.cajaXS { width: 30px; }  	/* Para Números */
.cajaS  { width: 75px; }  	/* Para Fechas */
.cajaM  { width: 150px; }
.cajaL  { width: 225px; }
.cajaXL { width: 300px; }


	/* Errores */
	
.error   { font-weight: bold; color: #F00; }
.bgError { background: #F00; color: #FFF; font-weight: bold; }
A.error:link,  A.error:visited { color: #F00; font-weight: bold; text-decoration: underline; }
A.error:hover, A.error:active  { color: #F00; font-weight: bold; text-decoration: none; }


	
	/* Iconos */
	
.icono 	{ border: none; cursor: pointer; margin: 0 2px 0 2px; }
.ico16	{ width: 16px; height: 16px;}


	/* Celdas, colores,  bordes y separaciones */

.texto1 { color: #1A297E; font-weight: bold; }
.texto2 { color: #1A297E; font-size: 18px; }

.color1 { color: #1A297E; }
.color2 { color: #DEDEDE; }

.bgColor1 { background: #FFF; }

.celda1 { color: #1A297E; font-weight: bold; border-bottom: 1px solid #CCC;}

.celda2 { 
	vertical-align: bottom; text-align: right; 
	padding: 0 10px 10px 0; color: #6E6E6E;
	font-weight: bold; text-transform: uppercase;
	border-bottom: 1px solid #CCC;
}
.celda2 A:link,  .celda2 A:visited { color: #6E6E6E; padding: 0 15px 0 0; text-decoration: none; background: transparent url(../pix/magic.gif) center right no-repeat; }
.celda2 A:hover, .celda2 A:active  { color: #6E6E6E; text-decoration: none;  background: transparent url(../pix/doble_flecha.gif) center right no-repeat; }

.celda3 { padding: 15px; line-height: 14px; vertical-align: top; }
.celda4 { text-align: left; vertical-align: bottom; background: #FFF; }

.borde1 { border-bottom: 1px solid #CCC; } 
.borde2 { border-right: 1px solid #CCC; } 
.borde3 { border-right: 1px solid #CCC; border-left: 1px solid #CCC; } 

.sep1 { padding: 5px 15px; }


/* Estilos del site */

.mainTable { width: 850px; background: #FFF; }
.logotipo { 
	vertical-align: top; margin: 0; padding: 0; 
	border-bottom: 1px solid #CCC; 
}
.menuSup { 
	margin: 0; padding: 0; vertical-align: top; 
	border-left: 1px solid #CCC; width: 100%; 
	/*background: #FFF url(../pix/cuadrito_top.gif) bottom left no-repeat; */
}

.menuSup div.cuadrito { 
	margin: 0; padding; 0; width: 4px; height: 5px; 
	background: #FFF url(../pix/cuadrito_top.gif) top left no-repeat;  
}
.menuSup div.mSupcontent{
	padding: 0; margin: 0; display: inline; float: left; 
	height: 95px; important; height: auto; 
	padding-bottom: 6px !important; padding-bottom: 0;
	background: #FFF url(../pix/cuadrito_top.gif) bottom left no-repeat;
}
.menuSup div.mSupOpcON {
	display: inline; float: left; text-align: center;
	padding: 70px 0 0 0; /*margin-bottom: 15px;*/
	width: 140px !important; width: 160px; height: auto !important; height: 95px; 
	background: #FFF url(../pix/cuadrito_top.gif) bottom left no-repeat; 
	border-right: 1px solid #CCCCCC; text-transform: uppercase;
}
.menuSup div.mSupOpcON span { color: #333399; }

.menuSup ul { list-style-type: none; padding: 0; margin: 0; vertical-align: bottom; }
.menuSup li { 
	display: inline; float: left; padding: 58px 15px 15px 15px;
	font-size: 10px; text-transform: uppercase; 
}
.menuSup li.mSupOff { 
	display: inline; float: left; 
	padding: 71px 15px 9px 15px !important;
	padding: 71px 15px 15px 15px;
	font-size: 10px; text-transform: uppercase; 
}
.menuSup A:link,  .menuSup A:visited { padding: 3px; border: 1px solid #FFF; color: #666; text-decoration: none; }
.menuSup A:hover, .menuSup A:active  { padding: 3px; border: 1px solid #666; color: #666; text-decoration: none; }


.columnaIZ { 
	background: #999; color: #DFDFDF; width: 175px; max-width: 171px; 
	border-top: 1px solid #CCC; border-bottom: 1px solid #CCC;
	vertical-align: top;
}

.columnaIZ div.cIZcontent { height: 287px; padding: 30px 18px; white-space: nowrap; }
.columnaIZ p { margin: 0 0 1px 0; padding: 0;  white-space: nowrap; }

.columnaIZ a:link, .columnaIZ a:visited {
	background: transparent; width: 140px; height: 20px;
	text-decoration: none; text-transform: uppercase;
	font-size: 10px; color: #DFDFDF;
	line-height: 18px; padding-left: 10px;
	border: 1px solid #DFDFDF;
	display: block; margin-bottom: 3px;
	white-space: nowrap;
}

.columnaIZ a:hover, .columnaIZ a:active {
	background: #DFDFDF; color: #999;
	 white-space: nowrap;
}
.columnaIZ a.columnaIZON:link, .columnaIZ a.columnaIZON:visited {
	background: #DFDFDF; color: #999;
	 white-space: nowrap;
}
.columnaIZ a.columnaIZON:hover, .columnaIZ a.columnaIZON:active {
	background: #DFDFDF; color: #999;
	 white-space: nowrap;
}



.columnaIZmodelo { 
	background: #FFF; color: #666666; width: 100px; max-width: 120px; height: 440px; 
	border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; border-right: 1px solid #CCC;
	vertical-align: top;
}

.columnaIZmodelo div.cIZcontent { height: 120px; padding: 30px 18px; }
.columnaIZmodelo p { margin: 0 0 1px 0; padding: 0; }

.columnaIZmodelo a:link, .columnaIZmodelo a:visited {
	background: transparent; width: 120px; height: 20px;
	text-decoration: none; text-transform: uppercase;
	font-size: 10px; color: #666666;
	line-height: 18px; padding-left: 10px;
	border: 0px;
	display: block; margin-bottom: 3px;
}

.columnaIZmodelo a:hover, .columnaIZmodelo a:active {
	color: #333399;
}
.columnaIZmodelo a.columnaIZON:link, .columnaIZmodelo a.columnaIZON:visited {
	color: #333399;
}
.columnaIZmodelo a.columnaIZON:hover, .columnaIZmodelo a.columnaIZON:active {
	color: #333399;
}






.colIZsobrante { 
	border-top: 1px solid #CCC; 
	border-right: 1px solid #CCC;  
	border-bottom: 1px solid #CCC; 
}
.colIZsobrante2 { 
	border-top: 1px solid #CCC; 
	border-bottom: 1px solid #CCC; 
}

.contenido { 
	vertical-align: top;
	border-top: 1px solid #CCC; 
	border-bottom: 1px solid #CCC; 
	border-left: 1px solid #CCC; 
}

.copyright { color: #999; font-size: 10px; padding: 25px 0 25px 15px; }

.divContent  { width: 340px; height: 350px; padding-right: 10px; overflow: auto; }
.divContent2 { width: 340px; height: 370px; padding-right: 10px; overflow: auto; }


/* Bloques Especiales */


	/* Estilos para Mensajes XBD */

.msgError   { font-size: 12px; color: #FFF; background: #BF0000; padding: 4px 10px 4px 10px; white-space: nowrap; cursor: pointer; }  /* Rojo */
.msgOk      { font-size: 12px; color: #FFF; background: #00C92C; padding: 4px 10px 4px 10px; }  /* Verde */
.msgAviso   { font-size: 12px; color: #000; background: #FFE800; padding: 4px 10px 4px 10px; }  /* Amarillo */
.msgMensaje { font-size: 12px; color: #FFF; background: #1752C4; padding: 4px 10px 4px 10px; }  /* Azul */
.msgIco     { padding: 0; margin: 0; background: none; width: 32px; height: 32px; min-width: 32px; min-height: 32px; }


.texto_blanco {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #FFFFFF;
	text-decoration: none;
	padding-right:5px;
}
.blanco_may {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
}
.blanco_min {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
}

.align_top { 
	vertical-align: top;	
}