@font-face {
    font-family: 'frutiger_ce_45_lightregular';
    src: url('/fonts/frutiger_ce_45_light-webfont.eot');
    src: url('/fonts/frutiger_ce_45_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/frutiger_ce_45_light-webfont.woff') format('woff'),
         url('/fonts/frutiger_ce_45_light-webfont.ttf') format('truetype'),
         url('/fonts/frutiger_ce_45_light-webfont.svg#frutiger_ce_45_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body,html{
width:100%;
height:100%;
color: #727272;
font-family: arial;
font-size: 12px;
font-family: 'frutiger_ce_45_lightregular';
}

#container{
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
min-width: 960px;
}

#true_container{
position: relative;
width: 560px;
height: 650px;
overflow: hidden;
margin: 0 auto;
background: url(/images/suscripcion/fond_.png) repeat left top;
border-radius: 7px;
margin-top: 30px;
}

h1{
position: relative;
width: 415px;
height: 250px;
overflow: hidden;
margin: 10px auto 0px;
}

h1 a{
display: block;
position: relative;
width: 415px;
height: 279px;
overflow: hidden;
text-indent: -9999px;
background: url(../../images/suscripcion/logo.png) no-repeat left top;
}

h2{
position: relative;
width: 500px;
min-height: 30px;
line-height: 30px;
font-size: 24px;
text-align: center;
margin: 0px auto 0px;
font-family: 'frutiger_ce_45_lightregular';
color: #FFFFFF;
text-shadow: 1px 1px 0px #000;
padding: 12px;
}

p{
position: relative;
width: 100%;
text-align: center;
font-size: 16px;
margin: 5px 0px;
width: 450px;
color: #fff;
padding: 7px;
overflow: hidden;
margin: 0 auto;
text-shadow: 1px 1px 0px #000;
}

#forms{
position: relative;
width: 560px;
min-height: 30px;
overflow: hidden;
padding: 7px 0px;
margin: 15px auto;
}


input[type="text"]{
display: block;
position: relative;
height: 61px;
line-height: 61px;
font-size: 24px;
color: #696969;
font-style: oblique;
float: left;
border: none;
background: none;
font-family: 'frutiger_ce_45_lightregular';
font-weight: normal;
text-shadow: 1px 1px 0px #f3f3f3;
}

#input1{
width: 168px;
padding: 0 10px;
background: url(/images/suscripcion/input1.png) no-repeat left top;
margin-right: 10px;
margin-left: 21px;
}

#input2{
width: 201px;
padding: 0 10px;
background: url(/images/suscripcion/input2.png) no-repeat left top;
margin-right: 10px;
padding: 0px 116px 0px 10px;
}



input[type="submit"]{
display: block;
position: relative;
height: 51px;
line-height: 51px;
font-size: 17px;
color: #fff;
text-transform: uppercase;
float: left;
border: none;
background: none;
font-family: 'frutiger_ce_45_lightregular';
font-weight: normal;
width: 101px;
text-align: center;
background: url(/images/suscripcion/input3.png) no-repeat left top;
margin: 5px 0px;
text-shadow: 1px 1px 0px #046c93;
margin-left: -118px;
cursor: pointer;
}

#buttons{
text-align: center;
}

.fb-like{
top: -4px;
margin-right: 10px;
}

.ui-autocomplete{
width: 168px;
min-height: 20px;
max-height: 100px;
overflow: hidden;
background: #dcdddd;
border-radius: 6px;
box-shadow: 1px 1px 0px #fff, inset 1px 1px 0px #9b9b9b;
margin-left: 9px;
padding: 5px 0px;
}

.ui-autocomplete li{
display: block;
position: relative;
font-size: 14px;
line-height: 20px;
text-indent: 8px;
text-transform: capitalize;
cursor: pointer;
}

.ui-autocomplete li:hover{
background: #6b6b6b;
color: #fff;
}

ul.mylist{
display: none;
position: absolute;
width: 169px;
height: 461px;
background: url(/images/suscripcion/listaa.png) no-repeat left top;
z-index: 500;
overflow: hidden;
top: 50%;
margin-top: -230px;
margin-left: 29px;
}

ul.mylist li{
display: block; position: relative;
width: 168px;
height: 17px;
line-height: 17px;
border-bottom: 1px solid #cfcfcf;
text-align: left;
overflow: hidden;
margin: 0;
padding: 0;
cursor: pointer;
}

ul.mylist li p{
display: block; position: relative;
width: 168px;
height: 17px;
line-height: 17px;
text-align: left;
text-indent: 12px;
overflow: hidden;
margin: 0;
padding: 0;
text-transform: capitalize;
color: #3b3b3b;
text-shadow: none;
}


ul.mylist li p:hover{
font-weight: bold;
}

ul.mylist li:last-child{
border: none;
}

#forms span{
display: block;
text-align: center;
font-size: 30px;
line-height: 55px;
font-weight: bold;
color: #00aeef;
text-shadow: 1px 1px 0px #fff;
}