/* FLOAT FIX */

*+html #main {display:inline-block;}
* html #main {height:1%}
#main:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}


html,body,#wrapper {
	min-height:100%;
	width: 100%;
	height:100%;
	margin:0 auto;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:85%;	
	color: #666;
}

html>body,html>body #wrapper {
	height:auto;
}
div.hr{clear: both; margin:  0px;  border: 1px solid #fff; background: url(../img/divider.gif) no-repeat center center; height: 30px;}

div.hr hr {
  display: none;
}

h3{font-family: Georgia, "Times New Roman", Times, serif; font-size: 23px; font-weight: normal; margin-bottom: 0px;}

p{line-height: 18px;}

img {
border:1px solid #D9D9D9;
padding:3px;
margin: 15px 10px 15px 0px;
float: left; 
}

.noframe {
border: none !important;
padding:0px;
margin: 5px 0px;
float: none; 
}



iframe {
border: none;
padding:3px;
margin: 15px 10px 15px 0px;
}

#wrapper {
	position:absolute;
	top:0;
	left:0;
	font-size: 1em;
	/*background:transparent url(someother.png) bottom right no-repeat;*/
}

body {
	background:#FFF url(../../objects/img/bg_top.gif) top left repeat-x;
}

#footer {
	/*position:absolute;*/
	bottom:0;
	width:100%;
	text-align:center;
	height:49px;
	background:#FFF url(../../objects/img/bg_footer.gif) top left repeat-x;
	clear:left;
	padding-top: 5px;
	font-size: 1em;
}

#main {
	height:auto;
	/*background-color:#ff6600;*/
	padding:0 0 3em;
	width: 780px;
	margin: 0 auto;


}

#header {
	height:119px;
}



#menu {
	height:32px;
	background-color:#ffa618;
}

#contentArea {
	/*border:1px solid #ff083d;*/
	/*overflow:auto;*/
	margin: 0 auto;
	width: 500px;
	padding: 0.9em;
	float:left;
	position: relative;


}

#contentArea a{color: #ff6600; text-decoration: none;}
#contentArea a:hover{color: #ff6600; text-decoration: underline;}

#menuBar {
	background:#ff6400;
	float:left;
	width:224px;
	margin: 0 auto;
	margin-left: 10px;
	margin-right: 10px;
	height: 415px;

}



.suckerdiv ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 100%z; /* Width of Menu Items */
}
	
.suckerdiv ul li{
position: relative;
line-height:16px;
}
	
/*Sub level menu items */
.suckerdiv ul li ul{
position: absolute;
width: 170px; /*sub menu width*/
top: 0;
visibility: hidden;
}

/* Sub level menu links style */
.suckerdiv ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: #fff;
text-decoration: none;
padding: 0.5em 20px;
border-bottom: 0;
line-height: 16px;
}


.suckerdiv ul li a:hover{
	background: url(../img/bg-white-trans.png);
	line-height: 16px;

}

.suckerdiv .subfolderstyle{
/*background: url(media/arrow-list.gif) no-repeat center right;*/
}


#header h1{
	display: block; width: 224px; height: 119px; margin:0; padding: 0; text-indent: -9999px;
	background: url(../img/logo-trans.png) no-repeat top left; 	margin-left: 10px;
	margin-right: 10px;
}

#header a:active, #header a:link, #header a:visited, #header a:hover{display: block; width: 224px; height: 119px; cursor:pointer; }


.blue{color: #007bd1;}
.indent{padding-left: 20px;}

#quienes-somos #menuBar, #quienes-somos #header h1{background-color: #FF6400;}
#que-hacemos #menuBar, #que-hacemos #header h1{background-color: #007bd1;}
#que-queremos #menuBar, #que-queremos #header h1{background-color: #5eaf25;}
#proyectos #menuBar, #proyectos #header h1{background-color: #80c0ff;}
#que-hicimos #menuBar, #que-hicimos #header h1{background-color: #fa3c9a;}
#con-quienes-trabajamos #menuBar, #con-quienes-trabajamos  #header h1{background-color: #1db5d6;}
#contacto #menuBar, #contacto #header h1{background-color: #bac600;}

/*#contacto #menuBar, #contacto #header h1{background-color: #b992de;}*/



.pics1{position: absolute; z-index: 500; top: 40px; left: 310px;}
#que-hicimos  .pics1{position: absolute; z-index: 500; top: 250px; left: 310px;}
#que-hicimos  .divider{margin: 40px 0px; border: none; background: url(../img/divider-small.gif) no-repeat center left !important; height: 30px;}

.pics2{left: -40px; position: relative;}
.first{margin-bottom:28px; width:279px;}

.middle{margin-left:28px; width:279px;}


#contact{background: #fff !important;}
#contact td, .tituloNormal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: 666666;
}

.titulo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;	
	color: FF0000;
}



.Input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	border: 1px solid #999999;
	height: 23px;
	width: 420px;

}

#mensaje{height: 70px;}320