/****************************************/
	/*El diseño de este sitio está basado en las funciones de Ariel Flesler, 
	que han sido adaptadas por Maria dolores Garcia Fernandez
	doloresg@ciudad.com.ar */
	/***************************************/
	html {
		overflow: auto; 
		/*overflow-x: hidden;*/
	}
	body{ 
		padding: 0;
		margin:0;
			background-color:#c0a0c0;/*#613a60;*/
		font-family: Verdana, sans-serif;
		background: url("http://www.desarrollosdg.com.ar/educativos/mdg/imagenes/trama-fondo.jpg") repeat;
		background-attachment: fixed;
	
		color:#f5f2eb;
	}
	/*******************************/
	#header {
		background:#316963 url("http://www.desarrollosdg.com.ar/educativos/mdg/imagenes/menu-fondo.png") repeat-x bottom left;
		left: 0;
		/*height: 167px;*/
		 height: 150px;
		 position: fixed;
		 top: 0;
		 width: 80%;
		z-index: 17;
		 background-color:#316963;
		 color:#fff; 
	   }
	#header p{
		font-size:0.60em;
		font-family:'trebuchet';
		margin:1px 10px;
		background-color:#316963;
		color:#fff;
		width:30%;
	
	}
	
	#header  h1 {
		float: left;
		margin-top: 0;
		text-indent: -9999px;
		z-index: 0;
	}
	
	#header  h1 a {
		background: url("http://www.desarrollosdg.com.ar/educativos/mdg/imagenes/logo.png") no-repeat ;
		display: block;
		height: 14.38em;
		/*width: 230px;*/
		width:14.38em;
		background-color:transparent;
		color:#fff;
		z-index: 6;
	}
	
		
	#header  ul {
		float: left;
		margin: 130px 0 0 15px;
	}
	
	#header  ul li {
		float: left;
		margin-left: 5px;
		font-weight: 500;
		color:#ffffff;
		background-color:transparent;
		line-height:30px;
		font-size:0.75em;
		font-family:'trebuchet';
		text-transform:uppercase;
		padding:0 10px ;
	}
	
	
	#header li:hover,  #header ul li.active {
		background-color:#24504b;
		color:#ffffff;
		line-height:30px;
		font-weight: 500;
		text-transform:uppercase;
	}
	#header   ul li a {
		color: #ffffff;
		background-color:transparent;
		font-size: 0.81em;
		letter-spacing:1px;
		font-family: "p22-underground-sc-1","p22-underground-sc-2",sans-serif;
		font-weight: 500;
	}
	
	#header  ul li a:hover {
		text-decoration: none;
	}
	
	
	/****************************/
	 h4{
		padding:0;
		margin:5px 20px 1px 20px;
		background-color:#613a60;
		color:#f5f2eb;
		font-size:.7em;
		font-family: 'trebuchet';
		font-weight:bold;
	}
	
	 h2{
	 
	 padding:0;
		margin:5px 20px 15px 20px;
		background-color:#613a60;
		color:#f5f2eb;
		font-size:1em;
		font-family: 'trebuchet';
		font-weight:bold;
		letter-spacing:0.05em;
		
	 }
	 h3{
					background-color:#613a60;
					color:#ffffff;
					margin-top: 9px;;
					margin-left: -10px;;
					padding:6px 0 1px 0 ;
					font-family: 'trebuchet';
					font-size:.8em;
					font-weight:bold;
					line-height:1.5em;
					
				}
	
	.next, .prev{
		cursor:pointer;
	}
	/***********************************/
	#header_screen img{ width:180px; height:176px;}
	#header_screen  h1{
	
		/*text-indent: -9999px;*/
		position: fixed;
		float:left;
		margin-left:10%;
		/*border:1px solid #fff;*/
		top:28px;
		padding:0;
		height:11em;
		width: 11.834em;
		background-color:transparent;
		color:#fff;
		z-index: 21;
	}
	
	#header_screen  h1 a {
		/*background: url("http://www.desarrollosdg.com.ar/educativos/mdg/imagenes/logo.png") no-repeat top left;*/
		display: block;
		
		background-color:transparent;
		color:#fff;
		height: 100%;
		width: 100%;
		margin-left:1%;
	}
	
	
	/***********************************/
	#screen{
		
		position:absolute;
		height:auto;
		 z-index: 20;
		 width:89%;
		/*width:89%;*/
		/*width:725px;*/
		margin-top:140px ;
		margin-left:20%;
	}
		#screen .next, #screen .prev{
			position:absolute;
			top:200px;
		}
		#screen .prev{
			left:10px;
		}
		#screen .next{
			/*right:28%;*/
			right:48%;
		}
		#navigation{
			position: fixed;
			/*width:600px;*/
			width:100%;
			height:150px;
			text-align:center;
			margin-left:0;
			z-index: 18;
			top:0;
			color:#ffffff;
			background:#316963 url("http://www.desarrollosdg.com.ar/educativos/mdg/imagenes/menu-fondo.png") repeat-x bottom left;
	
		}
			#navigation ul{		
				width:80%;
				/*margin-left:55px !important;
				margin-left:35px;*/
				margin-left:9%;
				margin-top:90px;			
			}
				#navigation li{                
					float:left;
					margin:1px 2px;
					padding:1.5% 0 .5% .8%;
					background-color:#316963;
					color:#ffffff;
					line-height:15px;
					font-size:0.75em;
					font-family:'trebuchet';
					 text-transform:uppercase;              
				}
				
					#navigation a{
						color:#ffffff;
						font-weight:bolder;
						text-decoration:none;
						background-color:#316963;
						line-height:15px;
						
					}
					/*******************/
	#navigation  li:hover,  #navigation ul li.active {
		background-color:#24504b;
		color:#ffffff;
		
		font-weight: 500;
		text-transform:uppercase;
	}
	#navigation  ul li a {
		color: #ffffff;
		background-color:transparent;
		font-size: 0.81em;
		letter-spacing:1px;
		font-family: 'trebuchet';
		font-weight: 500;
		
	}
	#navigation p{ text-align:left; margin-right:10px;}
	#navigation   ul li a:hover {
		text-decoration: none;
	}
	/***********************************/
	#navigation1{
		position: fixed;
		/*width:600px;*/
		width:100%;
		height:150px;
		text-align:center;
		margin-left:0;
		top:0;
		color:#ffffff;
		background:#316963 url("http://www.desarrollosdg.com.ar/educativos/mdg/imagenes/menu-fondo.png") repeat-x bottom left;
	z-index: 18;
		}
			#navigation1 ul{		
			   width:70%;
				/*margin-left:55px !important;
				margin-left:35px;*/
				margin-left:10%;
				margin-top:90px;
				
			}
				#navigation1 li{
					float:left;
					margin:1px 2px;
					padding:1.5% 0 .5% .8%;
					background-color:#316963;
					color:#ffffff;
					line-height:15px;
					font-size:0.75em;
					font-family:'trebuchet';
					text-transform:uppercase;
				  
				}
					#navigation1 a{
						color:#ffffff;
						font-weight:bolder;
						text-decoration:none;
						background-color:#316963;
						line-height:15px;
						
					}
					/*******************/
	#navigation1  li:hover,  #navigation1 ul li.active {
		background-color:#24504b;
		color:#ffffff;
		font-weight: 500;
		text-transform:uppercase;
	}
	#navigation1 ul li a {
		color: #ffffff;
		background-color:transparent;
		font-size: 0.81em;
		letter-spacing:1px;
		font-family: 'trebuchet';
		font-weight: 500;
		
	}
	#navigation1 p{ text-align:left; margin-right:10px;}
	#navigation1 ul li a:hover {
		text-decoration: none;
	}
	
	
	/****************************************/
	#sup {
		/*background:#316963 url("../imagenes/menu-fondo.png") repeat-x bottom left;*/
		left: 80%;
		/*height: 167px;*/
		height:30px;
		position: fixed;
		top: 0;
		width: 40%;
		z-index: 10;
		background-color:#316963;
		color:#fff;
		z-index:21;
		}
	
	#sup ul li{
		float:left;
		margin:0 1% ;
		position: relative;
		padding:2px;
		line-height:3px;
		
	}
	
	#sup   ul li a {
		color: #ffffff;
		background-color:transparent;
		padding:2px;
		margin:0 5px ;
		line-height:3px;
		
	}
	#sup a img { border:none;}
	#sup   ul li:hover, #sup ul li.active {
		background-color:#24504b;
		color:#ffffff;
		line-height:3px;
		padding:2px;
		margin:0 1% ;
		float:left;
	}
	/********************/
	#sections{
		overflow:hidden;
		background: url("http://www.desarrollosdg.com.ar/educativos/mdg/imagenes/trama-fondo.jpg") repeat;
		background-attachment: fixed;
		background-color:transparent;
		color:#f5f2eb;
		/*width:600px;*/
		width:90%;
		/*height:369px;*/
		height:530px;
		
		clear:left;
		margin-left:10%;
		
	}
		
		#sections ul{
			/*width:3660px;*/
			width:4000em;
			background-color:#613a60;
			color:#ffffff;
			
		}
		
			#sections li{
				float:left;
				margin: 0 0.29%;
				padding:12px 3px 12px 15px;
				background-color:#613a60;
				color:#ffffff;
				width:.95%;
				height:500px;
				
			}
				#sections li.fallen{
					margin-top:369px;
				}
				#sections li.final{
						width:1.1%;
				height:420px;
				margin:0 .3% 0 0;
				}
				
				#sections p{
					/*width:550px;*/
					font-size:.7em;
					line-height:1.5em;
					margin-left:2px;
					
				}
				
				
				#navega{
				width:60%;
				height:500px;
				padding-bottom:5px;
				 background-color:#613a60;
				 color:#ffffff;
				 margin-top:3px ;
				 padding-left:3%;
				  padding-right:1%;
			 }
				#navega h2{ padding:3px; font-size:1em;}
				#sections dd{
				     margin:0 .1em ;
					line-height:1.5em;
					font-size:.7em;
				}
				#sections dt{
					background-color:#613a60;
					color:#ffffff;
					margin-top: 3px;
					margin-left: -10px;
					padding:15px 0 10px 0 ;
					font-family: 'trebuchet';
					font-size:.8em;
					letter-spacing:0.05em;
					font-weight:bold;
					line-height:1.5em;
					
				}
				dd{margin:10px; }
				
				#sections a{
					background-color:#613a60;
					color:#ffffff;
					font-weight:normal;
					text-decoration:none;
					font-style:oblique;
					
				}
				#sections a:hover{
					background-color:#613a60;
					color:#ffffff;
					font-weight:normal;
					text-decoration:underline;
					
				}
				
				#inicio .cajita dl{ width: 50%; height:20px; }
#inicio .cajita dd a{
	float: right;	
	background-color:#40193e;
	border:solid 1px #794877;
	color:#fff;
	text-align:center;
	width:14px;
	height:14px;
	padding:3px;
	margin:2px;
	}
	#inicio .cajita dd a:hover{
		float: right;	
	background-color:#b888b0;
	border: solid 1px #794877;
	color:#000;
	text-align:center;
	width:14px;
	height:14px;
	padding:3px;
	margin:2px;
		 }
		 #inicio .cajita dt {
		float: right;	
	
		 }
		
		 /*#inicio .cajita dd a:visited{
		float: right;	
	background-color:#b888b0;
	border: solid 1px #794877;
	color:#000;
	text-align:center;
	width:14px;
	height:14px;
	padding:3px;
	margin:2px;
		 }*/
				#inicio .derecha{ 
				text-align:right;
				clear:both;
				padding:.5px;
				margin-right:40px;
				font-size:.7em;
				font-family:'trebuchet';
				background-color:#613a60;
				color:#ffffff;
						}
						
				.negrita{font-weight:bold; margin:1px;}
				.peque{font-size:.5em;}
				.indentado{text-indent:10px;}
		
			
	
	#inicio .der { float:right; margin:3px 10px 3px 1px;padding:0; width: 6.9em; height:6.9em;}
	
	#navega img{ float:right; margin:3px 10px 3px 1px;padding:0; width: 6.9em; height:6.9em;}
	/*
	#inicio  a img{ float:right; margin:3px;padding:2px; width: 1.9em;
		height: 1.88em; border:none; clear:both;}
	#inicio	 a:hover img{ float:right;   width: 1.9em;margin:3px;padding:2px;
		height: 1.88em; border:1px #ffffff solid;clear:both;}
		*/
			
	
	a img{border: none;}
	#acerca p{font-size:0.1em; }
	#acerca img{ float:right; margin:3px 50px 1px 1px; padding:2px; width: 9em; height:9em; }
	
	#acerca .cv a img{ float:right; margin:1px 50px 0 1px;padding:1px; width: 1.9em;
		height: 1.88em; border:none; clear:both;}
		#acerca .cv p{ font-size:.6em; float:right; margin:4px 50px 0 1px;padding:2px 2px 1px 2px; width: 4.9em;
		height: 3.88em; border:none;}
		
	#acerca	 a:hover img{ float:right; margin:1px 50px 0 1px; padding:1px;  width: 1.9em;
		height: 1.88em; border:1px #ffffff solid;clear:both;}
	
	#thankyou{
		/*width: 500px;*/
		width: 31.25em;
		margin: 200px auto;
	}
	
	#thankyou p a{
		display: block;
		/*width: 240px;*/
		width: 15em;
		height: 237px;
		margin: auto;
	}
	
	#thankyou p{
		text-align:center;
	}
	
	
	h1{
		margin:20px 0;
		color:#5B739C;
		background-color:transparent;
	}
		h1 strong{
			font-size:0.81em;
			color:#777;
			background-color:transparent;
		}
	.clear{
		clear:both;
		width:0;
		height:0;
	}
	
	.message{
		background-color:transparent;
		color:#ffffff;
		font-size:.75em;
		padding:1px;
		height:auto;
		padding-left:5px;
		line-height:18px;
	}
	
	#general{
		top:160px;
	}
	#extra{
		top:400px;
	}
	
	.separator{
		width:60%;
		clear:both;
		margin-left:30%;
		
	}
	
	/***************************************/
	#footer1 {
		bottom: 0;
		height: 40px;
		position: absolute;
		margin-left:50%;
		top:675px;
	}
	#footer1 p{
		margin: 5px 0;
		font-size: 0.81em;color: #f5f2eb;
		background-color:transparent;
	}
	#footer1 ul{
		margin: 2px ;
		margin-right:10%;
	}
	#footer1 li {
		color: #f5f2eb;
		background-color:transparent;
		display: inline;
		font-size: 0.81em;
		padding: 1px ;
		border-right: 1px solid #f5f2eb;
	}
	#footer1 li a{	
		color: #f5f2eb;
		background-color:transparent;
		display: inline;
		font-size: 0.81em;
		padding: 1px ;
		margin: 0 ;
		
	}
	#footer1 li a img{
		padding:1px ;
		margin:0;
		border:none;
	}
	#footer1 li.last {
		border: none;
	}
	  
	#footer1 a:hover img {
	  border: 1px solid #f5f2eb;
		padding: 0 ;
		margin:0;
	}
	#footer1 a:active img {
		border: 1px solid #f5f2eb;
		padding: 0 ;
		margin:0;
	}
	
	/*****************************************/
	#footer {
		bottom: 0;
		height: 40px;
		position: absolute;
		top:683px;
		width: 100%;
		/*left:10%;*/
	}
	#footer p{
		margin: 5px 0;
		text-align: center;
		font-size: 0.81em;color: #f5f2eb;
		background-color:transparent;
	}
	#footer ul{
		margin: 2px ;
		text-align: center;
	}
	#footer li {
		color: #f5f2eb;
		background-color:transparent;
		display: inline;
		font-size: 0.81em;
		padding: 1px ;
		border-right: 1px solid #f5f2eb;
	}
	#footer li a{	
		color: #f5f2eb;
		background-color:transparent;
		display: inline;
		font-size: 0.81em;
		padding: 1px ;
		margin: 0 ;
		
	}
	#footer li a img{
		padding:1px ;
		margin:0;
		border:none;
		width:26px;
		height:25px;
	}
	#footer li.last {
		border: none;
	}
	  
	#footer a:hover img {
	  border: 1px solid #f5f2eb;
		padding: 0 ;
		margin:0;
	}
	#footer a:active img {
		border: 1px solid #f5f2eb;
		padding: 0 ;
		margin:0;
	}
	#ticker-container{
		position:relative;
		padding-top:15px;
	}
		#ticker-container button{
			position:absolute;
			right:5px;
		}
	#add-news{
		top:0px;
	}
	#shuffle-news{
		top:25px;
	}
	form > div {
		margin-bottom: 15px;
	}
	
	label {	
		
		display: block;
		font-size: 0.81em;
		color: #f2eee7;
		background-color:#613a60;
		letter-spacing:1px;
		font-family: "p22-underground-sc-1","p22-underground-sc-2",sans-serif;
		margin-bottom: 3px;
	}
	
	textarea {
		width: 65%;
	}
	
	.ok p {
		background: url("../imagenes/check.png") no-repeat 0% 50%;
		padding-left: 18px;
		background-color:#613a60;
		color:#fff;
	}
	
	.error p {
		background: url("../imagenes/error.png") no-repeat 0% 50%;
		padding-left: 18px;
		background-color:#613a60;
		color:#fff;
	}
	
	#contactForm button {
		padding: 7px 10px;
		background-color:#613a60;
		color:#fff;
	}
	
	.name {
		float: left;
		width: 50%;
	}
	.email{
		float: right;
		width: 50%;
	}
	
	.message{
		
	}
	
	.antispam { display:none;}