@charset "utf-8";
/* CSS Document */

p, h2, ul, li, h3, h4, h5, h6, span, label { margin:0; padding:0; font-weight:normal; color:#ffffff;}

img{ border:0;}
* { font-family:Verdana, Arial, Helvetica, sans-serif; }
a { text-decoration:none; outline: none; color:#CC0000}
a:hover { color:#ffffff;}

html,body,#page {
  width: 100%;
  margin: 0;
  padding: 0;
}

body{background:#000000 url(imagenes/bkg.jpg) no-repeat top center;}

.clear { clear:both}
.no-span{ display:none;}

.arriba { font-size:10px; position:relative; float:right; bottom:-15px; right:0;}
.arriba a{ color:#FFFFFF; height:16px;  padding:0 17px 8px 0; background:url(imagenes/subir.jpg) no-repeat top right;}

.worklinks { float:left; margin-bottom:20px; clear:both; }
.worklinks a{ margin:0 5px;}


#page {width:100%; height:auto;
margin:0 auto;
}

#fluid { margin:0 auto; padding:0 25px; max-width:1150px; min-width:800px; overflow:hidden;}
/* HEADER */
#header { width:100%; height:75px; margin:0;}

#logo { background:url(imagenes/ciudadesferica.png) no-repeat top left; float:left; width:310px; height:57px; margin-top:10px;}
#logo a{display:block; width:310px; height:57px; }
#logo a span, #logo h1 { display:none;}

#menu { height:75px;  margin:0; float:right;  position:relative;}

#nav { display:inline; list-style:none; overflow:hidden; display:block; margin:0; width:450px; position:absolute; top:0; right:-10px; }

#nav li {float:left; margin:0 5px; padding:0; list-style:none; display:inline; height:75px; }
#nav li:hover { background:#000000 url(imagenes/item-bkg.gif) repeat-x;}

#nav a {padding:25px 10px 23px 10px; display:block;
color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; }
#nav a:hover { background: url(imagenes/flechita.gif) no-repeat bottom center;}
#nav a:active, #nav a.current { color:#CC0000;}

/*panoramica*/
#panoramica { width:100%; height:auto; margin:0; margin-top:-2px; background:black; border:#252525 2px solid;}
#flashcontent { height:425px; margin:10px;}


/* PORTFOLIO*/
#portfolio { width:100%; margin-top:-2px;}
#codo { background:url(imagenes/codo.png) no-repeat top left; height:35px; width:30px; position:absolute; top:0; right:-30px;}

#nav2{ height:33px; width:520px; position:relative; padding-left:10px;
background:black; border:#252525 2px solid; border-top:none;}
#nav2 ul li { list-style:none; display:inline;}
#nav2 ul li a { float: left; margin-right:20px; margin-top:-10px;
padding: 49px 0 0 0;height: 0px !important;  height /**/:47px; /* for IE5/Win only */
overflow: hidden; 
}
#nav2 ul li a:hover {background-position: 0 -49px;}
#nav2 ul li a.currentportfolio {background-position: 0 -49px;}

#panos360 a{width:204px;background: url(imagenes/panos360.png) top left no-repeat;}
#sitiosweb a{width:130px;background: url(imagenes/web.png) top left no-repeat;}
#diseno3d a{width:126px;background: url(imagenes/3d.png) top left no-repeat;}

#servicios { float:right; color:#FFFFFF; font-size:10px; width:225px; height:60px; text-align:right; margin-top:5px;}
#servicios h2{ font-size:12px; color:#999999;}
#servicios ul li{color:#666666; list-style:none;}

/* CONTENIDO */
#contenido { width:800px; height:auto; margin:50px auto; padding:0 10px; *padding-bottom:40px;}

.columna { width:266px; height:auto; float:left;}
.col-cont { padding:0 10px;}
.col-cont h2{ margin-bottom:25px;}

#col1 { }
#col1 h2{ height:20px; width:66px;background: url(imagenes/clientes.png) no-repeat top left;}
#trust { margin-top:45px; width:245px; height:190px;}
#trust h3 { font-size:12px; color:#CCCCCC; margin:7px; }
#ver-clientes { float:right; width:110px; height:0 !important; padding:20px 0 0 0; margin-top:5px;
background:url(imagenes/clientes.jpg) no-repeat top left;}
#ver-casos { float:right; width:131px; height:0 !important; padding:20px 0 0 0; margin:5px 5px 0 0;
background:url(imagenes/casos.jpg) no-repeat top left;}
.col-cont #ver-clientes, .col-cont #ver-casos { margin-top:80px;}

#col2 { border-left:#333333 1px solid; border-right:#333333 1px solid; min-height:370px; }


.gfg-title { height:25px; width:84px;background: url(imagenes/blog.png) no-repeat top left; text-indent:-999em;}
.gfg-entry { margin-top:25px;}
.gf-title { color:#FFFFFF; font-size:15px; font-weight:bold;}
.gf-author, .gf-spacer, .gf-relativePublishedDate { font-size:10px; color:#666666;}
.gf-snippet { color:#cccccc; font-size:12px; margin:10px 0;}

.gfg-listentry { padding:20px 0; border-bottom: #333333 solid 1px;}
.gfg-listentry a{ color:#FFFFFF; font-size:12px; background:url(imagenes/item-rss.gif) no-repeat left; padding-left:15px;}
.gfg-listentry a:hover{ color:#999999; background:url(imagenes/item-rss-current.gif) no-repeat left;}

#col3 { }
#col3 h2{ height:20px; width:126px;background: url(imagenes/quick.png) no-repeat top left;}
.quickimage { margin:10px 2px;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
-moz-opacity: 0.4;}
.quickimage:hover {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}
#ahora { float:right; width:190px; height:0 !important; padding:20px 0 0 0; margin-top:5px;
background:url(imagenes/ahora.jpg) no-repeat top left;}


/* FOOTER */
#footer {margin-top:50px; width:100%; height:auto; position:relative;
background: url(imagenes/fondo-foot.gif) repeat-x bottom; font-family:Arial, Helvetica, sans-serif;}

#foot-nav { background:url(imagenes/footer-bkg.jpg) no-repeat top center;
width:100%; height:71px; padding:15px 0 0 0;}
#foot-nav ul { list-style:none; overflow:hidden; text-align:center; color:#333333; font-size:14px;}
#foot-nav ul li { display:inline; margin:0 10px;}
#foot-nav ul li a{ color:#666666; font-weight:bold;}
#foot-nav ul li a:hover{ color:#CC0000;}

#foot-content .columna { width: 480px; float:right;}
#foot-content{ width:800px; margin:0 auto; height:155px; }
#foot-content h4{ font-size:14px; color:#999999; font-weight:bold;}
#foot-content ul li { list-style:none; color:#FFFFFF; font-size:12px; margin:3px 0;} 
#foot-content a{ color:#CCCCCC; }
#foot-content a:hover{ color:#cc0000;}

#footer-derecha { width:300px !important;}
#footer-derecha p { font-style:italic; padding-left:15px; margin:5px 0; font-size:11px; color:#999999;}
#footer-derecha h4 { color:#FFFFFF;}

#footer-datos { float:left; padding-left:15px;}

#social img { margin:5px;}

#mundo-ce { background: url(imagenes/mundo-ce.png) no-repeat top left; overflow: hidden;
 width:50px; padding-top:60px; height:0 !important; 
 position:absolute; right:0; bottom:0; margin:10px;}