body {	
	font-family:Arial,Helvetica,sans-serif;
	font-size: 12px;
	margin:0px;
	background:url(images/bg4.jpg) no-repeat #021c2b;
}
.links-menu{
	   color: #fff;
	   font-family:Arial,Helvetica,sans-serif;
	   font-weight: bold;
	   font-size:12px;
	   text-decoration:none;
}
.links-menu:hover{
	   color: #1787D3;
	   font-family:Arial,Helvetica,sans-serif;
	   font-weight: bold;
	   font-size:12px;
	   text-decoration:underline;
}
.links-internos{
	   color: #333;
	   font-family:Arial,Helvetica,sans-serif;
	   font-weight: bold;
	   font-size:12px;
	   text-decoration:underline;
}
.links-internos:hover{
	   color: #ccc;
	   font-family:Arial,Helvetica,sans-serif;
	   font-weight: bold;
	   font-size:12px;
	   text-decoration:underline;
}
.titulos {
	margin:10px 0px;	
	padding:0px;	
	font-size:16px;
	color:#666;
	font-weight:bold;
	text-align:left;
}
.titulo2 {
	margin:0px;	
	padding:0px;	
	font-size:14px;
	color:#056db2;
	font-weight:bold;
	text-align:left;
}
#wrap { 
	width:990px;	
	margin: 0px auto;	
	padding: 0px;
}
#logotop {
	width:340px;	
	height:130px; 
	margin: 0px;	
	padding: 0px;
	float:left;
}
#logotop h1{
	margin:0px;	
	padding:0px;	
	font-size:1px;
	color:#0678bc;
	font-weight:bold;
	text-align:left;
	text-indent:-11111px;
}
#topmenu {
	width:650px;	
	height:130px; 
	margin: 0px;	
	padding: 0px;
	float:right;
}
#nav {
	float:left;
	padding-bottom:12px;
	padding-left:40px;
	padding-top:75px;
	width:600px;
}
.nav_button {
	color:#FFFFFF;
	float:left;
	font-family:Arial,Helvetica,sans-serif;
	font-weight:bold;
	height:40px;
	width:100px;
}
.nav_button_sub {
	color:#1787D3;
	font-size:10px;
	font-weight:normal;
}
#topporfo {
	width:990px;	
	height:350px; 
	margin: 0px;	
	padding: 0px;
	float:left;
	background-image:url(images/img-porfo.jpg);
}
#content {
	width:435px;	
	margin: 0px;	
	padding: 40px 25px 0px 0px;
	float:right;
}
#content h1 {
	margin:0px;	
	padding:0px;	
	font-size:24px;
	color:#056db2;
	font-weight:bold;
	text-align:left;
}
#content h2 {
	margin:0px;	
	padding:0px;	
	font-size:24px;
	color:#056db2;
	font-weight:bold;
	text-align:left;
}
#content h3 {
	margin:13px 0px;	
	padding:0px;	
	font-size:16px;
	color:#666;
	font-weight:bold;
	text-align:left;
}
#content p {
	margin:0px;	
	padding:0px;	
	font-size:12px;
	color:#666;
	text-align:left;
}
#sub-content {
	width:450px;	
	height:290px; 
	margin: 0px;	
	padding: 35px 35px 0px 35px;
	float:left;
}
.stepcarousel{
position: relative; /*leave this value alone*/
float:left

overflow: scroll; /*leave this value alone*/
width: 450px; /*Width of Carousel Viewer itself*/
height: 290px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
width: 450px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

#sub-content h2 {
	margin:10px 0px 0px 0px;	
	padding:5px 0px 5px 50px;	
	font-size:18px;
	color:#056db2;
	font-weight:bold;
	text-align:left;
	background-color:#CCCCCC;
}
#cuerpo {
	width:990px;
	margin: 0px;	
	padding: 0px;
	float:left;
}
#cuerpo h2 {
	margin:0px;	
	padding:0px;	
	font-size:24px;
	color:#056db2;
	font-weight:bold;
	text-align:left;
}
#cuerpo h3 {
	margin:13px 0px;	
	padding:0px;	
	font-size:16px;
	color:#666;
	font-weight:bold;
	text-align:left;
}
#cuerpo p {
	margin:0px;	
	padding:0px;	
	font-size:12px;
	color:#fff;
	text-align:left;
}
#boxescuerpo {
	width:301px;
	height:201px;	
	margin: 18px 5px 8px 10px;	
	padding: 0px 5px;
	float:left;
}
#cuerpo2 {
	width:990px;	
	margin: 0px;	
	padding: 0px;
	float:left;
	background:#FFFFFF url(images/img-porfo.jpg) no-repeat;
}
#cuerpo2 h2 {
	margin:0px;	
	padding:0px;	
	font-size:24px;
	color:#056db2;
	font-weight:bold;
	text-align:left;
}
#cuerpo2 h3 {
	margin:13px 0px;	
	padding:0px;	
	font-size:16px;
	color:#666;
	font-weight:bold;
	text-align:left;
}
#cuerpo2 p {
	margin:0px;	
	padding:0px;	
	font-size:12px;
	color:#333;
	text-align:left;
}
#cuerpo2 h5 {
	margin:10px 0px 0px 0px;	
	padding:0px;	
	font-size:12px;
	color:#333;
	text-align:center;
}
#cuerpoizq {
	width:620px;	
	margin: 0px;	
	padding: 20px 0px 20px 20px;
	float:left;
}
#cuerpoder {
	width:310px;	
	margin: 0px;	
	padding: 20px 10px 20px 10px;
	float:right;
}
#cuerporfolio {
	width:950px;	
	margin: 0px;	
	padding: 20px 20px 20px 20px;
	float:left;
}
#cuerporfolio h2 {
	margin:0px;	
	padding:0px;	
	font-size:24px;
	color:#056db2;
	font-weight:bold;
	text-align:left;
	border-bottom: #056db2 dotted 2px;
}
#box-porfolio {
	width:270px;
	height:239px;	
	margin: 10px 15px;	
	padding:0px 5px;
	float:left;
}
#box-porfolio2 {
	width:270px;
	height:219px;	
	margin: 10px 10px;	
	padding:0px 5px;
	float:left;
}
#boxservicios {
	width:300px;	
	margin: 0px 10px 0px 0px;	
	padding: 0px;
	float:left;
}
#footer { 
	width:990px;
	height:60px;	
	margin: 0px auto;	
	padding: 0px;
	background-image:url(images/footer.jpg);
	float:left;
}
#footer h3 {
	margin:25px 0px 0px 0px;	
	padding:0px;	
	font-size:12px;
	color:#ccc;
	font-weight:bold;
	text-align:center;
}
#autor { 
	width:600px;
	height:60px;	
	margin: 0px;	
	padding: 0px;
	float:left;
}
#iconos { 
	width:350px;	
	margin: 15px 0px 0px 0px;	
	padding: 0px;
	float:right;
}
#iconos1 { 
	width:100px;
	height:33px;	
	margin: 0px 10px 0px 0px;	
	padding: 0px;
	float:left;
}
#iconos2 { 
	width:33px;
	height:33px;	
	margin: 0px 10px 0px 0px;	
	padding: 0px;
	float:left;
}
#iconos3 { 
	width:100px;
	height:33px;	
	margin: 0px;	
	padding: 0px;
	float:left;
}










.stepcarousel{
position: relative; /*leave this value alone*/

overflow: scroll; /*leave this value alone*/
width: 450px; /*Width of Carousel Viewer itself*/
height: 290px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
width: 450px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}