html,body{

margin:0px;

height:100%;

}

@font-face { font-family: calibri; src: url('../fuentes/calibri.ttf'); }
@font-face { font-family: calibrib; font-weight: bold; src: url('../fuentes/calibrib.ttf'); }
@font-face { font-family: calibrii; font-weight: bold; src: url('../fuentes/calibrii.ttf'); }
@font-face { font-family: calibriz; font-weight: bold; src: url('../fuentes/calibriz.ttf'); }

body{
	font-family: calibri,Arial, Helvetica, sans-serif;
	background-image:url(imagenes/index/fondo_.jpg); background-repeat:repeat-x; background-color:#E4F1F7;}

#contot{
	padding:10px;
	background-color:#FFF;
	width:933px;
	margin:0 auto 0 auto;
	margin-top:20px;
	margin-bottom:20px;
	-webkit-box-shadow: 3px 3px 4px #ccc;
    box-shadow: 3px 3px 4px #ccc;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#111111')";
    /* IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#111111');
	}



#contenedor{
	   width:933px; margin:0 auto 0 auto; background-repeat:no-repeat;}






















#main_inicio{
	width:933px;
	background-color:#FFF;
	}
	
	#izq_inicio{
		
		width:0px;
		float:left;
		}
		#main_main_inicio{
			float:left;
			min-height:200px;
			width:933px;
			
			}
			
			#top_main_main_inicio{
			float:left;
			min-height:100px;
			width:933px;
			max-height:300px;
			overflow:auto;
		
			
			
			}
			
			#top_main_main_inicio2{
			float:left;
			min-height:100px;
			padding:10px;
			width:911px;
			max-height:200px;
			overflow:auto;
			background-color:#FFF;
			border:1px solid #c8c8c8;
			margin-bottom:20px;
			
			
			
   
			}
			
			#iz_main_main_inicio{
				float:left;
			margin-right:10px;
			width:733px;		
			margin-bottom:10px;
				}
			#der_main_main_inicio{
				float:left;
				width:190px;
			}
			#mas_2000{
				float:left;
				width:500px;}
				#buscador_inicio{
				float:left;
				width:393px;
				text-align:center;
				padding-top:30px;
				font-size:18px;
				height:60px;
				}
				
				#leyenda_cat{
					position:absolute;
					display:none;
					margin-top:70px;
					margin-left:510px;}
					#top_main_main_inicio_campus{
			float:right;
			padding:5px;
			width:923px;
			background-color:#99CBE4;
			text-align:right;
			 box-shadow: 0px 5px 10px #333;
   -webkit-box-shadow: 0px 5px 10px #333;
   -moz-box-shadow: 0px 5px 10px #333;
   margin-bottom:10px;
			
			}
			#n_curso{
				float:left;
				padding:10px;
				margin-right:10px;
				border:1px solid #ccc;
				height:250px;
				width:201px;
				margin-bottom:10px;
				background-color:#f5f5f5;
				box-shadow: 0px 5px 10px #ccc;
   -webkit-box-shadow: 0px 5px 10px #ccc;
   -moz-box-shadow: 0px 5px 10px #ccc;
   background-image:url(../imagenes/main/fondo_curso.jpg);
   font-family:calibri;
				}
				
				#n_curso:hover{
					
					background-color:#fff;
				box-shadow: 0px 0px 3px #333;
   -webkit-box-shadow: 0px 0px 3px #333;
   -moz-box-shadow: 0px 0px 3px #333;
					}
				
				#n_curso h2 a{
					color:#333;
					font-size:16px;}
					.duracion, .metodo{
						margin-top:10px;
						padding:5px;
						background-color:#333;
						text-align:right;
						color:#fff;}
						#cds{
							font-family: calibri,Arial, Helvetica, sans-serif;
							font-size:38px;
							color:#333;
							margin:20px;}
							.cd_i{
							font-family: calibri,Arial, Helvetica, sans-serif;
								color:#333;
								font-size:14px;}
							#img_cur{
								filter: alpha(opacity=70); opacity: .7}
								#mas_info a,#mas_info{
									color:#333;
									font-size:12px;
									font-weight:100;}
									#pub_i_4{
										width:380px;
										height:195px;
										float:left;
										border:1px solid #ccc;
										background-color:#FFF;
										
										margin-top:10px;
									box-shadow: 0px 2px 2px #ccc;
   -webkit-box-shadow: 0px 2px 2px #ccc;
   -moz-box-shadow: 0px 2px 2px #ccc;
										}
										
										#pub_i_2{
											width:180px;
										height:150px;
										float:left;
										margin-right:10px;
										margin-top:10px;
										border:1px solid #ccc;
	box-shadow: 0px 2px 2px #ccc;
   -webkit-box-shadow: 0px 2px 2px #ccc;
   -moz-box-shadow: 0px 2px 2px #ccc;
										}
										
										#pub_i_3{
											margin-top:10px;
											width:188px;
										height:150px;
										float:left;
										border:1px solid #ccc;
										box-shadow: 0px 2px 2px #ccc;
   -webkit-box-shadow: 0px 2px 2px #ccc;
   -moz-box-shadow: 0px 2px 2px #ccc;
										}
										#master{	 box-shadow: 0px 5px 5px #ccc;
   -webkit-box-shadow: 0px 5px 5px #ccc;
   -moz-box-shadow: 0px 5px 5px #ccc;}
   #social_index{float:left; color:#C9E5F0; width:120px;}

 .classcategorias{ color:#000000; font-family: calibri;font-size:10pt} a.classcategorias:hover {color:#ff0000} 

  .classcategoriaspeq{ color:#666666; font-family: calibri;font-size:8pt} a.classcategoriaspeq:hover {color:#ff0000} 



 .classcategoriasactivo{ color:#ff0000; font-family: calibri;font-size:10pt} a.classcategorias:hover {color:#ff0000} 



 

  .classcvn{ color:#ffffff; font-family: calibri;font-size:7pt} a.classlinks:hover {color:#607E9D}

   .classmasinfo{ color:#000000; font-family: calibri;font-size:18pt} a.classlinks:hover {color:#000000}

   .classmasinfor{ color:#000000; font-family: calibri;font-size:12pt} a.classlinks:hover {color:#000000}

  .classdetalle{ color:#607E9D; font-family: calibri;font-size:10pt} a.classlinks:hover {color:#607E9D}

    .classnormal{ color:#000000; font-family: calibri;font-size:7pt} a.classnormal:hover {color:#ffffff}

	.classinfotop{ color:#000000; font-family: calibri;font-size:10pt} a.classinfotop:hover {color:#000000}

		.classcursos{ color:#000000; font-family: calibri;font-size:8pt} a.classinfotop:hover {color:#000000}

 .classpro{ color:#607E9D; font-family: calibri;font-size:10pt} a.classlinks:hover {color:#607E9D}

  .classprotitulo{ color:#607E9D; font-family: calibri;font-size:11pt} a.classlinks:hover {color:#607E9D}

	 .classoferta{ color:#607E9D; font-family: calibri;font-size:12pt} a.classlinks:hover {color:#000000}

	   .classoferta6{ color:#ffffff;  font-family: calibri;font-size:26pt} a.classoferta6:hover {color:#ffffff; BACKGROUND-COLOR: #ff6600;}

	   .classinfo{ color:#ffffff; font-family: calibri;font-size:10pt} a.classinfo:hover {color:#ffffff}

	     a:link{text-decoration: none}

  a:active{text-decoration: none}

  a:visited{text-decoration: none}

  a:hover {text-decoration: none}

  



<!--

.classcat{ color:#11449e; font-family: calibri;font-size:11pt} a.classcat:hover {color:#000000}

.Estilo1 {font-family: calibri, Arial, Helvetica, sans-serif; font-size: 11px; color:#11449e }

.Estilo3 {font-family: calibri, Arial, Helvetica, sans-serif; font-size: 9px; color:#11449e}

.Estilo4 {font-family: calibri, Arial, Helvetica, sans-serif; font-size: 11px; color:#11449e }

.Estilo7{font-family: calibri, Arial, Helvetica, sans-serif; font-size: 14px; color:#11449e }

.Estilo6 {font-family: calibri, Arial, Helvetica, sans-serif; font-size: 12px; color:#11449e } 

.Estilo5 {font-family: calibri, Arial, Helvetica, sans-serif; font-size: 13px; color:11449e }

.Estilo8 {font-family: calibri, Arial, Helvetica, sans-serif; font-size: 14px; color:#11449e }










#es{
	background-image:url(malimentos.jpg)}

  
#categorias_cursos{
	margin:0px;
	padding:0px;
	list-style:none;}
	#categorias_cursos li{
		padding:5px;
		float:left;
		width:287px;
		background-color:#f5f5f5;
		margin-left:1px;
		margin-top:1px;
		height:15px;
		color:#333;
		font-size:12px;
		
		}
	#categorias_cursos li a{color:#333;}
	
	#categorias_cursos li:hover {
		background-color:#333;
		cursor:pointer;
		}
		#categorias_cursos li:hover a{color:#ccc;}
#num_cursos{
	width:733px;
	float:left;
	padding:10px;
	background-color:#fff;
	}
	#sel_emp_par{
		position:absolute;
		z-index:99999999;
		width:873px;
		height:440px;
		background-color:#fff;
		display:none;
		padding:10px;
		 box-shadow: 0px 5px 10px #333;
   -webkit-box-shadow: 0px 5px 10px #333;
   -moz-box-shadow: 0px 5px 10px #333;
		}
		.ser_emp_par_int{
			float:left;
			padding:20px;
			width:385px;
			height:100px;
			margin-right:10px;
			background-color:#f5f5f5;
			margin-top:10px;
			cursor:pointer;}
			.ser_emp_par_int:hover{
				background-color:#333;
				color:#fff;}
			
			
			#ser_emp_par_int a{ color:#333;}
			
		.ser_emp_par_int_tit{
			font-size:34px;}
			#trasnp{
				width:100%;
				height:100%;
				position:fixed;
				top:0px;
				left:0px;
				z-index:9999999;
				background-color:#333;
				filter: alpha(opacity=70); opacity: .7;
				display:none;
				}

  #cont_vid{
		 width:933px;
			
		 }
		 #player{box-shadow: 0px 2px 2px #ccc;
   -webkit-box-shadow: 0px 2px 2px #ccc;
   -moz-box-shadow: 0px 2px 2px #ccc;}
   
   #master1{
	width:493px;
	border:1px solid #ccc;
	margin-right:10px;
	float:left;}
	#master2{
		float:left;
		background-color:#3C0;
		width:226px;
		border:1px solid #ccc;}
		
		#miga_pan{
	padding:10px;
	width:900px;
	font-weight:normal;
	}
	#info_curso{
		margin:10px;
		padding:10px;
		border:1px solid #ccc;
		background-color:#f5f5f5;}
		#info_curso_int{
		margin-right:30px;
		font-size:20px;
		
		float:left;}
		
		#cont_curso{
			padding:10px;
			margin-right:10px;
			float:left;
			border-right:1px solid #ccc;
			width:600px;
			font-weight:normal;
			}
			
			#col_cur_der{
				padding:10px;
				width:272px;
				
				float:left;}
				
				#rea_com{
					padding:10px;
					border:1px solid #ccc;
					background-color:#31859A;
					text-align:center;
					color:#fff;
					font-size:25px;
					margin:20px;
						 box-shadow: 0px 5px 10px #333;
   -webkit-box-shadow: 0px 5px 10px #333;
   -moz-box-shadow: 0px 5px 10px #333;
					}
					
					#rea_com:hover{
						
						background-color:#266879;
						cursor:pointer;
						
							 box-shadow: 0px 0px 0px #333;
   -webkit-box-shadow: 0px 0px 0px #333;
   -moz-box-shadow: 0px 0px 0px #333;
						}
						#cont_curso li{color:#000;}
						
#pub_inf_iz{
	background-color:#f5f5f5;
	width:460px;
	float:left;
	height:200px;
	-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;}
#pub_inf_der{
	background-color: #f9f9f9;
	margin-left:10px;
	width:460px;
	float:left;
	height:200px;
	-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
	}
	
	
	
	
	.dojoDialog {

	background : #eee;

	border : 1px solid #999;

	-moz-border-radius : 5px;

	padding : 4px;

}
.black_overlay{
			display: none;
			position: absolute;
			top: 0%;
			left: 0%;
			width: 100%;
			height: 100%;
			background-color: black;
			z-index:999999999;
			-moz-opacity: 0.8;
			opacity:.80;
			filter: alpha(opacity=80);
		}
		.white_content {
			display: none;
			position: absolute;
			top: 25%;
			left: 15%;
			width: 70%;
			height: 50%;
			padding: 16px;
			border: 5px solid #f5f5f5;
			background-color: white;
			z-index:99999999999999999999;
			overflow: auto;
		}
		
#mensaje_popup{
	padding:50px;
	position:absolute;
	z-index:99999999999999;
	left: 50%;
top: 50%;
width: 500px;
height: 200px;
margin-top: -100px;
margin-left: -250px;
background-image:url(imagenes/index/postit.png)}

#mensaje_popup a{color:#333;}
.cierra_popup{
	position:absolute;
	margin-left:300px;
	padding:5px;
	cursor:pointer;}



.dojoDialog {

	background : #eee;

	border : 1px solid #999;

	-moz-border-radius : 5px;

	padding : 4px;

}



form {

	margin-bottom : 0;

}

#noticia{
	padding:10px;
	background-color:#f5f5f5;
	margin-bottom:5px;
	font-size:16px;
	color:#000;
	
	}
	.abre_categorias{
		position:absolute;
		 margin-left:901px;
		 margin-top:-10px;
		  z-index:9999999;
		   width:16px;
		    text-align:center;
			 padding:2px;
			  background-color:#000;
			   color:#fff;
			   cursor:pointer;
			   font-size:10px
		}
		.abre_categorias:hover{
			background-color:#1A73A7;}
		
		
	.enlace{color:#000;}
	
	.col_4{border:1px solid #ccc; width:204px; height:220px; padding:10px; margin-right:10px; float:left; margin-top:10px; -moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;}
.col_4_2{border:1px solid #ccc; width:202px; height:220px; padding:10px; float:left; margin-top:10px; -moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888; }