/*
* HTML5 ✰ Boilerplate
*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*
* Detailed information about this CSS: h5bp.com/css
*
* ==|== normalize ==========================================================
*/
/* =============================================================================
HTML5 display definitions
========================================================================== */
#container{
margin: 0px auto;
text-align: center;
min-width:960px;
}
header{
background-image:url(../oficinas-virtuales/header-oficina-virtual-bg.png);
height:160px;
margin:auto;
}
.oficinas-virtuales{
width: 1400px;
text-align: left;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
.oficinas-virtuales h2 {line-height: 20px;}
.oficinas-virtuales h3 a{ text-decoration:none; color:#024A91; margin: 8px 0; font-size:14px; }
.oficinas-virtuales p{ margin-top:10px;}
.oficina-virtual{ width:650px; margin: 0px auto; text-align: left; }
.main{ width:960px; }
h1,h2{ font-family: 'Play', Arial, Helvetica, sans-serif; color:#004990; text-transform: uppercase;}
h3,h4,h5{ font-family: 'Droid Sans', Arial, Helvetica, sans-serif; color:#004990; line-height:12px; }
h4{ margin-bottom:0px;}
p{ font-family: 'Droid Sans', verdana, Arial, Helvetica, sans-serif; color:#666; line-height:15px;}
#lista-servicios ul{
list-style-image: url('../oficinas-virtuales/punto-oficina.gif');
list-style-type: square;
line-height: 22px;
font-family:'Droid Sans', verdana, Arial, Helvetica, sans-serif; color:#666;
}
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
/* =============================================================================
Header
========================================================================== */
#logo{
float:left;
width:400px;
padding-top:10px;
height: 50px;
}
#fono-oficina-virtual{ padding-top:20px; margin-left:350px; font-size:12px;}
#fono{ float:left; margin-right:10px; margin-top:3px; letter-spacing:1px; width:250px; }
#social{ float:left; margin-left:10px;}
/* =============================================================================
Menu navegacion superior
========================================================================== */
#navigation {
font-size:15px;
width: 960px;
float: left;
padding-left:0px;
height: 34px;
margin-top:45px;
padding-bottom:5px;
border-bottom-width:0px;
border-bottom-color:#1E1E6A;
border-bottom-style:solid;
margin-bottom:0px;
}
#navigation li{
float: left;
list-style:none;
border-right-width:1px;
border-right-color:#ccc;
border-right-style:solid;
font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
font-size: 13px;
}
#navigation li a{
padding: 0px 12px 0 12px;
height:34px;
float: left;
font-weight: bold;
/*letter-spacing:-1px;*/
line-height:15px;
color: #000;
text-align:left;
text-decoration:none;
padding-top:5px;
}
#navigation li a:hover{
color: #004990;
margin-top:0px;
}
#navigation li a.active {
color: #fff;
background: #666666 url(../oficinas-virtuales/nav_hover_bg.gif) 0 0 repeat-x;
}
#navigation li a span{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #777777;
text-decoration:none;
}
#navigation li a:hover span{
color: #004990;
margin-top:0px;
}
#navigation li a.active span{
color: #fff;
}
/* =============================================================================
Home Contenido Main
========================================================================== */
#home-content{height:770px;}
#home-bg{ background: #004990 url(../oficinas-virtuales/home-oficina-virtual-bg.gif) center top no-repeat; text-align:center; height: 281px;}
#home-slide{height:358px; padding-top:30px; background:url(../oficinas-virtuales/sombra-slider.png) bottom no-repeat;}
#oficina-virtual-presentacion{ font-size:16px; color:#999999; padding: 15px 0; float:left;font-family:'Droid Sans', verdana, Arial, Helvetica, sans-serif; width:960px; }
#conozcanos{ float:left; width:180px; padding-left:230px;}
.iconos-home {
width:960px;
}
#modulos-home{ padding-top:0px; display: inherit}
#virtual-1{ float:left; background-image:url(../oficinas-virtuales/marco-fotos.png); width:218px; height:136px; padding: 12px 0 0px 22px; }
#virtual-2{ float:left;background-image:url(../oficinas-virtuales/marco-fotos.png); width:218px; height:136px; padding: 12px 0 0px 22px;}
#virtual-3{ float:left;background-image:url(../oficinas-virtuales/marco-fotos.png); width:218px; height:136px; padding: 12px 0 0px 22px;}
#virtual-4{ float:left; background-image:url(../oficinas-virtuales/marco-fotos.png);width:218px; height:136px; padding: 12px 0 0px 22px;}
/* =============================================================================
Internas Contenido Main
========================================================================== */
#img-left{ float:left; }
#internas{ padding-top:0px; margin-top:0px; height:auto; }
#interna-bg{ background: #004990 url(../oficinas-virtuales/curva.png) center bottom no-repeat; text-align:center; height: 150px; z-index:1 }
/*#interna-bg #curva{ background: ; height: 150px; z-index:12}*/
#interna-bg h2 { margin:0; padding:0px; font-size:25px; color:#FFFFFF; padding-top:20px; z-index:10}
#right { width:260px; height:auto; float:left; background: url(../oficinas-virtuales/right-bg.png) left top no-repeat; padding-left:40px;}
#left { width:645px; height:500px; float:left; padding-right:15px }
#left-quienes { width:645px; height:430px; float:left; padding-right:15px }
#left-infraestructura { width:645px; min-height:450px; float:left; padding-right:15px; }
#left-servicios { width:645px; height:500px; float:left; padding-right:15px }
#left-ubicacion { width:645px; height:730px; float:left; padding-right:15px }
#left-contacto { width:645px; height:500px; float:left; padding-right:15px }
#left-reservas { width:645px; height:550px; float:left; padding-right:15px }
#left-espacio { width:645px; height:500px; float:left; padding-right:15px }
#left-centro{ width:645px; height:400px; float:left; padding-right:15px }
#oficinas-interna-1{ float:left; background-image:url(../oficinas-virtuales/marco-fotos-interno.png); width:197px; height:118px; padding:8px 0 0px 21px; margin-left:-21px; }
#oficinas-interna-2{ float:left;background-image:url(../oficinas-virtuales/marco-fotos-interno.png); width:197px; height:118px;padding: 8px 0 0px 21px;}
#oficinas-interna-3{ float:left;background-image:url(../oficinas-virtuales/marco-fotos-interno.png);width:197px; height:118px; padding: 8px 0 0px 21px;}
#oficinas-interna-4{ float:left; background-image:url(../oficinas-virtuales/marco-fotos-interno.png);width:197px; height:118px; padding: 8px 0 0px 21px;}
#texto-foto { width:240px; height:0px; padding-bottom: 20px; padding-top:20px; border-bottom-width:0px;
border-bottom-color:#C5C5C5;
border-bottom-style:solid;
margin-bottom:0px;
height:40px;
}
#foto-right { padding-right:10px; float:left;}
/* =============================================================================
Galería de imágenes
========================================================================== */
.contenedor-galeria {
width:660px;
/*min-height:450px;*/
height:auto;
float:left;
}
.thumb-galeria {
width:210px;
margin: 5px;
float:left;
}
.foto-infra {
width:210px;
margin-right: 15px;
float:left;
}
/* =============================================================================
Right menu
========================================================================== */
ul.sidenav {
font-size: 12px;
float: left;
width: 230px;
margin: 0;
padding: 0;
padding-bottom: 30px;
list-style: none;
background: #fff;
border-bottom: 0px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
}
ul.sidenav {font-family: 'Droid Sans', Arial, Helvetica, sans-serif; color:#004990; *padding-top:14px;
}
ul.sidenav li a{
display: block;
color: #000;
text-decoration: none;
width: 185px;
padding: 10px 10px 10px 35px;
background: url(../oficinas-virtuales/flecha-menu-virtuales1.gif) no-repeat 5px 7px;
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
}
ul.sidenav li a:hover {
background: #E5E5E5 url(../oficinas-virtuales/flecha-menu-virtuales.gif) no-repeat 5px 7px;
border-top: 1px solid #CCCCCC;
}
ul.sidenav li span{ display: none; }
ul.sidenav li a:hover span {
display: block;
font-size: 0.8em;
padding: 10px 0;
}
/* =============================================================================
Footer
========================================================================== */
footer{
height:200px;
padding-top:40px;
line-height:20px;
color:#7F7F7F;
margin-top:125px;
}
#footer-left{ float:left; width:300px; height:120px; margin-left:20px; }
#footer-right{ float:left; padding-left:340px; width:300px; height:120px; }
#footer-logo{ float:left; }
.nexodigital{
padding-top:77px;
font-size:11px;
color: #999;
line-height:17px;
}
.nexodigital a{
font-size: 11px;
color: #999;
}
.nexodigital a:hover{
font-size: 11px;
color: #2D358C;
}
#fotosvertical{ width: 220px; float:left;}
#oficinas-interna-vert{ float:left; background-image:url(../oficinas-virtuales/marco-fotos-interno2.png); width:197px; height:118px;padding: 7px 0 0px 6px; margin-bottom: 7px; margin-right: 10px;}
#menulatabajo {list-style:none;}
/* links normales */
a:link {
text-decoration: none;
color: #004990;
}
/* visitados */
a:visited {
color: #004990;
}
/* hover */
a:hover {
text-decoration:none;
color: #000;
}
/* activos */
a:active {
font-weight: bold;
}
.imagenmenulat { padding-right: 5px;}