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

@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,600,700,800');

body{background:rgba(220,220,220,1.00) url(../img/wallpaper.jpg) 50% 50% fixed; background-size: cover; margin:0px;}

h1{font-family: 'Montserrat', sans-serif; color:rgba(11,35,72,1.00); font-size:2.5em; text-align:left; font-weight:800; line-height: 110%;}
h1.section{font-family:'Montserrat', sans-serif; color:rgba(22,65,135,1.00); font-size:2.6em; text-align:left; font-weight:700; }
h1.wh{font-family: 'Montserrat', sans-serif; color:#FFF; font-size:1.7em; text-align:left; }
h1.foot{font-family: 'Montserrat', sans-serif; color:#FFF; font-size:1.3em; text-align:left; font-weight:900; }
h2{font-family: 'Montserrat', sans-serif; color:rgba(20,41,70,0.91); font-size:1.5em; font-weight:700; text-align: left; }
h3{font-family:'Montserrat', sans-serif; color:rgba(82,128,187,1.00); font-size:1.2em; font-weight:600; text-align: left; }
p{font-family:'Montserrat', sans-serif; color:#123; font-size:0.9em; line-height:165%; /*margin:30px 0px;*/ font-weight:400; }
p.registro{font-family: 'Montserrat', sans-serif; color:rgba(255,255,255,1.00); font-size:1.00em; margin:25px 0px; text-align: justify;}
p.footer{font-family:'Montserrat', sans-serif; color:rgba(255,255,255,1.00); font-size:0.85em; font-weight:400; margin:5px; }
p.articles_list{margin:5px 0px; font-size:0.9em;}
p.programacion{font-family:'Montserrat', sans-serif; color:rgba(255,255,255,1.00); font-size:0.85em; line-height:110%; margin:5px; font-weight:400; text-transform:uppercase;}

span.breadcrumb{font-family: 'Montserrat', sans-serif; color:rgba(73,129,139,1.00); font-size:0.8em; font-weight:400;}

input, select, textarea{font-family:'Montserrat', sans-serif; color:rgba(255,255,255,1.00); background:rgba(11,35,72,1.00); font-size:1em; font-weight:400; padding:10px; margin:2px; border:none; border-radius:15px; width:100%;}

input.registro, select.registro, textarea.registro{font-family:'Montserrat', sans-serif; color:rgba(11,35,72,1.00); background:rgba(255,255,255,1.00); font-size:1.2em; font-weight:600; padding:15px 5%; margin:0px; border:none; border-radius:0px; width:90%;}

input.send{text-transform:uppercase; font-weight:600; font-size: 1.5em; border-radius:0px; background:rgba(0,200,75,1.00); padding:15px; width:100%; margin:10px auto; color: rgb(255,255,255); box-shadow: rgba(0,0,0,0.3) 0px 0px 10px;}

input.enviar{text-transform:uppercase; font-weight:400; border-radius:15px; background:rgba(110,180,100,1.00); padding:15px; width:80%; margin:10px auto;}
label{font-family:'Montserrat', sans-serif; color:rgba(255,255,255,1.00); font-size:0.9em; line-height:165%; /*margin:30px 0px;*/ font-weight:400; }

select.tags{font-family:'Montserrat', sans-serif; color:rgba(0,0,0,1.00); background:rgba(255,255,255,1.00); font-size:1.4em; font-weight:400; padding:1.25%; margin:0.25%; border:rgba(148,187,111,1.0) solid 3px; border-radius:5px; width:95%;}

/* The container */
.container {
  display: block;
  position: relative;
  /*padding-left: 35px;
  margin-bottom: 12px;*/
  cursor: pointer;
  font-size: 1.2em;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  /*background-color: #eee;*/
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  /*background-color: #ccc;*/
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}


img.icon{height:25px;}
img.foot{height:45px; float:left; margin:9px 5px 0px 0px;}

ul{padding: 0px 15px;}
ul li, ol li{font-family: 'Montserrat', sans-serif; color:#123; font-size:0.9em; margin: auto; text-align: left; }
li.registro {font-family: 'Montserrat', sans-serif; color:rgba(255,255,255,1.00); font-size:1.00em; margin:auto; text-align: left; }

a:link, a:active, a:visited{font-family:'Montserrat', sans-serif; text-decoration:none; color:rgba(82,128,187,1.00);}
a:hover{color:rgba(55,153,82,1.00); border-bottom:rgba(55,153,82,1.00) solid 1px; }


a.destacado:link, a.destacado:active, a.destacado:visited{font-family:'Montserrat',sans-serif; text-align:left; text-decoration:none; color:#FFF; background:rgba(148,187,111,0.00); border:rgba(255,255,255,0.00) solid 1px; padding:2px 5px; margin:5px 1px; display:block; font-size:0.9em;}
a.destacado:hover{background:rgba(148,187,111,0.50); border:rgba(255,255,255,0.25) solid 1px;}

a.tag-link:link, a.tag-link:active, a.tag-link:visited{font-family:'Montserrat', sans-serif; text-decoration:none; color:rgba(255,255,255,1.00);}

a.w:link, a.w:active, a.w:visited{font-family:'Montserrat', sans-serif; color:#A5A29D; text-align: center; text-decoration:none; transition:0.8s; font-size:1em; border:none;}
a.w:hover{border-bottom:#006496 solid 1px; color:#F2F1EF;}

/* ID */
#social_buttons{margin:0px 20px; padding-top: 30px;}
#content{width:100%; max-width:1280px; min-height:600px; text-align: justify; margin: 130px auto 100px; background: rgba(255,255,255,0.9); padding: 15px;}
#mosaico{display:none;}

/*ESPECIALISTAS*/
#foto_especialista{float: left; border: rgba(82,128,187,1.00) solid 2px; border-radius: 50%; margin: 25px; }
#datos_especialista{float: left; margin-left: 50px;}

/* CAJAS DE VIDEO */
#video_1280{display: block; float:left; width: 830px;}
#video_1024{display:none;}
#video_720{display:none;}
#video_320{display:none;}
.mas_videos{display:block; padding:0px 5px 5px 0px; margin:0px 15px 5px 0px; width:200px; float:left; height:220px;}

/* CAJAS DE TEXTO */
#module_text{width: 100%; max-width: 400px; float: left; padding:0px 24px;}
#footer{width:95%; padding:20px 2.5% 100px; background:rgba(53,108,180,1.00); text-align:left;}
#menutags{float: left; margin: 0px 10px 0px 0px; padding: 0px 10px; width:170px; background:rgba(0,65,140,1.00); height: 598px;}
#menutagsmobile{display:none;}

/* CLASSES */
.social{background:rgba(53,108,180,1.00); float:right; display:block; margin:10px 10px 0px; transition:0.8s; height:35px; width:35px; padding:2px; border-radius:50%;}
.social:hover{background:rgba(59,155,203,1.00); border-radius:50%; padding:2px;}

.socialfoot{float:left; display:block; margin:5px; transition:0.8s; height:40px; width:40px; padding:2px; border-radius:50%;}
.socialfoot:hover{background:#32C8E6; border-radius:50%; padding:2px;}

.tag{background:rgba(55,105,70,1.00); font-family: 'Montserrat', sans-serif; color:rgba(255,255,255,1.00); font-size:0.9em; font-weight:400; padding:5px; margin:5px 5px 5px 0px; display: block; float: left; width: auto; border-radius: 5px; text-align: left; }

/* MENÚ RESPONSIVO */
ul.topnav li {float:left; font-family: 'Montserrat', sans-serif; font-size:1em; text-transform:uppercase; font-weight:400;}
ul.topnav li.icon {display: none;}
ul.topnav li a {display:inline-block; color:rgba(21,46,121,1.00); text-align: center; padding:30px 25px 0px; margin:0px 5px 5px; text-decoration:none; font-size: 0.8em; border:none; /*background:rgba(125,165,50,1)*/ background: none;}
ul.topnav li a:hover {color:rgba(53,108,180,1.00); border-bottom:rgba(53,108,180,1.00) solid 3px;}

/* HEADER CHANGING */
header{width:100%; position:fixed; z-index:10; top:0;}
header.large{height:110px; background:rgba(255,255,255,1); transition:0.8s; box-shadow:#000 0px 0px 5px;}
header.large img.header{transition:0.8s; height:90px; margin: 10px;}
header.large h1.header{font-family: 'Montserrat', sans-serif; color:#FFF; font-size:2.3em; font-weight:600; float:right; margin-top:30px;}
header.large #logo_img{display:block; float:left; margin:0px 5px;}
header.large ul.topnav{list-style-type:none; padding:5px; margin-top:20px; overflow:hidden; z-index:1000;}

header.small{height:100px; background:rgba(255,255,255,1); transition:0.8s; box-shadow:#000 0px 0px 5px;}
header.small img.header{transition:0.8s; height:85px;}
header.small h1.header{font-family: 'Montserrat', sans-serif; color:#FFF; font-size:1.8em; font-weight:600; float:right; margin-top:15px;}
header.small #logo_img{display:block; float:left; margin:0px 30px 0px 20px;}
header.small ul.topnav{list-style-type:none; padding:5px; margin-top:5px; overflow:hidden; z-index:1000; color:#FFF;}
/*header.small ul.topnav li a {display:block; text-align: center;padding:0px 10px; text-decoration:none; font-size: 0.8em;}*/
/*header.small img.icon{height:20px;}*/


/* DESKTOP SMALL */
@media screen and (max-width:1280px) {
	
	/* GENERAL */
	#content{width:100%; max-width:1025px; text-align: justify; margin: 135px auto 100px;}
	#menutags{display:none;}
	#menutagsmobile{display:block;}
	#mosaico{display:block;}
	#top_space{height:95px;}

	/* CAJAS DE VIDEO */
	#video_1280{display: none;}
	#video_1024{display: block; float:left; width: 665px;}
	#video_720{display:none;}
	#video_320{display:none;}
	
	/* CAJAS DE TEXTO */
	#module_text{width: 100%; max-width: 330px; float: left; padding:0px 15px;}	
	#footer{width:95%; padding:20px 2.5% 100px; background:rgba(53,108,180,1.00); text-align:left;}
	#menutags{float: left; margin: 0px 10px 0px 0px; padding: 0px 10px; width:170px; background:rgba(0,65,140,1.00); height: 598px;}
	#menutagsmobile{display:none;}
}

/* TABLET */
@media screen and (max-width:1024px) {
	header.large ul.topnav{list-style-type:none; padding:0px; margin-top:20px; overflow:hidden; z-index:1000; width:50%; max-width: 220px; float: right;}
	header.small ul.topnav{list-style-type:none; padding:0px; margin-top:20px; overflow:hidden; z-index:1000; width:50%; max-width: 220px; float: right;}
	

	ul.topnav li:not(:first-child) {display: none;}
	ul.topnav li{display: none;}
	ul.topnav li.icon {float:right; display: inline-block;}
	
	ul.topnav li a {padding:12px 10px 10px;}
	ul.topnav.responsive{position:relative;}
	ul.topnav.responsive li.icon{position: absolute; right:0; top:0;}
	ul.topnav.responsive li{float: none; display: inline;}
	ul.topnav.responsive li a{display: block; text-align:left; background:rgba(255,255,255,0.90); margin:0px;}
	ul.topnav.responsive li a:hover{display: block; text-align:left; background:rgba(255,255,255,1.00); border:none; border-bottom:rgba(53,108,180,1.00) solid 3px;}
	

	/* GENERAL */
	#content{width:100%; max-width:720px; text-align: justify; margin: 120px auto 100px;}
	#social_buttons{display:none;}
	#menutags{display:none;}
	#menutagsmobile{display:block;}
	#mosaico{display:block;}
	#top_space{height:95px;}
	
	/*ESPECIALISTAS*/
	#foto_especialista{float: none; margin: 10px auto;}
	#datos_especialista{float: left; margin-left: 50px;}

	/* CAJAS DE VIDEO */
	#video_1280{display:none;}
	#video_1024{display:none;}
	#video_720{display: block; width: 720px; margin: auto;}
	#video_320{display:none;}
	.mas_videos{width:200px; float: left; margin:5px; height: auto;}
	
	/* CAJAS DE TEXTO */
	#module_text{width: 100%; max-width: 680px; padding:0px 20px; margin: auto;}	
	#footer{width:95%; padding:20px 2.5% 100px; background:rgba(53,108,180,1.00); text-align:left;}
	#menutags{float: left; margin: 0px 10px 0px 0px; padding: 0px 10px; width:170px; background:rgba(0,65,140,1.00); height: 598px;}
	#menutagsmobile{display:none;}
}

/* PHONE */
@media screen and (max-width:720px) {
	h1{font-size:1.5em;}
	
	header.large ul.topnav{list-style-type:none; padding:0px; margin-top:20px; overflow:hidden; z-index:1000; width:50%; max-width: 220px; float: right;}
	header.small ul.topnav{list-style-type:none; padding:0px; margin-top:20px; overflow:hidden; z-index:1000; width:50%; max-width: 220px; float: right;}
	
	ul.topnav li a {padding:12px 10px 10px;}
	ul.topnav.responsive{position:relative;}
	ul.topnav.responsive li.icon{position: absolute; right:0; top:0;}
	ul.topnav.responsive li{float: none; display: inline;}
	ul.topnav.responsive li a{display: block; text-align:left; background:rgba(255,255,255,0.90); margin:0px; }
	ul.topnav.responsive li a:hover{display: block; text-align:left; background:rgba(255,255,255,1.00); border:none; border-bottom:rgba(53,108,180,1.00) solid 3px;}

	/* GENERAL */
	#content{width:100%; max-width:360px; text-align: justify; margin: 120px auto 100px;}
	#social_buttons{display:none;}
	#menutags{display:none;}
	#menutagsmobile{display:block;}
	#mosaico{display:block;}
	#top_space{height:95px;}
	
	/*ESPECIALISTAS*/
	#foto_especialista{float: none; margin: 10px auto;}
	#datos_especialista{float: none; margin: 10px; }

	/* CAJAS DE VIDEO */
	#video_1280{display: none;}
	#video_1024{display: none;}
	#video_720{display:none;}
	#video_320{display: block; width: 360px; margin: auto;}
	.mas_videos{width:200px; float: none; margin:5px auto; height: auto;}
	
	/* CAJAS DE TEXTO */
	#module_text{width: 100%; max-width: 340px; padding:0px 10px; margin: auto;}	
	#footer{width:95%; padding:20px 2.5% 100px; background:rgba(53,108,180,1.00); text-align:left;}
	#menutags{float: left; margin: 0px 10px 0px 0px; padding: 0px 10px; width:170px; background:rgba(0,65,140,1.00); height: 598px;}
	#menutagsmobile{display:none;}
}