@import url('https://fonts.googleapis.com/css?family=Roboto:400,400i,500,700');







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%;

	vertical-align: baseline;

}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {

	display: block;

}

ol, ul {

	list-style: none;

}

blockquote:before, blockquote:after, q:before, q:after {

	content: '';

	content: none;

}

/* Clearing

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

.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;

	margin-bottom:30px;

	height:0;

	width:100%;

}

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

1. Generales 

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

body {

	font-family: 'Roboto', sans-serif;

	text-align:left;

	color:#777;

	font-weight:300;

	background:#F6F6F6;

	font-size:14px;

	line-height:1.6;

	-webkit-font-smoothing: antialiased;

	-moz-font-smoothing: antialiased;

	font-smoothing: antialiased;

}

p {

	font-family:'Roboto', sans-serif;

	font-weight: normal;

	line-height:1.6;

	text-rendering: optimizeLegibility;

	margin-bottom:15px;

}

/* Contenido

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

.main_content {

	padding:50px 0 0;

}

/* Links 

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

a {

	text-decoration: none;

	-webkit-transition: background-color 0.4s ease 0s, border 0s ease 0s, color 0.4s ease 0s, opacity 0.4s ease-in-out 0s;

	-moz-transition: background-color 0.4s ease 0s, border 0s ease 0s, color 0.4s ease 0s, opacity 0.4s ease-in-out 0s;

	-o-transition: background-color 0.4s ease 0s, border 0s ease 0s, color 0.4s ease 0s, opacity 0.4s ease-in-out 0s;

	transition: background-color 0.4s ease 0s, border 0s ease 0s, color 0.4s ease 0s, opacity 0.4s ease-in-out 0s;

	color:#555;

	line-height:inherit;

}

a:hover {

	color: #555;

}

a:focus {

	outline: none;

}

.link-btn {

	color:#00A4E4;

	font-weight:bold;

}

/* Floats

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

.img_float_left {

	float:left;

	margin:3px 15px 10px 0;

}

/* Dividers

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

hr {

	border: dotted #ccc;

	border-width: 1px 0 0;

	clear: both;

	margin: 30px 0px;

	height: 0;

}

.divider, .divider2, .divider3, .divider4 {

	border-bottom:1px dotted #CCC;

	clear:both;

	display:block;

	margin-bottom:50px;

	margin-left:auto;

	margin-right:auto;

	width:100%;

	padding-top:50px;

}

.divider3 {

	margin-bottom:20px;

	padding-top:6px;

}

.divider4 {

	margin-bottom:25px;

	padding-top:6px;

}

::selection {

	background: #00A4E4;

	color:#FFF; /* Safari */

}



::-moz-selection {

 background: #00A4E4;

 color:#FFF; /* Firefox */

}

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

2. Header & Sub Header

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

#header {

	position:absolute;

	z-index:99;

	padding:20px 0;

	width:100%;

	background: #fff;
	

}

#header .shadow-down {

	position:absolute;

	width:908px;

	height:20px;

	bottom:-20px;

	left:50%;

	margin-left:-459px;


}

#logo {

	width:400px;

	display:block;

}

#logo2 {

	width:250px;

	display:none;

}

.page-title {

	font-size:38px;

	line-height:1.4;

	padding:180px 0 0;

	color:#FFF;
    height: 250px;

	margin-bottom:0;

	font-family: 'Lora', serif;

}

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

3. Titulos

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

.page-header {

	padding-bottom:40px;

	border-bottom:8px solid #EAEAEA;

}

.ph-bg1 {

	background: url(../images/page_header_1.jpg) no-repeat center top;

}

.ph-bg2 {

	background: url(../images/page_header_2.jpg) no-repeat center top;

}

.ph-bg3 {

	background: url(../images/page_header_3.jpg) no-repeat center top;

}
.ph-bg4 {

	background: url(../images/page_header_5.png) no-repeat center top;
	    margin-top: 20px;

}
.ph-bg5 {

	background: url(../images/page_header_6.png) no-repeat center top;


}


/*---

-------------------------------------------

4. Slider

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

.fullwidthbanner-container {

	width:100% !important;

	position:relative;

	padding:0;

	max-height:570px !important;

	overflow:hidden;

	margin-bottom:40px;

	border-bottom:8px #EAEAEA solid;

}

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

5. Sidebar

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

.sidebar {

	-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, .08);

	-moz-box-shadow:0 1px 2px rgba(0, 0, 0, .08);

	box-shadow:0 1px 2px rgba(0, 0, 0, .08);

	color:#777;

	padding:25px;

	background:#FFF;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

.sb-header {

	margin-bottom:20px;

	color:#00A4E4;

}

.sidebar p {

	margin-bottom:20px;

}

.sidebar a {

	color:#777;

}

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

6. Navegacion

----------------------------------------------*/
.sup{
	background-color:#00A4E4;

	height: 25px;
	font-size:12px;

	line-height: 45px;

	margin: 5px 0 0;

	padding:0 20px 0 0;

	width: 100%;
	text-align:right;
	color:#fff; /* Contain width to .row width */ /* First <ul> for branding, title, name, etc */ /* topbar global <ul> styles */

}
.top-bar {

	background: none;

	height: 45px;

	line-height: 45px;

	margin: 10px 0 0;

	padding: 0;

	width: 100%; /* Contain width to .row width */ /* First <ul> for branding, title, name, etc */ /* topbar global <ul> styles */

}

.top-bar > ul .name {

	display: none;

}

.top-bar > ul .name h1 {

	line-height: 45px;

	margin: 0;

}

.top-bar > ul .name h1 a {

	font-weight: bold;

	padding: 0 22.5px;

	font-size: 17px !important;

}

.top-bar ul {

	display: inline;

	height: auto;

	line-height: 45px;

	list-style: none; /* Main Navigation links style */ /* Left Side <ul> */ /* Right Side <ul> */

}

.top-bar ul > li {

	float: left; /* Dividers between navigation */ /* Put a button in an <li> but give is a class */ /* Put a search bar or text input in the bar */ /* Hide the triangle for breakpoint menu */ /* li.has-dropdown */

}

.top-bar ul > li a:not(.button) {

	color: #666;

	display: block;

	font-size: 13px;

	font-weight: 400;

	height: auto;

	line-height: 30px;

	padding: 0 15px 0 15px;

	text-transform:none;

}

.top-bar ul > li:hover a {


	color:#013159;


}

.top-bar ul > li:hover a.active {

	
	color:#013159;

}

.top-bar ul > li a.active {

	color:#00A4E4;
}

.top-bar ul > li:hover a {


	color:#00A4E4;

}

.top-bar ul > li:hover, .top-bar ul > li.active {

	background: none;

}

.top-bar ul > li.has-button:hover {

	background: #222222;

}

.top-bar ul > li.has-button:hover a {

	color: #fff;

}

.top-bar ul > li.toggle-topbar {

	display: none;

}

.top-bar ul > li.has-dropdown {

	position: relative; /* Dropdown Level 2+ */

}

.top-bar ul > li.has-dropdown:hover > .dropdown {

	display: block;

	visibility: visible;

	opacity: 1;

}

.top-bar ul > li.has-dropdown a {

	padding-right: 15px;

}

.top-bar ul > li.has-dropdown a:after {

	content: "";

	display: block;

	width: 0;

	height: 0;

	border: none;

}

.top-bar ul > li.has-dropdown .dropdown {

	background: none;

	left: 0;

	margin: 0;

	padding: 30px 0 0;

	position: absolute;

	visibility: hidden;

	z-index: 99;

	opacity:0;

	-webkit-transition: background-color 0.3s ease 0s, border 0s ease 0s, color 0.3s ease 0s, opacity 0.3s ease-in-out 0s;

	-moz-transition: background-color 0.3s ease 0s, border 0s ease 0s, color 0.3s ease 0s, opacity 0.3s ease-in-out 0s;

	-o-transition: background-color 0.3s ease 0s, border 0s ease 0s, color 0.3s ease 0s, opacity 0.3s ease-in-out 0s;

	transition: background-color 0.3s ease 0s, border 0s ease 0s, color 0.3s ease 0s, opacity 0.3s ease-in-out 0s;

}

.top-bar ul > li.has-dropdown .dropdown li {

	line-height: 1;

	min-width: 100%;

	padding-bottom: 0px;

	border-bottom: 1px solid #fff;

}

.top-bar ul > li.has-dropdown .dropdown li:last-child {

	border-bottom:none;

	padding-bottom:0px;

	-webkit-box-shadow: none;

	-moz-box-shadow: none;

	box-shadow: none;

}

.top-bar ul > li.has-dropdown .dropdown li a {

	font-weight: normal;

	height: 100%;

	line-height: 1;

	white-space: nowrap;

	color: #666;

	font-size: 12px;

	font-weight: 400;

	line-height: normal;

	padding: 15px 20px;

	min-width: 177px;

	background: #eaeaea;

	font-size:12px;

}

.top-bar ul > li.has-dropdown .dropdown li a:after {

	border: none;

}

.top-bar ul > li.has-dropdown .dropdown li a:hover {

	background: #00A4E4;

	color:#fff;

}

.top-bar ul > li.has-dropdown .dropdown li:last-child {

	padding-bottom: 0px;

}

.top-bar ul > li.has-dropdown .dropdown li.has-dropdown > a:after {

	border: none;

	content: "";

	right: 5px;

	top: 6px;

}

.top-bar ul > li.has-dropdown .dropdown li.has-dropdown:hover > .dropdown {

	display: block;

}

.top-bar ul.left {

	float: left;

	width: auto;

	margin-bottom: 0;

}

.top-bar ul.right {

	float: right;

	width: auto;

	margin-bottom: 0; /* Dropdown Right Side Alignment */

}

.top-bar ul.right .has-dropdown .dropdown {

	right: auto;

	left: 0px;

}

.top-bar ul.right .has-dropdown .dropdown li.has-dropdown > .dropdown {

	right: 100%;

	left: auto;

	width: 100%;

}

.top-bar .js-generated {

	display: none;

}



/* Mobile  */

@media only screen and (max-width: 940px) {

.top-bar {

	margin-bottom: 0;

	margin-top:0px;

	margin-bottom:20px;

	overflow: hidden; /* Override contain to grid stuff for breakpoint */ /* Setting up the sliding area */ /* When the Small Nav is Showing */

}

.top-bar .js-generated {

	display: block;

}

.contain-to-grid .top-bar {

	width: auto;

}

.top-bar section {

	left: 0;

	position: relative;

	width: auto;

	-webkit-transition: left 300ms;

	-moz-transition: left 300ms;

	-o-transition: left 300ms;

	transition: left 300ms;

}

.top-bar ul {

	width: 100%;

	min-height: 100%;

	height: 100%;

	margin-bottom: 0;

	display: block;

}

.top-bar ul li {

	float: none; /* Branding and name */ /* Dropdown Toggle */ /* Divider for breakpoint */ /* Search Overrides for breakpoint size */ /* Dropdown Level 1 */ /* Dropdown Level 2 */



}

.top-bar ul li.active, .top-bar ul li:hover {

	background: #1BA2DD;

}

.top-bar ul > li a:hover {

	background: #1BA2DD;

	color:#fff;

}

.top-bar ul > li a:not(.button) {

	padding: 0px;

}

.top-bar ul li.name {

	background: #eaeaea;

}

.top-bar ul li.name h1 {

	line-height: 1;

}

.top-bar ul li.name h1 a {

	padding-left: 22.5px;

}

.top-bar ul li.toggle-topbar {

	cursor: pointer;

	display: block;

	height: 35px;

	position: absolute;

	right: 10px;

	top: -50px;

	width: 35px;

	margin-top:0px;

	border: 1px #00A4E4 solid;

}

.top-bar ul li.toggle-topbar a {

	content: "";

	position: absolute;

  left: 8px;

  width: 1em;

  height: 0.15em;

	display: block;

	background:none;

	padding: 0;

	top: 5px;

	right: 5px;

	margin-top: 10px;

	

}

.top-bar ul li.toggle-topbar:hover {

	background: transparent;

}

.top-bar ul li.toggle-topbar a {

	padding: 0 !important;

}

.top-bar ul li.divider {

	border-bottom: solid 1px rgba(255, 255, 255, 0.2);

	border-top: solid 1px black;

	clear: both;

	height: 1px !important;

	margin: 8px 0 !important;

	width: 100%;

}

.top-bar ul li.search {

	padding: 0 22.5px;

}

.top-bar ul li.search form {

	width: 100%;

}

.top-bar ul li.search form input[type=text] {

	width: 75%;

}

.top-bar ul li.search form .button {

	top: 0;

	width: 25%;

}

.top-bar ul li.has-dropdown a {

	padding-right: 33.75px;

}

.top-bar ul li.has-dropdown a:after {

	content: "";

	display: block;

	width: 0;

	height: 0;

	border: solid 5px;

	margin-right: 15px;

	margin-top: -4.5px;

	position: absolute;

	top: 50%;

}

.top-bar ul li.has-dropdown:hover > .dropdown {

	display: block;

	visibility: hidden;

}

.top-bar ul li.has-dropdown .dropdown {

	visibility: hidden;

	z-index: 0 !important;

	opacity:1;

}

.top-bar ul li.has-dropdown.moved {

	position: static;

}

.top-bar ul li.has-dropdown.moved .dropdown {

	top: 0;

	visibility: visible;

}

.top-bar ul li.has-dropdown.moved .dropdown li label {

	margin-bottom: 6px;

	padding-top: 6px !important;

	font-size: 11px;

}

.top-bar ul li.has-dropdown.moved .dropdown li:not(.title) {

	padding-bottom: 0;

}

.top-bar ul li.has-dropdown.moved .dropdown li:not(.title) a {

	padding: 8px 22.5px;

	font-size: 12px;

}

.top-bar ul li.has-dropdown.moved .dropdown li a, .top-bar ul li.has-dropdown.moved .dropdown li label {

	padding: 0 22.5px;

}

.top-bar ul li.has-dropdown.moved .dropdown li a:hover {

	background: #333;

	display: block;

}

.top-bar ul li.has-dropdown.moved .dropdown li.divider {

	border-bottom: solid 1px rgba(255, 255, 255, 0.1);

	margin-top: 8px !important;

	margin-bottom: 8px !important;

}

.top-bar ul li.has-dropdown.moved .back.title {

	padding-bottom: 0;

}

.top-bar ul li.has-dropdown.moved .back.title a:before {

	position: absolute;

	top: 50%;

	left: 17.5px;

	margin-top: -5px;

	width: 0;

	height: 0;

	content: "";

	display: block;

	width: 0;

	height: 0;

    border-color: transparent white transparent transparent;

}

.top-bar ul li.has-dropdown.moved .back.title h5 {

	margin: 0;

	padding-left: 0px;

	margin-left:0px;

	position: relative;

}

.top-bar ul li.has-dropdown.moved .back.title h5 a {

	padding-top: 8px;

	padding-bottom: 8px;

	padding-left:40px !important;

	font-size: 24px;

	font-weight: 400;

	letter-spacing:-1px;

}

.top-bar ul li.has-dropdown .dropdown li {

	background: transparent;

}

.top-bar ul li.has-dropdown .dropdown li.has-dropdown .dropdown {

	left: 100% !important;

	top: 0;

	right: auto !important;

}

.top-bar ul li.has-dropdown .dropdown li.has-dropdown > a {

	padding-right: 33.75px;

}

.top-bar ul li.has-dropdown .dropdown li.has-dropdown > a:after {

	content: "";

	margin-right: 15px;

	display: block;

	width: 0;

	height: 0;

	border-color: transparent transparent transparent rgba(255, 255, 255, 0.5);

	position: absolute;

	top: 50%;

	margin-top: -4.5px;

}

.top-bar ul li.has-dropdown .dropdown li.has-dropdown.moved {

	position: static;

}

.top-bar ul li.has-dropdown .dropdown li.has-dropdown.moved .dropdown {

	top: 0;

	visibility: visible;

}

.top-bar ul li.has-dropdown .dropdown li.has-dropdown:hover {

	display: block;

}

.top-bar ul.left, .top-bar ul.right {

	float: none;

	width: 100%;

		background:#444;

}

.top-bar ul.left > li, .top-bar ul.right > li {

	display: block;

	float: none;

	margin: 0 !important;

}

.top-bar ul.left > li.has-dropdown .dropdown, .top-bar ul.right > li.has-dropdown .dropdown {

	left: 100% !important;

	top: 0;

	right: auto !important;

}

.top-bar section > ul li a:not(.button) {

	padding-left: 22.5px !important;

}

.top-bar.expanded {

	height: 100%;

}

.top-bar.expanded ul li.toggle-topbar a {

	content: "";

	display: block;

	width: 0;

	height: 0;

	border-color: transparent transparent rgba(0,164, 228, 0.5) transparent;

	top: auto;

	bottom: 50%;

	margin-bottom: -4px;

}

.top-bar ul li.has-button {

	padding: 0 20px 5px;

}

.top-bar ul li .button.small {

	margin: 0 !important;

	display: inline-block;

	width: 100%;

}

.top-bar > ul .name {

	display: block;

}

}

/* IE8 Fixes */

.lt-ie9 .top-bar ul li a {

	color: #666;

	display: block;

	font-size: 14px;

	font-weight: 400;

	height: auto;

	line-height: 45px;

	padding: 20px 20px 20px 20px;

}

.lt-ie9 .top-bar ul li a.button {

	height: auto;

	line-height: 30px;

	margin-top: 7px;

}

.lt-ie9 .top-bar ul li a:hover {

	color: #cccccc;

}

.lt-ie9 .top-bar ul li a img {

	margin-top: -5px;

	vertical-align: middle;

}

.lt-ie9 .top-bar ul li a.active {

	color: #fff;

}

.lt-ie9 .top-bar ul li.has-dropdown {

	padding-right: 0px;

	margin-right:0;

}

.lt-ie9 .top-bar ul li.has-dropdown > ul li {

	padding-right: 0;

}





/* Headings

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

h1, h2, h3, {

	font-family: 'Roboto', serif;

	color:#013159;

	font-style:normal;

	text-rendering:optimizeLegibility;

	line-height:1.1;
	font-weight:700;
	margin-bottom:15px;

}
h4, h5, h6 {

	font-family: 'Roboto', serif;

	color:#555;

	font-style:normal;

	text-rendering:optimizeLegibility;

	line-height:1.1;

	margin-bottom:15px;

}

h1 {

	font-size:34px;
	font-weight:700;
	color:#00A4E4;
	letter-spacing:-1px;

}

h2 {

	font-size:24px;

	font-weight:300;
		color:#00A4E4;

}

h3 {

	font-size:20px;

	font-weight:400;
		color:#00A4E4;

}

h4 {

	font-size:16px;

	font-weight:300;

}

h5 {

	font-size:15px;

	font-weight:600;

}

h6 {

	font-size:13px;

	font-weight:300;

}

/* Listas

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

.type1 {

	list-style:none;

	margin-bottom:20px;

	margin-left:0;

}

.type1 a {

	color:#666;

}

.type1 a:hover {

}

.type1 li:before {

	content: "\00BB \0020\0020";

	font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;

	color:#666;

	font-weight:600;

	font-size:18px;

}

.type1 li:hover:before {

}

.type1 li ul {

	list-style:inherit;

}

.list-type-1 li {

	background:url(../images/icon_check.png) 0 0 no-repeat;

	border:none;

	line-height:16px;

	list-style:none;

	margin:0;

	padding:0 0 10px 20px;

}

.list-type-2 li {

	background:url(../images/icon_delete.png) 0 0 no-repeat;

	border:none;

	line-height:16px;

	list-style:none;

	margin:0;

	padding:0 0 10px 20px;

}

.list-type-3 li {

	background:url(../images/icon_arrow_grey.png) 0 0 no-repeat;

	line-height:16px;

	padding:0 0 10px 20px;

}

.list-type-sidebar li {

	background:url(../images/icon_arrow_grey.png) 0 0 no-repeat;

	line-height:14px;

	margin:0 0 8px;

	padding:0 0 10px 20px;

}

.list-type-footer li {

	background:url(../images/icon_arrow_white.png) 0 0 no-repeat;

	line-height:16px;

	margin-bottom:8px;

	padding:0 0 8px 20px;

}

/* Atributos

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

.uppercase {

	text-transform:uppercase;

}

.bold {

	font-weight:500;

}

.text-center {

	text-align:center;

}

/* Dropcaps

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

.dropcap1, .dropcap2 {

	color:#63696c;

	display:block;

	float:left;

	font-size:30px;

	font-style:italic;

	line-height:30px;

	margin:0 10px 1px 0;

}

.dropcap2 {

	font-size:39px;

	font-style:normal;

	line-height:30px;

	margin:5px 5px 0 0;

}

/* Quotes

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

.quote_right, .quote_left {

	color:#b2b2b2;

	float:right;

	font-family:Georgia, "Times New Roman", Times, serif;

	font-size:17px;

	font-style:italic;

	line-height:1.4em;

	padding:5px 0 5px 40px;

	width:33%;

}

.quote_left {

	float:left;

	padding:5px 8px 8px 0;

}

.quote-text {

	color:#888;

	font-family:Georgia, "Times New Roman", Times, serif;

	font-size:14px;

	font-style:italic;

	font-weight:400;

	line-height:1.5em;

}

.quoteBox .quote-text {

	color:#888;

	font-size:13px;

	line-height:1.5em;

	padding:5px 10px 5px 45px;

}

.quoteBox {

	background:url(../images/icon_quotes.png) 0 10px no-repeat;

	margin-bottom:20px;

}

.quoteBox2 .quote-text2 {

	color:#888;

	font-size:13px;

	line-height:1.5em;

	padding:0 10px;

}

.quoteBox2 {

	border-left:4px solid #5d6872;

}

/* Alertas

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

div.alert-box {

	border: none;

	margin-bottom: 12px;

	-webkit-border-radius: 0;

	-moz-border-radius: 0;

	-ms-border-radius: 0;

	-o-border-radius: 0;

	border-radius: 0;

	text-shadow: none;

	position: relative;

}

/* Framed Boxes

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

.frame_left, .frame_right {

	background:#FFF;

	border:1px solid #e0e0e0;

	padding:5px 5px 0;

}

.frame_left {

	display:block;

	float:left;

	margin:7px 10px 5px 0;

}

.frame_right {

	display:block;

	float:right;

	margin:7px 0 5px 20px;

}

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

8. Circulos

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

.bottom-block {

}

.bottom-block h4 {

	margin-bottom:0;

	font-weight:400;

	text-transform:uppercase;

}

.circles_block {

	padding:50px 0;

	background:#35434f;

	border-top:8px #303c47 solid;

	border-bottom:8px #303c47 solid;

	margin:40px 0;

}

.ch-item {

	width: 100%;

	height: 100%;

	border-radius: 50%;

	position: relative;

	box-shadow: 0 1px 2px rgba(0,0,0,0.1);

	cursor: default;

}

.ch-info-wrap {

	position: absolute;

	width: 180px;

	height: 180px;

	border-radius: 50%;

	-webkit-perspective: 800px;

	-moz-perspective: 800px;

	-o-perspective: 800px;

	-ms-perspective: 800px;

	perspective: 800px;

	-webkit-transition: all 0.4s ease-in-out;

	-moz-transition: all 0.4s ease-in-out;

	-o-transition: all 0.4s ease-in-out;

	-ms-transition: all 0.4s ease-in-out;

	transition: all 0.4s ease-in-out;

	top: 20px;

	left: 20px;

	box-shadow: 

 0 0 0 20px rgba(255,255,255,0.2), inset 0 0 3px rgba(115,114, 23, 0.8);

}

.ch-info {

	position: absolute;

	width: 180px;

	height: 180px;

	border-radius: 50%;

	-webkit-transition: all 0.4s ease-in-out;

	-moz-transition: all 0.4s ease-in-out;

	-o-transition: all 0.4s ease-in-out;

	-ms-transition: all 0.4s ease-in-out;

	transition: all 0.4s ease-in-out;

	-webkit-transform-style: preserve-3d;

	-moz-transform-style: preserve-3d;

	-o-transform-style: preserve-3d;

	-ms-transform-style: preserve-3d;

	transform-style: preserve-3d;

}

.ch-info > div {

	display: block;

	position: absolute;

	width: 100%;

	height: 100%;

	border-radius: 50%;

	background-position: center center;

	-webkit-backface-visibility: hidden;

	-moz-backface-visibility: hidden;

	-o-backface-visibility: hidden;

	-ms-backface-visibility: hidden;

	backface-visibility: hidden;

	left: 1px;

}

.ch-info .ch-info-back {

	-webkit-transform: rotate3d(0, 1, 0, 180deg);

	-moz-transform: rotate3d(0, 1, 0, 180deg);

	-o-transform: rotate3d(0, 1, 0, 180deg);

	-ms-transform: rotate3d(0, 1, 0, 180deg);

	transform: rotate3d(0, 1, 0, 180deg);

	background: #000;

}

.ch-img-1 {

	background-image: url(../images/circles/orange_circle_1.jpg);

}

.ch-img-2 {

	background-image: url(../images/circles/orange_circle_2.jpg);

}

.ch-img-3 {

	background-image: url(../images/circles/orange_circle_3.jpg);

}

.ch-img-4 {

	background-image: url(../images/circles/orange_circle_4.jpg);

}

.ch-info h3 {

	color: #fff;

	text-transform: uppercase;

	font-weight:bold;

	letter-spacing: 2px;

	margin: 0 20px;

	padding: 40px 0 10px;

	border-bottom: 1px dotted rgba(255,255,255,0.5);

}

.ch-info p {

	color: #fff;

	padding: 10px 5px;

	margin: 0;

}

.ch-info p a {

	display: block;

	color: rgba(255,255,255,0.7);

	font-weight: bold;

	text-transform: uppercase;

	font-size: 10px;

	padding-top: 4px;

}

.ch-info p a:hover {

	color: #fff222;

	color:#00A4E4;

}

.ch-item:hover .ch-info-wrap {

	box-shadow: 

 0 0 0 0 rgba(255,255,255,0.8), inset 0 0 3px rgba(115,114, 23, 0.8);

}

.ch-item:hover .ch-info {

	-webkit-transform: rotate3d(0, 1, 0, -180deg);

	-moz-transform: rotate3d(0, 1, 0, -180deg);

	-o-transform: rotate3d(0, 1, 0, -180deg);

	-ms-transform: rotate3d(0, 1, 0, -180deg);

	transform: rotate3d(0, 1, 0, -180deg);

}

.ch-grid {

	margin:0;

	padding: 0;

	list-style: none;

	display: block;

	text-align: center;

	width: 100%;

}

.ch-grid:after, .ch-item:before {

	content: '';

	display: table;

}

.ch-grid:after {

	clear: both;

}

.ch-grid li {

	width: 220px;

	height: 220px;

	display: inline-block;

	margin: 0 8px;

}

.error {

	text-align:left;

	font-weight:400;

	font-size:14px;

	margin:0px;

	color:#C00;

}

.error-subtitle {

	text-align:center;

	margin:0px;

}



 @media only screen and (max-width: 767px) {

.element {

	width: 100% !important;

}

}

/* Filter List */

.option-set {

	list-style: none;

	margin-bottom: 0px;

	margin-top: 10px;

}

.option-set li {

	display:inline;

}

.option-set li a {

	background:#f0f0f0;

	color:#666;

}

.option-set li a.selected {

	color:#fff;

	background:#00A4E4;

}

.active .button {

}

.portfolio-block {

}

.portfolio-item {

}

.portfolio-item-image {

}

.portfolio-item-image img {

	display:block;

}

.portfolio-item-content {

	background:#fff;

	padding:20px 10px;

	text-align:center;

	-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, .08);

	-moz-box-shadow:0 1px 2px rgba(0, 0, 0, .08);

	box-shadow:0 1px 2px rgba(0, 0, 0, .08);

	-webkit-transition:border-color .3s ease-in-out;

	-moz-transition:border-color .3s ease-in-out;

	-ms-transition:border-color .3s ease-in-out;

	-o-transition:border-color .3s ease-in-out;

	transition:border-color .3s ease-in-out;

	border-bottom:1px solid transparent;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

}

.portfolio-item:hover .portfolio-item-content {

	border-bottom:1px solid #00A4E4;

}

.portfolio-item-content .title {

	margin:0;

	text-transform:uppercase;

}

.portfolio-item-content p {

	margin:0;

}

/* Isotope Filtering

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



.isotope-item {

	z-index: 2;

}

.isotope-hidden.isotope-item {

	pointer-events: none;

	z-index: 1;

}

.isotope, .isotope .isotope-item {

	-webkit-transition-duration: 0.8s;

	-moz-transition-duration: 0.8s;

	-ms-transition-duration: 0.8s;

	-o-transition-duration: 0.8s;

	transition-duration: 0.8s;

}

.isotope {

	-webkit-transition-property: height, width;

	-moz-transition-property: height, width;

	-ms-transition-property: height, width;

	-o-transition-property: height, width;

	transition-property: height, width;

}

.isotope .isotope-item {

	-webkit-transition-property: -webkit-transform, opacity;

	-moz-transition-property:    -moz-transform, opacity;

	-ms-transition-property:     -ms-transform, opacity;

	-o-transition-property:      -o-transform, opacity;

	transition-property:         transform, opacity;

}

.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {

	-webkit-transition-duration: 0s;

	-moz-transition-duration: 0s;

	-ms-transition-duration: 0s;

	-o-transition-duration: 0s;

	transition-duration: 0s;

}

/* Overlay

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

.image-overlay {

	position:relative;

}

.overlay-icon {

	position:absolute;

	top:0;

	width:100%;

	background-color:#444;

	height:100%;

	left:0;

}

.item-zoom {

	background:url(../images/icons/item-zoom.png) no-repeat center center #444;

}

.item-movie {

	background:url(../images/icons/item-movie.png) no-repeat center center #444;

}

.item-image {

	background:url(../images/icons/item-image.png) no-repeat center center #444;

}

.item-link {

	background:url(../images/icons/item-link.png) no-repeat center center #444;

}

.item-plus {

	background:url(../images/icons/item-plus.png) no-repeat center center #444;

}

.item-info {

	background:url(../images/icons/item-info.png) no-repeat center center #444;

}

/* Pagina

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



.project-pagination {

	float: right;

	position:relative;

	margin:0;

}

.previous-proj {

	background: url(../images/previous-proj.png) no-repeat center center #555;

	float:left;

	height: 20px;

	padding: 15px;

	width: 20px;

	margin-right:1px;

}

.all-proj {

	background: url(../images/all-proj.png) no-repeat center center #555;

	float:left;

	height: 20px;

	padding:15px;

	width: 20px;

	margin-right:1px;

}

.next-proj {

	background: url(../images/next-proj.png) no-repeat center center #555;

	float:left;

	height: 20px;

	padding:15px;

	width: 20px;

}

.previous-proj:hover {

	background: url(../images/previous-proj.png) no-repeat center center #00A4E4;

}

.all-proj:hover {

	background: url(../images/all-proj.png) no-repeat center center #00A4E4;

}

.next-proj:hover {

	background: url(../images/next-proj.png) no-repeat center center #00A4E4;

}

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

 ESTILO Blog 

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

.postmeta {

	font-weight:lighter;

	margin:10px 0;

	font-size:11px;

	padding:5px 0 4px;

	border-top:1px dotted #CCC;

	border-bottom:1px dotted #CCC;

}

.postdate {

	padding:8px 6px;

	text-align:center;

	float:left;

	background:#00A4E4;

	text-transform:uppercase;

}

.blog-post {

}

.flex-video {

	position:relative;

	padding-top:25px;

	padding-bottom:67.5%;

	height:0;

	margin-bottom:25px;

	overflow:hidden

}

.postdate h3, .postdate h6 {

	display:block;

	color:#FFF;

}

.postdate h3 {

	margin:0;

}

.postdate h6 {

	margin:0;

}

.img_meta {

	float:left;

	margin-top:3px;

	margin-right:5px;

}

.entry-title {

	margin-left:0px;

}

.read-more {

	margin-top:10px;

	display:block;

}

.entry-img {

	margin-bottom:20px;

}

.entry-text {

	margin: 2px 0 8px;

}



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

14. FORMULARIO

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

#contactform textarea {

	height:200px;

}

#contactform .note {

	color:#999;

}

#contactform .name-required, #contact-form .email-required, #contactform .comment-required {

	color: #FF0000;

	display: block;

	font-size: 10px;

	padding-top: 0px;

}

/* INPUT, TEXTAREA, SUBMIT */

input {margin:0; padding:0;}

input[type=text], input[type=email], textarea {

	color:#999; 

	border: 1px solid #e5e5e5; 

	-webkit-border-radius: 0px; 

	-moz-border-radius: 0px; 

	-ms-border-radius: 0px; 

	-o-border-radius: 0px; 

	border-radius: 0px; 

	-webkit-box-shadow: none; 

	-moz-box-shadow: none; 

	box-shadow: none;  

	display: block; 

	font-size: 12px; 

	margin: 0 0 20px 0; 

	padding: 10px; 

	height: auto; 

	width: 100%; 

	-webkit-transition: all 0.4s ease; 

	-moz-transition: all 0.4s ease; 

	-o-transition: all 0.4s ease; 

	transition: all 0.4s ease;

	-webkit-appearance: none;

}

input[type=text], input[type=password], textarea, select {

	background: #fff;

	outline:0 none !important;

}



.form-preset input[type=text], .form-preset input[type=password] {}

.form-preset textarea {}





form > div {margin-bottom:15px;}

form label {color:#454545;}



form.infield > div, form.infield > p {position:relative;}

form.infield label {

	position:absolute; 

	left:16px; 

	top:10px; 

	font-size:11px; 

	color:#555;

}



/* Map

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

.map_frame {

	margin-bottom:30px;

	background:#f8f8f8;

}

#map_canvas {

	height: 350px;

}



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



/* Tabs

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

dl.tabs {

	border-bottom: 1px dotted #ccc;

	display: block;

	height: auto;

	margin-bottom: 0px;

	padding: 0;

	float:left;

	width:100%;

	margin-top:5px;

}

ul.tabs-content {

	display: block;

	padding: 20px;

	border: 1px dotted #ccc;

	border-top:none;

	float:left;

	width:100%;

	margin:0px;

	background:#FFF;

}

dl.tabs dd {

}

dl.tabs dd.active {

	border-top: 5px solid;

	margin-top: -5px;

	border-bottom: 2px solid white !important;

	margin-bottom:-1px;

}

dl.tabs dd.active a {

	border-left: 1px dotted #ccc;

	border-right: 1px dotted #ccc;

}

.tabs dd.active, .tabs li.active {

	border-top:3px solid #00A4E4;

	margin-top:-3px

}

dl.tabs dd a {

	color: #555;

	display: block;

	font-size: 14px;

	height: auto;

	line-height: normal;

	padding: 10px 15px;

	position: relative;

}

dl.tabs dd a:hover {

}

dl.tabs dd a:focus {

}

dl.tabs.two-up dt a, dl.tabs.two-up dd a, dl.tabs.three-up dt a, dl.tabs.three-up dd a, dl.tabs.four-up dt a, dl.tabs.four-up dd a, dl.tabs.five-up dt a, dl.tabs.five-up dd a {

	padding: 20px 5px;

}

.tabs.vertical dd.active, .tabs.vertical li.active {

	border-bottom:0px;

}

/* Acordion

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

.acc_trigger {

	padding: 0;

	margin: 0;

	width:100%;

	display:block;

	background:url(../images/accordions/orange_acc_closed.png) no-repeat right center;

}

.acc_trigger.active {

	background:url(../images/accordions/orange_acc_opened.png) no-repeat right center;

}

.acc_container {

	margin: 0 0 20px;

	padding: 0;

	overflow: hidden;

	clear: both;

}

#accordion-style-1 {

	margin-bottom:25px;

}

#accordion-style-1 .acc_trigger {

	font-size:16px;

	line-height:2.5;

}

#accordion-style-1 .acc-item {

	border-bottom:1px dotted #ccc;

}

/* Toggles

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

.tgg-trigger {

	padding:0;

	margin:0;

	width:100%;

	display:block;

	background:url(../images/acc_style_1_arr_closed.png) no-repeat right center;

	padding:0;

	overflow:hidden;

	clear:both;

}

.tgg-trigger .active {

	background:url(../images/acc_style_1_arr_opened.png) no-repeat right center;

}

#toggle-style-1 {

	margin-bottom:25px;

}

#toggle-style-1 .tgg-trigger {

	font-size:22px;

	line-height:2.5;

}

#toggle-style-1 .tgg-item {

	border-bottom:1px solid #ccc;

}

#toggle-style-2 {

	border:1px solid #dfdfdf;

	width:100%;

	margin-top:25px;

}

#toggle-style-2 .tgg-trigger {

	border-bottom:1px solid #dfdfdf;

	line-height:2.9;

	font-weight:400;

	text-shadow:0 1px 0 #fff;

	width:auto;

	background:#FFF;

}

#toggle-style-2 .tgg-trigger span {

	display:block;

	padding:0 0 0 30px;

	background:url(../images/arr2.png) no-repeat 8px 13px;

}

#toggle-style-2 .tgg-trigger.active {

	color:#444;

}

#toggle-style-2 .tgg-trigger.active span {

	background:url(../images/arr2.png) no-repeat 8px -28px;

}

#toggle-style-2 .tgg-item.last .tgg-trigger {

	border-bottom:0;

}

#toggle-style-2 .toggle_container {

	padding:20px;

	border-bottom:1px solid #dfdfdf;

	margin:0;

}

#toggle-style-2 .tgg-item.last .toggle_container {

	border-bottom:0;

}



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

17. Footer & Subfooter

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

.footer {

	padding:30px 0;

	background:#eaeaea;

	margin-top:80px;

}

.footer h5 {

	color:#013159;

	text-transform:uppercase;

	margin-bottom:10px;

	padding-bottom:10px;

}

.footer p {

	color:#666;

	margin-bottom:20px;

}

.footer a {

	color:#666;

}

.footer a:hover {

	color:#999;

}

.tab {

	margin-left:31px;

}

/* Subfooter

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

.subfooter {

	padding:3px 0;

	overflow:hidden;

	background-color:#00A4E4;

}

.subfooter p {

	padding-top:4px;

	color:#FFF;

	margin-bottom:0;

}

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

18. Buttons

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

.button {

	padding: 12px 25px; 
	color: #00A4E4;
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase; 
	font-size:12px; 
	border-radius:2px; 
	font-weight: bold;

}

.button.primary {

	border:none;

	-webkit-box-shadow: none;

	-moz-box-shadow: none;

	box-shadow: none;

}

.button:hover {

	color:#fff !important;

	background-color: #00A4E4;

}

.button:focus {

	-webkit-box-shadow: none;

	-moz-box-shadow: none;

	box-shadow: none;

	color: #666;

}

/* Secondary */

.button.secondary {

	background:#fff;

	 border-radius:2px; 

	-webkit-box-shadow: none;

	-moz-box-shadow: none;

	box-shadow: none;

	color:#666;

}

.button.secondary:focus {

	-webkit-box-shadow: none;

	-moz-box-shadow: none;

	box-shadow: none;

	color: #fff;

}

/* Success */

#success{

	font-size:14px;

	color:#09F;

	

	}

	#error{

	font-size:14px;

	color:#09F;

	

	}

	

.button.success {

	border:none;

	-webkit-box-shadow: none;

	-moz-box-shadow: none;

	box-shadow: none;

}

.button.success:focus {

	-webkit-box-shadow: none;

	-moz-box-shadow: none;

	box-shadow: none;

	color: #fff;

}

.button.search {

	padding:18px;

	border:none;

	-webkit-box-shadow: none;

	-moz-box-shadow: none;

	box-shadow: none;

	background:url("../images/btn_search.png") no-repeat center center #00A4E4;

}

.button.search:hover {

	background:url("../images/btn_search.png") no-repeat center center #555;

}



/* Social Buttons

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

.social {

	display:block;

	float:right;

	overflow:hidden;

	width:26px;

	height:26px;

	-moz-transition:all .3s linear;

	-webkit-transition:all .3s linear;

	-o-transition:all .3s linear;

	-ms-transition:all .3s linear;

	transition:all .3s linear;

}

.small-social-block {

	margin:8px auto 0;

	width:104px;

	display:block;

	overflow:hidden;

}

.large-social-block {

	width:156px;

	height:26px;

	text-align:center;

	margin:0 auto;

	float:right;

}

.facebook {

	background:url(../images/social/facebook.png) no-repeat 0 0;

}

.facebook:hover {

	background:url(../images/social/facebook.png) no-repeat 0 -26px;

}

.twitter {

	background:url(../images/social/twitter.png) no-repeat 0 0;

}

.twitter:hover {

	background:url(../images/social/twitter.png) no-repeat 0 -26px;

}

.google {

	background:url(../images/social/google.png) no-repeat 0 0;

}

.google:hover {

	background:url(../images/social/google.png) no-repeat 0 -26px;

}

.linkedin {

	background:url(../images/social/linkedin.png) no-repeat 0 0;

}

.linkedin:hover {

	background:url(../images/social/linkedin.png) no-repeat 0 -26px;

}

.flickr {

	background:url(../images/social/flickr.png) no-repeat 0 0;

}

.flickr:hover {

	background:url(../images/social/flickr.png) no-repeat 0 -26px;

}

.dribbble {

	background:url(../images/social/dribbble.png) no-repeat 0 0;

}

.dribbble:hover {

	background:url(../images/social/dribbble.png) no-repeat 0 -26px;

}

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

19. Icon Blocks

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

.big-icon-block, .small-icon-block {

	text-align:center;

}

.big-icon-block h3 {

	text-align:center;

	padding:8px 0;

	margin:0;

	text-transform:uppercase;

}

.big-icon-block p, .image-block p {

	text-align:center;

	padding-bottom:15px;

	margin-bottom:0;

}

.icon-block-content {

}

.small-icon-block p {

	margin-bottom:0;

}

.small-icon-block h5, .image-block h5, .image-block h6 {

	text-align:center;

	padding:5px 0;

	margin:0;

	text-transform:uppercase;

}

.image-block {

	margin-bottom:0;

}

.image-block h1, .image-block h4 {

	text-transform:uppercase;

	padding-left:15px;

}

.bottom-block h1 {

	text-transform:uppercase;

}

.box {

	background:#FFF;

	-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, .08);

	-moz-box-shadow:0 1px 2px rgba(0, 0, 0, .08);

	box-shadow:0 1px 2px rgba(0, 0, 0, .08);

	-webkit-transition:border-color .3s ease-in-out;

	-moz-transition:border-color .3s ease-in-out;

	-ms-transition:border-color .3s ease-in-out;

	-o-transition:border-color .3s ease-in-out;

	transition:border-color .3s ease-in-out;

	border-bottom:1px solid transparent;

}

.box:hover {

	border-bottom:1px solid #00A4E4;

}

.box-inner {

	padding:10px 20px 20px;

}

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

20. Breadcrumbs

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

ul.breadcrumbs {

	display: block;

	background: none;

	padding: 0;

	border: none;

	border-radius:0;

	overflow: hidden;

}

ul.breadcrumbs li {

	background: rgba(0,0,0,0.2);

	margin: 0;

	padding:3px;

	float: left;

	list-style: none;

}

ul.breadcrumbs li a, ul.breadcrumbs li span {

	text-transform: none;

	font-size: 12px;

	padding-left:5px;

	color:#FFF;

}

ul.breadcrumbs li:first-child a, ul.breadcrumbs li:first-child span {

	padding-left: 0;

}

ul.breadcrumbs li:before {

	content: "›";

	color: #e5e5e5;

}

ul.breadcrumbs li:first-child:before {

	content: " ";

}

ul.breadcrumbs li:hover a, ul.breadcrumbs li a:focus {

	text-decoration:none;

	color:#e5e5e5;

}





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

21. Social Block

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

.social_block {

	margin:20px 0 0;

}



.fb-btn {

	margin-right:20px;

}

.tweet-btn, .gplus-btn {

	margin-right:-10px;

}





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

22. Mobile (Portrait)

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

@media only screen and (min-width: 320px) and (max-width: 767px) {

#capataz {

	display:none;

}#logo {

	display:none;

}

#logo2 {

	margin:0 auto;

	width:250px;

	display:block;

	float:left;

}

#header {

	position: relative;

	padding:20px 0 10px;

	height:90px;

}

#header .shadow-down {

	display:none;

}



.page-title {

	padding:10px 0 0;

	font-family: 'Lora', serif;

}

.plan_title {

	width:45%;

	float:left;

}



.icon-block-content {

	margin-bottom:20px;

}

.top-bar {

	margin-top:20px; 

	margin-bottom:25px;



}

.top-bar ul li.toggle-topbar { margin-top:0px; }

.clear {

	display:none;

}

.bottom-block h1 {

	margin-top:20px;

}

.entry-title {

	margin-left:69px;

}

.search-align {

	margin-right:0;

}

.sidebar {

	display:none;

}

.box {

	margin-bottom:20px;

}

.project-pagination {

	float: left;

	margin-bottom:20px;

}

.portfolio-item {

	margin-bottom:20px;

}

.large-social-block {

	float:left;

}

.fullwidthbanner-container {

	width:100% !important;

	position:relative;

	padding:0;

	max-height:370px !important;

	overflow:hidden;

	margin-bottom:40px;

	border-bottom:8px #EAEAEA solid;

}

}



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

23. Mobile (Landscape)

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

@media only screen and (min-width: 480px) and (max-width: 971px) {
.sup{

	background: none;

	height: 25px;

	line-height: 45px;

	margin: 5px 0 0;
	
	font-size:12px;

	padding:0 35px 0 35px;

	width: 100%;
	text-align:left;
	color:#fff; /* Contain width to .row width */ /* First <ul> for branding, title, name, etc */ /* topbar global <ul> styles */

}
#header {

	padding:30px 0 10px;

}	

#header .shadow-down {

	display:none;

}

.top-bar {

	margin-top:0; 

	margin-bottom:25px;

}

.top-bar ul li.toggle-topbar { margin-top:0px; }







.sidebar p {

	width:170px;

}

}