@charset "utf-8";
/* CSS Document */

form{
	margin:0px;
}
body {
font-family: Arial,sans-serif;
font-size:12px;
color:#000000;
text-align:center;
margin-top:5px;
}
a{
outline:none;
}
img {
border:none;
}
#temario {
color: #000000;
font-size: 10px;
}
#temario li {
list-style:none;
padding-top:2px;
}
#temario li b{
border-bottom:groove;
border-bottom-width:1px;
margin-left:-5px;
font-size:11px;
}

/* Comun a todos */
h1 {
font-size:23px;
font-weight:bold;
}



h2 {
font-size:12px;
font-weight:normal;
padding:1px;
margin-bottom:0px;
margin-top:0px;
}

h3 {
font-size:10px;
font-weight:normal;
padding:1px;
margin-bottom:0px;
}


.c {
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
}

.d {
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin-bottom:10px;
}



/* Contenedores */
#contenedor {
position:relative;
left: 0px;
top: 0px;
width:860px;
/*
height:1650px;
border:1px solid #AAAAAA;
*/
background-color:#FFFFFF;
margin:10px auto;
text-align:left; 
}

#content {
position:absolute;
left: 0px;
/* top: 110px; */
/* */ top: 95px;
width:569px;
}

#logo {
position:relative;
left: 10px;
/* top: 30px; */
/* */ top: 15px;
width:220px;
height:64px;
float:left;
background-image:url(img/logo.png)
}

#menu{
position:relative;
/* top: 40px; */
/* */ top: 25px;
left:0px;
width:220px;
clear:both;
}

#titulo{
position:absolute;
/* top: 30px; */
/* */ top: 15px;
left:0px;
width:500px;
height:45px;
}

#area{
position:absolute;
/* top: 32px; */
/* */ top: 17px;
left:0px;
width:575px;
text-align:center;
height:59px;
margin:0;
padding:0;
}

#area h1{
float:center;
font-size:28px;
max-height:59px;
display:block;
line-height:22px;
margin-bottom:0px;
}

.textoBajoArea
{
margin:4px 0px 0px 0px;
font-size:8px;
max-height:59px;
display:block;
line-height:12px;
font-style: italic;
font-weight:BOLD;
color:#e0e0e0;
letter-spacing:2px;
}

#foto {
position:relative;
left: 0px;
width:567px;
height:153px;
margin-bottom:15px;
}

#dibujo {
position:relative;
left: 575px;
/* top: 110px; */
/* */ top: 95px;
width:35px;
height:157px;
}

#descripcion{
float:left;
top:300px;
left:0px;
width:300px;
}
#temario{
float:right;
top:300px;
width:240px;
}

#info{
clear:both;
}

#modalidad{
float:right;
margin-left:5px;
margin-top:50px;
margin-bottom:10px;
width:117px;
text-align:center;
padding-top:15px;
}

#duracion{
float:right;
margin-left:5px;
margin-top:50px;
margin-bottom:10px;
width:116px;
text-align:center;
padding-top:15px;
}

#solicitud{
clear:both;
}

#arroba{
	top:10px;
	margin-top:-45px;
	height:60px;
	background-repeat:no-repeat;
	background-position:center;
	background-image:url(img/arroba.png);
	position:relative;
}

#pres{
	top:10px;
	margin-top:-45px;
	height:60px;
	background-repeat:no-repeat;
	background-position:center;
	background-image:url(img/pres.png);
	position:relative;
}

#arrobaPres{
	top:10px;
	margin-top:-45px;
	height:60px;
	background-repeat:no-repeat;
	background-position:center;
	background-image:url(img/arrobaPres.png);
	position:relative;
}

#blearning{
	top:10px;
	margin-top:-45px;
	height:60px;
	background-repeat:no-repeat;
	background-position:center;
	background-image:url(img/blearning.png);
	position:relative;
}



/* Menu */
#navi  {  	
list-style:none;	
margin-top:2px;
margin-left:0px;	
padding:0px;
}
#navititle  {  	
list-style:none;	
margin-top:6px;
margin-left:0px;	
padding:0px;
margin-bottom:0px;
}
#items  {  	
list-style:none;
/* margin-top:40px; */
/* */ margin-top:0px;
margin-left:0px;	
padding:0px;
}

#items  li {  	
/* */ margin-top:12px;
/* margin-top:20px; */
border-left:solid 14px;
border-bottom:solid 2px;
/* height:80px; */
height:44px;
padding:0px;
/* font-size:20px; */
font-size:16px;
vertical-align:middle;
}
#items  li img{
margin-left:2px;
margin-right:25px;
float:left;
clear:both;

/**/ width:44px;
/**/ height:44px;
}

#items  li a{
text-decoration:none;
font-weight:600;
}

#menu #navi li {	
margin:2px;	
padding:0; 	
}
#menu #navititle li {	
margin:2px;	
padding:0; 	
}

#menu #navi li a {	
display:block;
width:210px;
padding:4px 4px;	
text-decoration:none;	
text-align:left;
font-size:11px;	
color:#FFFFFF;	
background-color:#00879b;
border-left:10px solid #DDDDDD;
}


#menu #navititle li a {	
display:block;
width:210px;
padding:4px 4px;	
text-decoration:none;	
text-align:left;
font-size:11px;	
color:#FFFFFF;	
background-color:#151960;
border-left:10px solid #DDDDDD;
}

#navititle #qso a:hover {
	color:#000000;
	background-color:#DDDDDD;
	border-left:10px solid #151960;
}

#navi #qsofor a:hover {
background-color:#26a6b8;
border-left:10px solid #151960;
}

#navi #emp a:hover {
background-color:#26a6b8;
border-left:10px solid #151960;
}

#navi #are span{
display:block;
width:210px;
padding:4px 4px;	
text-decoration:none;	
text-align:left;
font-size:11px;	
color:#FFFFFF;	
background-color:#151960;
border-left:10px solid #DDDDDD;
}

#navi #cal a:hover {
background-color:#26a6b8;
border-left:10px solid #151960;
}
#navi #med a:hover {
background-color:#26a6b8;
border-left:10px solid #78a32f;
}

#navi #pre a:hover {
background-color:#26a6b8;
border-left:10px solid #f88d23;
}

#navi #ali a:hover {
background-color:#26a6b8;
border-left:10px solid #be253a;
}

#navi #ges a:hover {
background-color:#26a6b8;
border-left:10px solid #00879b;
}




/* CALIDAD */
#calidad {
position:absolute;
top:0px;
left:250px;
}

#calidad #temario li b{
color:#151960;
}

#calidad #area {
background-color:#151960;
}

#calidad #items  li {
border-color:#151960;
color:#151960;
}
#calidad #items  li a{

color:#151960;
}

#calidad h1 {
color: #151960;
}

#calidad h2 {
text-align: center;
color: #ffffff;
background-color: #151960;
}

#calidad h3 {
text-align: center;
color: #ffffff;
background-color: #151960;
}

#calidad #foto img{
border: 2px solid #151960;
}

#calidad #dibujo {
background-color: #151960;
}

#calidad #modalidad{
border:1px solid #151960;
}

#calidad #duracion{
border:1px solid #151960;
}

#calidad #temario{
border:1px solid #151960;
}

/* MASCALIDAD */
#mascalidad {
position:absolute;
top:0px;
left:250px;
}

#mascalidad #temario li b{
color:#151960;
}

#mascalidad #area {
background-color:#151960;
}

#mascalidad #items  li {
border-color:#151960;
color:#151960;
}
#mascalidad #items  li a{
/* font-weight:400; */
color:#151960;
}

#mascalidad h1 {
color: #151960;
}

#mascalidad h2 {
text-align: center;
color: #ffffff;
background-color: #151960;
}

#mascalidad h3 {
text-align: center;
color: #ffffff;
background-color: #151960;
}

#mascalidad #foto img{
border: 2px solid #151960;
}

#mascalidad #dibujo {
background-color: #151960;
}

#mascalidad #modalidad{
border:1px solid #151960;
}

#mascalidad #duracion{
border:1px solid #151960;
}

#mascalidad #temario{
border:1px solid #151960;
}


/* MEDIO AMBIENTE */
#medioAmbiente {
position:absolute;
top:0px;
left:250px;
}

#medioAmbiente #temario li b{
color:#78a32f;
}

#medioAmbiente #area {
background-color:#78a32f;
}

#medioAmbiente #items  li {
border-color:#78a32f;
color:#78a32f;
}
#medioAmbiente #items  li a{
color:#78a32f;
}

#medioAmbiente h1 {
color: #78a32f;
}

#medioAmbiente h2 {
text-align: center;
color: #ffffff;
background-color: #78a32f;
}

#medioAmbiente h3 {
text-align: center;
color: #ffffff;
background-color: #78a32f;
}

#medioAmbiente #foto img{
border: 2px solid #78a32f;
}

#medioAmbiente #dibujo {
background-color: #78a32f;
}

#medioAmbiente #modalidad{
border:1px solid #78a32f;
}

#medioAmbiente #duracion{
border:1px solid #78a32f;
}

#medioAmbiente #temario{
border:1px solid #78a32f;
}


/* PREVENCION RIESGOS LABORALES */
#prl {
position:absolute;
top:0px;
left:250px;
}

#prl #temario li b{
color:#f78e21;
}

#prl #area {
background-color:#f78e21;
}

#prl #items  li {
border-color:#f78e21;
color:#f78e21;
}
#prl #items  li a{
color:#f78e21;
}

#prl h1 {
color: #f78e21;
}

#prl h2 {
text-align: center;
color: #ffffff;
background-color: #f78e21;
}

#prl h3 {
text-align: center;
color: #ffffff;
background-color: #f78e21;
}

#prl #foto img{
border: 2px solid #f78e21;
}

#prl #dibujo {
background-color: #f78e21;
}

#prl #modalidad{
border:1px solid #f78e21;
}

#prl #duracion{
border:1px solid #f78e21;
}

#prl #temario{
border:1px solid #f78e21;
}

/* ALIMENTACION */
#alimentacion {
position:absolute;
top:0px;
left:250px;
}

#alimentacion #temario li b{
color:#be253a;
}

#alimentacion #area {
background-color:#be253a;
}

#alimentacion #items  li {
border-color:#be253a;
color:#be253a;
}
#alimentacion #items  li a{
color:#be253a;
}

#alimentacion h1 {
color: #be253a;
}

#alimentacion h2 {
text-align: center;
color: #ffffff;
background-color: #be253a;
}

#alimentacion h3 {
text-align: center;
color: #ffffff;
background-color: #be253a;
}

#alimentacion #foto img{
border: 2px solid #be253a;
}

#alimentacion #dibujo {
background-color: #be253a;
}

#alimentacion #modalidad{
border:1px solid #be253a;
}

#alimentacion #duracion{
border:1px solid #be253a;
}

#alimentacion #temario{
border:1px solid #be253a;
}

/* GESTION EMPRESARIAL */
#gestionEmpresarial {
position:absolute;
top:0px;
left:250px;
}

#gestionEmpresarial #temario li b{
color:#00879b;
}

#gestionEmpresarial #area {
background-color:#00879b;
}

#gestionEmpresarial #items  li {
border-color:#00879b;
color:#00879b;
}
#gestionEmpresarial #items  li a{
color:#00879b;
}

#gestionEmpresarial h1 {
color: #00879b;
}

#gestionEmpresarial h2 {
text-align: center;
color: #ffffff;
background-color: #00879b;
}

#gestionEmpresarial h3 {
text-align: center;
color: #ffffff;
background-color: #00879b;
}

#gestionEmpresarial #foto img{
border: 2px solid #00879b;
}

#gestionEmpresarial #dibujo {
background-color: #00879b;
}

#gestionEmpresarial #modalidad{
border:1px solid #00879b;
}

#gestionEmpresarial #duracion{
border:1px solid #00879b;
}

#gestionEmpresarial #temario{
border:1px solid #00879b;
}


#area h1 {
color:#FFFFFF;
margin-top:14px;
}

/* textos */
#textos {
position:absolute;
top:0px;
left:250px;
}

#textos #temario li b{
color:#151960;
}

#textos #area {
background-color:#151960;
}

#textos #items  li {
border-color:#151960;
color:#151960;
}
#textos #items  li a{
font-weight:400;
color:#151960;
}

#textos h1 {
color: #151960;
}

#textos h2 {
text-align: center;
color: #ffffff;
background-color: #151960;
}

#textos h3 {
text-align: center;
color: #ffffff;
background-color: #151960;
}

#textos h4 {
color: #151960;
font-size:14px;
}

#textos h5 {
color: #4bafba;
font-size:14px;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#textos h6 {
color: #151960;
font-size:14px;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#textos p {
margin:3px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#textos #foto img{
border: 2px solid #151960;
}

#textos #dibujo {
background-color: #151960;
}