/*INTRO CSS */

html, body, form, input, img, ul, li, a, div, h1, h2, h3, h4, h5, h6, p { margin:0; padding:0; border:0; }

body { background:#4c4c4c url(../img/bg-intro.jpg) repeat-x 0 0; font-family:Georgia, Trebuchet MS, Times New Roman, serif; font-size:12px; color:#e0e0e0; }
#wrapper{ width:950px; margin:0 auto; background:url(../img/bg-header.jpg) no-repeat top center; padding-bottom:20px; }

#intro-lang { width:310px; height:32px; padding:6px 0 0 0; margin:0 0 0 605px; }
form { float:left; display:inline; width:240px; height:25px; }
label { float:left; display:inline; width:100px; margin:5px 10px 0 0; }
.lang { width:120px; background-color:#4c4c4c; border:1px solid #0065f5; font-family:Arial, Helvetica, sans-serif; font-size:11px; letter-spacing:1px; color:#fff; height:20px; }

#intro-foto { width:724px; height:296px; overflow:hidden; margin:0 auto; }

#buttons { background:url(../img/bg-buttons.gif) repeat-y center top; width:960px; height:255px; overflow:hidden; text-align:center; }
a.button:link, a.button:visited { width:242px; height:255px; display:block; cursor:pointer; float:left; overflow:hidden; background:url(../img/button-intro.jpg) no-repeat top left; }
a.button:hover{ background-position: 0 -255px; display:block; cursor:pointer; float:left; }

#first { margin-left:113px; display:inline; }
.left { margin-left:-1px; }

h1 { font-family:Cambria, Georgia, Times New Roman, serif; color:#ee6a00; font-size:30px; letter-spacing:1px; margin:30px 0 25px 0; font-weight:normal; }  
p { width:195px; margin:0 auto; font-family:Cambria, Georgia, Times New Roman, serif; line-height:18px; font-size:14px; }

#footer { width:770px; height:30px; margin:10px auto; background:url(../img/logo-small.jpg) no-repeat 0px 10px; color:#bdbdbd; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:10px 0 0 30px; }

a:link, a:visited { color:#fff; text-decoration:none; }
a:hover { color:#ccc; text-decoration:none; }
a:focus { border:0; } 

.clear { clear:both; }
