/*******************************************************************************
* Hoja de estilos general para fundacionmagistralia.com
* @author Tisquelmedia, S.L.
*******************************************************************************/

* {
	margin: 0px;
	padding: 0px;
}

body.portada{
	background-color: #EEEEEE;
	background-image: url(../imagenes/background2.gif);
	background-position: top center;
	background-repeat: repeat-y;
	font-family: Arial, Helvetica, sans-serif;
}

body.cursos{
	background-color: #EEEEEE;
	background-image: url(../imagenes/background3.gif);
	background-position: top center;
	background-repeat: repeat-y;
	font-family: Arial, Helvetica, sans-serif;
}

.ppal {	
	color: #000000;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	width: 758px;	
}

.ppal .cabecera {
	background-image: url(../imagenes/cabecera-cursos.jpg);
	background-position: bottom center;
	background-repeat: no-repeat;
	width: 752px;
	margin-left: 3px;
	height: 81px;		
	}
	
/*Contenido portada*/	
	.ppal .contenido {
		color: #747474;
		background-color: #fdfdfd;
		width: 752px;
		margin-left: 3px;
	}

	/*Contenido otras secciones*/	
	.ppal .contenido2 {
		color: #747474;
		background-color: #fdfdfd;
		width: 752px;
		margin-left: 3px;
	}
	.ppal .contenido2 .coliz{
		float: left;
	}
	.ppal .contenido2 .migapan{
			background-color: #E0E0E0;
			padding-left: 45px;
			width: 530px;
			border-right-width: 1px;
			border-right-color: #aaaca7;
			border-right-style: solid;	
			padding-bottom: 5px;
			padding-top: 5px;
	}
	.ppal .contenido2 .infocurso {
			float: left;
			padding-left: 45px;
			width: 497px;
			background-color: #f4f5f3;
			border-right-width: 1px;
			border-right-color: #aaaca7;
			border-right-style: solid;	
			padding-top: 16px;
			padding-right: 33px;
			font-size: 80%;
		}
	.ppal .contenido2 .infocurso .lugar{
		float: left;
		font-weight: bold;
		color: #9d9d9d;
		}	
		
		.ppal .contenido2 .infocurso .precio{
			text-align: right;
			color: #747474;
			font-weight: bold;
		}	
	
	.ppal .contenido2 .infocurso h2{
		clear: left;
		font-weight: bold;
		color: #9d9d9d;
		font-size: 110%;
		line-height: 2em;
	}	
	
	.ppal .contenido2 .infocurso p{
	margin-bottom: 10px;
	margin-top: 5px;
	}	
		
	.ppal .contenido2 .infocurso input, 
	.ppal .contenido2 .infocurso select{
		height: 24px;
		background-color: #FFFFFF;
		border: 1px solid #B2B2B2;
		clear: left;
		width: 300px;
		font-size: 1.0em;
		font-family:"Trebuchet MS",Georgia, "Times New Roman", Times, serif;
		padding-left: 5px;
		color: #999999;
	}	

	.ppal .contenido2 .infocurso textarea {
		height: 48px;
		background-color: #FFFFFF;
		border: 1px solid #B2B2B2;
		clear: left;
		width: 300px;
		font-size: 1.0em;
		font-family:"Trebuchet MS",Georgia, "Times New Roman", Times, serif;
		padding-left: 5px;
		color: #999999;
	}
	
	.ppal .contenido2 .infocurso input:focus, 
	.ppal .contenido2 .infocurso textarea:focus, 
	.ppal .contenido2 .infocurso select:focus{
		background-color: #FFFFEE;
		border: 1px solid #686868;
		color: #333333;
	}
	
	.ppal .contenido2 .infocurso .obligatorio {
		border: 1px solid #FFFFCC;
	}
	
	.ppal .contenido2 .infocurso input.boton {
		width: 60px;
	}
	
	.ppal .contenido2 .infocurso .separador {
		height: 10px;
	}
	
	/*Columna izquierda*/	
	.ppal .contenido2 .derecha {
			float: left;
			margin-left: 5px;
			width: 160px;			
			font-size: 80%;
		}
	
	.ppal .contenido2 .derecha .imagen{
		float: left;		
		width: 55px;
		}	
		
		.ppal .contenido2 .derecha .texto{			
			color: #747474;
			padding-top: 13px;
			float: left;
		}	
		
		.ppal .contenido2 .derecha .patrocinadores{			
			clear: both;
			color: #747474;
			margin-top: 13px;
		}	
		
		.ppal .contenido2 .derecha .patrocinadores a.patr {	
			text-align: center;
			display:block;
			width: 160px;
		}	
		
	/*Columna central que lo ocupa todo, no hay más columnas, se utiliza en la portada*/
	.ppal .contenido .centro {
			color: #747474;
			float: left;
			width: 742px;			
	}	
	
	
	.ppal .contenido .centro h1.anteriores{
			margin-left: 40px;
	}					
	
	.centro p{
		color: #333333;
		font-size: 0.8em;
		margin-top: 5px;
	}
	
	
	
	.centro p.paginador{
		color: #666666;
		font-size: 70%;
		margin-bottom: 35px;
		padding-bottom: 20px;

	}
	
	.centro p.paginador a{
		color: #FF6600;
		text-decoration: none;
	}
	.centro p a{
		text-decoration: none;
		color: #fb9700;
	}

	/*Cada curso en el listado*/
	.ppal .contenido .centro .curso{
		background-color: #f4f5f3;		
		padding-top: 16px;		
		color: #747474;
		width: 752px;
		margin-left: 0px;
		border-top-width: 1px;
		border-top-color: #aaaca7;
		border-top-style: solid;	
	}
	
	
	.ppal .contenido .centro .curso .cab{
		float: left;
		width: 510px;			
		padding-left: 44px;
	}
	.ppal .contenido .centro .curso .logo{
		float: left;
		width: 165px;	
		padding-right: 25px;		
	}
	
	.ppal .contenido .centro .curso .resumen{
		clear: both;			
		color: #747474;
		padding-left: 44px;
		padding-right: 25px;		
		padding-bottom: 12px;	
		padding-top: 3px;	
		margin-top: -3px;
	}	
	
	.ppal .contenido .centro .curso .resumen2{
		clear: both;			
		color: #747474;
		background-color: #e6e6e6;
		padding-left: 44px;
		padding-right: 25px;		
		padding-bottom: 12px;	
		padding-top: 3px;			
		margin-top: -3px;
	}
	
	.ppal .contenido .centro .curso .resumen p{
		font-size: 75%;
		color: #747474;
	}
	
	
	 .retroceso{
		background-image: url(../imagenes/volver.jpg);
		background-position: left;
		background-repeat: no-repeat;
		width: 170px;
		height: 22px;
		text-indent: -1000px;
		display: block;
	}
	
	.ppal .pie {		
		clear: left;
		color: #666666;
		font-size: 0.6em;
		width: 684px;		
		margin-left: 2px;		
		margin-top: 10px;
		border-top-width: 1px;
		border-top-color: #aaaca7;
		border-top-style: solid;			
		padding-left: 44px;
		padding-right: 25px;
	}
	
	.ppal .pie .menu_pie {
		color: #747474;;
		height: 2em;
		padding: 3px 0px 3px 0px;
		width: 568px;									 
	}	
				
		#menu_pie li {
			color: #747474;
			display: inline;
			margin: 0px;
			padding: 0px;
		}
		#menu_pie li a{
			color: #747474;
			text-decoration: none;
		}
		.separador{
		clear:both;
	}
	
	
	
	.enlaces{
		width: 753px;
		margin-top: 2px;		
		margin-left: 2px;
		padding-top: 10px;		
		border-top-width: 1px;
		border-top-color: #aaaca7;
		border-top-style: solid;	
	}		
	.iz{
		width: 220px;
		float: left;
		font-size: 82%;
		margin-top: 19px;		
		padding-left: 44px;
	}		
	
	
	.der{
	text-align: right;	
	width: 453px;
	font-size: 82%;
	float: left;		
	padding-right: 25px;
	}	
	
	.imgcentrado{		
		float: left;	
		text-align: right;	
		width: 190px;	
	}
	.der2{
		text-align: right;	
		float: left;	
		margin-top: 19px;
		width: 453px;
	}	


/**/
.ppal .volver {						
		border-color: #aaaca7;
		border-style: solid;
		padding-left: 45px;
		width: 497px;
/*		width: 400px;*/
		border-width: 1px 1px 0px 0px;
		padding-bottom: 5px;
		padding-top: 5px;
		padding-right: 33px;
		clear: both;
	}
	
	 .pie2 {				
		color: #666666;
		padding-left: 45px;
		padding-right: 33px;
		width: 497px;			
		border-width: 1px 1px 0px 0px;
		border-color: #aaaca7;
		border-style: solid;			
		font-size: 0.6em;
	}
	
	 .pie2 .menu_pie {
		color: #747474;;
		height: 2em;
		padding: 3px 0px 3px 0px;
										 
	}	
				
/*Desplegables html*/
.cabs {
	height: 22px; 
	padding: 3px; 
	margin: 0 0 -2px 0; 
	border-bottom: 1px solid #747474;
}
.conts {
margin: 3px 0px 5px 0px;

}	

/* Ya no se despliegan */
.subcab {

	padding: 3px; 
	margin: 3px 0 4px 0; 
	border-bottom: 1px solid #747474;
}
/*fichas*/
#negro {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 100%;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	visibility: hidden;
}
#capaDatos {
	width: 752px;
/*	height: 150px;*/
	border: 0px solid #FFF;
	position: absolute;
/*	background-color: ;*/
	top: 81px;
	left: 50%;
	margin-left: -377px;
	z-index: 99;
}
/************************************************************ estilos texto */
 html {
	height: 100%;
	margin: 0px;
	padding: 0px;
}
h1{
	font-size: 110%;
}

h2{
	font-size: 90%;
}

h3{
	font-size: 80%;
}

a {
	color: #747474;
	text-decoration: none;
	
}

a:hover  {
	color: #fe9800; 
	font-weight: normal; 
	text-decoration: none;	
}

a:link  {
	color: #4A4A4A;
	font-weight: normal;
	text-decoration: none;	
}

a:visited  {
	color: #fe9800;
	font-weight: normal;
	text-decoration: none;	
}

v:link  {
	color: #747474;
	font-weight: normal;
	text-decoration: none;	
}

li{
list-style-type: disc;
margin-left: 25px;
}


a img{
	border: 0;
}
a.profs {
	color: #747474;
	text-decoration: none;	
}
a.profs:hover {
	color: #fe9800; 
	font-weight: normal; 
	text-decoration: none;	
}

a.destacada {
	color: #FF6600;
	text-decoration:none;
}
.negrita{
	font-weight:bold;
}
.cursiva{
	font-style:italic;
}


a.destacada_gris {
	color: #747474;
	text-decoration: none;
	font-weight: bold;
}
a.destacadonaranja{
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		color: #fb9700;
		text-decoration: none;
	}
	a.gris{
		font-size: 95%;
		color: #b0b0b0;
		font-weight: bold;		
		text-decoration: none;
	}


	/*******/
	/*Fichas
	/******/
	
	}
	.ficha {
		background-color: #FFF;
		color: #747474;
		width: 752px;
		margin: 0px 3px 0px 0px;
	}
	
	/*Columna izquierda*/	
	 .izquierdaficha {
			float: left;
			padding: 15px;
			width: 216px;	
			padding: 0px 0px 20px 0px;
			margin: 0;
		}
		
	 .izquierdaficha .foto {
		background-image: url(../imagenes/fondo-foto.jpg);
		width: 216px;
		height: 222px;
		padding-top: 21px;
	}
	
	 .izquierdaficha .foto .marco {		
		width: 147px;	
		height: 146px;
		text-align: center;
		display:block;
		margin: 0px 0px 0px 32px;
		
	}
	
	 .izquierdaficha .foto .marcodirectores {		
		width: 230px;	
		height: 146px;
		text-align: center;
		display:block;
		margin: 0px 0px 0px 32px;
		padding: 0 0 0 10px;
		
	}
	
	 .izquierdaficha .foto .nombre {
		color: #ffffff;
		margin: 10px 0px 0px 0px;
		text-align: center;
		font-size: 80%;
	}
	
	 .izquierdaficha .foto .nombredirector {
		color: #ffffff;
		margin: 10px 0px 0px 30px;
		text-align: left;
		font-size: 80%;
	}
	
	 .izquierdaficha .foto .nombredirector p.negrita{
		color: #9d9d9d;
		font-weight: bold;
	}
	
	
	
	
	 .izquierdaficha .instrumento {
		background-color: #ffffff;
		width: 216px;
	}
	
	 .izquierdaficha .instrumento .marco {		
		width: 77px;	
		height: 75px;
		text-align: center;
		display:block;
		margin: 22px 0px 0px 67px;
		/*background-image: url(../imagenes/fondo-foto-mini.jpg);*/
		background-position: center;
		background-repeat: no-repeat;		
		padding-top: 8px;
	}
	
	 .izquierdaficha .instrumento .nombre {
		color: #4d4d4d;
		margin: 5px 0px 0px 0px;
		text-align: center;
		font-size: 80%;
	}
	
 
		
	.migapanficha{
		background-color: #E0E0E0;
		width: 515px;
		height: 34px;
		padding: 5px 0px 5px 20px;
		font-size: 150%;
	}
	 .infoprofe {
			float: left;
			width: 533px;
			background-color: #f4f5f3;	
			font-size: 80%;						
			border-left-width: 1px;
			border-left-color: #aaaca7;
			border-left-style: solid;	
			padding: 0px 0px 20px 0px;
		}
		
		.infoprofe .info {			
			padding: 0px 20px 0px 20px;
		}
		
	 .infoprofe hr{
	border-color: #AAACA7;
	border-style: solid;
	border-width: 1px;
	margin: 0px 5px 0px 5px;
	}
	
	 .infoprofe h2{
		font-weight: bold;
		color: #9d9d9d;
		font-size: 110%;
	}	
	 .infoprofe p{
		margin-bottom: 10px;
		margin-top: 5px;
	}	
		
.nombremiga{
		width: 220px;
		float: left;
		font-size: 82%;
/*		padding-left: 44px;*/
		padding-top: 5px;
	}	
	.cerrarficha{
	text-align: right;	
	width: 240px;
	font-size: 82%;
	float: left;			
	}	
	
	h2#atencion {
		color: #CC0000;
	}
.legal {
	padding: 25px 45px;
}
.legal h2 {
	padding-top: 15px;
}
.enlace_legal {
	font-size: .8em;
}
.enlace_legal:hover {
	color: #fe9800;
}
.volver .inscribete {
	vertical-align: middle;
}
.volver .imagen,
.volver .texto {
	display: inline;
	vertical-align: middle;
}
.derecha .separador {
	height: 20px;
}
.derecha .imagen,
.derecha .texto {
	display: inline;
	vertical-align: middle;
}
.col_instr {
	display: block;
	width: 120px;
	float: left;
}
#_acepto {
	width: 20px;
}