/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

@font-face {
	font-family: abcsemibold;
	src: url('../font/abcsemibold.otf');
}
@font-face {
	font-family: abcblack;
	src: url('../font/abcblack.otf');
}
@font-face {
	font-family: abcmedium;
	src: url('../font/abcmedium.otf');
}
@font-face {
	font-family: abclight;
	src: url('../font/abclight.otf');
}
#container {margin:0 auto 20px; float:left; width:644px; border:1px dotted #d3d3d3; background-color:#ffffff; /* Old browsers */
/*
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef',endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
*/
background: -moz-linear-gradient(top, #efefef 0%, #ffffff 3%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(3%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #efefef 0%,#ffffff 3%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #efefef 0%,#ffffff 3%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #efefef 0%,#ffffff 3%); /* IE10+ */
background: linear-gradient(to bottom, #efefef 0%,#ffffff 3%); /* W3C */}
#container h1{font:34px georgia; color:#333333; margin-top:30px; text-align:center;}
#container h3{color: #333333;font: 14px abclight;margin: 0 auto;text-align: center;width: 405px;}
#container time{color: #333333; display: block;font: 10px gorgia;margin-left: 23px; margin-top: 26px; text-transform:uppercase;}
#container .wrap {width:645px; margin:0 auto; }
#container header p {color: #333333;font: 14px georgia; margin-left: 23px; margin-top: 10px;text-align: justify;width:600px;}
#container header p a {color:#5486bf;}
#container .blue {color:#2089c8; margin-left:23px; text-decoration: none; margin-top:15px; display:block; font-size:14px;}
#container .blue:hover {opacity:0.8;}
#container #suscribete {float:left; width:644px; margin-top:20px;}
#container #suscribete span {float:left; width:100%; color:#333333; font:14px georgia; margin-left:23px; text-align: justify;}
#container #suscribete #logo{margin:30px auto; display:block; width:121px; height:61px;}
#container #suscribete #logo:hover{opacity:0.9;}
#container #middle {float:left; width:644px;}
#container #buttons{width:644px; height:160px;}
#container #buttons a{ display:inline-block; margin:38px;}
#container #buttons a:hover{opacity:0.9; }
#container #first-button {background: url(../img/sus_mens.png) no-repeat; width:244px; height:104px; }
#container #second-button {background: url(../img/acc_dia.png) no-repeat; width:244px; height:104px; }
#container #first-button img {margin-top: 38px;}
#container #bodegon {  background: url("../img/bodeg.jpg") no-repeat scroll center center transparent;border-bottom: 1px dotted #d9d9d9; height: 245px;position: relative;text-indent: -9999px;width: 645px;z-index: 0;}
#container #bottom { width:425px; margin:0 auto; position:relative; bottom:10px;}
#container #footer {  bottom: 40px;margin: 25px auto;position: relative;width: 425px;}
#container #icon {background: url(../img/ic_descarg.png);height:63px; width:59px;  display: inline-block;}
#container #icon-footer {background: url(../img/ic_info.png);height:63px; width:59px;  display: inline-block;}
#container #container-bottom {background-color: #F8F8F8; border-top: 1px dotted #d9d9d9; width:644px; float:left;}
#container #container-footer {  background-color: #F8F8F8; border-top: 1px dotted #d9d9d9;width: 644px; }
#container div#container-bottom div#bottom h2 { bottom: 13px;color: #214967;display: inline-block;font-family: abcsemibold;font-size: 18px;margin-left: 5px;position: relative;}
#container div#container-bottom div#container-footer div#footer h2{bottom: 13px;color: #214967;display: inline-block;font-family: abcsemibold;font-size: 18px; margin-left: 5px;position: relative;}
#container .gold {color:#c9a411;}
#container #content-download {width:644px; height:115px; }
#container #google-play {background: url("../img/des_googplay.jpg") no-repeat scroll 0 0 transparent;display: inline-block;height: 46px;margin: 0 55px auto;width: 233px;margin-top:28px;}
#container #app-store {background: url("../img/des_appstore.jpg") no-repeat scroll 0 0 transparent;display: inline-block;height: 46px;width: 233px; margin-top:28px;}
#container #google-play:hover {opacity:0.9;}
#container #app-store:hover {opacity:0.9;}
#container #mail {position:relative; bottom:40px;color: #214967;font: 15px abclight;text-align: center;}
#container #contact {position:relative; bottom:40px;color: #214967;font: 12px abclight;text-align: center; padding:0 15px;}
#container #legal{box-shadow: 1px -6px 2px -6px inset;}