/* 
	SPHE 2010 CSS 
	© 2010 IntelyGenZ - www.intelygenz.com 
  version 0.26 [27.08.2010]
*/

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



BODY { 
	background: #FFF; color: #002f4c; 
	margin: 0; padding: 0; font-size: 11px; text-align: center; 
}


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


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

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


INPUT, TEXTAREA, SELECT {
	font-size: 11px; padding: 0 2px 0 2px; 
	color: #666; background: #F8F8F8; 
	border: 1px solid #000; 

  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  
  box-shadow: 0 1px 3px rgba(0,0,0,0.4);
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.4);
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.4);

}



INPUT.button { 
	border: 1px solid #AEAEAE; 

  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;

  box-shadow: 0 1px 3px rgba(0,0,0,0.6);
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);

  text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
  border-bottom: 1px solid rgba(0,0,0,0.25);

	padding: 2px 8px; cursor: pointer;
	background: #09223c; color: #fff; text-align: center; font-weight: bold;
}


INPUT.button2 { 
	border: 1px solid #AEAEAE; 

  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;

  box-shadow: 0 1px 3px rgba(0,0,0,0.6);
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);

  text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
  border-bottom: 1px solid rgba(0,0,0,0.25);

	padding: 1px 8px; cursor: pointer;
	background: #09223c; color: #fff; text-align: center; font-weight: bold;
}

INPUT.button:hover, INPUT.button2:hover {
	background: #0B445e;
}

FIELDSET { border-color: #f8f8f8; padding: 10px 1px; }


.radio    { border: none; background: transparent; }
.readonly { border: none; background: transparent; }
.cOblig   { font-weight: bold; } 


.clearB {  clear: both; }




/* 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; }
.formatoL { text-transform: lowercase; }


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





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


/* Estilos Definidos para el Web */

#contenedor {
	margin: 0 auto; width: 880px; overflow: hidden; text-align: left;
}

.titulo {
	color: #78808b; text-transform: lowercase; font-size: 26px; padding: 20px 0 10px 0; margin: 0;
}

.alert {
	color: #f00; font-weight: bold;
}

.sep1 { margin: 10px 0; }




	/* --- Header --- */

#header {
	width: 880px; height: 106px; 
	background: #fff url(../pix/2010/header_bg.gif) top left repeat-x; 
	overflow: hidden; text-align: left;
}
#header div.logotipo {
	width: 60px; height: 96px; float: left; overflow: hidden; margin: 0 35px 0 0;
}
#header div.logotipo img {
	width: 60px; height: 96px; border: none;
}

#header div.headerOptions { 
	margin: 55px 0 0 0;
}

#header div.EntradaInet {
	width: 350px; border-bottom: 3px solid #1695c7; 
	font-family: Arial Narrow, Arial, Helvetica, Sans-serif; 
	font-size: 16px; float: right; text-align: right; 
}
.EntradaInet a { 
	margin-left: 8px; padding: 1px 5px; border: 2px solid #56b1d6; 
	font-size: 12px; font-weight: bold;

  border-top-left-radius: 5px;
  -moz-border-top-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;

  border-top-right-radius: 5px;
  -moz-border-top-right-radius: 5px;
  -webkit-border-top-right-radius: 5px;		
	
}
.EntradaInet a, .EntradaInet a:visited {
	background: #1695c7; color: #f5f5f5; text-decoration: none;
	border-color: #56b1d6 #1c7ea5 #1c7ea5 #56b1d6;
}
.EntradaInet a:hover, .EntradaInet a:active {
	background: #b2b2b2; text-decoration: none;
	border-color: #d4d4d4 #b0b0b0 #b0b0b0 #d4d4d4;
}


		/* --- Menu Superior --- */
		
#menuSup {
	width: 350px; border-bottom: 3px solid #1695c7; float: left;
}
#menuSup ul { list-style-type: none; margin: 0; padding: 0; }
#menuSup li { display: inline; }
#menuSup a {
	font-family: Arial Narrow, Arial, Helvetica, Sans-serif; font-size: 16px;
	padding: 0 5px 2px 5px; text-align: center;

  border-top-left-radius: 3px;
  -moz-border-top-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;

  border-top-right-radius: 3px;
  -moz-border-top-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;	

}
#menuSup a, #menuSup a:visited {
	color: #000; text-decoration: none;
}
#menuSup a span {
	font-family: Arial Narrow, Arial, Helvetica, Sans-serif; font-size: 16px; 
}
#menuSup a:hover, #menuSup a:active  {
	color: #fff; background: #1695c7; 
}
#menuSup a:hover span, #menuSup a:active span { color: #fff; }
#menuSup a.msOn, #menuSup a.msOn:visited, #menuSup a.msOn:hover, #menuSup a.msOn:active {
	color: #fff; background: #1695c7; 
} 
#menuSup a.msOn span, 
#menuSup a.msOn:visited span, 
#menuSup a.msOn:hover span, 
#menuSup a.msOn:active span {
	color: #fff; background: #1695c7; 
}

	/* --- Footer --- */

#footer {
	clear: both; margin: 0 15px; height: 30px; text-align: left; 
	border-top: 1px solid #0d667f; 
}
#footer div {
	font-family: Trebuchet MS, Arial, Helvetica, Sans-serif; font-size: 11px;
	line-height: 30px; color: #09223c;
}
#footer div.footerLinks {
	float: left; padding-left: 15px; 
}
#footer div.footerLinks a, #footer div.footerLinks a:visited      { color: #09223c; }
#footer div.footerLinks a:hover, #footer div.footerLinks a:active { color: #09223c; text-decoration: none; }

#footer div.footerCopyRight {
	float: right; padding-right: 15px; 
}

	



	/* Contenidos */

#main {
	width: 100%; margin: 0 auto; 
	background: #fdfdfd url(../pix/2010/datos_bg_pat.jpg) top center repeat-x; 
	overflow: hidden; text-align: center;
}
.mainConten {
	margin: 0 auto; width: 880px; color: #002f4c; text-align: left;
	background: url(../pix/2010/datos_bg2.jpg) top center no-repeat; 
}	
.mainConten div.mcSep {
	margin: 0 auto; width: 870px; text-align: left;
}
.mcSep div.contenido {
	margin: 0 auto; width: 800px; text-align: left;
}
.contenido p.titulo {
	color: #78808b; text-transform: lowercase; font-size: 26px; padding: 20px 0 10px 0; margin: 0;
}



#fichaBloqueSup {
	clear: both; width: 880px; height: 278px; overflow: hidden; 
}
#fichaBloqueSup.fbsFondo {
	background: #396d77 url(../pix/2010/ficha_sup_bg.jpg) top left no-repeat;
}
#fichaBloqueSup p.titulo {
	font-family: Trebuchet MS; font-size: 30px; 
	margin: 0; padding: 5px 0 0 18px; 
	line-height: 36px; color: #b8cfd4; text-transform: lowercase;
}
.fbsConten {
	clear: both; overflow: hidden; padding: 14px 0 0 18px;
}
.fbsConten div.caratula {
	float: left; width: 120px; margin-right: 25px; text-align: center;
}
.fbsConten div.caratula img {
	/*width: 120px;*/ height: 170px; border: none;
}
.fbsConten div.fecha {
	background: #20393d url(../pix/2010/fecha_bg.jpg) top left no-repeat; 
	width: 120px; height: 24px; margin: 4px 0 0 0; overflow: hidden; font-size: 12px;
	color: #fff; font-weight: bold; text-align: center; line-height: 24px;
}
.fbsConten div.fbsCol1 {
	float: left; width: 305px; height: 170px; color: #fff; line-height: 14px; margin-top: 12px; overflow: hidden;
}
.fbsCol1 strong { color: #93e9ff; }
.fbsConten div.fbsCol2 {
	float: left; width: 360px; margin: 12px 0 0 20px; overflow: hidden;
}
.fbsCol2 div.sinopsis {
	float: left; width: 350px; height: 140px; color: #fff; line-height: 14px; margin-bottom: 10px; overflow-y: auto;
}
.fbsCol2 td.recomienda {
	color: #93e9ff; font-weight: bold;
}



	/* Menu Ficha */


.FichaOpciones UL { margin: 0 0 0 10px; padding: 0; list-style: none; overflow: hidden; }
.FichaOpciones LI { display: inline; margin: 0; padding: 0;}

.FichaOpciones A {  
	width: 125px; float: left; margin: 0 1px; cursor: pointer; text-decoration: none; 
}
.FichaOpciones A:link, .FichaOpciones A:visited {  
	background: url(../pix/2010/ficha_opc.gif)	0px	-26px;
}
.FichaOpciones A:hover, 
.FichaOpciones A:active,
.FichaOpciones A.fopcOn:link,
.FichaOpciones A.fopcOn:visited,
.FichaOpciones A.fopcOn:hover,
.FichaOpciones A.fopcOn:active {  
	background: url(../pix/2010/ficha_opc.gif)	0px	0px; 
}
.FichaOpciones A SPAN {
  display: block; padding: 0; margin: 0; height: 26px; line-height: 24px; text-align: center;
  color: #fff; font-weight: bold;
}

	/* Contenidos Ficha */

.datosTecnicos { width: 100%; margin-bottom: 20px; }
.datosTecnicos * { font-family: arial, helvetica, sans-serif; font-size: 12px; }
.datosTecnicos td { vertical-align: top; }
.datosTecnicos td.dtSize { width: 48%; }

.datosTecnicos div.disponible {
	border: 3px solid #51778a; 
	margin-bottom: 15px; padding: 15px;
	background: #779bad; color: #fff;

   border-radius: 6px;
   -moz-border-radius: 6px;
   -webkit-border-radius: 6px;

   box-shadow: 0 1px 3px rgba(0,0,0,0.6);
   -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
   -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);

   text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
   border-bottom: 1px solid rgba(0,0,0,0.25);
	
	
}
.disponible * { color: #fff; }
.disponible a,
.disponible a:link,
.disponible a:visited,
.disponible a:hover,
.disponible a:active { color: #fff; font-weight: bold; }

	/* Galería */
	
.galeria {
	text-align: center; 
	padding: 15px 0;
	/*padding: 15px 200px;*/
	
}
#galeriaTitulo {
	display: none;
}


	/* Aviso Legal */

.aviso {
	width: 100%; text-align: left;
	background: url(../pix/2010/datos_bg_pat.jpg) top left repeat-x; 	
}
.avisoText {
	padding: 20px 15px;
	text-align: left; color: #002f4c; font-size: 14px; line-height: 16px;
}


/* Bloques Especiales */


	/* i_tabla */

.ITABLA { border: none; width: 98%; margin-bottom: 10px; }
.ITABLA tr.Ttitulos { color: #FFF; font-weight: bold; }
.ITABLA tr.Ttitulos td { 
	background: #1695c7; color: #FFF; 
	padding: 3px; /*text-align: center; */
	border: 1px solid #AEAEAE; border-width: 1px 0; 

  border-top-left-radius: 5px;
  -moz-border-top-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;

  border-top-right-radius: 5px;
  -moz-border-top-right-radius: 5px;
  -webkit-border-top-right-radius: 5px;

}
.ITABLA tr.Ttitulos td img { vertical-align: middle; border: none; width: 11px; height: 11px; margin: 0 0 0 5px; }
.ITABLA tr.Ttitulos td a:link,  .ITABLA tr.Ttitulos td a:visited { color: #FFF; text-decoration: none;  }
.ITABLA tr.Ttitulos td a:hover, .ITABLA tr.Ttitulos td a:active  { color: #FFF; text-decoration: underline;  }	

.ITABLA tr { background: #E0E0E0; }  
.ITABLA tr td.Tpadre { background: #E0E0E0;  }  /* Esta linea es para TR desplegables. */
.ITABLA tr td.Tpadre a:link,  .ITABLA tr td.Tpadre a:visited { text-decoration: underline; color: #F00; } /* Estilos para los enlaces por defecto, para este módulo de Datos. */
.ITABLA tr td.Tpadre a:hover, .ITABLA tr td.Tpadre a:active  { width: 100%; background: #6D6E71; text-decoration: none; color: #F00; }


.ITABLA tr.Datos0 { background: #EEF0F2; }
.ITABLA tr.Datos1 { background: #FFF; }
.ITABLA tr.Activo { background: #D4DFE9; border: 1px solid #000;}
.ITABLA tr.Mark { background: #a0c0a0; }
.ITABLA tr.Datos0 td, .ITABLA tr.Datos1 td, .ITABLA tr.Activo td, .ITABLA tr.Mark td { color: #0D3D56; padding: 4px 15px; } /* Se pueden separar si queremos estilos diferentes, segun la clase. */

.ITABLA a:link,  .ITABLA a:visited { text-decoration: underline; color: #0D3D56; padding: 0 2px 0 2px; } 
.ITABLA a:hover, .ITABLA a:active  { text-decoration: none; color: #0D3D56; padding: 0 2px 0 2px; }


.ITABLA tr.Tpaginacion { background: #1695c7; }
.ITABLA tr.Tpaginacion td { 
	color: #FFF; 
	border: 1px solid #AEAEAE; border-width: 1px 0; 

  border-bottom-left-radius: 5px;
  -moz-border-bottom-left-radius: 5px;
  -webkit-bottom-top-left-radius: 5px;

  border-bottom-right-radius: 5px;
  -moz-border-bottom-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;

	
}
.ITABLA tr.Tpaginacion td table { width: 100%; border: none; }
.ITABLA tr.Tpaginacion td table tr { background: #1695c7; }
.ITABLA tr.Tpaginacion td table tr td { padding: 2px; border: none; }
.ITABLA tr.Tpaginacion td table tr td.Tpaginas { width: 100%; padding-left: 3px; border: none;}
.ITABLA tr.Tpaginacion a:link,  .ITABLA tr.Tpaginacion a:visited { color: #FFF; text-decoration: underline;  }
.ITABLA tr.Tpaginacion a:hover, .ITABLA tr.Tpaginacion a:active  { color: #FFF; text-decoration: none;  }


.ITABLA tr.Tfijo { background: transparent; }
.ITABLA tr.Tfijo td { color: #000; text-align: center; padding-top: 3px; }




/* IWin ( i_gfx )
------------------------------------------------------------------------------ */

.IWinTopLeftBg 		{ background: #000; }
.IWinTopLeftSize	{ width: 2px; height: 25px; _font-size: 2px; line-height: 25px; }
.IWinTopLeftIcoBg	{ background: #000;  }
.IWinTopLeftIcoSize	{ width: 50px; height: 25px; _font-size: 140px; line-height: 25px; }
.IWinTopBg 			{ background: #000; }
.IWinTopSize		{ height: 25px; }
.IWinTopCloseBg 	{ background: #000; }
.IWinTopCloseSize 	{ width: 21px; height: 25px; cursor: pointer; _font-size: 70px; line-height: 25px; }
.IWinTopRightBg 	{ background: #000; }
.IWinTopRightSize 	{ width: 2px; height: 25px; }

.IWinMidLeftBg 		{ background: #000; }
.IWinMidLeftSize	{ width: 2px; _font-size: 2px; }
.IWinMidBg			{ background: #000; }
.IWinMidRightBg 	{ background: #000; }
.IWinMidRightSize 	{ width: 2px; _font-size: 2px; }

.IWinBotLeftBg 		{ background: #000; }
.IWinBotLeftSize	{ width: 2px; height: 2px; _font-size: 2px; line-height: 2px; }
.IWinBotBg 			{ background: #000; }
.IWinBotSize		{ height: 2px; _font-size: 2px; line-height: 2px; }
.IWinBotRightBg 	{ background: #000; }
.IWinBotRightSize 	{ width: 2px; height: 2px; _font-size: 2px; line-height: 2px; }

.IWinMSGTit{
	color: #93e9ff;
	font-size: 11px;
	vertical-align: middle;
	text-align: left;
	padding-left: 5px;
}

.IWinMSGBody, .WinMSGBody {
	background: transparent;
}
.ShieldBGColor {
	background: #000;
}

	/* FastHelper */

.FastHelper { cursor: default; margin: 0; border: none; text-align: left; } 
.FastHelper DIV.fhMain { margin: 0; padding: 3px 8px; background: #1695c7; color: #FFF; border: 1px solid #1473a5; }
.FastHelper SPAN { display: block; font-weight: bold; color: #75EEFF; }


	/* 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; }