/****************** Información predeterminada de fuentes y colores */
body {
	background: #E3E3E3 url(i/fondo.png) repeat-x top left;
	font: 12px/160% "Lucida Grande2", Verdana, Geneva, Helvetica, Arial, sans-serif;
	margin: 0;
	padding:0;
}
a	{	outline:none;}
#contenido {
   width: 900px;
 	 margin: 10px auto;	
 	 padding: 5px;
	 padding-bottom: 0px;
	 background: #fff;
	 border: 1px solid #ccc;
}
/****************** Cabezera */
/*
.cabezera {
 	 margin: 0px;	
	 width: 100%;
 	 height: 180px;
	 background: #fff url(i/bg-header2.png) no-repeat top center;
}*/
#cabezera h1{
 	 margin: 0;	
	 padding: 3px 0 0 0;
}
#cabezera h1 a{
	 display:block;
 	 margin: 0px;	
	 width: 100%;
 	 height: 180px;
	 background: #fff url(i/bg-header.jpg) no-repeat top center;
}
h1 a{
		color: red;
		margin: 50px 0 0 240px;
		font-size: 36px;
		font-weight: 300;
		text-decoration: none;
}
h1 a:hover{
		color: #666;
		text-decoration: underline;
}
h2{
		color: red;
		margin: 0px 30px 10px 10px;
		font-size: 22px;
		font-weight: 200;
		text-decoration: none;
		border-bottom: 1px solid #ccc;
		padding: 0;
}
h2.no{
		width:1px;
		border-bottom: 1px solid #fff;
}
h3{
		color: #999;
		margin: 20px 40px 0 0px;
		font-size: 20px;
		font-weight: 200;
		text-decoration: none;
		text-align: right;
		border-bottom:1px solid #ccc;
}

/****************** Cuerpo */
#cuerpo {
  width: 890px;
  margin: 0 auto;
	/*min-height: 1100px;*/
}
div.centro 	{
    width:540px;
		margin: 0px 140px 0 160px;
		border: none;
		padding:0;
		}
div.centro2 	{
    width: 730px;
		margin: 0 0 0 160px;
		border: none;
		padding:0;
		}
*html div.centro2 {width: 725px;}
/****************** Columna izquierda */
#izquierda {
	float: left;
	padding: 0;
	margin: 0;
	border: 1px solid #ACCFE8;
	border-width: 1px 1px 0 1px;
	font: 90% "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#izquierda 	h2{
	width: 140px;
	font-size: 15px;
  background: #4C4C4C url(i/bg-menu.png) repeat-x top center;
	color: #fff;
	padding: 2px 0 3px 10px;
	margin: 0;
	font-weight: 600;
	border-bottom: 2px red solid;
}
#izquierda ul {
	margin: 0;
	padding: 0;
	list-style:none;
}
#izquierda li {
	border-bottom: 1px #ccc solid;
}
#izquierda li a{
	background: transparent url(i/butllet.gif) no-repeat 6px 8px;
}
#izquierda a {
	text-decoration: none;
	color: #4C4C4C;
  background: #F6F5ED;
	display: block;
	padding: 3px 3px 3px 20px;
	width: 127px;
	border-bottom: 1px #fff solid;
}
#izquierda a:hover {
  background: #4C4C4C url(i/butllet.gif) no-repeat 6px -7px;
	color: #fff;
	border-bottom: 1px red solid;
}
#izquierda img{
	margin: 2px 0 2px -15px;
	border: none;
}
#izquierda .descargas img, #izquierda .descargas ul{
	margin: -3px 0px 0px -30px;
	padding: 15px 60px 10px 40px;
	background-color:#fff;
	list-style: none;
}
#izquierda .descargas a:hover{
	background-color:#fff;
	border-bottom:4px solid #fff;
	list-style: none;
}

/****************** Columna derecha */
#derecha {
	float: right;
	margin: 20px 5px 0 0;
	width: 166px;
	font: 95% "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#derecha img, #derecha a img {
	border: 1px solid red;
	width: 160px;
	padding:2px;
}
#derecha a:hover img{
	padding:0px;
	border: 3px red solid;
}
#derecha 	h2{
  background: #4C4C4C;
	color: #fff;
	padding: 2px 0 4px 24px ;
	margin: 0;
	border-bottom: 1px red solid;
}
#derecha ul, #derecha ul  {
	margin: 0;
	padding: 0;
	list-style:none;
}
.derecha {
	float: right;
	width: 100px;
	border: none;
	margin: 20px 5px 0 0;
	width: 166px;
	font: 95% "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#derecha .descargas img, #derecha .descargas img a, #derecha .descargas ul{
  width: 100px;
	border: none;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	background-color:#fff;
	list-style: none;
}
#derecha .descargas a:hover{
	background-color:#fff;
	border: none;
	list-style: none;
}		
#derecha .certificado{
	width: 83px;
	border: none;
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;
}		
#derecha a:hover .certificado{
	border: none;
	margin: 0;
	padding: 0;
}
/****************** SubMenu */
p.submenu  {
	  color: #666;
	  font-size: 11px;
    text-align: center;
    padding: 0px;
		margin-top: 30px;
		text-decoration: none;
}
p.submenu a {
	  color: #666;
		text-decoration: none;
}
p.submenu a:hover {
	  color: #000;
		text-decoration: underline;
}
/******************  Pagina principal */
#portada {
 	 margin: 30px auto 0px auto;	
 	 padding: 3px;
	 width: 500px;
	 /*height:500px;
	 border: 0px solid #ccc;
	 background:#fff url(i/logo-aja.jpg) no-repeat bottom center;*/
}
#portada img{
 	 margin: 0px 0px 0px 50px;	
	 border: none;
}
#portada h2{
 	 margin: 0 auto;
	 border: none;
 	 padding: 0;
	 color: #999;	
	 font-size: 22px;
 	 font-weight: 400;
	 text-align: center;
}
#presentacion {
	 color: #333;
 	 margin: 0 auto 25px auto;	
 	 padding: 0 0 25px 0;
	 width: 100%;
	 overflow: hidden;
	 background: transparent url(i/fondo1.png) no-repeat bottom right;
}/*
#presentacion h2{
		color: red;
		margin: 0px 30px 0 10px;
		font-size: 22px;
		font-weight: 200;
		text-decoration: none;
		border-bottom: 1px solid #ccc;
}*/
#presentacion a{
	  color: #333;
		text-decoration: underline;
}
#presentacion a:hover{
	  color: #fff;
		background-color: #000;
		text-decoration: none;
}
#presentacion  p{
 	 margin: 0px 30px 0 10px;	
 	 padding: 0;
	 color: #666;	
	 font-size: 12px;
 	 font-weight: 300;
	 text-align: justify;
}
#presentacion  ul{
 	 margin: 15px 15px 15px 30px;	
	 font-size: 12px;
 	 padding: 0;
	 color: #666;
}
#presentacion  ul li{
 	 margin: 15px 5px 15px 25px;	
 	 padding: 0;
}
#presentacion img, #presentacion a img {
  float: left;
	border: 1px solid #93B3F5;
	width: 150px;
	padding:2px;
	margin: 10px 10px 10px 0 ;
}
#presentacion a:hover img{
	padding:0px;
	border: 3px red solid;
}
#fotos {
 	 margin: 0 0 0 10px;	
 	 padding: 0;
	 width: 100%;
	 min-height: 400px;
	 list-style: none;
	 overflow: hidden;
}
#tresfotos {
 	 margin: 0 0 0 10px;	
 	 padding: 0;
	 width: 530px;
	 height: 150px;
	 list-style: none;
}
#tresfotos a img{
 	 margin: 3px ;
 	 padding:2px;
	 width: 150px;
	 height: 120px;
	 border: 1px solid red; 
}
#fotos  p{
 	 margin: 25px 40px 0 5px;	
 	 padding: 0;
	 color: #666;	
	 font-size: 12px;
 	 font-weight: 300;
	 text-align: justify;
	 border-bottom: 1px #fff dotted;
}
#fotos a img{
 	 margin: 3px ;
 	 padding:2px;
	 width: 150px;
	 height: 120px;
	 border: 1px solid red; 
}
#fotos a:hover img{
	padding:0px;
	border: 3px red solid;
}
li.fotos ul{
	list-style: none;
	 margin: 0px 0px 0 -25px;	
}
li.fotos a img{
  float: left;
  border: 1px solid #ccc;
	margin: 5px;	
	width: 150px;
	padding: 2px;
	list-style-type: none;
}


/****************** Mapa */
#mapa {
	margin: 10px 5px 0 180px;
 	padding: 0;
  width: 700px;
 	height: 720px;
}
/****************** Contacto */

#formulario {
  margin: 0px 200px 20px 180px;
  padding:20px;
  display: block;
	color: #333;
  background: transparent url(i/fondo1.png) no-repeat bottom right;
}
#formulario   p{
 	 margin: 0px;	
 	 padding: 0;
	 color: #666;	
	 font-size: 12px;
 	 font-weight: 300;
	 text-align: justify;
}
	#formulario .dato, #formulario textarea  {
	  font-size: 13px;
		margin: 5px;
	  border: 1px inset #ccc;
	  background: #F6F5ED;
  	padding: 4px;
	  color: #666;
	  width: 90%;
	}
		#formulario .dato:focus, #formulario textarea:focus {
		border: 2px solid red;
		background: #eee;
		padding: 3px;
		color: #000;
		}
	#formulario .boton {
	  width: 90%;
	  padding: 5px;
		margin: 10px;
	  font: normal 12px verdana, sans-serif;
	  color: #333;
	}

/****************** Pie */
#pie {
    width: 100%;
	  color: #fff;
	  font-size: 11px;
    background: transparent url(i/bg-pie.png) repeat-x bottom center;
    text-align: center;
		height: 140px;
    padding: 0;
		margin: 0 auto;
		border-bottom: 2px solid #fff;
}
#pie p{
		 padding-top: 25px;
}
p.pie a{
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
p.pie a:hover {
	color: #000;
	text-decoration: underline;
}

/**************** Imagenes
////////////////////////////////////////////////////////////////
img{border:0}
img.izquierda{
  float:left;
  margin:0px 20px 10px 10px}
img.derecha{
  float:right;
  margin:25px 30px 10px 10px}
img.borde{
  border:1px solid #93B3F5;
  padding:2px;
  background:#f4f4f4}
img.centro{
  margin:0 auto;
  display:block}
img.centroborde{
  background:#f4f4f4;
  border:1px solid #999;
  padding:2px;
  display:block;
  margin:0 auto}
img.derechaborde{
  float:right;
  margin:0 0 10px 10px;
  border:1px solid #999;
  padding:2px}
img.izquierdaborde{
  float:left;
	margin:0 10px 10px 0;
  border:1px solid #999;
  padding:2px}
img.centrolinea{
  background:none;
  border-bottom:2px solid #eee;
  padding:0px;
  display:block;
  margin:0 auto}*/
/*img.centroborde a:hover{  padding:2px;border:1px solid #000;}*/

/****************** Opacidad en las imagenes */
a.opacity img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;
}
a.opacity:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0;
}

/****************** Lightbox  */
#overlay{ background-image: url(lightbox/overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="lightbox/overlay.png", sizingMethod="scale");
	}

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }

 
/******************** Delimita tus objetos con lineas de colores
////////////////////////////////////////////////////////////////

  * { outline: 2px dotted red }
  * * { outline: 2px dotted green }
  * * * { outline: 2px dotted orange }
  * * * * { outline: 2px dotted blue }
  * * * * * { outline: 1px solid red }
  * * * * * * { outline: 1px solid green }
  * * * * * * * { outline: 1px solid orange }
  * * * * * * * * { outline: 1px solid blue }*/
/*////////////////////////////////////////////////////////////////

                                FIN