@CHARSET "ISO-8859-1";

/*RESET*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
a {
	outline: none;
}
/*COMMON*/
html {
	height: 100%;
}
body {
	font-family: tahoma, arial;
	font-size: 11px;
	background: url(../images/body_repeat_bg.jpg) repeat-x center top #0B0C0C;
	height: 100%;
}
body.quienes-somos,
body.portfolio {
	background: url("../images/body_repeat_bg.jpg") repeat-x scroll center 248px transparent;
}
#container {
	background: url(../images/body_bg.jpg) no-repeat center top #F0F0F0;
	height: 45%;
}
.clearfix {
	clear: both;
	display: block;
}
#logo {
	left: 245px;
    position: absolute;
    top: 51px;
    z-index: 2;
}
#logo a {
	display: block;
	height: 45px;
    width: 237px;
    text-indent: -5000em;
}
#wrapperTop {
	width: 994px;
	margin: 0 auto;
	/*background: url(../images/home_top_bg.jpg) no-repeat;*/
}
#wrapperInternal {
	width: 1400px;
	margin: 0 auto;
	background: url(../images/internal_top_bg.jpg) no-repeat;
}
#wrapperInternalTop {
	width: 1400px;
	margin: 0 auto;
	background: url(../images/internal_top_bg.jpg) no-repeat;
}
#quienesHeader,
#portfolioHeader {
	min-height: 742px;
	position: relative;
	width: 994px;
	margin: 0 auto;
}
#homeHeader {
	min-height: 552px;
	position: relative;
	width: 994px;
	margin: 0 auto;
}
#internalHeader {
	height: 150px;
	position: relative;
}
#mainMenu {
	position: absolute;
    right: 50px;
    top: 65px;
    z-index: 2;
    font-size: 13px;
}
#mainMenu li {
	float: left;
	color: #42535b!important;
	margin-left: 35px;
	text-transform: uppercase;
	text-align: center;
	padding-bottom: 15px;
}
#mainMenu li a:hover {
	color: #fff;
}
#mainMenu li a {
	text-decoration: none;
	color: #42535b;
}
#mainMenu li:hover,
#mainMenu li.active {
	background: url(../images/menu_hover.png) no-repeat bottom center; 
}
#mainMenu li.active a {
	color: #f5b855;
}
/*HEADER SLIDER*/
#headerSlider {
	position: absolute;
	top: -2px;
	left: -215px;
	z-index:1;
}

#headerSlider li div a {
	background: url(../images/ver_galeria.png) no-repeat;
	width: 147px;
	height: 31px;
	display: block;
	float: right;
	margin-top: 15px;
	margin-right: 25px;
}
#headerSlider li div a:hover {
	background: url(../images/ver_galeria_hover.png) no-repeat;
}
#headerSlider li div {
	left: 775px;
    position: absolute;
    top: 330px;
    width: 400px;
    z-index: 5;
}
#headerSlider li {
	width: 1170px;
	height: 553px;
	display: none;
	position: absolute;
	color: #909090;
}
#headerSlider li span {
	font-weight: bold;
	color: #03445d;
}
#headerSlider li strong {
	font-weight: bold;
}
#header1 {
	background: url(../images/header_1.png) no-repeat;
}
#header2 {
	background: url(../images/header_2.png) no-repeat;
}
#header3 {
	background: url(../images/header_3.png) no-repeat;
}
#header3 div {
	top: 360px!important; 
}
#sliderSelector {
	position: absolute;
	z-index: 3;
	bottom: 20px;
	left: 50%;
	margin-left: -20px;
}
#sliderSelector li {
	float: left;
}
#sliderSelector li a {
	background: url(../images/selector.png) no-repeat 0 1px;
	display: block;
	width: 14px;
	height: 14px;
}
#sliderSelector li.active a {
	background: url(../images/selector.png) no-repeat 0 -16px;
}
/*HOME CONTENT*/
#homeContent {
	background: url(../images/home_bottom_bg.jpg) repeat-x #0b0c0c;
	height: 100%;
	color: #a9acad;
	padding-top: 20px;
}
#homeContent h3 {
	font-size: 15px;
	font-weight: bold;
	color: #fff;
}
#homeContent .wrapper {
	width: 942px;
	margin: 0 auto;
}
#trabajosDestacados {
	float: left;
	position: relative;
}
#contactoGallery h4,
#homeContacto h4 {
	font-size: 20px;
	color: #fff;
}
#homeContacto #fbLink {
	display: block;
    height: 39px;
    left: 121px;
    position: absolute;
    top: 97px;
    width: 39px;	
}
#homeContacto h3,
#contactoGallery h3 {
	color: #00beff;
	padding-bottom: 10px;
}
#contactoGallery .send-consulta,
#homeContacto .send-consulta {
	background: url(../images/send_arr.png) no-repeat right 5px;
	padding-right: 10px;
}
#homeContacto {
	float: right;
	background: url(../images/homecontacto_bg.png) no-repeat left top;
	min-height: 158px;
	padding-left: 182px;
	width: 190px;
	position: relative;
}
#contactoGallery {
	float: right;
	background: url(../images/gallery_contact_bg.png) no-repeat left top;
	min-height: 158px;
	padding-left: 182px;
	width: 190px;
}
/*LOGOS SLIDER*/
#slideLogos {
	position: relative;
}
#logosSliderWrapper {
	padding-top: 25px;
	width: 570px;
	height:80px;
	position: relative;
	overflow: hidden;
}
#logosSliderWrapper .wrap {
	position: relative;
    width: auto;
}
#logosSliderWrapper ul {
	padding-left: 25px;
	width: 12000px;
}
#logosSliderWrapper li {
	float: left;
	margin-left: 23px;
	background: url(../images/logos_shadow.png) no-repeat bottom;
	padding-bottom: 30px;
	text-align: center;
	width: 165px;
}
#logosSliderWrapper li:FIRST-CHILD {
	margin: 0;
}
#logosLeftArr {
	position: absolute;
	left: -20px;
	top: 50px;
	z-index: 55;
}
#logosRightArr {
	position: absolute;
	right: -20px;
	top: 50px;
}
#slideMask {
	background: url("../images/slider_bg.png") no-repeat;
	width: 580px;
	height: 80px;
	position: absolute;
	z-index: 55;
	top: 23px;
}
/*FOOTER*/
#footer {
	background: url(../images/footer_bg.png) no-repeat top;
	height: 98px;
	text-align: center;
	position: relative;
	padding-top: 40px;
	color: #4c4d4d;
}
#footerInternal {
	background: url(../images/internal_bottom_bg.jpg) no-repeat top;
	height: 98px;
	text-align: center;
	position: relative;
	padding-top: 147px;
	color: #4c4d4d;
}
#footer ul {
	position: absolute;
	top: 20px;
	left: 50%;
	margin-left: -152px;
}
#footerInternal ul {
	position: absolute;
	top: 128px;
	left: 50%;
	margin-left: -140px;
}
#footer ul li,
#footerInternal ul li {
	float: left;
	margin-left: 10px;
}
#footer ul li a,
#footerInternal ul li a {
	color: #c9c9c9;
	text-decoration: none;
	margin-left: 10px;
}
/*GALLERY*/
#galleryImage {
	float: left;
	width: 463px;
	margin-top: 140px;
}
#galleryImage .top {
	background: url(../images/gallery_top.png) no-repeat top;
	height: 21px;
}
#galleryImage .content {
	background: url(../images/gallery_mid.png) repeat-y;
	min-height: 300px;
	padding-left: 11px;
}
#showRoom ul {
	padding-top: 10px;
}
#showRoom .gallery-slide ul li {
	display: none;
	position: absolute;
}
#showRoom .gallery-slide ul li:first-child {
	display: block;
}
#showRoom .expos li {
	background: url(../images/send_arr.png) no-repeat left;
	padding-left: 15px;
}
#showRoom .expos li a {
	text-decoration: none;
	color: #03445D;
	font-weight: bold;
}
#showRoom .expos li.selected a {
	font-weight: normal;
	color: #949494;
}
#showRoom h2 {
	color: #03445d;
	font-size: 14px;
	font-weight: bold;
	padding-left: 15px;
	float: left;
}
#showRoom h3 {
	color: #03445d;
	font-size: 11px;
	font-weight: bold;
	padding-left: 15px;
	float: right;
	padding-right: 15px;
}
.gallery-slide {
	position: relative;
	height: 340px;
}
.gallery-slide .galleryarr-left {
	background: url(../images/gallery_left_arr.png) no-repeat;
	width: 25px;
	height: 37px;
	position: absolute;
	left: -5px;
	top: 50%;
	z-index: 2;
}
.gallery-slide .galleryarr-right {
	background: url(../images/gallery_right_arr.png) no-repeat;
	width: 21px;
	height: 37px;
	position: absolute;
	right: 8px;
	top: 50%;
	z-index: 2;
}
#galleryImage .bottom {
	background: url(../images/gallery_bottom.png) no-repeat top;
	height: 24px;
}
#galleryThumbs {
	margin-top: 140px;
	float: right;
	width: 480px;
	background: url(../images/gallery_shadows.png) no-repeat 6px bottom;
	padding-bottom: 45px;
}
#galleryThumbs ul li {
	float: left;
	margin-left: 20px;
	margin-bottom: 20px;
}
#galleryThumbs ul li a {
	background: url(../images/gallery_thumbs.jpg) no-repeat;
	display: block;
	width: 93px;
	height: 92px;
}
#galleryThumbs ul li#bematech-selected a,
#galleryThumbs ul li#bematech a:hover {
	background-position: 0 -93px;
}
#galleryThumbs ul li#cabrales a {
	background-position: -120px 0;
}
#galleryThumbs ul li#cabrales-selected a,
#galleryThumbs ul li#cabrales a:hover {
	background-position: -120px -93px;
}
#galleryThumbs ul li#cmsoluciones a {
	background-position: -240px 0;
}
#galleryThumbs ul li#cmsoluciones-selected a,
#galleryThumbs ul li#cmsoluciones a:hover {
	background-position: -240px -93px;
}
#galleryThumbs ul li#hoerbiger a {
	background-position: -360px 0;
}
#galleryThumbs ul li#hoerbiger-selected a,
#galleryThumbs ul li#hoerbiger a:hover {
	background-position: -360px -93px;
}
#galleryThumbs ul li#onity a {
	background-position: 0px -371px;
}
#galleryThumbs ul li#onity-selected a,
#galleryThumbs ul li#onity a:hover {
	background-position: 0px -464px;
}
#galleryThumbs ul li#saeco a {
	background-position: -120px -371px;
}
#galleryThumbs ul li#saeco-selected a,
#galleryThumbs ul li#saeco a:hover {
	background-position: -120px -464px;
}
#galleryThumbs ul li#winpax a {
	background-position: 0px -557px;
}
#galleryThumbs ul li#winpax-selected a,
#galleryThumbs ul li#winpax a:hover {
	background-position: 0px -650px;
}
#galleryThumbs ul li#malenka a {
	background-position: -120px -557px;
}
#galleryThumbs ul li#malenka-selected a,
#galleryThumbs ul li#malenka a:hover {
	background-position: -120px -650px;
}
#galleryThumbs ul li#dynagroup a {
	background-position: -240px -557px;
}
#galleryThumbs ul li#dynagroup-selected a,
#galleryThumbs ul li#dynagroup a:hover {
	background-position: -240px -650px;
}
#galleryThumbs ul li#equiphotel a {
	background-position: -360px -557px;
}
#galleryThumbs ul li#equiphotel-selected a,
#galleryThumbs ul li#equiphotel a:hover {
	background-position: -360px -650px;
}
#galleryThumbs ul li#ibus a {
	background-position: -120px -186px;
	height: 92px;
}
#galleryThumbs ul li#ibus-selected a,
#galleryThumbs ul li#ibus a:hover {
	background-position: -120px -278px;
}
#galleryThumbs ul li#johnsonDiversey a {
	background-position: -239px -186px;
	
}
#galleryThumbs ul li#johnsonDiversey-selected a,
#galleryThumbs ul li#johnsonDiversey a:hover {
	background-position: -239px -278px;
}
#galleryThumbs ul li#manfroni a {
	background-position: -360px -187px;
	height: 91px;
}
#galleryThumbs ul li#manfroni-selected a,
#galleryThumbs ul li#manfroni a:hover {
	background-position: -360px -279px;
}

/*CONTACTO*/

#contacto {
	background: url("../images/contacto_header.png") no-repeat scroll 0 0 transparent;
    height: 527px;
    left: -80px;
    position: absolute;
    top: -2px;
    width: 1036px;
    z-index: 1;
}
#formContacto {
	background: url("../images/form_container.jpg") no-repeat scroll 0 0 transparent;
    height: 326px;
    left: 440px;
    position: absolute;
    top: 180px;
    width: 266px;
    padding: 20px 10px 10px 10px;
    color: #aeaeae;
}
#formContacto p.aclaracion {
	position: relative;
	padding-left: 10px;
}
#formContacto p {
	margin-top: 5px;
	position: relative;
	font-size: 10px;
	position: relative;
}
#formContacto p .error-globe {
	background: url(../images/error_globe.png) no-repeat;
	padding-bottom: 8px;
    padding-left: 35px;
    padding-top: 8px;
    position: absolute;
    left: -246px;
    top: 0px;
    width: 242px;
}
#formContacto strong {
	font-size: 20px;
    font-family: arial;
    position: absolute;
	left: 0;
	top: 0px;
}
#formContacto span {
	position: absolute;
	left: 0;
	top: 6px;
	font-size: 20px;
    font-family: arial;
}
#formContacto input {
	border: 1px solid #e6e6e6;
	font-size: 10px;
	font-family: tahoma;
	color: #aeaeae;
	width: 230px;
	padding: 6px;
	margin-left: 10px;
}
#formContacto textarea {
	border: 1px solid #e6e6e6;
	font-size: 10px;
	font-family: tahoma;
	color: #aeaeae;
	width: 230px;
	height: 80px;
	padding: 6px;
	margin-left: 10px;
}
#formContacto button {
	border: 0;
	background: url(../images/send_btn.png) no-repeat;
	width: 97px;
	height: 31px;
	float: right;
	margin-top: 10px;
	margin-right: 15px;
}

#messageSent {
	background: url(../images/contacto_confirmacion.png) no-repeat center 55px;
	height: 255px;
	position: relative;
}
#messageSent #nuevaConsulta {
	background: url("../images/nueva_consulta.png") no-repeat scroll 0 0 transparent;
    bottom: 0;
    display: block;
    height: 31px;
    left: 20px;
    position: absolute;
    width: 217px;
}
#messageSent #nuevaConsulta:hover {
	background: url(../images/nueva_consulta_hover.png) no-repeat;
}
#formContacto button:hover {
	background: url(../images/send_btn_hover.png) no-repeat;
}
#contactInfo {
	position: absolute;
    right: 0;
    top: 185px;
    width: 285px;
    color: #aeaeae;
}
#contactInfo h3 {
	color: #002f46;
	font-size: 18px;
	margin-bottom: 10px;
}
#contactInfo .telefono {
	color: #002f46;
	font-size: 30px;
	border-top: 1px solid #cbcbcb;
	margin-top: 10px;
	padding-top: 10px;
}
#contactInfo .otro-telefono {
	color: #6a6a6a;
	font-size: 15px;
}
#contactInfo .email-fb {
	color: #aaaaaa;
	font-size: 14px;
}
/*QUIENES SOMOS*/
#quienesImage {
	background: url("../images/quienes_somos_bg.png") no-repeat;
    height: 294px;
    position: absolute;
    right: -80px;
    top: 424px;
    width: 683px;
}
#quienesSomos {
	float: left;
	width: 500px;
	color: #a2a2a2;
	margin-top: 155px;
}
#quienesSomos h3,
#staff h3 {
	color: #002f46;
	font-size: 18px;
	margin-bottom: 15px; 
}
#quienesSomos h4 {
	color: #002f46;
	font-size: 12px;
}
#quienesSomos ul li {
	background: url("../images/staff_point.png") no-repeat left 15px transparent;
    padding-top: 10px;
    padding-left: 15px;
}
#staff {
	float: right;
	width: 300px;
	margin-top: 155px;
	margin-right: 144px;
}
#staff .member {
	margin-bottom: 15px;
}
#staff .member img {
	float: left;
	padding-right: 10px;
}
#staff .member div {
	background: url(../images/staff_point.png) no-repeat 0 6px;
	float: left;
	padding-left: 15px;
}
#staff .member h4 {
	color: #5e5e5e;
	font-size: 14px;
	margin-bottom: 5px;
}
#staff .member p {
	color: #aaaaaa;
	font-si	ze: 11px;
	margin-bottom: 5px;
}
#staff .member a {
	text-decoration: none;
	color: #002f46;
	font-weight: bold;
}
#middleSeparator {
	background: url("../images/separator_bg.jpg") no-repeat center;
    height: 98px;
    margin-top: -110px;
}