﻿html
{
        /* oculto para mac-ie5\*/
	    overflow: visible; 
	    /* fin de oculto */
}

body 
{	
	width: 739px;
	
	margin: 5px auto 0px auto;
	padding: 0px 0px 0px 0px;
	
	overflow: auto;
	
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#columna
{
	/*border: solid 1px blue;*/
	
	float: left;
	
	width: 189px;
	height: 100%;
}

#contenido
{
	/*border: 1px solid red;*/
	
	position: relative;
	top: auto;
	left: auto;
	
	float: right;
	
	width: 550px;
	height: 100%; 
}

#logo
{
    background: no-repeat url(../images/blueday_logo.jpg);
    height: 89px;
    width: 189px;
}

#vmenu
{
	height: 490px;
	background: no-repeat url(../images/back_vmenu.jpg); 
}

#vmenu ul
{
	/*border: solid 1px blue;*/
	
	display: block;
	list-style: none;
	padding: 30px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	
	width: 189px;
}

#vmenu ul li
{
	margin: 0px 15px 2px 5px;   /* 2px = 5px (sep. real) - 3px (margen en hover) */	
	height: 25px;               /* 25px = 22px + 3px (borde en hover) */
}

#vmenu ul li a
{
    /*border: solid 1px red;*/
        
    display: block;
    
    background: no-repeat url(../images/bullet.jpg) left top;
    height: 18px;   /* 18px = 22px (bullet.bmp) - 4px */
    
	padding: 4px 0px 0px 10px;  /* espaciado tipografia */
    
    font-weight: bold;
	color: #002b5e;
    text-decoration: none;
}

#vmenu ul li a:hover
{
    border-bottom: double 3px #ffff33;
	color: #006699;
}

#hmenu
{
	/*border: solid 1px black;*/
	
	background: no-repeat url(../images/back_hmenu.jpg) top center;
	width: 500px;
	height: 50px;
	
	padding: 0px 0px 0px 50px;
	margin: 0px 0px 0px 0px;
}

#hmenu ul 
{	
	list-style: none;
	margin: 0px 0px 0px 0px;	/* para navegadores que no soporten inline */

	/* oculto para mac-ie5\*/
	display: inline;
	/* fin de oculto */
}

#hmenu ul li
{
	list-style: none;
		
	float: left;
	width: 90px;
	
	background: no-repeat url(../images/back_hmenu.gif) top;
	
	text-align: center;
	padding: 16px 0px 20px 0px;
	margin: 0px 0px 0px 0px;	/* para navegadores que no soporten inline */
	
}

#hmenu ul li.activo
{
	background: no-repeat url(../images/green.gif) top;
}

#hmenu li a
{
	display: block;
	
	width: 100%;
	
	text-decoration: none;
	color: #ffffff;
}

#hmenu li a:hover
{	
	text-decoration: none;
	color: #ffff14;
}

#central
{
	/*border: solid 1px blue;*/
	margin: 10px 0px 0px 0px; 
	
	text-align: left;
	
	height: 445px;
	width: 550px;
	overflow: auto;
}

#curso_v 
{   
    float: left;
    
    margin: 40px 0px 0px 10px;
	display: inline;    /* evita el doble margen a la izqda que genera ie6 */
	
	background: no-repeat url(../images/curso.jpg) top center;
	width: 215px;   /* 215px = 275px - 30px - 30px*/
	height: 43px;  /* 43px = 213px - 170px */
	
	padding: 175px 20px 0px 20px;
	
	color: #FFFFFF;
}

#curso_v a
{   
    display: block;
    text-align: right;
    margin: 15px 2px 0px 0px;
    /*height: 7%;*/
}

#curso_s
{   
    /*border: solid 1px red;*/
    
    position: relative;
    z-index: 1;
	
	font-size: 9px;
	
	margin: 10px 0px 0px 300px;
	
	
	/*background: no-repeat url(../images/curso_sup.jpg);*/
	background: no-repeat url(../images/imgOrtohipnosis3.gif);
	width: 225px;   /* 215px = 225px - 5px - 5px*/
	height: 375px;  /* 265px = 390px - 125px */
}

#curso_s a
{   
    /*border: solid 1px orange;*/
    
    display: block;
    width: 100%;
    
    padding-top: 170px; /* tamaño activo de curso superior */
    
    text-align: right;
}

#curso_s span a
{
    /*border: solid 1px orange;*/
    
    color: #ffffff;
    
    margin: 100px 0px 0px 0px;
    padding-top: 80px;  /* tamaño activo de los ojos */
}


#horacio
{   
    /*border: solid 1px blue;*/
    
    position: relative;
    left:-118px;
    top: -30px;

    
    margin: 0px 0px 0px 0px;
    background: no-repeat url(../images/horacio_02_2.jpg) right bottom;
    width: 516px;       /*516px = 118px + 398px */
    height: 174px;
}


#horacio div
{
    float: left;
    
    background: no-repeat url(../images/horacio_01.gif) left bottom;
    width: 118px;
    height: 174px;
}

#horacio a
{
    display: block;
    
    font-size: 9px;
	font-weight: bold;
    
    margin: 0px 150px 0px 118px;    /* dist. margen derecho al libro, horacio_01.jpg  */
    padding: 105px 0px 10px 55px;   /* para centrar en círculo de libro */
    
}

h1	/* título de página */	
{
	
	font-size: 15px;
	text-align: right;  
	color: #86CF84;
	
	margin: 10px 10px 0px 0px;
	
	padding: 0px 5px 7px 0px;
	
	background: no-repeat url(../images/line.jpg) bottom right;
}

h2	/* secciones */
{	
	font-size: 12px;
	font-weight: bold;
	color: #002b5e;
	
	/*height: 25px = 7px + 6px + 12px */
	
	margin: 3px 0px 0px 0px;
	padding: 7px 0px 6px 9px;
		 
	background: no-repeat url(../images/barra.jpg);
}

h6 /*pie de pagina*/
{
	font-size: 9px;
	text-align: left;  
	color: #365983;
	
	margin: 15px 0px 0px 0px;
	
	padding: 6px 0px 0px 0px;
	
	background: no-repeat url(../images/line2.jpg) left top;
	
}

.resaltado
{
	font-size: 12px;
	font-weight: bold;
	color: #002b5e;
}

.resaltado2
{
	color: #002b5e;
}

strong
{
	display: block;
	padding: 5px 5px 5px 5px;
	text-align: center;   
}

p
{
	padding: 0px 10px 0px 10px;
}

#pnl
{
	width: 475px;
	height: 175px;
	
	margin: 30px 25px 30px 25px;
		 
	background: no-repeat url(../images/imgPNL.jpg);
	border: double medium #003366;  
}

#intensivo
{
	width: 475px;
	height: 175px;
	
	margin: 30px 25px 30px 25px;
		 
	background: no-repeat url(../images/imgIntens.jpg);
	border: double medium #003366;
}

#torrejon
{
	width: 475px;
	height: 175px;
	
	margin: 30px 25px 30px 25px;
		 
	background: no-repeat url(../images/imgTorrejon.jpg);
	border: double medium #003366;
}
#hypnos
{
	width: 475px;
	height: 175px;
	
	margin: 30px 25px 30px 25px;
		 
	background: no-repeat url(../images/imgHypnos.jpg);
	border: double medium #003366;
}

#contacta
{
	width: 475px;
	height: 175px;
	
	margin: 30px 25px 30px 25px;
		 
	background: no-repeat url(../images/imgContacto.jpg);
	border: double medium #003366;
}

#proxima
{
	width: 475px;
	height: 175px;
	
	margin: 30px 25px 30px 25px;
		 
	background: no-repeat url(../images/imgProxima.jpg);
	border: double medium #003366;
}

#quienes
{
	width: 475px;
	height: 175px;
	
	margin: 30px 25px 30px 25px;
		 
	background: no-repeat url(../images/imgQuienes.jpg);
	border: double medium #003366;
}

#formacion
{
	width: 475px;
	height: 175px;
	
	margin: 30px 25px 30px 25px;
		 
	background: no-repeat url(../images/imgFormacion.jpg);
	border: double medium #003366;
}

#res_dudas
{
	width: 475px;
	height: 175px;
	
	margin: 30px 25px 30px 25px;
		 
	background: no-repeat url(../images/imgDuda.jpg);
	border: double medium #003366;
}

#historia
{
	width: 475px;
	height: 175px;
	
	margin: 30px 25px 30px 25px;
		 
	background: no-repeat url(../images/imgQuien.jpg);
	border: double medium #003366;
}

#publica
{
	width: 475px;
	height: 175px;
	
	margin: 30px 25px 30px 25px;
		 
	background: no-repeat url(../images/imgPublica.jpg);
	border: double medium #003366;
}


#imgprensa
{
	width: 475px;
	height: 175px;
	
	margin: 30px 25px 30px 25px;
		 
	background: no-repeat url(../images/imgPrensa.jpg);
	border: double medium #003366;
}

#imgeventos
{
	width: 475px;
	height: 175px;
	
	margin: 30px 25px 30px 25px;
		 
	background: no-repeat url(../images/imgEventos1.jpg);
	border: double medium #003366;
}

#imgdvd
{
	width: 475px;
	height: 175px;
	
	margin: 30px 25px 30px 25px;
		 
	background: no-repeat url(../images/imgDvd.jpg);
	border: double medium #003366;
}

#prensa
{	
	/*border: solid 1px blue;*/
	list-style: none;
	margin: 0px 10px 20px 25px;
	padding: 0px 0px 0px 0px;
}

#prensa li
{
	/*border: solid 1px orange;*/
	margin: 15px 0px 10px 0px;
}

#prensa li a
{
	display: block;
	padding: 5px 0px 5px 30px;
	
	background: no-repeat url(../images/min_pdf.gif) left top; 
}

.web
{
	display: block;
	padding: 5px 0px 5px 30px;
	
	background: no-repeat url(../images/min_web.gif) left top; 
}

#tv
{
	/*border: solid 1px blue;*/
	list-style: none;
	margin: 0px 10px 10px 25px;
	padding: 0px 0px 0px 0px;
}

#tv li
{
	/*border: solid 1px orange;*/
	margin: 15px 0px 10px 0px;
}

#tv li a
{
	display: block;
	padding: 4px 0px 4px 30px;
	
	background: no-repeat url(../images/min_win.gif) left top;
}

#dudas li
{	 
	margin: 15px 10px 10px 5px;
	list-style-image: url(../images/flecha.gif);
}

#dudas li div
{	
	display: none;
	padding: 5px 5px 5px 5px;
	margin: 10px 10px 0px -5px;
	 
	background-color: #eeeeee; 
}

#eventos li
{	 
	margin: 15px 10px 10px 5px;
	list-style-image: url(../images/flecha.gif);
}

#eventos li div
{	
	display: none;
	padding: 5px 5px 5px 5px;
	margin: 10px 10px 0px -5px;
	
	border: double medium #003366;
}

#lista_historia li
{
	margin: 15px 10px 10px 5px;
	list-style-image: url(../images/flecha.gif);
}

#lista_historia li div
{
	display: none;
	padding: 5px 5px 5px 5px;
	margin: 10px 10px 0px -5px;
	 
	background-color: #dfe8ec;
}

#lista_historia li div img
{
	margin: 0px 8px 0px 0px;
	float: left; 
}

a:link 
{
	color: #1B406D;
	text-decoration: none; 
}

a:visited 
{
	text-decoration: none;
	color: #003366;
}

a:hover 
{
	text-decoration: underline;
	color: #1B406D;
}

a:active 
{
	text-decoration: none;
	color: #003366;
}

img
{
	border: none;
} 

