/* Estilos Web Juan Manuel Opi */
body {
width:100%;
height:100%;
font-family:Arial, Helvetica, sans-serif;
font:normal 62.5%/1.3 Arial, Helvetica, sans-serif;
color:#1B2638;
background-color:#FFF;
background-image:url(../img/bg_contenedor.gif);
background-repeat:repeat-y;
background-position:bottom left;
margin:0;
padding:0
}

.clear {
clear:both
}

.left {
float:left
}

.right {
float:right
}

.miniclear {
clear:both;
font-size:1px;
height:1%;
margin:0;
padding:0
}

img {
border:0 none
}

a:link,a:visited,a:hover,a:active {
text-decoration:none;
color:#FAFAFA
}

#right a:link,#right a:visited,#right a:active {
text-decoration:none;
color:#263D5E
}

ul {
list-style:none;
margin:0;
padding:0
}

.margen p {
padding:7px 0
}

.espacio_up {
padding-top:15px
}

.sin_espacio_up {
padding-top:0;
margin-top:0
}

.espacio_down {
padding-bottom:15px
}

.sin_espacio_down {
padding-bottom:0;
margin-bottom:0
}

.titulista {
display:block;
background:url(../img/bg_title_list.gif) 0 bottom repeat-x;
font-size:1.2em;
margin:15px 0;
padding:0 0 3px 6px
}

/********************************/
#content {
width:100%;
height:100%;
min-height:100%;
font-size:1.2em
}

#fondo_gente {
background:url(../img/bg_bottom.gif);
background-repeat:no-repeat;
background-position:left bottom;
height:97px;
width:100%;
margin:0
}

#left {
float:left;
width:300px;
overflow:hidden;
background-image:url(../img/bg_left.gif);
background-repeat:repeat-y;
text-align:right
}

#right {
background-image:url(../img/bg_top.gif);
background-repeat:repeat-x;
background-position:top;
margin:0 0 0 300px;
padding:0 0 0 50px
}

#logo {
margin:32px 25px 0 0
}

h1 {
height:60px;
background-image:url(../img/juanmanuelopi.gif);
background-repeat:no-repeat;
background-position:left top;
margin:0;
padding:0
}

h1 span {
display:none;
margin:0
}

#logo a {
margin:0;
padding:0
}

#logo span {
display:block;
background-image:url(../img/logo_reflex.gif);
background-position:right top;
background-repeat:no-repeat;
height:32px;
margin:0
}

h2 {
	display:block;
	font-size:18px;
	color:#466C84;
	letter-spacing:0.13em;
	margin:0 0 34px
}

h3 {
position:relative;
font-size:1.4em;
color:#263D5E;
width:100%;
border-bottom:1px solid #ABBAD1;
z-index:3;
margin:1px 0 30px;
padding:0 0 1px
}

#right .subtitulo {
font-size:1.3em;
font-weight:700;
color:#666;
margin:0 0 80px
}

#doblez {
height:60px;
background-image:url(../img/bg_esquina.gif);
background-position:top right;
background-repeat:no-repeat
}

/************ MENU **************/
#left ul {
	text-align:right;
	list-style-type:none;
	margin:23px 0 50px;
	padding:0
}

#left ul li {
font-weight:700;
font-size:1.3em;
margin:10px 0 0
}

#left ul li a strong {
visibility:hidden
}

#left ul li a:link,#left ul li a:visited,#left ul li a:active {
height:20px;
display:block;
padding:0
}

#curriculum {
background:url(../img/btn_curriculum.gif) no-repeat right top
}

#coaching {
background:url(../img/btn_coaching.gif) no-repeat right top
}

#formacion {
background:url(../img/btn_formacion.gif) no-repeat right top
}

#swingandwin {
background:url(../img/btn_swingandwin.gif) no-repeat right top
}

#libros {
background:url(../img/btn_libros.gif) no-repeat right top
}

#articulos {
background:url(../img/btn_articulos.gif) no-repeat right top
}

#blog {
background:url(../img/btn_blog.gif) no-repeat right top
}

#at {
background:url(../img/btn_at.gif) no-repeat right top
}

#left ul li a:hover,#left ul li a.actual {
color:#A8B8CF;
background-position:right -20px;
padding:0
}

#pie {
color:#A4B3C9;
margin:0 20px 0 0
}

#pie p {
margin:5px 0
}

#pie img {
width:11.3em
}

#seccion {
width:43em;
font-size:1.2em
}

/****   CAJA CLARA ****/
.lightbox_top_1 {
background:url(../img/grey_corner1.gif) no-repeat top left;
padding-left:12px;
height:16px;
margin:0
}

.lightbox_top_2 {
float:right;
background:url(../img/grey_corner2.gif) no-repeat top right;
width:100%;
height:16px;
margin:0
}

.lightbox_content {
background:#fff;
border-left:solid 2px #EAEBF0;
border-right:solid 2px #EAEBF0;
margin:0;
padding:0 20px
}

.lightbox_bottom_1 {
background:url(../img/grey_corner3.gif) no-repeat bottom left;
padding-left:12px;
height:16px;
margin:0 0 15px
}

.lightbox_bottom_2 {
float:right;
background:url(../img/grey_corner4.gif) no-repeat bottom right;
width:100%;
height:16px;
margin:0
}

/****   CAJA OSCURA ****/
.darkbox_top_1 {
background:url(../img/blue_corner1.gif) no-repeat top left;
padding-left:12px;
height:16px;
margin:0
}

.darkbox_top_2 {
float:right;
background:url(../img/blue_corner2.gif) no-repeat top right;
width:100%;
height:16px;
margin:0
}

.darkbox_content {
background:#EFF7F7;
border-left:solid 2px #C7DEF7;
border-right:solid 2px #C7DEF7;
margin:0;
padding:0 20px
}

.darkbox_bottom_1 {
background:url(../img/blue_corner3.gif) no-repeat bottom left;
padding-left:12px;
height:16px;
margin:0 0 15px
}

.darkbox_bottom_2 {
float:right;
background:url(../img/blue_corner4.gif) no-repeat bottom right;
width:100%;
height:16px;
margin:0
}

/****   CAJA NARANJA ****/
.orangebox_top_1 {
background:url(../img/orange_corner1.gif) no-repeat top left;
padding-left:12px;
height:16px;
margin:0
}

.orangebox_top_2 {
float:right;
background:url(../img/orange_corner2.gif) no-repeat top right;
width:100%;
height:16px;
margin:0
}

.orangebox_content {
background:#FFF0E3;
border-left:solid 2px #FFDBB3;
border-right:solid 2px #FFDBB3;
margin:0;
padding:0 12px
}

.orangebox_content p {
color:#844500;
margin:0
}

.orangebox_bottom_1 {
background:url(../img/orange_corner3.gif) no-repeat bottom left;
padding-left:12px;
height:16px;
margin:0 0 15px
}

.orangebox_bottom_2 {
float:right;
background:url(../img/orange_corner4.gif) no-repeat bottom right;
width:100%;
height:16px;
margin:0
}

/********************************************************************/
#titular {
	overflow:hidden;
	margin:24px 0 15px;
	padding:0 10px
}

#intro {
width:100%;
font-size:16px;
margin:0 0 25px
}

#intro p {
margin:18px 0 0
}

.novedades{margin-bottom:25px; font-size:.9em;}

.novedades h3 {
    font-size:1.1em;
	margin-bottom:10px;
	color:#3E5F8F;
	background:url(../img/ico-novedades.gif) 0 2px no-repeat;
	padding:0 0 5px 25px;
	width:auto;
	}

.novedades .contenido {
	float:left;
	width:445px;
	margin:10px 0;
}	
	
.novedades h4 {margin:0 0 4px!important}	

.novedades img {
	float:left;
	margin:12px 18px 12px 0;
	}

.novedades a {color:#31699F!important}


.novedades ul li {
	margin:4px 0 0 12px;
	list-style:disc
	}


.destacado {
display:block;
width:280px;
padding:5px 0;
text-decoration:none;
}

a.destacado:hover {text-decoration:none}

.destacado p{
	margin:12px 0 6px 0;
	padding:0 4px;
	line-height:1.2em;
	font-size:0.9em;
	color:#58636D
}

/******Destacado Left********/
#destacado_left {
width:20em;
float:left;
margin:0
}

#destacado_left .datos {
float:left;
width:9em;
padding:0 0 0 2px
}

#destacado_left .datos p {
color:#000;
display:block;
font-size:1em;
padding:0
}

#destacado_left .img_destacada {
float:right;
width:5.6em;
margin:5px 2px 0 0
}

/******Destacado Right********/
#destacado_right {
width:20em;
float:right;
clear:both;
margin:0
}

#destacado_right .datos {
float:right;
width:11em;
padding:0 0 0 2px
}

#destacado_right .datos p {
color:#903500;
display:block;
font-size:0.9em;
margin:15px 0 0;
padding:0
}

#destacado_right .img_destacada {
float:left;
width:6em;
margin:5px 2px 0 0
}

#fotocurriculum {
position:relative;
float:right;
z-index:0;
width:18.7em;
margin:-38px 0 0 12px
}

#cont_coaching .areas {
background:url(../img/tablero.jpg) right bottom no-repeat;
margin:35px 0 45px
}

#cont_coaching .areas li {
padding:10px 0
}

#cont_coaching .consultoria li {
padding:0 0 25px
}

#cont_formacion .titulista {
font-size:1em;
display:block;
margin:10px 0 20px;
padding:0 0 10px 3px
}

#cont_formacion ul.programas {
list-style:disc;
font-size:1.2em;
margin:0 0 25px 15px
}

#cont_formacion ol li {
margin:15px 0 0
}

#cont_formacion ol li ol {
list-style-type:lower-alpha
}

#cont_formacion .objetivos {
margin:-15px 0 0
}

#cont_formacion .objetivos li {
background:url(../img/bullet.gif) 12px 23px no-repeat;
margin:0;
padding:17px 0 0 25px
}

#cont_formacion .objetivos li ul {
margin-bottom:30px
}

#cont_formacion .objetivos li ul li {
background:none;
list-style-type:circle;
margin:15px 0 0 25px;
padding:0
}

#cont_formacion .darkbox_content p {
font-size:1.2em;
font-style:italic;
text-align:center
}

#cont_swingandwin .logo {
width:19em;
margin:-15px 0 15px
}

#cont_swingandwin .int_compet {
font-size:1.1em
}

#cont_swingandwin .lightbox_bottom_1 {
margin:0 0 20px
}

img.barragolf {
width:42.8em;
margin-top:1em
}

#cont_libros #lista_libros .libro {
display:block;
background:url(../img/fondo_libro.jpg) right bottom no-repeat;
margin:0 0 50px;
padding:0
}

#cont_libros .libro .tnt {
background:url(../img/portada_tnt_reflex.jpg) 0 199px no-repeat
}

#cont_libros .libro .claves {
background:url(../img/portada_claves_reflex.jpg) 0 199px no-repeat
}

#cont_libros .libro .pan {
background:url(../img/portada_pan_reflex.jpg) 0 199px no-repeat
}

#cont_libros .libro .cocodrilo {
background:url(../img/portada_cocodrilo_reflex.jpg) 0 199px no-repeat
}

#cont_libros .libro .reto {
background:url(../img/portada_reto_reflex.jpg) 0 199px no-repeat
}

#cont_libros .portada {
width:10.2em;
/*height:19.2em;*/
float:left;
text-align:center;
color:#11458F
}

#cont_libros .portada img {
width:10.2em;
margin-bottom:20px
}

#cont_libros .descripcion {
width:27em;
float:right;
margin:0 0 15px;
padding:0 30px 0 0
}

#cont_libros .descripcion p,#cont_libros .descripcion em {
font-size:.9em
}

#cont_libros .descripcion h4 {
font-size:1.3em;
margin:-5px 0 15px;
padding:0
}

#cont_libros .descripcion h4 span {
display:block;
font-size:.8em;
margin:0
}

#cont_libros ul.compralo {
border-top:1px dotted #6F7E95;
width:95%;
background:#F2F5F7;
/*text-align:center;*/
margin:5px 0 25px;
padding:13px 0 13px 25px;
}

#cont_libros ul.compralo li {
display:inline;
font-size:.9em;
font-weight:700;
background:url(../img/carrito.gif) left top no-repeat;
padding:0 15px 0 30px
}

#cont_libros ul.compralo .adquirir {
background:none;
text-decoration:underline;
padding:0 15px 0 0
}

#cont_at h3 {
font-size:1.2em
}

#cont_at p a:hover {
text-decoration:none;
color:#000
}

#cont_at img.pan {
float:left;
width:5.14em;
margin:0 30px 15px 0
}

#cont_at img.berne {
float:left;
width:11.2em;
margin:0 30px 15px 0
}

#cont_at ol,#cont_at ul {
margin:20px 0 45px
}

#cont_at ol li {
color:#0C2E5F;
margin:0 0 15px
}

#cont_at ul li {
margin:0 0 25px 20px
}

#cont_at ul li strong {
color:#0C2E5F
}

#cont_articulos ul.lista_articulos {
border-bottom:dotted #95A4BA 2px;
padding:0 0 15px
}

#cont_articulos ul.lista_articulos li {
background:url(../img/bullet.gif) 10px 6px no-repeat;
font-weight:700;
padding:0 0 10px 25px
}

#cont_articulos .volver {
font-size:.8em;
color:#95A4BA;
background:#F4F3F9;
margin:20px 5px 0;
padding:3px 0 3px 10px
}

#cont_articulos .right {
float:none;
text-align:right;
font-style:italic;
color:#263D5E;
margin:0;
padding:15px 0 0
}

#cont_articulos .articulo {
background:url(../img/fondo_libro.jpg) right bottom no-repeat;
padding:0 35px 25px
}

#cont_articulos .articulo h4 {
color:#263D5E;
font-size:1.1em;
font-weight:700;
background:url(../img/bg_title_list.gif) 0 bottom repeat-x;
padding:30px 0 4px 2px
}

#cont_articulos div ul {
list-style:circle;
padding:0 0 15px 15px
}

#right a:hover,#cont_formacion div p span,#cont_swingandwin p span,#cont_at p a:link,#cont_at p a:visited,#cont_at p a:active {
text-decoration:underline
}

.lightbox_content p,.darkbox_content p {
margin:0
}

#destacado_left h3,#destacado_right h3 {
border-bottom:1px solid #0F66DF;
font-size:14px;
color:#164B87;
margin:0
}

#destacado_left .datos h3,#destacado_right .datos h3 {
display:block;
margin:0 0 9px
}

#destacado_left span,#destacado_right span {
display:block;
font-size:1em;
padding:10px 0
}

#destacado_left a:link,#destacado_right a:visited,#destacado_right a:active,#destacado_right a:link,#destacado_right a:visited,#destacado_right a:active {
display:block;
color:#263D5E;
font-size:.9em;
font-weight:700
}

#destacado_left a:hover,#destacado_right a:hover {
display:block;
color:#03C;
text-decoration:underline;
font-weight:700;
padding:0
}

#cont_curriculum,#cont_coaching,#cont_formacion,#cont_swingandwin,#cont_libros,#cont_at,#cont_articulos {
margin:0 0 40px
}

#libros_curriculum li ul li,#cont_coaching .areas li ul li {
background:url(../img/bullet.gif) 12px 23px no-repeat;
padding:15px 0 0 25px
}