/* secciones */
#wrap.seccion3 #middle .sideBarLeft{background:url(/img/decorado-contacto.jpg) top center no-repeat;}
#wrap.seccion4 #middle .sideBarLeft{background:url(/img/decorado-empresas.jpg) top center no-repeat;}
#wrap.seccion5 #middle .sideBarLeft,
#wrap.seccion10 #middle .sideBarLeft{background:url(/img/foto-mateducativo.jpg) top center no-repeat;}
#wrap.seccion6 #middle .sideBarLeft{background:url(/img/foto-mobiliario.jpg) top center no-repeat;}
#wrap.seccion7 #middle .sideBarLeft{background:url(/img/decorado-ofertas.jpg) top center no-repeat;}
#wrap.seccion8 #middle .sideBarLeft{background:url(/img/decorado-proyectos.jpg) top center no-repeat;}
#wrap.seccion9 #middle .sideBarLeft{background:url(/img/decorado-comohacerpedido.jpg) top center no-repeat;}
#wrap.seccion5 #middle .editor,
#wrap.seccion6 #middle .editor{
width:311px;
float:left;
}
#wrap.seccion5 #middle .editor.cabFamilias{
width:533px;
background:url(/img/btn-cat-mat-edu.jpg) top right no-repeat;
padding-bottom:40px;
}
#wrap.seccion5 #middle .editor.cabFamilias p{
width:311px;
}
#wrap.seccion5 #middle .btnCatalogo a{background:url(/img/btn-cat-mat-edu.jpg) center top no-repeat;}
#wrap.seccion6 #middle .btnCatalogo a{background:url(/img/btn-catalogo.jpg) center top no-repeat;}
/* fin secciones */
#middle a{
color:#000;
}
#wrap #middle .btnCatalogo{
width:235px;
float:right;
padding-bottom:10px;
}
#wrap #middle .btnCatalogo a{
display:block;
width:233px;
text-align:center;
color:#993300;
font-size:1.2em;
font-weight:bold;
padding-top:302px;
height:28px;
}
#wrap #middle .sideBarLeft{
width:356px;
padding-bottom:485px;
float:left;
background:transparent;
}
#middle .sideBarLeft .logoEduclas{
position:absolute;
margin-left:40px;
margin-top:-100px;
}
#middle .content{
float:right;
width:580px;
text-align:justify;
}
#middle .content .superior h2{
height:27px;
background:url(/img/extra-yellow-gradient.jpg) repeat-x top;
color:#333;
padding-top:40px;
padding-left:15px;
font-size:1.8em;    
}
#middle .content .superior .breadcrumb{
padding:15px;
padding-bottom:7px;
display:block;
}
#middle .content .superior p{
padding:7px 15px 10px 15px;
font-weight:bold;
}
#middle .content .bloque{
padding:10px 15px 10px 15px;
clear:both;
}
#middle .content .bloque h3{
color:#5C522C;
font-size:1.4em;
background:url(/img/line-h-middle.gif) left bottom no-repeat;
}
/* editor */
#middle .content .editor p{
line-height:1.4em;
padding-bottom:15px;
}
#middle .content .editor a{
text-decoration:underline;
}
#middle .content .editor a:hover{
text-decoration:none;
}
#middle .content .editor h6{
font-size:1.1em;
font-weight:bold;
padding:10px 0 5px;
}
#middle .content .editor ul{
padding:5px 0 5px 10px;
}
#middle .content .editor ul li{
list-style:disc;
margin-left:10px;
padding:1px 0;
}
/* fin editor */
/* estamos */
#middle .content .estamos{
padding-bottom:10px;
}
#middle .content .estamos ul{
background:url(/img/ul-bottom.gif) bottom center no-repeat #EAEAEA;
text-align:center;
width:464px;
margin:25px auto 10px;
padding-bottom:15px;
}
#middle .content .estamos ul li.primero{
background:url(/img/ul-top.gif) top center no-repeat;
font-weight:bold;
margin-top:0;
padding-top:15px;
}
#middle .content .estamos ul li{
line-height:1.4em;
clear:both;
}
#middle .content .estamos .btn{
margin:0 auto;
text-align:center;
padding:5px 0;
}
#middle .content .estamos .btn a{
background:url(/img/flechas-btn.gif) left no-repeat;
padding-left:20px;
}
/* fin estamos */
/* lineas */
#middle .content .lineas ul li{
width:518px;
height:70px;
padding:12px 10px 10px;
background:url(/img/transparente-li.gif) center no-repeat #666666;
margin:10px 0;
}
#middle .content .lineas.general ul li{
background-color:#F5E5D4;
}
#middle .content .lineas ul li img{
border:1px solid #666;
float:left;
}
#middle .content .lineas ul li .titulo{
margin-left:90px;
display:block;
font-size:1.3em;
margin-bottom:3px;
}
#middle .content .lineas ul li p{
margin-left:90px;
}
#middle .content .lineas ul li a{
background-color:#fff;
color:#993300;
padding:3px;
margin-top:5px;
float:right;
}
#middle .content .lineas.general ul li a{
background-color:transparent;
float:none;
margin:0;
padding:0;
}
#middle .content .lineas ul li.mobdebiblio{
background-color:#BFD1E3;
}
#middle .content .lineas ul li.biblioinfantil{
background-color:#EDE0E8;
}
#middle .content .lineas ul li.mobiliarioficina{
background-color:#F7F5DE;
}
#middle .content .lineas ul li.silleria{
background-color:#F5E5D4;
}
#middle .content .lineas ul li.mueblesmetalicos{
background-color:#F0E0B5;
}
#middle .content .lineas ul li.salaespera{
background-color:#E8F2C4;
}
/* fin lineas */
/* lineasProductos */
#middle .content .lineasProductos ul li{
width:518px;
height:70px;
padding:12px 10px 10px;
margin:10px 0;
}
#middle .content .lineasProductos ul li img{
float:left;
}
#middle .content .lineasProductos ul li .titulo{
margin-left:60px;
display:block;
font-size:1.3em;
margin-bottom:3px;
}
#middle .content .lineasProductos ul li p{
margin-left:60px;
width:370px;
}
#middle .content .lineasProductos ul li a{
background-color:#EAEAEA;
color:#993300;
padding:3px;
margin-top:-15px;
float:right;
}
/* fin lineasProductos */
/* oferPromo */
#middle .content .oferPromo ul li{
width:538px;
padding:12px 0 0;
background:url(/img/ul-top-transp.gif) center top no-repeat #EAEAEA;
margin:10px 0;
}
#middle .content .oferPromo ul li img{
float:left;
margin-left:15px;
}
#middle .content .oferPromo ul li .titulo{
margin-left:95px;
display:block;
font-size:1.3em;
}
#middle .content .oferPromo ul li span{
margin-bottom:4px;
}
#middle .content .oferPromo ul li span.fecha{
margin-left:10px;
}
#middle .content .oferPromo ul li p{
margin-left:95px;
width:400px;
}
#middle .content .oferPromo ul li .enlaces{
clear:both;
height:25px;
width:298px;
overflow:auto;
text-align:center;
padding-left:240px;
background:url(/img/ul-bottom-transp.gif) center bottom no-repeat;
}
#middle .content .oferPromo ul li .enlaces span,
#middle .content .oferPromo ul li .enlaces a{
background-color:#fff;
color:#993300;
margin:0 5px;
padding:3px;
width:auto;
float:right;
}
/* fin oferPromo */
/* ficha */
#middle .content .ficha{
width:538px;
height:auto;
overflow:auto;
margin:20px 0 20px 20px;
padding-bottom:20px;
background:url(/img/ul-bottom-transp.gif) center bottom no-repeat #EAEAEA;
}
#middle .content .ficha h3{
background:url(/img/ul-top-transp.gif) center top no-repeat;
font-size:1.4em;
padding:20px 0 0 20px;
}
#middle .content .ficha h3.conMargen{
margin-bottom:10px;
}
#middle .content .ficha h6{
padding-left:20px;
}
#middle .content .ficha ul{
padding-left:30px;
}
#middle .content .ficha .fecha{
padding:5px 0 20px 20px;
display:block;
}
#middle .content .ficha .left{
width:300px;
float:left;
}
#middle .content .ficha .left p{
padding:0 20px 15px 20px;
}
#middle .content .ficha .right{
width:220px;
float:right;
}
#middle .content .ficha .right img{
border:1px solid #666;
}
#middle .content .ficha .right span{
background-color:#fff;
text-align:center;
font-size:1.4em;
color:#993300;
display:block;
margin:10px auto 0;
padding:3px;
width:75px;
}
#middle .content .ficha span a{
background-color:#fff;
color:#993300;
padding:3px;
margin:3px 20px;
}
#middle .content .btnVolver{
background-color:#EAEAEA;
color:#993300;
text-align:center;
display:block;
margin:10px auto;
padding:3px;
width:75px;
}
#middle .content .ficha .fechaCliente{
width:443px;
overflow:auto;
padding:7px 0 20px;
}
#middle .content .ficha .fechaCliente span{
color:#993300;
float:left;
margin-left:20px;
}
#middle .content .ficha .listadoFicha{
clear:both;
}
#middle .content .ficha .listadoFicha h4{
color:#5C522C;
border-bottom:1px solid;
font-size:1.4em;
width:493px;
margin:0 auto;
margin-bottom:10px;
padding-top:15px;
}
#middle .content .ficha .listadoFicha ul li{
float:left;
padding:14px;
}
#middle .content .ficha .listadoFicha ul li img{
border:1px solid #666;
}
/* fin ficha */
/* listaProyectos */
#middle .content .listaProyectos ul li{
width:538px;
padding:12px 0 0;
background:url(/img/ul-top-transp.gif) center top no-repeat #EAEAEA;
margin:10px 0;
}
#middle .content .listaProyectos ul li img{
float:left;
margin-left:15px;
}
#middle .content .listaProyectos ul li .titulo{
margin-left:95px;
display:block;
font-size:1.3em;
}
#middle .content .listaProyectos ul li p{
margin-left:95px;
width:400px;
}
#middle .content .listaProyectos ul li p.conMargen{
margin-top:10px;
}
#middle .content .listaProyectos ul li .btn{
clear:both;
height:25px;
width:538px;
overflow:auto;
text-align:center;
background:url(/img/ul-bottom-transp.gif) center bottom no-repeat;
}
#middle .content .listaProyectos ul li .btn a{
background-color:#fff;
color:#993300;
display:block;
margin:0 5px;
padding:3px;
width:78px;
float:right;
}
#middle .content .listaProyectos ul li .fechaCliente{
margin-left:95px;
width:443px;
overflow:auto;
padding:7px 0;
}
#middle .content .listaProyectos ul li .fechaCliente span{
color:#993300;
float:left;
margin-right:20px;
}

#middle .content .listado h3{
font-weight:bold;
margin:10px 0 0 15px;
}
#middle .content .listado .familias{
background:url(/img/ul-bottom.gif) bottom center no-repeat #EAEAEA;
text-align:left;
width:464px;
margin:25px auto 10px;
padding-bottom:15px;    
}
#middle .content .listado .familias li{
padding:0 0 15px 5px;
}
#middle .content .listado .familias li span{
font-size:1.5em;
font-weight:bold;
padding-left:16px;
background:url(/img/iconos/p/bullet-ball-yellow.gif) 0 3px no-repeat;
}
#middle .content .listado .familias .primero{
background:url(/img/ul-top.gif) top center no-repeat;
padding-top:15px;
}

#middle .content .hacerPedido{
padding:25px 10px 0 15px;
}
#middle .content .hacerPedido h3{
background:url(/img/cab-hacer-pago.gif) no-repeat;
color:#000;
font-size:1.4em;
width:514px;
padding-left:24px;
padding-top:9px;
height:26px;
}
#middle .content .hacerPedido h3 em{
color:#fff;
font-size:1.7em;
font-weight:bold;
display:block;
margin-top:-8px;
margin-right:30px;
float:left;
}
#middle .content .hacerPedido h4{
color:#5C522C;
font-size:1.4em;
background:url(/img/line-h-middle.gif) left bottom no-repeat;
width:518px;
margin:0 auto;
}
#middle .content .hacerPedido p{
padding:20px;
}
#middle .content .hacerPedido .datos{
padding-left:50px;
}
#middle .content .hacerPedido .datos li{
padding:8px 0;
}
#middle .content .hacerPedido .datos .por{
color:#9E3300;
font-size:1.4em;
display:block;
}
#middle .content .hacerPedido .datos li a{
text-decoration:underline;
color:#9E3300;
font-weight:bold;
}
#middle .content .hacerPedido .datos li .dato{
font-weight:bold;
font-size:1.4em;
color:#000;
margin-left:4px;
}
#middle .content .hacerPedido .enlaces{
height:45px;
padding-left:20px;
}
#middle .content .hacerPedido .enlaces a{
width:227px;
height:23px;
padding-top:5px;
display:block;
float:left;
margin-left:15px;
background-color:#EAEAEA;
color:#5C522C;
text-align:center;
font-size:1.3em;
}
#middle .content .hacerPedido .enlaces a.descargar{
background:url(../img/iconos/p/pdf.gif) 10px 5px no-repeat #EAEAEA;
}
/* fin listaProyectos */
/* Form contacto */
form.contacto{
width:538px;
margin:10px;
background:url(/img/ul-bottom-transp.gif) center bottom no-repeat #EAEAEA;
}
form.contacto .legend{
display:none;
}
form.contacto fieldset{
padding-top:30px;
padding-left:20px;
padding-bottom:30px;
background:url(/img/ul-top-transp.gif) center top no-repeat;
}
form.contacto .campo{
width:240px;
float:left;
margin:10px 0 10px 10px;
}
form.contacto input{
border:1px solid #999;
height:1.6em;
width:150px;
float:right;
}
form.contacto textarea{
float:right;
height:60px;
}
form.contacto label{
width:80px;
display:block;
float:left;
}
form.contacto .campo.campoApellidos,
form.contacto .campo.campoNombre{
float:left;
}
form.contacto .campo.campoDireccion,
form.contacto .campo.campoPoblacion,
form.contacto .campo.campoEmail,
form.contacto .campo.campoComentarios{
width:491px;
}
form.contacto .campo.campoDireccion input,
form.contacto .campo.campoPoblacion input,
form.contacto .campo.campoEmail input{
width:400px;
}
form.contacto .campo.campoComentarios textarea{
width:398px;
height:50px;
}
form.contacto .tlf {
padding:15px 0 10px;
text-align:center;
}
form.contacto .tlf p{
color:#993300;
font-size:1.4em;
}
form.contacto .tlf span{
display:block;
background:url(/img/tlf-icono.gif) 20px 8px #FFF no-repeat;
width:284px;
margin:10px auto;
padding:5px 0;
font-size:2.8em;
color:#333;
}
form input.btn{
cursor:pointer;
}
form.contacto input.btn{
background-color:#fff;
color:#993300;
display:block;
margin:0 auto;
padding:3px;
width:75px;
float:none;
border:none
}
form.contacto input.btn:hover{
text-decoration:none;
}
form.contacto .mensajesError{
width:225px;
margin:5px auto;
padding-top:20px;
}
form.contacto .mensajesError li{
background:url(../img/bullet.gif) 0px 6px no-repeat;
padding:2px 0 2px 9px;
}
#middle .content .aviso{
text-align:center;
font-weight:bold;
font-size:1.2em;
padding:15px;
}
/* CAPTCHA */
form.contacto fieldset .campoCaptcha{
width: 350px;
}
form.contacto #campoVerificacion img{ 
border: 1px solid #ccc; 
float:left;  
}
form.contacto #campoVerificacion input{ 
float:right;
margin-top:2px;
margin-right:30px;
/*margin:3px 0 3px 80px;*/
width: 100px;    
}
form.contacto #campoVerificacion .ayuda{
 clear:both;
 margin-left:80px;
}
/* fin de CAPTCHA */ 
/* fin Form contacto */