body
{
  width: 100%;
  background-position: top center;
  margin: 0;
  padding: 0;

	background-image: url('../img/fondos/bg.gateway.jpg');
	background-repeat: repeat-x;
 
  font-family: "Tahoma", lucida, arial, sans-serif;
  font-style: normal;
  font-size: small;		
}
h1
{
	font-family: "Helvetica CY", "Helvetica Condensed", helvetica, lucida, arial, sans-serif;
	font-style: normal;
	font-weight: normal;
  	font-size: 26px;
}

h1 span.h3
{
	font-family: "Helvetica CY", "Helvetica Condensed",helvetica, lucida, arial, sans-serif;
	font-style: normal;
	font-weight: normal;
  	font-size: 20px;
  	text-align: right;
	float: right;
}

h2
{
	font-family: "Helvetica CY", "Helvetica Condensed", helvetica, lucida, arial, sans-serif;
	font-style: normal;
	font-weight: normal;
  	font-size: 24px;
}

h2 span.h3
{
	font-family: "Helvetica CY", "Helvetica Condensed",helvetica, lucida, arial, sans-serif;
	font-style: normal;
	font-weight: normal;
  	font-size: 20px;
  	text-align: right;
	float: right;
}

h3
{
	font-family: "Helvetica CY", "Helvetica Condensed",helvetica, lucida, arial, sans-serif;
	font-style: normal;
	font-weight: normal;
  	font-size: 20px;
  	text-align: right;
}

h4
{
	font-family: "Helvetica CY", "Helvetica Condensed", helvetica, lucida, arial, sans-serif;
	font-style: normal;
  	font-size: medium;
}

h5{
	font-family: "Tahoma", lucida, arial, sans-serif;
	font-style: normal;
  	font-size: small;
	margin: 5px 0;
}
h1
{
	color: #777;
}

h3, span.h3
{
	color: #444;
}

a
{
	text-decoration: none;
	color: #f90;
}
img
{
	border: none;
}
ul
{
	list-style-image: url('../img/home/li.png');
	padding-left: 15px;
}
em
{
	font-style: italic;
}
strong
{
	font-weight: bold;
}
/*#header
{
	background-image: url("../img/header1.png");
	//position: absolute;
	top: 0;
	height: 78px ;
	width: 100%;
	background-repeat: repeat-x;
	z-index: 1;
}*/
/***************** BOTONERA *********************/
#header
{
	background: url("../img/header/bg_header.png") top repeat-x;
	width: 100%;
	height: 140px;
	margin: 0;
	padding: 0;
	font-family: "Helvetica CY", "Helvetica Condensed", helvetica, lucida, sans-serif;
}
#header_wraper
{
	position: relative;
	background: url("../img/header/bg_botonera_sprite.png");
	width: 960px;
	height: 79px;
	margin: auto;
	padding: 0;
	z-index: 150;
}
#header_wraper p
{
	display: block;
	color: #999;
	position: absolute;
	top: 10px;
	left: 200px;
}
#header_wraper #path
{
	display: block;
	font-size: x-small;
	color: #666;
	position: absolute;
	z-index: 50;
	top: 80px;
	left: 200px;
}
#header_wraper #path a
{
	color: #666;
	text-decoration: none;
}

#botonera
{
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
	padding: 0;
	margin: 0;
}
#botonera li
{
	display: block;
	overflow:hidden;
}
#botonera .head
{
	float: left;
	color: #fff;
	display: block;
	text-transform: uppercase;
	text-align: center;
	margin: 0;
	padding-top: 10px;
	text-decoration: none;
	font-size: 12px;
	overflow: hidden;
	position: absolute;
	z-index: 200;
}
#botonera #head-home
{
	left: 200px; 
	top: 42px; 
	height: 24px; 
	width: 55px;
}
#botonera #head-creativity
{
	left: 258px; 
	top: 42px;  
	height: 24px; 
	width: 69px;
}
#botonera #head-development
{
	left: 327px; 
	top: 42px;  
	height: 24px; 
	width: 102px;
}
#botonera #head-support
{
	left: 429px; 
	top: 42px;
	height: 24px; 
	width: 74px;
}
#botonera #head-internet_marketing
{
	left: 502px; 
	top: 42px; 
	height: 24px; 
	width: 141px;

}
#botonera #head-portfolio
{
	left: 643px; 
	top: 42px; 
	height: 24px; 
	width: 82px;
}
#botonera #head-best_price
{
	left: 726px; 
	top: -2px; 
	height: 79px; 
	width: 149px;
}
#botonera #head-best_price em 
{
	color: #aaa;
    text-transform: none;
    font-style: normal; 
    line-height: 42px;   
}
#botonera #head-contact
{
	left: 875px; 
	top: 42px; 
	height: 24px; 
	width: 74px;
}

/************************/
#botonera li ul
{
	position: absolute;
	visibility: hidden;
	width: 134px;
	top: 79px;
	background: url("../img/header/desplegable2.png") bottom;
	padding: 20px 13px 15px 13px;
	margin: 0;
	z-index: 100;
	font-family: Tahoma, lucida, arial, sans-serif;
	font-size: 11px;
}
#botonera li ul a
{
	color: #505050;
	text-decoration: none;
	display: block;
	border-top: 1px solid #ebebeb;
	padding:1px;
	margin: 1px;
}
#botonera .first-elm span
{
	display: block;
	height: 5px;
	margin: 0;
	width:100%;
	background: url("../img/header/flecha_desplegable.png") top center no-repeat;
}
#botonera .first-elm a
{
	border: none;
}
#botonera li ul a:hover
{
	color: #000;
}

#submenu-creativity
{
	left: 211px;
}
#submenu-development
{
	left: 297px;
}
#submenu-support
{
	left: 385px;
}
#submenu-internet_marketing
{
	left: 494px;
}

#submenu-portfolio
{
	left: 604px;
}
/*************************/

#botonera #head-home:hover
{
	background: transparent url("../img/header/bg_botonera_sprite.png") -200px -142px no-repeat; 
	height: 32px; 
}
#botonera #head-creativity:hover, #botonera #head-creativity.open
{
	background: transparent url("../img/header/bg_botonera_sprite.png") -258px -142px no-repeat; 
	height: 32px; 
    color: rgb(231,127,39);
}

#botonera #head-development:hover, #botonera #head-development.open 
{
  background: transparent url("../img/header/bg_botonera_sprite.png")
        -327px -142px no-repeat;
        color: rgb(120,188,28);
        	height: 32px;
}
#botonera #head-support:hover, #botonera #head-support.open 
{
  background: transparent url("../img/header/bg_botonera_sprite.png")
        -429px -142px no-repeat;
        color: rgb(63,150,201);
        	height: 32px;
}
#botonera #head-internet_marketing:hover, #botonera #head-internet_marketing.open
{
  background: transparent url("../img/header/bg_botonera_sprite.png")
        -502px -142px no-repeat;
        color: rgb(154,191,181);
        	height: 32px;
}
#botonera #head-portfolio:hover 
{
  background: transparent url("../img/header/bg_botonera_sprite.png")
        -643px -142px no-repeat;
        color: #000;
        	height: 32px;
}
#botonera #head-best_price:hover 
{
  background: transparent url("../img/header/bg_botonera_sprite.png")
        -726px -99px no-repeat;
         color: #fff;
}
#botonera #head-best_price:hover em 
{
         color: #fff;
}
#botonera #head-contact:hover 
{
  background: transparent url("../img/header/bg_botonera_sprite.png")
        -875px -142px no-repeat;
        height: 32px;
}
#botonera li:hover ul
{
	visibility: visible;
}
#header_wraper #logo
{
	position: absolute;
	display: block;
	height: 142px;
	width: 172px;
	top: 2px;
	left: 2px;
	z-index: 30;
}
/***************** END BOTONERA *********************/
#wrapper
{ 
  width: 960px;
  margin: 0 auto; 
  clear: both;
overflow: hidden;
margin-top: -50px;
padding-top: 50px;
}

#footer
{
	background: #383838 url("../img/footer/footer.png") repeat-x;
	width: 100%;
	clear: both;
	z-index: 1;
	margin-top: 30px;
	margin-bottom: -15px;
}
#foot-center
{
	margin: 10px auto;
	width: 960px;
	color: #aaa;
	font-size: 11px;
}
#footer table
{
	top: 180px;
	width: 960px;
	height: 170px;
	z-index: 10;
}
#footer table td
{
	width: 180px;
}


#footer a
{
	color: #aaa;	
	text-decoration: none;
}

#footer em
{
	font-style: normal;
	font-weight: bold;
}

#footer .separation
{
	background: transparent url("../img/line_dark.png") no-repeat;
	clear: both;
	width: 960px; 
	height: 2px; 
	border: none;
	padding: 0;
	margin: 15px 0;
}
#footer .separation hr
{
	display: none;
}

#copyright
{
	background-image: url("../img/footer/bg_copyright.png");
	height: 55px;
	width: 100%;
	background-repeat: repeat-x;
	background-color: #000;
	margin-bottom: -10px;
}
#copyright-wrapper
{
	font-size: 10px;
	margin: auto;
	width: 960px;
	padding: 10px;
	color: #7a7a7a;
}

#copyright-wrapper .social-media
{
	height:27px;
	width: 97px;
	float: right;
	display: block;
	background: transparent url('../img/footer/social_web_icons.png') no-repeat bottom left;
		font-height: 27px;
		margin: 3px;
	
}
#copyright-wrapper .right
{
	text-align: right;
	float: right;
	padding: 0 20px;
}


#copyright-wrapper .social-media a
{
	height:27px;
	width: 27px;
	display: block;
	float: left;
	margin-right: 5px;
}


#copyright-wrapper .social-media a.linkedin:hover
{
	background: transparent url('../img/footer/social_web_icons.png') no-repeat 0 0;
}
#copyright-wrapper .social-media a.facebook:hover
{
	background: transparent url('../img/footer/social_web_icons.png') no-repeat -32px 0;	
}
#copyright-wrapper .social-media a.twitter:hover
{
	background: transparent url('../img/footer/social_web_icons.png') no-repeat -64px 0;	
}


#footer #formulario
{
	width: 220px;
	margin: 10px 0 0 0;
	float: right;
}
#footer #formulario div input
{
	background: transparent url('../img/footer/formular.png') no-repeat 0 0;
	padding: 5px 10px;
	border: 0;
	margin: 1px;
	height: 15px;
	width: 190px;
	color: #fff;
}

#footer #formulario div label
{
	background: transparent url('../img/footer/formular_label.png') no-repeat 0 0;
	padding: 6px 0;
	border: 0;
	margin: 1px;
	height: 15px;
	width: 50px;
	text-align: center;
	color: #444;
	float: left;
	font-weight: bold;
}

#footer #formulario div input.captcha
{
	background: transparent url('../img/footer/formular_captcha.png') no-repeat 0 0;
	padding: 5px 10px;
	border: 0;
	margin: 1px;
	height: 15px;
	width: 60px;
	color: #fff;
	float: left;
}


#footer  #formulario .submit input
{
	background: url("../img/botones/form_button_sprite.png") top;
	border: none;
	text-transform: uppercase;
	font-size: 10px;
	float: right;
	color: #fff;
	padding: 6px 20px 6px 10px;
	margin: 2px 8px;
	height: 24px;
	width: 68px;
	cursor: pointer;
}
#footer #formulario .submit input:hover
{
	background: url("../img/botones/form_button_sprite.png") bottom;
}



/*********** SLIDER ***********/
#slider
{
	position: relative;
	height: 160px;
	width: 700px;
	margin: 10px 0 0 0;
	overflow: hidden;
	float: left;
}

#slider .previous
{
	cursor: pointer;
	position: absolute;
	left: 0;
	top: 70px;
	background: url("../img/footer/arrow_gray.png") center left no-repeat;
	height: 33px;
	width: 32px;
	z-index: 7;
}
#slider .previous:hover
{
	background: url("../img/footer/arrow_gray.png") -32px center no-repeat;
}
#slider .next
{
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 70px;
	background: url("../img/footer/arrow_gray.png") center right no-repeat;
	height: 33px;
	width: 32px;
	z-index: 8;
}
#slider .next:hover
{
	background: url("../img/footer/arrow_gray.png") -64px center no-repeat;
}
#slider .slider-content
{
	position: absolute;
	width: 5000px;
	height: 140px;
	top: 10px;
	left: 0px;
	z-index: 1;
}
#slider .slider-elm
{
	margin: 0 10px 0 0;
	height: 110px;
	width: 150px;
	overflow: hidden;
	float: left;
	text-align: center;
	background: url("../img/footer/bg_elm_slider.png") center;
	background-repeat: no-repeat;
}

#slider .slider-elm img
{
	height: 87px;
	width: 150px;
	margin-bottom: 3px;
	overflow: hidden;
	float: left;
}

#slider .slider-view
{
	position: absolute;
	left: 34px;
	top: 25px;
	width: 630px;
	height: 120px;
	overflow: hidden;
	z-index: 1;
}
/*********** END SLIDER ***********/

/************** BUTTONS ****************/
/*** BLACK BUTTONS ***/
.hover_button p
{
	margin: 0;
	padding: 0;
}

.hover_button
{
	font: 10px "Lucida Grande", sans-serif;
	line-height: 10px;
	text-transform: uppercase;
	height: 24px;	
	color: #bcbcbc;
}

.hover_button a.button 
{
	background: url('../img/botones/boton_orange_a.png') no-repeat top right;
	display: block;
	float: left; 
	height: 24px;
	margin:  0 0 0 4px;
	padding: 0 24px 0 0;
	text-decoration: none;
}

.hover_button a, .hover_button a.button:link, .hover_button a.button:visited
{
	color: #bcbcbc;
	text-decoration: none;
}

.hover_button a.button span 
{
	background: url('../img/botones/boton_orange_span.png') no-repeat top left;
	display: block;
	line-height: 10px;
	height: 10px;
	padding: 7px 0px 7px 11px;
	margin: 0;
}

.hover_button a.button:hover
{
	background: url('../img/botones/boton_orange_a.png') no-repeat bottom right;
	display: block;
	float: left; 
	height: 24px;
	margin:  0 0 0 4px;
	padding: 0 24px 0 0;
	color: #000;
	text-decoration: none;
	font-weight: normal;
}

.hover_button a.button:hover span 
{
	background: url('../img/botones/boton_orange_span.png') no-repeat bottom left;
	display: block;
	line-height: 10px;
	height: 10px;
	padding: 7px 0 7px 11px;
	margin: 0;
} 

/*** ORANGE BUTTONS ***/
.hover_button p
{
	margin: 0;
	padding: 0;
}

.hover_button
{
	font: 10px "Lucida Grande", sans-serif;
	text-transform: uppercase;
	height: 24px;
	color: #fff;	
}
.hover_button a, .hover_button a.button:link, .hover_button a.button:visited
{
	color: #fff;
	text-decoration: none;	
}

.hover_button a.button 
{
	  
	background: url('../img/botones/boton_orange2_a.png') no-repeat top right;
	  display: block;
	  float: left; 
	  height: 24px;
	  margin: 0 0 0 4px;
	  padding: 0 24px 0 0;
	  color: #fff;
}


.hover_button a.button span 
{
	background: url('../img/botones/boton_orange2_span.png') no-repeat top left;
	display: block;
	line-height: 10px;
	height: 10px;
	padding: 7px 0px 7px 11px;
	margin: 0;
}

.hover_button a.button:hover
{
	background: url('../img/botones/boton_orange2_a.png') no-repeat bottom right;
	display: block;
	float: left; 
	height: 24px;
	margin:  0 0 0 4px;
	padding: 0 24px 0 0;
	text-decoration: none;
	font-weight: normal;
}

.hover_button a.button:hover span 
{
	background: url('../img/botones/boton_orange2_span.png') no-repeat bottom left;
	display: block;
	line-height: 10px;
	height: 10px;
	padding: 7px 0px 7px 11px;
	margin: 0;
} 

/*************** END BUTTONS *****************/

/*********** SIFR ***********/
/* These are standard sIFR styles... do not modify */

/*.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}*/

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
/*.sIFR-flash + div[adblocktab=true] 
{
	display: none !important;
}*/

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

/*.sIFR-hasFlash h2 
{
	visibility: hidden;
	display: block;
	height: 30px;
	
}

.sIFR-hasFlash h3 
{
	visibility: hidden;
	display: block;
	height: 24px;
}*/
/*********** END SIFR ***********/
/******** lines ********/
.line
{
	overflow: hidden;
	clear: both;
}
.line .hover_button, .line .hover_button
{
	float: right;
}

.content-line-2 a:link, .content-line-2 a:visited
{
	color: #444; 
	text-decoration: underline;
}
.content-line-2 a:hover, .content-line-2 a:active
{
	text-decoration: none;
}
.content-line-1
{
	overflow: hidden;
	margin: 10px 0;
	padding: 0;
	height: 350px;
}
.content-line-1 p
{
	width: 297px;
	padding: 0 4px;
}
.content-line-2
{
	overflow: hidden;
	padding: 0;
	height: 420px;
}
.content-line-2 p
{
	width: 297px;
	padding: 0 4px;
	margin: 0;
}


.separation
{
	clear: both;
	background: transparent url("../img/home/line.png") no-repeat;
	width: 960px; 
	height: 2px; 
	border: none;
	padding: 0;
	margin: 15px 0;
}
.separation hr
{
	display: none;
}


.elm-line
{
	width: 305px;
	float: left;
	margin: 0 7px;
}


.title-line
{
	overflow: hidden;
	width: 297px;
	padding: 0 4px;
}
.title-line-2
{
	overflow: hidden;
	width: 297px;
	padding: 0 4px;
}

.clear{
	clear: both;
}

/************* INTERNAL **************/

.left-menu {
	float: left;
	width: 230px;
	position: relative;
	margin-top: 80px;
}


#content-left-buttons {
	margin-top: 26px;
	padding: 0px;
}

.left-button {
	width: 230px;
	height: 40px;
	padding-left: 12px;
	background: transparent url("../img/home/left-menu-button.png") no-repeat top left;
	/*vertical-align: middle;*/
	position: relative;
	overflow: hidden;
}

.left-button:hover, .left-button.open {
	background: transparent url("../img/home/left-menu-button-select.png") no-repeat top left;
}

.left-button a {
	height: 40px;
	line-height: 40px;
	display: block;
	color: #373737;
	cursor: pointer;
	position: relative;
	z-index: 100;
}

.left-button a:hover, .left-button.open a{
	color: #ffffff;
	padding-left: 17px;
}

.light-buttons {
	width: 202px;
	height: 262px;
	background: transparent url("../img/home/light-buttons.png") no-repeat top left;
	position: absolute;
}


.text-internal {
	width: 690px;
	float: left;
	padding-left: 30px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #4a4a4a;
	line-height: 21px;
	/*padding-top: 34px;
	padding-bottom: 36px;*/
}

.text-internal ul {
	padding-left: 30px;
	/*padding-bottom: 38px;
	padding-top: 20px;*/
}
.text-internal h3 {
	float: none;
	text-align: left;
}


.error-message{
	color: red;
}

/************************ FLASH *************************/
#anim, #anim-div{
	position: absolute;
	z-index: 10;
	width: 1000px;
	height: 490px;
	top: 92px;
	margin-left: -20px;
	display: block;
}

#anim img{
	display: block;
	margin: 0 auto;
}


#anim-place{
	height: 390px;
}
/***************/
.testimonial{
	clear: both;
}
.testimonial-image{
	margin-top: 5px;
	background: url('../img/bg-testimonials.png') no-repeat scroll top left;
	width: 301px;
	padding: 8px;
}
.testimonial .left-col{
	width: 310px;
	float: left;
}
.testimonial .right-col{
	float: right;
	width: 380px;
}
span.link-testimon a{
	color: #00649e;
	font-style: italic;
}