@import "framework_style.css";
/* ---- DEFAULT TEMPLATE ----*/
body
{
	width:100%;
	background:#cae9f8;
	font-family:"Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0px;
	padding:0px;
}

a
{
	text-decoration:none;
	color:#568DA8;
}

p
{
	font-size:12px;
	color:#909090;
	text-align:center;
	font-family:"Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
	line-height:18px;
}

img
{
	border:none;
}
h1
{
	font-size:50px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	margin:0px;
}
h2
{
	font-size:25px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	margin:0px;
}
h3
{
	font-size:14px;
	font-weight:normal;
	font-family:"Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
	color:#747474;
	margin:0px;
}
h4
{
	font-size:12px;
	font-weight:bold;
	font-family:"Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	margin:0px;
}
h5,h6
{
	font-size:10px;
	font-weight:normal;
	font-family:"Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
	color:#568da8;
	margin:0px;
}
h6
{
	color:#A4A4A4;
}
.vline
{
	width:1px;
	background:#d3d3d3;
	float:left;
	margin:0px;
}

/*---- COMMON ----*/
 
 
 /*---- header ----*/
.header_background
{
	background: url(./images/bg_header.gif);
	height:140px;
}
.header
{
	width:1000px;
	height:140px;
	margin:0px auto;
	background: url(./images/header.gif);
}
.header h4
{
	font-size:14px;
	font-weight:normal;
	float:left;
	margin:5px 0px 0px -35px;
	color:#7d7d7d;
}
.header img
{
	float:left;
}
.logged_in
{
	margin:0px 10px auto 105px;
	float:left;
	background: url(./images/logged_in.png) no-repeat;
	width:223px;
	height:33px;
	position:relative;
}
.logged_in a 
{
	color:#fff;
}
.logged_in h4
{
	color:#fff;
	font-size:11px;
	margin:10px 0px 0px 5px;
}
.logged_in a h5
{
	color:#fff;
	margin:7px 45px 0px 0px;
	font-size:10px;
	font-weight:bold;
}
.logged_in a h5:hover
{
	text-decoration:underline;
}

#button_instructions
{
	top:15px;
	left:20px;
	position:absolute;
}

.menu_background
{
	background: #ffffff url(./images/bg_menu.gif) repeat-x;
	height:60px;
}
.menu
{
	width:1000px;
	height:60px;
	margin:0px auto;
}


/*---- footer ----*/
.social_content
{
	width:100px;
	margin:0px auto;
}
.social_content img
{
	float:left;
	margin:25px 10px 0px 10px;
}
.footer
{
	width:700px;
	height:25px;
	margin:0px auto;
}
.footer h5
{
	float:left;
	margin-top:15px;
}

/*---- content inicio ----*/
.terminos_background
{
	background:#ffffff url(./images/bg.gif) bottom repeat-x;
}
.content_background
{
	background:url(./images/bg.gif) repeat-x;
}
.content_middle
{
	width:845px;
	margin:0px auto;
	overflow:hidden;

}
.billboard
{
	border-top:1px #9bc2de solid;
	border-right:1px #9bc2de solid;
	border-left:1px #9bc2de solid;
	margin:5px auto 0px auto;
	width:843px;
	height:299px;
}
#myScroll
{
	background:#cae9f8;
}
.billboard_buttons
{
	width:845px;
	height:36px;
	margin:0px auto 15px auto;
}
.content_bottom
{
	margin:0px auto;
	width:853px;
}
.content_bottom a
{
	border:1px solid transparent;
	float:left;
	margin:0px 0px 0px 12px;
}
.content_bottom a:hover
{
	border:1px solid #b9d4e8;
}
.content_bottom img
{
	border:1px solid #b9d4e8;
}

/*************
menu
****************/
ul#nav  
{
  margin: 0px;
  padding:0px;
  list-style: none;
  float:left;
  display:block;
  height:60px;
}

ul#nav  a
{
	font-weight:bold;
  	margin: 0px;
 	padding:0px;
	color:#FFF;
	display:block;
}

ul#nav a:hover
{
	color:#424242;
}


ul#nav .current_page_item  
{
  display:block;
  background-color:#FFF;
}

ul#nav .current_page_item a  
{
  color:#000;
}


ul#nav ul 
{
  margin: 0px;
  padding:0px;
  list-style: none;
  background: #6E6E6E;
  display: none;
  position: absolute;
  z-index: 9;
}

ul#nav li 
{
  display: inline;
  float: left;
  text-indent: 0px;
  margin: 0px;
}

ul#nav li a 
{
  	display:block;
}

ul#nav ul li a 
{
  display: inline-block;
  text-decoration: none;
  color: #000;
}
ul#nav ul li a h4
{
	margin:0px auto;
	margin-left:10px;
	width:171px;
	text-align:left;
	font-size:11px;
}
ul#nav li ul
{
	float:left;
	margin-top:-5px;
	margin-left:2px;
	background:transparent;
	background-color:#e97818;
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-bottomleft:10px;
	-webkit-border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
}

ul#nav li ul li a 
{
	padding-top:10px;
	padding-bottom:10px;
	padding-left:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#FFF;
	width:172px;
}


ul#nav ul li a:hover 
{
	color:#FFF;
  	background-color: #f9a321;
	-moz-border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-bottom:10px;
	-webkit-border-bottom:10px;
}

ul#nav li li 
{
	padding:0px;
  	margin: 0px;
  	display: block;
  	float: none;
}


/*---- content gallery ----*/
.content_gallery
{
	width:845px;
	margin:0px auto;
}
.content_gallery h3
{
	margin:20px auto 25px 30px;
	float:left;
}
.pages
{
	margin:15px 20px 25px 10px;
	float:left;
	width:545px;
}
.category
{
	float:left;
	width:264px;
}
.category h3
{
	float:left;
	margin:20px 0px 25px 10px;
}
.category img
{
	float:left;
	margin:15px 0px 0px 30px;
}
.page_select
{
	border:1px solid #a5cbe5;
	width:24px;
	height:24px;
	float:right;
	text-decoration:none;
	margin-left:15px;
}
.page_select p
{
	color:#a5cbe5;
	margin:5px;
	text-align:center;
}
.page_no_select
{
	width:24px;
	height:24px;
	float:right;
	text-decoration:none;
	margin-left:15px;
}
.page_no_select p
{
	color:#747474;
	margin:5px;
	text-align:center;
}
.content_gallery_middle
{
	width:816px;
	height:350px;
	margin:0px 25px 0px 10px;
}
.content_gallery_middle a
{
	border:solid 1px #ffffff;
	float:left;
	margin:0px 0px 20px 20px;
}
.content_gallery_middle a:hover
{
	border:solid 1px #5eb7e7;
}
.content_gallery_middle img
{
	border:solid 1px #5eb7e7;
}
/*---- content contacto ----*/
.content_middle_left
{
	float:left;
	width:430px;
	margin:40px 0px 0px 0px;
}
.content_middle_left img
{
	margin:0px auto 20px 25px;
}
.content_middle_left p
{
	margin:0px 30px 50px 35px;
	text-align:left;
	color:#424242;
}
.contact_post_content
{
	margin:0px 30px 50px 35px;
	text-align:left;
	font-size:12px;
	color:#909090;
	text-align:left;
	font-family:"Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
	line-height:18px;
}
.contact_post_content p
{
	margin:0px;
}
.content_middle_left h3
{
	color: #348ecc;
}
.content_middle_right
{
	float:left;
	width:414px;
	margin:40px 0px 0px 0px;
}
.content_middle_right h3
{
	float:left;
	margin:17px 10px 10px 50px;
	width:60px;
	text-align:right;
}
.content_middle_right input
{
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	float:left;
	margin:10px 10px 0px 0px;
	width:221px;
	height:16px;
	border:1px solid #d4d4d4;
	font-size:12px;
	padding-top:5px;
	padding-left:3px;
	color:#909090;
	font-family:"Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
}
.content_middle_right  select
{
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	float:left;
	margin:10px 10px 0px 0px;
	width:221px;
	height:26px;
	border:1px solid #d4d4d4;
	font-size:12px;
	padding:5px;
	color:#909090;
	font-family:"Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
}
.content_middle_right textarea
{
	float:left;
	margin:10px 10px 0px 0px;
	width:221px;
	height:135px;
	border:1px solid #d4d4d4;
	padding-top:5px;
	padding-left:3px;
	font-size:12px;
	color:#909090;
	font-family:"Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
	overflow:hidden;
}
.contact_form
{
	margin:20px 0px 0px 0px;
}

/*---- search form ----*/
.search_form
{
	width:469px;
	height:97px;
	background:url(./images/bg_buscar.png);
	margin:0px;
	padding:0px;
	overflow:hidden;
}
.search_form img
{
	float:left;
	margin:22px 10px auto 12px;
}
.search_input
{
	float:left;
	background: url(./images/bg_input.png);
	width:309px;
	height:42px;
	margin:30px 0px auto 0px;
	border:none;
}
.search_input input
{
	border: none;	
	width:300px;
	height:28px;
	margin:5px;
	font-size:14px;
	padding-top:5px;
}
/*---- galeria display ----*/
.content_gallery_display
{
	width:600px;
	margin:15px 0px 1px 22px;
	float:left;
}
.content_gallery_display_footer
{
	width:600px;
	height:124px;
	background:url(./images/bg_cupon.gif);
	margin:0px auto 5px 122px;
}
.content_gallery_display_footer img
{
	float:left;
	margin:20px 0px 0px 30px;
}
.info
{
	float:left;
	margin:0px;
}
.info img
{
	float:left;
}
.info_count
{
	float:left;
	width:145px;
	height:50px;
}
.info_count p
{
	margin:10px 0px 0px 0px;
	color:#000;
	width:145px;
	height:50px;
	text-align:center;
	font-size:50px;
}
.info_date
{
	float:left;
	width:155px;
}
.info_date p
{
	margin:10px 0px auto 0px;
	font-size:22px;
	width:155px;
	color:#000;
	text-align:center;
}

/*--- mi qponero --*/

.content_qponero
{
	width:100%;
	background: url(./images/bg_submenu.gif) repeat-x;
	height:500px;
	border-top:1px #fff solid;
}

.content_qponero_header
{
	padding:0px;
	margin:0px;
	height:67px;
	width:880px;
	position:relative;
	background:url(images/bg_top_miqponero.gif) bottom center no-repeat;
}
.content_qponero_header img
{
	float:left;
}


.content_qponero_content
{
	width:880px;
	margin:0px auto;
	padding:0px;
	position:relative;
}
.content_qponero_middle
{
	width:880px;
	margin:0px auto;
	background: url(./images/bg_center_miqponero.gif) repeat-y;
	margin-top:0px;
	height:351px;
}
.content_qponero_middle_img
{
	width:250px;
	height:100px;
	background: url(./images/no_hay_cupones.jpg);
	border:solid 1px transparent;
	float:left;
	position:relative;
}
.content_qponero_middle_img img
{
	position:relative;
	top:0px;
	border:solid 1px #5eb7e7;
	left:0px;
}

.content_qponero_middle_img input
{
	position:absolute;
	top:5px;
	right:5px;
}
.content_qponero_middle_no_img
{
	width:250px;
	height:100px;
	background: url(./images/no_hay_cupones.jpg);
	border:solid 1px transparent;
	float:left;
	position:relative;
}
.content_qponero_middle_no_img img
{
	position:relative;
	top:0px;
	left:0px;
}
.content_qponero_footer
{
	width:650px;
	margin:0px auto;
	background: url(./images/bg_subfooter.gif);
	height:36px;
	margin-top:1px;
	float:left;
}
.footer_page_select
{
	width:640px;
	float:left;
	margin:5px 0px 5px 0px;
}
.footer_page_select p
{
	margin:5px;
	width:15px;
	height:15px;
	text-align:center;
	float:right;
	font-size:12px;
	font-weight:bold;
	font-family:"Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
}
.footer_page_select h4
{
	float:right;
	margin:5px;
}
.footer_pages
{
	float:right;
	width:25px;
	height:25px;
	
}
.footer_no_pages
{
	float:right;
	background:#5a7120;
	width:25px;
	height:25px;
}


/*---- login ----*/
.content_qponero_middle_left
{
	float:left;
	width:439px;
}
.content_qponero_middle_left input
{
 -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	float:left;
	width:185px;
	height:23px;
	border:1px solid #bbbbbb;
	margin:5px 72px 5px 10px;
	padding-top:5px;
	padding-left:3px;
	font-size:12px;
	font-weight:normal;
	font-family:"Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
	color:#747474;
}
.content_qponero_middle_left h5
{
	color:#a4a4a4;
	margin:0px auto 0px 175px;
	width:150px;
}
/*
.content_qponero_middle_left h5:hover
{
	color:#747474;
	margin:0px auto 0px 175px;
	width:150px;
	text-decoration:underline;
}
*/
.content_qponero_middle_left a
{
	height:15px;
	margin:0px auto 0px 100px;
	width:150px;
}
.content_qponero_middle_left h3
{
	float:left;
	width:130px;
	margin:10px 0px 10px 34px;
	text-align:right;
}
.content_qponero_middle_right
{
	float:left;
	width:439px;
}
.content_qponero_middle_right p
{
	width:270px;
	text-align:left;
	margin:0px auto 0px 75px;
}
.content_qponero_middle_right h5
{
	width:300px;
	color:#909090;
	text-align:left;
	margin:0px auto 0px 75px;
}
.content_qponero_middle_right_login
{
	float:left;
	width:439px;
}
.content_qponero_middle_right_login img
{
	margin:65px auto 20px 75px;
}
.content_qponero_middle_right_login p
{
	margin:0px auto 35px 75px;
	width:270px;
	text-align:left;
}
.content_qponero_middle_right_login h5
{
	margin:65px auto 0px 55px;
	width:300px;
	color:#909090;
	text-align:left;
}
.content_qponero_middle_right_login a 
{
	margin:0px auto 0px 116px;
}
.login_post_content
{
	margin:0px auto 35px 75px;
	width:270px;
	text-align:left;
	font-size:12px;
	color:#909090;
	text-align:left;
	font-family:"Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
	line-height:18px;
}
.login_post_content p
{
	margin:0px;
}
.login_post_content img
{
	margin:0px;
}
/* new user */
.new_user_middle_left
{
	float:left;
	width:439px;
}
.new_user_middle_left input
{
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	float:left;
	width:188px;
	height:18px;
	border:1px solid #bbbbbb;
	margin:5px 5px 10px 10px;
	font-size:12px;
	font-weight:normal;
	font-family:"Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
	color:#747474;
	padding-top:5px;
	padding-left:5px;
}
.new_user_middle_left h3
{
	float:left;
	width:150px;
	margin:10px 0px 10px 46px;
	text-align:right;
}
.new_user_middle_left h2
{
	float:left;
	width:15px;
	font-size:18px;
	color:#747474;
	margin:10px 0px 10px 0px;
}
.new_user_middle_left select
{
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	float:left;
	margin:5px 5px 10px 0px;
	width:52px;
	height:28px;
	border:1px solid #bbbbbb;
	padding:5px;
	color:#909090;
	font-family:"Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
}
.new_user_middle_left h5
{
	width:300px;
	color:#909090;
	text-align:left;
	margin:0px auto 0px 75px;
}
.new_user_middle_right
{
	float:left;
	width:439px;
}
.new_user_middle_right input
{
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	float:left;
	width:188px;
	height:18px;
	border:1px solid #bbbbbb;
	margin:5px 5px 10px 10px;
	padding-top:5px;
	padding-left:5px;
	font-size:12px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	color:#747474;
}
.new_user_middle_right select
{
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	float:left;
	width:193px;
	height:28px;
	border:1px solid #bbbbbb;
	margin:5px 5px 10px 10px;
	padding:5px;
	color:#909090;
	font-family:"Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
}
.new_user_middle_right h2
{
	color:#909090;
	float:left;
	width:15px;
	font-size:18px;
	font-weight:normal;
	margin:10px 0px 0px 0px;
}
.new_user_middle_right a h4:hover
{
	color:#666666;
	text-decoration:underline;
}
.new_user_middle_right h3
{
	float:left;
	width:150px;
	margin:10px 0px 10px 20px;
	text-align:right;
}
.new_user_middle_right h5
{
	color:#909090;
	float:left;
	width:300px;
	margin:0px 0px 0px 55px;
}
.new_user_middle_right h4
{
	color:#909090;
	float:left;
	font-size:10px;
	font-weight:normal;
	margin:5px 0px 0px 0px;
}


/*
// main vertical scroll 
#main {
	position:relative;
	overflow:hidden;
	height: 300px;
}

/* root element for pages 
#pages {
	position:absolute;
	height:300px;
}

/* single page 
.page {
	padding:0px;
	height:300px;
	background:#222 url(http://static.flowplayer.org/img/global/gradient/h600.png) 0 0 repeat-x;
	width:845px;
}

/* root element for horizontal scrollables 
.scrollable {
	position:relative;
	overflow:hidden;
	width: 845px;
	height: 300px;
}

/* root element for scrollable items 
.scrollable .items {
	width:845px;
	position:absolute;
	clear:both;
}

/* single scrollable item 
.item {
	float:left;
	cursor:pointer;
	width:845px;
	height:300px;
	padding:0px;
}

/* main navigator 


#main div.navi {
	margin-left:150px;
	cursor:pointer;
}*/

.page
{
	opacity:1;
	filter:alpha(opacity=100);
}
.page:hover
{
	opacity:0.7;
	filter:alpha(opacity=70);
	cursor: pointer;
}
.sel
{
	opacity:0.7;
	filter:alpha(opacity=70)
}
.pageIndex
{
	background:#A4A4A4;
}

/*---- somos ----*/
.content_middle_somos
{

}
.content_middle_somos img
{
	margin:35px auto 25px 155px;
}
.somos_post_content
{
	width:585px;margin:0px auto;
	font-size:12px;
	color:#424242;
	text-align:center;
	font-family:"Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
	line-height:18px;
	width:585px;
}
.somos_post_content p
{
	color:#424242;
}

/*---- pop_up content ----*/

.popUp_content
{
	width:540px;
	padding:0px;
	margin:0px;
}
.popUp_content img
{
	margin:0px;
}
.popUp_content p
{
	text-align:left;
	margin:0px 5px;
}
.popUp_content h3
{
	color:#348ECC;
	text-align:left;
}
.send_friend
{
	width:560px;
	height:340px;
	padding:0px;
	margin:0px;
	background:url(./images/bg_enviar_amigo_popup.gif);
}
.send_friend img
{
	margin:30px;
}
.send_friend h3
{
	float:left;
	width:150px;
	text-align:right;
	margin:10px 0px 0px 10px;
}
.send_friend input
{
 -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	float:left;
	width:250px;
	margin:5px;
	padding:5px auto auto 3px;
	height:20px;
	padding:5px;
	border:1px solid #bbbbbb;
}
.send_friend_form
{
	margin:0px auto auto 50px;
}
/* ---- Paginas Terminos y Condiciones ---- */
.sub_pages
{
	width:845px;
	margin:0px auto;
}
.sub_pages h2
{
	margin:30px 0px 10px 30px;
	color:#808080;
}
.sub_pages img
{
	margin:30px;
}
.sub_pages p
{
	text-align:justify;
	margin:10px 40px 10px 40px;
}
.sub_pages ul
{
	margin:10px auto 5px 15px;
	padding:0px;
	color:#8c8c8c;
} 
.sub_pages ul li
{
	margin-left:45px;
}
.sub_pages ul li ul li
{
	margin:0px;
}
.sub_pages ul a
{
	color:#5db8e7;
	text-decoration:underline;
}
.sub_pages ul li a
{
	color:#5db8e7;
	text-decoration:underline;
}
.print_qpones
{
	background:#FFF;
	width:469px;
	height:97px;
	border-top:1px solid #fff;
}
.print_qpones p
{
	margin:30px;
	font-size:15px;
	text-align:center;
}

/*---- SCROLLER FIXES ----*/
#myScroll
{
	width:845px;
}
.scrollableStrip
{
	text-align:left;
}

.scrollEl
{
}


/*--- nuevo scroller ----*/
/* everything is constructed with a single background image */

/* root element for tabs */
#flowtabs {
	
	/* dimensions */
	width:845px;
	height:36px !important;
	background:#6E6E6E;
	margin:0 !important; 
	padding:0;	
	
	/* IE6 specific branch (prefixed with "_") */
	_margin-bottom:-2px;
}

/* single tab */
#flowtabs li { 
	float:left; 
	margin:0; 
	padding:0; 
	text-indent:0; 
	list-style-type:none;
}



/* panes */
#flowpanes {		
	width:845px;
	height:300px;	
}


/* single pane */
#flowpanes div {
	display:none;	
	color:#fff;	
	margin:0px;
}

.current
{
	opacity:0.7;
	filter:alpha(opacity=70);
	width: 100%; /* stupid IE */
}



/* override the root element to enable scrolling */
#flowpanes {
	position:relative;
	overflow:hidden;
	clear:both;
}

/* override single pane */
#flowpanes div {
	float:left;
	display:block;
	width:845px;
	cursor:pointer;
	font-size:14px;
}

/* our additional wrapper element for the items */
#flowpanes .items {
	width:20000em;
	position:absolute;
	clear:both;
	margin:0;
	padding:0;
}

#flowpanes .less, #flowpanes .less a {
	color:#999 !important;
	font-size:11px;
}