/*__________________________________________________HEADER*/
header {background: #3cab8d;float:left;width:100%;}

/*__________________________________________________MENU SUPERIOR*/
.menu_btn{display: none;}
nav{display:inline-block; padding:2.3em 0;display: block;text-align: center;}
nav ul li{display:inline-block;position:relative;z-index:100}
nav ul li:hover{cursor:pointer;}
nav ul li a:link, nav ul li a:visited{ border-left:1px solid #fff; padding:0 15px;color:white;font-size: 2.2em }
nav ul li:first-child a{border:none;color:#fff}
nav ul li a:hover{text-decoration:none;color:#4df5d3}
nav ul li.active a:link, nav ul li.active a:visited{font-weight: bold}
nav ul li.active a:hover{color:white;}

.logo img{padding-top:9px;}
.logo span{font-weight: bold; color: #333; font-size: 24px;padding-top:10px;}
.buscador_form {padding: 20px 0;}
.buscador_form input[type="text"]{width: 75%; float: right;border-right: none;height: 18px;box-sizing:content-box;font-size: 1.5em }
.buscador_form input[type="submit"]{background: url("../images/ico_search_gray.png") no-repeat center center white;text-indent: -9999px; float: right;border-left: none;width:32px; height:28px;box-sizing:content-box;padding: 2px 0}
.buscador_form input[type="submit"]:hover{cursor: pointer;}


/*__________________________________________________MENU LATERAL*/

/*SIDEBAR*/
.sidebar ul{margin-right: 0;}
.sidebar ul li{margin-bottom: 15px;}
.sidebar ul li span{font-size: 0.8em;}
.sidebar iframe{min-width: 100%!important;}




/*__________________________________________________GENERALES*/

/*listados con iconos*/
.list_ico li{padding:18px 0 18px 60px;}
.ico_download{ background: url("../images/ico_download.png") no-repeat 0 0 transparent;}
.ico_demo{ background: url("../images/ico_online.png") no-repeat 0 0 transparent;}
.ico_learn{ background: url("../images/ico_learn.png") no-repeat 0 0 transparent;}
.ico_certificate{ background: url("../images/ico_certificate2.png") no-repeat 0 0 transparent;}
.ico_prize{ background: url("../images/ico_prize.png") no-repeat 0 0 transparent;}
.ico_team{ background: url("../images/ico_team.png") no-repeat 0px 0 transparent;background-size: auto 28px!important}
.ico_fit{ background: url("../images/ico_fit.png") no-repeat 0px 0 transparent;}
.ico_portfolio{ background: url("../images/ico_portfolio.png") no-repeat 0px 0 transparent;line-height: 30px}
.ico_measure{ background: url("../images/ico_pixel.png") no-repeat 0px 0 transparent;}

.box_alert{border:1px solid #ededed; background: #F7D4D4;padding:15px;}


/*FORMULARIO*/
article form{width:80%; background:#eee; padding:25px 25px 10px; margin:25px auto; overflow:hidden; border:1px solid #cdcdcd;}
.line_form{float:left; width:100%; margin-bottom:15px;}
label{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#666; display:inline-block; margin:6px 0;}
input, select, textarea{border:1px solid #cdcdcd; background:#fff; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#666;padding:7px 5px; float:left; font-size: 0.85em}
input[type=button]{background:#A9081B; color:#fff; cursor:pointer; float:right;padding:3px 20px;}
input[type="file"]{background: none repeat scroll 0 0 transparent;border: medium none; margin: 5px;padding: 0;width: 100px;}
.btn, .btn:link, .btn:visited{background: none no-repeat 10px center #3cab8d; color: white; padding:5px 10px;margin:0 10px;}
.btn:hover{cursor: pointer; text-decoration: none;}
.btn.plus{background-image: url("../images/ico_plus.png");padding-left: 40px}
.btn-twitter:link, .btn-twitter:visited{background: url("../images/ico_twitter.png") no-repeat 5px center #1da1f2;background-size:16px auto;padding-left: 25px;font-size: 14px; display: inline-block; border-radius: 2px; }

.toolbar{clear: both;float: left;margin-top:10px; padding: 10px 0px;width: 100%;border-top:1px dashed #cdcdcd;}
.toolbar.bottom{border-bottom:1px dashed #cdcdcd;margin-bottom: 10px; border-top:none;}
.toolbar.public{margin-top:30px;border-top:2px dashed #cdcdcd;}
.toolbarRich button{margin-right:10px;}
input.w100, select.w100, textarea.w100{width: 97%}


/*__________________________________________________HOME*/

.home .row [class*="w-"]{margin-bottom: 0}
.home .w-3 > img{width: 100%; max-width: 75%; vertical-align: top; margin: 0}

.home article{padding: 25px 0}
.home article.presentation{padding-top:0;}
.home .myskills,
.home .contact{background: white}
.home .myskills .w-4{position: relative;}
/*.home .myskills .skills{ position: absolute;}
.highcharts-container{top: -50px!important}*/
.home .list_ico li{padding:0 0 30px 60px;min-height: 50px; background-size: 32px auto}

/*__________________________________________________PORTFOLIO*/

.portfolio article .list_item .w-4{float: left;text-align:center;}
.portfolio article .list_item .w-4 .logo{display: table; width: 100%; height: 200px;background: white;}
.portfolio article .list_item .w-4 .logo span{display: table-cell; vertical-align: middle;border: 1px solid #111;opacity: 0.5;
 filter:alpha(opacity=50);}
.portfolio article .list_item .w-4 .logo span:hover, 
.portfolio article .list_item .w-4.active .logo span{opacity: 1;filter:alpha(opacity=100); cursor: pointer}
.portfolio article .list_item .w-4 .logo img{width: 68%}
.portfolio article .list_item .w-4 .detalle{display: none;}

.portfolio .detalle_down{float: left; margin: 0px 0px 3%; width: 100%; display: none; text-align: left; height: 1px; overflow: hidden}
.portfolio .detalle_down .detalle_content{border: 1px solid #111; padding: 20px;background: none repeat scroll 0 0 white;overflow: hidden;}
.portfolio .detalle_down .detalle_content h2 span{float: right; background: url("../images/sprite.png") 0 -68px transparent; text-indent: -9999px; width: 20px; height: 20px}
.portfolio .detalle_down .detalle_content h2 span:hover{cursor:pointer;background-position: 0 -88px;}
.portfolio .detalle_down .detalle_content .slider{float:left; width: 68%;}
.portfolio .detalle_down .detalle_content .descripcion{float: left; width:28%; padding-left: 4%}
  

/*__________________________________________________LISTADOS*/

.listado article ul li{float: left; width: 100%; border-top: 1px dashed #cdcdcd; padding: 15px 0 20px; position: relative;}
.listado article ul li:first-child{border: none;}
.listado article ul li h2{float: left;width: 100%;}
.listado article ul li h2 span{font-size: 0.6em; color: #555;padding-top: 9px}
.listado article ul li .imagen{border:1px solid #dedede;float: left;width:35%; margin:0 3% 0 0;padding: 10px; text-align: center;background: white;margin-bottom: 15px}
.listado article ul li .imagen img{max-width:100%;}
.listado article ul li p{margin-bottom: 50px}
.listado article ul li .btn.plus{position: absolute; bottom: 20px; right: 0;}

.buscador article ul li h2 span{font-size: 0.6em; color: #555;padding-top: 9px}

/*listado tablas*/
.display-table-3 {display: table;vertical-align: middle;width: 100%;background: white;margin:20px 0;}
.display-table-3 > div {display: table-cell;text-align: center;vertical-align: middle;width: 33.3%;}
.display-table-3 img {width: 80%;}

/*__________________________________________________DETALLE*/

.detalle h1{margin-bottom:10px;}
.detalle h2,
.detalle h3{margin-top: 50px; clear:both;}
.detalle div.underline{border-bottom: 2px dashed #cdcdcd;padding-bottom: 10px;margin-bottom: 40px}
.detalle .imagen{text-align: center;margin-bottom: 25px;border:1px solid #dedede;background: white;padding: 20px; clear: both;}
.detalle .imagen img{max-width:100%;}
.detalle .imagen-text{margin:0 40px 20px 0;border:1px solid #dedede;background: white;padding: 20px;float:left;width: 33%}
.detalle .imagen-text img{max-width:100%;}

/*CÓDIGO*/
.code{font-family: monospace;border:1px solid; padding: 10px;margin-bottom: 20px; background: white; font-size: 0.9em; overflow:hidden;margin:20px 0;}
.code .indent{padding-left: 30px; white-space: pre-wrap;}
.code .comment{font-size: 12px;}

/*EJEMPLOS*/
.ejemplo{padding: 20px;background:white;border:1px solid; overflow: hidden; margin:20px 0;}

/*BROWSER TABLA*/
.table_browser td{vertical-align: middle;}


/*__________________________________________________FOOTER*/
footer{border-top:1px solid #dedede; text-align:center; padding:20px 0;float:left;width:100%;background: #333;}
footer ul li{display:inline;padding:0 10px; border-left:1px solid #cdcdcd;}
footer ul li:first-child{border:none;}
footer ul li a:link, footer ul li a:visited{font-size: 1.6em; color: white;}
footer .list_social{margin-top:10px;}
footer .list_social li{border:none;}
footer .list_social li img{vertical-align:middle;}