
body {
        margin:0px; padding:0px;	
	background-color: #000000;
	font-size: x-small;
	font-family: Arial, sans-serif;

}

#dentro {
        margin:2px;padding:2px;	
        width: 440px;
	background-color: #000000;
        font-size: 11px ;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        line-height:14px;
        color:#E2CE7F;
}


#intro {
        margin:2px;padding:2px;	
	background-color: #000000;
}


/* Links Definitions */

a.normal:link {  text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #C98834; line-height:16px  }
a.normal:visited {  text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #C98834; line-height:16px}
a.normal:hover {  text-decoration: underline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #C98834; line-height:16px }
a.normal:active {  text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #C98834; line-height:16px }

a.peque:link {  text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; color: #C98834; line-height:16px  }
a.peque:visited {  text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; color: #C98834; line-height:16px}
a.peque:hover {  text-decoration: underline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; color: #C98834; line-height:16px }
a.peque:active {  text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; color: #C98834; line-height:16px }

.footerlink { position:relative; left: 30px; top:22px; color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:10px}
.footerlink a { text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff;}
.footerlink a:hover {text-decoration:underline;}




ul {
	list-style-type: none;
}

.naranja {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px ;
        font-weight: bold;
        color:#C98834;
        text-align: left;
        line-height:16px 
}

.subtitol
       {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 18px;
		font-weight:bold;
        color:#F47A00;
        line-height:35px;

        }

.text11
       {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px ;
        color:#FFFFFF;
        line-height:15px ;
        }		
		
.text12
       {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px ;
        color:#FFFFFF;
        text-align: justify;
        line-height:17px ;
        }
.texto
       {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 9px ;
        color:#E2CE7F;
        text-align: justify;
        line-height:13px ;

        }

.main   
       {
        font-size: 10px ;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        color:#E2CE7F;
        width: 440px;
        }

   

.fecha {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 9px ;
        color:#48472C;

}

.mini
       {
        color:#E2CE7F;
        text-align: justify;
        }

img.floatr {
    float: right;
    margin: 5px 0px 5px 5px;  
    border: #dbc480 solid 1px;
   
}
img.floatl {
  float: left;
  margin: 5px 5px 5px 0px;
  border: #dbc480 solid 1px;
     
}


img.centrada {
       display:block; 
       margin-left:auto; 
       margin-right:auto; 
       margin-top:12px; 
       margin-bottom:10px; 
       text-align: center; 
       border: #dbc480 solid 1px;
       }
       
#fotos                  { width:440px; height: 100%; padding-left:8px; padding-top: 8px; margin-left: 1px; margin-bottom:0.5em; border: 0px solid #87877F; }
#fotos ul               { margin:0; padding:0; list-style-type:none; list-style:none; float:left; margin-right:-10px; }
#fotos ul li            { padding:0; list-style-type:none; list-style:none; float:left; height: 200px; width: 200px; margin-left: 8px; margin-top:8px; margin-right:8px; margin-bottom:8px; }
#fotos ul li img        { display:block;  border:1px solid #dbc480; text-align: center; margin:auto;  background: url('http://www.jlfuentetaja.com/img/loading.gif') center  no-repeat; }
#fotos table { width:440px;}
#fotos td {vertical-align: middle; text-align: center; width: 200px; padding: 10px 0; margin-left: 8px; margin-top:8px; margin-right:8px; margin-bottom:8px;}
#fotos3 table { width:440px;}
#fotos3 td {vertical-align: middle; text-align: center; height: 130px; width: 130px; margin-left: 8px; margin-top:8px; margin-right:8px; margin-bottom:8px;}

#fotosgal                  { width:440px; height: 100%;  padding-top: 8px; margin-left: 1px; margin-bottom:0.5em; border: 0px solid #87877F; }
#fotosgal ul               { margin:0; padding:0; list-style-type:none; list-style:none; float:left; margin-right:-10px; }
#fotosgal ul li            { padding:0; list-style-type:none; list-style:none; float:left; height: 140px; width: 200px; margin-left: 8px; margin-top:8px; margin-right:8px; margin-bottom:8px; }
#fotosgal ul li img        { display:block;  border:1px solid #dbc480; text-align: center; margin:auto;  background: url('http://www.jlfuentetaja.com/img/loading.gif') center  no-repeat; }



html .clearfix
{
	height: 1%;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.ocultar span {
	position: absolute;
	top: -10000px;
}
div.limpiar {
	clear: both;
}
div.limpiar hr {
	position: absolute;
	top: -10000px;
}

/*formularios*/

label{
float: left;
width: 150px;
font-weight: bold;
}

input, textarea{
width: 180px;
margin-bottom: 10px;

}

textarea{
width: 350px;
height: 150px;

}

.box{
width: 1em;
}

#send{
margin-left: 120px;
margin-top: 5px;
width: 90px;
}


#english {
        position: absolute; 
        top: 8px; 
        left: 675px; 
        width: 62px; 
        height: 6px;
}

#castellano {
        position: absolute; 
        top: 8px; 
        left: 645px; 
        height: 6px;
}

div#foot_text {position: absolute; top: 38px; left: 298px; }
div#foot_links {position: absolute; top: 32px; left: 276px; }

#titulo {position: absolute; top: 21px; left: 6px;}

#bajo {position: relative; float: left; top: 0px; left: 0px; width: 485px; height: 23px;}

/* Menu principal */
div#menuPrincipal {
margin:0px; padding:0px;
	width: 744px;
	height: 22px;
	clear: both;
        background: url(../img/mco.gif) repeat-x;
	z-index: 999;

}
div#menuPrincipal ul#nav {
margin:0px; padding:0px;
	height: 22px;
	background: url(../img/t.gif) repeat-x;
	z-index: 999;
}
div#menuPrincipal ul#nav li {
margin:0px; padding:0px;
	float: left;
	position: relative;
	height: 21px;
	z-index: 999;
}
div#menuPrincipal ul#nav li a {
margin:0px; padding:0px;
	display: block;
	float: left;
	font-size: 11px;
	font-weight: bold;
	color: #BDBF8E;
	text-transform: uppercase;
	height: 21px;
	z-index: 999;
}

div#menuPrincipal ul#nav li ul {
margin:0px; padding:0px;
	position: absolute;
	top: 23px;
	left: 0;
	width: auto;
	display: none;
	z-index: 999;
}
div#menuPrincipal ul#nav li ul li {
margin:0px; padding:0px;
	display: block;
	clear: both;
	width: 94px;
	background: url(../img/dmo.gif);
	height: 21px;
	padding: 0;
	margin: 0;
	z-index: 999;
}
div#menuPrincipal ul#nav li ul li a {
margin:0px; padding:0px;
	background: url(../img/dmo.gif);
	display: block;
	width: 94px;
	clear: both;
	height: 21px;
	margin: 0;
	z-index: 999;
}
div#menuPrincipal ul#nav li:hover ul, div#menuPrincipal ul#nav li.over ul {
margin:0px; padding:0px;
	display:block;
	width: 150px;
	z-index: 1000;

}
div#menuPrincipal ul#nav li:hover, div#menuPrincipal ul#nav li.over {
	margin:0px; padding:0px;
	background: url(../img/mcn.gif);
	height: 21px;
	z-index: 999;
}
div#menuPrincipal ul#nav li:hover ul li {
margin:0px; padding:0px;
	height: 21px;
	z-index: 999;
}
div#menuPrincipal ul#nav li:hover ul li:hover, div#menuPrincipal ul#nav li.over ul li.over {
margin:0px; padding:0px;
	background: url(../img/dmo.gif);
	z-index: 999;
}
div#menuPrincipal ul#nav li:hover a, div#menuPrincipal ul#nav li.over a {
margin:0px; padding:0px;
	color: #FFF;
	z-index: 999;
}

div#menuPrincipal ul#nav li:hover ul li a:hover, div#menuPrincipal ul#nav li.over ul li a:hover {
margin:0px; padding:0px;
	text-decoration: none;
	background: url(../img/dmn.gif);
	color: #FFF;
	z-index: 999;
}
div#menuPrincipal a:hover {
margin:0px; padding:0px;
	text-decoration: none;
	z-index: 999;
}




/* Estructura */

div#contenedor {
	position: relative;
        width: 756px;
	background-image: url('../img/fondo.gif');
	margin-top: 0px;	
}

div#contenedor2 {
	position: relative;
        width: 1000px;
	background-image: url('../img/fondo.gif');
	margin-top: 0px;	
}

div#top {
        position: relative; 
        top: 0px; 
        left: 0px; 
        margin-left: 6px;
        margin-right: 6px;
        width: 744px; 
        height: 80px;
        }
        
        
div#toppic {
        position: relative; 
        top: 0px; 
        left: 0px; 
        margin-left: 6px;
        margin-right: 6px;
        width: 744px; 
        height: 146px;
} 

div#contenido {
        position: relative; 
        top: 0px; 
        left: 0px; 
        margin-left: 6px;
        margin-right: 6px;
        width: 744px; 
        height: 748px;
}       
        
div#contenido2 {
/* es el que hi ha a la portada*/
        position: relative; 
        top: 0px; 
        left: 0px; 
        margin-left: 6px;
        margin-right: 6px;
        width: 744px; 
        height: 100%px;
}

div#contenido3 {
/* es el que hi ha a la portada*/
        position: relative; 
        top: 0px; 
        left: 0px; 
        margin-left: 6px;
        margin-right: 6px;
        width: 1000px; 
        height: 100%px;
}

div#ladof {
        position: relative; 
        float: left; 
	background-image: url('../img/ladof.gif');
        top: 0px;
        left: 0px; 
        width: 257px; 
        height: 748px;
}

div#ladof_d {
        position: relative; 
        float: left; 
	background-image: url('../img/ladof_dentro.gif');
        top: 0px;
        left: 0px; 
        width: 257px; 
        height: 748px;
}

div#ladof_etapas {
        position: relative; 
        float: left; 
	background-image: url('../img/ladof_etapas.gif');
        top: 0px;
        left: 0px; 
        width: 257px; 
        height: 748px;
}

div#lado_d {
        position: relative; 
        float: left; 
	background-image: url('../img/lado_dentro.gif');
        top: 0px;
        left: 0px; 
        width: 12px; 
        height: 692px;
}

div#lado_i {
        position: relative; 
        float: left; 
	background-image: url('../img/lado_dentro.gif');
        top: 0px;
        left: 0px; 
        width: 12px; 
        height: 534px;
}

div#top_d {
        position: relative; 
        float: left; 
	background-image: url('../img/aaf.gif');
        top: 0px;
        left: 0px; 
        width: 487px;
        height: 33px;
}

div#bienvenido {
        position: relative; 
        float: left; 
	background-image: url('../img/arribaf.gif');
        top: 0px; 
        left: 0px; 
        width: 487px; 
        height: 191px;
        
}


div#main {
        position: relative; 
        float: left; 
        text-align: left;
       	background-color: #000000;
        top: 0px; 
        left: 0px; 
        width: 475px; 
        height: 534px;
        overflow: auto;
}

div#centro_d {
        position: relative; 
        float: left; 
        top: 0px;
        left: 0px; 
        width: 487px;
        height: 748px;
}

div#main_d {
        position: relative; 
        float: left; 
        text-align: left;
       	background-color: #000000;
        top: 0px; 
        left: 0px; 
        width: 475px; 
        height: 692px;
        overflow: auto;
}

div#pie {
        position: relative;
	background-image: url('../img/bottom2.png');
        top: 0px; 
        left: 0px; 
        width: 744px; 
        height: 60px;
        margin: 0px;
}

div#pie2 {
        position: relative;
	background-image: url('../img/bottom22.png');
        top: 0px; 
        left: 0px; 
        width: 744px; 
        height: 60px;
        margin: 0px;
}
