body {
	background-color: #333333;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}


#principal {
margin:auto;
padding-top:10px;
border:0;
width:920px;
background:#CCCCCC;
}

#cabecera {
background:url(img/logo.jpg) no-repeat left;
margin:10px;
margin-top:0;
height:200px;
}

#slogan {
height:150px;
float:left;
width:660px;
margin-left:240px;
}

#slogan h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
color: #333333;
line-height:18px;
margin-top:40px;
margin-right:115px;
margin-left:10px;
background: url(img/fondolinks.png);
padding:10px;
}

#titulo {
height:50px;
float: left;
background:#FFFF99;
width:660px;
margin-left:240px;
}

#titulo h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
font-weight:bold;
color: #333333;
line-height:20px;
padding-left:20px;
}


#izquierda {
float:left;
width:230px;
padding-left:10px;
background: url(img/fondomenu.jpg) no-repeat 10px;
height:320px;
}

#derecha {
float:left;
height:1%;
margin-left:10px;
width:660px;
}

#pie {
clear:both;
height:40px;
}

.lacocina {
float:left;
padding:10px;}

.menupie {
background:#FFFF99;
height:20px; 
width:660px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color: #333333;
float:right;
}

.contenidos {
padding:10px;
width:640px;
background:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
min-height:300px;
overflow: auto;
}

.contenidos h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#333333;
font-weight:bold;
}
.contenidosprincipal {
padding:10px;
background:#FFFFFF url(img/fondoprincipal.jpg);
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
min-height:300px;
overflow: auto;
}

.interiorempresa {
float:left;
width:300px;
margin-left:10px;
margin-right:10px;
margin-bottom:-10px;
line-height:20px;
}


.interiorclientes {
float:left;
margin-left:10px;
margin-right:10px;
line-height:20px;
}

.imag {float:right;
}



.menu ul{
margin: 0;
padding:10px;
list-style-type: none;
font: bold 18px Arial;
width: 210px;
}
 
.menu ul li{
position: relative;
}

.menu ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: #FFFF99;
text-decoration: none;
padding:10px;
background:url(img/pngmenu.png) repeat;
}

.menu ul li a:hover{
background: url(img/fondolinks.png);
color:#333333;
}


.menu ul li a:active{
background: url(img/linksactivos.png);
color:#333333;
}

.linkactivo {background: url(img/linksactivos.png);
display: block;
overflow: auto; /*force hasLayout in IE7 */
color:#333333;
text-decoration: none;
}

.menu ul li ul a:link{
background: url(img/pngmenu.png)repeat;
}
.menu ul li ul a:hover{
background: url(img/fondolinks.png) repeat;
color: #333333;
}



.menu ul li ul{
position: absolute;
width: 220px; 
top: 0;
height:40px;
visibility: hidden;
padding:0;
}

 
* html .menu ul li { float: left; height: 1%; }
* html .menu ul li a { height: 1%; }


.menuchico{
background: #FFFF99 ;
height:20px;
width:660px;
float: right;
margin:10px;
}
.menuchico ul li{
display: inline;
float: right;
width:auto; /*Width of top level menu link items*/
padding: 5px ;
font-family: Arial, Helvetica, sans-serif;
font-size:8px;
text-decoration: none;
text-transform:uppercase;
color: #333333;
}

.menuchico ul li a{
display: block;
width:auto; /*Width of top level menu link items*/
padding: 1px 1px;
font-family:verdana;
font-size:8px;
text-decoration: none;
text-transform:uppercase;
color: #434444;
}

.menuchico ul li :hover{
display: block;
width:auto; /*Width of top level menu link items*/
padding: 1px 1px;
font-family:verdana;
font-size:8px;
text-decoration: none;
text-transform:uppercase;
color: #434444;
}


.menuchico ul {
margin: 0;
padding: 0;
list-style-type: none;
float:right;
}


#divindex {
background:url(img/fondoindex.jpg) no-repeat;
height:100%;
width:900px;
margin:0 auto;
padding-top:50px;
padding-bottom:50px;
overflow:auto;
}
.izq {
background:url(img/logo.jpg) no-repeat;
width:230px;
height:350px;
margin:10px;
float:left;
}

.der {
width:640px;
height:1%;
margin:10px;
margin-left:0;
float:left;
}

.interior-der {
padding:10px;
padding-top:40px;
background:url(img/pngmenu.png) repeat;
height:150px;
margin-bottom:10px;
}
.interior-der2 {
padding:10px;
background:url(img/pngmenu.png) repeat;
margin-bottom:10px;
}


.interior-der3 {
padding:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:30px;
color:#99CCFF;
font-weight:bold;
text-decoration:none;
width:254px;
background:url(img/pngmenu.png) repeat;
margin-bottom:10px;
}


h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:30px;
line-height:30px;
color:#FFFF99;
font-weight:bold;
}

h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
line-height:20px;
color:#FFFF99;
font-weight:bold;
}
.linksindex {
font-family:Arial, Helvetica, sans-serif;
font-size:30px;
color:#99CCFF;
font-weight:bold;
text-decoration:none;
}



.interior-principal{
background: url(img/fondolinks.png);
float:right;
width:400px;
padding:10px;
padding-right:0;
}

.interior-principal h2 {
color: #333333;
}

.link {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:none;
color: #333333;
}

.mail {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
background: url(img/fondolinks.png);
padding:2px;
text-decoration:none;
color: #333333;
}

.imagen {float:left;
padding-right:20px;
}

.productos {
width:650px;
float:left;
}

.productos h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
color: #333333;
background:#99CCFF;
line-height:15px;
margin-right:10px;
padding-left:5px;
padding-bottom:10px;
padding-top:10px;}


.productos h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color: #666666;
line-height:15px;
}

.desplegable {
width:640px;
padding:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:20px;
color: #333333;
overflow: inherit;
}