@charset "UTF-8";

html, body {
    background-repeat:repeat;
	text-shadow: none;
	font-family: 'Metrophobic', Arial, sans-serif;
	color:#666666;
	line-height:1.5em;
	background-image: url("images/bg7.jpg"); 
	background-color:  !important;
	font-style: normal;
	width:100%;
	height:100%;
	padding:0;
	margin:0;
}
::selection {
	background:#000;
	color:#fff;
}
::-moz-selection {
	background:#000;
	color:#fff;
}
img::selection {
	background: transparent;
}
img::-moz-selection {
	background: transparent;
}


	/*Typography*/
/*-------------------------------------------------------*/
h1, h3, h4, h5, h6 {
	font-family:Oswald;
	color:#333; }
h2 {
	font-family:Oswald;
    font-weight:400 !important;
    text-align:center !important;
	color:#333; 
    } 
h2 a {
	font-family:Oswald;
    font-weight:400 !important;
    text-align:center !important;
	color:#333; 
    }   
h1 a, h3 a, h4 a, h5 a, h6 a { font-weight: normal; }

p { margin: 0 0 20px 0; }
.small { font-size:90%;}

/*404error*/
p.error{
	font-size:172px;
	font-family: 'Metrophobic', sans-serif;
	margin-bottom:40px;
	margin-top:60px;
	padding-right:20px;

}

em {font-size:90%; font-style:italic;}


/* 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;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
a { 
	color:inherit;
}


/*------------------------------------------------ WRAPPER ------------------------------------------------ */

#main_wrapper {
	padding:0;
	margin:0;
	
}

/* A container should group all your columns. */
.container {
	width: 960px;
	margin: 0 auto;
	position: relative;
}

.divisionline { width: 960px; float:left; margin:0;margin-top:30px !important;}
.notopmargin { margin-top:0px !important;}
.nobottommargin { margin-bottom:0px !important;}
.last { margin-right:0px !important;}
.left {float:left}
.right {float:right}
.clear { clear:both;}


/*------------------------------------------------ HEADER ------------------------------------------------ */
#top_line {
	margin:0 auto;
	height:5px;
	background: #0c5ae6; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBjNWFlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZDRhOWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #0c5ae6 0%, #1d4a9c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0c5ae6), color-stop(100%,#1d4a9c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #0c5ae6 0%,#1d4a9c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #0c5ae6 0%,#1d4a9c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #0c5ae6 0%,#1d4a9c 100%); /* IE10+ */
	background: linear-gradient(to bottom, #0c5ae6 0%,#1d4a9c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c5ae6', endColorstr='#1d4a9c',GradientType=0 ); /* IE6-8 */
	border-bottom:1px solid #fff;
}

#top_line a {
	text-decoration:none; line-height:none; font-style:normal
}

#header {
	background-image:url('images/header_bg.png');
	height:165px;
	margin:0;
	padding:0;
	top:0;
}

.logocontainer{ margin:30px 0 0 0; width: 260px; float:left}

.logocontainer img{margin:0; border:none}

.menutop { width: 500px; position:absolute; top:92px; right:0px;}



/*------------------------------------------------ BUTTON LENGUAGES ------------------------------------------------ */
.LenguagesLink{
	position: absolute;
	right: 0;
	margin-top:5px;
	}
	
.a-btn{
    background:#7f898f; /* Old browsers */
    padding-left:3px;
    padding-right:25px;
    height:22px;
    display:inline-block;
    position:relative;
    border:1px solid  #777;    
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    clear:both;
    overflow:hidden;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.a-btn-text{
    padding-top:3px;
    display:block;
    -webkit-transition:all 0.2s linear;
    -moz-transition:all 0.2s linear;
    -o-transition:all 0.2s linear;
    transition:all 0.2s linear;
}
.a-btn-slide-text{
    position:absolute;
    height:100%;
    top:0px;
    right:20px;
    width:0px;
    background: #555;
    text-shadow:0px -1px 1px #363f49;
    color:#fff;
    font-size:13px;
    white-space:nowrap;
    text-align:left;
    text-indent:10px;
    overflow:hidden;
    line-height:20px;
    -webkit-box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
    -moz-box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
    box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
    -webkit-transition:width 0.3s linear;
    -moz-transition:width 0.3s linear;
    -o-transition:width 0.3s linear;
    transition:width 0.3s linear;
}
.a-btn-icon-right{
    position:absolute;
    right:0px;
    top:0px;
    height:100%;
    width:20px;
    border-left:1px solid #777;
    -webkit-box-shadow:1px 0px 1px rgba(255,255,255,0.4) inset;
    -moz-box-shadow:1px 0px 1px rgba(255,255,255,0.4) inset;
    box-shadow:1px 0px 1px rgba(255,255,255,0.4) inset;
}
.a-btn-icon-right span{
    width:38px;
    height:38px;
    opacity:0.7;
    position:absolute;
    left:50%;
    top:50%;
    margin:-21px 0px 0px -19px;
    background:transparent url(images/arrow_right.png) no-repeat 50% 55%;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.a-btn:hover{
    padding-right:116px;
    
}
.a-btn:hover .a-btn-text{
    text-shadow:0px 1px 1px #5d81ab;
    color:#fff;
}
.a-btn:hover .a-btn-slide-text{
    width:80px;
}
.a-btn:hover .a-btn-icon-right span{
    opacity:1;
}
.a-btn:active{
    position:relative;
    top:1px;
    background:#5d81ab;
    -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;
    -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;
    box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;
    border-color:#80a9da;
}



/*------------------------------------------------ MENU ------------------------------------------------ */

/*** arrows **/

.sf-sub-indicator {
	position: absolute;
	display: block;
	right: 10px;
	top: 40px; /* IE6 only */
	width: 10px;
	height: 20px;
	text-indent: -999em;
	overflow: hidden;
	background: url('images/arrows.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}

a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top: 10px;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}

/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

.menu, .menu ul {
	float:right !important;
	margin: 0;
	padding: 0;
	list-style: none;
}
	
.menu {
	font-size:12px !important;
	width:auto;
	padding-left:0px;
	border: 1px solid  #06F;
	background: #0c5ae6; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBjNWFlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZDRhOWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #0c5ae6 0%, #1d4a9c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0c5ae6), color-stop(100%,#1d4a9c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #0c5ae6 0%,#1d4a9c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #0c5ae6 0%,#1d4a9c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #0c5ae6 0%,#1d4a9c 100%); /* IE10+ */
	background: linear-gradient(to bottom, #0c5ae6 0%,#1d4a9c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c5ae6', endColorstr='#1d4a9c',GradientType=0 ); /* IE6-8 */
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	
	behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
	
}
	
.menu:before,
.menu:after {
	content: "";
	display: table;
}

.menu:after {
	clear: both;
}

.menu {
	zoom:1;
}

.menu li {
	float: left;
	border-right: 1px solid #06F;
	-moz-box-shadow: 1px 0 0  #06F;
	-webkit-box-shadow: 1px 0 0 #06F;
	box-shadow: 1px 0 0 #444;
	position: relative;
}
.menu li:last-child {
	border-right: none !important;
	-moz-box-shadow: 0px 0 0 #06F;
	-webkit-box-shadow: 0px 0 0 #06F;
	box-shadow: 0px 0 0 #06F;
	}

.menu a {
	font-size:12px !important;
	float: left;
	padding:6px 19px;
	color: #FFF;
	font-family:Oswald;
	text-transform:uppercase;
	text-decoration: none;
	
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

.menu li:hover > a{
	color: #BBB;
}

*html .menu li a:hover { /* IE6 only */
	color: #BBB;
}
.menu .active a{color:#BBB;}

.menu ul {
	font-size:12px !important;
	_margin: 0; /*IE6 only*/
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 46px;
	left: 0;
	z-index: 9999; 	  
	background: #0c5ae6; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBjNWFlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZDRhOWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #0c5ae6 0%, #1d4a9c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0c5ae6), color-stop(100%,#1d4a9c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #0c5ae6 0%,#1d4a9c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #0c5ae6 0%,#1d4a9c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #0c5ae6 0%,#1d4a9c 100%); /* IE10+ */
	background: linear-gradient(to bottom, #0c5ae6 0%,#1d4a9c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c5ae6', endColorstr='#1d4a9c',GradientType=0 ); /* IE6-8 */
	
	-moz-box-shadow: 0 -1px rgba(255,255,255,.3);
	-webkit-box-shadow: 0 -1px 0 rgba(255,255,255,.3);
	box-shadow: 0 -1px 0 rgba(255,255,255,.3);	
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;  
	
	behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}

.menu li:hover > ul {
	opacity: 1;
	visibility: visible;
	margin: 0;
}

.menu ul ul {
	top: 0;
	left: 165px;
	margin: 0 0 0 0px;
	_margin: 0; /*IE6 only*/
	-moz-box-shadow: -1px 0 0 rgba(255,255,255,.3);
	-webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3);
	box-shadow: -1px 0 0 rgba(255,255,255,.3);		
}


.menu ul li {
	float: none;
	display: block;
	border: 0;
	_line-height: 0; /*IE6 only*/
	-moz-box-shadow: 0 1px 0 #000099, 0 2px 0 #0c5ae6;
	-webkit-box-shadow: 0 1px 0 #000099, 0 2px 0 #0c5ae6;
	box-shadow: 0 1px 0 #000099, 0 2px 0 #0c5ae6;
}

.menu ul li:last-child {   
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;    
}

.menu ul a {    
	padding: 8px;
	font-size:11px;
	width: 150px;
	_height: 8px; /*IE6 only*/
	display: block;
	white-space: nowrap;
	float: none;
	text-transform: uppercase;
	font-weight:normal;
}

.menu ul a:hover {
	background: #444;
	background: -moz-linear-gradient(#444, #111);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));
	background: -webkit-linear-gradient(#444, #111);    
	background: -o-linear-gradient(#444, #111);	
	background: -ms-linear-gradient(#444, #111);	
	background: linear-gradient(#444, #111);
	text-shadow:0px 1px #333;	
}

.menu ul li:first-child > a {
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
	behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}

.menu ul li:first-child > a:after {
	content: '';
	position: absolute;
	left: 40px;
	top: -6px;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #444;
}

.menu ul ul li:first-child a:after {
	left: -6px;
	top: 50%;
	margin-top: -6px;
	border-left: 0;	
	border-bottom: 6px solid transparent;
	border-top: 6px solid transparent;
	border-right: 6px solid #444;
}

.menu ul li:first-child a:hover:after {
	border-bottom-color: #444; 
}

.menu ul ul li:first-child a:hover:after {
	border-right-color: #ff7000; 
	border-bottom-color: transparent; 	
}

.menu ul li:last-child > a {
	-moz-border-radius: 0 0 3px 3px;
	-webkit-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
	behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}


/*------------------------------------------------ SLIDESHOW ------------------------------------------------ */


#slider-container{margin:45px 0 0 0; clear:both!important; position:relative; width:960px; height:400px; overflow:hidden; border:solid 1px #fff}
.nivoSlider {
	position:relative;
	background:#fff url(../images/loading.gif) no-repeat 50% 50%;
    margin-bottom:10px;
}

.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}

.nivoSlider a {	border:0;	display:block;}

.nivo-directionNav a {
	display:block;
	width:20px;
	height:35px;
	text-indent:-9999px;
	border:0;
}
#slider{ position:relative; overflow:hidden; z-index:9; width:960px; height:400px; margin:0 auto}
#slider h1{font-size:20pt; margin:8px 0 0 0;color: #222; font-weight:normal; text-transform:uppercase; vertical-align: middle}
#slider span{border-left:#EEE double; padding:0 5px 0 10px; font-size:16pt; color: #444; font-weight:normal; font-family: 'Metrophobic', Arial, sans-serif; text-transform: none; vertical-align: middle; margin:0;}
#slider p{font-size:16pt; color: #444; font-weight:normal; vertical-align: middle;}
#slider hr {
	float:left;
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	border-right:1px solid  #888;
}

.nivoSlider #slider2 img {width:265px; height:322px;}	


/*------------------------------------------------ CONTENT ------------------------------------------------ */
.contentinfo{ width:960px; margin:0; padding:0; text-align:justify; float:left; font-style: normal; font-weight:normal;}
.content { width: 720px; float:left; margin:0 0 20px 0; border-left-style:double; border-left-color:#666; border-left-width:4px; }
.content img{border:none}
.contentinfo img{border:none}
.welcome h1 { text-transform:uppercase; margin:0 0 30px 20px; font-size:18pt; line-height:none; font-weight:normal;}
.welcome p {margin:0 0 0 20px !important; font-size:11pt; line-height:normal; font-weight:normal; text-decoration:none;}
.welcome-light { text-align:center;}
.welcome-light h1{text-transform:uppercase; margin-bottom:0px; font-weight:normal;}
.welcome-light p { margin-bottom:0px; font-family:Oswald; font-size:16px;}

.infotext h1 { text-transform:uppercase; margin:0 0 30px 20px; font-size:18pt; line-height:none; font-weight:normal;}
.infotext p {margin:0 0 0 20px !important; font-size:11pt; line-height:normal; font-weight:normal; text-decoration:none;}

.prein il a{text-decoration:none; color:#222; font-size:13pt}
.prein il a:hover { color:#0c5ae6}

.titlepag { margin:50px 0 0 0; float:left; width:960px}

.titlepag h1 {
	border-left:double #666 4px;
	text-transform: uppercase;
	margin:0 0 30px 0;
	font-size:18pt;
	padding:0px 0px 0px 20px;
	height:25px;
	line-height:25px;
	font-weight:normal;
}




/*------------------------------------------------ BUTTONS ------------------------------------------------ */
.buttons { margin:50px 0 50px 0; float:left; width:960px}

.buttons h1 {
	border-left:double #666 4px;
	text-transform: uppercase;
	margin:0 0 30px 0;
	font-size:18pt;
	padding:0px 0px 0px 20px;
	height:25px;
	line-height:25px;
	font-weight:normal;
}


.butns{
	margin:0;	
	object-fit:contain;
	-moz-object-fit:contain;
	-ms-object-fit:contain;
	-o-object-fit:contain;
	-webkit-object-fit:contain;
	
	font-weight:normal;
	text-decoration:none;
	font-family:Oswald;
    background:#292929;
    background:-webkit-gradient(linear,left top,left bottom,color-stop(#444,0),color-stop(#111,1));
    background:-webkit-linear-gradient(top, #444 0%, #111 100%);
    background:-moz-linear-gradient(top, #444 0%, #111 100%);
    background:-o-linear-gradient(top, #444 0%, #111 100%);
    background:linear-gradient(top, #444 0%, #111 100%);
    padding:9px;
    display:inline-block;
    position:relative;
    border:1px solid #111;
    -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
    -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
    box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius:8px;
    clear:both;
    overflow:hidden;
    /*-webkit-transition:box-shadow 0.3s ease-in-out;
    -moz-transition:box-shadow 0.3s ease-in-out;
    -o-transition:box-shadow 0.3s ease-in-out;
    transition:box-shadow 0.3s ease-in-out;*/	
	
}

.butns .butns-slide-text{
    position:absolute;
    font-size:15px;
    color:#444;
    text-shadow:1px 1px 0px #333;
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0);
    opacity:0;
    -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;
}
.butns-text{
	color:#dfdfdf;
    display:block;
    font-size:14px;
	text-transform:uppercase;
	line-height:15px;
    text-shadow:1px 1px 0px #111;
	font-weight:normal;
}
.butns-text small{
	line-height:22px;
    display:block;
    font-size:11px;
    letter-spacing:1px;
}
.butns-icon-right{
    position:absolute;
    right:0px;
    top:0px;
    height:100%;
    width:80px;
    border-left:1px solid #5d81ab;
    -webkit-box-shadow:1px 0px 1px rgba(255,255,255,0.4) inset;
    -moz-box-shadow:1px 0px 1px rgba(255,255,255,0.4) inset;
    box-shadow:1px 0px 1px rgba(255,255,255,0.4) inset;
}
.butns:hover{
	background:#444;
    background:-webkit-gradient(linear,left top,left bottom,color-stop(#666,0),color-stop(#444,1));
    background:-webkit-linear-gradient(top, #666 0%, #444 100%);
    background:-moz-linear-gradient(top, #666 0%, #444 100%);
    background:-o-linear-gradient(top, #666 0%, #444 100%);
    background:linear-gradient(top, #666 0%, #444 100%);	
	
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	
}
.butns:hover img{
    opacity:0;
}
.butns:hover .butns-slide-text{
	color:#fff;
	text-shadow:1px 1px #111;
	font-size:40px;
	line-height:44px;
    opacity:1;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
}
.butns:hover .butns-icon-right span{
    opacity:1;
    background-color:#fff;
}
.butns:active{
    position:relative;
    background:#000;
    -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;
    -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;
    box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;
    border-color:#444;
}
.butns:active .butns-icon-right span{
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -ms-transform:rotate(360deg);
    -o-transform:rotate(360deg);
    transform:rotate(360deg);
}

.servicesButtons ul{
	width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
    margin: auto;   
	width: 960px;
	padding: 0;	
	}

.servicesButtons ul li{
	padding:0 1px 0 0;
	display:inline-block;
	}



/*------------------------------------------------ CONTAINER 2 ------------------------------------------------ */
.container-2 {
	clear: both;
	position: relative;
	background-color: #BBB ;	
	height: 310px;
	border-top: #EEE solid thin;
}

.containerpro {
	background: url("images/shadow2.png") center 0 no-repeat;
}

/*------------------------------------------------ IMAGES PROJECT ------------------------------------------------ */
.projects{ 	
	margin:0 auto !important; 
	padding-top:50px;
	width:960px;
	
}

.projects h1 {
	border-left:double #666 4px;
	text-transform: uppercase;
	margin:0 0 15px 0;
	font-size:18pt;
	padding:0px 0px 0px 20px;
	height:25px;
	line-height:25px;
	font-weight:normal;
}

.main {
	width:960px;
	margin:0;
	position: relative;
	float:left;
	border-bottom: 1px solid #DADADA;
	-moz-box-shadow:0 1px 0 0 #06F;
	box-shadow:0 1px 0 0 #686868;
	position: relative;
	padding: 0 0 35px 0;
}

.ch-grid {
	margin:0;
	padding: 0;
	list-style: none;
	display: block;
	width: 100%;
}

.ch-grid li {
	width: 222px;
	height: 140px;
	display: inline-block;
	margin:15px 19px 10px 0;
	text-align: center;
}

.ch-item {
	width: 100%;
	height: 100%;
	position: relative;
	cursor: pointer;
	box-shadow: 
		inset 0 0 0 0  rgb(0,20,255),
		inset 0 0 0 8px rgba(145,145,145,0.8),
		0 1px 2px  #AAAAAA;
		
	-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;
}

.ch-img-1 { 
	background-image: url(images/pro1.jpg);
}

.ch-img-2 { 
	background-image: url(images/pro2.jpg);
}

.ch-img-3 { 
	background-image: url(images/pro3.jpg);
}

.ch-img-4 { 
	background-image: url(images/pro4.jpg);
}

.ch-info {
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 20%;
	opacity: 0;
	
	-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: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	
	-webkit-backface-visibility: hidden; /*for a smooth font */

}

.ch-info h3 {
	color:#fff;
	text-transform: uppercase;
	position: relative;
	font-size: 22px;
	margin: 0 30px;
	padding: 60px 0 0 0;
	height: 110px;
	font-family: 'Metrophobic', sans-serif;
	text-shadow: 
		0 0 1px #fff, 
		0 1px 2px rgba(0,0,0,0.3);
}

.ch-item:hover {
	box-shadow: 
		inset 0 0 0 110px rgba(145,145,145, 0.4),
		inset 0 0 0 8px rgba(145,145,145,0.8),
		0 1px 2px rgba(0,0,0,0.1);
}

.ch-item:hover .ch-info {
	opacity: 1;
	
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);	
}



/*------------------------------------------------ IMAGE EFFECT ------------------------------------------------ */
.view {
width: 179px;
height: 287px;
float: right;
overflow: hidden;
position: relative;
text-align: center;
cursor: default;
}

.view img {
display: block;
position: relative;
}

.view a.info {
background: url(images/link.png) center no-repeat;
display: inline-block;
text-decoration: none;
padding: 0;
text-indent: -9999px;
width: 20px;
height: 20px;
}

.view .mask, .view .content {
width: 179px;
height: 287px;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
right:auto;
}

.second-effect .mask {
   opacity: 0;
   overflow:visible;
   border:0px solid rgba(0,0,0,0.7);
   -moz-box-sizing:border-box;
   -webkit-box-sizing:border-box;
   box-sizing:border-box;
   -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;
}
.second-effect a.info {
	position:relative;
	top:50px;
	right:10px;
	opacity:0;
   -moz-transform:scale(0,0);
   -webkit-transform:scale(0,0);
   -o-transform:scale(0,0);
   -ms-transform:scale(0,0);
   transform:scale(0,0);
   -webkit-transition: -webkit-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
   -moz-transition: -moz-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
   -o-transition: -o-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
   -ms-transition: -ms-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
   transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
}
.second-effect:hover .mask {
   opacity: 1;
   border:90px  solid rgba(0,0,0,0.7);
}
.second-effect:hover a.info {
	opacity:1;
	-moz-transform:scale(1,1);
	-webkit-transform:scale(1,1);
	-o-transform:scale(1,1);
	-ms-transform:scale(1,1);
	transform:scale(1,1);
	-moz-transition-delay:0.3s;
	-webkit-transition-delay:0.3s;
	-o-transition-delay:0.3s;
	-ms-transition-delay:0.3s;
	transition-delay:0.3s;
}



/*------------------------------------------------ LOGOS COMPANIES ------------------------------------------------ */

#logocontentslide { 
	background:#BBB; 
	height:370px;
	}

#logostatic { margin:0; padding:60px 0 40px 0; width:960px; height:90px;}
.logosfirts { margin:0; padding:0; position:relative; width:960px}
.logosfirts img { margin:0 auto; padding:0 20px 0 20px; float:left; border:none;
 }
  
.logosfirts img:hover {margin:0; padding:0 20px 0 20px; float:left; border:none;
  filter: none;
  -webkit-filter: grayscale(0);
}


.logosmain{ margin:0; padding:0; position:relative; width:960px}
.logosmain img { margin:0 auto; padding:0 25px 0 25px; float:left; border:none; }  
.logosmain img:hover {border:none;  filter: url(filters.svg#grayscale); /* Firefox 3.5+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(1); /* Google Chrome & Safari 6+ */}



/*------------------------------------------------ CONTACT US ------------------------------------------------ */
.contactus {
    width: 960px;
	float:left;
	margin:40px 0 40px 0;
}

.contactus textarea {
    width: 100%;
}

.contactform h1 {
	text-transform: uppercase;
	margin:0 0 20px 0;
	font-size:18pt;
	padding:0;
	height:25px;
	line-height:25px;
	font-weight:normal;
}

input[type="text"], 
	input[type="password"],
	input[type="email"],
	textarea, 
	select {
		border: 1px solid #e6e6e6;
		padding: 10px 10px;
		outline: none;
		border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		font-family: 'Metrophobic', Arial, sans-serif;
		font-size: 10pt;
		color: #A6A6A6;
		margin: 0;
		max-width: 100%;
		display: block;
		background: #fff;
		box-sizing:border-box;
		-moz-box-sizing:border-box; /* Firefox */
		-webkit-box-sizing:border-box; /* Safari */
		transition: all 0.12s;
		-moz-transition: all 0.12s;
		-webkit-transition: all 0.12s;
	}

a.button, 
	button,
	input[type="submit"],
	input[type="reset"],
	input[type="button"] {
		background: #e75832; /* Old browsers */
		background: -moz-linear-gradient(top, #e75832 0%, #d33c14 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e75832), color-stop(100%,#d33c14)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #e75832 0%,#d33c14 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #e75832 0%,#d33c14 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #e75832 0%,#d33c14 100%); /* IE10+ */
		background: linear-gradient(to bottom, #e75832 0%,#d33c14 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e75832', endColorstr='#d33c14',GradientType=0 ); /* IE6-9 */
		padding: 4px 26px;
		display: inline-block;
		color: #f7f7f7;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		font-weight: 800;
		font-size: 12px;
		outline: none;
		line-height: 25px;
		border: 0;
		border-bottom: 2px solid #94361e;
		box-shadow: inset 0 -10px 10px 0 rgba(0,0,0,0.1);
		-moz-box-shadow: inset 0 -10px 10px 0 rgba(0,0,0,0.1);
		-webkit-box-shadow: inset 0 -10px 10px 0 rgba(0,0,0,0.1);
		cursor: pointer;
		
		-webkit-transition: all .4s ease-in-out;
		-moz-transition: all .4s ease-in-out;
		-ms-transition: all .4s ease-in-out;
		-o-transition: all .4s ease-in-out;
		transition: all .4s ease-in-out;
	}


	/* small button */
	a.button.small, 
	button.small,
	input[type="submit"].small,
	input[type="reset"].small,
	input[type="button"].small
	{ padding: 4px 16px; }

	/* large button */
	a.button.large, 
	button.large,
	input[type="submit"].large,
	input[type="reset"].large,
	input[type="button"].large
	{ padding: 10px 18px; }

	a.button:hover,
	button:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover {
		background: #d33c14; /* Old browsers */
		background: -moz-linear-gradient(top, #d33c14 0%, #e75832 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d33c14), color-stop(100%,#e75832)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #d33c14 0%,#e75832 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #d33c14 0%,#e75832 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #d33c14 0%,#e75832 100%); /* IE10+ */
		background: linear-gradient(to bottom, #d33c14 0%,#e75832 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d33c14', endColorstr='#e75832',GradientType=0 ); /* IE6-9 */
	}

::-webkit-input-placeholder
{
  color: #DDD;
  font-weight:normal;
}

#contact {
	float:left;
	width:100%;
	margin:0;
}
#contact_form_left {
	float:left;
	margin:0;
	width:460px;
}

#contact_form_right {
    float: left;
    width: 450px;
    margin-left: 45px;
}



/*------------------------------------------------ FOOTER ------------------------------------------------ */

#footer {
	clear:both;
	position:relative;
	height:200px;
}

.footerlogo { padding:45px 90px 0 0; margin:0 auto; float:left}
.footerlogo img { border:none}

/*-------------- SOCIAL MEDIA ICONS -------------- */
.footersocial { padding:0; margin:60px 0; float:left; width:280px; height:90px; border-left:double #666 4px; }
.footersocial h1 {
	text-transform: uppercase;
	margin:0 0 15px 0;
	font-size:18pt;
	padding:0px 0px 0px 20px;
	height:25px;
	line-height:25px;
	font-weight:normal;
}
	
.iconsimg ul{
	width: 400px;
	margin: 0 auto;
	padding:10px 0 0 0;
	}
	
.iconsimg ul li{
	float: left;
	list-style: none;
	margin: 0 auto;
	
	}
	
.facebookicon {
	display: block;
	width: 40px;
	height: 40px;
	background: url('images/facebook_icon.png') bottom;
	text-indent: -99999px;
	margin: 0 10px 0 20px;
}

.facebookicon:hover {
	background-position: 0 0;
}

.twittericon {
	display: block;
	width: 40px;
	height: 40px;
	background: url('images/twitter_icon.png') bottom;
	text-indent: -99999px;
	margin: 0 10px 0 10px;
}

.twittericon:hover {
	background-position: 0 0;
}

.googleicon {
	display: block;
	width: 40px;
	height: 40px;
	background: url('images/google_icon.png') bottom;
	text-indent: -99999px;
	margin: 0 10px 0 10px;
}

.googleicon:hover {
	background-position: 0 0;
}


.youtubeicon {
	display: block;
	width: 40px;
	height: 40px;
	background: url('images/youtube_icon.png') bottom;
	text-indent: -99999px;
	margin: 0 10px 0 10px;
}

.youtubeicon:hover {
	background-position: 0 0;
}


/*-------------- CONTACT -------------- */
.footercontact { padding:0; margin:60px 0; float:right; width:420px; height:90px; font-size:12pt; border-left:double #666 4px; }
.footercontact h1 {
	text-transform: uppercase;
	margin:0 0 15px 0;
	font-size:18pt;
	padding:0px 0px 0px 20px;
	height:25px;
	line-height:25px;
	font-weight:normal;
	}

.footercontact p {
	margin: 23px 0 0 25px !important;
	font-size: 11pt;
	line-height:20px;
	font-weight: normal;
	text-decoration: none;
	}

/*------------------------------------------------ BOTTOM LINE ------------------------------------------------ */
#bottom_line {
	height:40px;
	background: #0c5ae6; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBjNWFlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZDRhOWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #0c5ae6 0%, #1d4a9c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0c5ae6), color-stop(100%,#1d4a9c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #0c5ae6 0%,#1d4a9c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #0c5ae6 0%,#1d4a9c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #0c5ae6 0%,#1d4a9c 100%); /* IE10+ */
	background: linear-gradient(to bottom, #0c5ae6 0%,#1d4a9c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c5ae6', endColorstr='#1d4a9c',GradientType=0 ); /* IE6-8 */
	border-bottom:1px solid #000;
	border-top:1px solid #fff;
}

#bottom_line .link { color:#fff; bottom:0px}

.bottomleft{color:white; margin:0; width:350px; float:left; height:25px;}

.bottomright{float:right; color:white; width:450px; margin:0; padding:0; font-size:9pt}
.bottomright ul {float:right; margin:0; padding:0}
.bottomright ul li {float:right; margin:0}
.bottomright a{ text-decoration:none; float:left}
.bottomright ul li :hover{ text-decoration:none; color: #ACACAC}

.bottomleft p{ padding:0; margin:0; width: 480px; font-size:9pt}

.separator{ height:2px; background-color:#dfdfdf; background-image:url('images/separator.png');}



/*------------------------------------------------ SCROLL TO TOP ------------------------------------------------ */
.scrollup{
	border:none;
    width:42px;
    height:42px;
    opacity:0.8;
    position:fixed;
    bottom:50px;
    right:50px;
    display:none;
    text-indent:-9999px;
    background:url('images/buttontop.png') no-repeat;
}