/* generales */

*, html {
margin:0;
padding:0
}
body {
color: #666;
background-color: #e9eaeb;
font-size: 0.85em;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height:130%

}

/***genericos***/
h1 {
font-size: 1.5em;
font-weight: normal;
color: #bb000f;
display:block;
clear: both;
margin-top: 30px;
margin-bottom: 25px;
cleaR: both;
float: left
}
h2{
font-size: 1.4em;
font-weight: normal;
color: #bb000f;
}
h3{
color: #bb000f;
font-weight: normal;
font-size: 1.1em;
margin-bottom:10px
}
img {
border:none;
}
p {
clear: both;
margin-bottom: 10px
}
form {
margin-left: 14px;
margin-top:9px;
display:block;
}
input {
padding: 3px;
width: 228px;
margin-bottom: 4px !important;
margin-bottom: 2px;
}
input, textarea, select {
font-family: Verdana, Arial, Helvetica, sans-serif;
border: none;
}
select {
/*width: 234px;*/
width: 92%;
clear: both;
padding: 3px;
display: block;
margin-bottom: 3px
}
textarea {
padding: 3px;
width: 228px
}
a:link, a:visited {
color: #bb000f;
text-decoration: none
}
a:hover {
text-decoration: underline
}
.paddingMenu {
margin-right: 11px
}
a.paddingSimple {
padding-top: 7px;
height: 42px
}
a.paddingDoble {
padding-top:14px;
height: 35px
}
.padding12 {
margin-right: 12px
}
.enumeracion {
font-size: 0.9em
}
.enumeracion li {
list-style: none;
padding-left:15px;
margin-bottom: 10px;
background: url(images/bulletRojo.gif) no-repeat 0 5px
}
.intro {
font-size: 0.9em
}






/***estructura basica***/

#contenedor {
width: 968px;
margin: 10px auto 0 auto
}
#abreContenidos {
font-size:1px;
width: 968px;
height: 16px;
clear: both;
background: url(images/imgAbreContenidos.gif) no-repeat top left
}
#contenidos {
width: 960px;
padding-right: 8px;
overflow: hidden;
background: url(images/fdContenidos.gif) white 960px 0 repeat-y
}
#cabecera {
height: 100px
}

#cabIzq {
margin-left:18px;
float: left
}
#cabCen {
margin-top: 46px;
float: left
}
#cabDer {
margin-top: 24px;
margin-right: 17px;
float: right
}
#flashTop {
width: 917px;
margin-left: 21px
}
#colIzq {
width: 649px;
margin-left: 21px !important;
margin-left: 10px;
float: left;
margin-top: 15px
}
#colDer {
width: 267px;
float: right;
margin-right: 17px !important;
margin-right: 8px;
clear: right;
margin-top: 15px
}
#cierraContenidos {
float: left;
width: 968px;
height: 24px;
margin-bottom: 15px;
background: url(images/imgCierraContenidos.gif) bottom left no-repeat
}

/*** menu principal ***/
#menu {
float: left;
width: 100%;
line-height: 125%;
font-size: 0.9em;
margin-bottom:15px;
clear:both;
display: block
}
#menu li {
display: inline;
font-weight: bold;
list-style: none
}
#menu li a:link, #menu li a:visited {
color: white;
text-decoration: none;
display: block;
float: left;
width: 152px;
text-align: center;
background: url(images/fdMenuInactivo.gif) no-repeat;
}
#menu li a:hover {
background: url(images/fdMenuHover.gif) no-repeat
}
#menu li a.activo {
color: #86131d !important;
background: url(images/fdMenuActivo.gif) no-repeat !important
}

/***cols***/
.colIzqCol {
font-size: 0.8em;
margin-top: 10px;
width: 314px;
height: 240px;
overflow: hidden;
float: left;
background: url(images/fdCols.gif) no-repeat !important
}
.colIzqCol h2 {
height: 28px;
line-height: 28px;
color: white;
display: block;
/*background: url(images/fdTitCol.gif) #bb000f no-repeat top right;*/
margin: 7px 0 8px 0;
background-color: #6e7177;
padding: 0 10px 5px 10px;
}
.colIzqCol p {
line-height: 130%;
float: left;
display: block;
width: 293px;
padding: 0 10px;
margin-bottom: 6px;
text-align: justify
}
.masInfo {
display: block;
padding-left: 15px;
border-top: 1px solid #999;
margin-top: 6px;
padding-top: 3px;
padding-bottom:3px;
width: 277px;
background: url(images/masInfoIco.gif) no-repeat 0px 4px
}
.separador {
clear: both;
display: block
}

.titularCols {
text-align: left !important;
font-size: 1.35em
}

/***colDer***/

#formulario {
width: 269px;
overflow: hidden;
background: url(images/fdContacto.gif) no-repeat;
margin-bottom: 10px
}
#formulario .ampliarConten, #formulario .ampliarConten2 {
font-size: 1em !important;
border-top: none !important;
width: 228px; 
margin: 0 21px 0 0 !important;
background-color: white;
padding: 3px !important;
color: #bb000f !important;
font-weight: bold
}
#formulario .ampliarConten2 img {
position: relative;
top: 2px;
}
#formulario .ampliarConten:hover,
#formulario .ampliarConten2:hover  {
cursor: pointer !important
}
#formulario .contenAmpliado p, #formulario .contenAmpliado div,
#formulario .contenAmpliado2 p, #formulario .contenAmpliado2 div  {
padding: 2px;
background-color: white;
margin: 0 21px 0 0 !important
}
.itemMaster {
color: black;
line-height: 120%;
clear: both;
margin-bottom: 2px;
}
#cierraForm {
clear: both;
font-size: 1px;
height: 16px;
background: url(images/fdContactoCierra.gif) bottom left no-repeat;
}

#formulario form {
font-size: 0.8em;
}
.formTit {
height: 35px;
color: white;
padding-top:14px;
text-indent: 14px;
display: block;
font-weight: bold
}
.formInput {
height: 17px;
background: url(images/fdForm.gif) no-repeat;
}
#formulario textarea {
font-size: 1em !important;
font-size: 1.2em;
clear: both;
display: block;
height: 50px;
padding: 3px 3px 0 3px !important;
background: url(images/fdTextarea.gif) no-repeat;
}
input.check {
width: auto !important;
margin-bottom:2px !important;
padding: 0px !important
}
input.submit {
width: auto !important;
margin-right:4px;
float: right
}


/*** catalogo masters ***/
.titListado {
width: 631px;
height: 46px;
padding-left: 10px;
background: url(images/fdTitMasters.gif) no-repeat;
clear: both;
color: white;
font-size: 0.8em;
margin-bottom: 5px
}

.titListado2 {
width: 631px;
height: 65px;
padding-left: 10px;
background: url(images/fdTitMasters2.gif) no-repeat;
clear: both;
color: white;
font-size: 0.8em;
margin-bottom: 5px
}

.titTit {
font-weight: bold;
font-size: 1.2em;
display: block;
clear: both;
padding-top: 4px
}


#listadoMasters {
float: left;
width: 649px;
margin-top:8px;
display: block;
clear: both
}
.itemListado {
height: 22px;
clear: both;
width: 100%;
font-size: 0.8em;
margin-bottom: 6px;
}
.itemTxt {
text-indent: 10px;
width: 554px;
margin-right: 10px;
height: 22px;
line-height: 22px;
background: url(images/fdItemOsc.gif) no-repeat;
float: left
}
/*
.itemTxt:hover {
background: url(images/fdItemClaro.gif) no-repeat !important;
}
.itemTxt.claro:hover {
background: url(images/fdItemOsc.gif) no-repeat !important;
}
*/
.itemPlay {
float: left
}
.itemCr {
color: white;
text-align: center;
float: left;
width: 77px;
height: 22px;
line-height: 22px;
background: url(images/imgCr.gif) no-repeat !important;
}
.claro {
background: url(images/fdItemClaro.gif) no-repeat !important;
}

.calClaro {
background: url(images/fdItemCalClaro.gif) no-repeat !important;
}
.calOsc {
background: url(images/fdItemCalOsc.gif) no-repeat !important;
}
.rojo {
font-weight: bold;
color: white !important;
background: url(images/fdItemRojo.gif) no-repeat !important;
}
.tituloObtenido {
display: block;
clear: both;
font-size: 0.8em;
float: left;
width: 100%;
margin-bottom: 10px;
}
.tituloObtTxt {
float: left;
width: 555px;
}
.txtRojoBold {
display: block;
color: #bb000f;
font-weight: bold
}
.tituloObtIco {
margin-right: 20px;
float: right;
}

#pie {
font-size: 0.8em;
text-align: center;
border-top: 1px solid #ccc;
clear: both;
padding-top: 3px;
width: 920px;
position: relative;
top: 10px;
padding-bottom: 8px;
margin: 0 auto 0 auto
}

/***  metodologia  ***/

.intro.metodologia h1 {
display: block !important;
width: 100%;
float:none;
clear: both;
margin-bottom: 20px !important
}
.intro.metodologia h2 {
margin-top: 15px;
margin-bottom: 3px;
height: 23px;
line-height: 23px;
font-size: 0.9em;
padding-left:10px;
color: white;
display: block;
background: url(images/fdNegro.gif) no-repeat !important;
}


/***sobre elogos ***/

.abreCaja {
margin-top: 35px;
height: 11px;
font-size: 1px;
display: block;
background: url(images/abreCajaGris.gif) no-repeat !important;
}

.contenCaja {
background-color: #d5d6d9;
overflow: hidden;
width: 531px !important;
padding: 7px 55px
}
.cierraCaja {
height: 11px;
font-size: 1px;
display: block;
background: url(images/cierraCajaGris.gif) no-repeat !important;
}
.volver {
width: 640px;
border-top: 1px solid #bb000f;
margin-top: 20px;
padding-top:2px;
font-size: 0.85em;
display: block;
clear: both;
font-weight: bold
}


/*******************comfia*********************/

#contenidoHome h1 {
margin-top:5px !important;
margin-bottom: 10px !important;
color:#333;
line-height: 120%;
display: block;
clear: both
}


/****/
.panelHome {

}
.abrePanelHome {
font-size:1px;
height: 13px;
background: url(images/fdHomeGrisAbre.gif) no-repeat !important;
}
.panelHome {
width: 644px;
overflow: hidden;
margin-bottom: 10px;
}
.cuerpoPanelHome {
background-color: #e8eaeb;
padding-left:10px
}
.cuerpoPanelHome li {
list-style: none;
padding-left:15px;
padding-bottom: 4px;
background: url(images/bulletRojo.gif) no-repeat 0 5px
}
.cierraPanelHome {
font-size:1px;
height: 13px;
background: url(images/fdHomeGrisCierra.gif) no-repeat !important;
}

/****/

.panelHomeIzq {
color: white;
width: 420px;
height: 42px;
padding: 8px;
float: left;
background: url(images/fdPanelIzqHome.gif) no-repeat !important;
}

.panelHomeDer {
font-weight: bold;
color: white;
width: 178px;
height: 42px;
padding: 8px;
float: left;
background: url(images/fdPanelDerHome.gif) no-repeat !important;
margin-left: 14px
}
.panelHomeDer a {
color: white !important
}

.btnFicha {
	float:right;
	margin-right:10px;
	position:relative;
	bottom:10px;
}

.btnFicha2 {
	float:right;
	margin-right:10px;
	position:relative;
}

a#enlaceCostes{
	color:#333;
	text-decoration:none;
	position:relative;
	top:5px;
}

a#enlaceCostes:hover{
	color:#BF0001;
	text-decoration:none;
		position:relative;
	top:5px;
}