/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles

	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

p{
	text-align:justify;
	}
#logo{
	float: left;
	}
	
body{
	
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
	}



footer{
	background:#a19a93;
	
	}

.header-principal{
	background:#fdf9f4;
	height:100px;
	
	}



/* #Page Styles
================================================== */


/*menu*/

.primary{
	
	background:#fdf9f4;
	
	
	
	}


.current{

	color:#f46018 !important;

}

.home-content{
	background-color:#fdeedd;
	width:100%;

	}
.banner-content{
	background-color:#FFF;primary
	width:100%;
	
	}
/*artculos banner home*/
.articulo-banner{
	background-color:#FFF;
	margin-top:10px;
	margin-bottom:10px;
	padding:2px;
	/*border: solid 1px #CCC;*/
	-webkit-box-shadow: 5px 5px 10px 0 #858585;
	box-shadow: 5px 5px 10px 0 #A3A3A3;
	-webkit-border-radius: 5px 0px;
	-moz-border-radius: 15px 0px;
	border-radius: 15px 0px;
	width:90%;
	margin-left:10px;
	}
	
.articulo-banner h3{
	color:#779308;
	 font-family:'neuturabold';
	 font-size:1.8em;
	 padding-top:3px;
	 border-bottom: dotted 2px #d4762f;
	 text-align:left;
	}
	.articulo-banner p{
		padding:10px;
	}
	
	.articulo-banner li{
		 text-align:left;
	}
	
	.margen_r{
		padding:5px;
		font-size:16px !important;
		color:#666;
		text-align:left;
	}
.articulo-banner span{
	color:#779308;
	 font-family:'neuturabold';
	 font-size:0.5em;
	 padding-top:3px;
	
	}
	
.articulo-banner h4{
	color:#d4762f;
	 font-family:'neuturabold';
	 font-size:1.2em;
	 padding-right:5px;
	 text-align:left;
	}
.articulo-banner p{
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.23em;
	}
	.articulo-banner p span{
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	}
	.imagen_baner{
		width:25% !important;
		height:auto;
		display:block;
		
		}
	

/*botones home*/
	
	.articulo-banner button{
	-moz-box-shadow:inset 0px 1px 0px 0px #fed897;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fed897;
	box-shadow:inset 0px 1px 0px 0px #fed897;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f6b33d), color-stop(1, #d29105) );
	background:-moz-linear-gradient( center top, #f6b33d 5%, #d29105 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6b33d', endColorstr='#d29105');
	background-color:#f6b33d;
	-webkit-border-top-left-radius:23px;
	-moz-border-radius-topleft:23px;
	border-top-left-radius:23px;
	-webkit-border-top-right-radius:23px;
	-moz-border-radius-topright:23px;
	border-top-right-radius:23px;
	-webkit-border-bottom-right-radius:23px;
	-moz-border-radius-bottomright:23px;
	border-bottom-right-radius:23px;
	-webkit-border-bottom-left-radius:23px;
	-moz-border-radius-bottomleft:23px;
	border-bottom-left-radius:23px;
	text-indent:0;
	border:1px solid #eda933;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #cd8a15;
	float:right;
	margin-right:20px;
}
.articulo-banner button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d29105), color-stop(1, #f6b33d) );
	background:-moz-linear-gradient( center top, #d29105 5%, #f6b33d 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d29105', endColorstr='#f6b33d');
	background-color:#d29105;
}
.articulo-banner button:active {
	position:relative;
	top:1px;
}


/* contenido*/
.col-centered{
    float: none;
    margin: 0 auto;
}

.contenido {
	background:#FFFFFF;
	padding:30px;
	margin-top:70px;
	margin-bottom: 10px;
	
	}
		.contenido h3{
			color:#779308;
	 font-family:'neuturabold';
	 font-size:1.5em;
	 padding-top:3px;
	 border-bottom: dotted 1px #d4762f;
			
			}
#img-internas{ margin-top:25px; 
				display:block;
				max-width: 100%;
				height: auto; }
.interna p{
	font-size:16px;
	line-height:24px;
	}
	.interna span{
		font-weight:bold;
	}
/* listas paquetes*/	

.paquetes ul {
    list-style-type: none;
	margin-left:10px;
	
}		
	.paquetes ul li:before {
    content: url("../images/circulo.gif");
	
	
}
 	.paquetes ul  li{
		font-size:16px;
		margin-left:3px !important;
		margin-bottom:8px;
		
		
		}
	.paquetes img{
		-webkit-box-shadow: 7px 10px 5px -7px  rgba(173,166,173,1);
		-moz-box-shadow: 7px 10px 5px -7px  rgba(173,166,173,1);
		box-shadow: 7px 10px 5px -7px  rgba(173,166,173,1);
		width:80%;
		margin-right:10%;
		margin-left:10%;
		}
		
		
/* Smaller than standard 960 (devices and browsers) */
.btn_precio {
  background: #c3d0d9;
  background-image: -webkit-linear-gradient(top, #c3d0d9, #9ea3a6);
  background-image: -moz-linear-gradient(top, #c3d0d9, #9ea3a6);
  background-image: -ms-linear-gradient(top, #c3d0d9, #9ea3a6);
  background-image: -o-linear-gradient(top, #c3d0d9, #9ea3a6);
  background-image: linear-gradient(to bottom, #c3d0d9, #9ea3a6);
  -webkit-border-radius: 15;
  -moz-border-radius: 15;
  border-radius: 15px;
  font-family: Arial;
  color: #6d8030;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  width:70%;
  margin-left:15%;
  margin-right:15%;
  margin-bottom:10px;
  float:right;
  cursor:none;
  font-weight:bold;
  -webkit-box-shadow: 7px 10px 5px -7px  rgba(173,166,173,1);
-moz-box-shadow: 7px 10px 5px -7px  rgba(173,166,173,1);
box-shadow: 7px 10px 5px -7px  rgba(173,166,173,1);
}

	/*.btn_precio:hover {
	  background: #30abf2;
	  background-image: -webkit-linear-gradient(top, #5a73b9, #bfd9eb);
	  background-image: -moz-linear-gradient(top, #5a73b9, #bfd9eb);
	  background-image: -ms-linear-gradient(top, #5a73b9, #bfd9eb);
	  background-image: -o-linear-gradient(top, #5a73b9, #bfd9eb);
	  background-image: linear-gradient(to bottom, #5a73b9, #bfd9eb);
	  text-decoration: none;
	  width:40%;
	  float:right;
	  font-weight:bold;
	  
	}
	.btn_precio span{
		color:#d4762f;
		}*/

/* footer*/

.pie-derecha{
	background-color:#bd7537;
	margin-top:10px !important;
	margin-bottom:-10px !important;
}
	
	
.pie-derecha h3{
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.6em;
	font-weight:bold;
	padding-left:7px;
	}
	

.pie-derechatext{
	background-color:#fff; !important;
	padding-top:8px;
	padding-bottom:10px;
	text-align:center;
	}
.pie-derechatext  div h4{
	
	color:#779308; !important;
	
	
	}
	
	

nav.pie{
	color:#FFF;
	
}

nav.pie ul li a{
	
	cursor: pointer;
	text-decoration: none;
	 color:#fff;
	
}

nav.pie ul li a:hover {
	color:#779308;
	cursor: pointer;
	
}

nav.pie h5{
	color:#FFF;
	font-size:1.2em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin-bottom:8px;
	}
.text-derechos{
	color:#FFF;
	font-size:1em;
	border-top:#FFF solid 1px;
	padding:8px;
	text-align:right;
	}
	
/*menu*/
#custom-bootstrap-menu.navbar-default .navbar-brand {
    color: rgba(119, 147, 8, 1);
	height:60px;
}
#custom-bootstrap-menu.navbar-default {
    font-size: 14px;
    background-color: rgba(253, 249, 244, 1);
    border-width: 1px;
    border-radius: 4px;
}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a {
    color: rgba(119, 147, 8, 1);
    background-color: rgba(253, 249, 244, 1);
	font-family:'neuturabold';
	
	}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:focus {
    color: rgba(255, 102, 0, 1);
    background-color: rgba(248, 248, 248, 0);
}
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:focus {
    color: rgba(85, 85, 85, 1);
    background-color: rgba(231, 231, 231, 1);
	height:60px;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle {
    border-color: #ddd;
	
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus {
    background-color: #ddd;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle .icon-bar {
    background-color: #888;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover .icon-bar,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #fdf9f4;
}	
.marginBottom-0 {margin-bottom:0;}

.dropdown-submenu{position:relative;}
.dropdown-menu li a{
	font-family:'neuturabold';
	margin-left:5px;
	}
.dropdown-submenu>.dropdown-menu{top:4px;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px; color:#F60; }

.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#555;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}




	
@media only screen and (max-width: 400px) {
		.text-derechos{
			font-size:10px;
	
	}
	
.pie ul, ol { margin-bottom: 20px; }
	.pie ul { list-style: none outside; }
	
.pie ul.square { list-style: square outside; }
	
	.pie ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%;  }
	.pie ul ul li, ul ol li,
	ol ol li, ol ul li { margin-bottom: 6px; }
	.pie li { line-height: 18px; margin-bottom: 12px; }
	.pie ul.large li { line-height: 21px; }
	.pie li p { line-height: 21px; }

/* Espacios*/

.espacio{
	margin-top:10px;
	
	 }
.icon{
	display: block;
	width: 90px !important;
	margin: 0 auto;
	margin-bottom: 5px;
	}
	
	#custom-bootstrap-menu.navbar-default .navbar-nav>li>a {
    
	margin-left:15px;
}

}

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		.pie-derechatext div h4{
			font-size:12px;
	
	}
	.articulo-banner h3{
	 font-size:1.3em;
	}
.articulo-banner span{
	 font-size:0.5em;}
	
.articulo-banner h4{
	 font-size:1.1em;
	}
	
	
nav.pie h5{
			border-bottom:#FFF solid thin !important;
			
	}



		}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		.pie-derechatext div h4{
			font-size:12px;
	
	}
	

	nav.pie h5{
			border-bottom:#FFF solid thin !important;
			
	}

	
		}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		
		.header-principal{
	background:#fdf9f4;
	height:auto;
	
	}
		
	nav.pie h5{
			border-bottom:#FFF solid thin !important;
			
	}
		#custom-bootstrap-menu.navbar-default .navbar-nav>li>a {
    
	margin-left:15px;
}
		
		}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		
		/*articulo home*/
		
		.articulo-banner h3{
	color:#779308;
	 font-family:'neuturabold';
	 font-size:1.6em;
	 padding-top:3px;
	 border-bottom: dotted 2px #d4762f;
	 padding:10px;
	}

.articulo-banner h4{
	color:#d4762f;
	 font-family:'neuturabold';
	 font-size:1.2em;
	  margin:10px;
	}
	
.articulo-banner p{
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.0em;
	
	}
		.articulo-banner img{
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	width:100px !important;
	height:90px !important;
	}
		
	
		.header-principal{
	background:#fdf9f4;
	height:auto;
	
	}
	#custom-bootstrap-menu.navbar-default .navbar-nav>li>a {
    
	margin-left:15px;
}
		
		}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		
	/*articulo home*/
		
		.articulo-banner h3{
	color:#779308;
	 font-family:'neuturabold';
	 font-size:1.6em;
	 padding-top:3px;
	 border-bottom: dotted 2px #d4762f;
	 padding:10px;
	}

.articulo-banner h4{
	color:#d4762f;
	 font-family:'neuturabold';
	 font-size:1.2em;
	  margin:10px;
	}
	
.articulo-banner p{
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.0em;
	
	}
		.articulo-banner img{
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	width:100px !important;
	height:90px !important;
	}
		
			
		
	.header-principal{
	background:#fdf9f4;
	height:auto;
	
	}
	
		
	#img-internas{ margin-top:25px; display:none;}
	#custom-bootstrap-menu.navbar-default .navbar-nav>li>a {
    
	margin-left:15px;
}
		}
		
		
		


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

@font-face {
    font-family:'neuturabold';
    src: url('../fonts/neutura-bold-webfont.eot');
    src: url('../fonts/neutura-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/neutura-bold-webfont.woff') format('woff'),
         url('../fonts/neutura-bold-webfont.ttf') format('truetype'),
         url('../fonts/neutura-bold-webfont.svg#neuturaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'neuturaregular';
    src: url('../fonts/neutura-regular-webfont.eot');
    src: url('../fonts/neutura-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/neutura-regular-webfont.woff') format('woff'),
         url('../fonts/neutura-regular-webfont.ttf') format('truetype'),
         url('../fonts/neutura-regular-webfont.svg#neuturaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}