/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, 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, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	background: url("img/noise.jpg");
}
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: 'decotura_icgregular';
    src: url('font/decotura-webfont.eot');
    src: url('font/decotura-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/decotura-webfont.woff') format('woff'),
         url('font/decotura-webfont.ttf') format('truetype'),
         url('font/decotura-webfont.svg#decotura_icgregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

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

}

@font-face {
	font-family: ronniasb;
	src: url('font/ronniasb.otf');
}

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

}

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

}



.wrap { width:1260px;  margin:0 auto; }
#titular { text-decoration: none; font-family: ronniasb; color:#7f8cab; font-size:38px; text-align: center; margin-top:27px; display:block; }
#cabecera .wrap a#titular h1 img { position: relative; top:20px; margin:0 18px; }
#left-container { margin-top:21px; margin-left:15px; vertical-align:top; background: url("img/ipad.png") no-repeat scroll 0 0 transparent;display: inline-block;height: 590px;text-indent: -9999px;width: 631px; }
#right-container { background: url("img/filete.png") no-repeat scroll left center transparent;display: inline-block;margin-left: 50px;vertical-align: top;width: 558px; }
#right-container ul {margin-top:70px; margin-left:40px; }
#suscribe {background: url("img/bt-suscribete.png") center center no-repeat; position:relative; height:82px; text-indent: -9999px; display:block;}
#suscribe:hover {opacity:0.9;}
.subtitle{ background: url(img/title.png) no-repeat center center; height:50px; margin-top:42px; text-indent: -9999px; }
.titulo {color: #FFFFFF;font-family: museo_slab500;font-size: 30px;}
.incluye { font:37px ronniasb; color:#7f8cab; margin-left: 67px; }
.red-star{ background: url("img/star.png") no-repeat scroll 0 0 transparent;color: #FFFFFF;display: block;font: 23px ronniarltregular;margin: 25px 72px;padding-left: 40px; }
.blue { color:#bcc8e4; }
#logos { border-top:1px dotted #4a4f5b; margin-top:50px;}
#legal { font: 10px ronniarltregular;color:#6a6f7c; text-align: center; width:170px; margin:13px auto;  }
#village-roadshow-logo { display:inline-block; background: url("img/village-logo.png") repeat scroll 0 0 transparent;height: 44px;width: 147px;margin:33px; }
#middle-container .wrap #logos p {  color: #4B4542;display: inline-block;font: 30px bebas_neueregular;margin-left: 230px;margin-right: 155px;margin-top: 42px;vertical-align: top;width: 369px;}
#warner-bros-logo {background: url("img/warner-logo.png") no-repeat scroll 0 0 transparent;display: inline-block;height: 50px;margin-bottom: 35px;margin-left: 20px;width: 226px;}
#pie{ width:100%;
background: #2a3140; /* Old browsers */
background: -moz-linear-gradient(left, #2a3140 0%, #495a7b 25%, #495a7b 77%, #2a3140 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#2a3140), color-stop(25%,#495a7b), color-stop(77%,#495a7b), color-stop(100%,#2a3140)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #2a3140 0%,#495a7b 25%,#495a7b 77%,#2a3140 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #2a3140 0%,#495a7b 25%,#495a7b 77%,#2a3140 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #2a3140 0%,#495a7b 25%,#495a7b 77%,#2a3140 100%); /* IE10+ */
background: linear-gradient(to right, #2a3140 0%,#495a7b 25%,#495a7b 77%,#2a3140 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a3140', endColorstr='#2a3140',GradientType=1 ); /* IE6-9 */}
#middle-container div.wrap div#footer img {display:inline-block;width: 100px;}
#middle-container div#pie div#footer-container p {color:#fff; font:museo_slab500 12px; float: right;font-family: museo_slab500; font-size: 21px;line-height: 52px; color:#fff;}
#footer-container{  margin: 0 auto;position: relative;top: 18px;width: 750px; }
.footer-legal{ padding:15px; color:#fff; font-family:Arial; font-size:10px; text-align: center; margin-top: 14px;}
#footer div.wrapp{width: 1240px !important;}
#cabecera div#wrap a#titular h1.titulo img {position:relative; top:20px; margin-left:10px; margin-right:10px;}
#bases-legales{ color:#6a6f7c; text-decoration: underline; font-weight: bold; }