body {
	width:100%;
	font-family:Ubuntu, tahoma, Arial, Helvetica, sans-serif;
	background-color:#ddd;
	background-image:url(imagenes/fondo.png);
	margin: 0;
	padding: 0;
	text-align: center;
	color: #444444;
}

#container {
	width: 1104px; 
	margin: 0 auto;
	background-color:#fff;
}

#mainContent {
}

option {
border-right: #777777 3px solid;
border-top: #777777 3px solid;
border-left: #777777 3px solid;
border-bottom: #777777 3px solid;
font: 8pt sans-serif, verdana;
background-color:#e2977a;
color: #f0efda;
}

input.text {
border-right: #75b1ef 2px solid;
border-top: #125192 2px solid;
border-left: #125192 2px solid;
border-bottom: #75b1ef 2px solid;
font: 9pt sans-serif, verdana;
background-color:#ffffff;
color: #000000;
}

input.text:focus {
background-color:#f8dac0;
}

input.button {
border-right: #1e1ee6 1px solid;
border-top: #1e1ee6 1px solid;
border-left: #1e1ee6 1px solid;
border-bottom: #1e1ee6 1px solid;
font: 9pt sans-serif, verdana;
background:url("imagenes/tipomacinactivo.gif");
background-color:#ffffff;
color: #ffffff;
}

input.button:hover{
border-right: #125192 1px solid;
border-top: #75b1ef 1px solid;
border-left: #75b1ef 1px solid;
border-bottom: #125192 1px solid;
font: 9pt sans-serif, verdana;
background:url("imagenes/tipomacactivo.gif") top left;
background-color:#ffffff;
color: #ffffff;
}

h1{
font-size: 20pt;
color: #f88012;
font-weight: normal ;
font-family: sans-serif, verdana, arial;}

h2{
font-size: 18pt;
color: #f88012;
font-weight: normal ;
font-family: sans-serif, verdana, arial;
padding:0px;
margin:0px}

h3{
font-size: 14pt;
font-weight: bold;
color: #f88012;
font-family: sans-serif, verdana, arial;}

h4{
font-size: 14pt;
color: #f88012;
font-family: sans-serif, verdana, arial;}

.banner{
position:absolute;
top:0px;
left:0px;
height:170px;
width:1100px;
}

.banner img{
height:130px;
width:1100px;
}

.logo{
position:absolute;
z-index:1001;
top:5px;
left:5px;
height:120px;}

.fonos{
position:absolute;
z-index:1002;
top:5px;
left:900px;
height:110px;}

.linkedin{
padding:0px;}

.menu{
position:absolute;
top:130px;
left:0px;
z-index:1000;
opacity:0.9;
width:1100px;
height:60px;
background-color:#3cad75;
color:#ffffff;
border-radius: 0px 0px 14px 14px;
padding-top:1px;
vertical-align:sub;
box-shadow: 0px 2px 7px #000;
}

.menu table{
padding: 0px;
border-collapse:collapse;
border: 0px solid #becfeb;
}

.menu td{
width:180px;
padding: 4px;
vertical-align:sub;
margin: 0 auto;
border-collapse:collapse;
border-top: 0px solid #becfeb;
border-bottom: 0px solid #9eafcb;
border-left: 0px solid #becfeb;
border-right: 1px solid #aaeeaa;
}

.menu a{
display:block;
height:30px;
font-size: 12pt;
font-family: Tahoma, sans-serif, verdana, arial;
border-top: 0px solid  #000000;
border-left: 0px solid #000000;
border-bottom: 0px solid  #000000;
border-right: 0px solid  #000000;
color:#ffffff;
text-decoration:none;
}
.menu a:hover{
color: #ffffff;
background-color:#4cbd85;
border-top: 0px solid  #000000;
border-left: 0px solid #000000;
border-bottom: 0px solid  #000000;
border-right: 0px solid  #000000;
}

.slideshow{
position:absolute;
top:0px;
left:0px;
width:1100px;
height:510px;
overflow:hidden;
}

.capa img{
width:1100px;
}

.textoslide{
position:absolute;
top:120px;
background-color:#ffffff;
border-radius: 10px 10px 4px 4px;
padding:8px;
border:1px solid  #f88012;
box-shadow: 0px 2px 7px #000;
width:350px;
}

.sombra {
font-family: sans-serif, arial, helvetica;
font-size: 14px;
color: #006600;
text-decoration: none;
}

.web{
padding:0px;
position:relative;
top:0px;
left:0px;
background: #ddd;
height: 760px;
border-top: 0px solid  #000000;
border-left: 2px solid  #f88012;
border-bottom: 0px solid  #000000;
border-right: 2px solid  #f88012;
}

.contenido{
position:absolute;
top:130px;
left:0px;
width:1060px;
height:410px;
background: #eee;
margin:0px;
padding:20px;
border-radius: 8px 8px 0px 0px;
}

.etapas{
position:absolute;
overflow:hidden;
top:0px;
left:0px;
width:1100px;
height:450px;
background: #ddd;
padding:0px;
}

.contenido2{
position:absolute;
top:65px;
left:510px;
width:530px;
height:380px;
overflow:auto;
font-family: tahoma,sans-serif, arial, helvetica;
font-size: 12px;
text-align: justify;
color: #555566;
border-radius: 8px 8px 8px 8px;
background: #ddd;
box-shadow: 0px 2px 7px #000;
padding:20px;
}

.imgizq{
position:absolute;
width:450px;
top:65px;
left:20px;
border-radius: 8px 8px 8px 8px;
box-shadow: 0px 2px 7px #000;
padding:10px;
border:0px;
}

.submenu{
position:relative;
top:50px;
width:410px;
height:430px;
font-size: 10px;
font-family: tahoma, verdana, arial;
background-color:#dddddd;
color:#777777;
text-decoration:none;
text-align: justify;
margin:10px;
margin-top:0px;
padding:10px;
border-top: 0px solid  #000000;
border-left: 0px solid #000000;
border-bottom: 0px solid  #000000;
border-right: 0px solid  #000000;
}
.submenu a{
display:block;
margin:4px;
padding:0px;
padding-top:10px;
padding-left:10px;
height:30px;
width:390px;
font-size: 11pt;
font-family: tahoma, verdana, arial;
border-top: 0px solid  #000000;
border-left: 0px solid #000000;
border-bottom: 0px solid  #000000;
border-right: 0px solid  #000000;
background-color:#264981;
color:#ffffff;
text-decoration:none;
}

.submenu a:hover{
color: #ffffff;
background-color:#3e699e;
border-top: 0px solid  #000000;
border-left: 0px solid #000000;
border-bottom: 0px solid  #000000;
border-right: 0px solid  #000000;
}

.submenu img{
width:410px;
height:510px;
padding:0px;
border:0px;
margin:0px;
}

.pie{
position:relative;
top:710px;
left:0px;
width:1100px;
height:60px;
color:#ffffff;
vertical-align:middle;
letter-spacing: 4px;
font-weight: bold;
background-color:#3c75ad;}


