/******************************************/
/*               R E S E T               */
/****************************************/
html, body, div, span, applet, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	font-weight:normal;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: inside; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse;	border-spacing: 0; }



/******************************************/
/*           H T M L   T A G S           */
/****************************************/
body{ font-family:Arial, Helvetica, sans-serif;padding:0;font-size:12px;margin:0 auto;color:#666;background:#c31f27; }

p{padding:0;margin:0px;text-align:left;line-height:20px;}

a{color:#c31f27; text-decoration:none; border-bottom:1px dotted #c31f27 }
a img{ border:none; }
a:hover{ text-decoration:none; color:#c31f27 }
a.more{ display:block;background:url(../images/bullet.gif) no-repeat left; padding:0 0 0 20px; margin:15px 0 0 0;}
a.details{ display:block;background:url(../images/bullet.gif) no-repeat left; padding:0 0 0 15px; margin:5px 0 0 0;}



h1{font-weight: normal;color: #c31f27;font-size:26px;margin:0;padding:0 0 25px 0;}
h2{font-weight: normal;color: #c31f27;font-size:21px;margin:0;padding:0 0 25px 0;}

h3{font-weight: normal;color: #c31f27;font-size:18px;margin:0;padding:0 0 25px 0;}
h4{font-weight: normal;color: #c31f27;font-size:16px;margin:0;padding:0 0 25px 0;}
h5{font-weight: normal;color: #c31f27;font-size:14px;margin:0;padding:0 0 25px 0;}
h5.subtitle{color: #c31f27;margin:0;padding:0 0 15px 0; font-style:italic;}
h6{font-weight: normal;color: #c31f27;font-size:12px;margin:0;padding:0 0 25px 0;}

h1, h2, h3, h4{font-family: 'BlairMdITCTTMedium', sans-serif;}



/********************************************************************/
/*           M A I N   C O N T E N T   S T R U C T U R E           */
/******************************************************************/
#main_container{ margin:auto; width:1000px; padding:0; position:relative; background-color:#FFF;
-webkit-box-shadow: 0px 0px 50px 10px rgba(10, 30, 65, 0.8);
-moz-box-shadow: 0px 0px 50px 10px rgba(10, 30, 65, 0.8);
box-shadow: 0px 0px 50px 10px rgba(10, 30, 65, 0.8);
border:1px solid #455079 }



/********************************************************/
/*           H E A D E R   S T R U C T U R E           */
/******************************************************/
#header{width:100%; height:160px;}
.logo{float:left; margin:10px 0 10px 35px; }
.logo a{color:#505050; border-bottom:none}
.logo img { width:170px }



/********************************************************/
/*             M E N U   S T R U C T U R E             */
/******************************************************/
.menu{float:right; padding:55px 20px 0 0;}
ul#main_menu {list-style:none; margin:0 20px 0 0; padding:0px;

	-webkit-box-shadow: 0 0 10px 10px #f8f8f8;
	-moz-box-shadow: 0 0 10px 10px #f8f8f8;
	box-shadow: 0 0 10px 10px #f8f8f8;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;
		height:25px
	
}
ul#main_menu * {margin:0; padding:0;}
ul#main_menu li {position:relative; float:left; height:35px; font-size:12px
}
ul#main_menu li a{ font-family: 'BlairMdITCTTMedium', sans-serif; color:#c31f27; font-size:16px;
					background:url(../images/ui/button_overlay.gif) repeat-x bottom #f00;
					position:relative;
					top:0;
					left:0;
					text-align:center;
					padding:8px 13px !important;
					background:url(../images/ui/button_overlay.gif) repeat-x;
					 border-top:1px solid #fff;
					 border-bottom:none;
					 border-right:1px solid #f4f4f4;
					 border-left:1px solid #ccc;
					 text-shadow: 1px 1px 0 #e8e8e8;
					 filter: dropshadow(color=#870000, offx=1, offy=1); 
}

	ul#main_menu li a.first-child {
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-topright: 0px;
		-moz-border-radius-bottomright: 0px;
		-moz-border-radius-bottomleft: 5px;
		-webkit-border-radius: 5px 0px 0px 5px;
		border-radius: 5px 0px 0px 5px;
		margin-right:1px
	}

	ul#main_menu li a.last-child {
		-moz-border-radius-topleft: 0px;
		-moz-border-radius-topright: 5px;
		-moz-border-radius-bottomright: 5px;
		-moz-border-radius-bottomleft: 0px;
		-webkit-border-radius: 0px 5px 5px 0px;
		border-radius: 0px 5px 5px 0px; 
		margin-left:1px
	}

ul#main_menu li a:hover { color:#333; text-decoration:none; 
					 text-shadow: 1px 1px 10px #ffffff;
					 filter: dropshadow(color=#ffffff, offx=1, offy=1);
}
ul#main_menu li a:active { color:#39659a; text-decoration:none; top:1px; background:#fff }
	ul#main_menu li a.current{ color:#c31f27 !important; text-decoration:none; top:0; background:#fff !important }

ul#main_menu ul {position:absolute; top:35px; left:0; background:#fff; display:none; opacity:0; list-style:none;}
ul#main_menu ul li {position:relative; width:140px; margin:0; padding:0px;}
ul#main_menu ul li a {display:block; padding:10px 20px 10px 20px; font-size:14px;}
ul#main_menu ul li a:hover {background-color:#fff;}



/**********************************************/
/*             S L I D E S H O W             */
/********************************************/
.slider_container{ width:920px; margin:auto; clear:both;}
.flex-caption{ position: absolute; left:20px; top:20px;font-family: 'AllerRegular', sans-serif;}
.caption_title_line{ width:auto; padding:0 0 0 25px; height:69px; line-height:69px; background:url(../images/ui/slider_caption_bg.png) repeat;color: #fff;}
.flex-caption h2{ float:left; color:#333; font-size:26px; padding:0 25px 0 0; font-family: 'AllerRegular', sans-serif; }



/***************************************************/
/*                   L A Y O U T                  */
/*************************************************/
.left_full {padding:40px 40px 0 40px; float:left;}
.left14 { width:200px; float:left; padding:40px 0 0 40px;}
.left13 { width:280px; float:left; padding:40px 0 0 40px;}
.left23 { width:600px; float:left; padding:40px 0 0 40px;}
.left12 { width:440px; float:left; padding:40px 0 0 40px;}
.content img {max-width: 100%; display: block;}
.border_img img {margin:0 0 15px 0; background:url(../images/ui/slider_bg.gif) no-repeat left bottom; padding:0 0 10px 0;}
.page_title{ background:url(../images/line.gif) no-repeat top right #78d4ef; color:#FFFFFF; font-size:28px;font-family: 'AllerRegular', sans-serif; padding:20px; margin:0 20px 0 20px; clear:both;}

.post_small{border-top:1px #344168 solid; padding:15px 0 15px 0;}
.post_small h3{ font-size:16px; padding:0 0 10px 0; font-family:'AllerRegular', sans-serif }
.post_small p{ padding:0 0 0 0px;}
.post_small h3 a { border-bottom:none }


.left { float:left; margin:0 20px }
.clear{ clear:both; }

.locales_box { width:590px; margin-left:30px; float:left; margin-top:20px }

#locales span { text-align:center; float:left; margin:5px 8px 18px 8px; color:#6a74a0 }
#locales img { background:none !important; border-bottom:none !important; margin-bottom:10px !important }
#locales a { border-bottom:none }
#locales a.underline { border-bottom:1px dotted #78d4ef !important }
#locales div { padding:5px 0 }
#locales h2 { cursor:pointer;

	/*display:inline-block !important;
	background:url(../images/ui/button_bg.gif) repeat-x #395b96;
	text-decoration:none !important;
	font-family:Arial, sans-serif;
	font-weight:bold;
	font-size:16px;
	line-height:normal;
	color:#FFF;
	position:relative;
	top:0;
	left:0;
	width:220px;
	text-align:center;
	padding:13px 30px;
	border-radius:30px;
	-webkit-border-radius:30px;
	-moz-border-radius:30px*/
	border-bottom:1px solid #ccc;
	line-height:25px !important;
	vertical-align:middle !important;
	margin-top:0 !important;
	margin-bottom:0 !important;
	padding:0 0 10px 0 !important
}
	.restaurantes, .cafeteriasyalimentos, .hogaryelectronica, .saludybelleza, .boutiqueytiendas, .serviciosyentretenimiento, .tiendaancla { margin-bottom:20px }

.planos_box { width:300px; float:right; margin-right:20px }
.planos_box p { margin-bottom:0 !important; line-height:20px !important }

.iframe {width:580px; height:340px; float:left; margin-right:20px }

/****************************************************/
/*                   F O O T E R                   */
/**************************************************/
#footer{ background-color:#f4f4f4; border-top:1px #ffffff solid; color:#FFFFFF; padding:10px 0 10px 0; margin:80px 0 0 0; text-align:center;color:#7d756f;}
	#footer img { border:none }
	#footer hr { border-left:none; border-right:none; border-top:#ccc 1px solid; border-bottom:1px solid #FFF; width:66%; margin:0 auto; margin-top:30px }
.footer_socials { width:210px; margin:0 auto; padding-top:20px }
.footer_socials ul{ display:block; list-style:none }
.footer_socials ul li{ float:left; margin:0 5px }

	.twitter, .facebook, .email { width:60px; height:60px }
	.twitter a , .facebook a, .email a { display: block; background-image:url(../images/ui/icons.png); background-repeat:no-repeat; width:60px; height:60px }
		.twitter a { background-position:0 0; border-bottom:none }
		.facebook a { background-position:-60px 0; border-bottom:none }
		.email a { background-position:-120px 0; border-bottom:none }
				.twitter a:hover { background-position:0 -60px }
				.facebook a:hover { background-position:-60px -60px }
				.email a:hover { background-position:-120px -60px }
					.twitter a:active { background-position:0 -120px }
					.facebook a:active { background-position:-60px -120px }
					.email a:active { background-position:-120px -120px }

.footer_links{ text-align:center; padding:20px 0 20px 0;}
.footer_links ul{ display:inline;padding:0px; margin:0px;}
.footer_links ul li{ display:inline;}
.footer_links ul li a{ color:#7d756f; margin:0 10px 0 10px; border-bottom:none }
.footer_links ul li a:hover{ border-bottom:1px dotted #7d756f; text-decoration:none!important }
.footer_text{ line-height:20px;}
.footer_text a { color:#f02605; border-bottom:none }
a.gotop{ margin:30px 0 20px 0; display:block; border-bottom:none}


/********************************************************/
/*              M E D I A   Q U E R I E S              */
/******************************************************/

@media screen and (max-width: 1000px) {
	#main_container{margin:0 auto;width:95%;}
	.slider_container{width:90%;}
	.left_full{width:90%;padding:5% 5% 0 5%;}
	.left14{ width:19%; float:left; padding:5% 0 0 5%;}
	.left13{ width:26.7%; float:left; padding:5% 0 0 5%;}
	.left23{ width:58.3%; float:left; padding:5% 0 0 5%;}
	.left12{ width:42.6%; float:left; padding:5% 0 0 5%;}
	.divider{width:90%;margin:5% 0 0 5%;}
	h2.full_width_title{width:90%;margin:5% 0 0 5%;}
	.post_left{width:100%; float:left; clear:both; margin:0px 0 0 0;}

}

@media screen and (max-width: 760px) {
	.menu{float:left; clear:both; padding:35px 30px 0 10px; margin-bottom:20px }
	.logo{margin:35px 0 0 30px;}
	.left14{ width:42.6%; float:left; padding:5% 0 0 5%;}
	.page_title{ font-size:20px;padding:15px; margin:0 3% 0 3%;}
	.flex-caption{left:10px; top:10px;}
	.caption_title_line{padding:0 5px 0 15px; height:39px; line-height:39px;}
	.flex-caption h2{font-size:18px;}
	.locales_box { width: 80%; margin:0 10%}
}

@media screen and (max-width: 480px) {
	.logo{ width:130px; height:118px; margin:0 0 0 20px }
		.logo img { width:130px !important; height:106px;  }
	#header{height:auto;}
	.menu{float:left; padding:20px 0 30px 0; width:100%;}
	ul#main_menu {list-style:none; margin:0; padding:0 20px 0 20px;

	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
		-moz-border-radius:0;
		-webkit-border-radius:0;
		border-radius:0;
	}
	ul#main_menu * {margin:0; padding:0;}
	ul#main_menu li {width:100%; padding:5px 0px 5px 0px;height:auto; }
	ul#main_menu li a{color:#39659a; font-size:20px; padding:0 0 0 10px; display:block;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;
		background:url(../images/ui/button_overlay.gif) repeat-x;

		-webkit-box-shadow: 0 0 5px 5px rgba(0, 19, 53, 0.8);
		-moz-box-shadow: 0 0 5px 5px rgba(0, 19, 53, 0.8);
		box-shadow: 0 0 5px 5px rgba(0, 19, 53, 0.8);
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;
	}
	ul#main_menu li a:hover{color:#39659a; text-decoration:none;
					 text-shadow: 1px 1px 10px #ffffff;
					 filter: dropshadow(color=#ffffff, offx=1, offy=1); }
	ul#main_menu li a:active{ top:2px;color:#39659a; background:#fff }
	ul#main_menu li a.current{ color:#39659a !important; text-decoration:none; top:0; background:#fff !important }
	ul#main_menu ul {display:none;}
	.flex-caption { display:none;}
	.page_title{ font-size:18px;padding:10px 20px 10px 10px; margin:0 3% 0 3%;}
	.left13, .left23, .left12, .left14{ width:90%; float:left; padding:5% 0 0 5%;}
	.sidebar{ padding-top:40px;}
	.footer_text{ line-height:20px; padding:0 10px 0 10px;}
	
	
	ul#main_menu li a.first-child {
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;
		background:url(../images/ui/button_overlay.gif) repeat-x;
	}

	ul#main_menu li a.last-child {
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;
		background:url(../images/ui/button_overlay.gif) repeat-x;
	}

	.locales_box { width:90%; margin:0 5%}
	.planos_box { width:90%;  margin:0 5% }
	
	.iframe {
		width:280px;
		height:350px;
		float:none;
		margin-right:0}
	
	
}