* {
	border: 0;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0;
	padding: 0;
	text-decoration: none;
	border: none;
	font-family: Myriad Pro, Arial, Helvetica;
	font-weight: normal;
	font-size: 12px;
	list-style: none;
}

a {
	cursor: pointer;
}

body {
	background: url("../images/basic//pattern.jpg");
}

.wrapper {
	width: 900px;
	margin: 0 auto;
	background: url("../images/basic//bgOrange.jpg") no-repeat left top;
	/*height: 1073px;*/
}

.wrapperContent {
	background: url("../images/basic//bg1.png") no-repeat;
	width: 900px
}

.header {
	display: inline-block;
	background: #000;
	height: 79px;
	width: 100%;
	position: relative;
}

.header img {
	display: block;
}

.header h1 {
	float: left;
	display: block;
	position: relative;
	width: 110px;
	height: 109px;
	text-indent: -156px;
	overflow: hidden;
	margin-top: -50px;
	margin-left: 20px;
}

.header h1 a {
	display: block;
	width: 110px; height : 109px;
	position: absolute;
	top: 0;
	left: 0;
	background: url("../images/basic//logoCarnal.png");
	height: 109px;
}

.menu,.menu li,.menu li a {
	float: left;
	height: 42px;
}

.menu {
	margin-left: 32px;
}

.menu li {
	margin-right: 7px;
}

.menu li a i {
	display: inline-block;
	width: 8px;
	height: 42px;
	float: left;
}

.menu li a .borderLeft {
	background: url("../images/basic//leftBgMenu.png");
}

.menu li a .borderRight {
	background: url("../images/basic//rightMenu.png");
}

.menu li a .middleMenu {
	height: 42px;
	width: auto;
	display: inline-block;
	background: url("../images/basic//middleMenu.png");
	padding: 0 8px;
}

.menu li a span {
	font-size: 19px;
	color: #bcbec0;
	padding-bottom: 3px;
	line-height: 40px
}

.menu li a:hover span, .active {
	/*background: url("../images/basic//underline.gif") repeat-x bottom;*/
	text-decoration: underline;
	color: #fff !important;
}

.comunity {
	float: left;
	margin-left: 0px;
	margin-top: 6px;
}

.twitter,.facebook {
	float: left;
	width: 31px;
	height: 31px;
	background: url("../images/basic//spriteSocial.png");
	margin-right: 8px;
}

.facebook {
	background-position: 0 -31px;
}

/********* SLIDE CSS*******************/
#slide,#mask {
	float: left;
	clear: left;
	display: block;
	width: 900px;
	height: 362px;
	margin-top: 109px;
	background: url("../images/basic//whitheOpacity.png");
	margin-left: 1px;
}

#mask {
	margin: 0;
	position: relative;
	overflow: hidden;
}

#riel {
	width: 900px;
	height: 362px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3
}

.boxSlide {
	width: 900px;
	height: 362px;
	position: absolute;
	top: 0;
	left: 0;
}

.boxSlide img {
	width: 900px;
	height: 362px;
	float: left;
	
}


#boxButtons { 
	width:18px;
	height : 18px;
	display: block;
	position: absolute;
	/*border: 1px solid #f00;*/
	z-index: 99;
	bottom: 17px;
	right: 43px
	}

/*******************************/
.outlets {
	width: 711px;
	height: 222px;
	float: left;
	position: relative;
	margin-left: 95px;
	margin-top: 58px;
	display: block;
	background: url("../images/basic//wood1.jpg");
	display: block;
	cursor: pointer;
}

.points {
	width: 242px;
	height: 47px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5
}

.boxLocation {
	width: 680px;
	height: 181px;
	position: absolute;
	left: 21px;
	top: 22px;
	z-index: 4
}

.leftLocation {
	display: block;
	width: 448px;
	height: 181px;
	z-index: 2;
	position: absolute;
	left: 0;
	top: 0
}

.rightLocation {
	display: block;
	width: 300px;
	height: 181px;
	z-index: 3;
	position: absolute;
	right: 0;
	top: 0;
	right: 0;
}

.pointLoc {
	width: 26px;
	height: 32px;
	display: block;
	position: absolute;
	background: url("../images/basic//point.png");
}

#point1 {
	top: 42px;
	left: 50px;
}

#point2 {
	top: 130px;
	left: 280px
}

#point3 {
	left: 350px;
	top: 30px;
}

.footer {
	display: block;
	width: 659px;
	margin: 0 auto;
	clear: left;
	overflow: hidden;
	padding-top: 12px;
	padding-bottom: 20px;
}

.containerParagraph {
	float: left;
	width: 500px;
	margin-top: 20px
}

.containerParagraph p {
	display: block;
    font-size: 13px;
    text-align: center;
}

.powered {
	float: right;
	position: relative;
    top: 20px;
}

.powered span {
	display: block;
	font-size: 9px;
	left: -52px;
    position: relative;
    top: 24px;
}

.powered a {
	background: url("../images/basic//iridianLogo.png");
	width: 98px;
	height: 28px;
	display: block;
	margin-top: 5px
}

.container {
	float: left;
	width: 100%;
	margin-top: 39px;
	min-height: 400px;
	padding-bottom: 32px;
	position: relative;
}

.rightContainer {
	float: left;
	width: 573px;
}

.rightContainerExt {
	padding-left: 50px;
	padding-top: 53px;
}

.tittleHistory {
	display: block;
	font-size: 70px;
	color: #3a2500;
	margin-left: 24px;
}

.history {
	display: block;
	background: url("../images/basic//woodHistory.png");
	width: 573px;
	height: 278px;
}

.boxHistory {
	width: 89%;
	height: auto;
	border-top: 2px solid white;
	border-bottom: 2px solid white;
	margin-top: 13px;
	margin-left: 24px;
	float: left;
	text-align: justify;
}
.cont_hist{
	float: left;
    height: 252px;
    margin-top: 5px;
    padding-bottom: 12px;
    width: 565px;
}
.boxHistory p {
	color: #fff;
	margin-top: 11px;
	padding-bottom: 5px;
}

.boxHistoryExt {
	width: 274px;
	color: #fff;
	margin-top: 11px;
	padding-bottom: 5px;
}

.boxHistoryExt p {
	color: #fff;
	margin-top: 11px;
	padding-bottom: 5px;
}

.boxHistoryExt span {
	color: #fff;
	font-size: 24px;
	display: block;
}

.rightContainerExt1 {
	width: 271px;
}

.containerLocation {
	width: 836px;
	float: left;
	margin-left: 37px;
	background: url("../images/basic//wood2.png");
	height: 342px;
	position: relative;
	margin-top: 55px;
}

.boxPointLocation {
	display: block;
	float: left;
	position: relative;
	margin-top: 10px;
	margin-left: 12px;
	width: 816px;
	height: 320px;
	overflow: hidden;
	clear: left;
}

.mapLocation {
	display: block;
	width: 580px;
	height: 320px;
	position: absolute;
	z-index: 1;
	overflow: hidden;
	background: transparent;
}

.nameLocal {
	width: 580px;
	height: 40px;
	background: #4c9547;
	position: absolute;
	display: table-cell;
	z-index: 3000;
}

.nameLocal p {
	font-size: 16px;
	color: #fff;
	margin-left: 22px;
	margin-top: 10px
}

.photoLocation {
	display: block;
	width: 438px;
	height: 320px;
	position: absolute;
	right: 0;
	z-index: 3;
	background: none;
}



.pointLocExt {
	width: 46px;
	height: 56px;
	background: url("../images/basic//pointLocal.png");
}

#localPoint1 {
	top: 74px;
	left: 90px;
}

.containerListLocals {
	float: left;
	width: 832px;
	padding-top: 18px;
	margin-left: 44px;
}

.boxListLocal {
	float: left;
	height: auto;
	width: 829px;
	margin: 15px 0 0 0;
}

.listLocals {
	width: 257px;
	float: left;
	border-left: 3px solid #3a2500;
	padding-left: 10px;
	margin-top: 17px;
	margin-right: 5px
}

.listLocals li {
	float: left;
	clear: left;
	padding: 8px 0;
	*width: 253px
}

.listLocals li a {
	font-size: 14px;
	color: #7c5403
}

.listLocals li a:HOVER {
	color: #3a2500;
}

.serviceTittle {
	font-size: 24px;
	color: #3a2500;
	/*margin-left: 15px;*/
	float: left;
	clear: left;
	width: 100%;
}

.boxListLocal1 {
	width: 270px;
}

.listLocalsExt {
	border-right: 3px solid #3a2500;
}

.containerForm {
	float: left;
	width: 429px; /*461*/
	height: 514px;
	margin-left: 235px;
	background: url("../images/basic//bgForm.png") no-repeat;
	margin-top: 46px;
	padding-top: 40px;
	padding-left: 32px;
	padding-bottom: 50px;
}

.containerForm form label {
	float: left;
	clear: left;
	vertical-align: middle;
	margin-bottom: 16px;
	width: 397px;
}

.containerForm form label span {
	font-size: 24px;
	color: #3a2500;
	display: inline-block;
	width: 106px;
	float: left;
}

.containerForm form label input {
	border: 3px solid #3a2500;
	padding: 10px;
	background: transparent;
	width: 265px
}

.containerForm form label textarea {
	border: 3px solid #3a2500;
	padding: 10px;
	background: transparent;
	width: 265px;
	height: 52px;
	  margin-left: 106px;
    margin-top: -27px;
	float: left;
}

.enviar {
	float: right;
	width: 96px;
	height: 21px;
	background: url("../images/basic//enviar.png");
	margin-right: 34px;
	margin-top: 15px;
	cursor: pointer;
}

.footType {
	float: left;
	display: block;
	width: 761px;
	height: 236px;
	background: url("../images/basic//wood3.jpg");
	margin-left: 70px;
	margin-top: 154px;
	position: relative;
}

.productos_var {
	width: 199px;
	height: 220px;
	float: left;
	margin: 8px 0 0 0;
}

.listFoot {
	float: left;
	width: 186px !important;		height: auto;
	margin-left: 9px;
	margin-top: 17px;		padding-bottom: 15px;
}

.listFoot li {
	float: left;
	padding-left: 30px;
	width: 271px;
	background: url("../images/basic//vineta.png") no-repeat left center;
	padding: 2px 0;
	padding-left: 23px;
}

.listFoot li a {
	width: 271px;
	border-bottom: 1px dashed #fff;
	display: block;
	font-size: 14px;
	color: #e8e8e8;
}

.listFoot li a:HOVER {
	color: #fff;
	border-bottom: 1px solid #fff;
}

.imgFood {
	width: 365px;
	height: 416px;
	position: absolute;
	left: 193px;
	top: -131px
}
.imgFood .interna{
	position: absolute;
	top: 83px;
	left: 33px;
	width: 300px;
	height: 300px;
	/*behavior: url(http://localhost:9087/border-radius.htc);*/
	-webkit-border-radius: 150px;
	-moz-border-radius: 150px;
	border-radius: 150px;
	behavior: url(/images/PIE.htc);
}

.producto_solo {
	width: 325px;
	height: 325px;
	position: absolute;
	top: 68px;
	left:20px;
	
}

.producto_solo img {
	width: 325px;
	height: 325px;
	float: left;
	position: relative;
	z-index:0;
	-webkit-border-radius: 162px 162px 162px 162px;
	-moz-border-radius: 162px 162px 162px 162px;
	border-radius: 162px 162px 162px 162px;
	behavior: url(/images/PIE.htc);
	
	
}

.boxDescriptionFood {
	float: right;
	width: 154px;
	margin-right: 33px;
	margin-top: 25px;
}

.foodTittle {
	font-size: 20px;
	color: #fff;
	margin-bottom: 40px;
	display: block;
}

.boxDescriptionFood p {
	color: #fff;
	font-size: 17px;
}

.containerTypeMenu {
	float: left;
	width: 900px;
	margin-top:88px;
	clear: left;
}

.containerTypeMenu a {
	float: left;
	padding: 0 40px;
	border-right: 3px solid #3a2500;
}

.containerTypeMenu .noBorder {
	border: 0;
}

/*========== MAP ============*/


#map_canvas {
  height: 100%;
  position: relative;
  z-index: 2000;
}

@media print {
  html, body {
    height: auto;
  }

  #map_canvas {
    height: 650px;
  }
}

#chef {
    position: relative;
    right: 45px;
}

.error{	
	/*background-color: #ea9531 !important;*/
	background: url("../images/basic/error.png") no-repeat !important;
}

.jspVerticalBar {	background-color: #947b45 !important;}.jspDrag {	background-color: #b07207 !important;}.jspContainer {	height: 227px !important;}

.gracias{
	font-size: 34px;
    position: relative;
    text-align: center;
    top: 70px;
}


#nav{
	width: auto;
	height: auto;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 10;
}	

#nav a { width:21px; height: 21px; float: left; background: url("../images/basic/pager.png") no-repeat; text-decoration: none; margin: 0 0px; padding: 3px 5px; color: transparent; }
#nav a.activeSlide { background: url("../images/basic/pager_active.png") no-repeat; }
#nav a:focus { outline: none; }

.mCSB_dragger_bar {
	background: #EA7823 !important;
}

.mensaje_g {
	width: 100%;
	height: auto;
	text-align: center;
	float: left;
	font-size: 22px;
	margin: 15px 0 0 0;
}


/* time line*/

.storyjs-embed {
	background: none !important;
}

.vco-storyjs{
	background: none !important;
}

/* end time line*/

.migas {
	width: auto;
	height: auto;
	position:  absolute;
	bottom: -61px;
	left: 163px;
	list-style: none;
	z-index: 1000;
}

.migas li {
	width: auto;
	height: auto;
	float: left;
}

.migas li a{
	width: auto;
	height: 14px;
	float: left;
	text-decoration: none;
	font-size: 12px;
	color: #000;
	cursor: pointer;
}

.migas li a:hover {
	text-decoration: underline;
}

.migas li a img{
	width: auto;
	height: 13px;
	float: left;
	
}

.migas li a span{
	width: auto;
	height: 13px;
	float: left;
	
}
.left_1{
	float: left;
	width: 67%;
}
.left_2{
	float: left;
	width: 23%;
}