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

/* begin typography & colors */

body {
font-family: lucida grande, lucida sans unicode, georgia,"times new roman",times,serif;
background-color: #eaeaea;
background-color: #EAE6E4;
background-color: #eaeaea;
text-align: left;
}


body {
color: #222;
}

p, td {
line-height: 1.4em;
font-size: .8em;
margin-top: 4px;
}

h1 {
font-family: Amplitude, Helvetica, Arial, Georgia, lucida grande, lucida sans unicode;
color: #000000;
font-size: 2.7em;
font-weight: bold;
}

h1.title {
font-family: Amplitude, Helvetica, Arial, Georgia, lucida grande, lucida sans unicode;
color: #999;
font-size: 2.0em;
font-weight: bold;
}

h2 {
font-family: Amplitude, Helvetica, Arial, lucida grande, "Berthold Akzidenz Grotesk BE", lucida grande, lucida sans unicode;
font-weight: bold;
font-style: normal;
font-size: 1.5em;
color: #111;
margin-bottom: -5px;     
}

h3 {
font-family: georgia;
font-style: italic;
font-weight: normal;
font-size: 1.2em;
color: #888888;  
} 

h4 {
font-family: amplitude, georgia;
font-style: normal;
font-weight: normal;
font-size: 1em;
color: #666666;    
line-height: 25px;  
}

h5 {
font-weight: normal;
font-size: .9em;
color: #888888;
}

h6 {
font-family: lucida grande, arial;
color: #999;
font-size: .6em;
border-top: 1px dotted #999;
padding-top: 4px;
margin-top: 30px;
margin-bottom: 10px;
}  

h7 {
font-family: arial;
color: #f13535;
font-size: 12px;
padding: 1px;
padding-left: 4px;
padding-right: 4px;
display: block;
float: left;
margin-top: 10px;
border: 2px solid #f13535;
font-weight: bold;
} 

#page {
margin-left: auto;
margin-right: auto;
padding-top: 20px; 
padding-bottom: 20px;
width: 870px;
background: transparent url(../img/bg_page.gif) repeat-y scroll 0 0;
color: inherit;
overflow: hidden;
padding-left: 30px;
padding-right: 30px;
}       

#header {
width: 570px;
height: 100px; 
float: left; 
overflow: hidden;     
}  

#buy {     
margin-left: 15px;
width: 280px;
height: 100px; 
float: left;  
overflow: hidden;  
}    


#buy .image{
	float: right;
}  

#book {     

}    
     
#book .description{
	width: 300px;  
	float: left;
}

#book .image{
	float: right;
}

#video{    
	margin-top :15px;
 	width: 570px;
	height: 340px; 
	float: left; 
}    

#review{    
	margin-top :15px; 
	margin-left: 15px;
 	width: 280px;
	height: 340px; 
	float: left;   
	overflow: hidden;  
} 

#review p{
	margin-bottom: 20px;    
} 

#review #image{
	text-align: center;
}

#quote{
	text-align: center;
}     

#quote h3 {
font-family: georgia;
font-style: italic;
font-weight: normal;
font-size: 1.1em;
color: #333333;
} 

#quote p{
	font-size: .7em;
}

.line{
	border-top: 1px dotted #999;  
	margin-top: 15px;
	margin-bottom: 10px;
}

.option{   
	margin-left: 15px;
	margin-top: 15px;
	width:280px;
	height: 100px;
	float:left; 
} 

.option .image{
	float: left;
	width:80px;
	height:100px;
	text-align: left;
} 

.option .image img{
	width:70px;
}  

#editorial{    
 	width: 800px;
	height: 100px; 
	float: left;   
	overflow: hidden;  
}           

#presentation, #new{
background-color: #ddd;
color: #333;           
font-size: 15px;           
line-height: 23px;
margin-right: 20px;
margin-left: 5px;
padding-top: 20px;
padding-bottom: 20px;    
padding-left: 40px;
padding-right: 40px;
text-align: center; 
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}  

#new{
margin-bottom: 10px;        
}  
      
#datos{	
background-color: #d7ecac;
color: #587f25; 
background-color: #ddd;
color: #333;           
font-size: 12px;           
line-height: 20px;
margin-right: 20px;
margin-left: -5px;  
margin-top: 10px;
padding: 10px;
padding-top: 20px;  
padding-bottom: 20px;  
padding-left: 20px;
text-align: left;      
-webkit-border-radius: 10px;
-moz-border-radius: 10px;       
width: 450px;
}

#msg{
	margin-top: 10px;
}

#menu-footer {
margin: 0;
padding: 0;
margin-top: 20px;
padding-top: 10px;
padding-bottom: 10px;
font-size: .8em;
color: #999;
border-top: 1px dotted #999;
border-bottom: 1px dotted #999;
height: 14px;
}    

#footer {
text-align: left;
font-size: .7em;
color: #999;
margin-top: 15px;
margin-bottom: 10px;
}
   
.modal {
	background-color:#fff;
	display:none;
	width:390px;
	padding:15px;
	text-align:left;
	border:2px solid #333;

	opacity:0.9;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-moz-box-shadow: 0 0 50px #ccc;
	-webkit-box-shadow: 0 0 50px #ccc;
}
   

#invitationForm{  
	width: 420px;
	margin-left: 10px;
	margin-right: auto;
	margin-top: 10px;
}        

td{
	text-align: left;
}

input[type='text'] {
	font-size: 10px;
	width: 270px;
	padding: 2px;
	font-size: 13px;
}   
                          
button{
	padding: 5px 40px;     
}

a.menu:link, a.menu:visited {
color: #666;
text-decoration: none;
}
a.menu:hover, a.menu:active {
color: #000;
text-decoration: underline;
}
   

a:link, a:visited {
color: #2041c0;
}
a:hover, a:active {
color: #2041c0;
}   

#presentation a, #new a {
font-weight: bold;
color: #48671f;      
color: #111;
text-decoration: none;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #99cc66; 
border-bottom-color: #666; 
}

#presentation a:hover, #new a:hover{
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #48671f; 
border-bottom-color: #111; 
}

#footer a, #footer a:visited {
color: #999;
text-decoration: none;
}

#footer a:hover, #footer a:active {
color: #999;
text-decoration: underline;
}

.dotline {
background: transparent url(../img/dotline.gif) repeat-x scroll 0px 5px;
clear: both;
height: 14px;
margin-bottom: 10px;
}

div.clear {
clear: both;
}

h1, .h1 {
margin-left: -2px;
}


img {
border: 0;
} 

p.margin{
	line-height: 1.4em;
	font-size: 1em;   
	margin: 0;  
	padding: 0;  
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: 15px;
}   

img.logo{
	height: 70px;      
	margin-right: 20px; 
	border: 0;
} 

img.logoBig{
	height: auto;      
	margin-right: 20px; 
	border: 0;
}      

h3.subtitle {
margin-top: 30px; 
}