body {
	background: #000000;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #E7E7E7;
}

h1, h2, h3 {
	margin: 0;
	padding: 0;
	font-family: "Monotype Corsiva";
	color: #FFFFFF;
}

h1 { font-size: 39px; }

h2 {
	margin-bottom: 10px;
	font-size: 24px;
	background: #000000 url('images/img3.gif') repeat-x left bottom;; padding-left:0; padding-right:0; padding-top:0; padding-bottom:22px
}

h3 {
	font-size: 13px;
	background: #000000 url('images/img3.gif') repeat-x left bottom;; padding-left:0; padding-right:0; padding-top:0; padding-bottom:22px
}
h4 {

font-family:"Monotype Corsiva";
color:#FFFFFF;
text-align:center;
font-size:40px;
}

p {
	margin-top: 0;
	text-align: justify;
	line-height: 160%;
}

a {
	/*con esto aparece coloreado la celda que contiene los enlaces del menu izquierdo al pasar el raton*/
	display: block;
	color: #FE4E00;
	/*con esto quitamos la linea que sale en las palabras que son enlaces*/
	text-decoration: none;
}

/*al pasar el raton por los enlaces de la izquierda cambian de color de la celda y de la letras*/

a:hover {
      /*con esto cambiaria el color de la celda del menu izquierdo
	  background-color: #666666; */
	  color:#FFFFFF;
}

.list {
	margin: 0;
	padding: 0;
	list-style: none;
}

/*letras del menu izquierdo, color, tamaņo, etc*/
.list li.first {
    font-size: 22px;
    text-align:center;
	text-decoration: none;
	background: none;
	/*son los puntitos que aparecen debajo de cada enlace del menu izquierdo*/
	background: url('images/img5.gif') repeat-x;; padding-left:0; padding-right:0; padding-top:5px; padding-bottom:5px
}


/* Header */


#header {
	width: 840px;
	margin: 0 auto;
	height: 90px;
	background: url('images/img1.gif') repeat-x left bottom;; padding-left:13px; padding-right:0; padding-top:40px; padding-bottom:0
}

#header h1 {
	float: left;
}

#header h2 {
	display: none;
}

#header ul {
	float: right;
	margin: 0;
	padding: 15px 0 0 0;
	list-style: none;
}

#header li {
	display: inline;
}

#header a {
	display: block;
	float: left;
	background: url('images/img2.gif') no-repeat left center;
	text-decoration: none;
	/*esto coloca el menu superior*/
    color: #FFFFFF; font-style:normal; font-variant:normal; font-weight:bold; font-size:13px; font-family:Georgia, Times New Roman, Times, serif; padding-left:20px; padding-right:14px; padding-top:0; padding-bottom:0
}

/*color del menu superior al pasar el raton letras cambian de blanco a naranja*/
#header a:hover {  
    
	color:#FE4E00;
	text-decoration: none;
}

/* Content */

#content {
	width: 694px;
	margin: 0 auto;
}

#colOne {
	float: left;
	height:400px;
	width: 220px;
	padding: 25px 0 0 21px;
}

#colOne h3 {
	margin-top: 14px;
}

/*esta es la barra de inicio donde explica la procedencia del bulldog*/
#colTwo {
	float: center;
	width: 600px;
	padding: 0 29px 0 0;
}

#colTwo h2 {
    font-size: 34px;
    text-align: center;
	color:#FFFFFF;
}

#colthree {
	float: center;
	width: 700px;
	padding: 0 29px 0 0;
}

#colfour {
	float: center;
	width: 600px;
	padding: 0 29px 0 0;
}

/* Footer */

#footer {
	clear: both;
	width: 700px;
	margin: 0 auto;
	padding: 30px 0 0 0;
}

#footer p {
	background: url('images/img4.gif') repeat-x;
	text-align: center;
	color: #8A8A8A; padding-left:0; padding-right:0; padding-top:20px; padding-bottom:0
}

html { 
scrollbar-arrow-color:#FFFFFF; 
scrollbar-track-color:#000000;
scrollbar-face-color:#000000; 
scrollbar-highlight-color:#000000; 
scrollbar-3dlight-color:#FE4E00; 
scrollbar-darkshadow-color:#FE4E00; 
scrollbar-shadow-color:#000000; 
}