@charset "utf-8";
/* CSS Document */

/* ********************************* 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, font, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ul {
	list-style: none;
}

ol li ol {
	list-style:lower-latin;
	}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

input {font-family:"Trebuchet MS",Georgia, "Times New Roman", Times, serif;}

hr {
	border-top:1px solid #cfcfcf;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;			
	}
/* ********************************* MAIN ******************************************* */


body {margin:0;padding:0;font-family:"Trebuchet MS",Georgia, "Times New Roman", Times, serif;color:#2f2f2f;}

body#bodyhome {
	background:#fff url(../img/bg-body-home.jpg) repeat-x;
	height:100%;
	}
	
body#bodyhome #wrap {
	height:300px;
	width:100%;
	background:url(../img/home-bg-top-3.jpg) top center no-repeat;
	}

body#bodyint {
	background:#fff url(../img/bg-body-int.jpg) repeat-x;
	height:100%;
	}
	
	
#wrap-body {
	margin:0 auto;
	width:900px;
	text-align:left;
	}

h1.main-title {
	text-indent:-9999px;
	margin-top:-26px;
	background:url(../img/main-title.jpg) left top no-repeat;
	height:82px;
	width:447px;
	}
	
h1.main-title2 {
	text-indent:-9999px;
	margin-top:-27px;
	background:url(../img/main-title2.jpg) left top no-repeat;
	height:64px;
	width:331px;
	}
	
h1.main-title a, h1.main-title2 a {width:100%;display:block;height:100%;}
	
.clear {clear:both;height:1px;}
.blue {color:#22799b;}	

.home-protagonistas {
	width:788px;
	height:193px;
	margin:0 auto;
	overflow:hidden;
	background:url(../img/prota08.jpg) no-repeat top left;
	position:relative;
	}
	
.home-protagonistas h4 {text-indent:-9999px;}
.home-protagonistas p {text-align:center;font-size:16px;color:#2f2f2f;margin-left:332px;margin-top:63px;width:419px;}
.home-protagonistas a {color:#ff7200;}
.home-protagonistas span {font-size:13px;}

.link-protas-home {position:absolute;width:300px;height:180px;display:block;top:0;left:0;text-indent:-9999px;}
	
/* ********************************* ACTIONS ******************************************* */

#menu-sup {text-align:right;padding-top:3px;}

#menu-sup ul li {display:inline;height:40px;}

#menu-sup ul li a {
	color:#aa771b;
	font-weight:bold;
	font-size:14px;
	text-decoration:none;
	padding:12px 26px;
	height:100%;
	line-height:30px;
	}
	
#menu-sup ul li a:hover {
	color:#7d5331;
	background:url(../img/menu-sup-hover-bg.jpg) center 5px no-repeat;
	}
	
body#bodyint #menu-sup ul li a:hover {
	color:#7d5331;
	background:url(../img/menu-sup-hover2-bg.jpg) center 5px no-repeat;
	}	
	
	
/* ********************************* SLOGAN ******************************************* */

#slogan {
	width:450px;
	height:200px;
	color:white;
	margin-top:5px;
	text-align:center;
	}
	
#slogan h2 {font-weight:bold;font-size:27px;padding-top:25px;}
#slogan h3 {font-weight:normal;font-size:22px;padding-top:5px;}
#slogan h4 {font-weight:bold;font-size:15px;padding-top:25px;line-height:20px;}

#slogan-links {margin-top:10px;text-align:center;margin-left:68px;}
#slogan-links a {float:left;padding-right:15px;}

.consigue-link {
	background:url(../img/link-consigue-bg.jpg) no-repeat;
	height:34px;
	width:148px;
	text-indent:-9999px;
	display:block;
	}
	
.masinfo-link {
	background-image:url(../img/link-masinfo-bg.jpg);
	background-repeat:no-repeat;
	height:34px;
	width:152px;
	text-indent:-9999px;
	display:block;
	}
	
.consigue-link:hover {
	background-position:0 -37px;
	}
	
.masinfo-link:hover {
	background-position:0 -37px;
	}
	
#discount-home {
	position:absolute;
	top:245px;
	right:154px;
	width:181px;
	height:46px;
	}
	
#discount-home a {
	width:100%;
	height:100%;
	display:block;
	text-indent:-9999px;
	background-repeat:no-repeat;
	}
	
		
/* ********************************* MENU ******************************************* */

#menu {
	height:30px;
	text-align:center;
	padding-top:20px;
	padding-bottom:20px;	
	}
	
#menu ul li {
	display:inline;
	height:30px;
	}
	
#menu ul li a {
	color:#3e3e3e;
	font-weight:bold;
	font-size:14px;
	text-decoration:none;
	padding:0 12px;
	}
	
#menu ul li a:hover {
	color:#ff7200;
	text-decoration:underline;
	}
	
	
	
/* ********************************* BODY HOME ******************************************* */

#home-content {background:white;display:block;}

#home-show {
	float:left;
	width:400px;
	text-align:center;
	margin-bottom:50px;
	}
	
#home-intro {
	float:left;
	width:490px;
	margin-top:30px;
	} 
	
#home-intro h2 {
	color:#187397;
	font-size:35px;
	font-weight:bold;
	margin-bottom:25px;
	}

#home-intro ul {margin-left:20px;}
	
#home-intro ul li {
	margin-bottom:25px;
	list-style-image:url(../img/img-list.jpg);
	line-height:18px;
	}
	
#home-intro ul li a {
	color:#ff7200;
	font-weight:bold;
	}	

.note-home {font-size:12px;margin-top:10px;}
.note-home strong {color:#ff7200;}



/* ********************************* BODY INT ******************************************* */

#body-content {margin-bottom:50px;}

#body-content h1 {
	color:#187397;
	font-size:35px;
	line-height:50px;
	margin-top:10px;
	margin-bottom:10px;
	font-weight:bold;
	}
	
#body-content h2 {
	font-size:15px;
	font-weight:normal;
	margin-bottom:40px;
	line-height:19px;
	}

#body-content h2 a {color:#ff7200;}
	

/*************************** SECTION: HOW IT WORKS ************************************ */

.funciona h3 {
	color:#ff7200;
	font-size:25px;
	font-weight:bold;
	}
	
.funciona p, .funciona li {
	margin-top:10px;
	font-size:14px;
	text-align:justify;
	line-height:16px;
	}
	
.funciona div p a, .funciona div ul li a  {color:#ff7200;}
.funciona div {display:block;width:auto;}

#funciona01 {background:url(../img/funciona-bg-01.gif) top left no-repeat;padding-left:75px;height:200px;}
#funciona02 {background:url(../img/funciona-bg-02.gif) top left no-repeat;height:72px;}
#funciona03 {background:url(../img/funciona-bg-03.gif) top right no-repeat;padding-right:75px;height:200px;}
#funciona04 {background:url(../img/funciona-bg-04.gif) top left no-repeat;height:74px;}
#funciona05 {background:url(../img/funciona-bg-05.gif) top left no-repeat;padding-left:75px;height:240px}
#funciona06 {background:url(../img/funciona-bg-06.gif) top left no-repeat;height:80px;}
#funciona07 {background:url(../img/funciona-bg-07.gif) top right no-repeat;padding-right:147px;width:680px;height:110px}

#funciona07 h3 {font-size:41px;text-align:right;line-height:115px;}

#funciona01 img, #funciona05 img {
	float:right;
	width:420px;
	margin:30px;
	height:200px;
	}
	
#funciona03 img {
	float:left;
	width:420px;
	margin:30px;
	height:200px;
	}


/*************************** SECTION: GENERIC ************************************ */

.condiciones h3, .ocasiones h3 {
	font-size:18px;
	margin:40px 0 25px 0;
	padding:0;
	font-weight:bold;
	
	}
	
.condiciones h4, .ocasiones h4 {
	font-size:15px;
	margin:15px 0 10px 0;
	padding:0;
	font-weight:bold;
	}
	
.condiciones p, .ocasiones p {
	font-size:14px;
	margin:0 0 20px 0;
	padding:0;
	text-align:justify;
	line-height:16px;	
	}
	
.condiciones ol, .ocasiones ol {
	margin: 0 0 0 45px;
	}
	
.condiciones ol li, .ocasiones ol li {
	font-size:14px;
	margin:20px 0 0 0;
	padding:0;
	text-align:justify;
	line-height:16px;
	}
	
.condiciones p a, .ocasiones p a {color:#ff7200;}

.ocasiones img {
	border:10px solid #e1e1e1;
	margin:0 auto;
	}

table.mail-prices {
	margin: 0 0 20px 50px;
	}
	
table.mail-prices tbody tr td {border-bottom:1px solid #d7d7d7;padding:6px;}

.ocasiones-listado li {line-height:30px;}

/* ********************************* SECTION: PRICES ******************************************* */

#table-prices {
	width:704px;
	margin:0 auto;
	padding-top:95px;
	background:url(../img/table-prices-01.gif) no-repeat;
	}
	
#table-prices div {float:left;}

.table-prices-row, #table-prices-legend  {
	width:684px;
	clear:both;
	padding:0 10px;
	background:url(../img/table-prices-02.gif) repeat-y;
	}
	
#table-prices-legend {
	color:#c0c0c0;
	font-weight:bold;
	font-size:16px;
	}
	
.table-prices-td {
	padding:15px 15px;
	background:url(../img/table-sep.gif) repeat-x;
	width:22.4%;
	text-align:center;
	}

.table-prices-td-legend {
	padding:8px 15px;
	width:22.4%;
	text-align:center;
	}
	
.table-prices-td2 {
	padding:15px 15px;
	background:url(../img/table-sep.gif) repeat-x;
	width:15%;
	text-align:left;
	font-size:15px;
	color:#3e3e3e;
	font-weight:bold;
	}
	
.table-prices-td2-legend {
	padding:8px 15px;
	width:15%;
	}

.table-prices-td3 a {color:#ff7200;}

.table-prices-td3 {
	padding:15px 15px;
	background:url(../img/table-sep.gif) repeat-x;
	width:67.2%;
	text-align:center;
	font-weight:bold;
	font-size:13px;
	}
	
#table-prices-footer {
	width:704px;
	height:24px;
	background:url(../img/table-prices-03.gif) no-repeat;
	margin-bottom:20px;	
	}
	
.green-price, .orange-price, .blue-price {
	clear:both;
	font-size:35px;
	font-weight:bold;
	}

.green-price {color:#97d513;}
.orange-price {color:#fe8626;}
.blue-price {color:#297d9e;}

.before-price {color:#d25050;text-decoration:line-through;font-style:italic;}
.table-prices-td p {
	margin-top:6px;
	line-height:13px;
	font-size:11px;
	color:#676767;
	}
	
.margin-legend {padding-top:30px;}

.button-prices {
	width:100%;
	float:left;
	height:46px;
	text-align:center;
	margin-bottom:50px;		
	}
	
.button-prices a {
	width:193px;
	height:46px;
	text-indent:-9999px;
	background:url(../img/button-prices.gif) no-repeat;
	display:block;
	margin:0 auto;
	}
	
.button-prices a:hover {background-position:left -46px;}

.prices-note {
	font-size:11px;
	margin:10px 0;
	text-align:left;
	line-height:14px;
	color:#666;
	}
	
.prices-note p {margin-bottom:10px;}

/* ********************************* SECTION: LEGAL ADVICE ******************************************* */

.aviso p {
	font-size:14px;
	margin:0 0 20px 0;
	padding:0;
	text-align:justify;
	line-height:16px;	
	}


/* ********************************* FORMULARIOS ******************************************* */

.contactar h1, .pedidos h2 {margin-bottom:40px;} 

.contactar table tr td, .pedidos table tr td  {padding-bottom:5px;vertical-align:top}

.form-note {font-size:11px;margin:10px 0 20px 0;line-height:14px;}
.form-note a {color:#ff7200;}

.note {
	font-size:12px;
	margin:10px 0 20px 0;
	line-height:14px;
	float:left;
	width:280px;
	border:1px solid #ccc;
	padding:10px;
	margin-left:10px;
	margin-top:0;}
	
.note2 {
	font-size:11px;
	margin:0 auto 20px auto;
	line-height:14px;
	clear:both;
	color:#666;
	border:1px solid #ccc;
	padding:10px;
	width:78%;
	text-align:center;	
	}	

.textarea-pedido {float:left;}

.checkbox-text {font-size:11px;}
.buttons {padding-top:25px;}
.form_field {
	width:200px;
	text-align:right;
	font-size:14px;
	padding-right:5px;
	vertical-align:top;
	padding-top:4px;
	font-weight:bold;
	}
	
.form_text {
	font-size:14px;
	}

.text_box {
	font-family:"Trebuchet MS",Georgia, "Times New Roman", Times, serif;
	width:200px;
	border:1px solid #7f9db9;
	font-size:13px;
	color:#999999;
	padding:0 3px;
	background-color:#ebebe4;
	}
	
.text_box2 {
	font-family:"Trebuchet MS",Georgia, "Times New Roman", Times, serif;
	width:400px;
	font-size:13px;
	color:#999999;
	padding:0 3px;
	background:#e4e9ed;
	border:1px solid #7f9db9;
	}

textarea {
	font-family:"Trebuchet MS",Georgia, "Times New Roman", Times, serif;
	color:#999999;
	font-size:14px;
	padding:0 3px;
	width:350px;
	margin-bottom:5px;
	background-color:#ebebe4;
	border:1px solid #7f9db9;
	height:150px;	
	}

.button {padding:0 5px;font-size:13px;letter-spacing:-1px;}

.form_error {
	padding:20px 68px;
	font-size:13px;
	color:#ff0000;
	}


/* ********************************* FOOTER ******************************************* */

#share {text-align:center;padding:20px 0;clear:both;}
#footer {clear:both;}


#copy {font-size:12px;text-align:center;padding-bottom:10px;}
.aviso-link {font-weight:bold;color:#2f2f2f;}
.mail-link {font-weight:bold;color:#ff7200;}

#legacy {
	font-size:10px;
	color:#757575;
	border-top:1px solid #c0c0c0;
	background:#e8e8e8;
	padding:20px 10%;
	line-height:12px;
	}
	
#legacy a img {float:left;margin-right:15px;border:0;}
#legacy img.paypal {float:right;border:0;margin-top:-10px;}
#legacy p {margin:0 225px 0 105px}
#legacy a {color:#ff7200;}



/* ********************************* PASA LA PÁGINA ******************************************* */

#pageflip {
	position: relative;
}
#pageflip img {
	width: 50px; height: 52px;
	z-index: 99;
	position: absolute;
	right: 0; top: 0;
	-ms-interpolation-mode: bicubic;
}

#pageflip .msg_block {
	width: 50px; height: 50px;
	position: absolute;
	z-index: 50;
	right: 0; top: 0;
	background: url(../img/properament.jpg) no-repeat right top;
	text-indent: -9999px;
}


h1.facebook-alert {
	padding:15px;
	background-color:#ceebf3;
	font-size:22px;
	text-align:center;
	line-height:30px;
	border:2px solid #84c6d7;
	}
	
	h1.facebook-alert a {
		color:#ff7200;
		text-decoration:none;
		font-size:26px;
		}
		
	h1.facebook-alert a:hover {
		color:#ff7200;
		text-decoration:underline;
		}