/***** general *****/

*
{ margin:0px; padding:0px; border:0px; }

html
{ overflow:auto }

html, body
{ height:100% }

body
{ background-color:#333; color:#999; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-align:center }

#distance 
{ width:1px; height:50%; margin-bottom:-300px; /* half of container's height */ float:left; }

a:link, a:active, a:visited
{ text-decoration:none; color:#999 }

a:hover
{ text-decoration:underline; color:#ccc }

#container
{ padding:4px; text-align:left; width:978px; margin:0px auto; height:600px; position:relative; clear:left; }

/***** splash *****/

#splash-img
{ text-align:center; margin-top:90px; margin-bottom:20px; }

#botones-entrar
{ text-align:center; width:148px; height:30px; margin:0px auto }

.roll-esp
{ float:left; margin-right:20px; }

.roll-eng
{ float:left; }

.roll-esp a:link, .roll-esp a:visited, .roll-esp a:active
{ width:64px; overflow:hidden; display:block; text-indent:0px;  }

.roll-esp a:hover, .roll-esp
{ width:64px; overflow:hidden; text-indent:-64px; }

.roll-eng a:link, .roll-eng a:visited, .roll-eng a:active
{ width:59px; overflow:hidden; display:block; text-indent:0px; }

.roll-eng a:hover, .roll-eng
{ width:59px; overflow:hidden; text-indent:-59px; }

#footer
{ position:absolute; bottom:6px; text-align:center; width:100%; }

#footer img
{ vertical-align:middle; }

#footer a:link, #footer a:visited, #footer a:active
{ filter: alpha(opacity=100); -moz-opacity: 1.0;  display:inline-block; }

#footer a:hover
{ filter: alpha(opacity=50); -moz-opacity: 0.5;  display:inline-block; }  

/***** menu *****/

#menu
{ width:79px; float:left; }

#menu p
{ margin-bottom:9px;}

.roll-port a:link, .roll-port a:visited, .roll-port a:active
{ width:55px; overflow:hidden; display:block; text-indent:0px; }

.roll-port a:hover, .roll-port
{ width:55px; overflow:hidden; text-indent:-55px; }

.roll-nos a:link, .roll-nos a:visited, .roll-nos a:active
{ width:54px; overflow:hidden; display:block; text-indent:0px; }

.roll-nos a:hover, .roll-nos
{ width:54px; overflow:hidden; text-indent:-54px }

.roll-cli a:link, .roll-cli a:visited, .roll-cli a:active
{ width:46px; overflow:hidden; display:block; text-indent:0px; }

.roll-cli a:hover, .roll-cli
{ width:46px; overflow:hidden; text-indent:-46px }

.roll-con a:link, .roll-con a:visited, .roll-con a:active
{ width:52px; overflow:hidden; display:block; text-indent:0px; }

.roll-con a:hover, .roll-con
{ width:52px; overflow:hidden; text-indent:-52px }

.linea
{ background:url(img/linea.gif) repeat-x center; }

.roll-ali a:link, .roll-ali a:visited, .roll-ali a:active
{ width:65px; overflow:hidden; display:block; text-indent:0px; }

.roll-ali a:hover, .roll-ali
{ width:65px; overflow:hidden; text-indent:-65px }

.roll-gen a:link, .roll-gen a:visited, .roll-gen a:active
{ width:47px; overflow:hidden; display:block; text-indent:0px; }

.roll-gen a:hover, .roll-gen
{ width:47px; overflow:hidden; text-indent:-47px }

.roll-pro a:link, .roll-pro a:visited, .roll-pro a:active
{ width:68px; overflow:hidden; display:block; text-indent:0px; }

.roll-pro a:hover, .roll-pro
{ width:68px; overflow:hidden; text-indent:-68px }

/***** portfolio *****/

#categorias 
{ width:837px; margin-top:170px; margin-left:110px; background-color:#ffffff }

#categorias a:link, #categorias a:visited, #categorias a:active
{ filter: alpha(opacity=100); -moz-opacity: 1.0;  display:inline-block;} 

#categorias a:hover
{ filter: alpha(opacity=70); -moz-opacity: 0.7;  display:inline-block; } 

.cat
{ background:#333; }
 
#galeria
{ width:850px; height:600px; float:left; margin-left:26px; background:#333; }
 
 
/***** nosotros *****/
  
#texto-nos
{ width:600px; margin-top:170px; margin-left:190px; text-align:justify; line-height:150%}

#texto-nos p
{ margin-bottom:10px; }

/***** clientes *****/

#clientes
{ width:840px; height:100px; margin-top:170px; margin-left:110px; }

#clientes h2
{ font-size:13px; font-weight:bold; color:#999; margin-bottom:10px;}

#clientes p
{ width:130px; margin-right:10px; float:left; line-height:150%}

/***** contacto *****/

#contacto
{ width:837px; margin-top:170px; margin-left:110px; }

.datos
{ width:160px; text-align:right; float:left; margin-right:26px; line-height: 150%; padding-top:4px; }

.datos h2
{ font-size:13px; font-weight:bold; color:#000; }

/***** form *****/

.label
{ margin-top:3px; text-align:left; color:#0f0f0f; margin-right:13px;}

.enviar
{ margin-top:8px; text-align:right; }

.mensaje_error
{ font-size: 9px; color:red; text-align:left;  }

#mensaje
{ font-size: 9px; color: #666; padding-top:6px }