/* General Demo Style */

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

}

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

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

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

}

/* Reset */

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, av, input, select, textarea {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	line-height:1.3;
	list-style:none;
}


*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

body, html { font-size: 100%; 	padding: 0; margin: 0; height:100%; font-family: 'swis721_lt_btlight'; color:#fff; 
	background:#fff;}


.content{
	bottom:80px;
	text-align:left !important;
	vertical-align: text-bottom;
	max-width:960px;
}

.center{margin:0 auto; text-align:left; max-width:1280px; height:100%;}

header{
	float:left;
	width:100%;
	padding:32px 80px;
	background:#fff;
	}
	
.slides{
	width:100%;
	float:left;
	margin-bottom:80px;
}

.logo{
	width:168px;
	height:44px;
	float:right;
	background:url(../images/logo_safecreative.png);
}


h1.agentes{
	height:80px;
	float:left;
	background:url(../images/safecreative_agentes.png) left no-repeat;
	padding-left:90px;
	padding-top:24px;
	margin-left:-12px;
	margin-top:-12px;
	color:#282828;
}

h2{font-size:240%; line-height:1; margin-bottom:32px; color:#fa0514; font-family: 'swis721_cn_btbold'; text-transform:uppercase;}
p{font-size:140%; margin-bottom:24px; color:#282828;}


.bg01 .center,
.bg03 .center{padding:80px 32px; padding-right:480px;}

.bg02 .center,
.bg04 .center{padding:64px 32px; padding-left:480px;}


.bg01 .center{background:url(../images/bg_01.png) no-repeat right bottom;}
.bg02 .center{background:url(../images/bg_02.png) no-repeat left bottom;}
.bg03 .center{background:url(../images/bg_03.png) no-repeat right bottom;}
.bg04 .center{background:url(../images/bg_04.png) no-repeat left bottom;}

.bg01, .bg03{background:#efefef;}

a {
	color: #f0f0f0;
	text-decoration: none;
}

a:hover {
	color: #000;
}

a.btn{   
	font-size: 24px;
    text-transform: uppercase;
    background: #f80514;
    padding: 16px 32px;
    border-radius: 8px;
    color: #fff;
    text-decoration: none;
	margin-top:16px;
	display:inline-block;
	font-family: 'swis721_cn_btbold';
	text-align:center;
	}

a.btn:hover{background:#d10310;}

footer{
	background: #f80514;
	text-align:center;
	padding:24px;
	width:100%;
	float:left;
}

footer a{color:#fff;}
footer a:hover{color:#fff; text-decoration:underline;}


@media screen and (max-width: 960px) {
	h2{font-size:200%; margin-bottom:16px;}
	p{font-size:100%; margin-bottom:16px;}
	.bg01 .center,
	.bg03 .center{padding-right:320px;}

	.bg02 .center,
	.bg04 .center{padding-left:320px;}
	
	a.btn{font-size: 18px;}
}


@media screen and (max-width: 640px) {
	h2{font-size:160%; margin-bottom:16px;}
	p{font-size:100%; margin-bottom:16px;}
	
	.bg01 .center,
	.bg03 .center{padding-right:32px;}

	.bg02 .center,
	.bg04 .center{padding-left:32px;}
	
	.slide .center{padding-top:32px; padding-bottom:260px;}
	
	.bg01 .center{background:url(../images/bg_01_s.png) no-repeat center bottom;}
	.bg02 .center{background:url(../images/bg_02_s.png) no-repeat center bottom;}
	.bg03 .center{background:url(../images/bg_03_s.png) no-repeat center bottom;}
	.bg04 .center{background:url(../images/bg_04_s.png) no-repeat center bottom;}
}

@media screen and (max-width: 480px) {
	h2{font-size:120%;}
	header{padding:24px;}
	.logo{display:none;}
	a.btn{font-size:18px;}
	
}