html, body, div, p {margin: 0px; padding: 0px;}

/*html {background-color: #3896ED;}*/
html {background-color: #000}
a img {border: 0px;}
a {color: #cc0100; font-weight: bold;}

body {width: 1000px;
  margin: 0px auto 0px auto;
  color: #cc0100;
  font-size: 12px;
  font-family: arial, verdana, sans-serif;}
  
br {clear: left;}
br.clear {clear: both;}

#mainDiv {
	padding: 0px;
	margin: 0px auto;
	text-align: center;
	/*background-color: #FFFFFF;*/
	width: 1000px;}
	
	
/* CALLOUTS */
	
#callouts {Width: 750px;
  margin: 0px auto;
  background-color: #fff;}

#callouts a img.left_call {float: left;
  padding: 0px 5px 10px 0px;}
  
#callouts a img.mid_call {float: left;
  padding: 9px 0px 10px 40px;
  margin-top: 0px;}

#callouts a img.right_call {float: right;
  padding: 8px 5px 10px 0px;}
 
 
/* BTM LINKS */ 

#footer {width: 1000px;
  margin: 0px auto;
  padding: 0px 0px 10px 0px;
  background-color: #fff;
  font-size: 10px;}

#footer a {color: #cc0100;
  font-weight: bold;
  text-decoration: none;}

#footer a:hover {color: #969696;
  font-weight: bold;
  text-decoration: none;}
    
.Lfoot_links {text-align: left;
  padding-left: 125px;
  width: 350px;}
  
.mid_links {width: 160px;
  padding-left: 25px;}

.Rfoot_links {text-align: right;
  width: 350px;
  padding-right: 125px;}
    

/* TEXT */
#text_hold {
  width: 1000px;
  background-color: #fff;
  padding: 0px 0px 30px 0px;}
    
    
#text {
  width: 700px;
	margin: 0px auto 0px auto;
	padding: 0px;
	text-align: center;
	font-size: 11px;
	background-color: #ffffff;}
	
#text h1 {font-size: 20px;
  margin-bottom: 0px;
  _margin-top: 20px;
  padding-bottom: 6px;}
  
#text a {color: #cc0100;
  font-weight: bold;}

#text a:hover {color: #969696;}

#promocion { 
position: absolute; 
left: 40%; 
top: 40%; 
width: 518px;
height: 402px;
margin-top: -100px; 
margin-left: -150px;}