/*
' HOJA DE ESTILOS PARA CG-VISION.COM
' @AUTOR: (CG-VISION) Carolina Vigara
' CONTACTO: carolina@cg-vision.com 
*/

body{ 
	margin:0px; 
	padding:0px;
	background:url(../imgs/bg_content.gif) repeat-y center #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333333;
	
}
img{ border:none;}
#content{

width:100%;}
#contenedor{
	width:916px;
	display:block;
	margin:auto;
	position:relative;
	
}
#contenido{float:left;}
#content_cabecera{ }
#menu_sup{
	background:url(../imgs/bg_menu_sup.gif) repeat-x  bottom #830127;
	width:100%;
	height:22px; 
	}
#menu_sup ul{ width:916px; margin:auto; padding: 0 5px 0 0;}
#menu_sup ul li{ float:right; color:#FFFFFF; list-style:none; margin:0 5px;}
#menu_sup ul li a{ color:#FFFFFF; text-decoration:none;}

#cabecera{
	height:205px;
	margin:0px auto;
	padding:0px;
	width: 100%;
	text-align:center;
}
#cabecera img{ position:relative; left:5px;}
#content_menu{
background:url(../imgs/bg_menu.gif) repeat-x;
width:100%;}
#menu {
	background:url(../imgs/bg_menu.gif) repeat-x;
	height:23px;
	width:910px;
	margin:auto;
	z-index:100;
	position:relative;
	left:3px;
	}
	
	
	#menu ul{
		margin:0px;
		padding:0px;	
		color:#FFFFFF;
		font-weight:bold;
		font-size:11px;
		font:bold 11px;
		height:20px;
		list-style:none;	
	}

	
li.barra{
		display:inline;
		text-align:center;			
		padding:5px 0px;
		margin:0px 0px 0px 0px;
		background:url(../imgs/linea_menu.gif) no-repeat right;
		height:13px;
		}
	
#menu ul { 
	padding: 0;
	margin: 0;
	
}

#menu ul li { 
	float: left;
	position: relative;
		
	}

#menu li ul { 
	display: none;
	position: relative;
	margin:5px 0px 0px 0px;
	background-color:#afc2d6;
	
}

#menu ul li ul li { 
	height: auto;
	min-height:15px;
	background-color:#afc2d6;
	
	margin:0px;
	padding:3px 10px;	
}

#menu ul li ul li a { 
	color: #003366; 
	text-decoration:none; 
	font-size:10px; 
	padding:0px 0px 0px 10px; 
	display:block;
	background:url(../imgs/bullet_submenu.gif) no-repeat left;
}

#menu ul li ul li a:hover { 
	color: #ffffff; 
	text-decoration:none; 
	font-size:10px; 
	padding:0px 0px 0px 10px; 
	display:block;
	background:url(../imgs/bullet_submenu2.gif) no-repeat left;
}

#menu li>ul { 
	top: auto;
	left: auto;
}

#menu li:hover ul { 
	display: block;
	cursor: pointer;
	
}

#menu_home li:hover ul { 
	display: block;
	cursor: pointer;
	
}

a.enlacemenu{font:bold 11px; color:#FFFFFF; text-decoration:none;}

.menu1{ width:120px;}
.submenu1{width:200px; text-align:left;}

.menu2{ width:160px;}
.submenu2{ width:220px; text-align:left;}

.menu3{ width:100px;}
.submenu3{ width:150px; text-align:left;}

.menu4{ width:90px;}
.submenu4{ width:210px; text-align:left;}

.menu5{ width:120px;}
.submenu5{ width:200px;}

.menu6{ width:120px;}
.submenu6{ width:200px;}



	
	
	
#sombra_menu{
	background:url(../imgs/gr_sombramenu.gif) no-repeat;
	width:910px;
	height:12px;
	margin:auto;
	z-index:99;
	float:left;
	position:relative;
	left:3px;
}
.margin_top10{ margin-top:10px;}
.margin_topmin10{ margin-top:-10px;}
.margin_bottom10{ margin-bottom:10px;}
#izq{
	width:716px;
	float:left;
	margin:auto;
	z-index:98;
	}
	
	#slogan { float:left; padding:10px 0 0 0; margin:0 0 0 2px; width:910px; background: url(../imgs/bg_slogan.jpg) no-repeat top right #f9f8fb;}
	#slogan img{ 
		
		padding:0px 18px;
		float:left;
		display:inline;}
		#slogan .img_slogan{ padding:0; margin:0 0 0 0; float:left;}
	#slogan .img_slogan img{ background:none;}
	
	
	
	.img_salvavidas{ background: url(../imgs/img_salvavidas.jpg) no-repeat left top; width:400px; height:121px; float:left; margin:-5px 0 0 15px;}
	
	
	#slogan .img_salvavidas img{ background:none; padding:0; margin:0; float:left;}
	#slogan .img_salvavidas .img1{ margin:0 20px 0 60px;}
	#slogan h1{ 
		background: url(../imgs/gr_bullet2.gif) no-repeat left top;
		display:block;
		margin:20px 0px 0px 15px;
		padding:0px 0px 0px 20px;
		width:580px;
		float:left;
		text-align:justify;
		font-size:11px;
		font-weight:normal;
		color:#7090b4;
		line-height:18px;}
		#slogan h1 p{ padding:0px 0px 10px 0px; margin:0px;} 
	#slogan h1 strong{ color:#113d77; font-size:16px; margin:0;} 
	.naranja{ color: #FF6600; text-transform:normal; font-weight:bold; text-align:center; font-size:14px;}
	.morado{ color: #88012c; text-transform:uppercase; font-weight:bold; text-align:center; font-size:14px;}
	
	.sombra_slogan{background: url(../imgs/bg_sombra.jpg) no-repeat bottom center;
	width:100%;
	float:left;
	height:30px;}
	
	/*alianzas*/
	.alianzas{
	
	background:#ffffff;
	border:1px #a6b9d0 solid;	
		margin:15px 0px 10px 15px;
		padding:8px;
		width:660px;
		float:left;
		text-align: left;
		font-size:12px;
		font-weight:normal;		
		 color:#3c5a90; }
	.alianzas img{ float:left; display:block; margin:5px 10px 0 0; padding:0 7px;}
	.alianzas strong{ float:left; width:99%; border-bottom: 1px #ced7e3 dashed; padding:0 0 3px 0;}
	
	/*banners central*/
	
	.banner_1{
	width:286px;
		height:117px;
		float:left;
		margin:10px 0 0 10px;		
		border:1px #cdd7e3 solid;
		padding:0;
		}
		.banner_1 img{ margin:0 0 0 -18px; float:left;}
	
	.banner1{ 
		background:url(../imgs/bg_banner1.jpg) no-repeat;
		width:288px;
		height:117px;
		float:left;
		margin:10px 0 0 10px;
		font-family:Arial, Helvetica, sans-serif;
		border:1px #cdd7e3 solid;}
		
		.banner1 ul{ 
		float:left;
		margin:20px 0 0 45px;
		padding:0;}
		
		.banner1 ul li{ 
			background:url(../imgs/gr_bullet_flecha.png) no-repeat left top;
			padding:5px 0 0 36px;
			list-style:none;
			margin:10px 0 0 0px;
			font-size:14px;
			color:#003471;}
		.banner1 ul li a{color:#003471; font-weight:bold;}
		
	.banner2{ 
		background:url(../imgs/bg_banner2.jpg) no-repeat;
		width:288px;
		height:117px;
		float:left;
		margin:10px 0 0 10px;
		font-family:Arial, Helvetica, sans-serif;
		border:1px #cdd7e3 solid;}
		
		.banner2 ul{ 
		float:left;
		margin:60px 0 0 45px;
		padding:0;}
		
		.banner2 ul li{ 
			background:url(../imgs/gr_bullet_flecha.png) no-repeat left top;
			padding:0 0 10px 36px;
			list-style:none;
			margin:10px 0 0 0px;
			
			}
		.banner2 ul li a{color:#003471; font-weight:bold; text-decoration:none; font-size:18px;
			color:#003471;}
		.banner2 ul li a .naranja{  color: #FF6600; text-align:right; margin:0 0 0 80px; font-size:14px;}
	.banner3{ 
		background:url(../imgs/bg_banner3.jpg) no-repeat;
		width:288px;
		height:117px;
		float:left;
		margin:10px 0 0 10px;
		font-family:Arial, Helvetica, sans-serif;
		border:1px #cdd7e3 solid;}
		
		.banner3 ul{ 
		float:left;
		margin:37px 0 0 45px;		
		padding:0;
		}
		
		.banner3 ul li{ 
			background:url(../imgs/gr_bullet_flecha.png) no-repeat left top;
			padding:2px 0 0 35px;
			list-style:none;
			margin:0px 0 0 0px;
			color:#003471; font-weight:bold;  font-size:13px;
			
			}
		.banner3 ul li a{color:#003471; font-weight:bold; text-decoration:none; }
		.banner3 ul li .enlaces{ width:99%; float:left; line-height:11px;  clear: both; }
		.banner3 ul li .enlaces a{ font-size:11px; font-weight:normal;}
		
		.banner_img{ width:288px; height:117px; float:left; margin:10px 0 0 10px; padding:0; background:#f1f1f1; border:1px #cdd7e3 solid;}		
		.banner_img img{ margin:0; padding:0; float:left; position:relative; left:-18px;}
	#slogan  a:hover{ text-decoration:underline;}
	
	
	a.azul{ text-decoration:none; color: #b4e8fe; text-align:left;}
	a.verde{ text-decoration:none; color: #c6feb3; text-align:left;}
	a.amarillo{ text-decoration:none; color:#fffdb3; text-align:left;}
	#cursos{ float:left; display:block;}
	#menu_cursos{
		background: url(../imgs/bg_cab_cursos.gif) no-repeat;
		height:41px;
		width:663px;
		left:25px;
		position:relative;
		margin:20px 0px 0px 0px;
		padding:0px 0px 0px 10px;
		
	}
	
	#menu_cursos ul{
		margin:0px;
		padding:0px;	
		color:#425e86;
		font-weight:bold;
		font-size:11px;
	}
	
	#menu_cursos ul li{
		display:inline;
		float:left;
		padding:5px 5px;
		margin:0px 0px 0px 0px;
		background:url(../imgs/linea_menuazul.gif) no-repeat right;
		height:17px;	
	}
	#menu_cursos ul li.linea1{		
		background:url(../imgs/linea_menuazul.gif) no-repeat left;
			
	}
	#menu_cursos ul li ul li{ background:url(../imgs/ico_flecha.gif) no-repeat left; padding:3px 5px 0 8px;}
	#menu_cursos ul li ul li a{ font-weight:normal;}
	#menu_cursos ul li.nuevo {background:none; position:relative; top:-25px;}
	li.nuevo img{ position:relative; top:15px; left:3px;  }
	.clear{ clear:both;}
	#menu_cursos ul a{ text-decoration:none;color:#425e86;}
	#menu_cursos ul a:hover{color:#ffffff;}
	#int_cursos{
		background:url(../imgs/bg_boxcursos.gif) repeat-y;
		width:663px;
		height: inherit;
		left:25px;
		position:relative;
		padding:20px 0px 10px 0px;
		float:left;}
		#int_cursos h2{ margin:0; padding:0; font-size:15px; }
		#int_cursos ul{ margin:0; padding:0 0 0 0px; }
		#int_cursos ul li{ list-style:none; margin:0; padding:0;}
		#int_cursos  p.txt_blanco a{text-decoration:underline;color:#ffffff;}
		#int_cursos  p.txt_blanco a:hover{text-decoration:none;color:#ffffff;}
		
		.left{float:left; width:84%; margin:0 0 0 12px; font-size:12px;}
		.txt_blanco{ margin:0; padding:0; color:#FFFFFF; font-size:11px;}
		
		.right{float:left; width:50%;}
		.img_curso{ position:relative; top:0;  float:left;}
		.sombra{ 
				float: right;
				width:624px;
				margin:0px 15px 10px 0px;
				height:9px;	 }	
			 #curso{ 
			 	float: right;
				width:634px;
				margin:0px 9px 0px 0px;				
				color:#002f6d;
				background:url(../imgs/bg_sombra_cursos.jpg) no-repeat bottom center;
				padding:0 0 10px 0;
				}
				#curso h2 { margin:2px 0 2px 0; padding:0;}
				#curso h2 a{font-weight:bold;} 
				#curso a{ color:#224b80; font-weight:normal; }
				#curso a:hover{ text-decoration:underline;}
				
				#curso h2.azul_curso a, #curso h2.azul_curso{color:#8cb3d0;} 
				#curso h2.verde_curso a{color:#7eb87a;}
				#curso h2.gris_curso a{color:#787d83;}
				#curso h2.amarillo_curso a{color:#e4aa1b;}
				#curso h2.marron_curso a{color:#d57f3a;}
				
				#curso .txt_gris{ margin:0; padding:0; color:#787d83; font-size:12px; }
				
			/* #curso1{ 
			 	float: right;
				width:634px;
				margin:0px 9px 0px 0px;				
				color:#002f6d;
				background:url(../imgs/bg_sombra_cursos.jpg) no-repeat bottom center;
				padding:0 0 10px 0;
				}
				#curso1 h2 { margin:0; padding:0;}
				#curso1 h2 a{color:#8cb3d0; font-weight:bold;}
			#curso1 p{ margin:0px 10px 3px 0px;}
			#pie_curso1{
				 background: url(../imgs/bg_bottom_azul.gif) no-repeat;
				 height:11px;
				 margin:-8px 0 0 0;			
				 }
			
			#curso2{ 
			 	float: right;
				width:634px;				
				background:url(../imgs/bg_verde.gif) repeat-y;
				margin:0px 9px 0px 0px;				
				color:#c6feb3;
				}
			#curso2 p{ margin:0px 10px 3px 0px;}
			#pie_curso2{
				 background: url(../imgs/bg_bottom_verde.gif) no-repeat;
				 height:11px;
				  margin:-8px 0 0 0;				
				 }
			#curso3{ 
			 	float: right;
				width:634px;				
				background:url(../imgs/bg_amarillo.gif) repeat-y;
				margin:0px 9px 0px 0px;			
				color:#fffdb3;
				}
			#curso3 p{margin:0px 10px 3px 0px;}
			
			#pie_curso3{
				 background: url(../imgs/bg_bottom_amarillo.gif) no-repeat;
				 height:11px;	
				  margin:-8px 0 0 0;				
				 }
				 
		 	#curso4{ 
			 	float: right;
				width:634px;				
				background:url(../imgs/bg_gris.gif) repeat-y;
				margin:0px 9px 0px 0px;				
				color:#e0e2e3;
				}
			#curso4 p{ margin:0px 10px 3px 0px;}
			#pie_curso4{
				 background: url(../imgs/bg_bottom_gris.gif) no-repeat;
				 height:11px;
				  margin:-8px 0 0 0;				
				 }
				 
			#curso1 a{ color:#224b80; font-weight:normal; }
			#curso2 a{ color:#c6feb3;}
			#curso3 a{ color:#fffdb3;}
			#curso4 a{ color:#e0e2e3;}
			
			#curso1 a:hover{ }
			#curso2 a:hover{ color:#c6feb3; text-decoration:underline;}
			#curso3 a:hover{ color:#fffdb3; text-decoration:underline;}
			#curso4 a:hover{ color:#e0e2e3; text-decoration:underline;}*/
			
			.top_azul{ background:url(../imgs/bg_top_azul.gif) no-repeat top left; height:11px; width:624px; float: right; margin:0px 9px 0px 0px;	}
			.top_verde{ background:url(../imgs/bg_top_verde.gif) no-repeat top left; height:11px; width:624px; float: right; margin:0px 9px 0px 0px;	}
			.top_amarillo{ background:url(../imgs/bg_top_amarillo.gif) no-repeat top left; height:11px; width:624px; float: right; margin:0px 9px 0px 0px;	}
			.top_gris{ background:url(../imgs/bg_top_gris.gif) no-repeat top left; height:11px; width:624px; float: right; margin:0px 9px 0px 0px;	}
			
			
			.textonaranja{color: #003366; font-size:13px; font-weight:bold; text-align:center; clear:both; padding:5px 0px 5px 0px; margin:0px;}
			.textonaranja strong{ color: #FF6600; font-style:italic;}
			.textonaranja a{ color: #FF6600; font-style:italic; text-decoration:underline;}
			.textonaranja a:hover{ color: #FF6600; font-style:italic; text-decoration:none;}	
			 
			.txt_azul{color:#b4e8fe;}
			.txt_verde{color:#c6feb3;}
			.txt_amarillo{color:#fffdb3;}
				
			.ingles{ padding:0 0 8px 0; border-top:1px #d9e1eb solid; width:100%; float:left; display:block; margin:0; position:relative; top:3px; text-align:right; }
				#int_cursos .left p.ingles a{				
				
				}
				.ingles img {border:none;  }
				.ingles a{ cursor:pointer; }
				.titulocurso{ font-size:11px; font-weight:bold;}
				
				
			 
	#pie_cursos{
		background:url(../imgs/bg_piecursos.gif) no-repeat top;
		width:663px;
		height:50px;
		left:25px;
		position:relative;
		float:left;
		}
	#pie{
		 float:left;
		 width:663px;
		 margin:auto;
		 color:#608098;
		 text-decoration:none;
		 text-align:center;
		 margin:0px 0px 10px 0px;
		 }
	#pie a{ color:#9aadcd; font-weight:bold; text-decoration:none;}

#dcha{
	width:197px;
	height:100px;
	float:left;
	margin:auto;
	}
	
	.bgboxdcha{ 
		background:url(../imgs/bg_boxdcha.gif) no-repeat;
		float:left;
		width:192px;
		height:25px;
		margin:0px 0px 0px 1px;
		padding:0px 0px 0px 3px;
		
		}
	#banner{ background-color:#FFFFFF; 	
	float:left;
	width:192px;
	height:125px;
	margin:0px 0px 0px 1px;
	padding:0px 0px 0px 3px;
	}
	
	.imagen{ margin:0px 0px 10px 2px; padding:1px; border:1px #3a5d87 solid; }
	
	.bgboxdcha2{ 
		background:url(../imgs/bg_boxdcha2.gif) no-repeat;
		float:left;
		display:block;
		width:192px;
		height:13px;
		margin:0px 0px 0px 1px;
		padding:0px 0px 0px 3px;
		
		}
	.bgboxdcha3{ 
		background:url(../imgs/bg_boxdcha3.gif) no-repeat;
		float:left;
		display:block;
		width:192px;
		height:13px;
		margin:0px 0px 0px 1px;
		padding:0px 0px 0px 3px;
		
		}
	#boxblanco{ background-color:#FFFFFF; 	
	float:left;
	display:block;
	width:192px;
	height:45px;
	margin:0px 0px 0px 1px;
	padding:0px 0px 0px 3px;
	
	}
	#boxblanco p{ background:url(../imgs/bullet_dcha.gif) no-repeat left; margin:0px 10px 0px 0px; padding:0px; color:#3d5e8b;}
	#boxblanco a.enlaces1{ margin:0px 0px 0px 25px; padding:10px 0px 0px 0px; display:block; text-decoration:underline; color:#3d5e8b;}
	#boxblanco a img{top:3px; position:relative;}
	
	#boxblanco2{ background-color:#FFFFFF; 	
	float:left;
	display:block;
	width:192px;
	height:45px;
	margin:0px 0px 0px 1px;
	padding:0px 0px 0px 3px;
	
	}
	#boxblanco2 p{ background:url(../imgs/bullet_dcha.gif) no-repeat left; margin:10px 10px 0px 0px; padding:0px; color:#3d5e8b; }
	#boxblanco2 a.enlaces2 {
	top:10px; position:relative;
		margin:0px 0px 0px 25px; padding:0px 0px 10px 0px; display:block; text-decoration:underline; color:#3d5e8b;
		}

#romperfloat{ clear:both;}