/*
Free Basic Html5 Responsive Templates
Author: Kimmy
Author URI: http://www.zerotheme.com/
*/
/* ---------------------Reset----------------------- */
a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,ul,var{background:transparent;border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:top;}ol, blockquote, q {quotes:none;}table, table td {padding:0;border:none;border-collapse:collapse;}img {vertical-align:top;}embed {vertical-align:top;}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}
input, textarea {border:0; padding:0; margin:0; outline: 0;}
iframe {border:0; margin:0; padding:0;}
input, textarea, select {margin:0; padding:0px;}

/* -------------------------------------------- */
/* ------------------Style---------------------- */
/* -------------------------------------------- */
html, body {width:100%; padding:0; margin:0;font-family: 'open sans';}
/*body {background: #EFEFEF url(../images/bodybg.jpg) repeat-x;}*/
body {
	color: #424242;
	font-size: 14px;
	font-family: 'open sans', serif;
	background-color: #F1F1F1;
	line-height: 1.4;
	text-align: justify; 
	text-justify: inter-word;
}

/*-------------------------*/
a{color: #00ABC9;text-decoration: none;}
a:hover {text-decoration: none;}

a.button, input.button {	
	cursor: pointer;	
	color: #ffffff;	
	line-height: 12px;	
	font-family: 'open sans', Arial, Helvetica, sans-serif;	font-size: 12px;	font-weight: bold;	
	/*background: #00ABC9;	*/
	background:#3193c0; /* Old browsers */
	background-image:url(css-gradients-fallback/main-menu-bg.png);
	background-image:-moz-linear-gradient(top,#007D93 0%,#00ABC9 100%);
	background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#007D93),color-stop(100%,#00ABC9));
	background-image:-webkit-linear-gradient(top,#007D93 0%,#00ABC9 100%);
	background-image:-o-linear-gradient(top,#007D93 0%,#00ABC9 100%);
	background-image:-ms-linear-gradient(top,#007D93 0%,#00ABC9 100%);
	background-image:linear-gradient(top,#007D93 0%,#00ABC9 100%);
	border:1px solid #ffffff; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}
a.button {	display: inline-block;	text-decoration: none;	padding: 6px 12px 6px 12px;}
input.button {	margin: 0;	border: 0;	height: 24px;	padding: 0px 12px 0px 12px;}
a.button:hover, input.button:hover {}

/*-------------header */
header { 
width:100%; margin: 0px auto; height:110px; position:relative; text-align:center; 
background-color: #424242;
/*background: #000000; /* Old browsers */
/*background: -moz-linear-gradient(top, #000000 0%, #777777 100%); /* FF3.6+ */
/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#777777)); /* Chrome,Safari4+ */
/*background: -webkit-linear-gradient(top, #000000 0%,#777777 100%); /* Chrome10+,Safari5.1+ */
/*background: -o-linear-gradient(top, #000000 0%,#777777 100%); /* Opera 11.10+ */
/*background: -ms-linear-gradient(top, #000000 0%,#777777 100%); /* IE10+ */
/*background: linear-gradient(to bottom, #000000 0%,#777777 100%); /* W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#777777',GradientType=0 ); /* IE6-9 */
/*background: transparent #000000 url(../images/headerbg.jpg) no-repeat top center;*/
background: url('../images/use_your_illusion.png') repeat scroll 0% 0% ;
}

header #search {position: absolute;top: 70px;right: 50px; width: 258px;z-index: 15;}
header .button-search {	position: absolute;	left: 0px;	background: url('../images/button-search.png') center center no-repeat;	width: 28px;	height: 24px;	border-right: 1px solid #CCCCCC;	cursor: pointer;}
header #search input {	background: #FFF;	padding: 1px 1px 1px 33px;	width: 222px;	height: 21px;	border: 1px solid #CCCCCC;	-webkit-border-radius: 3px 3px 3px 3px;	-moz-border-radius: 3px 3px 3px 3px;	-khtml-border-radius: 3px 3px 3px 3px;	border-radius: 3px 3px 3px 3px;}

#logos_bar{position:relative; width:80%; margin: 0px auto; height:110px;}
#logoviulib {position:absolute; top:20px; width: 170px; margin: 0px 10px;}
#logovicomtech{position:absolute; top:35px; right: 0px; width: 200px}

#logos_bar_publications{
	position:relative; width:100%; margin: 0px auto; height:110px;
	background: url('../images/use_your_illusion.png') repeat scroll 0% 0% ;
}


/*------------menu */
#main-menu {
	position:relative;
	z-index:2;
	width:80%;
	max-width:1000px; 
	height: auto;
	padding: 0px;
	margin:-25px auto 0px auto;
}
#main-menu ul {
	width:12em; /* fixed width only please - you can use the "subMenusMinWidth"/"subMenusMaxWidth" script options to override this if you like */
}

/*nav {width:80%;min-height: 45px; max-width:1000px; height: auto;margin: 0 auto 15px auto;}
nav {width:80%;min-height: 45px; max-width:1000px; height: auto;margin: 0 auto 15px auto; background:#00ABC9; border:1px solid #FFF;-webkit-border-radius: 5px;-moz-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px;}
nav ul {list-style: none;margin: 0;padding: 0 5px;}
nav ul li {position: relative;float: left;padding: 5px;}
nav ul li:hover {background: url('../images/g') repeat-x;}
nav ul li a {font-size: 13px; color: #ffffff;display: block;padding: 6px 10px 6px 10px;margin-bottom: 5px;z-index: 6;position: relative;font-weight:bold; text-transform:uppercase;}
nav ul li:hover a{color:#000;}*/


/*-------------main wrapper */
#wrapper {
width: 100%;
margin: 0 auto 185px auto;
position: relative;
}

.main_view{width:100%; max-width: 1000px; min-height:300px; margin:15px auto 0 auto;}
.featured{width:90%;margin: 0px auto;}


/*-------------content */
#content{}
/*.main-content{min-height:500px;}*/
.main-content article{margin: 4px;overflow:hidden; position:relative}
.main-content .heading h1{ font-size:40px; line-height:40px; letter-spacing:-1px; font-weight:normal; margin:0 0 15px;}
.main-content .heading h2{ font-size:22px; line-height:25px; letter-spacing:-1px; font-weight:normal; margin:10px 0;color: #474747;}
.main-content .heading h3{ font-size:22px; line-height:25px; letter-spacing:-1px; font-weight:normal; margin:10px 0;}
.main-content .heading h3 a{ color:red;}
.main-content .heading h4{ font-size:14px; margin:10px 0; color:#00ABC9;}
.main-content .heading h5{ font-size:14px; margin:10px 0; color:#000000;}
.main-content .heading .info{font-size:12px; font-style:italic;}
.main-content .content{}
.main-content .content img{float:left; margin:2px; padding:5px;/* border:1px solid #999;*/}
.main-content .content .list{margin-left:6px; padding:4px;}
.main-content p{margin: 8px 0; line-height: 1.5;}
.main-content .footer{}
.main-content .footer .more{float:right;}
.main-content .footer .more a{ text-decoration:none; text-transform:uppercase;}

.index-content{max-height:150px;}
.index-content article{margin: 3;overflow:hidden; position:relative}
.index-content .heading h1{ font-size:40px; line-height:40px; letter-spacing:-1px; font-weight:normal; margin:0 0 15px;}
.index-content .heading h2{ font-size:22px; line-height:25px; letter-spacing:-1px; font-weight:normal; margin:10px 0;}
.index-content .heading h3{ font-size:22px; line-height:25px; letter-spacing:-1px; font-weight:normal; margin:10px 0;}
.index-content .heading h3 a{ color:red;}
.index-content .heading h4{ font-size:14px; margin:10px 0; color:#00ABC9;}
.index-content .heading h5{ font-size:14px; margin:10px 0; color:#000000;}
.index-content .heading .info{font-size:12px; font-style:italic;}
.index-content .content{}
.index-content .content img{margin-right: 5px; /*border:1px solid #999;float:left*/}
.index-content p{margin: 0;}

.sidebar .heading{font-size:22px; font-weight:normal; padding: 10px ; color:#00ABC9;}
.sidebar .content{padding:15px;border-top:3px solid #8B8B8B;}
.sidebar .content img{float:left; margin:5px;}
.sidebar .content a{color:#00ABC9;}

form #name{ font-size:40px; line-height:40px; letter-spacing:-1px; font-weight:normal; margin:0 0 15px;}



.box{
	background:#ffffff; /* Old browsers */
	/*background-image:url(css-gradients-fallback/main-menu-bg.png);
	background-image:-moz-linear-gradient(top,#007D93 0%,#00ABC9 100%);
	background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#007D93),color-stop(100%,#00ABC9));
	background-image:-webkit-linear-gradient(top,#007D93 0%,#00ABC9 100%);
	background-image:-o-linear-gradient(top,#007D93 0%,#00ABC9 100%);
	background-image:-ms-linear-gradient(top,#007D93 0%,#00ABC9 100%);
	background-image:linear-gradient(top,#007D93 0%,#00ABC9 100%);*/
	width:90%;
	height:25%;
	border:3px solid #007F95;
	border-radius:15px;
	margin:10px auto;
	position:relative;
  box-shadow: 0px 0px 6px rgba(0,0,0,.4);
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
}
.smaller:hover{ -webkit-transform: scale(0.7); } 
.larger:hover{ -webkit-transform: scale(1.1); } 
.tilt:hover{ -webkit-transform: rotate(20deg); } 
.rotate:hover{ -webkit-transform: rotate(360deg); }
.shadows:hover{ box-shadow: 0 2px 15px #000; } 
.width_more:hover{ width:800px; }
.height_more:hover{ height:600px; } 
.fade_in { opacity:0.3; } .fade_in:hover{ opacity:1; } 
.fade_out:hover{ opacity:0.3; } 
.border_radius:hover{ border-radius:50%; }
 
/*------------footer */ 
footer{
height:110px;
width:100%;
font-size: 12px;
padding-top: 10px;
background-color: #424242;
background: url('../images/use_your_illusion.png') repeat scroll 0% 0% transparent;	
/*background: #777777; /* Old browsers */
/*background: -moz-linear-gradient(top, #777777 0%, #131313 100%); /* FF3.6+ */
/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#777777), color-stop(100%,#131313)); /* Chrome,Safari4+ */
/*background: -webkit-linear-gradient(top, #777777 0%,#131313 100%); /* Chrome10+,Safari5.1+ */
/*background: -o-linear-gradient(top, #777777 0%,#131313 100%); /* Opera 11.10+ */
/*background: -ms-linear-gradient(top, #777777 0%,#131313 100%); /* IE10+ */
/*background: linear-gradient(to bottom, #777777 0%,#131313 100%); /* W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#777777', endColorstr='#131313',GradientType=0 ); /* IE6-9 */
}
.absolutef{
  position: absolute;
  bottom: 0px;
}
.relativef{
  position:relative;/*fixed;*/
  left:0px;
  margin-top: 45px;
  
}
/* IE 6 */
* html #footer {
   position:absolute;
   top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
}

footer .wrapper{padding: 20px 0px;}
footer .heading{ color:#CCCCCC; padding-bottom:5px; padding-left:10px;font-size:20px; font-weight:normal; text-transform:uppercase;}
footer .content{color:#333333; padding-left:10px;}
footer .content img{float:left; margin:15px;}
footer ul {margin:0; padding:0;list-style-image:none;}
footer ul li { list-style:circle;margin-left:20px;}
footer ul li a { font-size:14px; color:#515151;}
footer ul li a:hover {color:#00ABC9; text-decoration:none; cursor:pointer;}
footer img{width: 28px;}

/*-------------follow us*/
.followus{ width:50%; max-width:100%; text-align:center; margin: auto; color:#ffffff;}
.followus li {display: inline-block;text-align:center; margin: auto;}
.followus li {text-align:center; margin: auto;}
.followus a {display: inline;text-align:center; margin: auto;}

/*-------------copyright*/
#copyright{ width:100%; display:inline-block; text-align:center; color:#ffffff;}


/*----------- custom*/
.footerindex{
	botton:0px;
}
.strong{
  font-weight: bold;
  font-size: 18px;
  margin-left: 0px !important;
  }
.datos{
  margin-left: 5px;
  margin-top: 10px;
}
.info{
    line-height: 1.4;
    padding: 7px 0 5px 5px;
}
.pvideos{
  margin-top: 10px !important;
}
.estilocountry{
  padding: 0.5em 1em;
  font-family: 'Open Sans',sans-serif;
  color: #828282;
  border: 1px solid rgba(0,0,0,.2);
}
.pequeno{
  font-size: 12px;
  font-family: 'Open Sans'
}
.form{
  position: relative;
  float: right;
}
.mbotton{
  margin-bottom: 200px!important;
}
.encabezado-descargas{
  font-size: 1.3em;
  margin-bottom: 1em;
}
.centrado{
  position: relative;
  display: block;
  width:  500px;
  margin: auto;
  margin-top: 20px;
}


.help-block{
  display: block;
  color: #F00;
  position: absolute;
  bottom: 700px;
  right: -30px;
  border: 1px solid #000;

}
/*.botond{
  width: 120px !important;
  float: right !important;
  margin-right: 30px !important;
  border:1px solid #00ABC9 !important;
  border-radius: 2px !important;
  font-size: 15px !important;
  font-family: 'Open Sans';
  transition: all 0.5s ease 0s;
}*/

#mc_embed_signup{
	background: none !important;
}
.aexamples{
	color:#00ABC9;text-decoration: none;
}

.botond:hover{
  background-color: #D8D6D6 !important;
 
  transition: all 0.5s ease 0s;

}
.claserequirements{
  float: left;
  margin-right: 15px !important;
  margin-top: 6px !important;
  font-size: 15px !important;
  font-family: 'Open Sans';
  color: #818181;
  font-size: 12px !important;
}
.checkboxcustom{
  box-shadow: none !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow:none !important;
  width: 30px!important;
  height: 15px !important;
  margin-top: 9px !important;

}


.confirmation{
  width: 500px;
  height: auto;
  min-height: 400px;
  margin: 80px auto;
  text-align: center;
  vertical-align: center;
}
.confirmation .title{
  margin-top: 20px;
  font-size: 16px;
}

.bordertop{
  border-bottom: 1px solid #CCC;
}
.marginlivebox{
  margin: 15px;
}
.right1{
  float: right !important;
}
.margenesinicio{
  margin: 15px 0px 15px;
  text-align: center;

}
.padding5{
  padding: 4px;
  margin: 0 !important;
}
.clasepublications{
  font-size: 16px !important;
  font-family: 'Open Sans', Helvetica, Sans;
  color: #156D97;
  margin: 10px 0 !important;
  font-weight:bold !important;
  letter-spacing:0.1pt !important;
  cursor: pointer;;
}

.mtop{
	margin-top: 20px;
}
.center{
  padding: 10px 0px 10px 0px;
  text-align: center;
}
.heading1{
  font-weight:bold;
}
.heading2{
  color: #424242;
  font-weight:bold;
  margin-top: 10px;
  margin-bottom: 8px;
  border-bottom: 2px solid #C9C9C9;
}

.noborder{
  border-bottom: 0;
}
.blanco{
  color: #EEEEEE;
}
.justify{
  text-align: justify;
  padding: 5px 0px 0px;
  color: #2C3E50;
  font-size: 14px;
 
}
.bloque{
  display: inline-block;
  width: 260px;

}
.encabezado2{
  font-weight: normal;
  margin:0px;
  padding:0px;
  font-size: 25px;
  color: #0000;
  margin: 10px 0 10px;
}
.center-aling{
  text-align: center;
}
/* Formulario*/
textarea, input:not([type=button]):not([type=submit]) {
  width: 100%;
  border: 1px solid rgba(0,0,0,.2);
  padding: .5em 1em;
  font-family: 'Open Sans',sans-serif;
}
input[type=button], input[type=submit] {
  cursor: pointer;
  margin: 3px 0px !important;
  padding: .5em 2em;
  background: #0298b6;
  border: none;
  color: #fff;
}
.textarea2{
  height: 120px !important;
  margin-bottom: 3px;
}
.group:after {
  content: "";
  display: table;
  clear: both;
}
.left {
  float: left;
}
.right {
  float: right;
}
.tamano{

}
.select{
  height: 35px !important;
  width: 230px !important;
  margin: 0px !important;
}
form {
  width: 40em;
  display:table-cell;
  vertical-align:middle;
}
form div.group > div {
  width: 46%;
  /*margin: 0 0 .5em;*/
  height: 40px;
}

/* tab2*//

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}


ol, ul {
  /*list-style: none;*/
  list-style-type: circle;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

.about {
  margin: 70px auto 40px;
  padding: 8px;
  width: 260px;
  font: 10px/18px 'Open Sans', Arial, sans-serif;
  color: #bbb;
  text-align: center;
  text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
  background: #383838;
  background: rgba(34, 34, 34, 0.8);
  border-radius: 4px;
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
  -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2), 0 0 6px rgba(0, 0, 0, 0.4);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2), 0 0 6px rgba(0, 0, 0, 0.4);
}
.about a {
  color: #eee;
  text-decoration: none;
  border-radius: 2px;
  -webkit-transition: background 0.1s;
  -moz-transition: background 0.1s;
  -o-transition: background 0.1s;
  transition: background 0.1s;
}
.about a:hover {
  text-decoration: none;
  background: #555;
  background: rgba(255, 255, 255, 0.15);
}
.heading a:hover {
  text-decoration: underline;
  color: #0E5372;
  /*color: #00ABC9;*/
  
}

.about-links {
  height: 30px;
}
.about-links > a {
  float: left;
  width: 50%;
  line-height: 30px;
  font-size: 12px;
}

.about-author {
  margin-top: 5px;
}
.about-author > a {
  padding: 1px 3px;
  margin: 0 -1px;
}




.widget {
  position: relative;
  /*margin: 50px auto; centrado*/
  /*width: 320px;*/
  background: white;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.07);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.07);
}

.widget-tabs {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 9px 12px 0;
  text-align: left;
  /* Make the last tab in the DOM the left-most tab on the screen.
     That way we can activate it by default and still be able to
     deactivate it later using the ~ selector. */
  direction: rtl;
  background: #f5f5f5;
  border-bottom: 1px solid #ddd;
  border-radius: 3px 3px 0 0;
}

.widget-tab,
.widget-list:target:first-of-type ~ .widget-tabs > .widget-tab:first-child ~ .widget-tab,
.widget-list:target:nth-of-type(2) ~ .widget-tabs > .widget-tab:nth-child(2) ~ .widget-tab,
.widget-list:target:last-of-type ~ .widget-tabs > .widget-tab:last-child ~ .widget-tab {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-top: 3px;
  line-height: 36px;
  font-weight: normal;
  color: #999;
  background: #fcfcfc;
  border: solid #ddd;
  border-width: 1px 1px 0;
  border-radius: 5px 5px 0 0;
  /* Reset %active-widget-tab */
  padding-bottom: 0;
  bottom: auto;
}
.widget-tab > .widget-tab-link,
.widget-list:target:first-of-type ~ .widget-tabs > .widget-tab:first-child ~ .widget-tab > .widget-tab-link,
.widget-list:target:nth-of-type(2) ~ .widget-tabs > .widget-tab:nth-child(2) ~ .widget-tab > .widget-tab-link,
.widget-list:target:last-of-type ~ .widget-tabs > .widget-tab:last-child ~ .widget-tab > .widget-tab-link {
  margin: 0;
  border-top: 0;
}

.widget-tab + .widget-tab {
  margin-right: -1px;
}

.widget-tab:last-child,
.widget-list:target:first-of-type ~ .widget-tabs > .widget-tab:first-child,
.widget-list:target:nth-of-type(2) ~ .widget-tabs > .widget-tab:nth-child(2),
.widget-list:target:last-of-type ~ .widget-tabs > .widget-tab:last-child {
  bottom: -1px;
  margin-top: 0;
  padding-bottom: 2px;
  line-height: 34px;
  font-weight: bold;
  color: #555;
  background: white;
  border-top: 0;
}
.widget-tab:last-child > .widget-tab-link,
.widget-list:target:first-of-type ~ .widget-tabs > .widget-tab:first-child > .widget-tab-link,
.widget-list:target:nth-of-type(2) ~ .widget-tabs > .widget-tab:nth-child(2) > .widget-tab-link,
.widget-list:target:last-of-type ~ .widget-tabs > .widget-tab:last-child > .widget-tab-link {
  margin: 0 -1px;
  border-top: 4px solid #4cc8f1;
}

/* Deactivate the default tab when a preceding tab is activated. */
.widget-tab-link {
  display: block;
  min-width: 60px;
  padding: 0 15px;
  color: inherit;
  text-align: center;
  text-decoration: none;
  border-radius: 4px 4px 0 0;
}

.widget-list {
  display: none;
  padding-top: 50px;
  padding-bottom: 10px;
  /* The last list is activated (visible) by default. */
}
.widget-list > li + li {
  border-top: 1px solid #e8e8e8;
}
.widget-list:last-of-type {
  display: block;
}
.widget-list:target {
  display: block;
  /* Hide the default list when another is activated. */
  /* First list activates the first tab, second list activates the second tab, etc. */
}
.widget-list:target ~ .widget-list {
  display: none;
}

.widget-list-link {
  display: block;
  line-height: 18px;
  padding: 10px 12px;
  padding-bottom: 18px;
  font-weight: bold;
  color: #555;
  text-decoration: none;
  cursor: pointer;
  margin: 12px;
}
}
.widget-list-link:hover {
  background: #f7f7f7;
}
li:last-child > .widget-list-link {
  border-radius: 0 0 3px 3px;
}
.widget-list-link > img {
  float: left;
  width: 32px;
  height: 32px;
  margin: 2px 12px 0 0;
}
.widget-list-link > span {
  display: block;
  font-size: 11px;
  font-weight: normal;
  color: #999;
}
/*fin tab2*/


article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}
audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}
html{font-family: 'open sans', Arial, sans-serif;;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}
a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;margin:0.67em 0;}
abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}mark{background:#ff0;color:#000;}
code,kbd,pre,samp{font-family: 'open sans', Arial, sans-serif;;font-size:1em;}pre{white-space:pre-wrap;}q{quotes:"\201C" "\201D" "\2018" "\2019";}
small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}
img{border:0;}svg:not(:root){overflow:hidden;}figure{margin:0;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}
legend{border:0;padding:0;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal;}
button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
button[disabled],html input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}

table{border-collapse:collapse;border-spacing:0;}

@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);
@font-face {
  font-family: 'codropsicons';
  src:url('../fonts/codropsicons/codropsicons.eot');
  src:url('../fonts/codropsicons/codropsicons.eot?#iefix') format('embedded-opentype'),
    url('../fonts/codropsicons/codropsicons.woff') format('woff'),
    url('../fonts/codropsicons/codropsicons.ttf') format('truetype'),
    url('../fonts/codropsicons/codropsicons.svg#codropsicons') format('svg');
  font-weight: normal;
  font-style: normal;
}

*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

body {
  font-family: 'Open Sans', Arial, sans-serif;
  color: #4F4F4F;
  /*background: #f8f8f8;*/
  background: url('../images/grey.png') repeat scroll 0% 0% transparent;


}



a:hover, a:focus {
  color: #7c8d87;
}

.container > header {
  margin: 0 auto;
  padding: 2em;
  text-align: center;
  background: rgba(0,0,0,0.01);
}

.container > header h1 {
  font-size: 2.625em;
  line-height: 1.3;
  margin: 0;
  font-weight: 300;
}

.container > header span {
  display: block;
  font-size: 60%;
  opacity: 0.7;
  padding: 0 0 0.6em 0.1em;
}
.container{
  width: 730px /*!important*/;
}

/* To Navigation Style */
.codrops-top {
  background: #fff;
  background: rgba(255, 255, 255, 0.6);
  text-transform: uppercase;
  width: 100%;
  font-size: 0.69em;
  line-height: 2.2;
}

.codrops-top a {
  text-decoration: none;
  padding: 0 1em;
  letter-spacing: 0.1em;
  display: inline-block;
}

.codrops-top a:hover {
  background: rgba(255,255,255,0.95);
}

.codrops-top span.right {
  float: right;
}

.codrops-top span.right a {
  float: left;
  display: block;
}

.codrops-icon:before {
  font-family: 'codropsicons';
  margin: 0 4px;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}

.codrops-icon-drop:before {
  content: "\e001";
}

.codrops-icon-prev:before {
  content: "\e004";
}

/* Demo Buttons Style */
.codrops-demos {
  padding-top: 1em;
  font-size: 0.8em;
}

.codrops-demos a {
  display: inline-block;
  margin: 0.5em;
  padding: 0.7em 1.1em;
  outline: none;
  border: 2px solid #31bc86;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
}

.codrops-demos a:hover,
.codrops-demos a.current-demo,
.codrops-demos a.current-demo:hover {
  border-color: #7c8d87;
  color: #7c8d87;
}

.related {
  text-align: center;
  font-size: 1.5em;
  padding-bottom: 3em;
}

@media screen and (max-width: 25em) {

  .codrops-icon span {
    display: none;
  }

}


/*fin ESTILOS TABLA*/
/*ESTILOS TABLA*/
#cd-table .cd-unchecked span, #cd-table .cd-checked span {
  display: block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

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

Main components 

-------------------------------- */
#cd-table {
  position: relative;
  width: 105%;
  max-width: 1170px;
  font-size: 14px;
  font-size: 0.775rem;
  /* you may remove this border in case of dark backgrounds if it's annoying */
  border-right: 1px solid #e6e7f1;
}
#cd-table::after {
  /* clearfix */
  content: '';
  display: table;
  clear: both;
}
#cd-table::before {
  /* White color gradient on the right */
  content: '';
  position: absolute;
  top: 0;
  right: -1px;
  height: 100%;
  width: 35px;
  background: -webkit-linear-gradient( right , white 10%, rgba(255, 255, 255, 0));
  background: linear-gradient(to left, white 10%, rgba(255, 255, 255, 0));
  z-index: 5;
  pointer-events: none;
}
.no-cssgradients #cd-table::before {
  /* remove the gradient using modernizr if css gradients are not supported */
  display: none;
}
.campopequeno{
  padding: 7px 5px !important;
  line-height: 16px !important;
  font-size: 11.3px;
}
.campopequeno2{
  padding: 14px 5px !important;
  line-height: 16px !important;
  font-size: 11.3px;
}
#cd-table.table-end::before {
  /* the gradient disappears when user is at the end of the table */
  display: none;
}
#cd-table .cd-table-container {
  position: relative;
  width: 100%;
  overflow-x: auto;
  /* smooth scrolling on touch devices */
  -webkit-overflow-scrolling: touch;
}
#cd-table .cd-table-wrapper {
  width: 870px;
  padding-left: 120px;
}
#cd-table .cd-table-column {
  width: 126px;
  float: left;
  border: 1px solid #e6e7f1;
  margin-left: -1px;
}
#cd-table .cd-table-column:last-child {
  border-right: none;
}
#cd-table h2, #cd-table ul > li {
  position: relative;
  text-align: center;
  padding: 10px 1em;
  border-bottom: 1px solid #e6e7f1;
  line-height: 20px;
  background-color: white;
}
#cd-table li{
  line-height: 13px;
}
#cd-table h2 {
  height: 95px;
  font-size: 14px;
  font-size: 0.875rem;
  text-transform: uppercase;
  font-weight: bold;
  color: #606272;
  margin: 0px;
}
#cd-table ul > li {
  color: #787a8d;
  height: 150px;
}
#cd-table ul > li:nth-child(odd) {
  background-color: #f6f7fa;
}
#cd-table ul > li:last-child {
  border-bottom: none;
}
#cd-table .cd-unchecked span, #cd-table .cd-checked span {
  position: absolute;
  width: 16px;
  height: 16px;
  background-image: url("../imgages/yes-no.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 32px 16px;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
#cd-table .cd-unchecked span {
  background-position: -16px 0;
}
#cd-table .cd-select {
  display: block;
  height: 100%;
  width: 100%;
  font-weight: bold;
}
#cd-table header.cd-table-column {
  position: absolute;
  /*width: 120px;*/
  height: 100%;
  left: 0;
  top: 0;
  z-index: 10;
  background: rgba(83, 153, 191, 0.95); 
  margin-left: 0;
  border-color: #6b758d;
  box-shadow: 2px 0 0 rgba(0, 0, 0, 0.1);
  pointer-events: none;
}
#cd-table header.cd-table-column h2, #cd-table header.cd-table-column li {
  background-color: transparent;
  text-align: left;
  color: #edeef1;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  border-bottom-color: #6b758d;
  font-size: 13px;
}
#cd-table header.cd-table-column h2 {
  color: #edeef1;
}
#cd-table header.cd-table-column li:nth-child(odd) {
  background-color: rgba(0, 130, 153, 0.95); /*rgba(69, 127, 159, 0.95); */
}
#cd-table header.cd-table-column li:last-child {
  border-bottom: 1px solid #6b758d;
}
#cd-table .cd-scroll-right {
  /* small right arrow that indicates it's possible to scroll right */
  display: block;
  width: 150px;
  height: 16px;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -8px;
  background: url("../images/small-arrow.svg") no-repeat center center;
  z-index: 6;
  -webkit-animation: cd-scroll-right 1.5s infinite;
  -moz-animation: cd-scroll-right 1.5s infinite;
  animation: cd-scroll-right 1.5s infinite;
}
@media only screen and (min-width: 870px) {
  #cd-table {
    margin: 2em auto;
    border-right: none;
  }
  #cd-table::before {
    display: none;
  }
  #cd-table .cd-table-wrapper {
    width: 100%;
    padding-left: 16.66667%;
  }
  #cd-table .cd-table-column {
    width: 15.8%;
    float: left;
  }
  #cd-table .cd-table-column:last-child {
    border-right: 1px solid #e6e7f1;
  }
  #cd-table header.cd-table-column {
    width: 17.66667%;
    float: left;
    background: #00adcc; /*#5C9EC2;*/
    box-shadow: none;
    pointer-events: auto;
  }
  #cd-table .cd-scroll-right {
    display: none;
  }
}
@media only screen and (min-width: 768px) {
  #cd-table {
    margin: 2em auto;
    border-right: none;
  }
}
@media only screen and (min-width: 1170px) {
  #cd-table {
    margin: 2em auto;
  }
}

@-webkit-keyframes cd-scroll-right {
  0%, 100% {
    -webkit-transform: translateX(0);
  }

  50% {
    -webkit-transform: translateX(3px);
  }
}
@-moz-keyframes cd-scroll-right {
  0%, 100% {
    -moz-transform: translateX(0);
  }

  50% {
    -moz-transform: translateX(3px);
  }
}
@keyframes cd-scroll-right {
  0%, 100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }

  50% {
    -webkit-transform: translateX(3px);
    -moz-transform: translateX(3px);
    -ms-transform: translateX(3px);
    -o-transform: translateX(3px);
    transform: translateX(3px);
  }
}
/*FIN ESTILOS TABLA*/

/*EVENTS STYLE*/
.events_list{float:left; display:inline; margin-bottom: 10px; padding-bottom:10px; border-bottom: 1px solid #d1d1d1;}
/*.events_list .events_list_left{float:left; display:inline; margin-right:23px; width: 300px; max-width:35%;}
	.events_list .events_list_left .portada{max-width:100%;}
	.events_list .events_list_left .fecha_noticia{float:left; display:inline; background:#07a8c7; color:#fff; padding: 0 5px;}
.events_list .events_list_right{float:left; display:inline; width:600px;}
	.events_list .events_list_right .titulo_noticia{float:left; display:inline; font-size:1.125em; width: 100%; color:#000000;}
	.events_list .events_list_right .autor_noticia{float:left; display:inline; color:#07a8c7; font-size: 0.688em; width: 100%;}
	.events_list .events_list_right .desc_noticia{float:left; display:inline; width: 100%;margin-top:20px; margin-bottom: 20px; font-size: 0.95em;}
	.events_list .events_list_right .desc_noticia .enlace{float:left; display:inline;}
	.events_list .events_list_right .desc_noticia .enlace img{float:left; display:inline; width:32px;}
	a p.txt_oculto {display: none;}
.events_list .events_list_lineacompleta{float:left; display:inline; max-width:90%; margin-top:15px;}
	.events_list .events_list_lineacompleta .titulo{lfloat:left; display:inline; font-size:1.1em; width: 100%; color:#000000;}
	.events_list .events_list_lineacompleta .descripcion{float:left; display:inline; width: 100%;margin-top:20px; margin-bottom: 20px; font-size: 0.95em;}
	.events_list .events_list_lineacompleta .descripcion ul{list-style: initial;margin-left: 30px;}
	*/
	
.events_list .events_list_left{float:left; display:inline; width:535px;}
	.events_list .events_list_left .fecha_noticia{float:left; display:inline; background:#07a8c7; color:#fff; padding: 0 5px;}
	.events_list .events_list_left .titulo_noticia{float:left; display:inline; font-size:1.125em; width: 100%; color:#000000;}
	.events_list .events_list_left .autor_noticia{float:left; display:inline; color:#07a8c7; font-size: 0.688em; width: 100%;}
	.events_list .events_list_left .desc_noticia{float:left; display:inline; width: 100%;margin-top:20px; margin-bottom: 20px; font-size: 0.95em;}
	.events_list .events_list_left .desc_noticia .enlace{float:left; display:inline;}
	.events_list .events_list_left .desc_noticia .enlace img{display:inline; width:32px;}
	a p.txt_oculto {display: none;}
.events_list .events_list_right{float:left; display:inline; margin-left:45px; margin-top:20px; width: 300px; max-width:35%;}
	.events_list .events_list_right .portada{max-width:100%;border: 1px solid #cccccc;}
.events_list .events_list_lineacompleta{float:left; display:inline; max-width:90%; margin-top:15px;}
	.events_list .events_list_lineacompleta .titulo{lfloat:left; display:inline; font-size:1.1em; width: 100%; color:#000000;}
	.events_list .events_list_lineacompleta .descripcion{float:left; display:inline; width: 100%;margin-top:20px; margin-bottom: 20px; font-size: 0.95em;}
	.events_list .events_list_lineacompleta .descripcion ul{list-style: initial;margin-left: 30px;}
.events_slider{float:left; display: inline; margin: 0px 235px; width:50%;}
/*END EVENTS STYLE*/