﻿/*----------CUERPO----------*/
body{
	text-align : center;		
	margin : 0 auto;
	padding : 0px;
	background-image:url("../Imagenes/bgbody.gif");
	background-repeat:repeat-x;
	background-color:#C6C3C6;
	
	scrollbar-arrow-color: #BB4196;
	scrollbar-base-color: #E7C7DE;
	scrollbar-dark-shadow-color: #000080;
	scrollbar-track-color: #FFFBF7;
	scrollbar-face-color: #E7C7DE;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3d-light-color: #FF0000;

}



/*---------------PLANTILLA---------------*/

/*----------CONTENEDOR----------*/
table.Plantilla{
	border-collapse:collapse;
	valing:top;
	margin : 0 auto;
	padding : 0px;
	width:750px;
	background-color:white;
}

.Plantilla td.Cabecera{
	
	/*background-image: url("../Imagenes/Cabecera/cabecera.jpg");
	background-position:  0;
	background-repeat: no-repeat;*/
	height:105px;
	vertical-align:top;
	border-bottom:2px solid #BB4196;
}

.Plantilla td.EnlacesCabecera{
	border-bottom:7px solid #BB4196;
	padding-right:35px;
	
}
.Plantilla td.Cabecera div.banner{
	height:95px;
	margin-left:195px;
	margin-right:35px;
	margin-top:10px;
	
}

.Plantilla div.bannerInterno{
	padding-left:10px;
	padding-bottom:5px;
	padding-top:5px;
}

.Plantilla td.MenuIzquierdo{
	border-right:1px solid #BB4196;
	vertical-align:top;	
}

.Plantilla .MenuIzquierdo td.TituloMenu{
	background-image: url("../Imagenes/Menu/vineta.jpg");
	background-position:right;
	background-repeat: no-repeat;
	height:27px;
	background-color:BF4D9C;
	font-family: Arial;
	font-size: 16px;
	font-weight:bold;
	color:white;
	/*color:#757575;*/
	padding-left:15px;
	
	border-bottom:1px solid #BB4196;
}

.Plantilla .MenuIzquierdo td{
	height:22px;
	background-color:#E6E6E6;
	font-family: Verdana;
	font-size: 13px;
	padding-left:15px;
	border-bottom:1px solid #BB4196;

}

.Plantilla .MenuIzquierdo a{
	font-family: Verdana;
	font-size: 13px;
	/*font-weight:bold;*/
	color:#4D4A4A;
	text-decoration:none;
}

.Plantilla .MenuIzquierdo a:hover{
	font-weight:bold;

}


.Plantilla .MenuIzquierdo td.Fecha{
	background-color:white;
	height:28px;
	
	font-family: Arial;
	font-size: 13px;
	font-weight:bold;
	color:#C04D9B;
	padding-left:15px;
	padding-top:5px;

}

.Plantilla .MenuIzquierdo td.Fecha input{
	height:20px;
	font-family: Arial;
	font-size: 12px;
	font-weight:bold;
	color:#C04D9B;
	border:none;
	vertical-align:middle;
	width:130px;

}



/*----------CONTENIDO----------*/
.Plantilla .Contenido{
	vertical-align: top;
	text-align:left;
	padding-left:15px;
	padding-right:20px;
	/*margin-right:10px;*/
	padding-top:5px;
	padding-bottom:15px;
	width:580px;
	background-color:#ffffff;

}

.Plantilla .TituloPrincipal{
	background-image: url("../Imagenes/titulo/titulo.jpg");
	background-repeat:no-repeat;
	height:24px;
	width:580px;
	border-bottom:1px solid #BB4196;
	padding-left:10px;
	padding-top:5px;

	font-family: Verdana;
	font-size: 13px;
	color:#BB4196;
	vertical-align:top;
	margin-left:10px;
	margin-top:5px;
	
}

.Contenido .Subtitulo{
	font-family: Verdana;
	font-size: 10pt;
	font-weight: bold;
	color:#646464;
	padding-top: 10px;
	padding-bottom: 5px;
}

.Contenido .Texto, .Contenido .Texto p{
		font-family: Verdana;	
		font-size: 10pt;
		font-weight:normal;
		color:#757575;		
		text-align:left;		
		text-justify: distribute;
		text-align: justify;
		margin-left: 5px;
		
	}


.Contenido .Texto:first-letter, .Contenido .Texto p:first-letter {
		font-size:11pt;
		font-weight:bold;
		color:#B51084;
		padding-left:15px;
	
	}


.Contenido .Mensaje, .Contenido .Mensaje p{
		font-family: Verdana;	
		font-size: 10pt;
		font-weight:normal;
		color:#757575;		
		text-align:left;		
		text-justify: distribute;
		text-align: justify;
		margin-left: 5px;
}
	
.Contenido .QuienesSomos{
	background-image:url("");
	background-repeat: no-repeat;
	background-position-x:center;
}

   /*----------------Mapa del sitio-----------------------------*/

table.tMapa
{
	font-family: Verdana;	
	font-size: 10pt;
	width:100%;
	height:383px;
	
}

table.tMapa td
{
	vertical-align:top;
	padding-left:15px;
}

.tMapa div.sChild
{
	position:relative;
	left:15px;
}

table.tMapa a
{
	color:#757575;
	
}


	/*--------------  Seccion --------------*/
	.Contenido .Seccion{
		text-align: top;
		width:100%;
	}
	
	.Contenido .Seccion a.Separador{
		text-decoration: none;
		font-size: 9px;
		color: #BF4D9C;

		text-align:left;
		font-family:Verdana;
		
		width: 100%;
		
		background-image:url("http://www.ataem.net/Imagenes/Plantilla/separadorlargoSirve.gif");
		background-repeat: no-repeat;
		background-position-x:right;
		background-position-y:9px;
		clear: left;

	}
	
	
	.Contenido .Seccion a.SeparadorMediano{
	   
		text-decoration: none;
		font-size: 9px;
		color: #BF4D9C;

		text-align:left;
		font-family:Verdana;
		
		width: 100%;
		background-image:url(/Imagenes/Plantilla/separadorlargoSirveMediano.gif);
		background-repeat: no-repeat;
		background-position-x:right;
		background-position-y:9px;
	
 
	
	}
	
	
	.Contenido .Seccion a.Separador:hover, .Contenido div.Seccion a.SeparadorMedio:hover  {
		color: #972B70;	
	}
	
	
	.Contenido img.Foto{
		float: left;
		boder:0px;
	}

	
	.Contenido .Fecha {
		background-image:url("/Imagenes/Plantilla/imgFecha1.gif");
		background-repeat: no-repeat;
		background-position-y: 6px;
		background-position-x: 0px;		
		font-size: 9px;
		color: #A94289;
		padding-left:5px;
		text-align: left;
		
		font-family:Verdana;
		font-weight:normal;
	
    }
	
	.Contenido .Seccion .TituloSeccion{
		
		font-family:Verdana;
		font-size:10pt;
		font-weight:bold;
		color:#666666;
		text-align:left;
		padding-bottom:5px;
		text-decoration:none; 
	}
	
	
	
	.Contenido div.Seccion .Categoria{
		background-image: url('/Imagenes/carpeta1.gif');
		background-position:  0;
		background-repeat: no-repeat;
		font-family: Verdana;
		font-size: 13px;
		font-weight: bold;
		color:#646464;
	    padding-left: 22px;
	    text-decoration:none;
	 		
	}

	
	.Contenido div.Seccion div.TituloCategoria span{
		font-family: Verdana;
		font-size: 13px;
		font-weight: bold;
		color:#4b4b25;
		float: left;
	}
	
	
	
	.Contenido div.Seccion div.Adjuntos{
		font-family: Tahoma;
		font-weight: bold;
		font-size: 10pt;
		color:#686868;
	}
	
	.Contenido div.Seccion .ContenedorBanner{
		float:left; 
		clear:left;
		height:40px;		
		text-align:center;
		vertical-align:top;
	}
	
	.ContenedorBanner .TituloBanner{
		font-family:Verdana;
		font-size:12px;
		font-weight:bold;
		color:#993399;
	}
	
	
	.ContenedorBanner a.EnlaceBanner{
		background:url(/Imagenes/Vinetas/vinetabanner.gif) no-repeat;
		background-position-y:4;
		color:#BF4D9C;
		font-family:Verdana;
		font-size:11px;
		text-decoration:none;
		font-weight:bold;
		padding-left:9px;				
	} 
	
	.ContenedorBanner a.EnlaceBanner:hover{
		text-decoration:underline;
		color:#B51385;
	}

	.Contenido .Link{
		font-family:Verdana;
		font-size:10pt;
		font-weight:bold;
		color:#BF4D9C;
		text-decoration:none;
	}
	
	.Contenido .Link:visited:hover{
		text-decoration:underline;
	}

	.Contenido .LinkFormacion{
		background-image=url("http://www.ataem.net/imagenes/iconoformacion.jpg");
		background-repeat:no-repeat;
		padding-left:38px;
		padding-top:10px;		
		margin-left:10px;
		height:32px;
		font-family:Verdana;
		font-size:10pt;
		font-weight:bold;
		color:#666666;
		text-decoration:none;
	}
	
	.Contenido .LinkProyectos{
		background-image=url(/Imagenes/Vinetas/vinetaLogo.gif);
		background-repeat:no-repeat;
		padding-left:28px;
		padding-top:2px;		
		margin-left:10px;
/*		height:20px;*/
		font-family:Verdana;
		font-size:10pt;
		font-weight:bold;
		color:#666666;
		text-decoration:none;
	}

	
	.Contenido .LinkFormacion:visited:hover{
		text-decoration:underline;
	}
	
	
	.Contenido div.Flash{
		float:left;
		/*width:470px; 
		height:350px;
		padding-left:17px;
		padding-right:20px;
		padding-top:10px;
		padding-bottom:17px;*/
	}
	
		
	/*-------------PORTADA------------*/
	 	
	 .PortadaDerecha{
		float: right;
		align:left;
		width:170px; 
		height:100%;
		border-left: 1px solid #BB4196;
		vertical-align:top;
	}
	
	.PortadaDerecha .titulo{
		float: right;
		text-align:right;
		font-family:Verdana;
		font-size:13px;
		align:left;
		font-weight:bold;

		color:BB4196;
		
		background-color: E7C5DD;
		
		padding-top:7px;
		padding-right:5px;
		border-bottom:1px solid #BB4196;
		width:170px; 
		height:26px;	
	}
	
	
	
	.PortadaDerecha .Datos{
		background-color: #EEEEEF;
		font-family:verdana;
		border-bottom:1px solid #ffffff;/*#6e6e6e ;*/
		padding-bottom:10px;
		width:170px;
	}
	

	 div.PortadaItem{
	
		valign:top;
	
	}
	
	 div.PortadaItem a{
		
		font-weight:bold;
		padding-left:10px;
		text-decoration:none;
		font-size: 10px;
		color: #686868;
		width: 100%;	
		height:20px;
		padding-top: 3px;
		padding-bottom:7px;
		padding-right:3px;
		
	}
	
	
	
	div.PortadaItem a:hover{
		
		text-decoration:underline;
	}
	
	
	
	/*-----------------------------------------------------*/
	

	
/*--------COMUNIDAD------*/
	
div.Comunidad{
	width: 100%;
	margin-bottom: 15px;
}

div.Comunidad span.Titulo{
	color: #990000;
	float: left;
	width: 30%;
}

div.Comunidad img{
	margin-left: 80px;
	margin-top: 30px;
}

div.Comunidad object{
	float: right;
}

/*-----IMAGENES----------*/

table.Grafico{
	vertical-align: middle; 
	text-align: Center;
	/*width: 180px;
	height: 180px;*/
	width: 200px;
	height: 200px;
}

table.Grafico td.Imagen{
	background-color: #D3D3D3;
	margin: 2 2 2 2; 
}

table.Grafico img{
	vertical-align: middle;
}

table.Grafico a{
	font-family: Verdana;
	font-size:8pt;
	color: #646464 ;
}

div.IzquierdaGrafico, div.DerechaGrafico{
	border: 1px solid #D3D3D3;
	text-align: center;
	margin-bottom: 10px;
	padding-bottom: 3px;
	margin-left: 20px;
	margin-right: 5px;
}

div.IzquierdaGrafico{
	float : left;
}

div.DerechaGrafico{
	float : right;
}

div.ArchivoGrafico div.Contenido{
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
}
	
	
.PopUp{
	align:center;
}

/*------------------------Popup-------------*/
.SeccionPopUp{	
	width:100%;		
	vertical-align:top;
	text-align:center;	
	font-weight:normal;	
	border:1px solid #FFFFFF; 
	background-color:#999999;	
	color:#FFFFFF;
	font-family:Verdana;
	font-size:11px;
	padding:1px 2px 2px 2px;
} 							

.SeccionPopUp .TituloSeccionPopUp{
	background-color:#B51385;
	vertical-align:top;		
	width:100%;
	font-family:Verdana;
	font-size:12px;
	font-weight:bold;
	color:#CCCCCC;
	text-align:center;	
	text-decoration:none;
	vertical-align:middle; 		
	border:1px solid #FFFFFF; 	
	height:30px;
}
.SeccionPopUp a{
	color:#FFFFFF;
	font-weight:bold;
	height:30px;
	padding-top:7px;
}	

.SeccionPopUp a:hover{
	color:#BF4D9C;
}	

/*----------CONTENIDO-SUBMENU----------*/

	.Contenido div.SubMenu{
		align:right;
		font-size:11px;
		font-weight:bold;
		color:#BF4D9C;
		text-align: right;
		width:550px;
		font-family:Arial, Helvetica, sans-serif;
	}
	
	.Contenido div.SubMenu span{
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		font-weight:bold;
		color:#D280B8;
		text-decoration:none;
	}
	
	.Contenido div.SubMenu a{
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		font-weight:bold;
		color:#BF4D9C;
		text-decoration:none;
	}
	
	.Contenido div.SubMenu a:visited:hover{
		text-decoration:underline;
	}



/*----------TEXTBOX----------*/
input.Caja
{
	border-color: #4b4b25;
	border-style: Solid;
    border-width: 1px;
    font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color:#666633;

}


/*----------PIE----------*/
table.Plantilla td.Pie{
	vertical-align:top;
	padding-top:25px;
	text-align:center;
	font-family:"Arial, Helvetica, sans-serif";
	font-size:11px;
	font-weight:normal;
	color:#4D4A4A;
	padding-left:100px;
	
	height:50px;
	background-image: url("../Imagenes/pie/pie.jpg");
	background-repeat: repeat-x;
	
	
}

table.Plantilla td.Pie .Link{
	font-family:"Arial, Helvetica, sans-serif";
	font-size:11px;
	font-weight:bold;
	color:#666666;
	text-decoration:none;
}
table.Plantilla td.Pie .Link:hover{
	text-decoration:underline;
}

