

*{text-indent:0px ; margin:0px ; padding:0px ; border:0px}

p {text-align: justify}

h1 {font-size: 1.2em; color:black ; font-weight: bold ; text-decoration: underline ;

    text-align: center}

h2 {font-size: 1.1em; color:green ; font-weight: bold ; text-decoration: none ; 

    text-align: center}

body        {text-align: center }

#global     {width:800px ; margin:4px auto }



#curva-superior { background-image: url(objetos/curva-superior.gif); 

                  background-repeat: no-repeat ;

                  width: 800px ;

                  height:12px ;

                  overflow: hidden }

#cabecera   {background-color:silver;border-left: black 1px solid ; 

             border-right: black 1px solid  ; height:150px; background-image:url(objetos/dibujo3.jpg); background-repeat:no-repeat;}

#logotipo   {width:280px ; float:left }

#publicidad {width:518px ;  margin-top:25px ; font-size: 16px;border-left: black 1px solid ; 

             border-right: black 1px solid}

#navegacion {background-color: gray ; border: black 1px solid  ; height:20px}

#navegacion li {float:left ; list-style:none ; margin: 2px 19px 0px 19px }

#navegacion ul { margin-left: 60px }

#contenido  {background-color: orange ; border-left: black 1px solid ; 

             border-right: black 1px solid; height:200px; width:798px; }

#contenido p {margin: 5px 10px 0px 10px ; text-indent: 15px}

#menu       {width: 150px ; float:left ; 

             text-align:left ; margin: 2px 0px 3px 4px ;

             background-image: url(objetos/menu-parte-inferior.gif);

          background-position: bottom ;

             padding-bottom:5px }

#menu li    {list-style:none ; margin: 4px 8px 4px 6px }

#menu h2 {text-decoration:none ; font-size:12px ; padding-top:12px ;

          background-image: url(objetos/menu-parte-superior.gif); color:#000033; }

#pie {border-left: black 1px solid ; 

       border-right: black 1px solid; 

       border-top: black 1px solid ;height: 65px}

#pie li  {list-style: none;font-size: 12px  }

          

#pieuno  {float:left;width:150px  }

#piedos  { float:left;width:498px}

#pietres { float:left;width:150px  }

#curva-inferior { background-image: url(objetos/curva-inferior.gif) ; 

                  background-repeat: no-repeat ;

                  width: 800px ;

                  height:12px ;

                  overflow: hidden }                  

a         {color: black ; text-decoration:none ; display: block }

a:link    {}

a:visited {}

a:hover   {color:red ; text-decoration:underline ; background-color: silver}

a:active  {} 

#pie a  {color: black; text-decoration:none ; display: block }

#pie a:link    {}

#pie a:visited {}

#pie a:hover   {color: #666666 ; text-decoration:underline ; background-color: white }

#pie a:active  {color:black}

#logotipo a         {}

#logotipo a:link    {}

#logotipo a:visited {}

#logotipo a:hover   {background-color: white }

#logotipo a:active  {}











/* estos son selectores CSS y estilos CSS que te he aņadido a tu hoja */





/* La capa contenedora left del menu */

#contenido-left{ float:left; width:160px; height:1950px; background-color:#CCCC33;}



/* La capa contenedora right de las capas de la derecha */

#contenido-right{ float:right; width:605px; height:1950px; background-color:#FFFF99;}





/* estos son estilos para tu menu */

#menu li a {color: #990000 ; text-decoration:none; font-size:11px; font-family:Tahoma, Geneva; font-weight:700; line-height:14px;}

#menu li a:hover{color: #333 ; text-decoration:underline ; background-color: silver; font-size:11px;font-family:Tahoma, Geneva;font-weight:700;line-height:14px;}



/* en la navegacion te lo pongo con estos estilos*/

#navegacion li a { font-size:12px; color:#000; text-decoration:none; font-weight:800}

#navegacion li a:hover{font-size:12px; color: #444; text-decoration:none;font-weight:800}





/* La capa que contiene el mapa de Google */

#capa1{ float:right; border: #333 solid 1px; margin:0 10px 0 0; width:590px; height:250px; background-position:center;}



/* La capa que sigue debajo del mapa de Google */

#capa2{ float:right; border: #333 solid 1px; margin:30px 10px 0px 0px; width:590px; height:250px; }

/* La capa que sigue debajo del mapa de Google */

#capa3{ float:right; border: #333 solid 1px; margin:30px 10px 0px 0px; width:590px; height:350px; }

/* La capa que sigue debajo del mapa de Google */

#capa4{ float:right; border: #333 solid 1px; margin:30px 10px 0px 0px; width:590px; height:350px; }

/* La capa que sigue debajo del mapa de Google */

#capa5{ float:right; border: #333 solid 1px; margin:30px 10px 0px 0px; width:590px; height:350px; }



/*Los esrilos Class */

.left{ text-align:left;}
#articulos {float:left; width:400px; margin:40px 0px 0px 30px; background-color:d8d8d8}
#articulos h1 {text-align:left; padding-left:10px; font:bold 16px verdana, sans-serif; color:656565}




