/* CSS inicio.html */

#fotoCorporativa{
 float:left;
 border:1px solid #666;
 padding:10px;
 margin-right:10px;
 background-color:#FFF;
}
 
 #saludo{
 margin:10px;
 }
 #contenidoInicio{
 
 }
 #enlaces{
 float:right;
 text-align:center;
 border-left:1px solid #1212AA;
 color:#EBEBEB;
 /*font-family:Georgia, "Times New Roman", Times, serif;*/
 font-family:"Myriad Pro", "Book Antiqua", Palatino, serif;
 font-size:14px;
 padding-left:10px;
 margin-left:10px;
 height:700px;
 }
 
 .banner{
border:1px solid #666;
background-color:#0071b6;
}
#bannerEmpleo, #bannerCliente, #bannerWashpro, #catalogoArriba, #portadaCatalogo{
margin-top:15px;
}
#portadaCatalogo{
margin-top:0px;
margin-bottom:10px;
clear:both;
}
#catalogoAbajo{
clear:both;
}
a, a:hover, a:visited{
color:#F9B855;
}
img{
border:0
}
#tituloOfertas{
color:#009;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:500;
margin-bottom:10px;
border-bottom:1px solid #1212AA;
}


/*----Estilo Paneles, los nombres de las clases los añade el plugin tabs automáticamnete---------*/
 #ofertas{
 width:600px;
 }
 #ofertasDimasa{
 float:right;
 font-size:16px;
 }
.panel{
height:280px;
}
#ofer1{
background-image:url(../images/fondoPanelEquip.jpg);
}
#ofer2{
background-image:url(../images/fondoPanelCont.jpg);
}
#ofer3{
background-image:url(../images/fondoPanelMobil.jpg);
}
#ofer4{
background-image:url(../images/fondoPanelCocin.jpg);
}
#ofer5{
background-image:url(../images/fondoPanelLavan.jpg);
}
#ofer6{
background-image:url(../images/fondoPanelLimpi.jpg);
}
#ofer7{
background-image:url(../images/fondoPanelHigi.jpg);
}
#ofer8{
background-image:url(../images/fondoPanelSegur.jpg);
}
.ui-tabs-hide{
	display:none;
}
.ui-tabs-nav{
	margin:0;
	padding:0;
	list-style:none;
}
.ui-tabs-nav li{
	margin:0 0px 0 0;
	padding:0;
	width:113px;
	background-color:#FFF;
}
.ui-tabs-nav a{
	text-decoration:none;
	display:block;
	padding:5px 5px 3px 5px;
	border:1px solid #999;
	color:#0071b6;
}
.ui-tabs-selected a{
	background-color:#0071b6;
	color:#FFF;
}
.ui-tabs-panel {
	clear:left;
	border:1px solid #999;
	padding:10px;
	background-color:#CCC;
}

/*Para dar sombra a la portada del catálogo*/
.sombra img {
display:block;
position:relative;
top: 0px; /* Desfasamos la imagen hacia arriba */
left:0px; /*Desfasamos la imagen hacia la izquierda */
padding:1px;
background:#FFFFFF; /*Definimos un color de fondo */
}
.sombra {
float:left;
padding:0 3px 3px 0; /*Esta es la profundidad de nuestra sombra, sí haces más grandes estos valores, el efecto de sombra es mayor también */
background: url(images/efecto-sombraCatalogo_mini.gif) no-repeat bottom right; /*Aquí es donde ponemos la imagen como fondo colocando su ubicación*/
margin-left:40px;
margin-top:5px;
margin-bottom:5px;
}

h1{
font-size:1px;
color:#CCC}