@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img,
ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-style: normal;
     font-size: 100%;
     font-family: inherit;
     vertical-align: baseline
}

body {
     line-height: 1;
	 font-family: Arial, Helvetica, sans-serif;
}

:focus {
     outline: 0
}

ol, ul {
     list-style: none
}

table {
     border-collapse: collapse;
     border-spacing: 0
}

blockquote:before, blockquote:after, q:before, q:after {
     content: ""
}

blockquote, q {
     quotes: "" ""
}

input, textarea {
     margin: 0;
     padding: 5px;
	 border:#7CA026 1px solid;
	 font-size:12px;
	 font-family:Arial, Helvetica, sans-serif;
}

hr {
     margin: 0;
     padding: 0;
     border: 0;
     color: #000;
     background-color: #000;
     height: 1px
}

a {
	text-decoration:none;
}

/* HOJA DE ESTILOS */

body {
	background-color:#ffffff;
	}

p {
	font-size:12px;
	color:#777777;
	line-height:16px;
	}


/* -------------------------------------------------------------- */

#main-header{
	background:transparent url(../images/bg-header-main.jpg) repeat-x scroll left top;
	height:120px;
}

#main-header #header, #main-container #container, #main-footer #footer {
	margin:0 auto;
	width:984px;
}

#main-header #header h1{
	padding:0 0 0 39px;
	height:120px;
	width:308px;
	display:block;
	float:left;
}

#main-header #header h1 a{
	height:120px;
	width:308px;
	background:transparent url(../images/empresa-electricidad-madrid-artelectric.png) no-repeat left top;
	display:block;
	text-indent:-2000px;
}

#main-header #header #menu{
	padding:36px 40px 0 0;
	display:block;
	float:right;
}

#main-header #header #menu li{
	float:left;
	background:transparent url(../images/menu-left.jpg) no-repeat left top;
	margin:0 2px 0 0;
	font-size:14px;
	display:block;
	overflow:hidden;
}

#main-header #header #menu li a{
	background:transparent url(../images/menu-right.jpg) no-repeat right top;
	padding:14px 14px 13px;
	display:block;
	color:#ffffff;
}

#main-header #header #menu li:hover{
	float:left;
	background:transparent url(../images/menu-left.jpg) no-repeat left bottom;
	margin:0 2px 0 0;
	font-size:14px;
}


#main-header #header #menu li.active a{
	background:transparent url(../images/menu-right.jpg) no-repeat right bottom;
	padding:14px 14px 13px;
	display:block;
	color:#ffffff;
}

#main-header #header #menu li.active{
	float:left;
	background:transparent url(../images/menu-left.jpg) no-repeat left center;
	margin:0 2px 0 0;
	font-size:14px;
}

#main-container #container #slider-content{
	position:relative;
	height:1%;
	background:url(../images/bg-slider.gif) no-repeat center top;
	overflow:hidden;
	}
/*ERROR 004 */
#main-container #container #slider-content .error{
	background:#a4ce40;
	margin:30px 48px;
	padding:30px;
	border:solid #81a52a 1px;
	color:#FFFFFF;
	}

#main-container #container #slider-content .aviso{
	margin:30px 48px;
	font-size:12px;
	line-height:16px;
	}

#main-container #container #slider-content .aviso p{
	margin:0 0 10px;
	}

#main-container #container #slider-content #prevBtn a, #main-container #container #slider-content #nextBtn a{
	display:block;
	height:44px;
	width:23px;
	position:absolute;
	top:100px;
	}

#main-container #container #slider-content #prevBtn a{
	background:url(../images/btn-left-slider.jpg) no-repeat top left;
	left:0;
	}

#main-container #container #slider-content #nextBtn a{
	background:url(../images/btn-right-slider.jpg) no-repeat top left;
	right:0;
	}

#main-container #container #slider-content #slider{
	margin:0 23px;
	}

#main-container #container #slider-content #slider ul li{
	width:938px;
	height:270px;
	background:url(../images/bg-box-slider.jpg) no-repeat left bottom;
	}

#main-container #container #slider-content #slider ul li div{
	margin:30px 40px;

	}

#main-container #container #slider-content #slider ul li div h2{
	width:240px;
	font-size:34px;
	color:#56461b;
	}

#main-container #container #slider-content #slider ul li div p{
	margin:10px 0 25px;
	width:240px;
	}

#main-container #container .modules{
	padding:20px;
	margin:0 22px;
	display:block;
	border-left:#e4e3e3 solid 1px;
	border-right:#e4e3e3 solid 1px;
	border-top:#e4e3e3 solid 1px;
	overflow:hidden;
	height:1%;
	position:relative;
	}

#main-container #container .modules ul li a{
	color:#7ca026;
	font-size:12px;
	}

#main-container #container .modules .anillas{
	background:url(../images/anillas.gif) no-repeat top left;
	height:16px;
	display:block;
	}

#main-container #container .modules .content-module{
	padding:10px 15px 30px 15px;
	position:relative;
	overflow:hidden;
	}
	
#main-container #container .modules .single-module{
	width:274px;
	background:url(../images/bg-sigle-module.gif) no-repeat bottom left;
	float:left;
	position:relative;
	}

#main-container #container .modules .single-module a.mas-servicios{
	display:block;
	background:url(../images/mas-servicios-de-electricidad.png) no-repeat right bottom;
	position:absolute;
	height:55px;
	width:55px;
	bottom:2px;
	right:0;
	}
	
#main-container #container .modules .content-module blockquote{
	padding:0 0 10px 65px;
	}

#main-container #container .modules .content-module .module-1{
	background:url(../images/icon-servicios-electricidad.jpg) no-repeat top left;
	}

#main-container #container .modules .content-module .module-2{
	background:url(../images/icon-presupuestos-electricidad.jpg) no-repeat top left;
	border-bottom:#dbdbdb solid 1px;
	padding-bottom:15px;
	overflow:hidden;
	}

#main-container #container .modules .content-module .module-2 span, #main-container #container .modules .content-module .module-3 span{
	margin:10px 0 3px 0;
	}

#main-container #container .modules .content-module .module-2 p, #main-container #container .modules .content-module .module-3 p{
	margin:0 0 5px 0;
	}

#main-container #container .modules .content-module .module-3{
	background:url(../images/icon-contacto-electricidad.jpg) no-repeat top left;
	margin-top:15px;
	}

#main-container #container .modules .content-module .module-4{
	background:url(../images/icon-utilidades-electricidad.jpg) no-repeat top left;
	}

#main-container #container .modules .content-module blockquote h3{
	font-size:26px;
	font-weight:bold;
	color:#56461B;
	}

#main-container #container .modules .content-module ul{
	background:url(../images/line-dotted.gif) repeat-x top left;
	}

#main-container #container .modules .content-module ul li{
	background:url(../images/line-dotted.gif) repeat-x bottom left;
	line-height:16px;
	padding:2px 0 3px;
	font-size:0px;
	}

#main-container #container .modules .content-module ul li a{
	color:#7CA026;
	display:block;
	font-size:12px;
	padding:4px 5px 7px 28px;
	width:210px;
	}

#main-container #container .modules .content-module ul.list-check li a{
	background:url(../images/icon-check.gif) no-repeat 6px 6px;

	}

#main-container #container .modules .content-module ul.list-check li a:hover{
	background:#F9FCC3 url(../images/icon-check-on.gif) no-repeat 6px 6px;
	}

#main-container #container .modules .content-module ul.list-utilidades li a{
	background:url(../images/icon-utilidades.gif) no-repeat 6px 6px;
	}

#main-container #container .modules .content-module ul.list-utilidades li a:hover{
	background:#F9FCC3 url(../images/icon-utilidades-on.gif) no-repeat 6px 6px;
	}

#main-container #container .modules #servicios{
	}

#main-container #container .modules #servicios ul{
	background:url(../images/line-solid.gif) repeat-x bottom left;
	height:95px;
	}

#main-container #container .modules #servicios ul li{
	float:left;
	height:95px;
	width:294px;
	}

#main-container #container .modules #servicios ul li.ficha-vivienda{
	background:url(../images/ficha-vivienda.jpg) no-repeat bottom left;
	}

#main-container #container .modules #servicios ul li.ficha-industrial{
	background:url(../images/ficha-vivienda.jpg) no-repeat bottom left;
	}

#main-container #container .modules #servicios ul li.ficha-terciario{
	background:url(../images/ficha-vivienda.jpg) no-repeat bottom left;
	}

#main-container #container .modules #servicios ul li a.ficha-vivienda-on{
	background:url(../images/btn-ficha-on.gif) no-repeat bottom left;
	}

#main-container #container .modules #servicios ul li a.ficha-industrial-on{
	background:url(../images/btn-ficha-on.gif) no-repeat bottom left;
	}

#main-container #container .modules #servicios ul li a.ficha-terciario-on{
	background:url(../images/btn-ficha-on.gif) no-repeat bottom left;
	}

#main-container #container .modules #servicios ul li a.ficha-vivienda-on, #main-container #container .modules #servicios ul li a.ficha-industrial-on, #main-container #container .modules #servicios ul li a.ficha-terciario-on{
	height:77px;
	display:block;
	font-size:20px;
	color:#ffffff;
	padding:18px 130px 0 20px;
	}

#main-container #container .modules #servicios ul li.ficha-vivienda h3, #main-container #container .modules #servicios ul li.ficha-industrial h3, #main-container #container .modules #servicios ul li.ficha-terciario h3{
	display:block;
	font-size:20px;
	height:77px;
	padding:18px 130px 0 20px;
	color:#56461b;
	}

#main-container #container .modules #servicios .content-servicios{
	background:url(../images/line-ficha.gif) no-repeat 296px top    ;
	padding:20px 0 20px 20px;
	border-left:1px solid #b8b8b8;
	border-right:1px solid #b8b8b8;
	overflow:hidden;
	height:1%;
	}

#main-container #container .modules #servicios .description{
	padding:16px 16px 29px;
	width:223px;
	background:#fffd76 url(../images/sombra-description.jpg) no-repeat left bottom;
	float:left;
	}

#main-container #container .modules #servicios .description p{
	margin:0 0 10px 0;
	color:#474646;
	}

#main-container #container .modules #servicios .list{
	float:left;
	width:588px;
	overflow:hidden;
	}

#main-container #container .modules #servicios .list ul{
	background:transparent none repeat scroll 0 0;
	padding:0 0 0 44px;
	width:577px;
	}

#main-container #container .modules #servicios .list ul li{
	float:left;
	height:auto;
	margin:0 25px 0 0;
	width:257px;
	line-height:16px;
	padding:2px 0 3px;
	background:transparent url(../images/line-dotted.gif) repeat-x scroll left bottom;
	font-size:0px;
	}

#main-container #container .modules #servicios .list ul li a{
	background:url(../images/icon-check.gif) no-repeat 6px 6px;
	color:#7CA026;
	display:block;
	font-size:12px;
	padding:4px 5px 7px 28px;
	width:223px;
	}

#main-container #container .modules #servicios .list ul li a:hover{
	background:#F9FCC3 url(../images/icon-check-on.gif) no-repeat 6px 6px;
	}

#main-container #container .modules #servicios .footer-servicios{
	background:transparent url(../images/footer-servicios.gif) no-repeat scroll left top;
	display:block;
	height:9px;
	font-size:0px;
	}	

	
	

#main-container #container #release{
	position:relative;
	height:1%;
	background:url(../images/bg-slider.gif) no-repeat center top;
	overflow:hidden;
	}

#main-container #container #release .left-release, #main-container #container #release .right-release{
	display:block;
	height:44px;
	width:23px;
	position:absolute;
	top:76px;
	}

#main-container #container #release .left-release{
	background:url(../images/btn-left-slider.jpg) no-repeat top left;
	}

#main-container #container #release .right-release{
	background:url(../images/btn-right-slider.jpg) no-repeat top left;
	right:0;
	}

#main-container #container #release #release-content{
	padding:0 23px;
	}

#main-container #container #release #release-content ul li{
	float:left;
	position:relative;
	}

#main-container #container #release #release-content ul li span{
	background:url(../images/sombra-release.png) no-repeat right bottom;
	position:absolute;
	top:0;
	right:0;
	height:100%;
	width:11px;
	}

#main-container #container #release #release-content ul li div{
	display:block;
	height:188px;
	padding:20px;
	overflow:hidden;
	cursor:col-resize ;
	width:196px;
	}
/* IMAGENES RELEASE */
#main-container #container #release #release-content ul li #box-1{
	background:url(../images/bg-box-slider-01.jpg) no-repeat left top;
	}

#main-container #container #release #release-content ul li #box-2{
	background:url(../images/bg-box-slider-02.jpg) no-repeat left top;
	}

#main-container #container #release #release-content ul li #box-3{
	background:url(../images/bg-box-slider-03.jpg) no-repeat left top;
	}

#main-container #container #release #release-content ul li strong{
	width:196px;
	font-size:28px;
	color:#56461b;
	display:block;
	}

#main-container #container #release #release-content ul li p{
	margin:10px 0 25px;
	width:196px;
	}

#main-container #container #release #release-content ul li #box-1{
	width:426px;
	}

/* CONTACTO */

#main-container #container .column-left{
	margin:20px;
	float:left;
	width:280px;
	overflow:hidden;
	height:1%;
	display:block;
	}

#main-container #container .column-right{
	margin:20px;
	overflow:hidden;
	float:left;
	height:1%;
	}

#main-container #container .map{
	background:url(../images/bg-map.gif) no-repeat;
	width:578px;
	height:587px;
	position:relative;
	}

#main-container #container .map #mapa-artelectric{
	height:574px;
	width:567px;
	position:absolute;
	top:5px;
	left:5px;
	}

#main-container #container #contacto{
	padding:0 23px 0;
	background:url(../images/bg-slider.gif) no-repeat center top;
	overflow:hidden;
	height:1%;
	}

#main-container #container #contacto h3{
	color:#56461B;
	font-size:22px;
	font-weight:bold;
	margin:0 0 8px 0;
	}

#main-container #container #contacto a{
	color:#7ca026;
	}

#main-container #container #contacto p{
	margin:0 0 10px 0;
	}

#main-container #container #contacto .telf{
	width:130px;
	float:left;
	margin:0 23px 0 0;
	}

#main-container #container #contacto p span{
	font-size:20px;
	font-weight:bold;
	margin:2px 0 0;
	display:block;
	}

#main-container #container #contacto form{
	padding:20px 0 0;
	margin:20px 0 0;
	background:url(../images/line-dotted.gif) repeat-x top left;
	font-size:12px;
	}

#main-container #container #contacto form ul{
	margin:15px 0 0;
	}

#main-container #container #contacto form ul li{
	line-height:20px;
	margin:10px 0 0;
	}

#main-container #container #contacto form span{
	width:70px;
	float:left;
	font-weight:bold;
	color:#777777;
	margin:3px 0 0;
	}

#main-container #container #contacto form input{
	width:195px;
	}

#main-container #container #contacto form textarea{
	width:195px;
	height:125px;
	}

#main-container #container #contacto form .btn-enviar{
	float:right;
	display:table;
	margin:10px 3px 0;
	color:#FFFFFF;
	width:130px;
	border:none;
	cursor:pointer;
	}

#main-container #container #contacto form span.required{
	float:left;
	font-size:9px;
	width:auto;
	font-weight:normal;
	margin:20px 0 0;
	}
	
/* AVISO LEGAL */

#main-container #container #soluciones .aviso-legal{
	padding:20px;
	font-size:12px;
	}

#main-container #container #soluciones .aviso-legal h3{
	font-size:20px;
	}

#main-container #container #soluciones .aviso-legal h4{
	font-size:14px;
	padding:15px 0 0;
	}

#main-container #container #soluciones .aviso-legal p{
	padding:10px 0 0;
	}
	
/* SOLUCIONES */

#main-container #container #soluciones{
	background:transparent url(../images/bg-slider.gif) no-repeat scroll center top;
	height:1%;
	overflow:hidden;
	padding:0 23px 20px;
	}

#main-container #container #soluciones .content{
	float:left;
	overflow:hidden;
	width:624px;
	}

#main-container #container #soluciones .content .description{
	background:url(../images/bg-description-soluciones.jpg) no-repeat top left;
	padding:20px;
	}

#main-container #container #soluciones .content .description p{
	width:293px;
	}

#main-container #container #soluciones .content .description h3{
	color:#56461B;
	font-size:28px;
	font-weight:bold;
	margin:0 0 8px;
	width:293px;
	}

#main-container #container #soluciones .content .list-post{
	border-top:1px solid #f0f0f0;
	padding:0 20px;
	overflow:hidden;
	height:1%;
	}

#main-container #container #soluciones .content .list-post .fecha{
	background: url(../images/bg-fecha.gif) no-repeat top left;
	height:51px;
	width:47px;
	float:left;
	display:block;
	}

#main-container #container #soluciones .content .list-post .fecha span{
	width:47px;
	text-align:center;
	display:block;
	}

#main-container #container #soluciones .content .list-post .fecha span.mes{
	font-size:9px;
	color:#ffffff;
	padding:11px 0 0;
	}

#main-container #container #soluciones .content .list-post .fecha span.dia{
	font-size:18px;
	color:#474747;
	padding:5px 0 0;
	}

#main-container #container #soluciones .content .list-post ul li{
	background:url(../images/line-dotted.gif) repeat-x bottom left;
	padding:20px 0;
	display:block;
	overflow:hidden;
	height:1%;
	}

#main-container #container #soluciones .content .list-post .resumen-post{
	float:left;
	padding:0 0 0 20px;
	width:515px;
	}

#main-container #container #soluciones .content .list-post .resumen-post h2{
	margin:0 0 5px;
	display:block;
	line-height:24px;
	}

#main-container #container #soluciones .content .list-post .resumen-post h2 a{
	color:#7CA026;
	font-size:20px;
	}

#main-container #container #soluciones .content .list-post .resumen-post p{
	margin:0 0 5px;
	display:block;
	}

#main-container #container #soluciones .content .list-post .resumen-post a{
	color:#7CA026;
	}

#main-container #container #soluciones .content .list-post .resumen-post span.comentarios{
	background:url(../images/icon-comentarios.gif) no-repeat top left;	
	font-size:12px;
	margin:10px 0 0;
	padding:4px 0 0 18px;
	display:block;
	color:#777777;
	}

#main-container #container #soluciones .content .list-post .resumen-post span.comentarios a{
	color:#7CA026;
	}

#main-container #container #soluciones .content .list-post .presupuesto{
	background:url(../images/bg-presu-head.jpg) no-repeat left top;
	height:200px;
	width:200px;
	}

#main-container #container #soluciones .content .hoja-presupuesto{
	padding:0 20px;
	overflow:hidden;
	height:1%;
	}

#main-container #container #soluciones .content .hoja-presupuesto .presupuesto{
	background:url(../images/bg-presu.gif) repeat-y left top;
	overflow:hidden;
	height:1%;
	margin:25px 0 0;
	}

#main-container #container #soluciones .content .hoja-presupuesto .presupuesto .presu-head{
	background:url(../images/bg-presu-head.jpg) no-repeat left top;
	padding:105px 55px 25px;
	display:block;
	}

#main-container #container #soluciones .content .hoja-presupuesto .presupuesto .presu-head h3{
	font-size:28px;
	float:left;
	width:235px;
	color:#56461B;
	padding:0 15px 15px 0;
	}

#main-container #container #soluciones .content .hoja-presupuesto .presupuesto .presu-form{
	clear:both;
	overflow:hidden;
	height:1%;
	padding:10px 0;
	background:url(../images/line-dotted.gif) repeat-x left top;
	margin:0 45px;
	}

#main-container #container #soluciones .content .hoja-presupuesto .presupuesto .presu-form dl{
	width:225px;
	float:left;
	font-size:12px;
	padding:15px 10px 0;
	font-weight:bold;
	color:#777777;
	}

#main-container #container #soluciones .content .hoja-presupuesto .presupuesto .presu-form dl dt{
	padding:0 0 5px 5px;
	}

#main-container #container #soluciones .content .hoja-presupuesto .presupuesto .presu-form dl dd input{
	width:205px;
	}

#main-container #container #soluciones .content .hoja-presupuesto .presupuesto .presu-form dl.descripcion-obra{
	width:462px;
	}
#main-container #container #soluciones .content .hoja-presupuesto .presupuesto .presu-form dl.descripcion-obra textarea{
	width:450px;
	height:125px;
	}

#main-container #container #soluciones .content .hoja-presupuesto .presupuesto .presu-form dl.descripcion-obra em{
	font-size:10px;
	}

#main-container #container #soluciones .content .hoja-presupuesto .presupuesto .presu-footer{
	background:url(../images/bg-presu-footer.gif) no-repeat left bottom;
	display:block;
	padding:0 55px 50px;
	overflow:hidden;
	height:1%;
	}

#main-container #container #soluciones .content .hoja-presupuesto .presupuesto .presu-footer span {
	float:left;
	font-size:9px;
	font-weight:normal;
	margin:20px 0 0;
	width:auto;
	color:#777777;
	}

#main-container #container #soluciones .content .hoja-presupuesto .presupuesto .presu-footer .btn-enviar-presu {
	border:medium none;
	color:#FFFFFF;
	cursor:pointer;
	display:table;
	float:right;
	margin:10px 12px 0;
	width:150px;
	}
/* INICIO UTILIDADES */
.list-utl{
border-top:1px solid #F0F0F0;
height:1%;
overflow:hidden;
padding:0 20px;
}
.list-utilidades{
height:1%;
overflow:hidden;
padding:0;
}

.list-utilidades .utilidades-boton h2{
background:transparent url(../images/btn-utilidades.gif) no-repeat scroll left top;
}

.list-utilidades .utilidades-boton h2.active{
background:transparent url(../images/btn-utilidades.gif) no-repeat scroll left bottom;
}

.list-utilidades .utilidades-list{
display:none;
}

.list-utilidades .utilidades-list ul.utilidades-sub-list{
padding:0 10px 15px;
border:solid 1px #f2eded;
}

.list-utilidades .utilidades-sub-boton a{
margin:3px 0 0 0;
}

.list-utilidades .utilidades-sub-boton a{
color:#ffffff;
display:block;
font-size:18px;
height:31px;
padding:10px 15px 0 60px;
width:487px;
}

.list-utilidades .utilidades-sub-boton h3{
background:transparent url(../images/btn-sub-utilidades.gif) no-repeat scroll left top;
}

.list-utilidades .utilidades-sub-boton h3.active{
background:transparent url(../images/btn-sub-utilidades.gif) no-repeat scroll left bottom;
}

.list-utilidades .utilidades-boton a{
margin:10px 0 0 0;
}
.list-utilidades .utilidades-boton a{
color:#FFFFFF;
display:block;
font-size:28px;
height:45px;
padding:16px 15px 0 60px;
width:510px;
}
.list-utilidades .utilidades-boton h3{
background:transparent url(../images/btn-utilidades.gif) no-repeat scroll left top;
}
.list-utilidades .utilidades-boton h3.active{
background:transparent url(../images/btn-utilidades.gif) no-repeat scroll left bottom;
}
.list-utilidades .utilidades-list{
display:none;
padding:0 10px 15px;
border:solid 1px #f2eded;
}
.list-utilidades .utilidades-list ul li{
padding:10px 15px;
display:block;
font-size:12px;
background:url(../images/line-dotted.gif) repeat-x left bottom;
width:auto;
color:#56461B;
overflow:hidden;
height:1%;
position:relative
}
.list-utilidades .utilidades-list ul li strong{
float:left;
}
.list-utilidades .utilidades-list ul li a{
float:right;
padding:0 25px 0;
color:#7CA026;
font-weight:bold;
}
.list-utilidades .pdf{
background:url(../images/icon-pdf.gif) no-repeat right center;
}
.list-utilidades .link{
background:url(../images/icon-link.gif) no-repeat right center;
}
/* FIN UTILIDADES */

/* ---------- INICIO POST --------------*/

#main-container #container #soluciones .content .navigation{
	padding:20px 0 10px;
	margin:0 19px;
	overflow:hidden;
	height:1%;
	}

#main-container #container #soluciones .content .navigation a{
	font-size:12px;
	color:#7CA026;
	font-weight:bold;
	}

#main-container #container #soluciones .content .navigation .align-left{
	background:transparent url(../images/arrow-left.gif) no-repeat scroll left center;
	float:left;
	padding:0 0 0 20px;
	}

#main-container #container #soluciones .content .navigation .align-right{
	background:transparent url(../images/arrow-right.gif) no-repeat scroll right center;
	float:right;
	padding:0 20px 0 0;
	}

#main-container #container #soluciones .content .post{
	background:url(../images/bg-post.gif) no-repeat top left;
	padding:20px 20px 0;
	margin:0 19px;
	overflow:hidden;
	height:1%;
	}

#main-container #container #soluciones .content .post .cabecera{
	overflow:hidden;
	padding:0 0 15px;
	background:url(../images/line-dotted.gif) repeat-x left bottom;
	height:1%;
	}

#main-container #container #soluciones .content .post .cabecera span{
	font-size:12px;
	color:#9d9d9d;
	}

#main-container #container #soluciones .content .post .cabecera span a{
	color:#7ca026;
	font-weight:bold;
	}

#main-container #container #soluciones .content .post .cabecera span.fecha{
	padding:3px 0 3px 20px;
	background: url(../images/icon-fecha.gif) no-repeat top left;
	float:left;
	}

#main-container #container #soluciones .content .post .cabecera span.comentarios{
	padding:3px 0 3px 20px;
	background: url(../images/icon-comentarios.gif) no-repeat top left;
	float:right;
	}

#main-container #container #soluciones .content .post .cabecera span em{
	padding:0 8px;
	}

#main-container #container #soluciones .content .post .cabecera span.comentarios .rss{
	background: url(../images/rss.gif) no-repeat top left;
	padding:0 0 1px 23px;
	}

#main-container #container #soluciones .content .post .noticia{
	padding:15px 0;
	}

#main-container #container #soluciones .content .post .noticia img{
	padding:10px;
	border:1px solid #f2eded;
	}

#main-container #container #soluciones .content .post .noticia span.autor{
	font-size:11px;
	color:#767676;
	padding:4px 0 0 20px;
	background:url(../images/icon-autor.gif) no-repeat top left;
	}

#main-container #container #soluciones .content .post .noticia h2{
	font-size:28px;
	color:#56461B;
	display:block;
	padding:10px 0 15px;
	line-height:32px;
	}

#main-container #container #soluciones .content .post .noticia p{
	line-height:18px;
	font-size:14px;
	padding:0 0 15px 0;
	}

#main-container #container #soluciones .content .post .noticia a{
	color:#7ca026;
	text-decoration:underline;
	}

#main-container #container #soluciones .content .post .comentarios-noticia{
	background:url(../images/line-dotted.gif) repeat-x left top;
	overflow:hidden;
	height:1%;
	padding:15px 0 0;
	display:block;
	}

#main-container #container #soluciones .content .post .comentarios-noticia span.cab-comentarios{
	font-size:16px;
	padding:4px 0 0 20px;
	background:url(../images/icon-comentarios.gif) no-repeat top left;
	float:left;
	font-weight:bold;
	color:#56461b;
	}

#main-container #container #soluciones .content .post .comentarios-noticia span.dejar-coment{
	padding:4px 0 0 20px;
	background:url(../images/icon-dejar-coment.gif) no-repeat top left;
	float: right;
	font-size:12px;
	}

#main-container #container #soluciones .content .post .comentarios-noticia span.dejar-coment a{
	color:#7ca026;
	font-weight:bold;
	}

#main-container #container #soluciones .content .post .comentarios-noticia ol{
	clear:both;
	display:block;
	overflow:hidden;
	margin:15px 0 0;
	float:left;
	width:100%;
	border-top:1px solid #f2f2f2;
}

#main-container #container #soluciones .content .post .comentarios-noticia ol li{
	padding:20px;
	border-bottom:1px solid #f2f2f2;
	border-right:1px solid #f2f2f2;
	border-left:1px solid #f2f2f2;
	}

#main-container #container #soluciones .content .post .comentarios-noticia ol li span.nombre{
	color:#767676;
	font-size:11px;
}

#main-container #container #soluciones .content .post .comentarios-noticia ol li p{
	color:#767676;
	margin:8px 0 0;
}

#main-container #container #soluciones .content .post .comentarios-noticia ol li.admin{
	padding:20px 35px 29px;
	background:#f8f8f8 url(../images/bg-coment-admin.png) no-repeat bottom center;
	}

#main-container #container #soluciones .content .post .comentarios-noticia ol li.admin div{
	padding:12px 20px 20px;
	border:solid 1px #fff076;
	background:#FFFD76;
	color:#474747;
	}

#main-container #container #soluciones .content .post .comentarios-noticia ol li.admin div p{
	color:#474747;
	}

#main-container #container #soluciones .content .post .comentar-noticia{
	overflow:hidden;
	height:1%;
	padding:15px 0;
	display:block;
	}

#main-container #container #soluciones .content .post .comentar-noticia span.cab-comentarios{
	font-size:16px;
	padding:4px 0 0 20px;
	background:url(../images/icon-dejar-coment.gif) no-repeat top left;
	float:left;
	font-weight:bold;
	color:#56461b;
	}

#main-container #container #soluciones .content .post .comentar-noticia div{
	border:1px solid #f2f2f2;
	float:left;
	overflow:hidden;
	padding:10px 20px 20px;
	margin:15px 0 0;
	clear:both;
	width:502px;
	}

#main-container #container #soluciones .content .post .comentar-noticia div a{
	font-weight:bold;
	color:#7CA026;
	}

#main-container #container #soluciones .content .post .comentar-noticia form{
	clear:both;
	font-size:12px;
	}

#main-container #container #soluciones .content .post .comentar-noticia form ul{
	float:left;
	}

#main-container #container #soluciones .content .post .comentar-noticia form ul li{
	line-height:20px;
	margin:10px 0 0;
	}

#main-container #container #soluciones .content .post .comentar-noticia form ul li span{
	color:#777777;
	float:left;
	font-weight:bold;
	margin:3px 0 0;
	width:85px;
}

#main-container #container #soluciones .content .post .comentar-noticia form ul li input{
	width:155px;
}

#main-container #container #soluciones .content .post .comentar-noticia form ul li textarea{
	height:125px;
	width:402px;
}

#main-container #container #soluciones .content .post .comentar-noticia form span.required{
	float:left;
	font-size:9px;
	font-weight:normal;
	margin:20px 0 0;
	width:auto;
	color:#777777;
}

#main-container #container #soluciones .content .post .comentar-noticia form .btn-enviar{
	border:medium none;
	color:#FFFFFF;
	cursor:pointer;
	display:table;
	float:right;
	margin:10px 3px 0;
	width:155px;
}

#main-container #container #soluciones .footer-post{
	background:transparent url(../images/bg-footer-post.gif) no-repeat scroll left bottom;
	display:block;
	font-size:0;
	height:10px;
	margin:0 19px;
}

/* ---------- FIN POST --------------*/
/* SOLUCIONES Sidebar */

#main-container #container #soluciones .sidebar{
	background: url(../images/bg-sidebar.gif) no-repeat top left;
	display:block;
	float:left;
	width:294px;
	padding:18px 0 0 0;
	overflow:hidden;
	}

#main-container #container #soluciones .sidebar .box-form, #main-container #container #soluciones .sidebar .box-top, #main-container #container #soluciones .sidebar .box-presupuestos, #main-container #container #soluciones .sidebar .box-servicios{
	padding:15px 0;
	margin:0 18px;
	overflow:hidden;
	height:1%;
	}

#main-container #container #soluciones .sidebar .box-form h3, #main-container #container #soluciones .sidebar .box-top h3, #main-container #container #soluciones .sidebar .box-presupuestos h3{
	font-size:22px;
	padding:5px 0 5px 62px;
	color:#56461B;
	margin:0 0 3px;
	display:block;
	overflow:hidden;
	}

.img-presupuestos{
	background:url(../images/icon-presupuestos-electricidad.jpg) no-repeat left 7px ;
	}

.img-servicios{
	background: url(../images/icon-servicios-electricidad.jpg) no-repeat left 3px;
	}

.img-contacto{
	background: url(../images/icon-contacto-electricidad.jpg) no-repeat left 7px;
	}

.img-soluciones{
	background: url(../images/icon-utilidades-electricidad.jpg) no-repeat left 2px;
	}

#main-container #container #soluciones .sidebar .box-presupuestos span{
	float:right;
	padding:10px 0 0;
	margin:0 0 5px;
	}

#main-container #container #soluciones .sidebar .box-form p{
	margin:0 0 10px;
	}

#main-container #container #soluciones .sidebar .box-form form ul{
	margin:0 0 10px;
	}

#main-container #container #soluciones .sidebar .box-form form ul li{
	line-height:20px;
	margin:10px 0 0;
	}

#main-container #container #soluciones .sidebar .box-form form span{
	color:#777777;
	float:left;
	font-weight:bold;
	margin:3px 0 0;
	width:70px;
	font-size:12px;
	}

#main-container #container #soluciones .sidebar .box-form form input{
	width:173px;
	}

#main-container #container #soluciones .sidebar .box-form form textarea{
	height:125px;
	width:173px;
	}

#main-container #container #soluciones .sidebar .box-form form span.required{
	float:left;
	font-size:9px;
	font-weight:normal;
	margin:20px 0 0;
	width:auto;
	}

#main-container #container #soluciones .sidebar .box-form form .btn-enviar{
	:medium none;
	color:#FFFFFF;
	cursor:pointer;
	display:table;
	float:right;
	margin:10px 3px 0;
	width:150px;
	border:none;
	}

#main-container #container #soluciones .sidebar .box-top ul li{
	background:transparent url(../images/line-dotted.gif) repeat-x bottom left    ;
	line-height:15px;
	font-size:0px;
	}
	
#main-container #container #soluciones .sidebar .box-top ul li a{
	color:#7CA026;
	display:block;
	font-size:12px;
	margin:0 0 0 2px;
	padding:7px 0 7px 22px;
	}

#main-container #container #soluciones .sidebar .box-top ul.list-check li a{
	background:transparent url(../images/icon-star.jpg) no-repeat scroll left 6px;
	}

#main-container #container #soluciones .sidebar .box-servicios .servicios-boton a{
	display:block;
	height:41px;
	width:182px;
	padding:14px 15px 0 60px;
	font-size:17px;
	color:#ffffff;
	}

#main-container #container #soluciones .sidebar .box-servicios .servicios-boton h3{
	background:transparent url(../images/btn-servicios.jpg) no-repeat top left;
	}

#main-container #container #soluciones .sidebar .box-servicios .servicios-boton h3.active{
	background:transparent url(../images/btn-servicios.jpg) no-repeat bottom left;
	}

#main-container #container #soluciones .sidebar .box-servicios .servicios-list {
	background: url(../images/bg-servicios-list.gif) repeat-y top left;
	display:none;
	}

#main-container #container #soluciones .sidebar .box-servicios .servicios-list div{
	padding:7px;
	}

#main-container #container #soluciones .sidebar .box-servicios .servicios-list div ul{
	background:transparent url(../images/line-dotted.gif) repeat-x left top;
	}

#main-container #container #soluciones .sidebar .box-servicios .servicios-list div ul li{
	background:transparent url(../images/line-dotted.gif) repeat-x left bottom;
	font-size:0px;
	padding:3px 0 4px;
	line-height:16px;
	}

#main-container #container #soluciones .sidebar .box-servicios .servicios-list a{
	display:block;
	padding:4px 8px;
	font-size:12px;
	color:#7CA026;
	}

#main-container #container #soluciones .sidebar .box-servicios .servicios-list a:hover{
	background:#f9fcc3;
	}

#main-container #container #soluciones .sidebar .box-servicios .servicios-footer{
	background:url(../images/bg-footer-servicios.jpg) no-repeat bottom left;
	height:11px;
	display:block;
	font-size:0px;
	margin:0 0 5px;
	}

#main-container #container #soluciones .footer-sidebar{
	background:transparent url(../images/bg-footer-sidebar.gif) no-repeat scroll left bottom;
	height:10px;
	display:block;
	font-size:0px;
	}


/* FOOTER */

#main-footer{
	background:transparent url(../images/bg-footer-main.jpg) repeat-x scroll left top;
}

#main-footer #footer {
	margin:0 auto;
	width:984px;
}

#main-footer #footer .content-footer {
	padding:20px 23px;
	margin:0 22px;
	overflow:hidden;
	height:1%;
}

#main-footer #footer .content-footer .logo-footer{
	background:url(../images/artelectric-footer.png) no-repeat top left;
	display:block;
	color:#ae9e67;
	padding:13px 0 0 160px;
	font-size:12px;
	font-weight:bold;	
}

#main-footer #footer .content-footer ul{
	overflow:hidden;
	display:block;
	
}

#main-footer #footer .content-footer ul li{
	float:left;
	width:245px;
	margin:0;
}

#main-footer #footer .content-footer ul li.about{
 	width:585px;
	margin:0 40px 0 0;
}

#main-footer #footer .content-footer ul li.about h4{
 	font-size:18px;
	line-height:20px;
}

#main-footer #footer .content-footer ul li h4, #main-footer #footer .content-footer ul li p{
	font-size:12px;
	color:#f8ebbe;
	line-height:16px;
	font-weight:normal;
}

#main-footer #footer .content-footer ul li span{
	font-size:29px;
	color:#231d15;
	line-height:16px;
	background:url(../images/ficha-telefono.gif) no-repeat;
	padding:16px 1px 16px 81px;
	margin:7px 0 0;
	display:block;
}

#main-footer #footer .content-footer ul .fabricantes{
	float:left;
	margin:0;
	width:250px;
	background:url(../images/icon-util.png) no-repeat left top;
}

#main-footer #footer .content-footer ul .fabricantes p{
	padding:0 0 0 110px;
	color:#f1f36f;
}

#main-footer #footer .content-footer ul .fabricantes div span{
	text-align:center;
	padding:47px 0 0;
	width:100%;
	margin:0;
}

#main-footer #footer .content-footer ul .fabricantes div span.osram{ background:url(../images/osram.png) no-repeat center center;}
#main-footer #footer .content-footer ul .fabricantes div span.philips{ background:url(../images/philips.png) no-repeat center center;}
#main-footer #footer .content-footer ul .fabricantes div span.schneider{ background:url(../images/schneider.png) no-repeat top center;}
#main-footer #footer .content-footer ul .fabricantes div span.unex{ background:url(../images/unex.png) no-repeat top center;}


#main-footer #footer .content-footer ul .fabricantes div span a{
	color:#7CA026;
	font-size:12px;
}

#main-footer #footer .content-footer-menu{
	background:url(../images/line-footer.gif) no-repeat bottom center;
	padding:10px 23px 25px;
	margin:0 22px;
	overflow:hidden;
	height:1%;
	font-size:12px;
}

#main-footer #footer .content-footer-menu p{
	color:#5b5032;
}
	
#main-footer #footer .content-footer-menu a{
	color:#7ca026;
}

#sidebar ul{
	height:1%;
	margin:0 18px;
	overflow:hidden;
	padding:15px 0;
}

#sidebar ul #recent-comments h2{
	color:#56461B;
	font-size:22px;
	margin:0 0 8px;
	padding:0 0 0 70px;
}

#sidebar ul #recent-comments #recentcomments{
	padding:0;
	margin:0;
}

#sidebar ul #recent-comments #recentcomments .recentcomments{
	background:transparent url(../images/line-dotted.gif) repeat-x scroll left bottom;
	clear:both;
	display:block;
	line-height:16px;
	overflow:hidden;
	padding:8px 0;
	color:#767676;
	font-size:11px;
	font-weight:bold;
}

#sidebar ul #recent-comments #recentcomments .recentcomments a{
	color:#7CA026;
	display:block;
	font-size:12px;
	margin:0 0 0 2px;
	padding:7px 0 7px 22px;
	float:left;
}

/*-------------------------------------*/


#respuesta, #respuesta-pre {
	background:#a3cd40 url(../images/icon-respuesta.jpg) no-repeat left top;
	position:fixed;
	top:20px;
	right:20px;
	width:180px;
	z-index:100;
	display:none;
	border:1px solid #84af1e;
	color:#FFFFFF;
	padding:10px 10px 0 85px;
	}

#respuesta p, #respuesta-pre p{
	color:#FFFFFF;
	font-size:12px;
	padding:0 0 10px 0;
	}

#respuesta .cerrar, #respuesta-pre .cerrar-pre{
	background:url(../images/close.gif) no-repeat left 2px;
	padding-left:16px;
	cursor:pointer;
	}


.btn-info{
	background:url(../images/btn-mas-informacion.jpg) no-repeat left center;
	padding:8px 12px 7px 28px;
	font-size:12px;
	color:#FFFFFF;
	}

.btn-arrow{
	background:url(../images/btn-arrow.jpg) no-repeat left center;
	padding:8px 12px 7px 28px;
	font-size:12px;
	color:#FFFFFF;
	float:left;
	}

.ml36{
	margin-left:36px;
	}

.mr8{
	margin-right:8px;
	}

.link{
	display:block;
	padding:0;
	height:20px;
	}

.line-footer {
	background:url(../images/line-footer.gif) no-repeat bottom center;
}

.line-footer-2 {
	background:url(../images/line-footer-2.gif) no-repeat bottom center;
}

.fl-left {
	float:left;
	}

.fl-right {
	float:right;
	}

.brd-r{
	border-right:#e5e2e2 solid 1px;
	}

.dotted-b{
	background:url(../images/line-dotted.gif) repeat-x bottom left;
	}

