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


/*Reset********************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*generales******************/


body {
	background-color: #030303;
	background-image:url(../imagenes/fondo_pagina.jpg);
	background-repeat:repeat-x;
	text-align:center;
	color:#686868;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}



#cuerpo{
position:relative;
width:768px;
height:1000px; /*ojo*/
background-image:url(../imagenes/fondoWeb2.jpg);
background-repeat:no-repeat;
margin:0 auto 0 auto;
text-align:left;
margin-bottom:20px;
}


#contenido {
	position:absolute;
	width:410px;
	left: 96px;
	top: 179px;

}

#contenido p {
	font-size:11px;
	line-height:1.4em;
	margin-top:0.2em;
	margin-bottom:0.5em;
		}
#izquierdo p {
	font-size:11px;
	line-height:1.4em;
	margin-top:0.2em;	
		}	
	
#contenido h2 {
	font-size:12px;
	font-weight:bold;
	color:#996600;
	margin-top:10px;
	margin-bottom:5px;
	}	

h1{
	font-family:"Trebuchet MS", "Arial Narrow", Arial, sans-serif;
	font-size:17px;
	font-weight:normal;
	letter-spacing:0.02em;
	color:#999999;
	text-transform:uppercase;
	color:#666666;
	margin-top:15px;
}

#izquierdo {
	position:absolute;
	top:178px;
	left:519px;
	width:222px;
	border-left:1px solid #171717;
	padding-left:20px;
	padding-bottom:25px;
}


#footer {
	position:absolute;
	top:713px;
	left:91px;
	width:640px;
	border-top: 1px solid #1D1D1D;
	padding-top:15px;
	padding-left:5px;

}

#footer p {
	font-size:11px;
	line-height:1.4em;
	margin-top:0.2em;
	margin-bottom:0.5em;
		}
		
		
#map {
margin-top:20px;
margin-bottom:10px;
border:8px solid #333333;
font-size:12px;
line-height:17px;
}		

/*Enlaces********************/

a:link, a:visited {
color:#996600;
}

a:hover {
color:#FFCC00;
}


.moti{
margin-top:8px;
margin-bottom:8px;
}

.destacado{
color:#CCCCCC;
}


#ppd{
	position:absolute;
	top:7px;
	left:240px;
	width:153px;
	height:35px;
}


/*Direcion
-------------------------------*/

#dir{
	width:168px;
	margin:10px 0 0 0;
	border:3px solid #383838;
	background-color:#121212;
	padding:5px 13px 5px 13px;
	background-image:url(../img/dir_fondo.gif);
	background-repeat:no-repeat;
}

#dir h3{
	font-family:"Times New Roman", Times, serif;
	font-size:15px;
	color:#666666;
	margin:0;
	margin-bottom:8px;
	border-bottom:1px solid #383838;
	padding:0;

}

#dir p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	padding:0;
	margin-top:1px;
	margin-bottom:1px;
	border-bottom:0px solid #383838;
	padding-bottom:3px;
}



#dir a:link, #dir a:visited {
color:#996600;

}

#dir a:hover {
color:#fff;

}

/*MENU menu_h****************************************/

#nav-example {
	position:absolute;
	top:132px;
	left:460px;
	background-image:url(../menu/menu_tab/menu_tab.gif);
	background-repeat:no-repeat;
	width:290px;
	height:40px;
    /*margin:0;
    padding:0;*/
    }

    #nav-example span {
    display: none;
    }

    #nav-example li, #nav-example a {
    height:40px;
    display:block;
    }

    #nav-example li {
    float:left;
    list-style:none;
    display:inline;
	margin:0;
	padding:0;
    }

    #principal {width: 104px;}
    #estudio {width: 177px;}
    #facturacion {width: 139px;}
   
    #principal a:hover {background:url("../menu/menu_tab/menu_tab.gif") 0px -40px no-repeat; }
    #estudio a:hover {background:url("../menu/menu_tab/menu_tab.gif") -104px -40px no-repeat; }
    #facturacion a:hover {background:url("../menu/menu_tab/menu_tab.gif") -263px -40px no-repeat; }
  
	
	
	
	#principal.tabselect a {background:url("../menu/menu_tab/menu_tab.gif") 0px -40px no-repeat; }
	#estudio.tabselect a {background:url("../menu/menu_tab/menu_tab.gif") -104px -40px no-repeat; }
    #facturacion.tabselect a {background:url("../menu/menu_tab/menu_tab.gif") -263px -40px no-repeat; }
   
/***************Galeria portafolio****/

.highlightit img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}

.highlightit:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;

}



div.spacer {
  clear: both;
  } 
  
 div.galeria {
   width:100%;
  }
  
div.float {
	float: left;
	margin-right:13px;
	margin-top:10px;
	text-align:center;
	width:85px;
      
  }

 #container .float p { 
	color:#666666;
	font-size:11px;
	line-height: 110%;	
	padding-left:3px;
	padding-right:3px; 
	margin-top:5px;
   margin-bottom:3px;
   text-align:center;
	
}


   
div.float img {
 border:3px solid #E4E4E4;
  padding-bottom:0;
  background-color:#FFFFFF;
   }
 

div.float.activo img {
border-color:#FFCC00;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=10);
-moz-opacity: 0.1;

   } 
   
 .opaco{
 color:#252525;
 
 }  
   
   
 
 /*Menuleft
-------------------------------*/

#menuleft {
margin-top:12px;
width:210x;

}


#menuleft p
{
clear:left;
color:#999999;
}

.navertical
{
width:100%;

}


#menuleft .navertical ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
}

#menuleft .navertical li { margin: 0 0 3px 0; 
margin:0;
}


#menuleft .navertical a
{
display: block;
padding: 2px 2px 2px 12px;
border: 0;
width: 200px;
height:23px;

outline:none;
background-image: url(../img/menuvert/menuvert.gif);
}

#menuleft .navertical a:link, #menuleft .navlistvertical a:visited
{
color:#999999;
text-decoration: none;
}

#menuleft .navertical a:hover
{
	border: 0;
	background-color: #FFFFFF;
	background-image: url(../img/menuvert/menuvert.gif);
	background-position: left 120px;
	color:#B4952B;
}

.navertical a:active
{
border: 0;
background-color: #FFFFFF;
background-image:url(../img/menuvert/l2_down.gif);/*ojo*/
color:#1D4666;
}

.activevert 
{
color:#99FF00;
border: 0;
background-image: url(../img/menuvert/menuvert.gif);
background-position: left 60px;

}