@import "reset.css";
body {
width:100%;
font:normal 12px/16px verdana, arial, tahoma;
background:#014056 url("../images/home/trama-footer.gif") repeat;
margin:0;
}

.content {
width:980px;
margin:0 auto;
}

.error404 {
float:left;
margin-bottom:40px;
height:400px;
}

#header {
float:left;
background:#fff url("../images/fondos/background-header.png") repeat-x;
height:85px;
border-bottom:3px solid #fff;
width:100%;
margin:0;
padding:0 0 15px;
}

#header img {
float:left;
padding:15px 75px 0 0;
}

#menu {
float:left;
width:450px;
margin:35px 0 0 208px;
padding:0;
}

#menu li {
float:left;
margin:0;
padding:9px 0 6px 18px;
}

#menu li a {
display:block;
text-decoration:none;
}

#menu li.grupa a {
background:url("../images/menu/grupa.gif") no-repeat;
width:52px;
height:17px;
}

#menu li.grupa a:hover {
background:url("../images/menu/grupa.gif") 0 -17px no-repeat;
width:52px;
}

#menu li.portfolio a {
background:url("../images/menu/portfolio.gif") no-repeat;
width:74px;
height:17px;
}

#menu li.portfolio a:hover {
background:url("../images/menu/portfolio.gif") 0 -17px no-repeat;
width:74px;
}

#menu li.nuestros-codigos a {
background:url("../images/menu/nuestros-codigos.gif") no-repeat;
width:131px;
height:17px;
}

#menu li.nuestros-codigos a:hover {
background:url("../images/menu/nuestros-codigos.gif") 0 -17px no-repeat;
width:131px;
}

#menu li.servicios a {
background:url("../images/menu/servicios.gif") no-repeat;
width:67px;
height:17px;
}

#menu li.servicios a:hover {
background:url("../images/menu/servicios.gif") 0 -17px no-repeat;
width:67px;
}

#menu li.enfoque a {
background:url("../images/menu/enfoque.gif") no-repeat;
width:64px;
height:17px;
}

#menu li.enfoque a:hover {
background:url("../images/menu/enfoque.gif") 0 -17px no-repeat;
width:64px;
}

#menu li.blog a {
background:url("../images/menu/blog.gif") no-repeat;
width:34px;
height:17px;
}

#menu li.blog a:hover {
background:url("../images/menu/blog.gif") 0 -17px no-repeat;
width:34px;
}

ul#menu-superior {
float:right;
height:27px;
font-size:12px;
margin:0;
}

ul#menu-superior li {
float:left;
margin:0 1px 0 0;
padding:0;
}

ul#menu-superior li a {
display:block;
text-decoration:none;
color:#fff;
padding:3px 12px;
}

ul#menu-superior li.english a {
background-color:#df0202;
color:#fff;
}

ul#menu-superior li.english a:hover {
background-color:#ca0000;
color:#fff;
}

ul#menu-superior li.contacto a {
background-color:#b60101;
color:#fff;
}

ul#menu-superior li.contacto a:hover {
background-color:#970000;
color:#fff;
}

ul#menu-superior li.acceso-clientes a {
background:#02354a url("../images/home/estrella.gif") 5px 3px no-repeat;
color:#fff;
padding:3px 12px 3px 25px;
}

ul#menu-superior li.acceso-clientes a:hover {
background-color:#002332;
color:#fff;
}

#main-slide {
width:100%;
height:415px;
float:left;
background:#00344a url("../images/fondos/slide-home.png") repeat-x;
}

#main-content-home,#main-content {
float:left;
width:100%;
background-color:#fff;
padding:0 0 30px;
}

#main-content-home {
padding:30px 0;
}

#content-portfolio {
float:left;
width:100%;
background-color:#00344a !important;
padding:0 0 30px;
}

.column-a {
float:left;
width:245px;
height:390px;
color:#fff;
border-left:1px solid #07516a;
border-right:1px solid #07516a;
background-color:#00344a;
margin:0 15px 0 0;
padding:20px 25px;
}

.column-a h1 {
font-size:16px;
line-height:25px;
}

.column-a h2 {
font-size:14px;
color:#92e2fc;
line-height:23px;
margin-top:15px;
}

.column-a ul {
font-size:13px;
margin-top:10px;
}

.column-a ul li {
line-height:20px;
color:#92e2fc;
list-style-type:circle;
}

.column-b {
float:left;
width:260px;
}

.column-c {
float:left;
width:474px;
margin-left:23px;
}

.column-d {
float:left;
width:200px;
margin-left:23px;
}

.techo {
background:#fff 0 0 no-repeat;
height:20px;
}

.column-b .nuestros-codigos {
background:url("../images/titulos/nuestros-codigos.gif") no-repeat;
margin-bottom:10px;
}

.column-b .tweets {
background:url("../images/titulos/grupa-tweets.gif") no-repeat;
height:43px;
margin-top:30px;
}

.column-b #tweet ul {
float:left;
margin:0 0 8px 0;
}

.column-b #tweet ul li {
float:left;
margin:0 0 15px 0;
}

.column-c .trabajamos-con {
background:url("../images/titulos/trabajamos-con.gif") no-repeat;
margin-left:15px;
}

.column-d .servicios {
background:url("../images/titulos/servicios.gif") no-repeat;
}

.interna-servicios {
background:url("../images/titulos/interna-servicios.gif") no-repeat;
width:373px;
}

.blog-box {
float:left;
width:444px;
margin:0 0 15px 15px;
padding:0;
}

* html .blog-box {
float:left;
width:444px;
margin:0 0 15px 7px !important;
padding:0;
}

.blog-box .titulo-blog {
width:76px;
height:43px;
background:#fff url("../images/titulos/blog.gif") 0 0 no-repeat;
margin-bottom:5px;
}

.blog-box .rss {
width:105px;
height:43px;
background:#fff url("../images/iconos/rss.gif") 0 0 no-repeat;
margin-right:0;
}

.blog-box .rss a {
padding-left:40px;
line-height:32px;
}

A {
color:#103443;
text-decoration:underline;
cursor:pointer;
}

A:hover {
color:#b80000;
text-decoration:underline;
}

p {
font-size:13px;
line-height:18px;
margin:0;
}

p.clear {
clear:both;
margin:0;
padding:0;
}

H1 {
font-size:21px;
line-height:27px;
text-align:left;
font-weight:400;
margin:10px 0;
}

H2 {
font-size:18px;
line-height:20px;
color:#002737;
font-weight:400;
margin:0;
}

H3 {
font:normal 16px/17px verdana, arial, tahoma;
margin:0;
}

H5 {
clear:both;
background-color:#08b3e9;
color:#fff !important;
font-weight:400;
display:inline;
margin:0 0 5px;
padding:2px;
}

H5 a {
text-decoration:none !important;
color:#fff !important;
}

.box-left {
float:left;
}

.box-right {
float:right;
}

.csw {
width:100%;
height:360px;
overflow:hidden;
}

.csw .loading {
text-align:center;
color:#fff;
font-weight:400;
margin:170px 0 300px;
}

.info-servicios {
float:left;
margin-top:10px;
}

#twitter_div {
float:left;
top:4px;
margin-bottom:10px;
width:260px;
overflow:hidden;
}

ul#twitter_update_list {
list-style:none;
}

ul#twitter_update_list li {
margin-bottom:5px;
}

#footer {
float:left;
width:100%;
color:#fff;
background:#014056 url("../images/home/trama-footer.gif") repeat;
padding:0 0 15px;
}

#footer a,#footer a:hover {
color:#1088ae;
}

#footer .formulario {
float:left;
width:460px;
margin-left:80px;
}

#footer .formulario p {
margin:0;
}

#footer .formulario p.consulta {
font-weight:700;
margin:0 0 0 10px;
}

#footer .contacto-pie {
background:url("../images/titulos/contacto.gif") no-repeat;
width:93px;
height:46px;
margin-bottom:10px;
}

ul.offline,ul.online {
float:left;
width:210px;
margin-right:10px;
}

ul.offline li,ul.online li {
float:left;
width:210px;
margin:3px 0;
}

ul.offline span,ul.online span {
font-weight:700;
line-height:20px;
color:#699dad;
}

ul.online img {
vertical-align:middle;
margin-right:5px;
}

.copyright {
float:left;
width:100%;
color:#699dad;
font-size:11px;
border-top:1px solid #275d6f;
padding:15px 0;
}

.copyright ul {
float:right;
width:240px;
margin:0;
padding:0;
}

.copyright ul li {
float:right;
margin:0 0 0 10px;
padding:0;
}

#footer form {
float:left;
width:460px;
margin:0;
padding:0;
}

#contact-wrapper {
float:left;
width:460px;
margin:0;
padding:0;
}

#footer form div {
float:left;
width:230px;
margin:0;
padding:0;
}

form#contactform input,form#contactform textarea {
width:210px;
font-family:verdana, arial, tahoma;
border:1px solid #00344a;
background-color:#00344a;
font-size:13px;
color:#fff;
margin:0 0 0 10px;
padding:4px;
}

form#contactform textarea {
height:85px;
resize:none;
margin:0 0 10px 10px;
}

#contact-wrapper label {
float:left;
height:8px;
margin:0;
padding:0;
}

.boton-enviar {
float:right;
width:70px !important;
height:29px;
border:none !important;
background-color:#b60101 !important;
background-image:url("../images/botones/fondo-boton.gif");
background-repeat:repeat-x;
cursor:pointer;
text-align:center;
font-weight:700;
margin:10px 0 0 140px;
padding:0 !important;
}

p.error,p.succes {
z-index:10;
top:-20px;
position:relative;
width:426px;
color:#b80000;
background-color:#ceedf2;
font-size:12px;
line-height:17px;
left:10px;
padding:10px 12px;
}

p.succes {
color:#014056;
}

span.vertice {
background:url("../images/fondos/vertice.gif") no-repeat;
height:14px;
width:28px;
position:absolute;
margin:44px 0 0;
}

* html span.vertice {
margin:42px 0 0;
}

div input:focus,textarea:focus {
background-color:#f0fbff;
}

.path {
float:left;
color:#fff;
width:100%;
background-color:#00344a;
margin:0 0 20px;
padding:0 0 20px;
}

.path a {
color:#fff;
text-decoration:none;
}

.path a:hover {
color:#fff;
text-decoration:underline;
}

.vertice-internas {
background:transparent url("../images/vertice-internas.gif") no-repeat;
height:14px;
width:28px;
border:none !important;
margin:0 0 10px;
}

ul#nuestros-servicios li {
float:left;
width:100%;
border-top:1px solid #004e67;
margin:10px 0 0;
padding:20px 0 0;
}

ul#nuestros-servicios p {
font-size:11px;
color:#910000;
margin:10px 0;
}

ul#nuestros-servicios p span {
float:left;
font-weight:700;
background:url("../images/fondos/tag.gif") no-repeat;
height:20px;
width:32px;
margin-right:4px;
color:#fff;
padding:0 4px;
}

ul.directores {
float:left;
width:230px;
height:130px;
background-color:#ceedf2;
margin-right:30px;
padding:15px;
}

ul.directores li {
float:left;
width:230px;
margin-bottom:5px;
}

ul.directores li img {
vertical-align:middle;
}

ul#nuestros-codigos li {
float:left;
width:100%;
border-top:1px solid #004e67;
margin:10px 0;
padding:20px 0 0;
}

ul#nuestros-codigos img {
clear:both;
margin-top:20px;
}

#menu li a b,#contact-wrapper label strong {
visibility:hidden;
}

.column-a h1 a,.column-a h2 a {
text-decoration:none;
color:#fff;
font-weight:400;
background-color:#106580;
padding:0 4px;
}

.column-a h1 a:hover,.column-a h2 a:hover {
text-decoration:none;
color:#fff;
background-color:#1088ae;
}

.techo b,.blog-box .titulo-blog b,.blog-box .rss b,.csw .panelContainer {
display:none;
}

ul#nuestros-servicios,ul#nuestros-codigos {
float:left;
width:750px;
margin:10px 0 0;
padding:0;
}

ul#nuestros-servicios h3,ul#nuestros-codigos h3 {
font-size:14px;
font-weight:700;
margin-bottom:8px;
}

b.new-tel {
background-color:#df0202;
color:#ffffff !important;
padding:0 3px 2px 3px;
font-weight:normal;
}