/*
S&B MUEBLES
DESIGN: OTZARRETA
http://www.otzarreta.com

colores:
azul oscuro: #0099cc
azul claro: #a5dcee
azul muy claro: #d6eef6
gris: #999999





*/
/*///////////////////////////////////////////////////*/
/* Inicio Elementos básicos */

/*html, body {
margin:0 auto;
height:100%;
}*/
body {
/*background: #ffffff;*/
font-size: 62.5%;
font-family: 'Helvetica Condensed', 'Helvetica', Impact, Helvetica, Arial, Verdana, Sans-Serif;
color: #0099CC;
text-align: center;
margin: 0 auto;
padding: 0; 
}
a:link, a:visited, a:active{
color: #0099CC;
text-decoration:none;
}
a:hover{
color: #999999;
text-decoration:underline;
}
/*body.circulos{
background: #ffffff url(imagen/bg.gif) repeat;
}*/
h1, h2, h3, h4, h5 {
font-family: 'Helvetica Condensed', 'Helvetica', Impact, Helvetica, Arial, Verdana, Sans-Serif;
font-size: 4em;
text-align: left;
text-decoration: none;
color: #0099CC;
}
H2 {
font-size: 2.75em;
}
H3 {
font-size: 2em;
}
H4 {
font-size: 1.5em;
margin: 0;
padding: 0;
}
H5 {
font-size: 1.2em;
margin: 0;
padding: 0;
}
H1 span, H2 span, H3 span, H4 span {
display: none;
}
p {
font-size: 1em;
line-height: 1.3em;
margin: 0;
padding: 0;
}
#index {
text-align:center;
margin: 244px auto auto;
width: 500px;
}
#index p {
margin: 0;
padding: 0;
}
#index a{
padding: 5px;
font-size: 12px;
font-weight:bold;
color: #ffffff;
text-decoration:none;
display:block;
background-color:#a5dcee;
}
#contenedor_ini {
width: 860px;
border: 0;
background-color:#FFFFFF;
margin: 0 auto;
padding: 0 0;
text-align:left;
}
#contenedor {
width: 650px;
border: 0;
background-color:#FFFFFF;
margin: 0 auto;
padding: 0 0;
text-align:left;
}
.cabecera{
width: 200px;
height: 132px;
padding: 0;
margin: 0;
text-align:left;
}
/*estilos del menu de ofertas de trabajo*/
#menWork{
	width: 180px;
	height: 130px;
	border: 0;
	margin: 30px 0 0 0;
	padding: 0;
	float:left;
}
#menWork ul{
	width: 180px;
	height: 130px;
	list-style: none;
	margin: 0;
	padding: 0px 0;
	float: left;
	text-align:left;
}
#menWork ul li{
	font-size: 12px;
	margin: 5px 0 0 0;
	padding: 0 0px;
	color:#0099cc;
	text-align:left;
}
#datWork {
	width: 400px;
	border: 0;
	margin: 35px 0 0 0;
	padding: 0;
	float:left;
}
#datWork h5 {
	margin: 10px 0 0 0;
}
#iniWork {
	width: 230px;
	border: 0;
	margin: 35px 10px 0 0;
	padding: 0;
	float:left;
}
#imgWork{
	margin: 35px 0 0 0;
	float:right;
}
/*estilos del menu*/
.menu{
width: 650px;/*650*/
height: 39px;
border: 0;
margin: 0;
padding: 0;
float:left;
background: url(imagen/menu.gif) no-repeat top left;
}
*html .menu {/*esta regla solo la reconoce IE*/
margin-top: -17px;
}
.menu ul{
width: 650px;/*650*/
height: 23px;
list-style: none;
margin: 0;
padding: 6px 0;
float: left;
text-align:left;
display:inline;
}

.menu ul li{
display: block;
font-size: 12px;
margin: 0;
padding: 0 8px;
color:#0099cc;
text-align:center;
line-height: 23px;
float:left;
border-right: 2px solid #0099cc;
}
.menu ul li.pri{
padding-left: 15px;
}
.menu ul li.ult{
border: 0;
}
.menu ul li span {
color:#A5DCEE;
}
.menu ul li.busca {
width: 170px;
border: 0;
text-align: center;

}

.menu ul li a:link, .menu ul li a:visited, .menu ul li a:active, .menu ul li.pri a:link, .menu ul li.pri a:visited, .menu ul li.pri a:active {
color: #0099cc;
text-decoration:none;
display: block;
}
.menu ul li a:hover, .menu ul li.pri a:hover {
display: block;
color:#999999;
text-decoration:underline;
}
.submenu{
width: 650px;
height: 100px;
border: 0;
margin: 0 0 5px 0;
padding: 0;
float:left;
background: url(imagen/fd_titu.gif) no-repeat top left;
}
*html .submenu {/*esta regla solo la reconoce IE*/
margin-bottom: 17px;
margin-top: -13px;
}
.submenu h3{
color:#0099cc;
margin: 50px 0 0 0;
padding: 0 0 2px 15px;
}
.submenu ul{
height: 23px;
list-style: none;
margin: 0;
padding: 0 10px;
float: left;
text-align:left;
display:inline;
}
.submenu ul.izquierda{
float: right;

}
.submenu ul li, .submenu ul li.pri{
display: block;
font-size: 12px;
margin: 0;
padding: 0 10px;
color:#0099cc;
text-align:center;
line-height: 16px;
float:left;
border-left: 2px solid #0099cc;

}
.submenu ul li.pri{
border-left: 0;
padding-left: 5px;
}

.submenu ul li a:link, .submenu ul li a:visited, .submenu ul li a:active, .submenu ul li.pri a:link, .submenu ul li.pri a:visited, .submenu ul li.pri a:active  {
color: #0099cc;
text-decoration:none;
display: block;
}
.submenu ul li a:hover, .submenu ul li.pri a:hover {
display: block;
color:#a5dcee;
text-decoration:underline;
}
#detalles{
width: 650px;
border: 0;
margin: 0;
padding: 0;
float:left;
}
#detalles ul{
width: 650px;
list-style: none;
margin: 0;
padding:0;
float: left;
text-align:left;
display:inline;
}		
#detalles ul li{
width: 215px;
display: block;
margin: 0;
padding-right: 5px;
text-align:center;
float:left;
}
#detalles ul li.ult{
width: 210px;
padding-right: 0;
}
#foto{
width: 650px;
height: 383px;
border: 0;
margin: 0;
padding: 0;
float:left;
position: relative;
}
*html #foto {/*esta regla solo la reconoce IE*/
margin-top: -12px;
}
#link{
position: absolute;
left:20px;
bottom: 23px;
width:50px;
height:35px;
text-align: center;	
}
#novedades, #tiendas, #buscador{
width: 650px;
border: 0;
margin: 0;
padding: 0;
float:left;
}
#tiendas{
margin-top: 15px;
}
*html #tiendas {/*esta regla solo la reconoce IE*/
margin-top: -5px;
}
#novedades ul, #tiendas ul{
width: 650px;
list-style: none;
margin: 0;
padding:0;
float: left;
text-align:left;
display:inline;
height: 112px;
}
#tiendas ul{
border-bottom: 1px solid #d6eef6;	
margin-bottom: 5px;
}

#novedades ul li, #tiendas ul li{
width: 159px;
display: block;
margin: 0;
padding-right: 4px;
text-align:center;
float:left;
display: block;

}
#novedades ul li.ult{
width: 158px;
padding-right: 0;
}
#tiendas ul li.text{
padding-top: 15px;
width: 450px;
padding-left:20px;			
text-align: left;
}

#novetexto {
width: 650px;
margin: 15px 0 0 0;
padding: 0;
text-align: left;
float:left;
}
#novetexto h4, h2 {
margin:0 0 2px 0;
}
#novetexto p {
margin:15px 0 0 0;
}
#lateral, #lateralcua, #lateralrec {
width: 205px;
height: 568px;/*total 588*/
background: url(imagen/fdo_lateral.gif) no-repeat top left;
padding: 10px 0;
float:right;
margin-top: 0;
text-align:center;
}
*html #lateral  {/*esta regla solo la reconoce IE*/
margin-top: -17px;
}
#lateral img {
padding: 5px 0;
}
#lateral h3 {
padding: 0 15px;
margin: 10px 0 0 0;
}
#lateral h5 {
padding: 0 15px;
margin: 2px 0;
}
#lateral p {
margin: 5px 0;
padding: 0 15px;
text-align: left;
}
#lateral a:hover{
color: #0099CC;
}

#lateralcua {
height: 558px;/*total 598*/
background: url(imagen/fdo_lateral_cua.gif) no-repeat top left;
}
*html #lateralcua {/*esta regla solo la reconoce IE*/
margin-top: -12px;
}
#lateralrec {
height: 503px;/*total 543*/
background: url(imagen/fdo_lateral_rec.gif) no-repeat top left;
}
*html #lateralrec {/*esta regla solo la reconoce IE*/
margin-top: -12px;
}
#lateralcua p, #lateralrec p {
margin: 30px 0 0 0;
padding: 0 15px;
text-align:center;
letter-spacing: 5px;
}
#lateralcua h3, #lateralrec h3 {
margin: 10px 0 0 0;
padding: 0 15px;
text-align:center;
}
#lateralcua h5, #lateralrec h5 {
margin: 10px 0 0 0;
padding: 0 15px;
text-align:center;
line-height: 1.4em;
}




/* CONTENEDOR NOTICIAS*/

.contnoticias {
width:650px;
margin:0;
padding:5px 0;
height:120px;
float:left;
background: url(imagen/fdo_noticias.gif) no-repeat top left;
}
*html .contnoticias {/*esta regla solo la reconoce IE*/
margin-top: -16px;
height:137px;
}
.boxnoti {
margin: 5px 0 0 10px;
padding: 0 3px 0 0;
width: 310px;
float:left;
border-right: 2px solid #0099cc;
}
*html .boxnoti {/*esta regla solo la reconoce IE*/
margin: 5px 0 0 5px;
}

.boxcolec {
margin: 5px;
padding: 0;
width: 313px;
float:right;
border: 0;
}
*html .boxcolec {/*esta regla solo la reconoce IE*/
margin: 5px 0 5px 5px;
}


.boxtext {
width:125px;
float: left;
margin: 0;
}
.boxtext p {
font-size: 1em;
color: #0099cc;
line-height:1.1em;
margin: 5px 0 0 0;
padding-left: 10px;
}
.boxtext h5 {
color: #0099cc;
line-height:1.1em;
margin: 5px 0 0 0;
padding-left: 10px;
}
.boxtext h5 a:hover{
color: #0099cc;
}
.boximg {
width: 159px;
float: right;
margin-right:5px;
}
/*html .boximg {/*esta regla solo la reconoce IE
margin-top: 10px;
margin-right:0;
}*/

/*FIN DE CONTENEDOR NOTICIAS*/


/*ESTILOS PARA LOS AARTICULOS*/
.columna {
width: 196px;
float:left;
padding: 15px 10px 20px 10px;
margin:0;
}
*html .columna {/*esta regla solo la reconoce IE*/
margin-top: -15px;
margin-bottom:10px;
}
.lateralcolumna {
width: 205px;
background-color: #d6eef6;
padding: 0;
float:right;
margin: 0;
}
.columna h5, .lateralcolumna h5 {
margin: 20px 0 5px 0;
}
.columna p, .lateralcolumna p, .lateralcolumna h3 {
margin: 5px 0;
}
.columna img, .lateralcolumna img {
margin: 5px 0 5px 0;
}
.topcol {
margin:0;
padding:0;
width: 205px;
height: 25px;
background: url(imagen/top_col.gif) no-repeat top left;
}
.botcol {
margin:0;
padding:0;
width: 205px;
height: 25px;
background: url(imagen/bot_col.gif) no-repeat top left;
}
.centercol {
width: 189px;
padding: 8px;
margin: 0;
}
/*FIN ARTICULOS*/

/*OBJETOS PARA BUSCADOR*/
input.text {
/*width: 50px;*/
margin: 0;
padding:2px;
font:Arial, Helvetica, sans-serif;
font-size: 10px;
color: #0099cc;
border: 1px solid #a5dcee;
background-color:#ffffff;
}
input.boton {
/*width: 50px;*/
margin: 0;
padding:1px;
font:Arial, Helvetica, sans-serif;
font-size: 10px;
color: #0099cc;
border: 1px solid #a5dcee;
background-color:#d6eef6;
}
#buscador{
padding: 15px 0;
}
#buscador h4 {
margin: 10px 0 0 0;
}
.busca {
border-bottom: 1px solid #d6eef6;
padding: 20px 0 20px 0;
margin: 0;
}

/*FIN BUSCADOR*/

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

/*----------------------estilos FRANQUICIA ---------------------*/
#form_contacto p{
	margin:5px 0 0 0;
}
#form_contacto {
	margin-left: 0px;
	margin-top: 10px;
	width: 330px;
	height: 200px;
	text-align: justify;
}
/*estilos del formulario*/
#form_contacto input{
	float:right;
	margin:-12px 0 15px 0;
	background:#FFFFFF;
	border:#a5dcee 1px solid;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	text-align: left;
	color: #0099cc;
}
textarea{
	float:right;
	margin:-12px 0 0 0;
	background:#FFFFFF;
	border:#a5dcee 1px solid;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	text-align: left;
	color: #0099cc;
}
label[for="bot_enviar"]{
	padding: 5px 0px 0px 5px;
	width: 300px;	
	float:right;
	margin-right:30px;
	margin-top:10px;
}
/*para IE6*/
*html #texEnvio{
	padding: 5px 0px 0px 5px;
	width: 325px;
	height:50px;
	float:right;
	margin-right:30px;
	margin-top:10px;
}
/*para IE7*/
*:first-child+html #texEnvio{
	padding: 5px 0px 0px 5px;
	width: 325px;
	height:50px;
	float:right;
	margin-right:30px;
	margin-top:10px;
}
#form_contacto label{
	padding: 5px 0px 0px 0px;
}
#bot_form{
	margin-top:-5px;
	float:right;
}
/*para IE6*/
*html #bot_form{
	padding: 15px 0px 0px 0px;
	height:50px;
	margin-top:-20px;
	float:right;
}
#form_contacto h4{
	margin:20px 0 30px 0;
}
#img_franqui{
	width:210px;
	float:right;
	margin:-200px 0 0 0;
}
/*para IE6*/
*html #img_franqui{
	width:210px;
	float:right;
	margin:-260px 0 0 0;
}
/*para IE7*/
*:first-child+html #img_franqui{
	width:210px;
	float:right;
	margin:-120px 0 0 0;
}