/* Esto es mi hoja de estilo */


BODY { text-align: center; background-color: #4B4B4B ; }
 
/* Mis links como actúan según la posición del ratón */

A:LINK{ font-weight: bold ; color: black ; text-decoration: underline ; }

A:VISITED { color: black ; text-decoration: underline ; }

A:HOVER { color: red ; text-decoration: underline ;  }

A:ACTIVE {  ; }

/* Estilo de una frase y una frase centrada */

P { font-family: Verdana, Helvetica, sans-serif ; font-size: 12px ;

text-align:justify ; color: black; }


p.centrado { font-family: Arial, Helvetica, sans-serif ; font-size: 14px ;

font-weight: bold ; text-align: center ; text-indent: 0px; margin: 5px 0px 0px 0px ;}


p.centrado-subrayado { font-family: Arial, Helvetica, sans-serif ; font-size: 14px ; font-weight: bold ; 
text-align: center ; text-indent: 0px; margin: 5px 0px 5px 0px ; color: black ; text-decoration: underline ; }



/* Estilo de una empresa recomendada con dibujo*/

img {border-style: none; float: left ;}

#dibujo {background-color: white ; width: 99%; height: 140px; cellspadding: 0px; border: black 2px solid; margin: 2px auto;}

#dibujo-tauro {float:left; align-text: center; background-color: white ; width: 630px; height: 150px; border: black 2px solid; margin: 20px 4px 20px 20px; clear: both; }

#dibujo2 {float: left; background-color: white ; width: 280px; height: 117px; border: black 0px solid; margin: 15px 0px 0px 10px; }

#dibujo-tauro2 {float:left; align-text: center; background-color: white ; width: 630px; height: 217px; border: black 2px solid; margin: 20px 4px 20px 20px; clear: both; }

#dibujo3 {float: left; background-color: white ; width: 580px; height: 203px; border: black 0px solid; margin: 2px 0px 0px 20px; }

#dibujo4 {float: left; background-color: white ; width: 300px; height: 117px; border: black 0px solid; margin: 5px 0px 0px 20px; }

#enlace_dibujo {background-color: yellow ; width: 250px; height: 250px; cellspadding: 0px; border: black 0px solid; margin: 0px auto; }

#enlace_dibujo2 {width: 240px; height: 120px; cellspadding: 0px; border: black 0px solid; margin: 0px auto; }

#dibujo_ayuda {background-color: #E0E0E0 ; font-weight: bold ; align: center ; width: 354px; height: 30px; border: black 2px solid; margin: 10px auto;}


/* DIVS para el título, subtítulo, y enlaces de la derecha */


#global {background-color: black ; width: 958px; MARGIN: 2px auto ; color: blue ; }

#globalderecha {float: right ; width: 250px ; height:1380px; margin: 0px 0px 0px 0px; background-color: #FFECEC ; clear:none}

#globalizquierda {float: left ; width:706px ; height:1380px; margin: 0px 0px 0px 0px; background-color: #FFFFE1 ; clear: none} 

H1 { font-size: 22px ;  font-weight: bold ; color: white ; border: 0px ; margin-bottom: 0px; }

H2 { font-size: 14px ; color: white ; margin-bottom: 1px ; margin-top: 0px; }

#enlacederecha { font-weight: bold ; text-align: left; font-size: 13px ; text-indent: 10px ; margin: 0px 0px 5px 0px ; }

#enlacetitulo { background-color: #E0E0E0 ; color: blue; font-weight: bold; font-size: 14px ; TEXT-ALIGN:center ; margin: 0px 0px 2px 0px ;}



/* Vamos a por los enlaces de la izquierda */

#enlaceizquierda { color: #919191 ; font-weight: lighter ; text-align: left ; font-size: 14px ; text-indent: 10px ;
margin: 10px 0px 0px 0px ; }

#enlaceizquierda2 { width: 320px ; color: #919191 ; font-weight: lighter ; float: left ; text-align: left ; font-size: 12px ; text-indent: 5px ;
margin: 4px 0px 0px 0px ; OVERFLOW: hidden ;}

#enlaceizquierda3 { width: 150px ; font-weight: lighter ; float: left; margin: 4px 0px 0px 5px; text-align: left; font-size: 12px ; color: black ; OVERFLOW: hidden ; }

#enlaceizquierda4 { width: 200px ; font-weight: lighter ; float: left; margin: 4px 0px 0px 5px; text-align: left; font-size: 12px ; color: black ; OVERFLOW: hidden ;}

#direccion { color: black ; font-weight: lighter ; text-align: left ; font-size: 12px ; text-indent: 10px ; margin: 0px 0px 4px 0px;}

#seguridad { font-weight: lighter ; text-align: left ; font-size: 12px ; text-indent: 10px ; color: black ; float: left ;}

#servicios { font-weight: lighter ; text-align: left ; font-size: 12px ; text-indent: 10px ; color: #FF0000 ; margin: 0px 0px 4px 0px;}

#servicios2 { font-weight: lighter ; text-align: center ; font-size: 12px ; text-indent: 10px ; color: #FF0000 ; margin: 0px 0px 4px 0px;}

#seguridad3 { text-align: left; font-size: 10px ; width: 160px ; color: black ; float: left; clear: right;}

#margen_texto { width:680px ; margin: 0px 10px 0px 14px; text-align: center ; color: black; }

#margen {width:704px ; color: #FF8000 ; text-align: center; background-color: #FFFFE1 ; font-weight: bold; height: 135px; cellspadding: 0px; border: 0px; margin: 0px 2px 12px 2px; text-indent: 0px ;  }

#margen_dibujo {float: left; width: 280px ; color: #FF8000 ; text-align: center; background-color: #FFFFE1 ; font-weight: bold; height: 198px; cellspadding: 0px; border: 0px; margin: 4px 0px 0px 0px; padding: 0px 5px 0px 5px ; text-indent: 0px ;}

#margen_drcha {float: right; width: 270px ; color: #FF8000 ; text-align: center; background-color: #FFFFE1 ; font-weight: bold; height: 198px; cellspadding: 0px; border: 0px; margin: 4px 0px 0px 0px; padding: 0px 5px 0px 5px ; text-indent: 0px ;}

#margen_margen {float: left; width:60px; }



#margen_dibujo2 {float: left; width: 332px ; color: #FF8000 ; text-align: center; background-color: #FFFFE1 ; font-weight: bold; cellspadding: 0px; border: 0px; margin: 4px 0px 0px 0px; padding: 0px 3px 0px 5px ; text-indent: 0px ;}

#margen_drcha2 {float: right; width: 330px ; color: #FF8000 ; text-align: center; background-color: #FFFFE1 ; font-weight: bold; cellspadding: 0px; border: 0px; margin: 4px 0px 0px 0px; padding: 0px 5px 0px 5px ; text-indent: 0px ;}



/* Vamos a por el enlace final */
    
H5 { clear: both ; color: white ; background-color: black ; font-size: 14px ; text-align: center ; margin-bottom: 1px ; margin-top: 0px; }

/* Fin de mi hoja de estilo */