/*-----------------------------------
RESET
-----------------------------------*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body { line-height: 1.5; background: #fff; margin:1.5em 0; }

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

a img { border: none; }


/*-----------------------------------
LAYOUT
-----------------------------------*/
body{
	text-align:center;
	margin-top:10px;
}

.container{
	width:980px;
	margin:auto;
	text-align:center;
	font-family:arial, verdana, tahoma;
	color:white;
	/*background-image:url(images_freepin/mobile_ordering_bk.jpg);*/
}

#contenedor{
	/*background-color:#0064A0;*/
	background-image:url(images_freepin/contenedor_bk.jpg);
	background-position:center;
	width:980px;
	padding-top:20px;
}

/*-----------------------------------
LOGO
-----------------------------------*/

.logo{
	text-align:left;
	background-image:url(images_freepin/logo_bk.jpg);
	background-repeat:repeat-x;
}

.idioma{
	float:right;
	margin-top:-40px;
	padding-right:20px;
	font-size:13px;
	color:#0064A0;
}

.idioma a{
	color:#0064A0;
	text-decoration:none;
}

.idioma a:hover{
	text-decoration:underline;
}


/*-----------------------------------
MOBILE_ORDERING
-----------------------------------*/
.mobile_ordering{
	width:650px;
	margin:auto;
	font-size:20px;
	/*background-color:#0064A0;*/
	background-image:url(images_freepin/mobile_ordering_top.gif);
	background-repeat:no-repeat;
	margin-bottom:25px;
}

.mobile_ordering_bottom{
	background-image:url(images_freepin/mobile_ordering_bottom.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	height:25px;
}

.mobile_ordering h1{
	font-size:30px;
	font-weight:bold;
}


/*-----------------------------------
FREE_TRIAL
-----------------------------------*/
.free_trial{
	width:460px;
	height:154px;
	margin:auto;
	margin-bottom:0px;
	background-image:url(images_freepin/free_trial_bk.gif);
	background-repeat:no-repeat;
	background-position:center;
	color:black;
	font-size:18px;
	font-family:'trebuchet ms', arial, verdana;
	letter-spacing:-1px;
	text-align:center;
}

.free_trial h2{
	font-family:helvetica, arial, 'sans serif', verdana, tahoma;
	color:red;
	font-size:32px;
	font-weight:bold;
	margin-bottom:0px;
	text-transform:uppercase;
	line-height:45px;
}

.free_trial p{
	width:440px;
	margin-left:auto;
	margin-right:auto;
}

.free_trial strong{
	color:#DF0000;
	text-transform:uppercase;
}


/*-----------------------------------
HOW_IT_WORKS
-----------------------------------*/
.how_it_works{
	padding-top:10px;
	padding-bottom:5px;
	border-bottom:2px solid #E7E7E7;
	background-color:white;
	color:#4D4D4D;
}

.how_it_works h3{
	font-size:24px;
	font-weight:bold;
	letter-spacing:5px;
	text-transform:uppercase;
}


/*-----------------------------------
ONE_TWO_THREE
-----------------------------------*/
.one_two_three{
	background-color:white;
	color:black;
	text-align:left;
	padding-top:25px;
}

.one_two_three .animacion_123{
	float:left;
	margin-right:5px;
	margin-left:5px;
	/*background-color:red;*/
	width:90px;
	height:130px;
}

.one_two_three h4{
	font-size:18px;
	letter-spacing:-1px;
	font-weight:bold;
	color:#006AB7;
}

.one_two_three h4 strong{
	background-image:url(images_freepin/circulo_rojo.gif);
	background-position:center;
	background-repeat:no-repeat;
	padding-left:5px;
	padding-right:5px;
	height:15px;
	color:white;
	font-size:20px;
}

.one_two_three p{
	margin-top:10px;
	font-family:'trebuchet ms', arial, 'sans serif';
	font-weight:normal;
	font-size:14px;
	letter-spacing:0px;
	line-height:150%;
	padding-right:10px;
	
	min-height:85px;
	height:auto !important;
	height:85px;
}

.one_two_three_bottom{
	/*background-image:url(images_freepin/123_bottom.gif);
	background-repeat:no-repeat;*/
	/*background-color:green;*/
	height:15px;
}

.one, .two, .three{
	width:320px;
	float:left;
	/*background-color:silver;*/
	/*background-image:url(images_freepin/123_top.gif);
	background-repeat:no-repeat;*/
}

.123_bottom{
	height:10px;
	background-image:url(images_freepin/123_bottom.gif);
	background-repeat:no-repeat;
}

.two{
	margin-left:10px;
	margin-right:10px;
}


/*-----------------------------------
FOOTER
-----------------------------------*/
.footer{
	margin-top:10px;
	/*background-color:#E7E7E7;*/
	background-color:#0064A0;
	color:white;
	font-weight:normal;
	text-align:center;
	/*border-top:1px solid yellow;*/
}

.footer a{
	color:white;
	font-family:'trebuchet ms', arial, 'sans serif';
	font-size:16px;
	text-transform:uppercase;
}

/*-----------------------------------
CLASES
-----------------------------------*/
.clear{
	float:none;
	clear:both;
}