File: /home/ptgoldenvisa/public_html/studentsresidencepermit.com/goldenresident.css
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin: 0;
padding: 0;
}
body {
background: transparent;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
fieldset, img {
border: 0;
}
address, caption, cite, code, dfn, em, strong, th, var {
font-style: normal;
font-weight: normal;
}
ol, ul {
list-style: none;
}
caption, th {
text-align: left;
}
h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight: normal;
}
q:before, q:after {
content: '';
}
abbr, acronym {
border: 0;
}
*:focus {
outline: none;
}
html, body {
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
font-family: 'Open Sans', Arial, serif;
font-weight: 300;
min-width: 895px;
}
div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, caption {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
background: transparent;
font-family: 'Open Sans', Arial, serif;
font-weight: 300;
}
#topmenu {
background: none repeat scroll 0 0 #FFFFFF;
border-top: 3px solid #000033;
height: 120px;
position: fixed;
width: 100%;
box-shadow: 0 0 15px #999999;
z-index: 10;
}
.best {
float: left;
position: absolute;
}
#home {
background: #FFF url("sec1_back.jpg") no-repeat scroll 0 0;
height: 639px;
}
#accesstoeurope {
height: 524px;
}
#goldenresident {
height: 804px;
}
#servicesandpartners {
height: 1696px;
}
#multimedia {
height: 757px;
}
#enquiryform {
height: 482px;
}
#contacts {
background: none repeat scroll 0 0 #FFFFFF;
border-bottom: 3px solid #000033;
height: 271px;
position: relative;
width: 100%;
box-shadow: 0 0 15px #999999;
}
#copyright {
background: none repeat scroll 0 0 #000033;
height: 50px;
position: relative;
width: 100%;
}
#enquiryform .container {
height: 364px;
}
.innercontainer {
height: 100%;
margin: 0 40px;
position: relative;
}
.updated {
left: 670px;
position: absolute;
top: 137px;
top: 129px\9;
z-index: 9;
animation: bg_color 1s infinite;
-moz-animation: bg_color 1s infinite;
-webkit-animation: bg_color 1s infinite;
}
.updatedd {
left: 720px;
position: absolute;
top: 240px;
z-index: 9;
animation: bg_color 1s infinite;
-moz-animation: bg_color 1s infinite;
-webkit-animation: bg_color 1s infinite;
}
@keyframes bg_color {
0% {
opacity: 0;
}
50% {
opacity: 100;
}
100% {
opacity: 0;
}
}
@-moz-keyframes bg_color {
0% {
opacity: 0;
}
50% {
opacity: 100;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes bg_color {
0% {
opacity: 0;
}
50% {
opacity: 100;
}
100% {
opacity: 0;
}
}
.container {
background: url("shadow.png") repeat-y scroll 0 0 transparent;
height: 100%;
margin: 0 auto;
width: 895px;
}
#enquiryform .container, #goldenresident .container {
background: url("shadow_blue.png") repeat-y scroll 0 0 transparent;
}
#home .container {
background: none repeat scroll 0 0 transparent;
}
#topmenu .container, #contacts .container, #copyright .container {
background: none repeat scroll 0 0 transparent;
}/*conteudos*/
ul {
list-style: none outside none;
}
p {
font-size: 16px;
margin: 0 0 15px;
}
.separator {
background: url("separator.jpg") no-repeat scroll 0 0 blue;
height: 4px;
position: relative;
right: 25px;
width: 864px;
}
#multimedia .separator {
right: 0px;
}
.squareintro {
background: url("introback.png") repeat scroll 0 0 transparent;
border: 1px solid #999999;
float: left;
height: 313px;
position: relative;
text-align: center;
top: 210px;
width: 363px;
color: #FFFFFF;
}
.squareintro h1 {
font-size: 32px;
letter-spacing: -1px;
padding-top: 34px;
}
.squareintro h3 {
border-bottom: 1px solid #999999;
font-size: 16px;
line-height: 5px;
margin-left: 50px;
margin-right: 50px;
padding-bottom: 30px;
}
.squareintro p {
font-size: 13px;
margin-left: 60px;
margin-right: 60px;
padding-bottom: 24px;
padding-top: 24px;
}
.squareintro a {
background: url("arrow.jpg") no-repeat scroll 211px 17px #FFFFFF;
color: #000000;
font-size: 12px;
padding: 10px 40px 10px 15px;
}
.squareintrotext {
background: url("introback.png") repeat scroll 0 0 transparent;
border: 1px solid #999999;
float: left;
height: 313px;
position: relative;
text-align: center;
top: 210px;
width: 403px;
color: #FFFFFF;
}
#formEBOOK {
display: inline-block;
overflow: hidden;
}
.press {
left: 10px;
position: relative;
width: 105px;
}
.squareintrotext h2 {
border-bottom: 1px solid #999999;
font-size: 22px;
padding-bottom: 20px;
}
.olding {
background: none repeat scroll 0 0 #FFFFFF;
float: left;
height: 61px;
left: 193px;
position: relative;
top: 252px;
width: 145px;
}
.olding a {
color: #007AF4;
font-size: 13px;
left: 29px;
line-height: 80px;
position: relative;
}
.olding img {
bottom: 16px;
left: 34px;
position: relative;
}
.squareintrotext a {
color: #007AF4;
font-size: 13px;
position: relative;
top: 30px;
}
.left, .right {
float: left;
position: relative;
width: 405px;
}
.logo {
position: relative;
top: 10px;
}
.lang {
border: 1px solid #E4E4E4;
float: right;
height: 11px;
padding: 6px 10px 14px;
position: relative;
top: 14px;
width: 219px;
}
.menu {
border-bottom: medium none;
border-left: medium none;
border-right: medium none;
float: left;
height: 31px;
padding-left: 0;
padding-top: 7px;
position: relative;
top: 27px;
width: 800px;
}
.lang .language {
color: #999999;
}
.lang span {
font-size: 13px;
position: relative;
float: left;
}
.lang ul {
bottom: 7px;
list-style: none outside none;
position: relative;
left: 9px;
}
.lang ul li {
float: left;
position: relative;
}
.menu ul {
left: 0px;
}
.menu ul li {
float: left;
position: relative;
}
.lang a {
float: left;
padding: 7px;
position: relative;
color: #000000;
}
.lang a:hover {
background: none repeat scroll 0 0 #000033;
color: #FFFFFF;
}
.menu a {
padding: 10px 11px;
}
.lang ul .active &
amp;
amp;
gt;
a {
color: #FFFFFF !important;
background: none repeat scroll 0 0 #000033;
}
.map, .intromap {
padding-top: 60px;
}
.intromap, #goldenresident {
text-align: center;
}
.intromap h2 {
font-size: 26px;
letter-spacing: -1px;
text-transform: uppercase;
}
.intromap h3, #enquiryform .intromap h3 {
font-size: 17px;
line-height: 19px;
padding-top: 15px;
}
#enquiryform .intromap h3 {
font-size: 22px;
padding-top: 40px;
}
.intromap p {
font-size: 14px;
margin: 45px 40px 14px;
}
.legends {
background: url("tira.jpg") no-repeat scroll 358px 19px #FFFFFF;
border: 1px solid #E5E5E5;
float: left;
height: 48px;
margin-left: 40px;
padding: 20px 0 23px 35px;
position: relative;
top: 30px;
width: 697px;
}
.legends li {
float: left;
position: relative;
width: 347px;
}
.legends p {
margin: 0 0 8px;
font-size: 12px;
}
.legends img {
padding-right: 11px;
position: relative;
top: 3px;
}
#goldenresident p {
font-size: 14px;
}
#goldenresident p.mid {
border-bottom: 1px solid #C5C5C5;
margin-left: 40px;
margin-right: 40px;
padding-bottom: 33px;
padding-top: 43px;
}
#goldenresident p.cen {
border: medium none;
padding-bottom: 0;
padding-top: 20px;
}
#goldenresident h2 {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #E9E9E9;
font-size: 24px;
margin-left: 40px;
margin-right: 40px;
padding: 15px;
position: relative;
text-align: center;
}
#goldenresident h3 {
padding-bottom: 47px;
padding-top: 47px;
}
#goldenresident ul {
left: 37px;
list-style: none outside none;
position: relative;
top: 3px;
height: 80px;
}
#goldenresident li {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: none repeat scroll 0 0 #FFFFFF;
border-color: #000033 #E9E9E9 #E9E9E9;
border-image: none;
border-style: solid;
border-width: 2px 1px 1px;
float: left;
margin-left: 3px;
padding: 13px 13px 0;
position: relative;
width: 215px;
}
.goldensteps span {
color: red;
font-size: 11px;
font-weight: bold;
line-height: 1px;
line-height: 13px\9;
}
.goldensteps span.att {
font-size: 14px;
}
span.atttt {
font-weight: bold;
}
#goldenresident ul.double {
height: 110px;
}
#goldenresident li.duo {
width: 339px;
}
#multimedia .innercontainer {
margin: 0 15px;
}
#servicesandpartners ul {
position: relative;
text-align: center;
top: -60px;
height: 440px;
}
#servicesandpartners ul.partner {
height: 170px;
margin-bottom: 22px;
top: 15px;
}
#servicesandpartners li {
float: left;
margin-left: 24px;
margin-right: 24px;
position: relative;
width: 358px;
}
#servicesandpartners ul.partner li {
margin-left: 9px;
margin-right: 9px;
width: 145px;
}
.par li {
width: 28.9% !important;
}
#servicesandpartners p.minus {
font-size: 13px;
}
.minux {
padding-top: 10px;
}
#servicesandpartners p.head {
border-bottom: 1px solid #DDDDDD;
border-top: 1px solid #DDDDDD;
margin-bottom: 27px;
margin-top: 21px;
padding-bottom: 10px;
padding-top: 10px;
position: relative;
}
#servicesandpartners p.end {
font-size: 13px;
margin-left: 11px;
margin-right: 11px;
padding-top: 20px;
text-align: center;
}
.propepics {
bottom: 10px;
float: none;
height: 410px;
margin-left: 46px;
padding-bottom: 230px;
position: relative;
width: 770px;
}
.xesback, .xesback2 {
background: url("xes.jpg") repeat scroll 0 0 transparent;
color: #FFFFFF;
height: 225px;
position: relative;
right: 25px;
text-align: center;
width: 864px;
}
.xesback2 {
height: 91px;
right: 71px;
}
.xesback h2, .propepics h2 {
font-size: 24px;
padding-bottom: 10px;
padding-top: 44px;
text-align: center;
}
.propepics h2 {
padding-top: 29px;
}
.xesback p {
line-height: 20px;
padding: 0 10px;
}
.slim {
height: 80px;
top: -20px;
}
.slim h4 {
padding-top: 13px;
padding-bottom: 8px;
}
.slim p {
font-size: 13px;
}
.part {
font-size: 13px;
}
.movies {
position: relative;
z-index: 1;
padding-left: 50px;
padding-right: 60px;
}
#multimedia h3 {
font-size: 22px;
padding-bottom: 34px;
padding-top: 38px;
position: relative;
text-align: center;
}
.movies li h4, .movies h4 {
border-bottom: 1px solid #dbdbdb;
border-top: 1px solid #dbdbdb;
font-size: 12px;
margin-bottom: 15px;
padding-bottom: 10px;
padding-top: 10px;
position: relative;
margin-left: 0px;
margin-right: 0px;
}
.movies ul {
height: 200px;
position: relative;
}
.movies ul li {
float: left;
padding-left: 12px;
padding-right: 12px;
position: relative;
}
.movies li p {
color: #999999;
font-size: 10px;
}
.movies h4 {
font-size: 14px;
margin-left: 12px;
border-top: medium none;
margin-right: 18px;
padding-bottom: 16px;
padding-top: 19px;
}
#multimedia .boxi {
border: 1px solid #DBDBDB;
height: 94px;
margin-top: 20px;
padding: 10px;
position: relative;
width: 327px;
}
.boxi img {
float: left;
position: relative;
}
.boxi a {
color: #007AF4;
float: left;
font-size: 13px;
left: 6px;
position: relative;
top: 42px;
text-align: center;
}
.boxi a img {
bottom: 20px;
left: 67px;
}
#enquiryform img {
float: left;
position: relative;
right: 25px;
}
#enquiryform a img {
bottom: 14px;
float: none;
left: 45px;
position: relative;
right: 0;
}
#enquiryform .intromap {
padding-top: 20px;
width: 460px;
}
#enquiryform .intromap p {
margin: 25px 0px 14px;
}
.formbox {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #E8E8E8;
float: right;
font-size: 13px;
padding: 16px 16px 3px;
position: relative;
right: 38px;
text-align: center;
top: 33px;
width: 420px;
}
.formbox .boxleft {
float: left;
position: relative;
}
.formbox .boxleft p {
font-size: 13px;
}
.formbox a {
color: #007AF4;
position: relative;
top: 14px;
}
.formbox .boxright {
border-left: 1px solid #E8E8E8;
float: right;
height: 41px;
position: relative;
width: 170px;
}
.questions p {
border-bottom: 1px solid #E4E4E4;
color: red;
font-size: 20px;
padding-bottom: 24px;
padding-top: 30px;
position: relative;
text-align: center;
font-weight: 400;
}
#contacts .cont {
float: left;
height: 60px;
padding-top: 28px;
position: relative;
text-align: center;
width: 36%;
}
#contacts .groups, #contacts .groupss, #contacts .groupsss, #contacts .groupssss {
border-top: 1px solid #E4E4E4;
margin-top: 16px;
padding-top: 20px;
width: 25%;
}
#contacts .groups {
padding-top: 28px;
width: 18%;
}
#contacts .groupss {
width: 31%;
}
#contacts .groupsss {
width: 25%;
}
#contacts .groupss a, #contacts .groupsss a {
border-right: 1px solid #E4E4E4;
position: relative;
top: 5px;
}
#contacts .cont p {
font-size: 13px
}
.cont img {
float: left;
position: relative;
top: 6px;
}
#contacts .midle img {
left: 24px;
}
#contacts .right img {
left: 38px;
}
#contacts .midle {
border-left: 1px solid #E4E4E4;
border-right: 1px solid #E4E4E4;
width: 27%;
}
#copyright p {
color: #FFFFFF;
font-size: 11px;
padding-top: 16px;
text-align: center;
}/*para modal*/
#modal {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3);
border-radius: 8px 8px 8px 8px;
height: 831px;
left: 0 !important;
margin-left: -490px !important;
margin-top: -594px !important;
padding: 8px;
position: absolute !important;
top: 50% !important;
visibility: hidden;
width: 600px;
z-index: 101;
}
.reveal-modal-bg {
position: fixed;
height: 100%;
width: 100%;
background: #000;
background: rgba(0,0,0,.4);
z-index: 100;
display: none;
top: 0;
left: 0;
}
#content {
height: 764px;
width: 600px;
background: #fcfcfc;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#content {
height: 955px;
width: 600px;
}
.goldensteps span {
line-height: 13px;
}
#modal {
height: 1020px;
}
#heading {
background: none repeat scroll 0 0 #F9F9F9;
border-bottom: 1px solid #BABABA;
border-radius: 4px 4px 0 0;
height: 63px;
line-height: 44px;
text-align: center;
text-shadow: 0 1px 0 #FFFFFF;
width: 600px;
}
#heading h4 {
font-size: 14px;
line-height: 17px;
padding-top: 15px;
font-weight: normal;
text-transform: uppercase;
}
.headline {
border-bottom: 1px solid #999999;
margin: 0 200px;
padding-bottom: 10px;
padding-top: 20px;
position: relative;
text-transform: uppercase;
}
.headline h3 {
font-weight: normal;
}
.bot {
border-top: 1px solid #999999;
margin: 27px 130px 23px;
padding-bottom: 0;
padding-top: 13px;
}
.headline p {
font-size: 13px;
margin-top: 5px;
text-transform: none;
}
.formulae {
position: relative;
top: 30px;
}
#Namem, #Surname, #Children, #Nationality, #Address, #Country, #Town, #Telephone, #Fax, #Mobile, #Email, #Company, #Timing {
border: 1px solid #ACACAC;
font-size: 13px;
padding: 6px;
width: 400px;
float: left;
position: relative;
}
#Nationality, #Children {
width: 56px;
}
#Nationality {
width: 176px;
}
fieldset.formFieldset ol.formContainer li {
background-image: none;
clear: both;
list-style: none outside none;
margin: 0;
padding: 4px 0;
}
fieldset.formFieldset ol.formContainer li.gb {
padding: 0px 0
}
fieldset.formFieldset ol.formContainer li.opts {
padding-bottom: 30px;
}
.second {
padding-top: 20px !important;
}
fieldset.formFieldset ol.formContainer li.optss, fieldset.formFieldset ol.formContainer li.optsss, fieldset.formFieldset ol.formContainer li.optssss {
padding-bottom: 23px;
padding-top: 0;
}
fieldset.formFieldset ol.formContainer li.optsss {
margin-left: 47px;
}
fieldset.formFieldset ol.formContainer li.optssss {
margin-top: 15px;
}
.formCaption {
display: block;
float: left;
height: 1px;
line-height: 28px;
margin-right: 21px;
text-align: right;
width: 105px;
}
.chose {
margin-left: 211px;
text-align: left;
width: 220px;
}
.multi, .multix {
line-height: 14px;
}
.multix {
width: 90px;
}
.trip {
margin-right: 1px;
width: 73px;
}
.double, .two {
clear: none !important;
float: left;
width: 342px;
}
.two {
width: 224px;
}
.web {
float: none;
width: 740px;
}
.opt {
float: left;
padding-right: 13px;
position: relative;
top: 4px;
}
.tin {
font-size: 14px;
}
.tin p {
float: left;
font-size: 13px;
margin-bottom: 3px;
margin-left: 50px;
position: relative;
}
#Town, #Country, #Telephone, #Fax, #Mobile, #Email, #Timing {
margin-left: 126px;
width: 152px;
}
#Country, #Fax, #Email {
margin-left: 82px;
}
#Timing {
margin-left: 102px;
width: 57px;
}
.triple {
clear: none !important;
float: left;
width: 292px;
}
.way {
padding: 6px 0;
position: relative;
}
.wax {
padding: 0px 0;
}
#Send, #Sendmodal {
background: none repeat scroll 0 0 #000033;
border: 1px solid #ACACAC;
color: #FFFFFF;
cursor: pointer;
font-family: open sans;
font-size: 13px;
font-style: normal;
font-weight: 900;
padding: 11px;
position: relative;
width: 542px;
}
.bts {
position: relative;
top: 24px;
}