body {
    background: url(../img/background.png) repeat-x;
    font: 14px Arial, Helvetica, sans-serif;
}

h1 {
    font-size: 25px;
    color: #003D76;
    margin-bottom: 10px;
}

p {
    margin-bottom: 8px;
    line-height: 18px;
}

ul {
    list-style: square;
    margin-left: 20px;
}

#SexyAlertBox-BoxContenedor li {
    margin-bottom: 10px;
}

.clear {
    clear: both;
}

.contenedor {
    width: 800px;
    margin: 10px auto;
}

.contenedor-popup {
    padding: 20px;
}

#contenido {
    width: 783px;
    margin-bottom: 10px;
}

#menu {
    cursor: pointer;
    background: url(../img/cabecera.png) no-repeat;
    height: 55px;
}

.menu {
    background: url(../img/cabecera.png);
    float: left;
    height: 55px;
}

#pie {
    background-color: #d1d2d4;
    margin-top: 5px;
    padding-top: 3px;
    text-align: right;
    height: 36px;
}

#pie img {
    position: relative;
}

#pie img:hover, #pie img.hover {
    margin-top: -10px;
    border-bottom: solid 3px #666;
}

#pie ul { margin-left: 5px; }

#pie li {
    display: inline;
    margin-right: 15px;
}

#pie .politicas {
    float: left;
    text-align: left;
    font-size: 12px;
    width: 66%;
}

#pie .politicas li {
    display: block;
}

#pie .logos_empresas li { margin:0 }

a, .tel {
    font-size: 10pt;
    font-weight: bold;
    color: #003d76;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

.row {
    clear: both;
    margin-top: 5px;
}

.row .col {
    display: inline;
    float: left;
    margin: 8px 5px;
}

.titulo {
    font-weight: bold;
    font-size: 11pt;
    color:#003d76;
}

.slogan {
    font-size: 15pt;
    font-style: italic;
    color: #003d76;
    float: left;
    padding-left: 1em;
}

.chat {
    float: right;
}

#login_contenedor {
    background: url(../img/imagenprincipal.png) no-repeat;
    width: 783px;
    height: 221px;
    position: relative;
}

#login {
    float: right;
    margin: 4px 4px 0 0;
}

#login_contenedor > #login {
    margin: 8px 8px 0 0;
}

#login a {
    font-size: 11px;
}

#login p {
    font-size: 11px;
    margin-bottom: 5px;
}

#login input.text {
    background-color: #eee;
    border: solid 1px #777;
    font-size: 11px;
}

#amipci {
    position: absolute;
    bottom: 15px;
    right: 130px;
}

#moprosoft {
    position: absolute;
    bottom: 5px;
    right: 10px;
}

#pasos img, .pasos-png {
    margin: 20px 24px 0;
}

hr {
    border-color: #FFF;
}

#d_para {
    float: left;
    padding-left: 20px;
}

#d_para .row .col{
    margin: 0;
}

#d_para .row .col-alpha {
    margin-right: 15px;
}

#opinan {
    float: right;
}

#opinan .row .col{
    margin: 0;
}

#opinan .row .col-alpha {
    margin-right: 15px;
}

#areas {
    background: url(../img/fon.png) no-repeat;
    float: left;
    width: 282px;
    height: 163px;
}

#areas_contenido {
    padding: 10px 11px 0;
    margin: auto;
    text-align: center;
}

#areas .boton {
    width: 120px;
}

#areas .botonIni, #areas .botonFin {
    background-color: #dedede;
}

#areas td {
    padding: 2px;
}

#que {
    background: url(../img/fon2.png) no-repeat;
    float: left;
    width: 501px;
    height: 163px;
    overflow: hidden;
}

#que_contenido {
    padding: 10px 5px 0 20px;
}

/** Botones **/

.boton{
    background:url(../img/cen.png) repeat-x;
    font-weight: bold;
    font-size: 10pt;
    padding-top:5px;
    color:#FFF;
    text-align: center;
    height:35px;
    width:170px;
    cursor:pointer;
}
.azul, .azul .botonLado{
    background-position:0 -40px;
}

.botonIni{
    position:relative;
    top:-5px;
    float:left;
    background:#FFF url(../img/izq.png) no-repeat scroll top left;
}
.botonFin{
    float:right;
    position:relative;
    top:-5px;
    background:#FFF url(../img/der.png) no-repeat scroll top left;
}
.botonLado{
    width:4px;
    height:35px;
}

/** Slider **/

#slider{
    float: left;
}

#slider ul.slider, #slider li.slider{
	margin:0;
	padding:0;
	list-style:none;
}

#slider li.slider{ 
	width:482px;
	height:281px;
	overflow:hidden; 
}

#slider .flatblock ul {
    list-style: disc;
}

#slider .flatblock ol {
    list-style: decimal;
    padding-left: 40px;
}

#slider-content{
	background:url(../img/background-slider.png) no-repeat;
	width:784px;
	height:285px;
    margin-bottom: 15px;
	padding-top:2px;
}

#slider-content td {
    padding-top: 20px;
    padding-left: 10px;
}

#slider-content td, #slider-content-contacto td {
    vertical-align: top;
}

#slider-content .flatblock {
	height: 241px;
}

#slider-titles {
	width:273px;
	padding:20px 7px 0px 20px;
	float:left;
}

#slider-titles .opcion {
    padding-left: 15px;
}

#slider-titles .elegido {
    color: #003d76;
    background: url(../img/indicador.gif) no-repeat;
}

.opcion {
    font-weight: bold;
    font-size: 17px;
    color: #888;
    cursor: pointer;
    padding-bottom: 22px;
}

#funciona {
	background: url(../img/funciona.png) no-repeat;
    float: left;
	width: 493px;
	height: 284px;
}

#funciona img, .funciona-png {
    margin: 20px 24px 0;
    margin-top: 30px;
    margin-left: 20px;
    display: block;
}

#info_tec {
    background: url(../img/informacion.png) no-repeat;
    float: right;
    height: 283px;
    width: 277px;
    text-align: center;
}

#info_tec .titulo {
    font-size: 16pt;
    color: #FFF;
    margin-top: 5px;
}

#info_tec .boton {
    width: 230px;
    margin: 20px auto 0;
}

#somos{
    width:223px;
    height:270px;
    background:url(../img/somos.png) no-repeat;
    padding:13px 130px 0px 430px;
    margin-bottom: 15px;
}

#info_emp {
    background: url(../img/empresa.png) no-repeat;
    float: right;
    height: 215px;
    width: 277px;
    text-align: center;
}

#info_emp .titulo {
    font-size: 16pt;
    color: #FFF;
    margin-top: 5px;
}

#info_emp .boton {
    width: 230px;
    margin: 18px auto 0;
}

#casos {
    background: url(../img/casos.png) no-repeat;
    font-size: 15px;
    text-align:justify;
    float: left;
    padding:30px 280px 10px 10px;
    width: 203px;
    height: 175px;
}

.numempresas{
    color:#F00;
    font-weight:bold;
}

#contacto{
	height:270px;
	background:url(../img/contacto.png) no-repeat;
	padding:13px 30px 0px 430px;
    margin-bottom: 15px;
}

#b_comentarios {
    margin: 60px auto;
}

#slider-content-contacto {
	background: url(../img/background-slider-contacto.png) no-repeat;
	height: 285px;
}

#slider-content-contacto td {
    padding-top: 7px;
    padding-left: 20px;
}

#slider-content-contacto #slider ul, #slider-content-contacto #slider li {
    width: 340px;
}

#slider-content-contacto #slider li, #slider-content-contacto .flatblock {
    height: 278px;
}

#slider-titles-contacto, #lista{
	width:380px;
    padding-right: 10px;
}

#lista {
    font-size: 9pt;
}

.titulo-lista{
    font-weight: bold;
    font-size: 14pt;
    color:#003d76;
}

#slider-titles-contacto .opcion{
    padding-left:40px;
    padding-bottom:10px;
}

.contacto {
	background: url(../img/indicador-azul.png) no-repeat;
    font-size: 8pt;
	padding-left: 25px;
	padding-bottom: 5px;
}

.nombre {
	color: #003d76;
	font-weight: bold;
}

.correo {
	color: #f19428;
	font-weight: bold;
    font-style: italic;
}

div.registro {
    margin-top: 6px;
}

div.registro p {
    font-size: 11px;
}

.texto-ayuda {
    color: #f19428;
}

.flatblock {
    height: expression( this.scrollHeight > 349 ? "350px" : "auto" ); /* sets max-height for IE */
    max-height: 350px;
    overflow: auto;
}

#SexyAlertBox-BoxContenedor {
    background-color: #fff;
}

#SexyAlertBox-BoxContenedor > .flatblock {
    width: 98%;
}

.flatblock .content {
    margin-right: 10px;
}

.flatblock form {
    width: 100%;
}

.flatblock input, .flatblock textarea {
    width: 98%;
}

.flatblock .ctrl {
    float: right;
}

#logos {
    text-align: center;
}

#logos img {
    padding: 5px;
    border-bottom: 1px solid #dedede;
}