/*            www.fearlex.com
*      Hoja de estilos principal main.css 
*             Autor: fearlex
*/

/***************************************************************
*                  ELEMENTOS COMUNES
*        *, body, h1, h2, img, blockquote, acronym 
****************************************************************/

 *{
   margin:0px;
   padding: 0px;
}

 body {
	   margin: 0px;
	   padding: 0px;
	   background: #D8B33A url(images/bg.gif) repeat-x;
	   text-align: center;
	   font-family: "Times New Roman", Times, serif;
	   font-size:9pt;

}

 h1 {
	margin: 0px 0px 0px 20px;
	font-family: inherit;
    font-size: 20pt;
	color:#930;
	font-style: italic;
	font-weight: 900;
	height: 40px;
}

 h2 {
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 10pt;
	 color: #930;
	 margin-top: 10px;
	 width:440px;
     border-bottom: 1px dashed #960;
	 text-align: center;
}

 img{
     border: 0px;
}

 blockquote{
            width:150px;
	        height: 80px;
	 	    float: left;
	 	    margin-top: 15px;
			margin-left: 2px;
	 	    text-align: center;
	 	    overflow: visible;
}

 acronym {
          border-bottom: 1px dotted #960;
		  cursor: help;
}



/*******************************************************************
*                        CONTENIDO
*       #datos #right, #lengscale, #progscale, #scale   
********************************************************************/


/*************************************
*        COLUMNA IZQUIERDA
*          #datos, #desc
**************************************/

  #left span {
	           font-family: Verdana, Arial, Helvetica, sans-serif;
	           font-size: 10pt;
	           margin: 0px 0px 0px 25px;
	           line-height: 17px;
}

  span.style1 {
               color:#930;
			   font-weight: 600;
}
 
  span.style2 {
               color: #960;
			   font-style: italic;
}

/*************************************
*        COLUMNA DERECHA
*       #right, #righten
**************************************/

 #right, #righten {
                   font-family: Verdana, Arial, Helvetica, sans-serif;
	               font-size: 10pt;
}

 #right p, #righten p{
                      text-indent: 1em;
	                  margin: 0px 20px 0px 5px;
     	              color: #563906;
}

/*************************************
*        COLUMNA DERECHA ESCALA
*   #scales, #lengscale, #progscale
**************************************/

 #scales {
          float: left;
		  width: 488px;
		  position: relative;
		  top: 50px;
}             

 #lengscale, #progscale {
                         float: left;
						 position: relative;
						 margin-left: 15px;
			             width: 200px;
			             height: 180px;
                         font-weight: 600;
						 left: 20px;
						 color: #930;
}

 #lengscale ul, #progscale ul{
                              margin: 0px;
                              list-style-type: none;
						      line-height: 18px; 
}

 .style3{
         font-weight: 600;
         font-size: 9pt;
         color: #960;
		 border-bottom: dotted 1px #960;
		 border-left: dotted 1px #960;
		 position: relative;
		 left: 20px;
}
 .style4{
         font-size: 13pt;
		 color: #563906;
}

/***********************************************************
*                    MENU Y ENLACES
*           #nav, #idioma, #footer, li, ul, a
***********************************************************/

/*************************************
*         MENU SUPERIOR
*            #nav
**************************************/

 #nav li, ul{
             list-style-type: none;
             margin:0px;
			 padding:0px;
             display: inline;
}

 #nav a {
         font-family: Verdana, Arial, Helvetica, sans-serif;
		 font-size: 9pt;
		 font-weight:400;
         text-decoration: none;
}

 #nav a:link, a:visited {
                         color: #FFF;
}

 #nav a:hover{
              color: #930;
              background-color: #EEDDA8;
}

/*************************************
*        MENU DESCARGAS
*      #desc, #res, #perst
**************************************/

 #desc em{
            display: none;
}

 #desc a{
         display: block;
		 position: relative;
		 left: 20px;
		 margin-left: 15px;
}

 #res a{
         width: 30px;
		 height: 30px;
		 float: left;
}

 #res a.doc:link, #res a.doc:visited{
                                       background: url(images/doc.jpg) no-repeat right;
}

 #res a.doc:hover, #res a.doc:active{
                                       background: url(images/doc.jpg) no-repeat left;
}

 #res a.pdf:link, #res a.pdf:visited{
                                       background: url(images/pdf.jpg) no-repeat right;
}

 #res a.pdf:hover, #res a.pdf:active{
                                       background: url(images/pdf.jpg) no-repeat left;
}

 #perst a{
          width: 70px;
		  height: 41px;
		  top: 3px;
}

 #perst a.bus:link, #perst a.bus:visited{
                                         background: url(images/businesscard.png) no-repeat right;
}

 #perst a.bus:hover, #perst a.bus:active{
                                         background: url(images/businesscard.png) no-repeat left;
}


/*************************************
*         MENU IDIOMA
*           #idioma
**************************************/

 #idioma p{
           float: left;
}

 #idioma a{
           font-family: Verdana, Arial, Helvetica, sans-serif;
		   font-size: 8pt;
		   color: #960;
		   text-decoration: none;
}

 #idioma a:hover{
                 text-decoration: underline;
}

/*************************************
*         MENU FOOTER
*           #footer
**************************************/

 #footer a{
           position: relative;
		   left: 120px;
		   font-family: Verdana, Arial, Helvetica, sans-serif;
		   font-size: 9pt;
		   text-decoration: none;
}
 
 #footer a:link, #footer a:visited {
                                    color: #960;
}

 #footer a:hover{
				 background-color: #EEDDA8;
}

 #footer ul, #footer li{
			            display: inline;
}

 #footer2{
          font-family: Verdana, Arial, Helvetica, sans-serif;
		  font-size: 7pt;
		  color: #960;
} 

/*****************************************************************
*                 DIVS Y POSICIONAMIENTO
* #container, #headerizq, #headerder, #nav, #left, #right 
* #idioma, #desc, #res, #perst, #port #footer, #footer2, 
* #floatimg, #bottomcorner, #contador
*****************************************************************/

 #container {
             position:relative;
             margin: 40px auto;
			 width: 665px;
			 height: 450px;
			 text-align: left;
			 z-index:1;
}

 #headerizq {
             position:relative;
             float: left;
             width: 176px;
		     height: 55px;
		     background: url(images/headerizq.gif) no-repeat;
			 z-index:1;
}

 #headerder {
             position:relative;
             float: left;
			 width: 488px;
			 height: 55px;
			 margin: 0px;
			 background: url(images/headerder.gif) no-repeat;
			 padding: 0px;
			 z-index:1;
}

 #nav {
       float:left;
       position: relative;
	   top:15px;
	   left: 20px;
	   width: 400px;
	   height: 20px;
	   padding-left: 0px;
	   border-bottom: 1px dotted #000;
	   text-align: center;
	   z-index:1;
}

 #left {
        position:relative;
        float: left;
		width: 176px;
		height: 334px;
		background: url(images/left.gif) no-repeat;
		z-index:1;
}

 #right {
         position:relative;
         float: left;
		 width: 488px;
		 height: 315px;
		 background: url(images/right.gif) no-repeat;
		 z-index:1;
}

 #righten{
          position:relative;
         float: left;
		 width: 488px;
		 height: 315px;
		 background: url(images/righten.gif) no-repeat;
		 z-index:1;
}

  #idioma{
         position: relative;
		 left: 30px;
		 top: 10px;
		 width: 100px;
		 height: 15px;
		 z-index:1;
}

 #desc{
       position:relative;
       width: 176px;
	   height: 120px;
	   z-index:1;
}

 #res{
      position:relative;
      width: 176px;
	  height: 50px;
	  z-index:1;
}

 #perst{
        position:relative;
        height: 70px;
		z-index:1;
}

 #port{
       float: left;
	   position: relative;
	   left: 25%;
	   top: 25%;
	   z-index:1;
}

 #footer {
          position:relative;
          float: left;
		  width: 488px;
		  height: 20px;
		  z-index:1;
}

 #footer2{
          position:relative;
          float: right;
		  width: 500px;
		  height: 20px;
		  text-align: center;
		  z-index:1;
}

 #floatimg {
            position: absolute;
			left:0px;
			top:10%;
			z-index:0;
			margin-left: 0px;
			background-image: url(images/topfloatimg.gif);
			width: 272px;
			height: 387px; 
}

 #bottomcorner {
                position: absolute;
				right: 0px;
				bottom: 48px; 
				z-index: 0;
				margin-bottom: 0px;
				margin-right: 0px;
				background-image: url(images/bottomcorner.jpg);
				width: 245px;
				height: 387px;
}

 #contador{
           position:relative;
           float: left;
		   width: 665px;
		   height: 20px;
		   text-align: center;
		   visibility: hidden;
		   color: #D8B33A; 
}