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

body {
	font-family: arial;
	font-size: 11px;
	/*color: #000;*/
	font-weight: regular;
	text-align: left;
}
body {
	background: #FFF;
	margin-top: 35px;
}


.table-class {
 border-collapse: separate;
 border-spacing: 0;
 border-collapse: collapse; /* hack is needed for IE7 also */
 border-top: 1px solid red;
 border-bottom: 1px solid pink;
 position: relative;
}
#tabla-conacto {
	margin-top: 50px;
}



h1 {
	font-family: arial;
	font-size: 14px;
	font-weight: bold;
	color: #666;
}
h2 {
	font-family: arial;
	font-size: 24px;
	font-weight: bold;
	color:#EE3124;
}
h3 {
	font-family: arial;
	font-size: 20px;
	font-weight: bold;
	color:#EE3124;
}


h4, a{
	font-family: arial;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}

h5{
	font-family: arial;
	font-size: 13px;
	color: #EE3124;
}

h6{
	font-family: arial;
	font-size: 16px;
	color: #EE3124;
}

#titulos {
    height: 30px; 
}

p {
	font-size: 12px;
	margin: 0px;
}



#texto p.cen {
	/*color: #666;*/
	float: left;
	display: left;
	font-size: 9px;
	width: 900px;
	text-align: center;
	margin: 0px;
	padding-top: 100px;
}

/* caja principal */

#principal {
	background-color: #FFF;
	/*display: block;*/
	width: 976px;
	margin-left: auto;
	margin-right: auto;
	margin-top: -25px;
	/*float:left;*/
}


#wrapper_bottom{
	display: inline;
	float: left;
	width:976px;
	height:196px;
	background-image:url('../images/bkg_bottom.jpg');
	background-repeat:no-repeat;
	margin-top:40px;
	margin-left: 0px;
	/*position:absolute;*/
	
}

#footer {
	/*background: transparent url(../images/footer.jpg) no-repeat center bottom;*/
	display: inline;
	float: left;
	width: 275px;
	height: 104px;
	/*position:absolute;*/
	margin-left:-50px;
	margin-top:30px;
	
}


/* cabeza */

#logo {
	float: left;
	display: block;
	width: 976px;
	height: 50px;
	
}

/* menú navegación */

#menu { 
background: transparent;
display: block;
color: #693;
width: 770px;
height: 60px;
margin-top:0px;
margin-bottom:0px;
padding-left: 192px;
padding-top: 0px;
}

#menu li { 
background: transparent;
float: left;
display: inline;
width: block
height: 20px;
margin: 3px -11px 0px 25px;
padding: 0px;
}

a.product:link, a.product:visited {
display:block;
width:150px;
height:25px;
text-indent:-9999px;
background: url(../images/botones/buttonsSprite_productos.png) 0 0 no-repeat
}
a.product:hover {
display:block;
width:150px;
height:25px;
text-indent:-9999px;
background:url(../images/botones/buttonsSprite_productos.png) 0 -25px no-repeat
}
a.product:active{
display:block;
width:150px;
height:25px;
text-indent:-9999px;
background:url(images/botones/buttonsSprite_productos.png) -150px 0 no-repeat
}
a.empresa:link, a.empresa:visited {
display:block;
width:150px;
height:25px;
text-indent:-9999px;
background:url(../images/botones/buttonsSprite_empresa.png)  0 0 no-repeat
}
a.empresa:hover, a.empresa:active {
display:block;
width:150px;
height:25px;
text-indent:-9999px;
background:url(../images/botones/buttonsSprite_empresa.png) 0 -25px no-repeat
}
a.contacto:link, a.contacto:visited {
display:block;
width:150px;
height:25px;
text-indent:-9999px;
background:url(../images/botones/buttonsSprite_contacto.png)  0 0 no-repeat
}
a.contacto:hover, a.contacto:active {
display:block;
width:150px;
height:25px;
text-indent:-9999px;
background:url(../images/botones/buttonsSprite_contacto.png) 0 -25px no-repeat
}
a.catpdf:link, a.catpdf:visited {
display:block;
width:150px;
height:25px;
text-indent:-9999px;
background:url(../images/botones/buttonsSprite_catpdf.png)  0 0 no-repeat
}
a.catpdf:hover, a.catpdf:active {
display:block;
width:150px;
height:25px;
text-indent:-9999px;
background:url(../images/botones/buttonsSprite_catpdf.png) 0 -25px no-repeat
}


/* activo */

#left_nav { 
width: 170px;
height:273px;
display: block;
position:absolute;
background: transparent url(../images/left_nav.jpg) no-repeat center bottom;
margin-left:-205px;
margin-top:50px;
}



#content {
	width: 750px;
	height: 565px;
	position:absolute;
	margin-left:228px;
	margin-top:10px;

	

}


#contiene {
	float: left;
	background-color: transparent;
	display: block;
	width: 900px;
	height: 325px;
}
.intro {
	float: left;
	background-color: transparent;
	display: block;
	width: 900px;
	height: 500px;
}
#contiene p {
	/*color: #666;*/
	display: inline;
	float: left;
	font-size: 12px;
	width: 900px;
	text-align: center;
}

#texto {
	float: left;
	background-color: transparent;
	display: block;
	width: 524px;
	padding-bottom:120px;
}

#texto p {
	display: inline;
	float: left;
	width: 524px;
	margin: 0px 0px 20px 0px;
}



/*ESTILO LEFT MENU ROLLOVERS*/

#list-menu {
width: 170px;
/* this width value is also effected by
the padding we will later set on the links.	*/
}

#list-menu ul {
margin: 0; 
padding: 0;
list-style-type: none;
/*font-family: verdana, arial, sanf-serif;*/
font-size: 12px;
}

#list-menu li {
margin: 2px 0 0;
}

#list-menu a {
display: block;
width:150px;
padding: 2px 2px 2px 2px;
border: 0px solid #000000;
background: none;
text-decoration: none; /*lets remove the link underlines*/
text-align:right;
}

#list-menu a:link, #list-menu a:visited, #list-menu a:active {
color: #EE3124;
}

#list-menu a:hover {
border: 0px solid #000000;
background: #EE3124;
color: #ffffff;
}

#list-menu li a.active:link, #list-menu li a.active:visited, 
#list-menu li a.active:active, #list-menu li a.active:hover {
	background: #EE3124;
	color: #ffffff;;
}




/* PRUEBAS MENU ACTIVE PHP */


#nav {
	padding: 0px;
	width: 515px;
	margin:0px auto;
}
#mainnav {
	margin: 0px;
	padding: 0px;
	list-style-image: none;
	list-style-type: none;
}
#mainnav li {
	padding: 0px;
	float: left;
	margin:0px 3px 0px 0px;
}
#mainnav li a:link, #mainnav li a:visited, #mainnav li a:active {
	color: #333;
	text-decoration: none;
	margin: 0px;
	display: block;
	float: left;
	border-bottom:solid 5px #dadada;
	padding: 0px;
	width: 100px;
	height: 20px;
	text-align: center;
}
#mainnav li a:hover {
	text-decoration: none;
	border-bottom:solid 5px #333;
}
#mainnav li a.active:link, #mainnav li a.active:visited, 
#mainnav li a.active:active, #mainnav li a.active:hover {
	text-decoration: none;
	border-bottom:solid 5px #990000;
}