/* RESET */

html, body, div, span, object,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, code,
em, font, img, 
small, strong,
dl, dt, dd, ol, ul, li,
fieldset, form, label{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

:focus {
	outline: 0;
}

/* ---- MAIN STYLES ---- */

body {
background: url('images/body_bg.jpg') repeat-x;
background-color: black;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
}

.boton {
color: white;
_cursor: pointer;
background: url('images/botones.png');
_background: url('images/boton.png');
display: block;
font-size: 16px;
height: 46px;
line-height: 42px;
text-align: center;
text-decoration: none;
width: 228px;
}

.boton:hover {
background-position: bottom;
_background: url('images/boton_hover.png');
_cursor: pointer;
line-height: 46px;
}

#loadInfo {
display: none;
}

/* ---- CONTENT ---- */

#version {
float: right;
font-size: 11px;
margin-right: 0px;
right: 0;
position: absolute;
top: 180px;
z-index: 190;
}

#version a{
background: url('images/version.png');
/* border: 1px solid #b7a286; */
color: #dfd3b6;
cursor: pointer;
display: block;
height: 20px;
line-height: 20px;
text-align: center;
text-decoration: none;
width: 70px;
}

#wrapper {
background: url('images/background.jpg') no-repeat;
background-color: #000000;
height: 1095px;
margin: 0 auto;
position: relative;
width: 970px;
}

#MainContainer {

}

.scrollContainer div.panel {
color: black;
display: block;
height: 546px;
line-height: 20px;
margin: auto;
overflow: hidden; /* era auto */
position: relative;
width: 1000px;
}

.scroll {
  height: 546px;
  overflow: auto;
  position: absolute; /* fix for IE to respect overflow */
  top: 220px;
  clear: left;
  width: 970px;
}

.panel {
padding-left: 10px;
padding-right: 10px;
}

.separator {
float: left;
width: 300px;
}



/* ---- HEADER ---- */

#header {
text-indent: -9999px;
}

#header a{
background: url('images/logo.jpg') no-repeat;
display: block;
height: 138px;
width: 508px;
}



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

.selected {
background: url('images/menu_item_bg_selected.jpg') !important;
}

#menu a {
background: url('images/menu_item_bg.jpg');
display: block;
height: 131px;
width: 108px;
}

#menu a:hover {
background: url('images/menu_item_bg_selected.jpg');
}

#menu ul {
float: right;
position: relative;
text-align: right;
top: -154px;
}

#menu li {
float: left;
}

#hidden_home {
display: none !important;
}


/* ---- PANELS ---- */

#Blank {
display: block;
float: left;
height: 546px;
width: 950px;
}

/* ------| HOME |------ */

h2 {
color: white;
font-size: 18px;
font-weight: normal;
letter-spacing: 0.025em;
}

#Home {
background: url('images/panel_Home.jpg');
display: block;
float: left;
height: 546px;
width: 950px;
}



/* CARTEL A ----*/

#cartel_H1 {
color: white;
height: 215px;
font-size: 18px;
font-weight: bold;
letter-spacing: -0.0381em;
word-spacing: 0px;
line-height: 20px;
position: relative;
top: 40px;
width: 397px;
}

#cartel_H1 h3 {
margin-bottom: 14px;
margin-left: 164px;
width: 255px;
}

#cartel_H1 h4 {
color: #e1ab06;
margin-left: 95px;
margin-top: 25px;
text-align: center;
}


/* CARTEL B ---- */

#cartel_H2 {
height: 215px;
left: 615px;
position: relative;
top: -175px;
width: 397px;
}

#cartel_H2 p {
margin-left: 7px;
margin-top: 20px;
width: 262px;
}

#cartel_H2 a {
left: 47px;
position: relative;
top: 25px;
}



/* CARTEL C ---- */

#cartel_H3 {
height: 215px;
left: 157px;
position: relative;
top: -121px;
width: 397px;
}

#cartel_H3 p {
margin-left: 7px;
margin-top: 20px;
width: 262px;
}

#cartel_H3 a {
left: 47px;
position: relative;
top: 6px;
}



/* CARTEL D ---- */

#cartel_H4 {
height: 215px;
left: 615px;
position: relative;
top: -336px;
width: 397px;
}

#cartel_H4 p {
margin-left: 7px;
margin-top: 20px;
width: 262px;
}

#cartel_H4 a {
left: 47px;
position: relative;
top: 25px;
}


/* ------| PORTFOLIO |------ */

#Portfolio {
background: url('images/panel_Portfolio.jpg');
display: block;
float: left;
height: 546px;
width: 950px;
}

#Portfolio h2 {
position: relative;
text-align: center;
top: -306px;
z-index: 13;
}

#Portfolio_marco {
display: block;
height: 345px;
left: 109px;
position: absolute;
top: 25px;
width: 748px;
z-index: 12;
}

.boton_izquierda{
background: url('images/flechas.png');
background-position: left top;
_background: url('images/boton_izquierda.png');
cursor: pointer;
display: block;
height: 75px;
left: 95px;
position: relative;
text-indent: -9999px;
top: 30px;
width: 66px;
}

.boton_izquierda:hover {
_background: url('images/boton_izquierda_hover.png');
background-position: left bottom;
}

.boton_derecha{
background: url('images/flechas.png');
background-position: right top;
_background: url('images/boton_derecha.png');
cursor: pointer;
display: block;
height: 75px;
left: 779px;
position: relative;
text-indent: -9999px;
top: -45px;
width: 66px;
}

.boton_derecha:hover {
_background: url('images/boton_derecha_hover.png');
background-position: right bottom;
}

#botones_CTA_portfolio {
margin: auto;
position: relative;
right: 212px;
top: -45px;
}

#botones_CTA_portfolio ul {
float: right;
}

#botones_CTA_portfolio li {
float: left;
padding: 20px;
}


/* ------| SERVICIOS |------ */

#Servicios {
background: url('images/panel_Servicios.jpg');
color: white;
display: block;
float: left;
height: 546px;
width: 950px;
}

#Servicios h2 {
left: -4px;
position: relative;
text-align: center;
top: -3px;
}

#Servicios p {
margin-top: 22px;
}

#Servicios em {
color: #e1ab06;
font-style: normal;
font-weight: normal;
}

#botones_CTA_servicios {
right: 200px;
margin: auto;
position: absolute;
bottom: 0px;
width: 100%
}

#botones_CTA_servicios ul {
float: right;
}

#botones_CTA_servicios li {
float: left;
padding: 20px;
}


/* CARTEL A ---- */



#cartel_S1 {
display: block;
float: left;
left: 65px;
position: relative;
top: 42px;
width: 230px;
}

#Lista_servicios li{
color: #e1ab06;
line-height: 20px;
list-style-image: url('images/tick-icon.png');
list-style-position: inside;
margin-left: 5px;
}



/* CARTEL B ---- */


#cartel_S2 {
display: block;
float: left;
left: 132px;
position: relative;
top: 42px;
width: 230px;
}



/* CARTEL C ---- */


#cartel_S3 {
display: block;
float: left;
left: 206px;
position: relative;
top: 42px;
width: 230px;
}



/* ------| CONTACTAR |------ */

#Contactar {
background: url('images/panel_Contactar.jpg');
display: block;
float: left;
height: 546px;
width: 950px;
}

#Contactar h2 {
position: relative;
right: 183px;
text-align: center;
top: -3px;
}



#botones_CTA_contactar {
right: 233px;
margin: auto;
position: relative;
top: 32px;
}

#botones_CTA_contactar ul {
float: right;
}

#botones_CTA_contactar li {
float: left;
padding: 11px;
}

#cartel_C1 {
display: block;
left: 356px;
position: relative;
top: 100px;
width: 600px;
}

#Contactar p {
margin-left: 25px;
position: relative;
top: 26px;
width: 336px;
}

#Contactar_info {
clear: both;
display: block;
right: 186px;
position: relative;
text-align: center;
top: 30px;
}

#Contactar_info a {
color: black;
}

iframe {
border: none;
display: block;
height: 457px;
overflow: hidden;
position: relative;
margin: auto;
top: 10px;
width: 750px;
}

/* ------| ACERCA DE |------ */

#Acerca_de {
background: url('images/panel_Acerca_de.jpg');
display: block;
float: left;
height: 546px;
width: 950px;
}

#Acerca_de h2 {
position: relative;
text-align: center;
top: -3px;
}

#Acerca_de p {
position: relative;
margin-top: 15px;
top: 10px;
}

#Acerca_de img {
float: left;
margin-top: 5px;
padding-right: 15px;
}

#cartel_A1 {
display: block;
left: 208px;
position: relative;
top: 57px;
width: 540px;
}

#botones_CTA_acerca_de {
right: 22px;
margin: auto;
position: relative;
top: 12px;
width: 100%
}

#botones_CTA_acerca_de ul {
float: right;
position: relative;
left: 20px;
}

#botones_CTA_acerca_de li {
float: left;
padding: 20px;
}



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

#Footer {
color: white;
font-size: 12px;
line-height: 20px;
margin-left: 320px;
position: absolute;
text-align: center;
top: 945px;
}

#Footer a {
color: white;
text-decoration: none;
}

#Footer a:hover {
color: white;
text-decoration: underline;
}



body:nth-of-type(1) .scroll{
   
}

body:nth-of-type(1) #Footer{
   
}

body:nth-of-type(1) #cartel_H1{
font-size: 17px !important;
}