/*
Author: 
Author URL:
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
*/
/* reset */
html,body,span,applet,li,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,dl,dt,dd,nav ul,nav 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;margin:0;padding:0;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
/* start editing from here */
a{text-decoration:none;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{	vertical-align:baseline;}/* vertical align baseline */
.vertical-top{	vertical-align:top;}/* vertical align top */
.underline{	padding-bottom:5px;	border-bottom: 1px solid #eee; margin:0 0 20px 0;}/* Add 5px bottom padding and a underline */
nav.vertical ul li{	display:block;}/* vertical menu */
nav.horizontal ul li{	display: inline-block;}/* horizontal menu */
img{max-width:100%;}
/*end reset*/


body {font-family: 'Helvetica Neue', Helvetica, 'Open Sans', Arial, sans-serif;background:#ffffff;font-size: 100%;}
.wrap{margin:0 auto;width:94%;}

/* style classes */
.italics {font-style: italic;}
.type-pdf {float:right;width:50px;position: relative;}
.bold{font-weight: bold;}
.spreadsheet {width:49.5%;display:inline-block;}


/* start header */
.header_bg{background: #ffffff;}
.header{padding: 2% 4% 0 4%;}
header.header h1 {display:inline-block;font-size:1.2em;font-weight: 600;}
.h_right{position:relative;	float: right;}
.menu{float: left;margin-right: 10px;}
.menu li{float: left;margin-right: 2px;}
.menu li.active a,.menu li a:hover{background: #19BD9B;color: #ffffff;text-shadow: 0 1px 0 #10816A;}
.menu li a{font-size: 0.85em;color: #c0c0c0;text-transform: uppercase;padding: 8px 16px;font-weight: 600;text-shadow: 0 1px 0 #ffffff;border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;-o-border-radius: 2px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}

/* ===== start PERSONALI ====== */

h1 {margin-bottom:30px;}

#usuario{margin-right: 10px;float:right;bottom: 10px; position: relative;}
#usuario li{float: left;margin-right: 2px;}
#usuario li.active a,#usuario li a:hover{background: #19BD9B;color: #ffffff;text-shadow: 0 1px 0 #10816A;text-decoration: underline;}
#usuario li a{font-size: 0.85em;text-transform: uppercase;padding: 8px 16px;font-weight: 600;text-shadow: 0 1px 0 #999;border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;-o-border-radius: 2px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}

#categorias{margin-right: 100px;float:right;margin-top:5px;}
#categorias li{float: left;margin-right: 2px;}
#categorias li.active a,#categorias li a:hover{background: #19BD9B;color: #ffffff;text-shadow: 0 1px 0 #10816A;}
#categorias li a{font-size: 0.85em;text-transform: uppercase;padding: 8px 16px;font-weight: 600;text-shadow: 0 1px 0 #ffffff;border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;-o-border-radius: 2px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.internal-pages {/*width:110%;*/padding: auto 5%;border-left: 1px solid #eee;border-right: 1px solid #eee;}
.internal-pages h2, .internal-pages h3, .internal-pages h4, .internal-pages h5 {font-weight: 600;line-height: 40px;margin: 10px 0;}
.internal-pages h2 {font-size: 1.8em;margin-bottom:30px;margin-left:50px;}
.internal-pages h3 {font-size: 1.5em;}
.internal-pages h4 {font-size: 1.3em;}
.internal-pages h5 {font-size: 1.1em;}
.internal-pages p {font-size: 18.5px; font-weight: 200; line-height: 30px;text-indent: 50px;text-align: justify;}
.internal-pages ul, .internal-pages ol {font-size: 17px;margin-left:40px;}
.internal-pages ul#instituciones li, .internal-pages ul#recursos li{list-style: disc;}
.internal-pages ul#instituciones li{margin-bottom:6px;}
.internal-pages ul.colaboradores{font-size: 19px}
.internal-pages ul.colaboradores li p {position:relative; bottom:53px;left:40px;}
.internal-pages ol#fines li {list-style: lower-latin;}

footer#footer {margin-top:50px;}
footer#footer .row div {text-align:center;}
footer#footer .row div img {margin:0 auto; min-height: 70px;}

.carousel p {color:#eee;}
.carousel-inner .item {width:1200px;margin:20px auto;height:500px;}

.around {margin:0 auto;width:665px;}
.buttonwrap {position: relative;}
.buttonwrap button {height: 180px;width: 300px; float:left;margin-left:30px;font-size:1.7em;}

.appear {position: absolute;top: 200px;bottom: 0;left: 0;right: 0;background: rgba(29, 106, 154, 0.72);font-size:.8em;line-height:150%;text-align:justify;color: #fff;visibility: hidden;opacity: 0; -webkit-transition: visibility opacity 0.2s;}
 
.buttonwrap:hover .appear {visibility: visible;opacity: 1;}

.portfolio-wrapper img {height:200px;}


#breadcrumbs { height: 50px;line-height: 20px;margin: 0;width:100%;min-width: 320px;display: block;color: rgb(69, 69, 69);float: left;padding: 15px;-webkit-background-clip: border-box;
-webkit-background-origin: padding-box;
-webkit-background-size: auto;
background-attachment: scroll;
background-clip: border-box;
background-color: rgb(242, 242, 242);
background-image: none;
background-origin: padding-box;
background-size: auto;}

.capitulo {color: rgb(64, 64, 64);display: block;margin: 0px;padding: 0px;width: 100%;height:30px;margin-top:35px;}
.capitulo .prev {width: 20%;float: left;text-align: left;}
.capitulo .next {width: 20%;float: right;text-align: right;}


header.header.navbar.navbar-fixed-top.navbar-inner {height: 160px;background-color: rgb(250, 250, 250);background-image: linear-gradient(rgb(255, 255, 255), rgb(242, 242, 242)); background-repeat: repeat-x;background: transparent url('../images/cabecera.png') 30% 70% no-repeat;color: rgb(51, 51, 51);padding-bottom:5px;}


.nav {padding-left: 0;list-style: none; width:90%;margin: 0 auto;}
.nav > li {position: relative;display: block;}
.nav > li > a {position: relative;display: block;padding: 30px 75px;background-color: #ccc;}
.nav > li > a:hover,
.nav > li > a:focus {text-decoration: none;}
.nav > li.disabled > a {color: #777;background-color: #bbb;}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {color: #777;text-decoration: none;cursor: not-allowed;background-color: #eee;}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {background-color: #eee;border-color: #337ab7;}
.nav .nav-divider {height: 1px;margin: 9px 0;overflow: hidden;background-color: #e5e5e5;}
.nav > li > a > img {max-width: none;}

.nav-tabs {margin: 0 20%;}
.nav-tabs > li {float: left;font-size: 2em;margin: 1% 5%;}
.nav-tabs > li > a {margin-right: 2px;line-height: 1.42857143;border-radius: 10px;}
.nav-tabs > li > a:hover {border-color: #eee #eee #ddd;}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {color: #555;cursor: default;background-color: #fff;border: 2px solid #ddd;border-bottom-color: transparent;font-weight: 600;                              text-decoration: underline;}
.nav-tabs.nav-justified {width: 100%;border-bottom: 0;}
.nav-tabs.nav-justified > li {float: none;}
.nav-tabs.nav-justified > li > a {margin-bottom: 5px;text-align: center;}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {top: auto;left: auto;}
@media (min-width: 768px) {.nav-tabs.nav-justified > li {display: table-cell;width: 1%;}
  .nav-tabs.nav-justified > li > a {margin-bottom: 0;}}
.nav-tabs.nav-justified > li > a {margin-right: 0;border-radius: 4px;}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {border: 1px solid #ddd;}
@media (min-width: 768px) {.nav-tabs.nav-justified > li > a {border-bottom: 1px solid #ddd;border-radius: 4px 4px 0 0;}
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:focus {border-bottom-color: #fff;}}

#tabinvestigacion h2
{
	font-weight: bold;
	font-size: 35px;
	color: #20354d;
	text-align: center;
	padding-bottom: 20px;
	letter-spacing: 5px;
}
#tabinvestigacion hr
{
	margin-top: 1px;
	height: 1px;
}
#tabinvestigacion .nav
{
	width: 94%;
	margin: 0 auto;
}
#tabinvestigacion .nav-tabs
{
	margin: auto;
}
#tabinvestigacion .nav-tabs > li
{
	font-size: 14px !important;
	margin: 1% 1%;
	font-weight: bold;
}
#tabinvestigacion .nav-tabs > li.active > a, 
#tabinvestigacion  .nav-tabs > li.active > a:hover,
#tabinvestigacion  .nav-tabs > li.active > a:focus 
{
	font-size: 16px;
	color: #fff;
	cursor: default;
	background-color: #20354d;
	border: 2px solid #ddd;
	border-bottom-color: transparent;
	font-weight: 600;
	text-decoration: none;
}
#tabinvestigacion .nav > li > a
{
	padding: 15px 30px;
}
#contenido_investigacion  
{
	color: #fff !important;
	width: 100%;
	margin: 0;
	border-radius: 0;
}
#contenido_investigacion .tab-pane
{
	margin: 3% 4%;
}
#contenido_investigacion ul
{
	list-style:disc;
	padding-left: 40px;
}
#contenido_investigacion h1, #contenido_investigacion h1 a
{
	color: #7cc4ec;
}
#contenido_investigacion #publicaciones li, #contenido_investigacion #publicaciones li a
{
	color: #7cc4ec;
}
#contenido_investigacion #cursos li a
{
	color: #7cc4ec;
}
.tab-content {width:90%;margin:0 auto;padding:2%;border-radius:10px; border-top-left-radius: 0px;padding-bottom:10px;}
.tab-content p {color:#eee;}
.tab-content > .tab-pane {display: none;visibility: hidden;}
.tab-content > .active {display: block;visibility: visible;}
.nav-tabs .dropdown-menu {margin-top: -1px;border-top-left-radius: 0;border-top-right-radius: 0;}
a:hover div.portfolio {}
a:hover div.portfolio div.label-text, a:focus div.portfolio div.label-text {text-shadow:1px 1px 1px rgba(0, 0, 0, .5);}
a:hover div.portfolio img, a:focus div.portfolio img {box-shadow: 3px 3px 4px rgba(0, 0, 0, .5)}
#actual {height:1500px;color:white;}
#actual-i {float:left; width:47%;}
#actual-d {float:right; width:48%;}
#actual-i, #actual-d {font-weight: normal;font-size: .9em; text-align: justify;}
#actual-i li, #actual-d li {margin:10px 0;padding: 7px 0;list-style: square;}
#actual h4 {margin-top:40px;font-size: 1.1em;text-decoration: underline;text-indent: 20px;}
#actual h3 {text-align: center;}
.inline li {display:inline;margin:15px;padding:0;}
.galeria li a img {padding:10px;margin:0px;border:1px solid #ccc;}



#historico{height:750px;}
#portfoliolist .portfolio:hover {background-color: transparent;background-image: none;}
#historico .row {margin:10px 0;}
#historico .row .col-sm-3 {text-align:center; border:1px solid transparent;border-radius: 6px;}
#historico .row .col-sm-3:hover {border:1px solid #ccc;background-color:rgba(255, 255, 255, .1);}
#historico .row .col-sm-3 * {margin: 0 auto;color:#fff;}
#historico .row .col-sm-3 p {z-index:500;padding:5px 8px;}
#historico .row .col-sm-3 a:hover {text-decoration: none; }
#historico .row .col-sm-3:hover a p {font-size: 1.05em;line-height: 36px;}
#historico .row .col-sm-3 img {height:200px;width:261px;margin:0 auto;box-shadow: 3px 3px 4px rgba(0, 0, 0, .5)}
#historico .row .col-sm-3 span {display: block;font-size: 0.8em;text-transform: capitalize;font-weight: 300;}

.internal-pages ul li p, .internal-pages ol li p {text-indent: 0px;}


#content #indice {background: transparent url('../images/carpeta.png') center center no-repeat;height:325px; text-align: center;padding-top:50px;}
#content #indice a.btn {border-radius: 8px; border:1px solid #ccc;background:#eee; width:200px; margin:0 auto;display:block;color:blue;font-weight: bold;margin-right:75px;margin-top:6px;}

.publicaciones {}
.publicaciones .author {font-variant: small-caps;}
.publicaciones .year, .publicaciones .isbn {font-weight: 600;}
.publicaciones .pubtitle {font-style: italic;font-family: 'Lucida Typewriter', monospace; font-weight: 600;}
.publicaciones .revista {font-style: italic;}
.publicaciones li {padding:7px 0px;}

.publicaciones div.publicaciones .title {width:70%;margin-right:5%;vertical-align: top;padding-top:15px;}
.publicaciones div.publicaciones .title span.year, .publicaciones div.publicaciones .title span.isbn {margin-top:8px;}
.publicaciones div.publicaciones .material {width:24%;text-align: center;}
.publicaciones div.resultados, .publicaciones div.publicaciones {border:1px solid #eee;background-color:#fcfcfc; padding:20px 40px;text-align: justify;font-size: 1.1em;line-height: 1.4em}
.publicaciones div.resultados div, .publicaciones div.publicaciones .inline  {display: inline-block;}
.publicaciones div.resultados div div {display: block;}
.publicaciones div.resultados a img {margin:20px auto;text-align: center;}
.publicaciones div.resultados div.resultado-title {width:55%;margin-right:5%;vertical-align: top;padding-top:15px;}
.publicaciones div.resultados div.resultado-material {width:39%;text-align: center;}


.tooltip {position: absolute;z-index: 1070;display: block;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 12px;font-weight: normal;line-height: 1.4;visibility: visible;filter: alpha(opacity=0);opacity: 0;}
.tooltip.in {filter: alpha(opacity=90);opacity: .9;}
.tooltip.top {padding: 5px 0;margin-top: -3px;}
.tooltip.right {padding: 0 5px;margin-left: 3px;}
.tooltip.bottom {padding: 5px 0;margin-top: 3px;}
.tooltip.left {padding: 0 5px;margin-left: -3px;}
.tooltip-inner {max-width: 200px;padding: 3px 8px;color: #fff;text-align: center;text-decoration: none;background-color: #000;border-radius: 4px;}
.tooltip-arrow {position: absolute;width: 0;height: 0;border-color: transparent;border-style: solid;}
.tooltip.top .tooltip-arrow {bottom: 0;left: 50%;margin-left: -5px;border-width: 5px 5px 0;border-top-color: #000;}
.tooltip.top-left .tooltip-arrow {right: 5px;bottom: 0;margin-bottom: -5px;border-width: 5px 5px 0;border-top-color: #000;}
.tooltip.top-right .tooltip-arrow {bottom: 0;left: 5px;margin-bottom: -5px;border-width: 5px 5px 0;border-top-color: #000;}
.tooltip.right .tooltip-arrow {top: 50%;left: 0;margin-top: -5px;border-width: 5px 5px 5px 0;border-right-color: #000;}
.tooltip.left .tooltip-arrow {top: 50%;right: 0;margin-top: -5px;border-width: 5px 0 5px 5px;border-left-color: #000;}
.tooltip.bottom .tooltip-arrow {top: 0;left: 50%;margin-left: -5px;border-width: 0 5px 5px;border-bottom-color: #000;}
.tooltip.bottom-left .tooltip-arrow {top: 0;right: 5px;margin-top: -5px;border-width: 0 5px 5px;border-bottom-color: #000;}
.tooltip.bottom-right .tooltip-arrow {top: 0;left: 5px;margin-top: -5px;border-width: 0 5px 5px;border-bottom-color: #000;}




/* === end PERSONALI === */

/*start search*/
.sb-search {position: absolute;top:40px;right:12px;width: 0%;min-width: 45px;height: 45px;float: right;overflow: hidden;-webkit-transition: width 0.3s;-moz-transition: width 0.3s;transition: width 0.3s;-webkit-backface-visibility: hidden;}
.sb-search-input {position: absolute;top: 5px;left: 0px;border: none;outline: none;background: transparent;width: 100%;height: 35px;margin: 0;z-index: 10;padding: 5px 20px;font-family: 'Open Sans', sans-serif;font-size: 14px;font-weight: bold;}

.sb-search-input::-webkit-input-placeholder {color: transparent;}
.sb-search-input:-moz-placeholder {color: transparent;}
.sb-search-input::-moz-placeholder {color: transparent;}
.sb-search-input:-ms-input-placeholder {color: transparent;}
.sb-icon-search,.sb-search-submit  {width: 45px;height: 45px;display: block;position: absolute;right: 0;top: 0;padding: 0;margin: 0;line-height: 45px;text-align: center;cursor: pointer;}

.sb-search-submit {background: #fff; /* IE needs this */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    filter: alpha(opacity=0); /* IE 5-7 */
    opacity: 0;color: transparent;border: none;outline: none;z-index: -1;-webkit-appearance: none;}

.sb-icon-search {color: #333;background: transparent url('../images/search.png') no-repeat 10px 10px;z-index: 90;}

/* Open state */
.sb-search.sb-search-open,.no-js .sb-search {width: 80%;background: rgba(255, 255, 255, .9);}
.sb-search.sb-search-open .sb-icon-search,.no-js .sb-search .sb-icon-search {background: #c0c0c0 url('../images/search_h.png') no-repeat 10px 10px;color: #fff;z-index: 11;}
.sb-search.sb-search-open .sb-search-submit,.no-js .sb-search .sb-search-submit {z-index: 90;}

/*-- start-smartphone_nav --*/
.smartnav {   display:none;}
.smartnav-item {float:left;*display:inline;zoom:1;}
.smartnav-item a {display:block;}
.smartnav-item a:hover {background: #18BD9B;color: #FFFFFF;}
.smartnav-mobile {display: none;cursor: pointer;position: absolute;top: 5px;left: 5px;background: url(../images/nav_icon.png) 60% 60% no-repeat;height:32px;width: 32px;}
.smartnav-mobile {display:block;}
.smartnav {margin-top:44px;width:100%;}
.smartnav-list {display:none;}
.smartnav-item {width:100%;float:none;}
.smartnav-item a {font-family: 'Open Sans', sans-serif;font-weight:400;background: #c0c0c0;border-bottom: 1px solid #A5A5A5;padding: 10px;text-transform:uppercase;	
    color:#FFF;  -webkit-transition: color .2s linear,background .2s linear;-moz-transition: color .2s linear,background .2s linear;-o-transition: color .2s linear,background .2s linear;transition: color .2s linear,background .2s linear;font-size: 0.8725em;}
.smartnav-inner {display: none;}
.smartnav-active, .smartnav-active-inner .smartnav-inner {display:block;}

/*start header_btm */
.header_btm {padding: 4%;margin-top:100px;}

/* h_left */
.h_left {float: left;}
.h_left h2{font-size: 1.7em;color: #20354d;font-weight: 400;}
.h_left h3{margin-top: 10px;font-size: 0.8725em;color: #c0c0c0;}

/* start soc_icons */
.soc_icons {float:right;}
.soc_icons h2{text-transform: uppercase;font-size: 1.2em;color: #c0c0c0;font-weight: 400;margin-bottom: 10px;}
.soc_icons ul li{float: left;margin-left: 10px;}
.soc_icons ul li:first-child{margin-left: 0;}
.soc_icons ul li a{display: block;padding: 10px;background: #2e2e2e;width: 24px;height: 24px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}

.soc_icons ul li a.icon1{background: #39579D url('../images/icon1.png') no-repeat 18px 12px;}
.soc_icons ul li a.icon2{background: #02B3E9 url('../images/icon2.png') no-repeat 12px 13px;}
.soc_icons ul li a.icon3{background: #DB4A39 url('../images/icon3.png') no-repeat 14px 12px;}
.soc_icons ul li a.icon4{background: #EA4C89 url('../images/icon4.png') no-repeat 14px 12px;}
.soc_icons ul li a.icon5{background: #5A872A url('../images/icon5.png') no-repeat 12px 18px;}
.soc_icons ul li a:hover{zoom: 1;filter: alpha(opacity=50);	opacity: 0.7;-webkit-transition: opacity .15s ease-in-out;-moz-transition: opacity .15s ease-in-out;-ms-transition: opacity .15s ease-in-out;-o-transition: opacity .15s ease-in-out;transition: opacity .15s ease-in-out;}
/*start slider */
.slider_bg{background: url('../images/slider_bg.jpg');}
.slider{padding: 8% 4%;}
.slider h2{font-size: 2em;text-transform: uppercase;color: #ffffff;font-weight: 600;}
.slider h3{font-size: 0.8725em;color: #ffffff;font-weight: 600;}

/*start main */
.main_bg{background: #20354d;padding:1%; padding-bottom: 20px;}
.main{padding: 4%;}
.content{margin-top: -110px;background: #ffffff;padding: 4%;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-o-border-radius: 4px;}
.contenido_general
{
	margin-top: 160px;
}
/* start btn style */
.btn{display: inline-block;padding: 12px 30px;font-size: 0.8925em;color: #ffffff;background: #0c6;text-transform: capitalize;border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;-o-border-radius: 2px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
/*#19BD9B , hover #34495E*/
.btn:hover{background: #1d7;}

/*---start-gallery -----*/
.container {position: relative;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;	}
#filters {color:#ffffff;margin: 0% 0 3%;list-style: none;text-align: center;}
#filters li {display: inline-block;margin:0 10px;}
#filters li:first-child{margin: 0px;}
#filters li span {display: block;padding: 4px 10px;text-decoration: none;font-size:0.8725em;color: #ffffff;cursor: pointer;text-transform: capitalize;}
#portfoliolist .portfolio {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;width:23%;margin:1%;display:none;float:left;overflow:hidden;}
.portfolio-wrapper {overflow:hidden;position: relative !important;cursor:pointer;}
#portfoliolist a img{display: block;margin:0 auto;}
.portfolio .label-bg {}
.portfolio,.label-bg{-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;	}
.portfolio:hover,.label-bg:hover{background: rgba(0, 0, 0, 0.21);}
.portfolio .label-text {text-align:center;color:#fff;position: relative;z-index:500;padding:5px 8px;}
.text-title{color: #ffffff;font-weight: 100;text-transform: capitalize;line-height: 1.8em;}
.portfolio .text-category {display: block;font-size: 0.8125em;text-transform: capitalize;font-weight: 100;}
/* Self Clearing Goodness */
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix:before,.clearfix:after,.row:before,.row:after {content: '\0020';display: block;overflow: hidden;visibility: hidden;width: 0;height: 0; }
.row:after,.clearfix:after {clear: both;}
.row,.clearfix {zoom: 1;}
.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}
/* start footer */
.footer_bg{background: #ffffff;}
.footer{padding:4%;}
.span_of_4{display: block;}
.span1_of_4{float:left;width: 22.33333%;margin-left: 3.3333%;}
.span1_of_4:first-child{margin-left: 0;}
.span1_of_4 h4{font-size: 1.2em;color: #c0c0c0;text-transform: uppercase;font-weight: 600;margin-bottom: 8%;}
.span1_of_4 p{font-size: 0.8725em;color: #a9a9a9;line-height:1.8em;font-weight: 400;}
.span1_of_4 p.top{margin-top: 4%;}
.span1_of_4 span.bg{background: #ECF0F1;padding: 4%;}
.span1_of_4 span{font-size: 1em;color: #a0a0a0;margin-top: 8%;display: block;line-height:1.5em;}
.f_nav li{float: left;width: 16.3333%;margin: 0 20px 4px 0;}
.f_nav li a{display: block;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.f_nav li a img{background: #ffffff;padding: 5px;border: 1px solid #eeeeee;}
.f_nav li a:hover{zoom: 1;filter: alpha(opacity=50);opacity: 0.7;-webkit-transition: opacity .15s ease-in-out;-moz-transition: opacity .15s ease-in-out;-ms-transition: opacity .15s ease-in-out;-o-transition: opacity .15s ease-in-out;transition: opacity .15s ease-in-out;}
.f_icons{margin-top: 8%;display: inline-block;}
.f_icons ul li{float: left;margin-left:5px;}
.f_icons ul li:first-child{margin-left: 0;}
.f_icons ul li a{display: block;padding: 10px;background: #2e2e2e;width: 24px;height: 24px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.f_icons ul li a.icon2{background: #04ADF2 url('../images/icon2.png') no-repeat 12px 13px;}
.f_icons ul li a.icon1{background: #ECF0F1 url('../images/icon1_h.png') no-repeat 18px 12px;}
.f_icons ul li a.icon3{background: #ECF0F1 url('../images/icon3_h.png') no-repeat 15px 14px;}
.f_icons ul li a.icon4{background: #ECF0F1 url('../images/icon4_h.png') no-repeat 14px 12px;}
.f_icons ul li a.icon5{background: #ECF0F1 url('../images/icon5_h.png') no-repeat 12px 18px;}
.f_icons ul li a.icon2:hover{background: #ECF0F1 url('../images/icon2_h.png') no-repeat 12px 13px;}
.f_icons ul li a.icon1:hover{background: #39579D url('../images/icon1.png') no-repeat 18px 12px;}
.f_icons ul li a.icon3:hover{background: #DB4A39  url('../images/icon3.png') no-repeat 15px 14px;}
.f_icons ul li a.icon4:hover{background:#EA4C89  url('../images/icon4.png') no-repeat 14px 12px;}
.f_icons ul li a.icon5:hover{background: #5A872A  url('../images/icon5.png') no-repeat 12px 18px;}
/*start footer_top */
.footer_top {margin-top: 4%;padding-top: 4%;border-top: 1px solid rgb(231, 231, 231);}
.copy{float: left;}
.copy p{color: #9c9c9c;font-size: 0.8725em;line-height: 1.8em;}
.copy p a{color: #19BD9B;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.copy p a:hover{color: #9c9c9c;}
.f_nav1{float: right;}
.f_nav1 li{float: left;margin-left: 20px;}
.f_nav1 li:first-child{margin-left: 0;}
.f_nav1 li a{display:block;color: #9c9c9c;padding: 0 5px;text-transform: capitalize;font-size: 0.8725em;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.f_nav1 li a:hover{color: #19BD9B;}


/* start pagination */
.pagination {float: left;top: -50px;position: relative;clear: both;}
.pagination li{display: inline-block;margin-right: 5px;}
.pagination li a{display:block;padding: 10px 20px;color: #34495E;background: #EBECEE;font-weight: 600;border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;-o-border-radius: 2px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.pagination li.active a,.pagination li a:hover{background: #19BD9B;color: #ffffff;}
/* start blog_sidebar */
.sidebar h4{color: #34495E;font-size: 1.2em;font-weight: 600;border-left: 3px solid #19BD9B;border-bottom: 1px solid rgb(231, 231, 231);text-transform:capitalize;line-height: 1.5em;padding: 0px 10px;margin-bottom: 4%;}

/* start Social Likes */
.social_network_likes {margin: 0em 0 1em;text-align: center;}
.social_network_likes li{float:left;width:25%;}
.social_network_likes li a{display:block;color:#FFF;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;	}
.social_network_likes li a p{padding:15px 0;font-size:0.8em;}
.social_network_likes li a span{display:block;font-size:2em;}
.social_network_likes li a{border-left:2px solid #FFF;}
.social_network_likes li a div.followers{border-bottom: 2px solid #FFFFFF;}
.social_network_likes li:first-child a {border-left:none;}
.social_network_likes li a.tweets{background:#2da5da;}
.social_network_likes li a.tweets:hover{background:#1A91C5;}
.social_network_likes li a.facebook-followers{background:#b6c710;}
.social_network_likes li a.facebook-followers:hover{background:#9EAD0B;}
.social_network_likes li a.email{background:#27c1b9;}
.social_network_likes li a.email:hover{background:#0BB1A8;}
.social_network_likes li a.dribble{background:#cf2555;}
.social_network_likes li a.dribble:hover{background:#B3103E;}
.social_network_likes li a div.social_network{padding:10px 0;}
.social_network i{width:45px;height:45px;display:block;background:url(../images/social-icons.png) no-repeat;	
	margin:0 auto;}
.social_network i.twitter-icon{background-position: 0px 0px;}
.social_network i.facebook-icon{background-position: -47px 0px;}
.social_network i.email-icon{background-position: -104px 0px;}
.social_network i.dribble-icon{background-position: -156px 0px;}
/* end Social Likes */
/* start contact page*/
.contact_left {float:left;margin-right:3.3333%;width: 32.3333%;}
.contact_right {float:left;width: 63.3333%;}
.contact_left h3{margin-bottom: 2%;font-size: 1.2em;text-transform: capitalize;color: #34495E;font-weight: 600;text-shadow: 0 1px 0 #ffffff;}
.company_address{padding-top:10px;}
.company_address p{font-weight: 400;color: #c0c0c0;text-shadow: 0 1px 0 #ffffff;line-height: 1.8em;font-size: 0.8725em;}
.company_address p a{color: #19BD9B;cursor: pointer;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.company_address p a:hover{color: #c0c0c0;}
.map{margin: 6% 0 4%;}
.contact_right h3{margin-bottom: 2%;font-size: 1.2em;text-transform: capitalize;color: #34495E;font-weight: 600;text-shadow: 0 1px 0 #ffffff;}
.contact-form{position:relative;}
.contact-form div{padding:5px 0;}
.contact-form span{text-transform: capitalize;display: block;color: #c0c0c0;text-shadow: 0 1px 0 #ffffff;line-height: 1.5em;font-size: 0.8725em;font-weight: 400;}
.contact-form input[type="text"],.contact-form textarea{font-family: 'Open Sans', sans-serif;padding: 10px;display: block;width: 96.3333%;background: #ffffff;outline: none;color: #c0c0c0;font-size: 0.8725em;border: 1px solid #ECECEC;-webkit-appearance: none;}
.contact-form textarea{resize:none;height:120px;		}
.contact-form input[type="submit"]{-webkit-appearance: none;font-weight: 600;float: right;font-family: 'Open Sans', sans-serif;cursor: pointer;border: none;outline: none;display: inline-block;padding: 12px 30px;font-size: 0.8925em;color: #ffffff;background: #19BD9B;text-transform: uppercase;border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;-o-border-radius: 2px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.contact-form input[type="submit"]:hover{background: #34495E;}
/* start details */
.details h2{font-size: 1.4em;color: #34495E;font-weight: 400;}
.details img{margin: 2% 0;padding: 5px;box-shadow: 0px 0px 5px #DDDDDD;-webkit-box-shadow: 0px 0px 5px #DDDDDD;-moz-box-shadow: 0px 0px 5px #DDDDDD;-o-box-shadow: 0px 0px 5px #DDDDDD;}
/***** Media Quries *****/
@media only screen and (max-width: 1366px) {.wrap{width:95%;}
	.slider h2 {font-size: 1.8em;}}
@media only screen and (max-width: 1280px) {.wrap{width:95%;}
	.slider h2 {font-size: 1.6em;}}
@media only screen and (max-width: 1024px) {.wrap{width:95%;}
	.slider h2 {font-size: 1.5em;}
	.span1_of_4 h4 {font-size: 1em;}
	.menu li {margin-right: 8px;}
	.menu li a {padding: 8px 12px;	font-weight: 400;}}
@media only screen and (max-width: 800px) {.wrap{width:95%;}
	.logo{float:none;	margin:20px 0;	text-align:center;}
	.h_right {background: #19BD9B;	height: 44px;	float:none;}
	.menu {display: none;}
	
	.nav {    display: inline-block;}
	.sb-search {top: 0px;	min-width: 44px;	height: 44px;}
	.sb-icon-search, .sb-search-submit {width: 44px;	height: 44px;	line-height:38px;}
	.sb-icon-search {color: #fff;	background: #19BD9B url('../images/search_h.png') no-repeat 10px 10px;	z-index: 90;}
	.sb-search-input {width: 90%;	height: 28px;	padding: 10px 20px;}
	.header_btm {padding: 0 4% 4%;	text-align: center;}
	.h_left {float: none;}
	.soc_icons {margin-top:3%;	float: none;}
	.soc_icons ul li {float: none;	display: inline-block;	margin-left: 5px;}
	.content {margin-top: -70px;}
	.span1_of_4 {float: none;	width: 100%;	margin-left: 0%;}
	.span1_of_4 h4 {margin:4% 0 2%;}
	.span1_of_4 span {margin-top: 2%;}
	.span1_of_4 p.top {margin-top: 1%;}
	.f_icons {margin: 2% 0 0%;}
	.f_nav li a img {width: 100%;}
	.footer_top {text-align: center;}
	.f_nav1 {float: none;}
	.f_nav1 li {display: inline-block;	float: none;	margin-left: 10px;}
	.copy {float: none;	margin: 2% 0;}
	.blog_left {float: none;	width: 100%;}
	.blog_sidebar {float: none;	width: 100%;	margin-left: 0%;}
	.social_network_likes {clear: both;}
	.ca-item h4 span.quote {width: 14.333%;}
	.ca-item h4 span {font-size: 1.2em;}
	.ca-item span.quote_text {width: 80.333%;}
	.pagination li a {padding: 8px 14px;}
	.ca-nav span {top: 84%;	left: 86%;}
	.blog_list li a {padding: 10px 4px;}}
@media only screen and (max-width: 640px){.wrap{width:95%;}
	#filters li {display: inline-block;	margin: 0 5px;}
	.text-title {font-size: 0.8725em;}
	#filters li span {font-size: 0.8125em;	padding: 4px 0px;}
	.content {margin-top: -50px;}
	.cont-grid-img {margin-right: 0%;	float: none;	width: 100%;}
	.cont-grid {float: none;	width: 100%;}
	.cont-grid h4 {font-size: 1.2em;}
	.folio_list li h3 {font-size: 1em;}
	.folio_list li {float:left;	width: 44.3333%;}
	.folio_list li:nth-child(3) {margin-left: 0;}
	.blog_left {float: none;	width: 100%;}
	.b_right h4 {font-size: 1em;}
	.blog_list li a {font-size: 0.8125em;	padding: 10px 0px;}
	.blog_list {float: none;}
	.blog_art {float: none;}
	.b_left {width: 12.333333%;}
	.b_right {float: left;	width: 84.333333%;}
	.tag_nav {margin: 4% 0;}
	.contact_left {float: none;	margin-right: 0%;	width: 100%;}
	.map {margin: 2% 0%;}
	.contact_right {float: none;	width: 100%;}}
@media only screen and (max-width: 480px) {.wrap{width:95%;}
	.content {margin-top: -40px;}
	.h_left h2 {font-size: 1.2em;}
	#portfoliolist .portfolio {width: 45%;	margin: 10px;}
	.header_btm {padding: 0% 4% 4%;}
	.slider h2 {font-size: 1.2em;	font-weight: 400;}
	.slider h3 {font-size: 0.8125em;	font-weight: 400;}
	.folio_list li {float: none;	width: 100%;	text-align: center;	margin: 2% 0;}
	.b_left {width: 16.333333%;}
	.b_right {width: 80.333333%;}
	.ca-item h4 span {font-size: 0.8125em;}
	.ca-nav span {top: 85%;	left: 77%;}
	.pagination {top: -40px;}
	.ca-container {height: 180px;}
	.contact-form input[type="text"], .contact-form textarea {width: 93.3333%;}
	.details h2 {font-size: 1em;}}
@media only screen and (max-width: 320px) {.wrap{width:95%;}
	.header {padding: 4% 4%;}
	.content {margin-top: -20px;}
	.cont-grid h4 {font-size: 1em;}
	#portfoliolist .portfolio {width: 100%;	margin: 10px 0px;}
	.h_left h2 {font-size: 1em;}
	.soc_icons h2 {font-size: 1em;}
	.b_left {float: none;	width: 100%;	margin-right: 0;}
	.b_right {margin-top: 4%;	width: 100%;}
	.ca-container {height: 250px;}
	.ca-nav span {top: 75%;	left: 65%;}
	.pagination {top: -15px;}
	.resp-tab-item {font-size: 0.8125em;}
	.contact-form input[type="text"], .contact-form textarea {width: 90.3333%;}}