@import url("font.css");

/* #estilos Generales
==========================color: #341e2d======================== */
body {
		background:#000;
	    font-family: 'brandon_grotesquelight';
		color:#474f5b;
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
 }
 
	h1, h2, h3{ font-family: 'brandon_grotesque_regularRg'; color:#341e2d;}
	 
	h1 { 
			font-size: 1em; 
			text-transform: uppercase;
			margin:0 auto;
			text-align:center;
			margin:0 auto 10px;
		  }

	h2 { font-size: 2em; line-height: 1em; margin:10px 0 2px 0; color: #FFF;  font-family: 'brandon_grotesque_regularRg'; text-align:center; }


h4{ font-family: 'fantasy'; color:#992121;}
	 
	h4 { 
			font-size: 2em; 
			margin:0 auto;
			text-align:center;
			margin:0 auto 10px;
		  }


h5{ font-family: 'fantasy'; color:#ecdca8;}
	 
	h5 { 
			font-size: 1em; 
			margin:0 auto;
			text-align: justify;
			margin:0 auto 10px;
		  }


h6{ font-family: 'fantasy'; color:#ecdca8;}
	 
	h6 { 
			font-size: 1em; 
			margin:0 auto;
			text-align: center;
			margin:0 auto 10px;
		  }


h10{ font-family: 'fantasy'; color:#ecdca8;}
	 
	h10 { 
			font-size: 1em; 
			margin:0 auto;
			text-align: left;
			margin:0 auto 10px;
		  }

h8{ font-family: 'fantasy'; color:#ecdca8;}
	 
	h8 { 
			font-size: .7em; 
			margin:0 auto;
			text-align: center;
			margin:0 auto 10px;
		  }
h7{ font-family: 'fantasy'; color:#992121;}
	 
	h7 { 
			font-size: 1.2em; 
			margin:0 auto;
			text-align:center;
			margin:0 auto 10px;
		  }


h9{ font-family: 'fantasy'; color:#992121;}
	 
	h9 { 
			font-size: .7em; 
			margin:0 auto;
			text-align: center;
			margin:0 auto 10px;
		  }


	p { font-family: 'brandon_grotesquelight'; line-height:1.4em; text-align:justify; }
	p.tex_center {text-align: center;}
	p.tex_left {text-align:left !important;}
	p.tex_right{text-align:right !important;}
	
	      .group2:hover{ outline:0; }
		  .group2:active{ outline:0; }
		  .group2:focus{ outline:0; }
		  .inline:hover{ outline:0; }
		  .inline:active{ outline:0; }
		  .inline:focus{ outline:0; }
.center{text-align: center;}
	em {font-family: 'brandon_grotesqueRgIt'; font-style:italic; color: #ecdca8;}	  
	strong {font-family: 'brandon_grotesque_regularRg';}
	img.scale-with-grid {
		max-width: 100%;
		height:auto; 
		margin:0 auto;
       display: block;
		}
	img.ico_center {
		margin:0 auto;
		display: block;
		}
.float_right{ float:right;}
.float_left{ float:left;}
	
.pleca_line{
    width: 100%;
	height: 10px;
	background: url(../images/pleca_line.png) no-repeat top center;
	margin: 10px 0 30px;
			}
	.pleca_line2{
	width: 100%;
		height: 15px;
		margin: 10px 0 20px;
				}
			
.pleca_line2 hr {
		border: 0;
		height: 1px;
		margin:3px auto 3px;
		background-image: -webkit-linear-gradient(left, rgba(133,113,77,0), rgba(133,113,77,0.75), rgba(133,113,77,0)); 
		background-image:    -moz-linear-gradient(left, rgba(133,113,77,0), rgba(133,113,77,0.75), rgba(133,113,77,0)); 
		background-image:     -ms-linear-gradient(left, rgba(133,113,77,0), rgba(133,113,77,0.75), rgba(133,113,77,0)); 
		background-image:      -o-linear-gradient(left, rgba(133,113,77,0), rgba(133,113,77,0.75), rgba(133,113,77,0)); 
	}	


			
			
			
span.capital_tex{font-size:130%;}
hr {
		border: 0;
		height: 1px;
		margin:3px auto 7px;
		background-image: -webkit-linear-gradient(left, rgba(205,205,205,0), rgba(205,205,205,0.75), rgba(205,205,205,0)); 
		background-image:    -moz-linear-gradient(left, rgba(205,205,205,0), rgba(205,205,205,0.75), rgba(205,205,205,0)); 
		background-image:     -ms-linear-gradient(left, rgba(205,205,205,0), rgba(205,205,205,0.75), rgba(205,205,205,0)); 
		background-image:      -o-linear-gradient(left, rgba(205,205,205,0), rgba(205,205,205,0.75), rgba(205,205,205,0)); 
	}
		
	
.cont { width:100%; padding: 0; overflow:hidden;}

.margin_Box{ margin:0;}	
.none{ display:none;}
/* header
==================== */
.nav_col_a{ width:15.2%;float:left; }
.nav_col_b{ width:83.4%;float:left;}
 .sec_header{ bottom:0px; min-height:106px; background:url(../images/bg_header.jpg)  no-repeat top center; padding:2px 0 0 0 ; border-bottom:  1px solid rgba(51, 30, 45, 0.54);}
   .one-third_logo img{ margin-top:10px; }
	 .sec_header {overflow: visible; }  
 .sec_header .nav_sec{width:100%;  }
  .nav_sec ul{ list-style:none; float:right; font-family: 'brandon_grotesquelight';font-size:11px; }
    .nav_sec  ul li{ float:left; display:block; padding:15px  5px;}
      .nav_sec  ul li a{ text-decoration:none; display:block; color:#0d0d0d; font-family: 'brandon_grotesquelight';}
	  .nav_sec  ul li a:hover{ text-decoration:none; color:#333; }
		 .sec_header .nav_reserva{  overflow:hidden; float:right; padding-top:10px; }
		   .sec_header .nav_reserva a{
			   width:132px;
			   height:30px;
			   display:block;
				text-decoration:none;
			   float:right;
			   box-sizing:border-box;
			   color:#FFF;
			   cursor:pointer;
			   font-family: 'brandon_grotesquelight';
			   background: #331e2d;
			   padding:7px 5px 0 5px;
			   text-align:center;
		   }
		    .sec_header .nav_reserva a:hover{
			   color:#fff;
			   background:#474f5b;
			 
		   }
		
#nav { 
	display: block; 
	margin: 0 auto; 
	font-family: 'brandon_grotesquelight';
}

		#nav li {}
		
		#nav > li > a { 
		  display: block; 
		  padding:5px 3px 5px 30px;
		  color: #252a36;
		  text-decoration: none;
		  border:1px  solid #fff;
		  font-size:1.3em;
		  display:inline-block;
		
		}
			#nav > li > a:hover { 
				border:1px solid #341e2d;
				background-color:rgba(160,134,74,0.01);
			}
			#nav > li > a:hover, #nav > li > a.open { 
				color: #341e2d;
			}
			
				#nav > li > a:hover, #nav > li > a.open::after { 
					content: "-";
					color:#341e2d;
				}
				#nav .menusub::after{ 
					content: "+";
					color:#252a36;
					margin: 5px 0 0 10px;
				}
				#nav li ul { display: none;  }
				
				#nav li ul li a { 
				  display: block; 
				  padding: 5px 0;
				  padding-left: 60px;
				  text-decoration: none;
				  font-size:1em;
				  color: #636363;
				  background:none;
				  
				  }
				#nav li ul li a:hover { border:none; }

	.ico_home{background:url(../images/ico_home.png) no-repeat 2px 7px;}
	.ico_exp{background:url(../images/ico_exp.png) no-repeat 2px 7px;}
	.ico_rest{background:url(../images/ico_rest.png) no-repeat 2px 7px;}	
	.ico_gal{background:url(../images/ico_gal.png) no-repeat 2px 7px;}		
	.ico_ubic{background:url(../images/ico_ubic.png) no-repeat 2px 7px;}
	.ico_cont{background:url(../images/ico_cont.png) no-repeat 2px 7px;}	
	.ico_blog{background:url(../images/ico_blog.png) no-repeat 2px 7px;}	
	.ico_event{background:url(../images/ico_event.png) no-repeat 2px 7px;}	
	
		 .box_social{  height:25px; width: 100px; float:right; margin:12px 10px 0 0;}
							.sl_icon{ 
								 width:22px; 
								 height:22px; 
								 margin:0 10px 0 0;
								 float:right;
							 }
							 .i_fb{ background-image:url(../images/ico_face.png); }
							 .i_tw{ background-image:url(../images/ico_tw.png); }
							 .i_insta{ background-image:url(../images/ico_insta.png); }
							 
							 
							 .cont_menu_desp{position:absolute; z-index:100;}
							 .menu_menu{ position: relative; height:30px;}

							 .icons_der {margin-top: 30px;}

						
/* seccion slice
================================================== */
.sec_slice{ margin-top:50px;}

#slider_cont{/*width:97%;*/max-width:980px; margin:0  auto; }
 /* home
==================== */
.sec_home{ }
  .sec_home .margin_Box{ margin:15px 0;}
		.sec_home p{ font-family: 'brandon_grotesquelight'; line-height:1.4em; text-align:justify; padding:0  0 0 28px;  }
		
/* seccion slice ================================================== */
.sec_carta{}
.sec_carta h3{ text-align:center; font-size:1.2em; font-family: 'brandon_grotesquelight'!important; margin:20px auto 5px; text-transform:uppercase;}
.sec_carta p{ text-align:center; margin:15px auto; font-size:1.2em; line-height:1.3em; color:#341e2d;}
	.sec_carta hr {
		border: 0;
		height: 1px;
		margin:3px auto 10px;
		background-image: -webkit-linear-gradient(left, rgba(205,205,205,0), rgba(205,205,205,0.75), rgba(205,205,205,0)); 
		background-image:    -moz-linear-gradient(left, rgba(205,205,205,0), rgba(205,205,205,0.75), rgba(205,205,205,0)); 
		background-image:     -ms-linear-gradient(left, rgba(205,205,205,0), rgba(205,205,205,0.75), rgba(205,205,205,0)); 
		background-image:      -o-linear-gradient(left, rgba(205,205,205,0), rgba(205,205,205,0.75), rgba(205,205,205,0)); 
	}
.sec_carta .border_tex{
	/*border:1px  solid #ab8743;*/
	/*background-color:rgba(160,134,74,0.01);*/
	padding:10px;
	display: table;
   }
.sec_carta  span.sub_tex{ font-size:85% !important;  color:#474f5b;}
.sec_carta  span.sub_tex_b{ font-size:70% !important;}

.bg_tit_pez{position:absolute;right:-121px;top:654px;}
.bg_tit_jard{position:absolute; left:-81px;top:730px;}
.bg_tit_olla{position:absolute; left:375px;top:890px;width:10%;}
.bg_tit_pollo{position:absolute; left:880px;top:242px;}
.bg_tit_huevos{position:absolute; left:400px;top:995px;}
.bg_tit_fruta{position:absolute; left:30px;top:231px;}
.bg_tit_jugo{position:absolute; left:400px;top:45px;}
.bg_tit_pan{position:absolute; left:400px;top:455px;}
.bg_tit_crepas{position:absolute; left:30px;top:718px;}
.bg_tit_omelette{position:absolute; left:895px;top:961px;}
.bg_tit_especial{position:absolute; left:850px;top:300px;}
.bg_tit_tabla{position:absolute; left:390px;top:40px;}
.bg_tit_ademas{position:absolute; left:860px;top:1100px;}
.bg_tit_picar{position:absolute; left:386px;top:47px;}
/* sec experiencia
==================== */	
   .sec_experiencia .col_50_img{ width:50%; float:left; min-height:100px;  box-sizing:border-box; padding:0 0 0 15px;}	
    .sec_experiencia .col_50_img img{ margin-bottom:12px; border:1px solid #85714d;}
	     .sec_experiencia  .box_padding_left{padding:0 40px 0 0; box-sizing:border-box;}		
	   
	   
/* sec ubicacion
==================== */	

#map_canvas { float:right; height: 100%;width:100%;height:250px; }	
	#bodyContent  p{color:#85714d; font-size:1.1em; line-height:1em;}
	#ubicacion a.descarga{
	text-align:center; 
    margin:15px 0 10px 29px;
	 width:222px;
	 color:#FFF; 
	 background:#331e2d;
	 font-weight:400; 
	 line-height: 1.5em;
	 display:block;
	 padding:4px 5px;
	 text-decoration:none;
	 border:1px solid rgba(205,205,205,0.75);
	 float:left;
	 clear:both;
	 
	  }  	  
	   #ubicacion 	 a.descarga:hover{
		   border:1px solid rgba(205,205,205,1);
			color:#85724d;
		   background:#fff;
			transition:all 1s;
		}	
	
/* sec ubicacion
==================== */	
.sec_eventos p.contacto_e{ font-size:0.8em;}
 .sec_eventos ul {
	 list-style:none;
	 margin-left:27px;
	 display:block;
	  }	
	  .sec_eventos ul li{
		  display:block; 
	     float:left; 
	     margin-right:3.4555%;
		  width:22% !important;
	  }	
	   .sec_eventos ul li:last-child{margin-right:0;}	
			 .sec_eventos ul li a{
					  text-align:center;
					  height:18px;
					  color:#FFF; 
					  background:#341e2d;
					  font-weight:400; 
					  display:block;
					  padding:9px 4px 7px;
					  text-decoration:none;
					  border:1px solid rgba(205,205,205,0.75);
					
					  
						
				  }	
				  	 .sec_eventos  ul li  a:hover{
					  border:1px solid rgba(205,205,205,1);
					 color:#85724d;
					 background:#fff;
					  transition:all 1s;
					  
						
				  }	
				  
	
.sec_eventos 	 a.descarga{
	text-align:center; 
    margin:15px auto 10px;
	 width:222px;
	 color:#FFF; 
	 background:#252a36;
	 font-weight:400; 
	 display:block;
	 padding:4px 5px;
	 text-decoration:none;
	 border:1px solid rgba(205,205,205,0.75);
	 float:none;
	 clear:both;
	 
	  }  	  
	   .sec_eventos 	 a.descarga:hover{
		   border:1px solid rgba(205,205,205,1);
			color:#85724d;
		   background:#fff;
			transition:all 1s;
		}	
				  



.sec_salones{}
.sec_salones	dl {
	width:280px;
	}
.sec_salones	dl dt {
		float:left; 
		margin-right:10px; 
		padding:5px;  
		width:150px; 
	}

.sec_salones	dl dd {
		margin:2px 0; 
		padding:5px 0;
		 text-align:right;
	}
.sec_salones	dl dd span{
	width:40px;  display:block; float: left;
	}	
 a.descarga{
	text-align:center; 
    margin:30px  0 0 25px;
	width:222px;
	  color:#FFF; 
	 background:#341e2d;
	 font-weight:400; 
	 display:block;
	 padding:5px 5px 7px;
	 text-decoration:none;
	 border:1px solid rgba(205,205,205,0.75);
	 clear:both;
	 
	  }
	 a.descarga:hover{
		   border:1px solid rgba(205,205,205,1);
			color:#85724d;
			background:#fff;
			transition:all 1s;
		}	
				  
	  a.regresar{
		  text-align:center;
		  width:200px;
		  color:#FFF; 
	 		background:#252a36;
		  font-weight:400; 
		  display:block;
		  padding:4px 5px;
		  text-decoration:none;
		  border:1px solid rgba(205,205,205,0.75);
		  margin:40px  auto 0;
		  font-size:0.9em;
	  }	
	  
	 
	  a.regresar:hover{
		   border:1px solid rgba(205,205,205,1);
			color:#85724d;
			background:#fff;
			transition:all 1s;
		}	
			 
	  
	  
	  .col_50{width:50%; float:left;min-height:100px;}
	  
	  .sec_salones .col_50_img{ width:50%; float:left; min-height:100px;  box-sizing:border-box; padding:0 0 0 15px;}	
	        .sec_salones .col_50_img img{ margin-bottom:12px; border:1px solid #85714d;}
			 .sec_salones .col_50_img img:last-child{ border:1px solid #DADADA;}
			 
			 .firma_img{ margin-top:20px !important;}
			 #experiencia a.descarga{ margin:30px auto;}
	/* sec contacto
==================== */   
.sec_galeria{ max-width:980px; margin:0 auto;}	  
	 
	/* sec ubicacion
==================== */	

 .sec_eventos{}
 .sec_eventos .col_50_img{ width:50%; float:left; min-height:100px;  box-sizing:border-box; padding:0 0 0 15px;}	
	   .sec_eventos  .box_padding_left{padding:0 40px 0 0; box-sizing:border-box;}
   .sec_eventos  a{float:left; width:100%; text-decoration:none;text-align:center;  margin-bottom:10px;}	
    .sec_eventos  a img{border:1px solid #85714d; margin-bottom:7px;}	
     .sec_eventos  a:hover img{border:1px solid  #858585;}	
   
	  .sec_eventos   a span{ clear:both; text-align:center; color:#85714d; }	
	   .sec_eventos   a:hover span{color:#858585;}	
	     .sec_eventos   .margin_event{ margin:10px auto 40px; }	
	   

/* sec contacto
==================== */	

  .sec_contacto .margin_Box{ margin:70px 0;}	
   .sec_contacto .col_50_img{ width:50%; float:left; min-height:100px;  box-sizing:border-box; padding:0 0 0 15px;}	
    .sec_contacto .col_50_img img{ margin-bottom:14px; border:1px solid #85714d;}
	    .sec_contacto   .box_padding_left{padding:0  0  0 30px ; box-sizing:border-box;}	

	.imput_100{width:100%; float:left; }
	 input, textarea, select{
		 margin:5px 0;
		box-sizing:border-box;		
		padding:3px; 
		height: 30px;
		font-family: 'brandon_grotesquelight'; 
		font-weight:400;
		font-size:0.9em;
		color:#474f5b;
		border: 1px #cdcdcd solid;
		-webkit-transition: background 0.3s linear;	
		background:rgba(255, 255, 255, 0.1);	
		-moz-border-radius: 2px; 
		-webkit-border-radius: 2px;
		border-radius: 2px;	
				
	}
	textarea {height:100px !important;}
	input:hover { background:rgba(133, 113, 77, 0.1);	 color:#85714d; }	
	input:focus { outline:0; }	
	input:active { outline:0; }
	textarea:hover { background:rgba(133, 113, 77, 0.1);	 color:#85714d; }	
	textarea:focus { outline:0; }	
	textarea:active { outline:0; }		
	input.submit { 	
		width:80px; 
		height: 25px;
		color:#fff;
		font-size:1em;
		font-family: 'brandon_grotesquelight'; 
		margin-top: 20px;
		border: none;
		float: right;
		-webkit-transition: -webkit-box-shadow 0.3s linear;
		-moz-border-radius: 2px; 
		-webkit-border-radius: 2px;
		border-radius: 2px; 
		background:#331e2d; 	
	} 
		
					
		input.submit:hover { 		
			-webkit-box-shadow: 0px 0px 2px #555;
			-moz-box-shadow: 0px 0px 2px #aaa; 
			box-shadow: 0px 0px 2px #555;	
			cursor:  pointer; 
		} 
			
		

	 ::-webkit-input-placeholder {color:#85714d; font-family: 'brandon_grotesquelight';  }
	 :-moz-placeholder {color:#85714d; font-family: 'brandon_grotesquelight'; }
	 ::-moz-placeholder {color:#85714d;  font-family: 'brandon_grotesquelight'; }
	 :-ms-input-placeholder {color:#85714d; font-family: 'brandon_grotesquelight';; }
	
	[placeholder]:focus::-webkit-input-placeholder {
	  transition: opacity 0.3s 0.3s ease; 
	  opacity: 0;
	}  
	[placeholder]:focus::-moz-input-placeholder {
	  transition: opacity 0.3s 0.3s ease; 
	  opacity: 0;
	}  
	[placeholder]:focus::-ms-input-placeholder {
	  transition: opacity 0.3s 0.3s ease; 
	  opacity: 0;
	}  
	[placeholder]:focus::-o-input-placeholder {
	  transition: opacity 0.3s 0.3s ease; 
	  opacity: 0;
	}
	

#tucarrera{}
#tucarrera p.texto_a{ padding: 0 35px 0 0 ; margin-bottom:14px;}	
#tucarrera p.texto_b{ padding:0 0 0 0!important; margin:5px 0; font-size:13px;}	
#tucarrera p.space_b{ padding-top:15px !important;}	
#tucarrera p.texto_b  span{margin:-30px 0;}	
#tucarrera p.texto_b a{color:#9f8866; }	

#tucarrera  input, select{margin:8px 0 ;}

.check{ display:block; width:100%; background-color:#F3373A;}
.checkbox{ width:5%; margin:0px 10px 0  0 !important;}
.tex_check{ width: 90%; padding:20px 0 0 20px !important;   }

	/* FOOOTER
==================== */
	
  .sec_footer{
		 bottom:0px;
		 min-height:185px;
		 padding:20px 0;
		 box-sizing:border-box;
		 background:#474f5b;

		 }
 .logo_cmr{ float:left;}
 .link_tu_carrera{ 
	 float:right;
	 display:block;
	color:#f4f3eb;
	 font-size:1.1em;
	text-decoration:none;
	  }
   .sec_footer p{
		  color:#f4f3eb; 
		  margin:0 0 0 25px; 
		  padding:0;
		  font-size:0.9em;
		  line-height:1.2em;
		  float:left;
	   }
	    .sec_footer p span{
		  font-size:0.8em;
	   }
				  .sec_footer ul{
					   color:#9f8866;
					   list-style:none;
					   margin:20px  0 0 52px;
					   padding:5px 0 0 0;
					   clear:both;
					   display:block;
					   text-align:center;
					   font-family: 'brandon_grotesque_regularRg';
					   }
					   
					.sec_footer ul li{
						display:block;
						float:left;
						margin-left:3px;
						margin-bottom:20px;
						border-right:1px solid #9f8866;
						}
						.sec_footer ul li:last-child{
							
						border-right:none;
						}
							.sec_footer ul li a{
								display:block;
								color:#f4f3eb;
								 font-size:0.8em;
								line-height:0.9em;
								text-decoration:none;
								padding:3px 5px;


								 
							}
							.sec_footer ul li a:hover{ color:#9f8866;}



/* #Estilos contacto
==================== */

	
	
	.container_modal {padding:10px;} 
	.container_modal .center_detalle { max-width:876px; margin:0 auto;} 
		.container_modal .center_detalle h3{ font-size:4em !important; line-height:0.9em; margin:10px 0 20px; text-align:center;  color:#6a3e75;  font-weight:400;} 
			.container_modal .center_detalle p{ font-size:1em !important; margin:10px 0 10px 5px; clear:both; color:#6a3e75;} 
				.container_modal .center_detalle img.pleca{ margin:30px  auto;} 
					.container_modal .center_detalle a{ color:#6a3e75; text-decoration:none;}
					
						.container_modal .center_detalle a:hover{ color:#ff9432; text-decoration: underline;} 
						
						.bar_nav_reserva{ margin:50px 0 20px  0;}
						.nav_reserva_m{ float:right; margin:0 0 0 30px;}
							.bar_nav_reserva .f_a{ background:url(../images/f_a.png); width:16px; height:27px; display:block; float:right; margin:3px;}
	                      .bar_nav_reserva .f_b{ background:url(../images/f_b.png); width:16px; height:27px; display:block; float:right;margin:3px;}
						  
						  
						  
	.container_modal_legal { padding:10px; font-family: 'brandon_grotesquelight';} 
		.container_modal_legal  h1{ font-size:1.4em !important; line-height:0.9em;color:#85714d; } 
		.container_modal_legal  h3{ font-size:1.2em !important; line-height:0.9em; margin:10px 0 20px; text-align:left; float:left; color:#b09251;  text-align:center;color:#85714d; } 
			.container_modal_legal  p{ font-size:1em !important; margin:10px 0 10px 5px; clear:both; color:#b09251; color:#5e514d;} 
				.container_modal_legal  a{ color:#b09251; text-decoration:none;}
		.container_modal_legal  a:hover{ color:#ff9432; text-decoration: underline;} 
		
		#modal_reserva{display:none; position:absolute; top:84px; right:0%; z-index:999;}
/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		h1 { font-size: 1em;  }
		img.scale-with-grid {max-width: 92%;}
	    .lines_h1{ width:30%; display:block;  height:40px; float:left; background:url(../images/line_doble.png) repeat-x 70px center ; }
		.lines_h1_blanco{ background:url(../images/line_doble_b.png) repeat-x 70px center !important; }
		 .sec_eventos ul a { margin-right: 2.9%;}	
	           .resp_btn{float:none; margin:25px auto!important;}
			   
			   .bg_tit_pez{position:absolute;right:15px;top:65px;width:6%;}
				.bg_tit_jard{position:absolute; left:0px;top:540px;width:8%;}
				.bg_tit_olla{position:absolute; left:300px;top:835px;width:10%;}
				.bg_tit_har{position:absolute; left:25px;top:1130px;width:8%;}
				.bg_tit_huevos{position:absolute; left:270px;top:1060px;width:12%;}
				.bg_tit_fruta{position:absolute; left:330px;top:55px;width:11%;}
				#modal_reserva{display:none; position:absolute; top:84px; right:5%; z-index:999;}
		
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
    .sec_footer ul{margin:0  0 0 10%; }
	.btn_reserva{  margin:40px 0 0 80% ; width:140px;height:121px; }
	 .box_padding_left{padding:0 0 0 0; box-sizing:border-box;}	
				
	
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		h1{font-size: 1.2em; line-height:1em;}
		.btn_reserva{  margin:25px 0 0 70% ; width:100px;height:89px; }
		img.scale-with-grid {max-width: 100%;}
		 .box_social{  height:25px; width: 100px; float:none; margin:20px auto 10px;}
		
		.box_padding_left{padding:0 0 0 0; box-sizing:border-box;}	
		.rmm {width:100% !important;}
		.sec_header .nav_reserva a{ float:none; margin:10px auto; }
	
		.sec_header .nav_reserva{ clear:both; margin: 0 auto; width:100%;}
		.sec_footer ul{margin:0; }
		.sec_footer ul li{margin-bottom:5px; float:none; clear:both;}
	    .lines_h1{ width:15%; display:none;  height:75px; float:left; background:url(../images/line_doble.png) repeat-x 70px center ; }
		  h1 { font-size: 2.8em;  }
	
				.imput_100{width:100%; }
				.imput_margin_b{ margin:0 2.5% ; }
					.con_btn_si_no{ width:150px;}
	           .resp_btn{float:none;margin:20px auto !important;}
			      .sec_registro_medico dl {margin:25px auto;width:100%;}
				  
				    .sec_eventos  a{margin:1% 2% 7px 0; float:left; width:47%;}	
			
		
     }

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		#modal_reserva{ top:200px; right:32%;}
	   h1{font-size: 1.4em; line-height:1.2em;margin-top: 30px;}
	  .sec_header .nav_reserva a{ float:none; margin:10px auto; }
	  .seccion_home{ margin-top:30px;}
	   .sec_home p{padding:0;  }
	  .box_social{  height:25px; width:100px; float:none; margin:20px auto 10px;}
	  .nav_sec ul {
		  list-style: none;
		  float: none;
		  font-family: 'brandon_grotesquelight';
		  font-size: 14px;
		  margin: 22px auto 0px auto;
		  width: 80px;
	  }
	  .sec_header .nav_reserva {padding-top: 0;}

	  .nav_col_a{ width:100%;float:none; }
	  .nav_col_b{ width:100%;float:none;}
	  .box_padding_left{padding:0 0 0 0; box-sizing:border-box;}	
	   img.scale-with-grid {max-width: 100%;}
	  
	  .sec_header .nav_reserva a{ float:none; }
	  .resp_btn{float:none;margin:20px auto !important;}
	  .imput_100{width:100%; }
	  .sec_salones	dl { margin: 0 auto;}
	   .col_50{width:100%; float:none;min-height:100px;}
	   .sec_eventos ul {margin-left: 0;}
	  .sec_eventos ul a {width: 100%!important;}
	  .sec_experiencia  .box_padding_left{padding:0; }
	  .logo_cmr {
		  float: none;
		  margin: 10px auto;
		  display: block;
		}
		    .sec_footer p { margin: 0 0 20px 25px;  text-align:center !important;}
			.link_tu_carrera {float: none;text-align: center;}
			.sec_footer ul li { border-right: 0px solid #9f8866;}	
			.sec_footer ul li a {font-size: 1em;}	
			#tucarrera p.texto_a {padding: 5px 0px;}	 
			
			   .bg_tit_pez{position:absolute; right:25px;top:1630px;width:14%;}
				.bg_tit_jard{position:absolute; left:15px;top:600px;width:15%;}
				.bg_tit_olla{position:absolute; left:330px;top:890px;width:18%;}
				.bg_tit_har{position:absolute; left:25px;top:1140px;width:17%;}
				.bg_tit_huevos{position:absolute; left:290px;top:1090px;width:20%;}
				.bg_tit_fruta{position:absolute; left:360px;top:85px;width:18%;}
		}


	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
			#modal_reserva{ top:200px; right:24%;}
		#slider_cont{width:100%; margin:0  auto;}	
		h1 { font-size: 1.2em; text-align:center;  margin-top: 30px; }
		 .seccion_home{ margin-top:30px;}
		.sec_header .nav_reserva a{ float:none; margin:10px auto; }
		 .box_social{  height:25px; width:100px; float:none; margin:20px auto 10px;}
		 .nav_sec ul {
			  list-style: none;
			  float: none;
			  font-family: 'brandon_grotesquelight';
			  font-size: 14px;
			  margin: 22px auto 0px auto;
			  width: 80px;
			}
		 .icons_der{ min-height:10px;}
		 .sec_header .nav_reserva {padding-top: 0;}
		 .sec_home p{padding:0;  }
	
		.nav_col_a{ width:100%;float:none; }
		.nav_col_b{ width:100%;float:none;}
		.box_padding_left{padding:0 0 0 0; box-sizing:border-box;}	
		
		
		.compartir_social{ width:95%; margin:20px  2.5% 0  2.5%;}
		
		.sub_sec_invita .col_15{ width:15%; float:left;margin-top:40px}
		.sub_sec { min-height:100px; border-bottom:3px solid #FFF; border-top:3px solid #FFF;}
		
		input.submit_invita {margin-bottom: 20px;}
		.no_margin{ margin-top:0px !important;}
		.imput_100{width:100%; }
		.sec_eventos ul {margin-left: 0;}
			.sec_eventos ul li{
		  display:block; 
	     float:none; 
	     margin-right:0;
		  width:100% !important;
	  }	
	  .sec_eventos ul li a {width: 100%}

		 .col_50{width:100%; float:none;min-height:100px;}
		.sec_salones	dl { margin: 0 auto;}
		.logo_cmr {
		  float: none;
		  margin: 10px auto;
		  display: block;
		}
		.sec_footer p { margin: 0 0 20px 25px;}
		.link_tu_carrera {float: none;text-align: center;}
		.sec_footer ul li { border-right: 0px solid #9f8866;}
		.sec_footer ul li a {font-size: 1em;}	 
		.bg_tit_pez{ display:none;}
		.bg_tit_jard{display:none;}
		.bg_tit_olla{display:none;}
		.bg_tit_har{display:none;}
		.bg_tit_huevos{display:none;}
		.bg_tit_fruta{display:none;}	
		
		#tucarrera p.texto_a {padding: 5px 0px;}	 
	          .bg_tit_pez{ display:none;}
				.bg_tit_jard{ display:none;}
				.bg_tit_olla{ display:none;}
				.bg_tit_har{ display:none;}
				.bg_tit_huevos{ display:none;}
				.bg_tit_fruta{ display:none;}
				
			
		}

/***** Cenefa Marcas CMR ******/
.logoFooter{margin:0 5px!important;}
.marcas-cmr{
    width: 100%;
    max-width: 1170px;
    overflow: hidden;
    margin: auto;
    text-align: center;
}
.marcas-cmr ul {
    list-style: none;
    display: block;
    float: left;
    margin: 10px 0 25px;
    padding: 0;
    width: 100%;
}
.marcas-cmr ul li {
    display: inline-block;
    width: 85px;
    margin: 0 7px;
    vertical-align: top;
    border-right: 0;
    float: none;
}
.marcas-cmr ul li img {
    width: 100%;
}

.floatL{float: left;}
.floatR{float: right;}

@media (max-width: 500px) {
.floatR, .floatL {
    float: none;
    width: 60px;
    display: inline-block;
}
 }