@charset "utf-8";
/* CSS Document */

body, html, div, h1, h2, h3, h4, form, input, p, img, a, ul, li, ol, span, td, tr, table, type{
	padding:0;
	margin:0;
	border:none;
}
body{
	background:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:normal;
	color:#000;
}
body #container{
	margin:0 auto;
	width:100%;
	background:#fff;
}
.clear{
	clear:both;
}
a{
	text-decoration:none;
	color:#0099FF;
}
a:hover{
	text-decoration:underline;
}
h1, h2, h3{
	line-height:normal;
	font-weight:normal;
	color:#000;
}
li{
	list-style:none;
}
p{
	margin:0 0 20px 0;
}


/* --------------------------------- */
/*----------*/
#video-overlap{
	position:fixed;
	height: 110px;
	width:100%;
	background: #fff;
	margin:0 0 30px 0;
	-webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.1);  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  	-moz-box-shadow:    1px 1px 3px 1px rgba(0,0,0,0.1);  /* Firefox 3.5 - 3.6 */
  	box-shadow:         1px 1px 3px 1px rgba(0,0,0,0.1);
	z-index:1000;
}
#splash-video{
	float:left;
	width:100%;
	position:relative;
	height:711px;
	margin:0;
	display:table-cell;
	overflow: hidden;
}
#splash-video .video{
 position: absolute; 
right: 0; 
bottom: 0;
min-width: 100%;
max-width: 100%; 
/*width: 100vw;*/ 
height: auto;
top:0;
object-fit: cover;
z-index: -100;
border: 0px !important;
background: #FFF;
}

#splash-video .text{
	position:absolute;
    bottom:260px;
    left:443px;
    margin:0;
	color:#000;
	font-size:22px;
	text-align:left;
	z-index:-1;
	width:500px;
	background:url(images/white-trans-layer-2.png) repeat;
	padding:30px;
	-webkit-border-radius: 10px;
       -moz-border-radius: 10px;
         -o-border-radius: 10px;
            border-radius: 10px;
}
#splash-video .text h1{
	font-size:40px;
	color:#000;
	margin:0 0 10px 0;
}
#splash-video .main .text-box{
	float:left;
	width:auto;
	height:790px;
	position:relative;
	
}
/*----------*/


#container .main{
	width:1003px;
	margin:0 auto;
}


#header,
#header-2{
	width:100%;
	z-index:1000;
	background:#fff;
	-webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.1);  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  	-moz-box-shadow:    1px 1px 3px 1px rgba(0,0,0,0.1);  /* Firefox 3.5 - 3.6 */
  	box-shadow:         1px 1px 3px 1px rgba(0,0,0,0.1);
}
#header-2{
	background:#f3f3f3;
}
#header .main,
#header-2 .main{
	position:relative;
}
#header .logo,
#header-2 .logo{
	float:left;
	margin:20px 0;
}
#header .logo a,
#header-2 .logo a{
	display:block;
	width:397px;
	height:71px;
	background:url(images/logo-header-blue.png) no-repeat top;
	background-size:100%;
}



#header .rsm-area{
	float:right;
	width:590px;
	margin:25px 0 0 0;
}
#header #language{
	float:right;
	font-size:12px;
	color:#797979;
	margin:0 0 0 10px;		
}
#header #language a{
	display:block;
	color:#797979;
	padding:4px 6px;
	border:1px solid #d2d2d2;
	-webkit-border-radius: 4px;
       -moz-border-radius: 4px;
         -o-border-radius: 4px;
            border-radius: 4px;
}
#header #language a:hover{
	text-decoration:none;
}
#header #language .globe{
	float:left;
	width:15px;
	height:15px;
	background:url(images/globe.svg) no-repeat top;
	background-size:100%;
	margin:0 7px 0 0;
}
#header #language .text-2{
	float:left;
	width:auto;
	margin:0;
}
#header #language .arrow{
	float:left;
	width:8px;
	height:8px;
	background:url(images/drop-arrow-grey.svg) no-repeat top;
	background-size:100%;
	transition: transform .7s ease-in-out;
	margin:5px 0 0 6px;
}
#header #language:hover .arrow{
	transform: rotate(180deg);
}

#header #language-menu,
#header #language-mobile-menu{
	display:none;
	position:absolute;
	top:20px;
	right:0;
	position:absolute;
	width:120px;
	z-index:4;
}
#header #language-menu a,
#header #language-mobile-menu a{
	border:none;
}
#header #language-menu .language-menu-hidden,
#header #language-mobile-menu .language-mobile-menu-hidden{
	display:block;
	float:left;
	width:100%;
	background: #fff;
	padding:15px 20px 18px 20px;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
	margin:0;
	-webkit-border-radius: 10px;
       -moz-border-radius: 10px;
         -o-border-radius: 10px;
            border-radius: 10px;
	border:1px solid #d2d2d2;
}
#header #language-menu .language-menu-hidden-top,
#header #language-mobile-menu .language-mobile-menu-hidden-top{
	display:block;
	float:right;
	width:50px;
	height:15px;
	background:url(images/grey-drop-menu-top.png) no-repeat bottom;
}
#header #language-menu .language-menu-hidden a,
#header #language-mobile-menu .language-mobile-menu-hidden a{
	color:#fff;
	margin:0;
	font-size:16px;
}
#header #language-menu .language-menu-hidden li,
#header #language-mobile-menu .language-mobile-menu-hidden li{
	float:left;
	width:100%;
	margin:0 0 5px 0;
	border-bottom:1px solid #d2d2d2;
}
#header #language-menu .language-menu-hidden li a,
#header #language-mobile-menu .language-mobile-menu-hidden li a{
	display:block;
	padding:4px;
	color:#000;
	border-radius:0;
}
#header #language-menu .language-menu-hidden li a:hover,
#header #language-menu .language-menu-hidden .selected,
#header #language-mobile-menu .language-mobile-menu-hidden li a:hover,
#header #language-mobile-menu .language-mobile-menu-hidden .selected{
	background:#f3f3f3;
	text-decoration:none;
	padding:4px;
	border:none;
}
#header #language-mobile{
	display:none;
}




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

#header #language-mobile{
	float:right;
	position:relative;
}
#header #language-mobile .globe{
	display: block;
	width:20px;
	height:20px;
	background:url(images/globe.svg) no-repeat top;
	background-size:100%;
	vertical-align:middle;
	margin:37px 20px 0 0;
}
#header #language-mobile #language-mobile-menu a{
	background:none;
	display:block;
}
#header #language-mobile #language-mobile-menu a:hover{
	background:#f3f3f3;
}
#header #language-mobile-menu{
	top:55px;
	right:6px;
}

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




#header .rsm-small{
	float:right;
	width:100%;
	margin:0;
	position:relative;
}
#header .rsm-small ul{
	float:right;
	margin:4px 0 0 0;
}
#header .rsm-small li{
	float:left;
	list-style:none;
	font-size:12px;
}
#header .rsm-small .promo a{
	background:#fff;
	border:2px solid #ff6600;
	padding:3px 10px;
	-webkit-border-radius: 5px;
       -moz-border-radius: 5px;
         -o-border-radius: 5px;
            border-radius: 5px;
}
#header .rsm-small .promo a:hover{
	text-decoration:none;
	background:#ff6600;
	border:none;
	-webkit-border-radius: 5px;
       -moz-border-radius: 5px;
         -o-border-radius: 5px;
            border-radius: 5px;
	border:2px solid #ff6600;
	color:#fff;
}
#header .rsm-small li a{
	margin:0 0 0 5px;
	font-size:12px;
	color:#000;
	padding:5px 10px;
}
#header .rsm-small span{
	font-weight:normal;
}
#header .rsm-small li a:hover,
#header .rsm-small .selected{
	text-decoration:none;
	background:#b8e5ff;
	color:#000;
	border:none;
	-webkit-border-radius: 5px;
       -moz-border-radius: 5px;
         -o-border-radius: 5px;
            border-radius: 5px;
}
#header .rsm{
	float:right;
	margin:15px 0 20px 0;
	position:relative;
}
#header .rsm ul{
	float:left;
}
#header .rsm li{
	float:left;
	list-style:none;
}
#header .rsm li a{
	margin:0 0 0 24px;
	font-size:18px;
	color:#000;
	padding:5px 0 2px 0;
}
#header .rsm li a:hover,
#header .rsm .selected{
	text-decoration:none;
	background:none;
	border-bottom:4px solid #3badf2;
	cursor:pointer;
}





#header .menu-button,
#header .menu-hidden,
#header .menu-hidden-top{
	display:none;
}
#header .menu-button{
	float:right;
	margin:25px 0 0 0;
	display:none;
}
#header .menu-button a{
	display:block;
	width:50px;
	padding:15px 40px 15px 15px;
	border:1px solid #666;
	font-size:14px;
	color:#000;
	background:url(images/menu-button-bg.png) no-repeat #fff;
	background-position: 90% center;
	-webkit-border-radius: 7px;
       -moz-border-radius: 7px;
         -o-border-radius: 7px;
            border-radius: 7px;
}
#header .menu-button a:hover{
	background:url(images/menu-button-bg.png) no-repeat #ececec;
	background-position: 90% center;
	text-decoration:none;
}
#header #dropmenu{
	display:none;
}




#diaria,
#oncologicos,
#contactar{
	float:left;
	width:100%;
	padding:50px 0 75px 0;  
	border-top: 75px solid transparent;
  	margin:-75px 0 0 0;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}
#contactar .text-area{
	float:left;
	width:100%;
	margin:0 0 30px 0;
	font-size:16px;
}
#contactar .text{
	float:left;
	width:100%;
	margin:0 0 40px 0;
}
#contactar h1,
#diaria h1,
#oncologicos h1{
	font-size:38px;
	margin:0 0 15px 0;
}
#contactar{
	background:url(images/contact-bg.png) no-repeat top;
	min-height:555px;
	padding:50px 0 75px 0;
	margin:0;
	border-color:#d9f1ff;
}
#contactar .about-section{
	float:left;
	width:490px;
}
#contactar .about-section a{
	color:#fff;
}
#contactar .about-section h2{
	color:#fff;
	margin:0 0 5px 0;
}
#contactar .about-section h1,
#contactar .about-section .text{
	color:#fff;
}
#contactar .about-section span{
	text-decoration:underline;
}
#contactar .contact-section{
	float:right;
	width:375px;
}
#contactar .address-box{
	float:left;
	width:100%;
	background:url(images/white-trans-layer.png) repeat;
	padding:20px;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
	-webkit-border-radius: 10px;
       -moz-border-radius: 10px;
         -o-border-radius: 10px;
            border-radius: 10px;
}
#contactar .address-box a{
	color:#000;
	text-decoration:underline;
}
#contactar .contact-section .text{
	margin:0 0 20px 0;
}
#contactar .contact-section .form{
	float:left;
	width:100%;
	margin:0;
}
#contactar .contact-section .form label{
	float:left;
	width:100%;
	font-size:16px;
	color:#000;
	margin:0 0 2px 0;
}
#contactar .contact-section .form .text{
	float:left;
	width:98%;
	color:#000;
	border:1px solid #ccc;
	padding:10px;
	margin:0 0 12px 0;
	-webkit-border-radius: 7px;
       -moz-border-radius: 7px;
         -o-border-radius: 7px;
            border-radius: 7px;
	background:url(images/white-trans-layer.png) repeat;
	font-family:Arial, Gotham, "Helvetica Neue", Helvetica, sans-serif;
	font-weight:normal;
	font-size:16px;
}
#contactar .contact-section .form .check-box{
	float:left;
	width:30px;
	height:20px;
	border:1px solid #ccc;
}
#contactar .contact-section .form .check-box-text{
	float:left;
	width:85%;
	font-size:14px;
	margin:1px 0 0 0;
}
#contactar .contact-section .form .submit{
	display:block;
	color:#3badf2;
	-webkit-border-radius: 10px;
       -moz-border-radius: 10px;
         -o-border-radius: 10px;
            border-radius: 10px;
	border:2px solid #3badf2;
	padding:15px 30px;
	margin:20px 0 0 0;
	font-size:20px;
	background:url(images/submit-button-bg-none.png) repeat!important;
}
#contactar .contact-section .form .submit:hover{
	background:#3badf2!important;
	text-decoration:none;
	cursor: pointer;
	color:#fff;
}
#alertOk{
    display:block;
    width:50%;
    height: 50px;
    text-align:center;
    border:1px solid #3badf2;
    background:#fff;
	color:#3badf2;
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
         -o-border-radius: 6px;
            border-radius: 6px;
    padding:15px 30px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size:16px;
    font-weight:normal;
	cursor:pointer;
}
/*-------------------------------------------------------------------------------------------------*/



#footer{
	float:left;
	width:100%;
	background:#282a34;
}
#footer .logo{
	float:left;
	width:243px;
	height:47px;
	background:url(images/footer-logo.png) no-repeat top;
	margin:22px 0 0 0;
}
#footer .text-area{
	float:right;
	font-size:14px;
	margin:20px 0;
	color:#848282;
}
#footer .text-area a{
	color:#848282;
}
#footer .text{
	float:left;
	margin:16px 5px 16px 0;
}
#footer .social-icons{
	float:right;
	margin:6px 0;
}
#footer .social-icons .icon1,
#footer .social-icons .icon2,
#footer .social-icons .icon3,
#footer .social-icons .icon4,
#footer .social-icons .icon6{
	float:left;
	margin:0 0 0 10px;
}
#footer .social-icons .icon1 a,
#footer .social-icons .icon2 a,
#footer .social-icons .icon3 a,
#footer .social-icons .icon4 a,
#footer .social-icons .icon6 a{
	display:block;
	width:36px;
	height:36px;
}
#footer .social-icons .icon1 a{
	background:url(images/footer-icon-twitter.png) no-repeat top;
}
#footer .social-icons .icon2 a{
	background:url(images/footer-icon-fb.png) no-repeat top;
}
#footer .social-icons .icon3 a{
	background:url(images/footer-icon-gplus.png) no-repeat top;
}
#footer .social-icons .icon4 a{
	background:url(images/footer-icon-linkedin.png) no-repeat top;
}
#footer .social-icons .icon6 a{
	background:url(images/footer-icon-instagram.png) no-repeat top;
}
#footer .social-icons .icon1 a:hover,
#footer .social-icons .icon2 a:hover,
#footer .social-icons .icon3 a:hover,
#footer .social-icons .icon4 a:hover,
#footer .social-icons .icon6 a:hover{
	background-position:bottom;
}



#security-page{
	float:left;
	width:100%;
	margin:130px 0 0 0;
}
#security-page .main{
	width:700px;
}
#security-page .main-title{
	float:left;
	width:100%;
	margin:0 0 20px 0;
	font-size:36px;
}
#security-page .main-text-privacy{
	float:left;
	width:100%;
	margin:0 0 30px 0;
	background:url(images/privacy-image.png) no-repeat right;
	padding:0 265px 0 0;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
	display:table;
	height:260px;
}
#security-page .main-text-terms{
	float:left;
	width:100%;
	margin:0 0 30px 0;
}
#security-page .image-text-terms{
	float:left;
	width:100%;
	margin:0 0 30px 0;
	background:url(images2/terms-image.png) no-repeat right;
	padding:0 280px 0 0;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
	display:table;
	height:260px;
}
#security-page .main-text-privacy span,
#security-page .image-text-terms span{
	display:table-cell;
	vertical-align:middle;
	width:100%;
}

#security-page .text{
	float:left;
	width:100%;
	margin:0 0 20px 0;
	font-size:18px;
}
#security-page .text h1{
	font-size:26px;
	margin:0 0 5px 0;
}
#security-page .text .box{
	margin:0 0 50px 0;
}
#security-page .bottom-gap{
	float:left;
	width:100%;
	height:200px;
}





#modal {
  background-color: #282a34;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #3badf2;
    border-top-color: rgb(59, 173, 242);
    border-right-color: rgb(59, 173, 242);
    border-bottom-color: rgb(59, 173, 242);
    border-left-color: rgb(59, 173, 242);
  border-color: #000;
  color: white;
  position: fixed;
  bottom: 0;
  width: 100%;
  opacity: 0.80;
  filter: alpha(opacity=80);
  text-align: center;
}
#content-cookies {
  opacity: 1;
  filter: alpha(opacity=100);
  padding:10px 20px;
  -moz-box-sizing: border-box;
    box-sizing: border-box;
  text-align: center;
  font-size: 13pt;
  vertical-align: middle;
}
.button-cookies {
  color: white;
  text-decoration: none;
  border-radius: 5px;
  padding: 5px 10px;
  font-size: 13pt;
  border: 0;
  cursor: pointer;
  margin-left: 30px;
  background-color: #3BADF2;
}
#modal p {
  margin-bottom: 0;
}




#diaria{
	margin:0;
	padding:130px 0 0 0;
	z-index:1000;
	border-top: 0 solid transparent;
  	margin:-80px 0 0 0;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}
#diaria .content-area{
	float:left;
	width:100%;
	margin:0 0 40px 0;
}
#diaria .title-area{
	float:left;
	width:100%;
	margin:0 0 10px 0;
}
#diaria .image-box{
	float:right;
	width:10px;
	height:10px;
	position:relative;
	margin:10px 0 0 0;
}
#diaria .image{
	position:absolute;
	right:0;
	top:0;
	width:600px;
	background:url(images/diaria-illustration.png) no-repeat top;
	background-size:100%;
	height:400px;
	z-index:0;
}
#diaria .image-eng{
	position:absolute;
	right:0;
	top:0;
	width:600px;
	background:url(images/diaria-illustration-eng.png) no-repeat top;
	background-size:100%;
	height:400px;
	z-index:0;
}
#diaria .text{
	float:left;
	width:370px;
}


#oncologicos{
	margin:-20px 0 -50px 0;
	padding:120px 0 70px 0;
	z-index:1;
	border:none;
	background:url(images/titl-background.png) no-repeat top #d9f1ff;
}
#oncologicos .image-area{
	float:left;
	width:100%;
	background:url(images/oncologicos-illustration.png) no-repeat top;
	background-size:100%;
	height:200px;
}
#oncologicos .content-area{
	float:left;
	width:100%;
}






#blue-button .drop-arrow{
	display:inline-block;
	width:10px;
	height:10px;
	background:url(images/drop-arrow.svg) no-repeat center center;
	transition: transform .7s ease-in-out;
	padding:0 0 0 12px;
}
#blue-button:hover .drop-arrow{
	transform: rotate(180deg);
}
#header #blue-menu{
	display:none;
	position:absolute;
	top:20px;
	right:105px;
	position:absolute;
	width:240px;
	z-index:3;
}
#header #blue-menu .blue-menu-hidden{
	display:block;
	float:left;
	width:100%;
	background: url(images/blue-trans-layer.png) repeat;
	padding:20px;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
	margin:0;
	-webkit-border-radius: 10px;
       -moz-border-radius: 10px;
         -o-border-radius: 10px;
            border-radius: 10px;
}
#header #blue-menu .blue-menu-hidden-top{
	display:block;
	float:left;
	width:250px;
	height:15px;
	background:url(images/blue-drop-menu-top.png) no-repeat bottom;
}
#header #blue-menu .blue-menu-hidden a{
	color:#fff;
	margin:0;
	font-size:16px;
}
#header #blue-menu .blue-menu-hidden li{
	float:left;
	width:100%;
	margin:0 0 5px 0;
	border-bottom:1px solid #d3efff;
}
#header #blue-menu .blue-menu-hidden li a{
	display:block;
	padding:4px;
	color:#000;
}
#header #blue-menu .blue-menu-hidden li a:hover,
#header #blue-menu .blue-menu-hidden .selected{
	background:#fff;
	text-decoration:none;
	padding:4px;
	border:none;
}





/* --------------------------1003-------------------------------------------------------------- */
/* --------------------------1003-------------------------------------------------------------- */



@media only screen
and (max-width: 1200px) and (min-width: 769px) {
body{
	font-size:16px;
}
#container .main{
	width:720px;
}

/*------------------------------------------------------*/
#header .logo,
#header-2 .logo{
	margin:15px 0 0 0;
}
#header .logo a,
#header-2 .logo a{
	width:350px;
	height:70px;
}
#video-overlap{
	height:90px;
}
#header .menu-button{
	margin:22px 0 0 0;
	display:block;
}
#header .rsm-area{
	display:none;
}



#header #dropmenu{
	display: none;
	position:absolute;
	top:75px;
	right:2px;
	position:absolute;
	width:400px;
	z-index:3;
}
#header .menu-hidden{
	display:block;
	float:left;
	width:100%;
	background: url(images/black-trans-layer.png) repeat;
	padding:20px;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
	margin:0;
	-webkit-border-radius: 7px;
       -moz-border-radius: 7px;
         -o-border-radius: 7px;
            border-radius: 7px;
}
#header .menu-hidden-top{
	display:block;
	float:left;
	width:390px;
	height:8px;
	background:url(images/drop-menu-top.png) no-repeat top right;
}
#header .menu-hidden .right{
	float:right;
	width:35%;
	text-align:right;
}
#header .menu-hidden .left{
	float:left;
	width:50%;
}
#header .menu-hidden a{
	color:#fff;
}
#header .menu-hidden li{
	margin:0 0 5px 0;
}
#header .menu-hidden li a{
	display:block;
	padding:3px;
}
#header .menu-hidden li a:hover,
#header .menu-hidden .selected{
	background:#555;
	text-decoration:none;
}

#header #language-mobile{
	display:block;
}




/*----------*/
#splash-video{
	height:430px;
}
#splash-video .text{
	width:375px;
	bottom:140px;
	left:280px;
	font-size:16px;
}
#splash-video .main .text-box{
	height:500px;
}
#splash-video .text-box h1{
	font-size:30px;
}
/*----------*/


#contactar{
	padding:40px 0 60px 0;
	border:none;
	background-size:cover;
	min-height:100px;
}
#contactar .text{
	margin:0 0 30px 0;
}
#contactar h1,
#diaria h1,
#oncologicos h1{
	font-size:30px;
	margin:0 0 10px 0;
}
#contactar .about-section{
	width:350px;
}
#contactar .about-section span{
	font-size:18px;
}
#contactar .contact-section{
	width:275px;
}
#contactar .contact-section .text{
	margin:0;
}
#contactar .contact-section .form label{
	font-size:16px;
}
#contactar .contact-section .form .submit{
	-webkit-border-radius: 8px;
       -moz-border-radius: 8px;
         -o-border-radius: 8px;
            border-radius: 8px;
	border-width:1px;
	padding:17px 35px;
	margin:20px 0 0 0;
	font-size:20px;
}


#security-page .main{
	width:500px;
}
#security-page .main-title{
	font-size:30px;
}
#security-page .main-text{
	font-size:18px;
}
#security-page .text{
	font-size:16px;
}
#security-page .text h1{
	font-size:20px;
}
#security-page .text .box{
	margin:0 0 40px 0;
}

#security-page .main-text-privacy{
	background-size:30%;
	padding:0 165px 0 0;
	height:100px;
}
#security-page .image-text-terms{
	background-size:30%;
	padding:0 150px 0 0;
	height:100px;
}
#security-page .bottom-gap{
	height:130px;
}


#content-cookies {
  padding:10px 20px;
  -moz-box-sizing: border-box;
    box-sizing: border-box;
  font-size: 13pt;
}
.button-cookies {
  padding: 5px 10px;
  font-size: 13pt;
  margin:10px 0 0 20px;
}


#diaria{
	padding:120px 0 0 0;
}
#diaria .content-area{
	float:left;
	width:100%;
	margin:0 0 0 0;
}
#diaria .title-area{
	margin:0 0 10px 0;
}
#diaria .image-box{
	float:left;
	width:100%;
	margin:10px 0 0 0;
	text-align:center;
	display:block;
	height:auto;
}
#diaria .image,
#diaria .image-eng{
	position: inherit;
	display:inline-block;
	width:600px;
	height:350px;
	margin:0 0 30px 0;
}
#diaria .text{
	float:left;
	width:100%;
}
#oncologicos{
	margin:0;
	padding:100px 0 50px 0;
}
#oncologicos .image-area{;
	height:140px;
}





}
@media only screen
and (max-width: 768px) and (min-width: 525px) {
body{
	font-size:16px;
}
#container .main{
	width:500px;
	margin:0 auto;
}
/*------------------------------------------------------*/



#header .logo,
#header-2 .logo{
	margin:15px 0;
}
#header .logo a,
#header-2 .logo a{
	width:320px;
	height:70px;
}
#video-overlap{
	height:90px;
}
#header .menu-button{
	display:block;
	margin:22px 0 0 0;
}
#header .rsm-area{
	display:none;
}
#header #dropmenu{
	display: none;
	position:absolute;
	top:75px;
	right:2px;
	position:absolute;
	width:400px;
	z-index:3;
}
#header .menu-hidden{
	display:block;
	float:left;
	width:100%;
	background: url(images/black-trans-layer.png) repeat;
	padding:20px;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
	margin:0;
	-webkit-border-radius: 7px;
       -moz-border-radius: 7px;
         -o-border-radius: 7px;
            border-radius: 7px;
}
#header .menu-hidden-top{
	display:block;
	float:left;
	width:390px;
	height:8px;
	background:url(images/drop-menu-top.png) no-repeat top right;
}
#header .menu-hidden .right{
	float:right;
	width:35%;
	text-align:right;
}
#header .menu-hidden .left{
	float:left;
	width:50%;
}
#header .menu-hidden a{
	color:#fff;
}
#header .menu-hidden li{
	margin:0 0 5px 0;
}
#header .menu-hidden li a{
	display:block;
	padding:3px;
}
#header .menu-hidden li a:hover,
#header .menu-hidden .selected{
	background:#555;
	text-decoration:none;
}

#header #language-mobile{
	display:block;
}
#header #language-mobile .globe{
	margin:37px 15px 0 0;
}
#header #language-mobile-menu{
	top:52px;
	right:0;
}



/*----------*/
#splash-video{
	height:390px;
}
#splash-video .video{
width:100%;
}
#splash-video .text-box{
	width:100%;
	margin:0;
}
#splash-video .text{
	width:360px;
	bottom:50px;
	font-size:16px;
	left:100px;
	z-index:-2;
	margin:0;
	padding:20px;
}
#splash-video .main .text-box{
	height:380px;
}
#splash-video h1{
	font-size:18px;
}
/*----------*/



#contactar{
	padding:40px 0 50px 0;
	border:none;
}
#contactar .text{
	margin:0 0 30px 0;
}
#contactar h1,
#diaria h1,
#oncologicos h1{
	font-size:26px;
	margin:0 0 10px 0;
}





#contactar{
	padding:0 0 0 0;
	border-top: 75px solid transparent;
  	margin:-75px 0 0 0;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
#contactar .main{
	width:100%;
}
#contactar .about-section{
	width:100%;
	background: url(images/about-bg-525.png) no-repeat bottom right #3badf2;
	padding:30px 0 60px 0;
}
#contactar .main-sub{
	width:500px;
	margin:0 auto;
}
#contactar .about-section span{
	font-size:18px;
}
#contactar .contact-section{
	width:100%;
	background: url(images/contact-bg-525.png) no-repeat bottom #f3f3f3;
	padding:30px 0 60px 0;
}
#contactar .contact-section .text{
	margin:0;
	width:476px!important;
}
#contactar .contact-section .form label{
	font-size:16px;
}
#contactar .contact-section .form .submit{
	-webkit-border-radius: 8px;
       -moz-border-radius: 8px;
         -o-border-radius: 8px;
            border-radius: 8px;
	border-width:1px;
	padding:17px 35px;
	margin:20px 0 0 0;
	font-size:20px;
}


#footer .logo{
	width:200px;
	height:35px;
	background-size:100%;
	margin:26px 0 0 0;
}




#security-page .main{
	width:500px;
}
#security-page .main-title{
	font-size:30px;
}
#security-page .main-text{
	font-size:18px;
}
#security-page .text{
	font-size:16px;
}
#security-page .text h1{
	font-size:20px;
}
#security-page .text .box{
	margin:0 0 40px 0;
}

#security-page .main-text-privacy{
	background-size:30%;
	padding:0 165px 0 0;
	height:100px;
}
#security-page .image-text-terms{
	background-size:30%;
	padding:0 150px 0 0;
	height:100px;
}
#security-page .bottom-gap{
	height:130px;
}



#content-cookies {
  padding:10px 20px;
  -moz-box-sizing: border-box;
    box-sizing: border-box;
  font-size: 14px;
}
.button-cookies {
  padding: 5px 10px;
  font-size: 14px;
  margin:5px 0 0 15px;
}



#diaria{
	padding:120px 0 0 0;
}
#diaria .content-area{
	margin:0;
}
#diaria .image-box{
	float:left;
	width:100%;
	margin:0;
	text-align:center;
	display:block;
	height:auto;
}
#diaria .image,
#diaria .image-eng{
	position: inherit;
	display:inline-block;
	width:80%;
	height:240px;
	margin:0 0 20px 0;
}
#diaria .text{
	float:left;
	width:100%;
}
#oncologicos{
	margin:0;
	padding:100px 0 50px 0;
}
#oncologicos .image-area{;
	height:98px;
}




/*-----------------------------------525------------------------------------------------------------*/
}
@media only screen
and (max-width: 524px) {
body{
	font-size:16px;
}
#container .main{
	width:300px;
	margin:0 auto;
}

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


#header .rsm-area{
	display:none;
}
#header .menu-button{
	display:block;
}
#header #dropmenu{
	display:none;
}





/*------------------------------------------------------*/
#header .logo,
#header-2 .logo{
	margin:20px 0;
	width:100%;
	text-align:center;
}
#header .logo a,
#header-2 .logo a{
	background:url(images/logo-header-blue.png) no-repeat top;
	background-size:100%;
	width:95%;
	height:52px;
	display:inline-block;
	
}
#header .menu-button{
	display:block;
	float:right;
	width:60px;
	margin:0 128px 4px 0;
	text-align:center;
}
#header .menu-button a{
	display:inline-block;
	text-align:left;
	width:100%;
}
#header #dropmenu{
	display: none;
	position:absolute;
	top:145px;
	right:10px;
	position:absolute;
	width:280px;
	z-index:3;
}
#header .menu-hidden{
	display:block;
	float:left;
	width:100%;
	background: url(images/black-trans-layer.png) repeat;
	padding:20px;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
	margin:0;
	-webkit-border-radius: 7px;
       -moz-border-radius: 7px;
         -o-border-radius: 7px;
            border-radius: 7px;
}
#header .menu-hidden-top{
	display:block;
	float:left;
	width:210px;
	height:8px;
	background:url(images/drop-menu-top.png) no-repeat top right;
}
#header .menu-hidden .right{
	float:right;
	width:35%;
	text-align:right;
}
#header .menu-hidden .left{
	float:left;
	width:50%;
}
#header .menu-hidden a{
	color:#fff;
}
#header .menu-hidden li{
	margin:0 0 5px 0;
}
#header .menu-hidden li a{
	display:block;
	padding:3px;
}
#header .menu-hidden li a:hover,
#header .menu-hidden .selected{
	background:#555;
	text-decoration:none;
}

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


#header #language-mobile{
	display:block;
}
#header #language-mobile .globe{
	margin:15px 20px 0 0;
}
#header #language-mobile-menu{
	top:30px;
	right:5px;
}



/*----------*/
#video-overlap{
	background:#fff;
	height:auto;
	padding:0 0 20px 0;
}
#splash-video h2{
	font-size:14px;
	background:url(images-2/white-trans-layer-2.png) repeat;
	margin:0 0 4px 0;
}
#splash-video{
	height:450px;
}
#splash-video .video{
    width:100%;
	top:165px;
}
#splash-video .text{
	width:240px;
	bottom:65px;
	font-size:14px;
	left:10px;
	padding:15px;
}
#splash-video .main .text-box{
	height:462px;
	margin:0;
}
#splash-video .main .text-box h1{
	font-size:22px;
	margin:0 0 5px 0;
}
/*----------*/


#contactar .text{
	margin:0 0 30px 0;
}
#contactar h1,
#diaria h1,
#oncologicos h1{
	font-size:24px;
	margin:0 0 10px 0;
}
#contactar{
	border-top: 165px solid transparent;
  margin: -165px 0 0;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  min-height:100px;
	padding:0;
}
#contactar .main{
	width:100%;
}
#contactar .about-section{
	width:100%;
	background: url(images/about-bg-525.png) no-repeat bottom right #3badf2;
	padding:30px 0 60px 0;
}
#contactar .main-sub{
	width:280px;
	margin:0 auto;
}
#contactar .about-section span{
	font-size:18px;
}
#contactar .contact-section{
	width:100%;
	background: url(images/contact-bg-525.png) no-repeat bottom #f3f3f3;
	background-size:70%;
	padding:30px 0 60px 0;
}
#contactar .contact-section .text{
	margin:0;
}
#contactar .contact-section .form label{
	font-size:16px;
}
#contactar .contact-section .form .submit{
	-webkit-border-radius: 8px;
       -moz-border-radius: 8px;
         -o-border-radius: 8px;
            border-radius: 8px;
	border-width:1px;
	padding:17px 35px;
	margin:20px 0 0 0;
	font-size:20px;
}




#alertOk{
    display:block;
    width:50%;
    height: 50px;
    text-align:center;
    border:1px solid #3badf2;
    background:#fff;
	color:#3badf2;
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
         -o-border-radius: 6px;
            border-radius: 6px;
    padding:15px 30px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size:16px;
    font-weight:normal;
	cursor:pointer;
}


#footer .logo{
	width:100%;
	background-size:70%;
	height:50px;
	margin:20px 0 0 0;
	border-bottom:1px solid #3d3f4a;
	padding:0;
}
#footer .text-area{
	float:left;
	width:100%;
	margin:20px 0;
}
#footer .text{
	float:left;
	width:100%;
	text-align:center;
	margin:0 0 10px 0;
}
#footer .social-icons{
	float:left;
	width:100%;
	margin:0;
	text-align:center;
}
#footer .social-icons .icon1,
#footer .social-icons .icon2,
#footer .social-icons .icon3,
#footer .social-icons .icon4,
#footer .social-icons .icon6{
	float:none;
	display:inline-block;
	margin:0 5px;
}


#security-page .main{
	width:280px;
}
#security-page .main-title{
	font-size:22px;
}
#security-page .main-text{
	font-size:16px;
}
#security-page .text{
	font-size:16px;
}
#security-page .text h1{
	font-size:20px;
}
#security-page .text .box{
	margin:0 0 40px 0;
}
#security-page .main-text-privacy{
	background-size:50%;
	padding:0 0 150px 0;
	height:100px;
	background-position:bottom;
}
#security-page .image-text-terms{
	background-size:50%;
	padding:140px 0 0 0;
	height:100px;
	background-position:top;
}
#security-page .main-text-privacy span,
#security-page .image-text-terms span{
	display:table-cell;
	vertical-align:middle;
	width:100%;
}

#security-page .bottom-gap{
	height:10px;
}


#content-cookies {
  padding:10px 20px;
  -moz-box-sizing: border-box;
    box-sizing: border-box;
  font-size: 14px;
}
.button-cookies {
  padding: 5px 10px;
  font-size: 14px;
  margin:5px 0 0 15px;
}



#diaria{
	padding:40px 0 0 0;
	border-top: 145px solid transparent;
  	margin: -145px 0 0;
 	 -webkit-background-clip: padding-box;
 	 -moz-background-clip: padding;
  		background-clip: padding-box;
}
#diaria .content-area{
	margin:0;
}
#diaria .image-box{
	float:left;
	width:100%;
	margin:0;
	text-align:center;
	display:block;
	height:auto;
}
#diaria .image,
#diaria .image-eng{
	position: inherit;
	display:inline-block;
	width:100%;
	height:180px;
	margin:0 0 20px 0;
}
#diaria .text{
	float:left;
	width:100%;
}
#oncologicos{
	margin:0;
	padding:80px 0 50px 0;
	border-top: 105px solid transparent;
  	margin: -105px 0 0;
 	 -webkit-background-clip: padding-box;
 	 -moz-background-clip: padding;
  		background-clip: padding-box;
}
#oncologicos .image-area{;
	height:62px;
}




}




@media only screen and (max-width: 768px) and (min-width: 525px) {
    #splash-video {
        /*height: 300px;*/
    }
}

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) {
    #splash-video .video {
        /*height: 100%;*/
        width: 100%;
    }
}

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) {
    #splash-video {
        /*min-height: 520px;*/
        width:100%;
    }
    #header .rsm {
    	float: right;
    	margin: 10px 0 20px 0;
	}
}

/* This used to work for parent element of button divs */
/* But it is not enough now, below dont hide play button parent div */
*::-webkit-media-controls-panel {
  display: none!important;
  -webkit-appearance: none;
}

/* Old shadow dom for play button */

*::--webkit-media-controls-play-button {
  display: none!important;
  -webkit-appearance: none;
}

/* New shadow dom for play button */

/* This one works */

*::-webkit-media-controls-start-playback-button {
  display: none!important;
  -webkit-appearance: none;
}