#van_marquee
{
	position:fixed;
	width: calc(100vw - 36vmin - 4vmax);
	height: 1.8em;
	top:12vmin;
	/* left:3vmax; */
	right:36vmin;
	/* margin-top: 0.1em; */
	
	/* padding-left: 3vmax;
	padding-right: 3vmax;
	padding-bottom: auto; */
	
	
	
	
	color: white;
	font-size: 1.2rem;
	text-transform: uppercase;
	text-shadow: 0 0 2px #065b70;
	/* overflow-x:hidden; */
	 background: transparent; 
	/*  background: red;  */
	/* z-index:5; */
	padding-bottom: auto;
	padding-top:0.3em;
	z-index:2;
}

#tips_marquee
{
	position:fixed;
	width: calc(100vw - 8vmax);
	height: 1.5em;
	bottom:0;
	/* left:3vmax; */
	right:4vmax;
	/* margin-top: 0.1em; */
	
	/* padding-left: 3vmax;
	padding-right: 3vmax;
	padding-bottom: auto; */
	
	
	
	
	color: white;
	font-size: 1.2rem;
	text-transform: uppercase;
	text-shadow: 0 0 2px #065b70;
	/* overflow-x:hidden; */
	 background: transparent; 
	/*  background: red;  */
	 z-index:7; 
	padding-bottom: auto;
	padding-top:0.2em
}
#tips_marquee span
{

	padding-left:10em;

}

.van {
  display:none; 
  position:fixed;
  width: 50vw;
  height: 1.5em;
  top:12vmin;
  margin-top: 0.1em;
  padding-left: 74vmin;
  padding-right: 0;
  padding-bottom: auto;
  /* color: #065b70; */
  color: white;
  font-size: 1.2rem;
  text-transform: uppercase;
  text-shadow: 0 0 2px #065b70;
  overflow-x:hidden;
  /* background: transparent; */
  background: blue;
  z-index:5;
}
.van  span {padding-left:3em;}
.van > * {
   display: inline-block; 
 /*  margin-right: 10px; */
  animation: intro 20s infinite linear;
}

@keyframes intro {
  0% {transform: translateX(0);}
  100% {transform: translateX(-200em);}
}

#marquee {
		position:fixed;
		bottom:0;
		height:4vh;
		/*width:100%;*/
		z-index:6;
}


.big_marquee {
  display:none;
  width: 600em;
  padding: 10px 0;
  padding-left: 100vw;
  color: #ffffff;
  font-size: 1.2rem;
  text-transform: uppercase;
  text-shadow: 0 0 5px rgba(0,0,0,1); 
  
  background: transparent;
}
.big_marquee span { padding-left:20em;}
.big_marquee > * {
  margin-left:3em;
  display: inline-block;
  animation: tips 40s infinite linear;
}

@keyframes tips {
  0% {transform: translateX(0);}
  100% {transform: translateX(-500vw);}
}














#lemas { 
	display:block;
	opacity: 0;
	transition: display 2s ease, opacity 2s ease;
}

body {
	/*height:100%;
	
	background-image:url('img/0.web.pic.03.jpeg');
	/* background-clip: padding-box;
	background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: 100vmax 100vmin; *-/
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;*/
  
}

#bgi {
	position:fixed;
	width:100vw;
	height:100vh; 
	
	top:0;
	left:0;
	/* background-color:rgba(250,50,250,0.4); */
	/* background-color:lightblue; */
	 z-index:-2; 
	/* background-image:url('img/0.web.pic.03.jpeg'); */
	/* background-clip: padding-box;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: 100vmax 100vmin; */
	background-position:center;
	background-repeat:repeat-y;
	background-size:cover; 
	opacity:0.5;
	transition: opacity 1.5s ease; 	

}
#backg {
	position:fixed;
	width:100vw;
	height:100vh; 
	
	top:0;
	left:0;
	background-color:rgba(230,230,230,0.9);
	 z-index:-1;
	display:none; 

}
.pic {
	/* box-shadow:0 10px 8px 0 rgba(0, 50, 0, 0.8), 0 10px 20px 0 rgba(0, 50, 0, 0.9); */
	box-shadow:-3px -3px 3px 0px rgba(0, 25, 0, 0.5), 3px 3px 3px 0px rgba(0, 50, 0, 0.6);
}

ul {
	padding:1.5rem;
	padding-right:1rem;
	margin:1rem;
	text-align:left;
}

li {
	padding:0.5rem;
	margin-bottom:0.1rem;
	text-align:left;
}

#proteccion {
	width:30%;
	/* margin-right:0;
	margin-left:auto; */
	margin:10;
	height:auto;
	border-collapse:collapse;
	border: 1px solid black;
	font-family:Lato, sans-serif;
	font-size: 1.25rem;
    line-height: 1.375em;
    color: #303030;
    font-weight: normal;
	padding:2px;
	

}
#proteccion td {
	border: 1px solid black;
	padding:2px;
}
#proteccion th {
	border: 1px solid black;
	padding:4px;
	background:#aaaaaa;
	font-weight: bold;
}


#curtain {
	position:fixed;
	height:100vh;
	width:100vw;
	z-index:10;
	background-color:rgba(0,0,0,0.8);
	display: block;
	transition: display 2s;
}
#curtain a, a:link, a:active, a:hover, a:visited {
	text-decoration:none;
	color:white;
}
	
#bienvenida {
	font-family:Verdana;
	position:fixed;
	height:80vh;
	width:80vw;
	top: 10vh;
	left:10vw;
	box-shadow:0 10px 8px 0 rgba(0, 0, 0, 0.8), 0 10px 20px 0 rgba(0, 0, 0, 0.9);
	background:linear-gradient(55deg, #bbbbbb 0%, #005a00 51%, #214221 85%);
	color:white;
	text-align:center;
	margin:auto;
	z-index:11;
}

#entendido
{
	box-shadow:0 5px 6px 0 rgba(0, 0, 0, 0.9), 0 6px 4px 0 rgba(0, 0, 0, 0.9);
	font-size:1.3 rem;

}


.form-group{margin-bottom:10px}
.form-group{display:inline-block;margin-bottom:0;vertical-align:middle}
.form-group{margin-right:0px;margin-left:10px}
.form-group{margin-bottom:5px; width:95%}
.col-sm-6{width:50%}
.col-sm-6{position:relative;min-height:1px;padding-right:15px;padding-left:15px}
@font-face{font-family:"Glyphicons Halflings";src:url(fonts/glyphicons-halflings-regular.eot);src:url(fonts/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype"),url(fonts/glyphicons-halflings-regular.woff2) format("woff2"),url(fonts/glyphicons-halflings-regular.woff) format("woff"),url(fonts/glyphicons-halflings-regular.ttf) format("truetype"),url(fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format("svg")}
.glyphicon{position:relative;top:1px;display:inline-block;color:#008500;font-family:"Glyphicons Halflings";font-style:normal;font-weight:600;font-size:2rem;margin-bottom:0.5em;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.glyphicon-map-marker:before{content:"\e062"}
.glyphicon-phone:before{content:"\e145"} 
.glyphicon-envelope:before{content:"\2709"}
.btn {
    margin: 15px 0;
    background-color: #00a500;
    color: #fff;
  }
.btn:hover {
    border: 1px solid #00a500;
    background-color: #fff !important;
    color: #00a500;
  }
.btn-lg {
      width: 100%;
      margin-bottom: 35px;
    }
.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default.focus,.btn-default:focus{color:#333;background-color:#e6e6e6;border-color:#8c8c8c}.btn-default:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;background-image:none;border-color:#adadad}.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover{color:#333;background-color:#d4d4d4;border-color:#8c8c8c}.btn-default.disabled.focus,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled].focus,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}
.form-control{padding:0.5rem;position:relative;float:left;width:94%;margin-bottom:1rem;margin-bottom:0.5rem;}
html {
	font-size:4mm;

	}

body {
	/* font-size:calc(0.8vh - 0.7vw + 1.6vmax); */
	/* line-height: calc((0.8vh - 0.7vw + 1.6vmax)*1.4); */
	line-height: calc(1rem*1.5);
	overflow: auto;
	/*border:2px solid blue;*/
	margin:0px;
	padding:0px;
	}
.first_carousel {
	/* display: block;  */
	display: none; 
	color:black; background-color:#00a500;opacity: 1;
	left:0;
	position:fixed;
	top:12vmin;
	height:8vmin;
	width:100%;
	padding-right:36vmin;
	padding-left:3vmax;
	text-align:center;
	transition: opacity 3s ease;
	overflow-x:hidden;
	/* border:4px solid black; */
}
.col-sm-x {float:none;  min-height:1px;  padding-right:10px; padding-left:10px;overflow:auto; width:95%; display:block;color:red}	
.img_col {float:none; min-height:1px; padding-right:0px; margin-right: 10px; padding-left:0px;width:100%; display:block}
.row{margin-right:0px;margin-left:0px;clear:left/*margin-left:-60px; margin-right:-60px*/}
.container-fluid {width:100vw;clear:left}
.item {position:relative;top:auto; padding-left:10vmax;display:none;transition: display 2s ease;}
.active {position:relative;color:red;visibility: visible;}
.active mark {padding:5px;background:black;}
/* The side navigation menu */
	.sidenav {
	z-index:3;  height:calc(100vh - 40vmin); text-align:center;v-align:top;
		opacity: 0.95; 
	  /* height: 100%; */ /* 100% Full-height */
	   /* height: 60vmin; */  /* 70% Full-height */
	   height:calc(100% - 40vmin);
	  width: 0; /* 0 width - change this with JavaScript */
	  position: fixed; /* Stay in place */
	  z-index: 1; /* Stay on top */
	  /* top: 0; */ /* Stay at the top */
	  top: 30vmin; /* Stay at the top */
	  left: auto;
	  right:0;
	  /* background-color: #111; */ /* Black*/
	  background-color: rgba(170,170,170,1); /* Grey*/
	  overflow-x: hidden; /* Disable horizontal scroll */
	  overflow-y: auto;
	  padding-top:10px; /* Place content 30px from the top (poco mas que el alto del boton*/
	  transition: 0.3s; /* 0.5 second transition effect to slide in the sidenav */
	 font-size: 2 vw;
    line-height: 2.1vw !important;
    letter-spacing: 1px;
    border-radius: 0;
    font-family: Montserrat, sans-serif;
	font-weight: bold;
	  text-transform: uppercase;
		box-shadow:-5px 0px 5px 2px rgba(70,70,70,0.7)
	}

	/* The navigation menu links */
	.sidenav a {
	  padding: 0.5rem 10% 0.3rem 10%;
	  text-decoration: none;
	  font-size:0.7rem;
	  /* color: #818181; */
	  color: #000000;
	  /* color: red;  */
	  display: block;
	  transition: 0.3s;
	  border-radius:2px; font-weight:bold;
	  text-align:right;
	 line-height: 0.9rem;
	} 
	.sidenav li {
		padding: 0.5rem 10% 0.2rem 10%
	}

	/* When you mouse over the navigation links, change their color */
	.sidenav a:hover {
	  color: #fff ; background-color:#00a500;
	}

	/* Position and style the close button (top right corner) */
	.sidenav .closebtn {
	  position: absolute;
	  
	  text-align:center;
	  top: 0;
	  right: 25px;
	  font-size: 36px;
	  margin-left: auto;
	  margin-right: auto;
	}
	.sidenav .closebtn:hover {
	  background-color:red;
	}
	
	.shadowbar { box-shadow:10px 5px 6px 0px rgba(70,70,70,0.7);}
	.head_placehold  {height:21vmin;}

	/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
	#main {
	  transition: margin-left .5s;
	  
	}

	/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
	@media screen and (max-height: 450px) {
	 
	 /*  .sidenav {padding-top: 15px;}
	  .sidenav a {font-size: 18px;} */}
	 @media screen and (min-height: 700px) {
	 
		.sidenav a {font-size: .9rem; padding-bottom:0.7rem; padding-top:0.7rem;}
	 /*  .sidenav {padding-top: 15px;}
	  .sidenav a {font-size: 18px;} */}
	
/*Estilos YA PROBADOS*/	
body {
    /*font: 400 15px Lato, sans-serif;*/
	font-family: Lato, sans-serif;
    /*line-height: 1.8;*/
    color: #818181;
	}
h1 {
    font-size: 3rem;
    text-transform: uppercase;
    color: #303030;
    font-weight: 600;
    margin-bottom: 30px;
  }
	
h2 {
    font-size: 2rem;
    text-transform: uppercase;
    color: #303030;
    font-weight: 600;
    margin-bottom: 30px;
  }
h3 {
    font-size: 1.5rem;
    /*text-transform: uppercase;*/
    /*color: #303030;*/
    color: black;
    margin-block-start: 0px;
    margin-block-end: 0px;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
	z-index:10;
    /*margin-bottom: 30px;*/
  }
h4 {
    font-size: 1.25rem;
    line-height: 1.375em;
    color: #303030;
    font-weight: 400;
    /*margin-bottom: 30px;*/
	/* margin-block-start: 0px;
    margin-block-end: 0px;
    margin-inline-start: 0px;
    margin-inline-end: 0px; */
	font-weight: bold;
	margin-top:0;
	/* margin-bottom:2em; */
  }  
h4 p,ul{ 
	padding-left:5%;
	padding-right: 3%;
	font-weight: normal;
	text-align:justify;
	margin-top:0;
	margin-bottom:1.5em;
	}
.flash
  {
  background-color:black;  /*original*/
  /* background-color:#00a500; */ 
  color: white; 
  font-weight:bold;
  text-transform: uppercase;
  box-shadow:15px 0px 10px black;
  padding:1rem;
  margin:1em;
  border-radius:50%:
 }
 
.item h4 {
    font-size: 19px;
    line-height: 1.375em;
    font-weight: 400;
    font-style: italic;
    margin: 70px 0;
  }
.item span {
    font-style: normal;
  }

.no_mark:link,.no_mark:hover,.no_mark:active,.no_mark:visited {text-decoration:none;padding-left:1rem;padding-right:1rem;border-radius:0.5rem; color:black}
.no_mark:hover {background-color:black; color:white;}
#barra_pie
{

height:20vmin;
background-color:#00a500;

}
@media only screen and (orientation:landscape)
{
	/*es decir, cuando el dispositivo está horizontal*/
	#barra_pie {height:10vmin;}
	.col-sm-x {float:left;  min-height:1px;  padding-right:10px; padding-left:10px;overflow: auto;width:46%;min-width:5vw;max-width:100%;color:black;}	
	.img_col {float:left; min-height:1px; padding-right: 15px; padding-left:0px;height:58vmin;width:auto}
	p {padding-left:30px; padding-right:30px}
	.in_portrait {display: none;}
}


.sidenav {

background: -webkit-linear-gradient(-180deg, rgba(165,165,165,0.4) 0, rgba(171,171,171,0.94) 98%, rgba(171,171,171,0.94) 100%);
background: -moz-linear-gradient(270deg, rgba(165,165,165,0.4) 0, rgba(171,171,171,0.94) 30%, rgba(171,171,171,0.94) 100%);
background: linear-gradient(90deg, rgba(150,150,150,0.5) 2%, rgba(171,171,171,0.94) 60%, rgba(171,171,171,0.94) 100%);
background-position: 50% 50%;



}