html, body {
    height: 100%;
}
a { outline-style: none }

a:focus { 
    outline: none; 
}

.inter{
	font: 17px/1 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
	width: 350px;
	margin-left: 100px;
	margin-top: 115px;
}

.right{
	float: right;
}

.intro{
	background: url(../imgs/back_orange.jpg) repeat;
}

.site{
	background: url(../imgs/back.jpg) repeat-x 0 bottom;
}

.clearfix {
    clear: both;
}

.indexCont{
	height: 285px;
	width: 623px;
	margin-left: 120px;
	margin-top: 120px;	
}


div#distanceIntro {
    margin-bottom: -40px; /* half of content height */
    background: transparent; /* temporary - used to see div */
    width: 1px; /* required to "hide" distance div */
    height: 50%; /* required */
    float: left;
}

div#containerIntro {
    position: relative; /* positions content on top of distance */
    text-align: left; /* horizontal centering hack for IE */
    height: 80px; /* required - desired height */
    width: 200px; /* required - desired width */
    margin: 0 auto; /* required */
    clear: left;
	background-image: url(../imgs/intro/back_intro.jpg);
	background-repeat: no-repeat;
	padding: 0;
	display:none;
}

div#distance {
    margin-bottom: -280px; /* half of content height */
    background: transparent; /* temporary - used to see div */
    width: 1px; /* required to "hide" distance div */
    height: 50%; /* required */
    float: left;
}
.blank{
}

div#container {
    position: relative; /* positions content on top of distance */
    text-align: left; /* horizontal centering hack for IE */
    height: 530px; /* required - desired height */
    width: 800px; /* required - desired width */
    margin: 0 auto; /* required */
    clear: left;
    padding: 10px;
	background: url(../imgs/container_back.jpg) no-repeat right bottom;
}

div#inicio {
    position: relative; /* positions content on top of distance */
    text-align: left; /* horizontal centering hack for IE */
    height: 530px; /* required - desired height */
    width: 800px; /* required - desired width */
    margin: 0 auto; /* required */
    clear: left;
    padding: 10px;
	background: url(../imgs/backs/inicio-back.jpg) no-repeat left top;
}

div#quienes1 {
    position: relative; /* positions content on top of distance */
    text-align: left; /* horizontal centering hack for IE */
    height: 530px; /* required - desired height */
    width: 800px; /* required - desired width */
    margin: 0 auto; /* required */
    clear: left;
    padding: 10px;
	background: url(../imgs/backs/quienes-1.jpg) no-repeat left top;
}

div#quienes2 {
    position: relative; /* positions content on top of distance */
    text-align: left; /* horizontal centering hack for IE */
    height: 530px; /* required - desired height */
    width: 800px; /* required - desired width */
    margin: 0 auto; /* required */
    clear: left;
    padding: 10px;
	background: url(../imgs/backs/quienes-2.jpg) no-repeat left top;
}

div#quienes3 {
    position: relative; /* positions content on top of distance */
    text-align: left; /* horizontal centering hack for IE */
    height: 530px; /* required - desired height */
    width: 800px; /* required - desired width */
    margin: 0 auto; /* required */
    clear: left;
    padding: 10px;
	background: url(../imgs/backs/quienes-3.jpg) no-repeat left top;
}

div#clientes {
    position: relative; /* positions content on top of distance */
    text-align: left; /* horizontal centering hack for IE */
    height: 530px; /* required - desired height */
    width: 800px; /* required - desired width */
    margin: 0 auto; /* required */
    clear: left;
    padding: 10px;
	background: url(../imgs/backs/clientes.jpg) no-repeat left top;
}

div#contacto1 {
    position: relative; /* positions content on top of distance */
    text-align: left; /* horizontal centering hack for IE */
    height: 530px; /* required - desired height */
    width: 800px; /* required - desired width */
    margin: 0 auto; /* required */
    clear: left;
    padding: 10px;
	background: url(../imgs/backs/contacto-1.jpg) no-repeat left top;
}

div#contacto2 {
    position: relative; /* positions content on top of distance */
    text-align: left; /* horizontal centering hack for IE */
    height: 530px; /* required - desired height */
    width: 800px; /* required - desired width */
    margin: 0 auto; /* required */
    clear: left;
    padding: 10px;
	background: url(../imgs/backs/contacto-2.jpg) no-repeat left top;
}

div#servicios1 {
    position: relative; /* positions content on top of distance */
    text-align: left; /* horizontal centering hack for IE */
    height: 530px; /* required - desired height */
    width: 800px; /* required - desired width */
    margin: 0 auto; /* required */
    clear: left;
    padding: 10px;
	background: url(../imgs/backs/servicios-1.jpg) no-repeat left top;
}

div#servicios2 {
    position: relative; /* positions content on top of distance */
    text-align: left; /* horizontal centering hack for IE */
    height: 530px; /* required - desired height */
    width: 800px; /* required - desired width */
    margin: 0 auto; /* required */
    clear: left;
    padding: 10px;
	background: url(../imgs/backs/servicios-2.jpg) no-repeat left top;
}

div#servicios3 {
    position: relative; /* positions content on top of distance */
    text-align: left; /* horizontal centering hack for IE */
    height: 530px; /* required - desired height */
    width: 800px; /* required - desired width */
    margin: 0 auto; /* required */
    clear: left;
    padding: 10px;
	background: url(../imgs/backs/servicios-3.jpg) no-repeat left top;
}


div#header{
	height: 147px;
	width: auto;
}

div#headereng{
	height: 147px;
	width: auto;
}

div#menu{
	height: 31px;
	width: auto;
	margin-right: 15px;
}

.subMenu{
	font: 13px/1 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
	display: block;
	height: 35px;
	width: 140px;
	background: transparent;
	color: #cccccc;
	float: right;
	margin-right: 20px;
	padding-right: 5px;
	text-decoration:none;
	text-align: right;
	border:0;
	outline:none;
	-moz-user-select: none;
   	-khtml-user-select: none;
   	user-select: none;
}

.subMenu:hover{
	color: #f45d11;
}

.selected{
	color: #f45d11;
	cursor: default;
}

div#line{
	width: auto;
	height: 14px;
	background: transparent;
}

div#menulat{
	width: 170px;
	height: 285px;
	float: left;
	display:none;
	padding-top: 12px;
}

div#content{
	height: 285px;
	width: 623px;
	float: left;
	background-color: #f1f1f1;
	display:none;
}

.somos1{
}
/***************************************
 * *****************ROTATOR*************
 * ************************************/
/*contender de rotador*/
.contentRotator{
	display: inline-block;
	margin-left: 320px;
	margin-top: -20px;
	position: absolute;
}
 
 
/* rotator in-page placement */
    div#rotator {
	height:129px;
	position: absolute;
}
/* rotator css */
	div#rotator ul li {
	float:right;
	position:absolute;
	list-style: none;
}
/* rotator image style */	
	div#rotator ul li img {
	border:0px solid #ccc;
	padding: 0px;
	background: transparent;
}
    div#rotator ul li.show {
	z-index:500
}

/***************************************
 * *****************CLIENTS*************
 * ************************************/
.clientsCont{
	padding-top: 30px;
	padding-right: 30px;
	padding-left: 30px;
}

.clients{
	margin-top: 20px;
	padding-left: 15px;
}

.client{
width: 350px;
}

.content1{
	width: 425px;
	padding-top: 50px;
	margin: 0 auto;
}

.footer{
margin-left: 175px;
float: left;
width: 700px;
}

.copyright{
	font-size: 10px;
	font-style:normal;
	padding-top: 10px;
	color:#B3B3B3;
}

.valor{
	margin-left: 30px;
}

/***************************************
 * *****************LOGOS*************
 * ************************************/
 

 .techCont{
 	margin-left: 90px;
 	margin-top: 60px;
 }

 .techContExito{
 	margin-left: 50px;
 	margin-top: 42px;
 }