/* CSS Document */

*, html { margin:0; padding:0 }
body { color: #333; font-size: 14px; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; background:url(../images/fdMenu.gif) white repeat-x 0 116px}
a:link, a:visited { color: #ea4c10; font-weight: bold; text-decoration: none }
.naranja { color:#ea4c10 }
a:hover { text-decoration: underline }
h1 { color: #ea4c10; font-size: 25px; margin-bottom: 5px}
h2 { color: #ea4c10; font-size: 20px; border-bottom: 1px solid #ea4c10; margin-bottom: 10px}
h3 {
padding-left: 15px;
background: url(../images/bulletNaranja.gif) no-repeat;
color: #ea4c10;
}
img { border: none }
/******assets*******/
.destacado { padding: 12px; font-weight: bold; background-color: #EEE; width: 586px; float: left; margin-top: 10px; margin-bottom: 18px }
.clB { clear:both }
.separado { clear: both; padding-bottom: 8px; margin-bottom: 8px; border-bottom: 1px solid #ea4c10 }
.fdDeg1 { background: url(../images/fdDeg01.gif) repeat-x  }
.tel { font-size: 24px }
.izq { float: left }
.der { float: right}
.w48 { width: 48% }
.w219 { width: 219px }
.w299 { width: 299px }
.w390 { width: 390px }
.w610 { width: 610px }
.pd8 { padding: 8px }
.clL { clear: left }
.mgBot18 { margin-bottom: 18px }
.mgBot25 { margin-bottom: 18px }
.mgIzq10 { margin-left: 10px }
.mgDer10 { margin-right: 10px }
.salmon { background-color: #fcede0}
.izq .panel h2 { color: white; margin: 0 !Important; font-size: 17px; padding: 8px 8px; background: url(../images/fdTitPanelIzq.gif) #ff7100 no-repeat top left}
/*******estructura******/
#contenedor { padding-bottom: 40px; width: 930px; margin: 0 auto; overflow: hidden; }
#cabecera { position: relative; width: 930px; height: 116px; background:url(../images/fdCab.jpg) #FFF no-repeat top left  }
#menuTop { width: 930px; font-size: 14px; height: 40px; margin-bottom: 26px; clear: both }

li { color: #ea4c10 }
.destacado li { color: #333 !important}

/*********cabecera********/
#textCab {
position: absolute;
top: 71px;
left: 188px;
}
#textCab h1 { color: #333; font-size: 20px !important; font-weight: normal !important }

/*********menu**********/
#menuTop li { display: inline }
#menuTop li a:link, #menuTop li a:visited {color: #333; text-decoration: none; display: block; float: left; line-height: 40px; padding: 0 20px; background:url(../images/fdSeparador.gif) 100% 0px no-repeat  }
#menuTop li a:hover, #menuTop li a.activo { color: #ea4c10 }

/*********contenedor***********/

#contenedor .der p { margin-bottom: 10px }
#contenedor .der li { 
list-style: none;
margin-top: 10px;
margin-bottom: 10px;
padding-left: 30px;
background: url(../images/bulletNaranja.gif) no-repeat 14px 0

}
.telTop {
float: right;
font-size: 20px;
line-height: 40px;
height: 40px;
padding-left: 45px;
background: url(../images/icoTel.gif) no-repeat top left

}


/*******panel cursos********/

.panelCursos {
overflow-y: auto;
height: 466px; padding: 10px 2px 15px 10px; background: url(../images/fdGrisIzqCierra.gif) #e2e2e2 no-repeat bottom left

}
.panelCursos li { font-size: 15px; list-style: none; margin-bottom: 0px}
.panelCursos li a:link, .panelCursos li a:visited {
font-weight: normal;
color: #333;
text-decoration: none;
display: block;
background: url(../images/bulletCursos.gif) 0 2px no-repeat;
padding: 5px 0 5px 26px;
}
.panelCursos li a:hover {
color: #ea4c10
}


/********rastro de migas**********/
.rastro { font-size: 11px; padding: 5px; background-color: #eee }

.cursoDoble { clear: both}

#banner {
position: relative;
float: left;
margin-bottom: 20px;
overflow: hidden;
height: 264px;
width: 610px;
clear: both;
background: url(../images/fdBanner.gif) #eee no-repeat top right

}
.bannerDer {
width: 304px;
float: left
}
.bannerDer h1 {
color: white; margin: 0 !important;
font-size: 17px; padding: 8px 8px;
background: url(../images/fdTitBanner.gif) #ff7100 no-repeat top left

}
.bannerDer ul {

}
.bannerDer li {
list-style: none;
background: none !important;
padding: 0 !important;
margin: 0 !important
}
.bannerDer li a:link, .bannerDer li a:visited {
text-decoration: none;
font-weight: bold;
display: block;
border-bottom: 1px solid #CCC;
border-top: 1px solid white;
background: url(../images/bulletBanner.gif) no-repeat 15px 11px;
padding-left: 27px;
padding-top: 8px;
padding-bottom: 8px
}
.bannerDer li a:hover {
background-color: #ccc
}

#banner1 { 
visibility: hidden;
position: relative;
top:0;
left:0
}
#banner2 { 
position: absolute;
top:0;
left:0
}
#banner3 { 
visibility: hidden;
position: absolute;
top:0;
left:0
}

/***************cursos***************/
.cursos h1 {
background: url(../images/fdTitInt.gif) no-repeat top left;
width: 610px;
height: 46px;
color: white;
font-size: 18px;
text-indent: 10px;
line-height: 46px;
margin-bottom: 20px;
}
.itemCurso { margin-bottom: 10px; overflow: hidden }
.cursos h2 {
border: none !important;
margin-bottom: 5px;
font-size: 18px
}
.itemCurso p {
width: 434px;
margin-bottom: 5px;
}
.itemCurso.salmon p {
float: right
}
.itemCurso .masInfo {
border-top: 1px solid #ea4c10;
padding-top: 8px;
font-size: 12px;
}

/************formulario************/

.panelForm {
font-size: 12px;
overflow-y: auto;
height: auto; padding: 10px 2px 15px 10px; background: url(../images/fdGrisIzqCierra.gif) #e2e2e2 no-repeat bottom left

}
label { float: left; clear: left; width: 100px; padding: 3px 0 !important }
input.formInput {
width: 169px;
clear: right;
margin-bottom: 4px;
border: none !important;
padding: 3px !important;
font-size: 12px
}
select.formInput {
width: 277px;
clear: right;
margin-bottom: 4px;
border: none !important;
padding: 3px !important;
font-size: 12px
}
.izq .formInput { margin-bottom: 10px !important; border: 1px solid #999 !important; background-color: #eee }
.izq label, .izq select { font-size: 12px  }

/************landing***************/
.plazas li {
padding-left:14px !important;
background: url(../images/bulletNaranja.gif) no-repeat 0px 0  !important;
margin-bottom: 4px !important;
margin-top: 4px !important;
}


/* PIE /////////////////////////////////////////////////////////////////////// */

#pie {overflow:hidden;height:100%;line-height: 75px;margin:0px auto 10px auto;width:350px;font-size:11px;color:#3c3c3c}
#pie ul {margin-top:7px;text-align:left;}
#pie ul li {float:left;display:inline;padding:0 8px 0 6px;background:url(file:///Macintosh%20HD/Users/Mendi/Documents/CLIENTESmendiMac/E-strategia/Elogos/Gratuitos/images/menu-soporte-separador.gif) right center no-repeat;}
#pie a:hover {text-decoration:underline}
#pie .Fin {background:none; margin-left: 25px}
#pie .Elogos {background:none;padding-right:25px;font-size:13px;}
#pie .Logo {background:none;float:right;margin-top:5px}