body {
	background:url(images/bg.jpg) top center no-repeat #11233d;
	text-align:left;
}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	text-align: center;
}


td p{	/*	Para que no haya espacios entre los parrafos de las bit�coras y el borde de la celda*/
margin-top:0;
}

#contador_visitas{
	margin-top:-20px;
	margin-right:-20px;
	text-align:right;
}


/* === Misc All Pages === */
a:link {color: #377cfb;}
a:visited {color: #377cfb;}
a:hover {color: #284076;}
a:active {color: #3370a6;}
h2 a, h3 a{text-decoration:none;}


h2{	font-size:24px;
	font-weight:bold;
	margin:0;
	padding:0;
	color:#373737;
}
		
h3{	margin:0;
	color:#373737;
	font-size:18px;
	font-weight:bold;
}


.shadow{
	position:absolute;
	bottom:-51px;
	left:3px;
	background:url(images/shadow.png) top left no-repeat;
	height:40px;
	width:944px;
}


.texto_azul{
	color:#377cfb;
	padding:15px 0 15px 0;
}

.texto_azul_oscuro{
	color:#284076;
	padding:15px 0 15px 0;
}

.texto_rojo{
	color:#993300;
	padding:15px 0 15px 0;
}


.centrado{
	text-align:center;
}

#wrapper{		/* Atributos del contenedor principal */
	width:944px;
	padding-top:45px;
	padding-bottom:45px;
	margin:0 auto;
	text-align:justify;
	position:relative;
}

.clear{clear:both;}

.hidden{visibility:hidden;}

blockquote{color:#333; font-style:italic;}



#preloader{		/* === Para animacion de precarga de la pagina === */
    top: 0; right: 10px;
	display:none;
    position:absolute;
    z-index:20;
    width: 148px; height: 33px;
    background: url(images/ajax-loader.gif) center #fff no-repeat;
    cursor: wait;
    text-shadow: 0px 1px 0px #fefefe;  //webkit 
		filter:progid:DXImageTransform.Microsoft.alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
    }

a img{border:none;}



/* === Menu superior === */

#navhold{	/* Contenedor del menu*/
	width:944px;
	height:40px;
	position:relative;
	z-index:50;
}
#navleft{	/* === Extremo izdo del menu === */
	background:url(images/navleft.png) top left no-repeat;
	height:40px;
	width:22px;
	position:absolute;
	top:0;
	left:0;
}
#navright{	/* === Extremo dcho del menu === */
	background:url(images/navright.png) top left no-repeat;
	height:40px;
	width:22px;
	position:absolute;
	top:0;
	right:0;
}
#nav{	/* === Contenido de fondo del menu === */
	width:900px;
	left:22px;
	top:0;
	height:40px;
	background:url(images/navrepeat.png) repeat-x top;
	position:absolute;
}
#nav ul{	/* === Elementos del menu ppal === */
	padding:0;
	margin:0;
	list-style:none;z-index:100;
}
#nav ul li{
	display:inline;
	float:left;
	border-right:1px solid #dddddd;z-index:100;
}
#nav ul li a:link, #nav ul li a:visited{
	display:inline;
	padding:13px 20px 13px 20px;
	font-size:13px;
	font-weight:bold;
	color:#3d3d3d;
	display:block;
	text-decoration:none;
	height:14px;
	text-shadow:white 1px 1px;
}
#nav ul li a:hover, #nav ul li a.active{
	display:inline;
	padding:13px 20px 13px 20px;
	font-size:13px;
	font-weight:bold;
	color:#3d3d3d;
	background: url(images/hover.jpg) repeat-x bottom #fff;
	display:block;
	text-decoration:none;
	height:14px;
}
#nav ul li.first{
	border-left:1px solid #ddd;
}
#nav ul ul {	/* Elementos de submenu (desplegables)*/
	position:absolute;
	display:none;
	width:120px;
	top:40px;
	z-index:999999;
}
ul#nav ul ul li{
	background:none;
	padding:0;
	margin:0;z-index:999;
}
#nav ul li ul li{
	background:none;
	border-top:1px solid #fff;
	border-right:1px solid #e4e4e4;
	border-bottom:1px solid #e4e4e4;
	border-left:1px solid #fff;z-index:999;
}
#nav ul li ul a:link, #nav ul li ul a:visited{	/* Caracteristicas de los menus desplegables */
	display:block;
	padding:10px 0 8px 20px;
	width:200px;	/* === Ancho del submenu === */
	background:url(images/navrepeat.png) repeat-x top;
	font-size:12px;
	color:#333;
	text-decoration:none;
	text-shadow:white 1px 1px;
	font-weight:normal;
	/* background:#fff; */
	float:left;
	margin:0;z-index:999;
}
#nav ul li ul a:hover{	/* Caracteristicas de los menus desplegables */
	display:block;
	width:200px;	/* === Ancho del submenu === */
	text-decoration:underline;
	background:url(images/navrepeat.png) repeat-x top;	/* misma imagen de fondo para los submenus que para el menu principal*/
	text-shadow:white 1px 1px;
	font-weight:normal;
	font-size:12px;
	float:left;z-index:999;
	/*background:url(images/nav-submenu.jpg) repeat-x bottom #fff;*/
}
#nav ul ul ul{	/* Por si hubiera un tercer nivel supongo */
	top:auto;z-index:999;
}	
#nav ul li ul ul {
	left:146px;
	margin:0px 0 0 10px;
	z-index:99999;
}


/* === Seccion Logo === */
#logo{		/* Contenedor e imagen de fondo del logo */
	position:absolute;
	top:85px;
	right:0px;
	height:110px;
	width:228px;
	padding:0;
	z-index:60;
	background:url(images/logobg-coaching.png) bottom left no-repeat;
}
/* === Logo ORIGINAL === 
h1{
	overflow:hidden;
	background:url(images/logo.png) top left no-repeat;
	width:250px;
	height:60px;
	margin:10px 0 0 42px;padding:0;
}
*/
/* === Logo COACHING ===  */
h1{
	overflow: hidden;
	background:url(images/logo-coaching.png) top left no-repeat;
	height:94px;
	width:183px;
	margin:0; padding:0;
}
h1 a:link, h1 a:visited, h1 a:hover{
	text-indent:-999px;	
	height:100px;
	width:359px;
	display:block;
	margin:0;padding:0;
}


/* === Featured Area (Only Index.html) === */
#featured{
	height:158px;
	width:944px;
	position:relative;
	margin-bottom:50px;
	z-index:2;
}
.contentdiv{
	width:944px;
	height:158px;
	position:absolute;
	top:0;
	left:0;
	visibility: hidden; /*leave as is*/
	filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
	-moz-opacity: 1;
	z-index:3;
	opacity: 1;
}
.header{
	background:url(images/header.png) top left no-repeat;
	height:158px;
	width:100%;
	position:absolute;
	top:0;
	left:0;
}
.header3{
	background:url(images/header3.png) top left no-repeat;
	height:158px;
	width:100%;
	position:absolute;
	top:0;
	left:0;
}
.message{
	position:absolute;
	bottom:20px;
	left:30px;
	width:535px;
	height:115px;
}
#paginate-featured{
	position:absolute;
	bottom:20px;
	z-index:-3;
	left:-40px;
	background:white;
	width:40px;
	height:120px;
	text-align:center;
	display:none;
}
#paginate-featured ul{
	list-style:none;
	padding:0;
	margin:0;
}
#paginate-featured ul li{
	display:block;
}
.header .message p{
	text-shadow:white 1px 1px;
	line-height:20px;
	font-size:12px;
	color:#454545;
	padding:10px 0 0 0;
	margin:0;
}
.header3 .message p{
	text-shadow:#3c67a6 1px 1px;
	line-height:20px;
	font-size:12px;
	color:#fff;
	padding:10px 0 0 0;
	margin:0;
}
.header3 h2{
	color:#fff
}
/* === Featured Services (Only Index.html) === */
#services{
	background:url(images/servicerepeat.jpg) repeat-x top;
	height:130px;
	width:100%;
}
#services .left{
	background:url(images/serviceleft.jpg) top left no-repeat;
		height:130px;
	width:100%;
}
#services .right{
	background:url(images/serviceright.jpg) top right no-repeat;
	height:130px;
	width:100%;
}
#services .box{
	float:left;
	height:97px;
	border-right:1px solid #cbcbcb;
	width:190px;
	position:relative;
	padding-left:20px;
	padding-top:30px;
	padding-right:104px;
}
#services .box2{
	float:left;
	height:97px;
	width:190px;
	position:relative;
	padding-left:20px;
	padding-top:30px;
	padding-right:104px;
}
.box img, .box2 img{
	position:absolute;
	left:220px;
	top:30px;

}
.box p, .box2 p{
	line-height:18px;
	padding:10px 0 0 0;
	margin:0;
	text-shadow:white 1px 1px;
}

/* === Top Banner(all except index.html) === */
#smallheader{
	background:url(images/smallheader.jpg) top left no-repeat;
	height:68px;
	width:100%;
	position:relative;
	margin-bottom:70px;
	z-index:3;
}
#smallheader2{
	background:url(images/smallheader2.jpg) top left no-repeat;
	height:68px;
	width:100%;
	position:relative;
	margin-bottom:70px;
	z-index:3;
}
#smallheader2 h2{
	padding-top:18px;
	padding-left:30px;
	color:white;
}
#smallheader h2{
	padding-top:18px;
	padding-left:30px;
	color:#434343
}

/* contenedores de imagenes o video */
.contenedor_video_izda{
	margin-top:10px;
	margin-right:40px;
	float:left;
	width:400px;
	margin-bottom:30px;
}
.contenedor_video_dcha{
	margin-top:10px;
	margin-left:40px;
	float:right;
	width:400px;
	margin-bottom:30px;	
}
.relleno_75{
	height:75px;
}
#video_entrevista{
	width:400px;
	height:225px;
	float:left;
}

#video_aquihaytrabajo{
	width:400px;
	height:300px;
	float:right;
}

#video_comandoactualidad{
	width:400px;
	height:300px;
	float:left;
}



/* === Blog Page Only === */
.transpa{	/* Para la imagen de Maria*/
	float:right;	
	padding:10px 0px 0px 20px;
	margin:0px 0px 0px 20px;
}

.tramspa p{
	padding:0;
	margin:0;
}
.hold{
	position:relative;
	padding-bottom:50px;
	border-top:solid;
	border-top-width:thick;
	border-top-color:#66FFFF;
}
.tab{
	position:absolute;
	top:0;
	left:-80px;
	height:60px;
	width:45px;
	padding-left:5px;
	background:url(images/blogtab.png) top left no-repeat;
	text-align:center;
	text-shadow:white 1px 1px;
	padding-top:3px;
}
.tab span{
	font-weight:bold;
	display:block;
	text-align:center;
	font-size:14px;
	text-shadow:white 1px 1px;
}
.info{
	background:white;
	border:1px solid #dadada;
	padding:5px;
	display:block;
	margin-top:10px;
	margin-bottom:10px;
}

/* === Main Content Holder === */
/*  Index Only */


	#content{
		width:944px;
		background:url(images/content.jpg) right repeat-y;
		position:relative;
	}
	
/*  All But Index */
	#content3{
		width:944px;
		background:url(images/content.jpg) right repeat-y;
		position:relative;
	}
	#content3-ancha{
		width:944px;
		background:url(images/content-ancha.jpg) right repeat-y;
		position:relative;
	}
	#content #leftcolumn{
		float:left;
		width:569px;
		background:url(images/leftcolumn.jpg) top repeat-x;
		padding:30px;
		line-height:20px;
		position:relative;
	}
	
	#content #leftcolumn p {
		text-align:justify;
	}

#content3 #leftcolumn{
background:none;
	float:left;
	width:569px;
	padding:20px 30px 30px 30px;
	line-height:20px;
	position:relative;
}
#content3 #rightcolumn{
	padding:20px;
	float:right;
	width:274px;
	background:none;
}

#content3-ancha #ancho-completo{
	background:none;
	float:left;
	padding:20px 30px 30px 30px;
	line-height:20px;
	position:relative;
}
#content3-ancha #ancho-completo p {
	text-align:justify;
}


.media-izda{	/* la mitad del ancho de la pagina y alineado a la izquierda*/
	position:relative;
	float:left;
	width:425px;
	padding:10 0 20 0;
	margin-bottom:30px;	
}

.media-dcha{	/* la mitad del ancho de la pagina y alineado a la izquierda*/
	position:relative;
	float:right;
	width:425px;
	padding:10 0 20 0;
	margin-bottom:30px;
}

#tarjeta_inicio{
	border:2px solid #377cfb;
	color:#377cfb;
	padding:5px;
	margin:20px 0 10px 0;
	text-align:center;
	line-height:25px;		
}


/*  All */
.titulo_corporativo{
	background-color:#a9b8e1;
	color:#284076;
	font-size:24px;
	padding: 1px 0 1px 0;
	text-align:center;
}

.titulo_corporativo a{
	color:#284076;
	text-decoration:none;
}
.titulo_corporativo a:hover{
	color:#284076;
}

.recuadro1{
	background-color:#a9b8e1;
	color:#284076;
	font-size:14px;
	padding: 30px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	/* Esto es para que funcionen los bordes redondeados en explorer pero falla y no se por que */
	/*	behavior: url(border-radius.htc);		*/
}
.recuadro1 a, .recuadro2 a{
	color:#284076;
}
.recuadro1 a:hover, .recuadro2 a:hover{
	color:#284076;
}
.recuadro1 h3, .recuadro2 h3{
	color:#284076;
}

.recuadro2{
	background-color:#a9b8e1;
	color:#284076;
	padding: 20px;
	font-size:14px;


	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	margin: 10px;
	text-align: center;
	/* Esto es para que funcionen los bordes redondeados en explorer pero falla y no se por que */
	/*	behavior: url(border-radius.htc);		*/
}
.recuadro2 p{
	text-align:center;
}

#titulo_formulario p{
	margin:0 0 10px 0;
}





	.inner{
		background:url(images/contentfooter.jpg) bottom left no-repeat;
		width:944px;
		position:relative;
		padding-bottom:20px;
	}	
	.inner .top{
		background:url(images/topcontent.png) top left no-repeat;
		position:absolute;
		left:0;
		top:-10px;
		width:944px;
		height:40px;
	}
	
	/* Para las que no tienen columna a la derecha*/
	.inner-ancha{
		background:url(images/contentfooter-ancha.jpg) bottom left no-repeat;
		width:944px;
		position:relative;
		padding-bottom:20px;
	}
	.inner-ancha .top-ancha{
		background:url(images/topcontent-ancha.png) top left no-repeat;
		position:absolute;
		left:0;
		top:-10px;
		width:944px;
		height:40px;
	}	
	.col1{
		float:left;
		width:254px;
		padding-right:30px;
		border-right:1px solid #dadada;
		margin-top:15px;
		margin-bottom:15px;
	}
	.col2{
		float:right;
		width:254px;
		padding-left:30px;
		margin-top:15px;
		margin-bottom:15px;
	}

	.col1 h3, .col2 h3{
		margin:0 0 15px 0;
	}

	img.border{
		background:#fff;
		padding:3px;
		border:1px solid #dadada;
	}
/*  Left Column */
#leftcolumn h3{
	padding-top:10px;
}
ul.checklist{
		padding:15px 0 25px 15px;
		margin:0;
		list-style:none;
		line-height:22px;
	}
	ul.checklist li{
		list-style-image: url('images/tick.png');
		margin-left:1em;
		padding-left:0px;
		width:500px;
		float:left;
	}


ul.checklist-index{
		padding:15px 0 25px 15px;
		margin:0;
		list-style:none;
		line-height:22px;
	}
	ul.checklist-index li{
		list-style-image: url('images/tick.png');
		margin-left:1em;
		padding-left:0px;
		width:300px;
		float:left;
	}

.imagen_mandala{	/* Para las imagenes que ponga en el contenido*/
	float:left;	
	padding:0px 10px 0px 0px;
	width:80;
	height:80;
}


.imagen_izda{	/* Para las imagenes que ponga en el contenido*/
	float:left;	
	padding:20px 20px 20px 0px;
}
.imagen_dcha{	/* Para las imagenes que ponga en el contenido*/
	float:right;	
	padding:20px 0px 20px 20px;
}

.imagen_centro{	/* Para las imagenes que ponga en el contenido*/
	text-align:center;
	padding:10px 10px 10px 10px;
}

.imagen_anuncio{	/* Para las imagenes que ponga en el contenido*/
	text-align:center;
	padding-bottom:10px;
}

.texto_dcha{	/* Para los recuadros de texto que ponga en el contenido*/
	float:right;	
	padding:20px 20px 20px 20px;
	margin:20px 0px 20px 20px;
}
.texto_izda{	/* Para los recuadros de texto que ponga en el contenido*/
	float:left;	
	padding:20px 20px 20px 20px;
	margin:20px 20px 20px 0px;	
}

/*  Right Column */
#rightcolumn{
	float:right;
	width:274px;
	background:url(images/rightcolumn.jpg) top repeat-x;
	padding:20px;
}
#rightcolumn h3{
	color:#434343;
	margin-top:10px;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid #dadada;
}
	#rightcolumn  ul{
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
		margin:0;
		padding:0 0 30px 0;
	}			
			
	#rightcolumn  ul li{
		padding:0px;
		margin:0px;
	}
/*  Recent Blog Entries */

		.blog_fecha{
			background-color:#DADEEF;
			color:#626C97;
			text-align:left;
			font-size:12px;
			font-style:italic;
			font-weight:bold;
		}
		
		#rightcolumn  ul li.bd{position:relative;}
		#rightcolumn  ul.bd a{text-decoration:none;}
		#rightcolumn  li.bd ul{
			padding:15px 0 10px 0px;
			width:264px;
			height:60px;			
			border-bottom: 1px solid #ededed;
		}
		
		#rightcolumn  li.bd ul li{
			line-height:18px;
			font-size:11px;
		}
		
		#rightcolumn  ul li.bd ul li.title{
			font-size:12px;
			font-weight:bold;
		}
		#rightcolumn  ul li.bd ul li.title a{color:#3370a6;}
		#rightcolumn  ul li.ft{line-height:1px;}

		#rightcolumn  ul.blog-entries li.bd ul li.image{	
			float:left;	
			padding:0px 10px 0 0px;
		}
		
		#rightcolumn  ul.blog-entries li.bd ul li.image{
			width:60px;
			height:60px;
		}
		#rightcolumn  ul.blog-entries li.bd ul li.fecha{
			color:#284076;
			background-color:#a9b8e1;
		}		
		
		li.bd{
			background-color:white;
		}
/*  Recent Testimonials */
	#rightcolumn ul li.testimonial{
		padding:20px 0 0px 0;
		border-bottom:1px solid #ededed;
	}
		#rightcolumn ul li.testimonial ul li.extract{
font-size:14px;
font-weight:bold;
	}
		#rightcolumn ul li.testimonial ul li.testimonial-main{
			line-height:18px;
			padding:10px 0 10px 0;
font-size:12px;
font-style:italic;
	}
			#rightcolumn ul li.testimonial ul li.testimonial-author{
			line-height:18px;
			padding:0 0 0 0;
		font-size:11px;
	}
/* === About Page - Meet The Team List === */
	ul.team{
		list-style:none;
		padding:0;
		margin:0;
		
	}
	ul.team li ul{
		list-style:none;
		padding:0;
		margin:0;
	}
	ul.team li.member{
		padding:20px 0 20px 0;
		border-bottom:1px solid #dadada;
	}
		ul.team li.member ul li.member-thumb{
		float:left;
		padding:0 20px 0 0;
		margin:0;
		
	}
	ul.team li.member ul li.member-name{
		font-weight:bold;
		font-size:14px;
		color:#434343;
		padding:0 0 0 10px;
	}
		ul.team li.member ul li.member-position{
		font-size:11px;
		margin-bottom:10px;
	}
		ul.team li.member ul li.member-info{
		font-size:12px;
	}
		ul.team li.member ul li.member-info ul.cv-miembro{
		list-style-type: disc;
		list-style-position: outside;
		padding-left:15px; 
		left:-3em;
		overflow:hidden;		
		font-size:12px;
	}	

	
/* === Contact Page Form === */
	form{
		background:white;
		border:1px solid #dadada;
	}
	form ul{
		list-style:none;
		padding:20px;
		margin:0;
		width:529px;
	}
	form ul ul{
		padding:0;
		border:none;
	}
	form ul li.forminput{
		padding:10px 0 10px 0;
	}
	form ul li.forminput ul li.formleft{
		float:left;
		width:140px;
		font-weight:bold;
	}
	form ul li.forminput ul li.formright{
		color:red;
		font-weight:bold;
		font-size:14px;
	}
	#error{
		color:#284076;
	}
	#error ul li{
		display:inline;
		margin-right:15px;
		color:red;
	}
	form input, form textarea{
		background:#f1f1f1;
		border:1px solid #ccc;
		font-size:12px;
		font-family:Arial, Helvetica, sans-serif;
		padding:5px;
	}
	form .button{
		background:#284076;
		color:#fff;
		font-weight:bold;
		padding:5px 35px 5px 35px;
		margin-left:100px;
		border:1px solid #1d3551;
	}
/* === Portfolio Page === */	
	ul.portfolio{
		padding:0;
		margin:0 0 0 -10px;
		list-style:none;
	}
	ul.portfolio li{
		float:left;
		margin-top:20px;
		margin-bottom:10px;
		margin-left:10px;
		width:179px;
		position:relative;
	}
	ul.portfolio li ul{
		padding:0;
		margin:0;
		list-style:none;
	}
		ul.portfolio li ul li.portfolio-thumb{
		padding:0;
		margin:0;
		width:169px;
	}
	ul.portfolio li ul li.portfolio-thumb img{
		padding:3px;
		margin:0;
		height:121px;
		background:white;
		border:1px solid #dadada;
	}
	ul.portfolio li ul li.portfolio-title{
		font-weight:bold;
		color:#343434;
		margin:0;
		padding:0 0 5px 0;
		font-size:14px;
	}
	.options{
	background:white;
	border:1px solid #dadada;
	padding:10px;
	display:block;
	margin-top:10px;
	margin-bottom:10px;
}
.options ul{
margin:0;
padding:0;
list-style:none;
}
.options ul li{
	display:inline;
}
.options li.active a{
	color:#333;
}
/* === Footer Text === */
#footer{
	width:100%;
	text-align:center;
	padding-top:50px;
	color:#b9cae2;
}
#footer a:hover{
	color:#b9cae2;
}


/* - - - - - Estilos para el miniblog y el blog completo - - - - - - */
.mini-blog{
	background-color:#FFFFFF;
}
	.mini-blog-entrada{
		text-align:left;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#666666;
		margin-bottom:15px;
	}
	.mini-blog-titulo{
		line-height:20px;
		background-color:#a9b8e1;
		color:#284076;
		text-align:left;
		padding:0 0 0 65px;	
	}
	.mini-blog-cuerpo{
		line-height:20px;
		text-align:justify;
	}
	.mini-blog-cuerpo img{
		text-align:left;
		float:left;
		vertical-align:top;
		margin:-20px 5px 0 0;
		width:60px;
		height:60px;
	}

.gran-blog{
	background-color:#FFFFFF;
}
	.blog-entrada{
		text-align:left;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#666666;
		margin-bottom:15px;
	}
	.blog-titulo{
		line-height:20px;
		font-style:italic;
		background-color:#a9b8e1;
		color:#284076;
		text-align:left;
		padding:0 0 0 5px;	
	}
	.blog-cuerpo{
		line-height:20px;
		text-align:justify;
		padding-left:85px;
		margin:5px 0 5px 0;
	}
	.blog-cuerpo img{
		text-align:left;
		float:left;
		vertical-align:top;
		margin:0 0 5px -85px;
		width:80px;
		height:80px;
	}
	
.tapa-blog{				/* Este estilo es para tapar el texto de CUTENEWS*/
	background-color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;	
	line-height:20px;
	margin-top:-25px;
	height:25px;
	display:block;
	position:relative;
}