/* ----------------------------------------------------------------------------
Estilos comunes CEPSA
Author:   Ruairi Mc Comb (ruairi.mccomb@madrid.cepsa.es)
Version:  04 Enero 2007
---------------------------------------------------------------------------- */


/* =Resetear la hoja de estilo de los navegadores
---------------------------------------------------------------------------- */
* { 
  padding : 0; 
  margin : 0;
}

html, body { height: 100%; }

h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, label, ul, ol, dl, fieldset, address { margin: 0 0 1em 0; }

li, dd, dt, blockquote { margin-left: 3em; }

fieldset { padding: 0.5em; }

a img { border: 0; } /* quitamos las bordes alrededor de las imagenes que estan dentro de un enlace */  

table { font-size: 1em; } /* igual tamaño para el texto en tablas */

p, ul, li, dl, dt, dd, h1, h2, h3, h4 { line-height: 1.5em; } /* aumentamos el espacio entre lineasa */
/*p, ul, li, dl, dt, dd, h1, h2, h3, h4 { line-height: 15px; } /* aumentamos el espacio entre lineasa */

/* =ClearFix
---------------------------------------------------------------------------- */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/* =Tipografia
---------------------------------------------------------------------------- */
body {
  /*font: 10px/1.4em Verdana, Gill Sans, Sans Serif;*/
  font: 10px/14px Verdana, Gill Sans, Sans Serif;
}

#contenedor {
  /*font-size: 110%;*/
  font-size: 11px;
}

textarea, select, input {
  font: 1em Verdana, Gill Sans, Sans Serif;
}

a {
  color: #e70000;
  text-decoration: underline;
}

a:hover {
  text-decoration: none;
}

a.arriba {
  display: block;
  margin-bottom: 1em;
  text-align: right;
  background: url(../images/flechas/arriba_gris.gif) no-repeat right;
  padding-right: 16px;
}

a.arriba:hover {
  background: url(../images/flechas/arriba.gif) no-repeat right
}

p.centrado {
  text-align: center;
}

p.introduccion {
	font-size: 118%;
	width: 66%;
}

p.nota {
  color: #545454;
}

hr {
  color: #fff;
  background-color: #fff;
  border: 0;
  border-top: 1px dashed #333;
}

/* =Titulos
---------------------------------------------------------------------------- */
h1 {
  padding-top: 20px;
  /*font-size: 135%;*/
  font-size: 13.5px;
  border-bottom: 1px #d2d2d2 solid;
  padding-left: 10px;
  background: url(../images/h1-bg.gif) no-repeat 0 20px;
  border-left: 1px solid #e70000;
}

h1 em {
  color: #e70000;
  font-style: normal;
}

h2  { font-size: 114%; }
h3  { font-size: 82%; }


/* =Columnas
---------------------------------------------------------------------------- */
.margen_columna {
  margin-left: 10px;
}

.una_columna {
  width: 180px;
  float: left;
  display: inline;
}

.columna_y_media {
  width: 270px;
  float: left;
  display: inline;
}

.dos_columnas {
  width: 370px;
  float: left;
  display: inline;
}

.tres_columnas {
  width: 560px;
  float: left;
  display: inline;
}

.cuatro_columnas {
  width: 750px;
  float: left;
  display: inline;  
}

.fila {
  clear:left;
}

/* =Menu derecho
---------------------------------------------------------------------------- */
div.menu_derecho {
  background: url(../images/caja_bottom_bg.gif) no-repeat bottom;
  padding-bottom: 10px;
}

div.menu_derecho div.titulo {
  background: url(../images/caja_top_bg.gif) no-repeat top;
  padding: 10px;
  color: #fff;
  font-weight: bold;
  border-bottom: 1px solid #545454;
  margin-bottom: 10px;
}

div.menu_derecho ul {
  font-size: 90%;
  margin: 0;
  padding: 0 10px 10px 10px;
}


div.menu_derecho ul li {
  margin: 0;
  padding: 2px 0 4px 17px;
  display: block;
  list-style: none;
  background: url(../images/destacado-bullet.gif) no-repeat 0px -1px;
}

div.menu_derecho ul li ul li {
  background: url(../images/destacado-bullet-2.gif) no-repeat 0px -1px;
}

div.menu_derecho li a {
  text-decoration: none;
  color: #545454;
}

div.menu_derecho li a:hover {
  color: #e70000;
}

div.menu_derecho strong {
  padding: 10px;
  color: #545454;
}

div.menu_derecho ul ul {
  padding-left: 0;
}

div.menu_derecho ul strong {
  display: block;
	padding: 0;
  margin-left: -20px;
  padding-left: 20px;
	background: url(../images/destacado-bullet.gif) no-repeat 3px -1px;
}

/* =Descargas
---------------------------------------------------------------------------- */
ul.descargas li {
  line-height: 2em;
  vertical-align: middle;
  padding-left: 5px;
}

li.word       { list-style-image: url(../images/icons16/word.gif) }
li.excel      { list-style-image: url(../images/icons16/excel.gif) }
li.powerpoint { list-style-image: url(../images/icons16/powerpoint.gif) }
li.access     { list-style-image: url(../images/icons16/access.gif) }
li.visio      { list-style-image: url(../images/icons16/visio.gif) }
li.ai         { list-style-image: url(../images/icons16/ai.gif) }
li.reader     { list-style-image: url(../images/icons16/reader.gif) }
li.pdf        { list-style-image: url(../images/icons16/pdf.gif) }
li.wmedia     { list-style-image: url(../images/icons16/wmedia.gif) }
li.quicktime  { list-style-image: url(../images/icons16/quicktime.gif) }
li.zip        { list-style-image: url(../images/icons16/zip.gif) }
li.aplicacion { list-style-image: url(../images/icons16/aplicacion.gif) }


a.pdf {
  padding: 2px 0 2px 20px;
  background: url(../images/icons16/pdf.gif) no-repeat left;
}

/* =Destacados intertextuales
---------------------------------------------------------------------------- */
div.destacado_intertextual {
  padding: 10px 0 0 10px;
  background: url(../images/destacado-top.gif) no-repeat top left;
  text-align: center;
  font-weight: bold;
  width: 66%;
  margin-bottom: 1em;
  margin-left: auto;
  margin-right: auto;
}

div.destacado_intertextual p {
  padding: 0 10px 10px 0;
  background: url(../images/destacado-bottom.gif) no-repeat bottom right;
  margin-bottom: 0;
}

img.destacado {
  float: left;
}

/* =Enlaces destacados
---------------------------------------------------------------------------- */
ul.enlaces_destacados li {
  list-style-image: url(../images/destacado-bullet.gif);
}


/* =FAQ
---------------------------------------------------------------------------- */
ul.faqnav {
  margin-bottom: 2em;
}

dl.faq {

}
dl.faq dt {
	font-weight : bold;
	margin-bottom : 1em;
	margin-left : 0;
  color: #333;
}

dl.faq dd {
	margin-bottom : 2em;
  margin-left: 0;
}

/* =Path
---------------------------------------------------------------------------- */

#camino {
  position: absolute;
  top: 93px;
  left: 140px;
  margin: 0;
  list-style: none;
}

#camino li {
  background: url(../images/fpath.gif) no-repeat 0 2px;
  padding-left: 10px;
  float: left;
  margin: 0;
  margin-left: -7px;
  margin-right: 15px;
  color: #545454;
}

#camino li:first-child {
  background: none;
  padding-left: 0;
  margin-left: 0;
}

#camino li a {
  text-decoration: none;
}

#camino li a:hover {
  color: #e70000;
  text-decoration: underline;
}


/* =Tablas
---------------------------------------------------------------------------- */
table { 
  margin-bottom: 1em; 
}

table.datos, table.grid {
  border-collapse: collapse;
}

caption {
	text-align: left;
	font-weight: bold;
	color: #333;
}

td, th {
  padding: 4px;
  margin: 0;
}

table.datos th {
  background-color: #646464;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  color: #fff;
}

table.datos th.secundario {
  background-color: #cfcfcf;
  color: #000;
}

table.datos td {
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

tr.separador {
	background-color: #f99;
}

tr.impar th, tr.par th {
	font-weight: normal;
	text-align: left;
}

th.numerico, td.numerico {
  text-align: right;
}

td.centrado, th.centrado {
  text-align: center;
}

table.datos tr.impar, table.form tr.impar { background-color: #e0e0e0; }
table.datos tr.par, table.form tr.impar { background-color: #f0f0f0; }

table.grid {
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
}

table.grid th {
  background-color: #fff;
}

table.grid th.secundario {
  color: #545454;
}

table.grid th, table.grid td {
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

/* =Pestanyas
---------------------------------------------------------------------------- */
ul.tabs {
  margin: 0;
  padding: 0;
  list-style-type: none;
  width: 100%;
  background: url(../images/pixel/333.gif) repeat-x bottom;
}

ul.tabs:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

ul.tabs li {
  margin: 0;
  padding: 0;
  float: left;
}

ul.tabs li a {
  font-weight: bold;
  color: #cbcbcb;
  border-top: 3px solid #cbcbcb;
  border-right: 1px solid #cbcbcb;
  border-left: 1px solid #cbcbcb;
  background-color: #f1f1f1;
  text-decoration: none;
  display: block;
  padding: 2px 15px;
  width: .1em;
}

ul.tabs>li>a {
  width: auto;
}

ul.tabs li a:hover {
  background-color: #fff;
  border-top-color: #e70000;
  color: #666;
}

ul.tabs li.active a {
  color: #e70000;
  border-top: 3px solid #e70000;
  border-right: 1px solid #555;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #555;
  margin-right: 0px;
  margin-bottom: -1px;
  padding-bottom: 3px;
  
  background-color: #fff;
}

ul.tabs>li.active>a {
  margin-bottom: 0;
}

div.tab_sheet {
  border: 1px solid #333;
  border-top-width: 0;
  padding: 10px;
}

/* =Formularios
---------------------------------------------------------------------------- */
form.embebido {
  background-color: #f1f1f1;
  padding: 10px;
  border-top: 2px solid #e70000;
  border-bottom: 2px solid #e70000;
}


table.form {
}

table.form td {
  vertical-align: top;
}

table.form th {
  text-align: right;
  vertical-align: top;
}

table.form.vertical th {
  text-align: left;
}

table.form tr.botones td, div.botones {
  background-color: #efefef;
  border-top: 1px solid #d2d2d2;
  text-align: right;
  padding: 4px;
}

div.botones p {
  text-align: left;
}

tr.botones a.atras, div.botones a.atras {
  float: left;
}

table.form tr.botones td {
  text-align: right;
}

form.embebido table.form label {
  text-align: right;
  font-weight: normal;
}

table.form.vertical label {
  padding-right: 15px;
  padding-left: 0;
}

input.boton {
  text-transform: uppercase;
  color: #fff;
  background-color: #e70000;
  font-weight: bold;
  padding: 0 2px;
}

* html input.boton { overflow: visible; }

input.boton.secundario {
  color: #333;
  background-color: #fff;
  border: 1px solid #333;
}

input.text:focus, textarea:focus, select:focus {
  background-color: #ffffe5;
}

select:focus {
  border: 1px solid #999;
  padding: 1px;
}

input.text {
  border: 1px solid #999;
  padding: 2px 2px;
}

input.numerico {
  border: 1px solid #999;
  padding: 2px 2px;
  text-align: right;
}

input.requerido {
  border-color: #000 !important;
}

input.error, select.error, textarea.error, input.validation-failed, select.validation-failed, textarea.validation-failed {
  border: 2px solid #e70000 !important;
}

input.solo_lectura {
  background-color: #efefef;
  border: 1px solid #cccccc;
}

/* labels */
label.error {
  color: #e70000;
  font-weight: bold !important;
  display: block;
}

label.requerido {
  padding-left: 15px;
  background: url(../images/formularios/requerido.gif) no-repeat center left;
}

table.form.vertical label.requerido {
  background: url(../images/formularios/requerido.gif) no-repeat center right;
}

form table.form label.validation-advice {
  display: block;
  color: #e70000;
  font-weight: bold !important;
  text-align: left;
  margin: 0;
  padding: 0;
  clear: both;
  /*white-space: nowrap;*/
}

/* pasos formulario */
.pasos {
  list-style-type: none;
  margin: 0;
  border-bottom: 2px #e70000 solid;
}

.pasos li {
  float: left;
  margin: 10px;
  margin-bottom: 0;
  padding-bottom: 0.5em;
  background: url(../images/formularios/pasos.gif) no-repeat bottom center;
  color: #949494;
}

.pasos .actual {
  font-weight: bold;
  background: url(../images/formularios/pasos-actual.gif) no-repeat bottom center;
  color: #333;
}

/* =Mensajes
---------------------------------------------------------------------------- */
div.mensaje {
  padding: 10px 10px 10px 40px;
  margin: 10px;
  border: 1px solid #000;
  font-weight: bold;
  border-radius: 5px; -moz-border-radius: 5px;
}

div.mensaje.error {
  border-color: #e70000;
  background: #ffe5e5 url(../images/icons20/error.gif) no-repeat 10px center;
}

div.mensaje.info {
  border-color: #e6e600;
  background: #ffffe5 url(../images/icons20/info.gif) no-repeat 10px center;
}

div.mensaje.exito {
  border-color: #73e600;
  background: #f2ffe5 url(../images/icons20/success.gif) no-repeat 10px center;
}

div.barraprogreso {
  background: url(../images/barra_progreso.gif) no-repeat center center;
}


/* =Direcciones
---------------------------------------------------------------------------- */
.contact_info {
  margin: 10px;
  padding: 10px;
  background-color: #e2e2e2;
}

address {
  background: #efefef url(/nustyle/images/address/bg-tres-columnas.gif) no-repeat scroll center bottom;
  color:#000000;
  font-style:normal;
  padding-bottom: 10px;
}

.una_columna address {
  background: #efefef url(/nustyle/images/address/bg-una-columna.gif) no-repeat scroll center bottom;
}

.columna_y_media address {
  background: #efefef url(/nustyle/images/address/bg-columna-y-media.gif) no-repeat scroll center bottom;
}

.dos_columnas address {
  background: #efefef url(/nustyle/images/address/bg-dos-columnas.gif) no-repeat scroll center bottom;
}

.tres_columnas address {
  background: #efefef url(/nustyle/images/address/bg-tres-columnas.gif) no-repeat scroll center bottom;
}

.una_columna address .head {
  background:#CCCCCC url(/nustyle/images/address/head-bg-una-columna.gif) no-repeat scroll center top;
}

.columna_y_media address .head {
  background:#CCCCCC url(/nustyle/images/address/head-bg-columna-y-media.gif) no-repeat scroll center top;
}

.dos_columnas address .head {
  background:#CCCCCC url(/nustyle/images/address/head-bg-dos-columnas.gif) no-repeat scroll center top;
}


.tres_columnas address .head {
  background:#CCCCCC url(/nustyle/images/address/head-bg-tres-columnas.gif) no-repeat scroll center top;
}

address p {
  padding:5px 14px;
  margin: 0;
}

address .head {
  background-color:#CCCCCC;
  font-weight:bold;
}

address .logos {
  background:transparent url(/nustyle/images/address/logo-bg-t.gif) no-repeat scroll center top;
  border-left:1px solid #CCCCCC;
  float:right;
  margin: 10px 0 10px 10px;
  padding-top:10px;
  text-align:center;
  line-height: 80px;
  vertical-align: middle;
  min-height: 80px;
  width:140px;
}

address .logos span {
  background:transparent url(/nustyle/images/address/logo-bg-b.gif) no-repeat scroll center bottom;
  display:block;
  min-height:80px;
  padding-bottom:6px;
  width:100%;
  vertical-align: middle;
  line-height: 80px;
}

* html address .logos, * html address .logos span {
  height: 80px !important;
}

address .logos img {
  padding:7px;
}

address .contact strong {
  float:left;
  margin-right:1em;
  min-width: 6em;
  white-space: nowrap;
}


* html address .contact strong {
  width: 6em;
}



/* =Miscelanea
---------------------------------------------------------------------------- */

img.centrado, img.centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

img.izq {
  float: left;
  margin: 0 10px 10px 0;
}

img.dch {
  float: right;
  margin: 0 0 10px 10px;
}

div.pie {
  background: #ffe5e5 no-repeat 5px 5px;
  padding: 10px;
  text-align:justify;
  margin: 10px;
}

div.marcoRojo {
  border: 1px solid #e70000;
  margin: 10px;
  padding: 10px;
}

blockquote {
  background: #f1f1f1 no-repeat 5px 5px;
  padding: 10px;
  border-top: 1px dashed #d2d2d2;
  border-bottom: 1px dashed #d2d2d2;
}

#novedades {
  width: 560px;
  background: url(/nustyle/images/novedades_3_col_top.gif) no-repeat top center;
}

#novedades h2 {
  color: #fff;
  font-size: 15px;
  height: 30px;
  padding-top: 0px; 
  margin-top: 0;
  margin-bottom: 0px;
  margin-left: 10px;
}

#novedades ul {
  background: url(/nustyle/images/novedades_3_col_bottom.gif) no-repeat bottom center;
  padding: 0 0 10px 0;
}

/* =Mapa Buscador
---------------------------------------------------------------------------- */
#mapa_form {
  float: left;
  width: 200px;
  padding-right: 10px;
  border-right: 1px solid #d2d2d2;
}

.expandible_controlador {
  clear: left;
  background: #ccc url(../images/expandible/controlador_bg.gif) no-repeat top right;
}

.expandible_controlador a {
  background: url(../images/expandible/mas.gif) no-repeat 10px center;
  display: block;
  padding: 5px 0 10px 30px;
}

/* =Menu izquierdo
---------------------------------------------------------------------------- */
#menu_izq, #menu_izq ul {
  margin: 0; padding: 0; list-style: none;
  cursor: pointer; cursor: hand;
}

#menu_izq li {
  margin: 0; padding: 0;
}

/* 1º nivel */
#menu_izq span, 
#menu_izq a {
  display: block;
  border-left: 6px solid #e70000;
  border-bottom: 1px solid #fff;
  padding: 2px;
  background-color: #ededed;
  text-decoration: none;
  color: #e70000;
  margin-bottom: 1px;
}

/* 2º nivel */

#menu_izq ul span, #menu_izq ul a {
  background-color: #f8f8f8;
  border-left-color: #707070;
  padding-left: 15px;
}

/* 3º nivel */

#menu_izq li.Expanded ul li.TreeNode span,
#menu_izq li.Expanded ul li.TreeNode a {
  color: #707070;
  background: #f8f8f8 url(/_comun/images/menuweb/empty.gif) no-repeat 7px 4px;
}

#menu_izq li.Expanded ul li.TreeNode>span,
#menu_izq li.Expanded ul li.TreeNode>a {
  color: #707070;
  background: #f8f8f8 url(/_comun/images/menuweb/empty.gif) no-repeat 3px 4px;
}

#menu_izq li.Expanded ul li.Collapsed span,
#menu_izq li.Expanded ul li.Collapsed a {
  color: #707070;
  background: #f8f8f8 url(/_comun/images/menuweb/iconmas.gif) no-repeat 7px 4px;
}

#menu_izq li.Expanded ul li.Collapsed>span,
#menu_izq li.Expanded ul li.Collapsed>a {
  background: #f8f8f8 url(/_comun/images/menuweb/iconmas.gif) no-repeat 3px 4px;
}

#menu_izq li.Expanded ul li.Expanded span,
#menu_izq li.Expanded ul li.Expanded a {
  color: #e70000;
  background: #f8f8f8 url(/_comun/images/menuweb/iconmenos.gif) no-repeat 7px 4px; 
}

#menu_izq li.Expanded ul li.Expanded>span,
#menu_izq li.Expanded ul li.Expanded>a {
  background: #f8f8f8 url(/_comun/images/menuweb/iconmenos.gif) no-repeat 3px 4px; 
}


#menu_izq ul li.Expanded ul li.TreeNode span,
#menu_izq ul li.Expanded ul li.TreeNode a {
  color: #646464;
  border-color: #dbdbdb;
  border-bottom-style: dashed;
  margin-bottom: 0;
  background: #fff url(/_comun/images/menuweb/bullet.gif) no-repeat 7px 4px;
}

#menu_izq ul li.Expanded ul li.TreeNode>span,
#menu_izq ul li.Expanded ul li.TreeNode>a {
  background: #fff url(/_comun/images/menuweb/bullet.gif) no-repeat 3px 4px;
}

/* 4º nivel */

#menu_izq ul li.Expanded ul li.TreeNode.Expanded ul li span,
#menu_izq ul li.Expanded ul li.TreeNode.Expanded ul li a {
  padding-left: 20px;
}

#menu_izq ul li.Expanded ul li.TreeNode.Collapsed span,
#menu_izq ul li.Expanded ul li.TreeNode.Collapsed a {
  background: #fff url(/_comun/images/menuweb/iconmas.gif) no-repeat 7px 4px;
}

#menu_izq ul li.Expanded ul li.TreeNode.Expanded span,
#menu_izq ul li.Expanded ul li.TreeNode.Expanded a {
  background: #fff url(/_comun/images/menuweb/iconmenos.gif) no-repeat 7px 4px;
}

#menu_izq ul li.Expanded ul li.TreeNode.Expanded ul li span,
#menu_izq ul li.Expanded ul li.TreeNode.Expanded ul li a {
  font-size: 90%;
  background: #fff url(/_comun/images/menuweb/bullet.gif) no-repeat 7px 4px;
}
/* FF */
#menu_izq ul li.Expanded ul li.TreeNode.Collapsed>span,
#menu_izq ul li.Expanded ul li.TreeNode.Collapsed>a {
  background: #fff url(/_comun/images/menuweb/iconmas.gif) no-repeat 3px 4px;
}

#menu_izq ul li.Expanded ul li.TreeNode.Expanded>span,
#menu_izq ul li.Expanded ul li.TreeNode.Expanded>a {
  background: #fff url(/_comun/images/menuweb/iconmenos.gif) no-repeat 3px 4px;
}

#menu_izq ul li.Expanded ul li.TreeNode.Expanded ul li>span,
#menu_izq ul li.Expanded ul li.TreeNode.Expanded ul li>a {
  font-size: 90%;
  background: #fff url(/_comun/images/menuweb/bullet.gif) no-repeat 3px 4px;
}


/* fin 4º nivel */


#menu_izq li.Current a, #menu_izq li.Current span {
  border-left-color: #fff;
  color: #e70000 !important;
  background-color: #dbdbdb !important;  
}

#menu_izq li a.Current, #menu_izq li span.Current {
  border-left-color: #fff;
  color: #e70000 !important;
  background-color: #dbdbdb !important;  
}

ul#menu_izq li.Current ul li.TreeNode span,
ul#menu_izq li.Current ul li.TreeNode a {
  color: #707070 !important;
  background-color: #fff !important;
}