﻿
	*,*:before,*:after{-moz-box-sizing:content-box;
-webkit-box-sizing:content-box;-o-box-sizing:content-box;
-ms-box-sizing:content-box;box-sizing: content-box}

	body
	{
 
		background-color: #CCC;
		font-family: 'Open Sans Condensed', sans-serif;
		color: #000000;
		font-size: 16pt;
		line-height: 1.75em;

  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
	}

.medicina {
		 z-index: 2002;
		position: fixed;
   margin: 0px 0px 0px 0px;
padding: 0px;
  min-width: 100%;
max-height: 100%;
  position: -webkit-sticky; 
    top: 0;
}

.natural
{
			 z-index: 1001;

background-image: url('images/toop.png');
background-size: 450px;
background-repeat: no-repeat;
background-size: contain;
position: fixed;
width: 100%;

margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
opacity: 1;
border: 0px;


-moz-border-radius:1px;
-moz-box-shadow: 0px 4px 32px #777;
-webkit-box-shadow: 0px 4px 32px #777;
}




.desktop4 {
    width: 100%;  min-height: 800px;
    padding: 0em;


  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;

}

.lienzo4 {
    max-width: 480px; min-height: 800px;
    padding: 0em;
    background-color: #ffffff; 
    margin: auto;
    text-align: center;
    display:block;
    box-shadow: 0 0 40px #000;

}

.container4 {
    max-width: 480px; min-height: 800px;
    padding: 0em;
    margin: auto;
    text-align: center;
  display:block;
  background: url("../images/logowid.webp");
  background-repeat: no-repeat;
background-size: contain;

}

.cube4 {
    max-width: 480px; min-height: 800px;
    padding: 0em;
    opacity: 1;
    margin: auto;
    text-align: center;
  display:block;


}

	a
	{
		color: #478903;
		text-decoration: none;
	}

	a:hover
	{
		text-decoration: none;
	}

li {
		color: #9fb12d;
		text-decoration: none;
}


.la {
		color: #9fb12d; 
		text-decoration: none;
}

.tt	{
		font-family: 'Open Sans Condensed', sans-serif;
		color: #478903;

	}

.nn	{
	 display: inline-block;
  margin: 0px 8px;
		font-family: 'Open Sans Condensed', sans-serif;
		color: #000000;
		max-width: 94%;

	}
.ppt
		{

		font-family: 'Open Sans Condensed', sans-serif;
		font-size: 20pt;

		color: #4c4c4c;
		font-weight: regular;
	}



/* Reusable */

	.button
	{
		display: inline-block;
		background: #4f6329;
		box-shadow: inset 0px 0px 0px 1px #9bbb59, 0px 2px 3px 0px rgba(0,0,0,0.25);
		border: solid 1px #4f6329;
		border-radius: 6px;
		padding: 0.45em 1.1em 0.5em 1.1em;
		color: #fff;
		font-size: 0.8em;
		text-decoration: none;
		text-shadow: -1px -1px 0 rgba(0,0,0,0.5);
		background-image: -moz-linear-gradient(top, #9bbb59, #4f6329);
		background-image: -webkit-linear-gradient(top, #9bbb59, #4f6329);
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#9bbb59), to(#4f6329));
		background-image: -ms-linear-gradient(top, #9bbb59, #4f6329);
		background-image: -o-linear-gradient(top, #9bbb59, #4f6329);
		background-image: linear-gradient(top, #9bbb59, #4f6329);
		outline: 0;
		white-space: nowrap;
	}

	.button:hover
	{
		background: #28a3df;
		background-image: -moz-linear-gradient(top, #fef988, #b5b267);
		background-image: -webkit-linear-gradient(top, #fef988, #b5b267);
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fef988), to(#b5b267));
		background-image: -ms-linear-gradient(top, #fef988, #b5b267);
		background-image: -o-linear-gradient(top, #fef988, #b5b267);
		background-image: linear-gradient(top, #fef988, #b5b267);
	}

	.button:active
	{
		background: #9bbb59;
		background-image: -moz-linear-gradient(top, #4f6329, #9bbb59);
		background-image: -webkit-linear-gradient(top, #4f6329, #9bbb59);
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4f6329), to(#9bbb59));
		background-image: -ms-linear-gradient(top, #4f6329, #9bbb59);
		background-image: -o-linear-gradient(top, #4f6329, #9bbb59);
		background-image: linear-gradient(top, #4f6329, #9bbb59);
	}

	.divider
	{
		border-top: solid 1px #e5e5e5;
		border-bottom: solid 1px #ffffff;
		height: 4px;
		margin: 2em 0 2em 0;
	}

.responsive {
 display: inline-block;
  margin: 5px 0px;
  
box-shadow: -4px 4px 5px 0px rgba(26,23,27,0.46);

-moz-box-shadow: -4px 4px 5px rgba(26,23,27,0.46);
-webkit-box-shadow: -4px 4px 5px rgba(26,23,27,0.46);
}
.video-responsive {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    padding-top: 30px;
    position: relative;
		    box-shadow: 0px 4px 20px 8px rgba(0,0,0,0.8);
-moz-border-radius:8px;
-moz-box-shadow: 0px 4px 20px #222;
-webkit-box-shadow: 0px 4px 20px #222;
    }
.video-responsive iframe, .video-responsive object, 
.video-responsive embed {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    }

.ddiv {
  background-image: url(../css/images/bar.gif);
	background-repeat: repeat-x;
	background-size: 388px ;

}


.seccion
	{	font-family: 'Open Sans Condensed', sans-serif;
		color: #bdbf1b;
		font-size: 1.6em;
		letter-spacing: -1px;
		margin: 0 0 0.75em 0;
		text-shadow: -5px 6px 5px rgba(0,0,0,0.24);
	}


.abra
	{	font-family: 'Open Sans Condensed', sans-serif;
		color: #4c4c4c;
		font-size: 16pt;
		letter-spacing: 0px;
		text-align:middle;
		line-height:-20

	}

.dva
	{	color: #478903;
		font-color: #478903;
                vertical-align: top;
		text-align:top;

	}

    

.form > div {
    background-color: #fff;
    box-shadow: -4px 5px 32px 5px rgba(0,0,0,0.5); 
    display: inline-block;
    height: auto;
    max-width: 470px;
    min-height: 100px;
    vertical-align: bottom;
    width: 90%;
    position: relative;
    border-radius: 8px;
    padding: 10px 5%;
    margin-top: -80px;
    margin-left: 0px;
    margin-bottom: -50px;
    font-size: 18px;
    line-height: 28px;
}


.hover_bkgr_fricc .helper{
    display:inline-block;
    height:100%;
    vertical-align:bottom;

}
.hover_bkgr_fricc > div {
    background-color: #fff;
    box-shadow: -4px 5px 32px 5px rgba(0,0,0,0.5); 
    display: inline-block;
    height: auto;
    max-width: 470px;
    min-height: 100px;
    vertical-align: bottom;
    width: 80%;
    position: relative;
    border-radius: 8px;
    padding: 10px 5%;
    margin-left: 12px;
    margin-top: -24px;
}
.popupCloseButton {
    background-color: #fff;
    border: 3px solid #999;
    border-radius: 50px;
    cursor: pointer;
    display: inline-block;
    font-family: arial;
    font-weight: bold;
    position: absolute;
    top: -12px;
    right: -12px;
    font-size: 25px;
    line-height: 30px;
    width: 30px;
    height: 30px;
    text-align: center;
}
.popupCloseButton:hover {
    background-color: #ccc;
}
.trigger_popup_fricc {
    cursor: pointer;
    font-size: 20px;
    font-color: #4c4c4c;
    margin-top: -20px;
    margin-bottom: -20px;
    display: inline-block;
    font-weight: regular;
}

.bloque {
text-indent: 1em;
text-align: left;
}
ul {
     padding-left: 10px;
}
@keyframes fade {
  0%   { opacity: 0; }
  11.11%   { opacity: 1; }
  33.33%  { opacity: 1; }
  44.44%  { opacity: 0; }
  100% { opacity: 0; }
}


.fadein { position:relative; max-width: 100%;  height: auto; display:block; outline: 0px;  }
.fadein img { position:absolute; left:0; right:0; opacity:0; animation-name: fade; 
animation-duration: 20s; animation-iteration-count: infinite; }
 
.fadein img:nth-child(1) { animation-delay: 0s;  }
.fadein img:nth-child(2) { animation-delay: 4s;  }
.fadein img:nth-child(3) { animation-delay: 8s;  }
.fadein img:nth-child(4) { animation-delay: 12s;  }


/* NEED SECOND PART - */


/* Copyright */
	
	#copyright
	{
		text-align: center;
		color: #868686;
		font-size:  12pt;
		padding: 2em;
	}

		#copyright a
		{
			color: #868686;
		}
		
		#copyright img {
  vertical-align: middle;
  /* Ojo vertical-align: text-middle no existe*/
}