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{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

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

}


.wrapper { width: 100%; }
	.wrapper .header { width: 100%; height: 18px; margin-top: 5px; }
	.wrapper .header > div { height: 100%; float: left; }
	.wrapper .header .iz { width: 60%; background: url(../img/bg_header_red.png) repeat-x; }
	.wrapper .header .de { width: 40%; background: url(../img/bg_header_green.png) repeat-x; }

	.body { width: 1152px; margin: auto; background: url(../img/bg.png)no-repeat 169% 130px; }
	.body .body-header { height: 60px; padding-left: 40px; padding-right: 40px; }
		.body .body-header > div { height: 100%; width: 50%; position: relative; }
		.body .body-header > div a { height: 50px; width: 150px; display: block; position: absolute; bottom: 0; }
		.body .body-header .logo-cepsa { float: left; background: url(../img/logo_cepsa.png) no-repeat bottom left; }
		.body .body-header .logo-deco { float: right; background: url(../img/logo_deco.png) no-repeat bottom right; }
			.body .body-header .logo-deco a { right: 0; }

.red { color: #ff0000 !important; }
.green { color: #068a46 !important; }
.bold { font-weight: 700 !important; }
.big { font-size: 14px !important; }
.bigger { font-size: 20px !important; }
.small { font-size: 12px !important; }
.right { right: 23% !important; position: absolute; }
.left { left: 23% !important; position: absolute; }
.legend { font-size: 11px !important; margin-top: 1px; padding-bottom: 1px; line-height: 14px !important; margin-bottom: 10px; }
sup { vertical-align: super; font-size: smaller; }
.cl { background-color: #f6f6f6; border-top: 2px solid #fff; border-bottom: 2px solid #fff; }
.arrow { background: url(../img/arrow.png) no-repeat; height: 20px; width: 20px; display: block; float: left; }

.body .content { padding-left: 40px; padding-right: 40px; font-family: 'Tahoma'; color: #525252; position: relative; }
.body .content h1 { font-family: 'flamabookregular'; text-transform: uppercase; font-size: 29px; width: 68%; padding-top: 100px; line-height: 34px; padding-bottom: 20px; }
.body .content p { font-size: 13px; color: #525252; width: 59%; line-height: 18px; }

.body .content > div { background: url(../img/bg_tabla.png) no-repeat -40px 5px; padding-top: 10px; margin-top: 20px; margin-bottom: 20px; padding-left: 15px;  }

.body .content div > div { position: relative; width: 46%; }
.body .content div > .destacado { height: 20px; padding: 10px; background-color: #fff; margin: 10px; margin-left: 0;  }
.body .content div > div table { width: 94%; box-sizing: border-box; margin: 10px; margin-left: 30px; margin-right: 30px; margin-top: 15px; }
.body .content div > div table td { padding: 10px; }
.body .content div > div table td.lf { text-align: left; }
.body .content div > div table td.rg { text-align: right; }

.body .content div > div .float { position: absolute; left: 10px; bottom: 15px; width: 120px; font-size: 10px; }
.body .content h3 { text-transform: uppercase; padding: 20px; float: left; padding: 0; font-size: 15px; font-weight: 200; }
.body .content h4 { float: left; width: 30%; text-align: center; padding-top: 15px; padding-bottom: 15px;  }

.body .content div > div > p { /*width: 60%; text-align: center; background: url(../img/bullet_lg.png) no-repeat center 50%; padding-bottom: 10px; padding-top: 10px; clear: both; height: 21px;*/ width: 20%; float: right; text-align: right; padding-right: 20px; } 
.body .content div > div > p.small { width: 60%; text-align: center; background: url(../img/bullet_sm.png) no-repeat center 50%; font-size: 11px; position: relative; } 

.body .content ul { margin-top: 20px; margin-bottom: 20px; }

.body .content > div.content-right { background: none; position: absolute; right: 40px; bottom: 50px; width: 41%; }
.body .content > div.content-right ul li { clear: both; margin: 15px; font-size: 14px; }
.body .content > div.content-right > p { width: 90%; padding: 10px; padding-left: 0; padding-right: 0; margin: auto; }
.body .content > div.content-right > p > a { text-decoration: underline; }
.body .content > div.content-right a p { width: 61%; margin-top: 5px; font-family: 'flamabookregular'; text-transform: uppercase; font-size: 29px; color: #e00109; background: none; line-height: 30px; text-align: left; margin-right: 29px; float: right; }
.body .content > div.content-right h2 { line-height: 20px; padding-bottom: 15px; }
.body .content > div.content-right div { height: 78px; width: 100%; margin-bottom: 10px; }
.body .content > div.content-right a { height: 100%; width: 100%; display: block; text-decoration: none; position: relative; }
.body .content > div.content-right a div { background: url(../img/tarjeta_min.png) no-repeat; height: 120px; width: 144px; position: absolute; bottom: -24px; left: -11px; } 

.body .footer { background-color: #e00109; padding-left: 40px; padding-right: 40px; font-family: 'Tahoma'; font-size: 13px; }
.body .footer ul { width: 100%; margin-left: auto; height: 50px; }
.body .footer li { float: left; height: 50px; }
.body .footer li a { padding: 16px; padding-top: 0; padding-bottom: 0; margin-top: 16px; margin-bottom: 16px; display: block; color: #fff; }