body{background: #E9F0F4; font-size: 13px; font-family: Arial; color: #404040; margin: 0; padding: 0; background: url(../img/body_index.jpg) center top repeat-x;}
body.bodygral{background: #E9F0F4 url(../img/body_gral.jpg) repeat-x;}
body.bodyservices{background: #ACC8D6 url(../img/body_gral.jpg) repeat-x;}
body.bodygral #container{background: #E9F0F4 url(../img/body_gral.jpg) repeat-x;}
img{border:none;}
ul, li, a, p, h1, h2, h3, h4, h5{margin:0; padding:0; text-decoration: none; list-style: none; font-weight: normal;}
.clear{clear: both;}
h1{font-family: 'Roboto', sans-serif; font-weight: bold; text-transform: uppercase; background: #1B698F; color: #FFF; padding: 1px 20px 0; font-size: 30px;}
#container{width: 990px; background: #FFF; margin: 0 auto;}
#content{background: url(../img/bg_content.jpg) repeat-y right;}
#footer{background: #E9F0F4 url(../img/footer_index.jpg) repeat-x bottom;}
#footer.gral{background: url(../img/footer_gral.jpg) repeat-x bottom;}
#footer > div{width: 970px; margin: 0 auto; padding: 20px 10px 40px; height: 535px;}
#top{height: 128px;}
#top .logo{float:left; margin: 20px 0 0 15px;}
#top .menu{float:right;}
.mi-menu{background: #1B698F url(../img/bg_menu.jpg) left no-repeat; float: right; height: 35px; list-style-type: none; margin: 93px auto 0; padding: 0 10px 0 15px;}
.mi-menu br{display:none;}
.mi-menu li{display: block; float: left; list-style: none; margin: 0; padding: 0; position: relative; background: url(../img/bg_li.jpg) no-repeat left;}
.mi-menu li:first-child{background: none;}
.mi-menu li a {
  color: #FFF;
  display: block;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  font-weight: bold;
  padding: 0 14px 0 20px;
  margin: 8px 0 7px;
  text-decoration: none;
  -webkit-transition: color .2s ease-in-out;
  -moz-transition: color .2s ease-in-out;
  -o-transition: color .2s ease-in-out;
  -ms-transition: color .2s ease-in-out;
  transition: color .2s ease-in-out;
  text-transform: uppercase;
}
.mi-menu li:first-child a{border-left: none;}
.mi-menu li:last-child a{border-right: none;}
.mi-menu li:hover > a { color: #CFF; }
.mi-menu ul {
  left: 0;
  z-index: 1;
  margin: 0;
  opacity: 0;
  position: absolute;
  top: 35px;
  background: #094F71;
  -moz-transition: opacity .25s ease .1s;
  -webkit-transition: opacity .25s ease .1s;
  -o-transition: opacity .25s ease .1s;
  -ms-transition: opacity .25s ease .1s;
  transition: opacity .25s ease .1s;
}
.mi-menu li:hover > ul { opacity: 1; }
.mi-menu ul li {
  height: 0;
  overflow: hidden;
  padding: 0;
  -moz-transition: height .25s ease .1s;
  -webkit-transition: height .25s ease .1s;
  -o-transition: height .25s ease .1s;
  -ms-transition: height .25s ease .1s;
  transition: height .25s ease .1s;
  background: none;
}
.mi-menu li:hover > ul li {
  height: 36px;
  overflow: visible;
  padding: 0;
  background: none;
  list-style: none;
}
.mi-menu ul li a {
  border: none;
  border-bottom: 1px solid #3A728D;
  margin: 0;
  padding: 10px 20px;
  width: 150px;
  text-transform: capitalize;
  font-family: Arial;
  font-weight: normal;
  font-size: 14px;
}
.mi-menu ul li:last-child a { border: none; }
#slider{position:relative;}
.rslides{position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; z-index: 0;}
.rslides li{-webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0;}
.rslides li:first-child{position: relative; display: block; float: left;}
.rslides img{display: block; height: auto; float: left; width: 100%; border: 0;}
.rslides_tabs{position: absolute; background: none; bottom: 15px; width: 100%; max-width: 990px; text-align: center; margin: 0 auto;}
.rslides_tabs li{float:none;  font-size: 0; padding: 6px 0px; display: inline;}
.rslides_tabs li a{padding: 6px; margin: 6px; cursor: pointer; background: url(../img/tab-off.png) no-repeat;}
.rslides_tabs li.rslides_here a{background: url(../img/tab-on.png) no-repeat;}

.column{background: url(../img/columnhome1.jpg) no-repeat; float: left; padding: 15px 10px 10px 20px; color: #FFF; width: 218px; height: 357px;}
.column.orange{width:216px;}
.column.green{background: url(../img/columnhome2.jpg) no-repeat; color: #4B7B93;}
.column.blue{background: url(../img/columnhome3.jpg) no-repeat;}
.column.yellow{background: url(../img/columnhome4.jpg) no-repeat;}
.column h2{font-size: 28px; text-transform: uppercase; font-family: 'Roboto'; line-height: 35px; margin-bottom: 15px; font-weight: bold;}
.column h2 span{font-size: 36px; line-height: 30px;}
.column p{font-size: 19px; margin-bottom: 15px; line-height: 20px;}
.column ul li{background: url(../img/listas.png) no-repeat 0; padding-left: 15px; font-family: 'Roboto'; line-height: 20px; margin-bottom: 7px;}
.column a{background: url(../img/arrowbuttoncolumn.png) no-repeat 5px; color: #FFF; padding-left: 25px; line-height: 25px; font-family: 'Roboto'; margin-top: 23px; font-size: 17px; display: block;}
.column a:hover{color:#F69C00;}
.column.green a:hover{color:#069B14;}
.column.blue a:hover{color:#19A9CD;}
.column.yellow a{margin-top: 15px;}
.column.yellow a:hover{color:#DDC521;}
.column.yellow h2 span{font-size: 35px;}
.column.blue h2 span{font-size: 38px; color: #4B7B93;}
.column.blue a{margin-top:15px;}
.column.yellow p{margin-bottom: 9px;}
.column.blue p{color: #4B7B93; margin-bottom: 30px;}
.column.green p{margin-bottom: 30px;}
#footer > div > h3{text-transform: uppercase; font-size: 45px; color: #396D86; float: left; font-family: 'Roboto'; font-weight: bold; line-height: 55px; margin-bottom: 20px;}
#footer > div > h3 span{font-size: 63px;}
#footer > div > p{font-size: 18px; color: #000; width: 680px; float: left;}
#footer > div > div{position:relative;}
#footer > div > div > a{font-size: 20px; color: #FFF; width: 215px; -moz-border-radius: 20px 20px 20px 20px; -webkit-border-radius: 20px 20px 20px 20px; border-radius: 20px 20px 20px 20px; background: url(../img/bg_buttonfooter.jpg) repeat-x; border: solid 5px #FFF; padding: 10px 0; position: absolute; text-align: center; font-family: 'Roboto'; top: -80px; text-transform: uppercase; font-weight: bold; box-shadow: 1px 1px 20px #999;}
#footer > div > div > a:hover{background: #12465F;}
#footer > div > img{float:right; margin-right: 30px;}
#footer > div > a{float:right; margin: 30px 20px 0 0;}
#footer > div > ul{float:left; margin: 30px 50px 0 15px; font-size: 14px; line-height: 22px;}
#footer > div > ul li, #footer > div > ul li a{color:#FFF; font-family: 'Roboto';}
#footer > div > ul.links li a:hover, #footer > div > ul.data li a:hover{color: #CFE9F5;}
#footer > div > ul.data li.first, #footer > div > ul.data li.second{font-weight:bold;}
#footer > div > ul.data li.second{font-style: italic;}
.left{width: 75%; float: left;}
.left > div{padding:50px 50px 25px 15px; color: #404040;}
.left > div > p{margin-bottom: 20px; line-height: 17px;}
.left > div > p > a{color:#3987AD;}
.left > div > p > a:hover{color:#1B698F;}
.left > div > ul li{margin: 0 0 10px 15px; list-style: disc;}
.left > div > h4{font-size: 20px;
font-weight: bold;
color: #1A6A8D;
margin: 10px 0 5px;}
.right{background: #1B698F;}
.right > div{background: url(../img/mosaico1.jpg) no-repeat; padding: 20px 20px 12px 20px; height: 105px;}
.right > div.mosaico2{background: url(../img/mosaico2.jpg) no-repeat;}
.right > div.mosaico3{background: url(../img/mosaico3.jpg) no-repeat;}
.right > div.mosaico4{background: url(../img/mosaico4.jpg) no-repeat;}
.right{width: 25%; float: right;}
.right > div > h2{font-size: 24px; color: #FFF; font-family: 'Roboto'; text-transform: uppercase; font-weight: bold; line-height: 25px; margin-bottom: 10px;}
.right > div > p{font-size: 17px; color: #FFF; height: 40px;}
.right > div > a{font-size: 14px; color: #FFF; background: #37687F url(../img/arrowbutton.png) no-repeat 11px 7px; font-family: 'Roboto'; width: 127px; text-align: center; display: block; padding: 2px; text-transform: uppercase; font-weight: bold; margin-top: 5px;}
.right > div > a:hover, .right > div.mosaico2 > a:hover, .right > div.mosaico3 > a:hover, .right > div.mosaico4 > a:hover{background: #244555 url(../img/arrowbutton.png) no-repeat 11px 7px;}
.right > div.mosaico2 > h2, .right > div.mosaico2 > p{color:#4B7B93;}
.right > div.mosaico2 > a{background: #6E94A6 url(../img/arrowbutton.png) no-repeat 11px 7px;}
.right > div.mosaico3 > a{background: #4B7A91 url(../img/arrowbutton.png) no-repeat 11px 7px;}
.right > div.mosaico3 > p{color: #1B698F;}
.right > div.mosaico4 > a{background: #245D7A url(../img/arrowbutton.png) no-repeat 11px 7px;}
.mi-menu2{background: #518DAB url(../img/bg_menu2.jpg) left no-repeat; float: right; height: 34px; list-style-type: none; padding: 0 10px 0 15px; width: 680px;}
.mi-menu2 br{display:none;}
.mi-menu2 li{display: block; float: left; list-style: none; margin: 0; padding: 0; position: relative; background: url(../img/bg_li_content.jpg) no-repeat 3px 13px;}
.mi-menu2 li:first-child{background: none;}
.mi-menu2 li a {
  color: #FFF;
  display: block;
  font-size: 13px;
  line-height: 28px;
  padding: 0px 5px 0px 10px;
  margin: 4px 0 2px;
  text-decoration: none;
  -webkit-transition: color .2s ease-in-out;
  -moz-transition: color .2s ease-in-out;
  -o-transition: color .2s ease-in-out;
  -ms-transition: color .2s ease-in-out;
  transition: color .2s ease-in-out;
}
.mi-menu2 li:first-child a{border-left: none;}
.mi-menu2 li:last-child a{border-right: none;}
.mi-menu2 li:hover > a { color: #CFF; }
.mi-menu2 ul {
  left: 0;
  z-index: 1;
  margin: 0;
  opacity: 0;
  position: absolute;
  top: 34px;
  background: #094F71;
  -moz-transition: opacity .25s ease .1s;
  -webkit-transition: opacity .25s ease .1s;
  -o-transition: opacity .25s ease .1s;
  -ms-transition: opacity .25s ease .1s;
  transition: opacity .25s ease .1s;
}
.mi-menu2 li:hover > ul { opacity: 1; }
.mi-menu2 ul li {
  overflow: hidden;
  padding: 0;
  -moz-transition: height .25s ease .1s;
  -webkit-transition: height .25s ease .1s;
  -o-transition: height .25s ease .1s;
  -ms-transition: height .25s ease .1s;
  transition: height .25s ease .1s;
  background: none;
}
.mi-menu2 li:hover > ul li {
  height: 36px;
  overflow: visible;
  padding: 0;
  background: none;
  list-style: none;
}
.mi-menu2 ul li a {
  border: none;
  border-bottom: 1px solid #3A728D;
  margin: 0;
  padding: 5px 20px;
  width: 150px;
  text-transform: capitalize;
  font-family: Arial;
  font-weight: normal;
  font-size: 14px;
}
.mi-menu2 ul li:last-child a { border: none; }

#content.employers h1{background: #F79D00;}
#content.individuals h1{background: #DDC521;}
#content.smallbusiness h1{background: #059B13;}
#content.employers .left ul.mi-menu2, #content.individuals .left ul.mi-menu2{background: #1B698F url(../img/bg_menu3.jpg) no-repeat left;}

/*Testimonios*/
.testimonios{
}
.testimonios p{
padding: 10px 5px;
}
.testimonios p b{
display: block;
margin-top: 15px;
font-style: italic;
}
.testimonios p.par{
background-color: #D3E1EA;
}
/*Contact Form*/
.contact_form{
width: 57%;
float: left;
}
.datos_form{
float: right;
}
.contact_form label{
display: block;
font-weight: bold;
text-align: right;
margin-bottom: 7px;
vertical-align: top;
}
.contact_form label input{
width: 300px;
height: 20px;
padding: 2px;
color: #666;
}
.contact_form label select{
width: 308px;
height: 30px;
padding: 2px;
color: #666;
}
.contact_form label textarea{
width: 302px;
height: 100px;
padding: 2px;
color: #666;
}
.contact_form .submit{
float: right;
width: 100px;
height: 30px;
font-weight: bold;
}

/*Lista clientes*/
ul.lista_clientes{
}
ul.lista_clientes li{
float: left;
width: 31%;
}