/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

/*  General  */
/* -------------------------------------------------- */
body {
	color: #5a5a5a;
}

.btn-primary-stp {
	color:white;
	background-color: #CB012F;
}

a, a:hover, a:focus {
	color:#CB012F;
}

.footer {
	background-color: silver;
	padding: 20px 0px;
	height: auto;
	/*position:absolute;
	bottom: 0px;*/
	/*top:100%;*/
	/*left:0;*/
	width: 100%;
	margin-top:20px;
}

.footer div {
	text-align: center;
}

.endtext * {
	text-align: center;
}

.endtext h3 {
	color:#CB012F;
}

.endtext p {
	font-size: 13px;
}



/* -------------------------------------------------- */

/*  Headaer  */
/* -------------------------------------------------- */
#header{
	text-align: center;
	background-color: white;
	height: 115px;
}

#header img{
	width: auto;
	max-width:100%;
	height:115px;
}

.cabecera-mobile, .cabecera-tablet, .cabecera-pc {
	display:none;
}
/* -------------------------------------------------- */

/* CUSTOMIZE THE CAROUSEL */
/* -------------------------------------------------- */

/* Carousel base class */
.carousel {
	height: 350px;
	/*margin-bottom: 60px;*/
}

/* Since positioning the image, we need to help out the caption */
.carousel-caption {
	z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
	height: 100%;
	background-color: white;
}

.carousel-inner > .item > .slide {
	position: relative;
	/*top: 0;*/
	/*left: 0;*/
	min-width: 100%;
	height: 350px;
}

.carousel-caption img {
	width:100%;
	height: auto;
}

.carousel-indicators li {
	border-color: #CB012F;
}

.carousel-indicators .active {
	background-color: #CB012F;
}

/* Slides */
/*******************************/
.carousel-inner .item .slide {
	background-color: silver;
}
/*.carousel-inner .item:nth-of-type(1) .slide {
	background-color: silver;
}

.carousel-inner .item:nth-of-type(1) .slide p {
	font-size: 19px;
}

.carousel-inner .item:nth-of-type(2) .slide {*/
	/*background-image: url("/static/imagenes/oferta_yos/fondo.jpg");
	background-repeat: round;
	background-color: white;
}*/


/*******************************/
/* -------------------------------------------------- */

/* MARKETING CONTENT */
/* -------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4, .marketing .col-lg-6 {
	margin-bottom: 20px;
	text-align: center;
}
.marketing h2 {
	font-weight: normal;
}
.marketing .col-lg-4 p {
	margin-right: 10px;
	margin-left: 10px;
}

.marketing-background {
	padding-top: 60px;
	color:white;
	background-color: #CB012F;
}

.bloq-cat-pizarras .links-pizarras li{
	margin-bottom: 10px;
	font-weight: bold;
}

.cat-pizarras {
	padding-top:15px;
}

#cat-pizarra-caballete  .cat-pizarras {
	padding-top:25px;	
}

/* -------------------------------------------------- */



/* Featurettes
------------------------- */

.featurette-divider {
	width:100%;
	margin: 35px 0;
	border:0px;
	height:1px;
}

/* Thin out the marketing headings */
.featurette-heading {
	font-weight: 300;
	line-height: 1;
	letter-spacing: -1px;
}

/* TABLA DESTRUCTORAS
-------------------------------------------------- */
.container-tabla {
	/*width: 100%;*/
	/*padding-right: 5%; */
	height: 700px;
	overflow-y: auto;
	margin: 15px 0;
}

.container-tabla img{
	width:100%;
	height: 4847px;
}

/*#tabla_destructoras {
	width:1100px;
	height: 2085px;
}*/

/* Precios desde emergentes
------------------------- */
.pr-desde-popup {
	background-image: url("/static/imagenes/bocadillo90x35.png");
	width:95px;
	height:35px;
}

.pr-desde-popup-txt {
	font: bold 8px/10px Arial, Helvetica, sans-serif;
	color: white;
	position: relative;
	margin-left: 12px;
}

.pr-desde-popup-precio {
	font: bold 13px/17px Arial, Helvetica, sans-serif;
	color: white;
	text-shadow: 1px 1px 1px #700019;
	position: relative;
	margin-left: 12px;
}

/* ------------------------- */

/* RESPONSIVE CSS
-------------------------------------------------- */
.tablet-only, .mobile-only .desktop-only {
	display:none;
}

/* Moviles vertical */
@media (max-width: 767px) {

	#myCarousel {
		display: none;
	}

	.marketing-tabla {
		display: none;
	}

	.footer div {
		margin: 10px 0px;
	}

	.cabecera-mobile {
		display:block;
	}

	/*.footer {
		height: 135px;
	}*/
}

/* Tablets vertical y moviles horizontal */
@media (min-width: 768px) and (max-width: 1024px) {
	/* Navbar positioning foo */
	.navbar-wrapper {
		margin-top: 20px;
	}
	.navbar-wrapper .container {
		padding-right: 15px;
		padding-left: 15px;
	}
	.navbar-wrapper .navbar {
		padding-right: 0;
		padding-left: 0;
	}

	/* The navbar becomes detached from the top, so we round the corners */
	.navbar-wrapper .navbar {
		border-radius: 4px;
	}

	/* Bump up size of carousel content */
	.carousel-caption p {
		margin-bottom: 20px;
		font-size: 21px;
		line-height: 1.4;
	}

	.featurette-heading {
		font-size: 50px;
	}

	.tablet-only {
		display:block;
	}

	.container-tabla {
		height: auto;
		max-width: 100%
	}

	.cabecera-tablet {
		display:block;
	}

	/*.footer {
		height: 75px
	}*/

}

/* Escritorios normales */
@media (min-width: 1025px) {

	.navbar-wrapper {
		margin-top: 20px;
	}
	.navbar-wrapper .container {
		padding-right: 15px;
		padding-left: 15px;
	}
	.navbar-wrapper .navbar {
		padding-right: 0;
		padding-left: 0;
	}

	/* The navbar becomes detached from the top, so we round the corners */
	.navbar-wrapper .navbar {
		border-radius: 4px;
	}

	/* Bump up size of carousel content */
	.carousel-caption p {
		margin-bottom: 20px;
		font-size: 21px;
		line-height: 1.4;
	}

	.featurette-heading {
		font-size: 50px;
	}

	.featurette-heading {
		margin-top: 120px;
	}

	.desktop-only {
		display:block;
	}

	.container-tabla {
		height: auto;
		max-height: 700px;
	}

	.cabecera-pc {
		display:block;
	}

	/*.footer {
		height: 55px
	}*/

}

/*@media (orientation:portrait) {
	
	.portrait-test {
		display: block;
	}

	.landscape-test {
		display: none;
	}
}

@media (orientation:landscape) {

	.portrait-test {
		display: none;
	}
	
	.landscape-test {
		display: block;
	}


}*/