/*
Theme Name: forbrass
Theme URI: http://www.forbrass.com/
Author: Wokomedia
Author URI: http://ww.wokomedia.com/
Description: Tema desarrollado por Wokomedia para Forbrass.
Version: 1.0.1001
*/

/* Colores 
Gris oscuro	#abafb8
Gris 		#ebebeb
Azul oscuro 	#0f212f
Azul		#05a8df
Azul claro	#01a6de
Negro		#454c5c


*/

/** Generated by FG **/
@font-face {
	font-family: 'BebasNeue';
	src: url('fonts/BebasNeue.eot');
	src: url('fonts/BebasNeue.woff') format('woff'), url('fonts/BebasNeue.ttf') format('truetype'), url('fonts/BebasNeue.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

body, section, nav {
	min-width: 960px !important;
}

/* ---------------Quitamos el responsive -------------- */

#home .row, #menu .row, #catalogue .row, #company .row, #sectors .row, #references .row, #process .row, #internacionalization .row, #contact .row {
	/*width: 100% !important; max-width: 960px !important; min-width: 960px !important; margin: 0 auto !important;*/
	min-width: 960px !important; max-width: 960px !important; width: 960px !important;
}

#catalogue .large-4, #company .large-4, #sectors .large-4, #process .large-4, #internacionalization .large-4, #contact .large-4 { 
	width: 33.3%;

}
#process .large-8 {
	width: 66.6%;
}
#contact .large-2 { 
	width: 16.5%;
}

#contact .large-6 { 
	width: 49.5%;
}

/* ---------------------- General ----------------------------- */
body {
	font-family: 'Open Sans', sans-serif !important;
	font-weight: 400 !important;
	color: #454c5c;
	background: #000000 url(./img/bg_references.jpg) center top repeat fixed;
}


h1, h2, h3, h4, h5, h6, h2 a, h3 a {
	font-family: 'Oswald', 'BebasNeue', sans-serif !important;
	font-weight: normal !important;
	color: #ffffff;
	letter-spacing:1px;
	text-transform: uppercase;
}

p, li, a {
	font-family: 'Open Sans', sans-serif !important;
	font-weight: 400 !important;
	color: #ffffff;
}

.clear {
	clear: both;
}

.gradientdarkblue {
background: rgb(21,38,58); /* Old browsers */
background: -moz-linear-gradient(45deg,  rgba(21,38,58,1) 0%, rgba(111,159,206,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(21,38,58,1)), color-stop(100%,rgba(111,159,206,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(45deg,  rgba(21,38,58,1) 0%,rgba(111,159,206,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(45deg,  rgba(21,38,58,1) 0%,rgba(111,159,206,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(45deg,  rgba(21,38,58,1) 0%,rgba(111,159,206,1) 100%); /* IE10+ */
background: linear-gradient(45deg,  rgba(21,38,58,1) 0%,rgba(111,159,206,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#15263a', endColorstr='#6f9fce',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


}

.gradientblue {
	background: rgb(0,102,131); /* Old browsers */
	background: -moz-linear-gradient(45deg,  rgba(0,102,131,1) 0%, rgba(115,162,181,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(0,102,131,1)), color-stop(100%,rgba(115,162,181,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(45deg,  rgba(0,102,131,1) 0%,rgba(115,162,181,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(45deg,  rgba(0,102,131,1) 0%,rgba(115,162,181,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(45deg,  rgba(0,102,131,1) 0%,rgba(115,162,181,1) 100%); /* IE10+ */
	background: linear-gradient(45deg,  rgba(0,102,131,1) 0%,rgba(115,162,181,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006683', endColorstr='#73a2b5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.gradientplainblue {
	background: rgb(52,129,171); /* Old browsers */
	background: -moz-linear-gradient(45deg,  rgba(52,129,171,1) 0%, rgba(122,212,247,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(52,129,171,1)), color-stop(100%,rgba(122,212,247,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(45deg,  rgba(52,129,171,1) 0%,rgba(122,212,247,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(45deg,  rgba(52,129,171,1) 0%,rgba(122,212,247,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(45deg,  rgba(52,129,171,1) 0%,rgba(122,212,247,1) 100%); /* IE10+ */
	background: linear-gradient(45deg,  rgba(52,129,171,1) 0%,rgba(122,212,247,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3481ab', endColorstr='#7ad4f7',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	transition: background-color 0.8s ease;
}

/* Efectos */

a .gradientplainblue {	transition: background-color 0.8s linear;  }
a .gradientplainblue:hover { background: rgba(52,129,171,1); }
a .gradientplainblue h2 { color: #ffffff; transition: color 0.8s ease; }
a .gradientplainblue:hover h2 { color: #000000; }

a .gradientblue { transition: background-color 0.8s linear; }
a .gradientblue:hover { background: #026491; }
a .gradientblue h2 { color: #ffffff; transition: color 0.8s ease; }
a .gradientblue:hover h2 { color: #000000; }

a .gradientdarkblue { transition: background-color 0.8s linear; }
a .gradientdarkblue:hover { background: #426384;}
a .gradientdarkblue h2 { color: #ffffff; transition: color 0.8s ease; }
a .gradientdarkblue:hover h2 { color: #000000; }


.oneline {
	padding-top: 130px;
}

.twolines {
	padding-top: 115px;
}

.threelines {
	padding-top: 100px;
}

.reveal-modal p, .reveal-modal h4 {
	color: #222222;
}
.reveal-modal p a {
    color: inherit;
    text-decoration: underline;
}


/* ------------------------  tables ---------------- */

table, table td {
	font-size: 14px;
	background-color: #ebebeb ;
	border: none;
}

table td {
	border-bottom: 1px solid #dbdbdb;
	border-right: 1px solid #dbdbdb;
}

table th {
	background-color: #c6c6c6;
	border-bottom: 1px solid #8a8a8a;
}

/* ---------------------- section BGS ----------------------------- */
.sectiongrey {
	background: #ebebeb url(./img/bg_section.png) center top repeat-x;
}

/* --------------------- FLIP ---------------------- */
.imagefront{
	position:absolute;
	cursor:pointer;
	width:150px;
	height:157px;
}
.imageback{
	position:absolute;
	cursor:pointer;
	width:150px;
	height:157px;
	display: none;
}

/* --------------------- qtransalate ---------------------- */
ul.qtrans_language_chooser {
	text-align: right;
	margin-right: 30px;
	margin-top: 35px;
}

ul.qtrans_language_chooser li {
	list-style-type: none; 

}

ul.qtrans_language_chooser li a {
	font-size: 14px;
	font-family: 'Oswald', 'BebasNeue', sans-serif !important;
	font-weight: normal !important;
	line-height: 14px;
}

/* ---------------------- section Tools ----------------------------- */
#tools {
	background-color: transparent;
	width: 89px;
	right: 0;
	position: fixed;
	top: 0;
	z-index: 99;
}

#tools #top {
	display: none;
}

#tools div {
	height: 89px;
	width: 89px;
	background-color: #026491;
	text-align: center;
	margin-top: 165px;
}
#tools div span {
	display: block;
	font-family: 'Oswald', 'BebasNeue', sans-serif !important;
	font-weight: normal !important;
	padding-top: 39px;
	font-size: 14px;
	text-transform: uppercase;
}
/* ---------------------- section Home ----------------------------- */
#home {
	background-color: #000000;
	padding-bottom: 20px;
	padding-top: 40px;
	background: #000000 url(./img/bg_home.jpg) center top no-repeat;
	/*background-attachment:fixed;*/
}
#home .row .large-2 {
	width: 160px;
}
#home .row .large-4 {
	width: 320px;
}
#home .row .large-6 {
	width: 480px;
}


#home .row .columns {
	padding: 0 0 0 0 !important;
	height: 150px;
	margin-top: 0px;
	margin-bottom: 10px;
}

#home .row .columns .panels {
	height: 150px;
	text-align: center;
	margin: 0 10px 0 0;
}

#home .row .columns img {
	margin-top: 0px;
	height: 150px;
	width: 150px;
}

#home .row .columns img.logo {
	/*height: 41px;
	width: 255px;
	margin-top: 65px;
	margin-left: 30px;*/
	height: 70px;
	width: 255px;
	margin-top: 50px;
	margin-left: 30px;
}

#home .row .columns h1 {
	font-size: 26px;
	line-height: 32px;
	padding-top: 32px;
	text-align: left;
	text-transform: normal;
	padding-left: 30px;
	letter-spacing: 0px;
}

#home .row .columns h2 {
	padding-top: 69px;
	font-size: 13px;
	line-height: 15px;
	letter-spacing: 0px;
	margin-top: 0px;
}
/* #home .row .columns div.darkblue {
	background-color: #132438;
}

#home .row .columns div.blue {
	background-color: #026491;
}

#home .row .columns div.plainblue {
	background-color: #01a6de;
} */

/* ---------------------- section menu ----------------------------- */
#menu {
	background-color: #ffffff;
	padding-top: 25px;
	padding-bottom: 25px;
}

#menu ul {
	margin-bottom: 0px;

}

#menu ul li {
	display: inline;
	padding-right: 7px;
}

#menu ul li a {
	color: #0f212f;
	font-family: 'Oswald', 'BebasNeue', sans-serif !important;
	font-weight: normal !important;
	font-size: 13px;
}

/* ---------------------- section catalogue ----------------------------- */
#catalogue {
	padding-top: 30px;
	padding-bottom: 15px;
}

#catalogue .row .columns .panels {
	min-height: 287px;
	text-align: center;
	margin-top: 8px;
}

#catalogue .row .columns .panels h3 {
font-size: 26px;
line-height: 28px;
	text-align: center;
margin-top: 0px;
}

#catalogue .row .columns div.blue h3 {
	
}

#catalogue .row .columns .down img {
	position: absolute;
	bottom: 40px;
	right: 40px;
}

#catalogue .row .columns #glass-cat-1, #catalogue .row .columns #glass-cat-2 {
	position: absolute;
	bottom: 22px;
	right: 32px;
	z-index: 200;
	cursor: pointer;
}


#catalogue .orbit-container {
	
	background-color: transparent !important;
	
}

#catalogue .gradientdarkblue { transition: background-color 0.8s linear 0.1s; }
#catalogue .gradientdarkblue:hover { background: #426384; }
#catalogue .gradientblue { transition: background-color 0.8s linear 0.1s; }
#catalogue .gradientblue:hover { background: #026491; }

#catalogue .orbit-container ul li {
	height: 287px;
	text-align: left;
	padding: 0px 15px 5px 15px;
}
#catalogue .orbit-container ul li h4 {
font-size: 18px;
line-height: 15px;
margin-top: 18px;
margin-bottom: -8px;
}

#catalogue .orbit-container .black {
	color: #0c1d31 !important;
}

#catalogue .orbit-container ul li p {
	font-family: 'Oswald', 'BebasNeue', sans-serif !important;
	font-weight: normal !important;
	font-size: 12px;
	line-height: 16px;
	margin-top: 17px;
}

#catalogue .orbit-container ul li ul li {
	font-family: 'Oswald', 'BebasNeue', sans-serif !important;
	font-weight: normal !important;
	font-size: 14px;
	line-height: 16px;
	height: 36px;
}

#catalogue .orbit-container ul li .left img {
	position: absolute;
	bottom: 20px !important;
	right: 64px !important;
}

#catalogue .orbit-container ul li .right img {
	position: absolute;
	bottom: 20px !important;
	right: 20px !important;
}


#catalogue .orbit-next {
	/*display: none !important;*/
	width: 18px;
padding-left: 20px;
margin-left: 15px;
}

#catalogue .orbit-prev {
	/*display: none !important;*/
	width: 18px;
padding-left: 20px;
margin-left: 15px;
}

/* ---------------------- section company ----------------------------- */
#company {
	padding-top: 30px;
	padding-bottom: 15px;	
}

#company .row .columns .panels {
	height: 287px;
	text-align: center;
}

#company .row .columns .panels h3 {
font-size: 26px;
line-height: 28px;
}

#company .row .columns div.darkblue {
	background-color: #132438;
}

#company .row .columns div.plainblue {
	background-color: #01a6de;
	margin-top: 6px;
}

#company .row .columns div.plainblue p {
	margin: 0 0 0 0;
	padding: 15px 10px 0px 10px;
	text-align: left;
	font-size: 13px;
	line-height: 14px;
}


/* ---------------------- section sectors ----------------------------- */
#sectors {
	padding-top: 30px;
	padding-bottom: 15px;	
}

#sectors .row .columns .panels {
	height: 287px;
	width: 289px;
	text-align: center;
}

#sectors .row .columns .panels h3 {
font-size: 26px;
line-height: 28px;
}
#sectors .row .columns .panels h3.top {
font-size: 26px;
line-height: 32px;
	display: block;
	position: absolute;
	top: 10px;
	left: 30px;
	padding-top: 0px;
	text-align: left;
	z-index: 90;
	margin-left: -10px;
}

/*
#sectors .row .columns .panels h3.top {
	font-size: 32px;
	line-height: 32px;
	display: block;
	position: absolute;
	top: 0px;
	left: 15px;
	width: 290px;
	padding: 10px 10px 10px 10px;

	text-align: left;
	z-index: 99;
	background: transparent url(./img/bg_h3.png) left top repeat;
}
*/

#sectors .row .columns .panels img {
	padding-top: 0px;
}

#sectors .row .columns div.darkblue {
	margin-top: 8px;
	margin-bottom: 18px;
	background-color: #132438;
}

#sectors .row .columns div.plainblue {
	background-color: #01a6de;
	margin-top: 8px;
	margin-bottom: 18px;
}

#sectors .row .columns div.plainblue p {
	text-align: center;
	font-family: 'Oswald', 'BebasNeue', sans-serif !important;
	font-weight: normal !important;
	font-size: 14px;
	line-height: 16px;
	padding-top: 120px;
}

/* ---------------------- section sectors ----------------------------- */

#references {
	/*background-color: #0f212f;*/
	padding-top: 30px;
	padding-bottom: 15px;
}

#references h3 {
	font-size: 36px;
	line-height: 40px;
}

#references .large-12 {
	text-align: center;
}

#references .large-12 p {
	text-align: center;
	font-family: 'Oswald', 'BebasNeue', sans-serif !important;
	font-weight: normal !important;
	font-size: 24px;
	line-height: 27px;
}

#references .large-12 p span {
	color: #01a6de;
}


#references .large-12 .large-6 p {
	margin-bottom: 0px;
}


/* ------------------- section process ----------------------- */
#process {
	padding-top: 30px;
	padding-bottom: 15px;	
}

#process .row .columns .panels {
	min-height: 290px;
	text-align: center;
}

#process .row .columns .panels h3 {
	font-size: 26px;
line-height: 28px;
}

#process .row .columns div.darkblue {
	background-color: #132438;
}

#process .row .columns div.plainblue {
	background-color: #01a6de;
	margin-top: 6px;
	margin-bottom: 18px;
}


#process .row .columns div.grey {
	background-color: #abafb8;
	margin-top: 8px;
}

#process .row .text p, #process .row .text li {
	color: #454c5c;
	font-size: 12px;
	line-height: 15px;
}

#process .row .text li {
	list-style-type: square; 
	list-style-position: outside;
	margin-left: 15px;
}

#process .row .text h3 {
	font-family: 'Open Sans', sans-serif !important;
	font-weight: 900 !important;
	font-size: 12px;
	color: #454c5c;
	padding-bottom: 20px;
}

#process .row .large-8 table {
	width: 100%;
}

/* ---------------------- section internacionalization ----------------------------- */
#internacionalization {
	padding-top: 30px;
	padding-bottom: 15px;	
}

#internacionalization .row .columns .panels {
	min-height: 290px;
	text-align: center;
	margin-top
}

#internacionalization .row .columns .panels h3 {
	font-size: 26px;
	line-height: 28px;
}

#internacionalization .row .columns div.darkblue {
	background-color: #132438;
	margin-top: 8px;
	margin-top: 18px;
}

#internacionalization .row .columns div.plainblue {
	background-color: #01a6de;
	margin-top: 8px;
	margin-top: 18px;
}

#internacionalization .row .columns div.plainblue p {
	margin: 0 0 0 0;
	padding: 15px 10px 0px 10px;
	text-align: left;
	font-size: 13px;
	line-height: 14px;
}

/* ---------------------- section Home ----------------------------- */
#contact {
	background-color: #000000;
	padding-bottom: 15px;
	font-size: 14px;
	line-height: 16px;
	color: #ffffff;
}

#contact h4 {
	font-size: 15px;
	line-height: 17px;
	
}

#contact #map-canvas {
	margin-bottom: 30px;
}

#contact .small {
	font-size: 12px;
	display: block;
	margin-top: 9px;
}

#contact .small a {
	display: inline;
	margin-top: 
}

#contact .small a:hover {
	color: #cecece;

}

.letra-pequena {
    background: none !important;
    border: none;
    color: rgba(255,255,255,0.6);
    box-shadow: none !important;
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    height: 50px !important;
    font-size: 10px;
    margin-top: 7px;
    margin-bottom: 0;
    resize: none;
}

/* ------------------------- Slider ----------------------------- */
#sectors .orbit-container, #company .orbit-container {
	/*margin-top: 4px;*/
	background-color: transparent !important;
	/*margin-top: 4px;*/
}

#sectors .orbit-container ul li .frame, #company .orbit-container ul li .frame {
	height: 287px;
	width: 289px;
	transition: opacity 0.5s linear;
}


#sectors .orbit-container:hover ul li .frame, #company .orbit-container:hover ul li .frame {
	opacity: 0.4;
}

#sectors .orbit-container ul li a, #company .orbit-container ul li a{
	display: none;
}

#sectors .orbit-container:hover ul li a, #company .orbit-container:hover ul li a{
	opacity: 1;
	display: block;
}

#sectors .orbit-container ul li .left, #company .orbit-container ul li .left{
	position: absolute;
	top: 120px;
	left: 60px;
}

#sectors .orbit-container ul li .right, #company .orbit-container ul li .right{
	position: absolute;
	top: 120px;
	right: 60px;
}

/*.orbit-slide-number, .orbit-timer, .orbit-prev, .orbit-next {
	display: none !important;
}*/
.orbit-slide-number, .orbit-timer {
	display: none !important;
	
}


#sectors .orbit-prev, #company .orbit-prev {
	position: absolute; 
	top: 145px;
	left: 70px;
	background-color: transparent !important;
	background: transparent url(img/left.png) center center no-repeat;
	opacity: 0;
	transition: opacity 0.5s linear;
	
}

#sectors .orbit-next, #company .orbit-next {
	position: absolute; 
	top: 145px;
	left: 160px;
	background-color: transparent !important;
	background: transparent url(img/right.png) center center no-repeat;
	opacity: 0;
	transition: opacity 0.5s linear;
}


#sectors .orbit-container .orbit-prev:hover span, #sectors .orbit-container .orbit-next:hover span, #company .orbit-container .orbit-prev:hover span, #company .orbit-container .orbit-next:hover span  {
      border: none; }

#sectors .orbit-container:hover .orbit-next, #sectors .orbit-container:hover .orbit-prev, #company .orbit-container:hover .orbit-next, #company .orbit-container:hover .orbit-prev {
	opacity: 1;
}


#catalogue .orbit-prev {
	position: absolute; 
	top: 245px;
	left: 176px;
	background-color: transparent !important;
	/*opacity: 0;
	transition: opacity 0.5s linear;*/
}

#catalogue .orbit-next {
	position: absolute; 
	top: 245px;
	left: 235px;
	background-color: transparent !important;
	/*opacity: 0;
	transition: opacity 0.5s linear;*/
}

/* ---------------- Hidden ------------------- */
#hidden {
	display: none;
}

#process .row .columns .down img {
	position: absolute;
	bottom: 40px;
	right: 40px;
}


/* ---------------- formularios ------------------ */

.wpcf7-captchac {
	height: 28px;	
	float: left;
	width: 40% !important;
}

.wpcf7-captchar {
	float: right;
	width: 60% !important;
}

#contact .wpcf7-captchar {
z-index: 100;
position: relative;
}

#contact .button {
	width: 100%;
	background-color: #01a6de;
}

#references .button {
	margin-top: 16px;
	width: 29%;
	background-color: #01a6de;
	height: 74px;
	padding-top: 18px;
	padding-left: 33px;
}


#references .small {
	font-size: 12px;

}

#references .small a {
	display: inline;
}

#references .small a:hover {
	color: #cecece;

}




#contact .wpcf7-list-item {
	margin-top: 0px;
	color: #ffffff;
	display: block;
	width: 10%;
	float: left;
	font-size: 13px;
	margin-bottom: -9px;
}
#contact .wpcf7-list-item-label {
	color: #ffffff;
}

#contact textarea {
	height: 123px;
}

div.wpcf7-validation-errors {
	border: none !important;
}

/* ---------------------- Mapa ----------------------------- */

#map-canvas {
	height: 310px;
	background: #ebebeb url(./img/bg_section.png) center top repeat-x;
	padding-top: 2px;
}

#contact {
	background: #ffffff url(./img/bg_home.jpg) center bottom repeat-x;
}

/* Aviso Cookies */

.cookillian-alert {
	background-color: #ffffff !important;
	border: 1px solid #000000 !important;
	margin: 0px auto !important;
	/*max-width: 960px;*/
	border-radius: 0px !important;
	position: fixed;
	bottom: 0px;
	width: 100%;
}

.cookillian-alert h3 {
	margin: 0 0 0 0 !important;
	font-size: 14px !important;
}

.cookillian-alert p {
	font-size: 12px !important;
	line-height: 14px !important;
	color: #000000;
}

.cookillian-alert p a {
	color: #000000;
	text-decoration: underline;
}

.cookillian-alert .btn-ok, .cookillian-alert .btn-no {
	border: 1px solid #000000 !important;
	background-color: #000000 !important;
	background-image: none !important;
	font-size: 12px !important;
}
.cookillian-alert .btn-no {
    display: none !important;
}

.cookillian-alert .close { 
	/*right: 23px !important;*/
}