@import url("css/reset.css");

@font-face {
	font-family: 'EntypoRegular';
	src: url('fonts/entypo.eot');
	src: url('fonts/entypo.eot#iefix') format('embedded-opentype'),
	url('fonts/entypo.woff') format('woff'),
	url('fonts/entypo.ttf') format('truetype'),
	url('fonts/entypo.svg') format('svg');
	font-weight: normal;
	font-style: normal;

}

body { background-color:#fff; background:#fff; font-family:'Lucida Sans Unicode', 'Lucida Grande', Tahoma, Arial, san-serif; font-size:12px; color:#333; }
a { text-decoration:none; color:#0b76c4;outline:0; }
a:hover { text-decoration:underline; }
p { line-height:18px; }


h4 span {display: inline-block; margin-bottom: -1px; padding: 0 0 5px 0; border-bottom: 2px solid #ed8000;width:100%;}

/*** Header styles ***/
#header-top-wrapper { background:#404042 url(images/pattern7.png) repeat; border-bottom:8px solid #404042; height:88px;}
#header-top { width:960px; margin:0 auto; }

#header-banner { float:left; }
#header-social { float:left;margin:15px 0 0 0;  }
#header-lang { float:left;margin:15px 0 0 0;  }
.top_sep{ float:left; background:#404042 url(http://solelec.com/images/top_sep.png) no-repeat; width:1px; height:28px;margin:15px 57px  0 57px;}

#header { overflow:hidden; }

#logo { float:left;padding:5px 39px 0 38px; }

.area_clientes { color:#fff;  padding:5px 8px; margin-top: 14px; background: url(images/navigation-bg.png) repeat-x; float:left; display:block; position: relative;
-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.area_clientes:hover{background: #404042;}
.centrar {width:250px; margin:0 auto;}
.centrar2 {width:150px; margin:0 auto;}
.centrar3 {width:400px; margin:0 auto;}
.centrar4 {width:650px; margin:0 auto;text-align:center;}
.right {float:right;}
.left {float:left;}
/*** Navigation ***/

.logo_contacto{float:left;display:inline;margin:5px 8px 0 0;}

#navigation-wrapper { background-color:#fff;height:70px; margin:0 1px 20px 1px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;

	box-shadow: 0px 2px 5px #d2d2d2;
    -webkit-box-shadow: 0px 0px 5px #d2d2d2;
    -moz-box-shadow: 0px 0px 5px #d2d2d2;

	}
#navigation { text-transform:uppercase; font-size:14px; }

#navigation li { background: url(images/navigation-bg.png) repeat-x; float:left; display:block; position: relative;}
#navigation li:last-child { -webkit-border-top-right-radius: 8px;
	-moz-border-radius-topright: 8px;
	border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	border-bottom-right-radius: 8px; }

#navigation li a { background: url(images/nav_sep.png) no-repeat; color:#FFF; text-shadow: 0px -1px 0px #000; height: 70px; line-height: 70px; display: inline-block; padding: 0 44px 0 49px; }
#navigation li:last-child a { -webkit-border-top-right-radius: 8px;
	-moz-border-radius-topright: 8px;
	border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	border-bottom-right-radius: 8px; }
#navigation > ul > li > a:hover { background: #f8b231; height: 70px; line-height: 70px; text-decoration: none; }
#navigation .selected {background: #f8b231 !important;}
}
.nav_ball{background-image: url(http://solelec.com/images/nav_ball.png);background-repeat: no-repeat;}


#menu_left { text-transform:uppercase; font-size:14px; }
#menu_left li { width:220px; background: url(images/button_deg.jpg) repeat-x; float:left; display:block; position: relative; margin: 4px 10px 0 10px; border-radius: 4px;}
#menu_left li:hover { width:220px; background: #f19100; height: 35px; line-height: 35px; text-decoration: none;border-radius: 4px; }

#menu_left a {float:left; width:220px;  color:#FFF; height: 35px; line-height: 35px ; text-decoration: none;overflow:hidden; }


#menu_left2 { text-transform:uppercase; font-size:14px; }
#menu_left2 li { width:220px; background: url(images/button_deg2.jpg) repeat-x; float:left; display:block; position: relative; margin: 4px 10px 0 10px; border-radius: 4px;}
#menu_left2 li:hover { width:220px; background: #333333; height: 35px; line-height: 35px; text-decoration: none;border-radius: 4px; }

#menu_left2 a {float:left; width:220px;  color:#FFF; height: 35px; line-height: 35px ; text-decoration: none;overflow:hidden; }


.titulo {margin-bottom:12px;}

/*** General styles ***/
#wrapper { width:960px;  min-height:750px; margin:0 auto; overflow:hidden; }
#main { width:700px; float:right; }
#sidebar { float:left; width:240px; height: 350px;

	border:1px solid #d2d2d2;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;

	}
#sidebar_agente { float:left; width:240px; height: 390px;

	border:1px solid #d2d2d2;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;

	}
#sidebar_alto {
min-height: 545px !important;
	}
#smartphone { display:block;float:left; overflow:hidden;width:240px; height: 105px; margin-top: 20px;

	border:1px solid #d2d2d2;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;

}
#e-factura { display:block;float:left; overflow:hidden;width:240px; height: 116px; margin-top: 10px;

	border:1px solid #d2d2d2;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;

}
#telefono-y-horario { display:block;float:left; overflow:hidden;width:240px; height: 227px; margin-top: 10px;

	border:1px solid #d2d2d2;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;

}

.contact_left { float:left; width:220px; height: 100px;  margin: 4px 10px 2px 10px;

	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	box-shadow: 0px 2px 5px #d2d2d2;
    -webkit-box-shadow: 0px 0px 5px #d2d2d2;
    -moz-box-shadow: 0px 0px 5px #d2d2d2;

	}

.slider{ width: 698px; height: 313px;
	border:1px solid #d2d2d2;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.slider2{ width: 698px; height: 100px;
	border:1px solid #d2d2d2;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.imgbox{
	border: 5px solid rgb(255, 255, 255);
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.19);
}

.alignleft { float: left; }
.alignright { float: right; }

.clear { clear: both; }


/*** Featured ***/
#featured-wrapper { margin-bottom:20px; }
.slider-item { position:relative; width:650px; height:400px; background: white url('http://solelec.com/images/loading.gif') no-repeat 50% 50%; }

/*** Items ***/

#items-wrapper { margin-bottom:10px; overflow:hidden; }
.item {
float:left;
margin-bottom:16px;
position:relative;
margin-right:16px;
padding:10px;
width:320px;
background:#FFF;
border:1px solid #d2d2d2;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;

-webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1); }
.item_b {
float:left;
margin-bottom:16px;
position:relative;
margin-right:16px;
padding:10px;
width:628px;
background:#FFF;
border:1px solid #d2d2d2;
-webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1); }
.item.last { margin-right:0; }
.item img { margin-bottom:6px; width:320px; }
.item h3 { margin-bottom:6px; }
.item h3 a { text-transform:uppercase; font-size:16px; color:#444; }
.item p { font-size:12px; color:#666; line-height:18px; margin-bottom:36px; }
.item .item-meta { position:absolute; left:0; bottom:0; height:70px;background:#F1F1F1; border-top:1px solid #D7D7D7; width:320px; padding:8px 10px 10px 10px; }
.item .item-meta .txt {  color:#888; font-size:12px; float:left; }
.item .item-meta .category { float:right; text-shadow: 0px -1px 0px #FFF; font-size:11px; }
.item-thumb { display:block;position:relative;margin-bottom:80px;}
.contratar{
position:absolute;
background: url('images/contratar.png') no-repeat;
top:-7px;
right:-6px;
width:109px;
height:110px;
}
.informacion{
position:absolute;
background: url('images/informacion.png') no-repeat;
top:-7px;
right:-6px;
width:109px;
height:110px;
}
.thumb-icon { height:26px; width:26px; position:absolute; left:10px; top:10px; }



.item_fb {
float:left;
margin-bottom:16px;
position:relative;
margin-right:16px;
padding:10px;
width:520px;
background:#FFF;
border:1px solid #d2d2d2;
-webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1); }
.item_fb img { margin-bottom:6px; }
.item_fb h3 { margin-bottom:6px; }
.item_fb h3 a { text-transform:uppercase; font-size:16px; color:#444; }
.item_fb p { font-size:12px; color:#666; line-height:18px; margin-bottom:36px; }
.item_fb .item-meta { position:absolute; left:0; bottom:0; background:#F1F1F1; border-top:1px solid #D7D7D7; width:295px; padding:8px 10px 10px 10px; }
.item_fb .item-meta .date { font-style:italic; color:#888; text-shadow: 0px -1px 0px #FFF; font-size:11px; float:left; }
.item_fb .item-meta .category { float:right; text-shadow: 0px -1px 0px #FFF; font-size:11px; }


.item-thumb .comments { background:url(http://solelec.com/images/comment-bg.png) no-repeat; text-shadow: 0px -1px 0px #000; color:#FFF; height:32px; width:33px; position:absolute; right:2px; bottom:0; text-align:center; padding-top:4px; font-size:15px; }
.item-thumb .comments a { color: #fff; }
.item-review { background:url(http://solelec.com/images/trans.png) repeat; position:absolute; left:0; bottom:9px; display:block; height:12px; padding:5px;}
.item .item-meta .category a, .post-content a, #sidebar .widget-item .comments a, .post-meta .category a { color: #0b76bd; }
.item-thumb .comments, .nivo-caption .category, .post-comment-box { background-color: #0b76bd; }



.widget { margin-bottom:20px; overflow:hidden; }
.widget h4 { background:url(http://solelec.com/images/widget-bg.png) repeat-x; font-size:18px; text-transform:uppercase; color:#FFF; text-shadow: 0px -1px 0px #888; height:31px; padding:3px 0 0 10px; margin-bottom:20px; }
.widget li { padding-bottom: 10px; margin-bottom: 10px; }



/*** Footer ***/
#footer-wrapper { background:#404042 url(images/pattern7.png) repeat; border-top:8px solid #404042; overflow:hidden; }
#footer { width:960px; margin:0 auto; padding:30px 0 30px 0; }
#footer a { color:#3a66ba; }

	/** Footer widgets **/
	#footer .widget { color:#404042; width:180px; float:left; margin-right:80px; font-size:13px; }
	#footer .widget span { color:#dc931a;  }
	#footer .widget.last { margin-right:0; }

	/** footer widget item **/
	#footer .widget .widget-item .thumb { background:#333; border:1px solid #111; }
	#footer .widget .widget-item h3 a { color:#CCC; text-shadow: 0px -1px 0px #000; }
	#footer .widget .widget-item .date { color:#666; margin-right:3px; }
	#footer .widget .widget-item .comments { background:url(http://solelec.com/images/comment-footer.png) no-repeat left; color:#666; text-shadow: 0px -1px 0px #000; }

#footer .separa{margin-bottom:20px;}
#footer .footer_list ul{color:#3a66ba;}
#footer .footer_list li{ background:url(images/m1.png) no-repeat; line-height:8px; padding-left:15px; color:#2e72b8;	font-size:12px;}

/*** Bottom ***/
#bottom-wrapper { background:#404042; }
#bottom { width:960px; margin:0 auto; padding:12px 0 12px 0; color:#fff; text-shadow: 0px -1px 0px #000; overflow:hidden; }
#bottom a { color: #fff; }
#bottom .left { float:left; }
#bottom .right { float:right; }
#bottom .totop a { color:#aaa; float:right; margin-left:20px; background:url(http://solelec.com/images/totop.png) no-repeat right; padding-right:10px; }


	/*** Shortcodes ***/

	/** Columns **/
	.one_half, .one_third, .two_third, .three_fourth, .one_fourth { margin-right: 4%; float: left; line-height:21px; margin-bottom:20px; }
	.one_half { 	width: 48%; }
	.one_third { width: 30.6666%; }
	.two_third { width: 65.3332%; }
	.one_fourth { width: 22%; }
	.three_fourth { width: 74%; }
	.last { margin-right: 0 !important; clear: right; }
	.clearboth{ clear: both; display: block; font-size: 0px; height: 0px; line-height: 0; width: 100%; overflow:hidden; }

	/** Dropcap **/
	.dropcap { font-size:32px; margin-right:6px; padding-top:4px; text-transform: uppercase; float: left; position: relative; top: 5px; color:#888; }

	/** Highlight **/
	.highlight1 { background:#f6f67a; }
	.highlight2 { background:#000; color:#CCC; }

	/** Video **/
	.video-shortcode { margin-bottom:20px; }

	/** Tabs **/
	.post-content .tabs { margin-bottom: 0 !important; }
	.post-content .tabs li { padding-left: 10px !important; }
	.post-content .tab_content {padding:16px 16px 0 16px; overflow:hidden; }
	.post-content .tabs-wrapper { overflow: hidden; width: 100%; margin-bottom: 20px; }
	.post-content .tabs-wrapper .tab_content { border:1px solid #d7d7d7; border-width:0 1px 1px 1px; }

	/** Toggles **/
	.toggle { background:url(images/light-button.png) repeat-x; border:1px solid #BBB; padding:6px 10px 9px 14px; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px; cursor:pointer; margin-bottom:6px; }
	.toggle:hover { background:url(images/light-button.png) repeat-x; background-position:0 -37px; }
	.toggle a { background:url(http://solelec.com/images/toggle-arrow.png) no-repeat left; text-decoration:none; padding-left:30px; text-shadow: 0px -1px 0px #FFF; color:#444 !important; font-size:16px; }
	.toggle_mini { background:url(images/light-button.png) repeat-x; border:1px solid #BBB; padding:6px 10px 9px 10px; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px; cursor:pointer; margin-bottom:6px; }
	.toggle_mini:hover { background:url(images/light-button.png) repeat-x; background-position:0 -37px; }
	.toggle_mini a { background:url(http://solelec.com/images/toggle-arrow.png) no-repeat left; text-decoration:none; padding-left:25px; text-shadow: 0px -1px 0px #FFF; color:#444 !important; font-size:12px; }

	.toggle-content { display:none; background:#e6e6e6; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px; padding:20px; border:1px solid #DDD; font-size:14px; line-height:18px; text-shadow: 0px -1px 0px #FFF; margin-bottom:16px; }
	.toggle-content_mini { display:none; background:#e6e6e6; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px; padding:20px; border:1px solid #DDD; font-size:12px; line-height:18px; text-shadow: 0px -1px 0px #FFF; margin-bottom:16px; }

	.toggle-content .block {padding:0px;}
	.toggle-content_mini .block {padding:0px;}

	/** Checklist **/
	.checklist li { background:url(http://solelec.com/images/check-list.png) no-repeat left !important; padding-left:28px !important; }

	/** Badlist **/
	.badlist li { background:url(http://solelec.com/images/bad-list.png) no-repeat left !important; padding-left:28px !important; }

	/** Buttons **/
	.button { padding:9px 10px 9px 10px; display:inline-block; margin:0 10px 20px 0; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px; font-size:14px; cursor:pointer; }
	.button a { color:#FFF !important; text-shadow: 0px -1px 0px #333; }
	.button a:hover { text-decoration:none; }
	.button.black { background:url(http://solelec.com/images/black-button.png) repeat-x; border:1px solid #000; }
	.button.black:hover { background:url(http://solelec.com/images/black-button.png) repeat-x; background-position:0 -37px; }
	.button.red { background:url(http://solelec.com/images/red-button.png) repeat-x; border:1px solid #690000; }
	.button.red:hover { background:url(http://solelec.com/images/red-button.png) repeat-x; background-position:0 -37px; }
	.button.green { background:url(http://solelec.com/images/green-button.png) repeat-x; border:1px solid #0e5800; }
	.button.green:hover { background:url(http://solelec.com/images/green-button.png) repeat-x; background-position:0 -37px; }
	.button.blue { font-weight: bold !important;color:#ffffff !important; text-shadow: 0px -1px 0px #FFF;background:url(http://solelec.com/images/blue-button.png) repeat-x; border:1px solid #244f7c; }
	.button.blue:hover { font-weight: bold !important;color:#ffffff !important; text-shadow: 0px -1px 0px #FFF;background:url(http://solelec.com/images/blue-button.png) repeat-x; background-position:0 -37px; }
	.button.orange { background:url(http://solelec.com/images/orange-button.png) repeat-x; border:1px solid #824700; }
	.button.orange:hover { background:url(http://solelec.com/images/orange-button.png) repeat-x; background-position:0 -37px; }
	.button.light { background:url(images/light-button.png) repeat-x; border:1px solid #afafaf; }
	.button.light a { color:#5d5d5d !important; text-shadow: 0px -1px 0px #FFF; }
	.button.light:hover { background:url(images/light-button.png) repeat-x; background-position:0 -37px; }


/*--- top search ---*/
div.top-search-wrapper .gdl-search-form{ float: left; position: relative; margin-top: 14px;}
div.top-search-wrapper .gdl-search-form form{ margin-bottom: 0px; }
div.top-search-wrapper input[type="text"]{ margin: 0px; border: 0px; padding: 8px 35px 7px 10px;
	height: 14px; line-height: 14px; font-size: 11px; font-family:'Lucida Sans Unicode', 'Lucida Grande', Tahoma, Arial, san-serif; color:#404042; width: 160px; display: block;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
	background-color: #fff;
	  }
div.top-search-wrapper input[type="text"]:focus {
	border: 0px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
div.top-search-wrapper input[type="submit"]{ border: 0px; padding: 0px;
	width: 28px; height: 28px; float: left; display: block;
	position: absolute; top: 50%; margin-top: -21px; right: 1px;
	border-left-width: 1px; border-left-style: solid;
	-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;
	    background: url("images/top-search-button.png") no-repeat scroll right center transparent;
}

div.socials-default {
    width: 28px;
    height: 28px;
    float: left;
    padding: 0px;
    margin: 0 4px;
    padding: 0;
}

a.socials-default
 {
    display: inline-block;
    margin-right: 0;
    text-align: left;
    text-indent: -9999px;
}

a.socials-default { width: 28px; height: 28px; }

/* Social Icon */

a.socials-default.facebook {    background: url("images/socials.png") no-repeat scroll -28px bottom transparent;}
a.socials-default.google {    background: url("images/socials.png") no-repeat scroll -84px bottom transparent;}
a.socials-default.linkedin {    background: url("images/socials.png") no-repeat scroll -112px bottom transparent;}
a.socials-default.rss {    background: url("images/socials.png") no-repeat scroll -168px bottom transparent;}
a.socials-default.skype {    background: url("images/socials.png") no-repeat scroll -224px bottom transparent;}
a.socials-default.twitter {    background: url("images/socials.png") no-repeat scroll -252px bottom transparent;}
a.socials-default.mail {    background: url("images/socials.png") no-repeat scroll -336px bottom transparent;}

a.socials-default.facebook:hover {    background: url("images/socials.png") no-repeat scroll -28px top transparent;}
a.socials-default.google:hover {    background: url("images/socials.png") no-repeat scroll -84px top transparent;}
a.socials-default.linkedin:hover {    background: url("images/socials.png") no-repeat scroll -112px top transparent;}
a.socials-default.rss:hover {    background: url("images/socials.png") no-repeat scroll -168px top transparent;}
a.socials-default.skype:hover {    background: url("images/socials.png") no-repeat scroll -224px top transparent;}
a.socials-default.twitter:hover {    background: url("images/socials.png") no-repeat scroll -252px top transparent;}
a.socials-default.mail:hover {    background: url("images/socials.png") no-repeat scroll -336px top transparent;}


#block-left {
  border-right: 1px dotted #eaeaea;
  width: 320px;
  float: left;
  padding-right: 25px;
}
#block-right {
  width: 330px;
  float: left;
  margin-left: 20px;
}

#block-full {
  width: 690px;
  float: left;

}


/* CONTACT, INPUT, TEXTAREA, SUBMIT */
#contact-form input {margin:0; padding:0;font-size:11px;}
#contact-form input[type=text], #contact-forminput[type=password], #contact-form textarea { border:1px solid #e3e3e3; padding:7px; font-size:11px; color:#777; }
#contact-form input[type=text], #contact-forminput[type=password],#contact-form textarea, select { background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #f4f4f4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4f4f4));
background: -webkit-linear-gradient(top, #ffffff 0%,#f4f4f4 100%);
background: -o-linear-gradient(top, #ffffff 0%,#f4f4f4 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#f4f4f4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 );
background: linear-gradient(top, #ffffff 0%,#f4f4f4 100%);
-webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;
outline:0 none !important;
}
#contact-form input[type=text].rounded, #contact-form input[type=password].rounded, #contact-form textarea.rounded, #contact-form select.rounded, #contact-form input[type=submit].rounded, #contact-form button.rounded {-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;  }
#contact-form input[type=text]:hover, #contact-form input[type=password]:hover, #contact-form textarea:hover { border:1px solid #ed8000; }
#contact-form input[type=text]:focus, #contact-form input[type=password]:focus, #contact-form textarea:focus, #contact-form select:focus { -moz-box-shadow: 0 0 3px #EB540A;-webkit-box-shadow: 0 0 3px #EB540A; box-shadow: 0 0 3px #EB540A; border: 1px solid #ed8000; }
 input[type=submit],  button { background:#ed8000; padding: 4px 14px; color:#fff; text-shadow:0 1px 0 rgba(0,0,0,0.5); text-transform:uppercase; cursor:pointer; border:1px solid #444;
-webkit-box-shadow: 0 2px 6px rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 2px 6px rgba(255, 255, 255, 0.5) inset; box-shadow: 0 2px 6px rgba(255, 255, 255, 0.5) inset; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
 input[type=submit]:hover,  button:hover { -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.4), 0 -2px 6px rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.4), 0 -2px 6px rgba(255, 255, 255, 0.5) inset; box-shadow: 0 0 3px rgba(0, 0, 0, 0.4), 0 -2px 6px rgba(255, 255, 255, 0.5) inset;}
 input[type=submit]:active,  button:active {-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5) inset; -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5) inset; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5) inset;}
/* you can activate the rounded fields only setting the .rounded-fields class to the parent form */
#contact-form .rounded-fields input[type=text], #contact-form .rounded-fields input[type=password], #contact-form .rounded-fields textarea, #contact-form .rounded-fields select, #contact-form .rounded-fields input[type=submit], #contact-form .rounded-fields button {-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;  }

#contact-form select {padding:7px; border:1px solid #e3e3e3;}
#contact-form select:hover { border:1px solid #b4b4b4; }

.malto{
	width:250px !important;
	margin: 0 0 0 30px !important;
	padding:8px !important;
	font-size:14px !important;
}
.zalto{
	width:215px !important;
	margin: 0 0 0 20px !important;

}
.zalto2{
	width:100% !important;
	height: 150px !important;

}
.comment2 { margin: 0 0 15px 0; font-weight: bold;width:550px; height:40px; background:#ffa000; padding: 4px 14px; color:#fff; text-shadow:0 1px 0 rgba(0,0,0,0.5); text-transform:uppercase; cursor:pointer; border:1px solid #444;
-webkit-box-shadow: 0 2px 6px rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 2px 6px rgba(255, 255, 255, 0.5) inset; box-shadow: 0 2px 6px rgba(255, 255, 255, 0.5) inset; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}


.comment3 { margin: 0 0 10px 0; font-weight: bold;width:325px; height:35px; background:#ffa000; padding: 4px 14px; color:#fff; text-shadow:0 1px 0 rgba(0,0,0,0.5); text-transform:uppercase; cursor:pointer; border:1px solid #444;
-webkit-box-shadow: 0 2px 6px rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 2px 6px rgba(255, 255, 255, 0.5) inset; box-shadow: 0 2px 6px rgba(255, 255, 255, 0.5) inset; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}



form > div {margin-bottom:15px;}
form label {color:#454545;     display: block;}
.itemComments h3{ font-size: 1.5em;
    margin-bottom: 15px;     color: #454545;
    font-family: 'Maven Pro',Tahoma,sans-serif;
    font-weight: normal;
    line-height: 1;
	margin:1em 0 0.5em;
	}

form.infield > div, form.infield > p {position:relative;}
form.infield label {position:absolute; left:7px; top:5px; font-size:11px; color:#888;}

/* Contact form */

.success{color:#ed8000;display:none;font-size:12px;text-align:center;}
		#contact-form label{padding:0 0 10px;display:block;position:relative;margin:0;}
			#contact-form .message{padding-bottom:20px}
			#contact-form input{width:200px;margin-bottom:8px}
			#contact-form textarea{width:300px; height:150px;overflow:auto;resize:vertical;}
			#contact-form .error,#contact-form .empty{color:#ed8000;display:none;position:absolute;font-size:11px;line-height:1.2em;left:0px;top:30px;}
			#contact-form .message .error,#contact-form .message .empty{top:auto;}
		 .btns{text-align:right;}
		 .btns_c{text-align:center;}
		 .btns a{margin-left:5px;min-width:50px;text-align:center;}

		.btns2{text-align:right;}
		.btns2 a{margin-right:21px; margin-top:20px;min-width:50px;text-align:center;}

		  .button_more { background:#ed8000; padding: 4px 14px; color:#fff; text-shadow:0 1px 0 rgba(0,0,0,0.5); text-transform:uppercase; cursor:pointer; border:1px solid #444;
-webkit-box-shadow: 0 2px 6px rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 2px 6px rgba(255, 255, 255, 0.5) inset; box-shadow: 0 2px 6px rgba(255, 255, 255, 0.5) inset; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
          .button_more:hover { text-decoration:none;-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.4), 0 -2px 6px rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.4), 0 -2px 6px rgba(255, 255, 255, 0.5) inset; box-shadow: 0 0 3px rgba(0, 0, 0, 0.4), 0 -2px 6px rgba(255, 255, 255, 0.5) inset;}
          .button_more:active {text-decoration:none;-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5) inset; -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5) inset; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5) inset;}


/*  Buttons */
.button{color:#414042;display:inline-block;text-decoration:none;padding:5px 6px;font-size:11px;
	background: #fff;
	background: -webkit-linear-gradient(top, #fff, #e8e8e8);
	background:    -moz-linear-gradient(top, #fff, #e8e8e8);
	background:     -ms-linear-gradient(top, #fff, #e8e8e8);
	background:      -o-linear-gradient(top, #fff, #e8e8e8);
	background:         linear-gradient(top, #fff, #e8e8e8);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#e8e8e8');
	box-shadow:1px 1px 2px rgba(0,0,0,.23);
}
.button:hover{ text-decoration:none;
	background: #e8e8e8;
	background: -webkit-linear-gradient(top, #e8e8e8, #fff);
	background:    -moz-linear-gradient(top, #e8e8e8, #fff);
	background:     -ms-linear-gradient(top, #e8e8e8, #fff);
	background:      -o-linear-gradient(top, #e8e8e8, #fff);
	background:         linear-gradient(top, #e8e8e8, #fff);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#e8e8e8', EndColorStr='#ffffff');
}

/*  Buttons */

.buttonc{border: none !important; text-transform: none !important; text-shadow: none !important; margin: 0 0 0 30px !important; width:90px !important; color:#414042 !important;display:inline-block !important;text-decoration:none !important;padding:8px 9px !important;font-size:12px !important;
	background: #fff;
	background: -webkit-linear-gradient(top, #fff, #e8e8e8) !important;
	background:    -moz-linear-gradient(top, #fff, #e8e8e8) !important;
	background:     -ms-linear-gradient(top, #fff, #e8e8e8) !important;
	background:      -o-linear-gradient(top, #fff, #e8e8e8) !important;
	background:         linear-gradient(top, #fff, #e8e8e8) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#e8e8e8') !important;
	box-shadow:1px 1px 2px rgba(0,0,0,.23) !important;
}
.buttonc:hover{ text-decoration:none !important;
	background: #e8e8e8 !important;
	background: -webkit-linear-gradient(top, #e8e8e8, #fff) !important;
	background:    -moz-linear-gradient(top, #e8e8e8, #fff) !important;
	background:     -ms-linear-gradient(top, #e8e8e8, #fff) !important;
	background:      -o-linear-gradient(top, #e8e8e8, #fff) !important;
	background:         linear-gradient(top, #e8e8e8, #fff) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#e8e8e8', EndColorStr='#ffffff') !important;
}

#hogares-form input {margin:0; padding:0;font-size:11px;}
#hogares-form input[type=text], #hogares-forminput[type=password], #hogares-form textarea { border:1px solid #e3e3e3; padding:7px; font-size:11px; color:#777; }
#hogares-form input[type=text], #hogares-forminput[type=password],#hogares-form textarea, #hogares-form select { background: #ffffff; font-size:11px; color:#777;
background: -moz-linear-gradient(top, #ffffff 0%, #f4f4f4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4f4f4));
background: -webkit-linear-gradient(top, #ffffff 0%,#f4f4f4 100%);
background: -o-linear-gradient(top, #ffffff 0%,#f4f4f4 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#f4f4f4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 );
background: linear-gradient(top, #ffffff 0%,#f4f4f4 100%);
-webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;
outline:0 none !important;
}
#hogares-form input[type=text].rounded, #hogares-form input[type=password].rounded, #hogares-form textarea.rounded, #hogares-form select.rounded, #hogares-form input[type=submit].rounded, #hogares-form button.rounded {-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;  }
#hogares-form input[type=text]:hover, #hogares-form input[type=password]:hover, #hogares-form textarea:hover, #hogares-form select:hover { border:1px solid #ed8000; }
#hogares-form input[type=text]:focus, #hogares-form input[type=password]:focus, #hogares-form textarea:focus, #hogares-form select:focus { -moz-box-shadow: 0 0 3px #EB540A;-webkit-box-shadow: 0 0 3px #EB540A; box-shadow: 0 0 3px #EB540A; border: 1px solid #ed8000; }
 input[type=submit],  button { font-size:12px !important; background:#ed8000; padding: 4px 14px !important; color:#fff; text-shadow:0 1px 0 rgba(0,0,0,0.5); text-transform:uppercase; cursor:pointer; border:1px solid #444;
-webkit-box-shadow: 0 2px 6px rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 2px 6px rgba(255, 255, 255, 0.5) inset; box-shadow: 0 2px 6px rgba(255, 255, 255, 0.5) inset; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
 input[type=submit]:hover,  button:hover { -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.4), 0 -2px 6px rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.4), 0 -2px 6px rgba(255, 255, 255, 0.5) inset; box-shadow: 0 0 3px rgba(0, 0, 0, 0.4), 0 -2px 6px rgba(255, 255, 255, 0.5) inset;}
 input[type=submit]:active,  button:active {-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5) inset; -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5) inset; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5) inset;}

#hogares-form input[type=checkbox] {font-size:11px; color:#777;}
#hogares-form .error,#hogares-form .empty{color:#ed8000;display:none;font-size:11px;line-height:1.2em;}
#hogares-form select {padding:7px; border:1px solid #e3e3e3;}
#hogares-form select:hover { border:1px solid #b4b4b4; }

#hogares-form .left_insd{float:left; margin: 0 12px;}
#hogares-form .left_insd2{float:left; margin: 0 12px ;}
#hogares-form .left_insd3{float:left; margin: 0 11px ;}



.enlinea  { display:block; width:680px; height:50px; margin-top:25px;}
.enlinea2 { display:block; width:680px; height:50px; }
.enlinea3 { display:block; width:680px; height:35px; margin-top:15px; }
.enlinea4 { display:block; width:680px; height:35px; }




.barra_list li{  padding-left:15px; }

.centrar_block{ width: 430px;margin:0 auto;}
.centrar_block2{ width: 200px;margin:0 auto;}
.centrar_block3{ width: 100px;margin:0 auto;}
.centrar_block4{ width: 580px;margin:0 auto;}

.centrar_texto{ text-align:center;}
.condiciones{ margin: 20px; display:block; font-size:11px; text-align: justify;}
/* -----------------------------------------------------------------------------
 * Accordion & Toggle
 * -------------------------------------------------------------------------- */
.accordion, .toggle {
  margin-bottom: 15px;
   outline: none;
}

.accordion-header, .toggle-header {

  padding: 10px 15px;
  cursor: pointer;

  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  text-transform: uppercase;

  text-shadow: 1px 1px 0px rgba(180, 180, 180, 0.2);
  -webkit-box-shadow: inset 0 -4px 0 rgba(0, 0, 0, 0.04);
  -moz-box-shadow: inset 0 -4px 0 rgba(0, 0, 0, 0.04);
  box-shadow: inset 0 -4px 0 rgba(0, 0, 0, 0.04);

  	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;

  outline: none;
}
#accordion h5{
display: inline;
}

.accordion-content + .accordion-header {
  margin-top: 15px;
}

.accordion-content, .toggle-content {
  padding: 10px 20px;
    font-size: 12px;
}


.pictogram {

  font-family: 'EntypoRegular';
  font-size: 2.5em;
  font-weight: normal;
  line-height: 8px;
  margin: 0 10px 0 0;
  speak: none;
}

.descargar:before{
  content:'\1F4E5';
  display:block;
  color:#ff9201;
  font-family: 'EntypoRegular';
  speak: none;
    margin: -12px 10px 0 0;
    line-height: 25px;
  font-size: 2.5em;
}

.globe:before{
  float:left;
  content:'\1F30E';
  margin: 9px 8px 0 15px;
  display:block;
  color:#fff;
  font-family: 'EntypoRegular';
  speak: none;
  line-height: 0;
  font-size: 2.5em;
}
.key:before{
  float:left;
  content:'\1F511';
  margin: 9px 8px 0 15px;
  display:block;
  color:#fff;
  font-family: 'EntypoRegular';
  speak: none;
  line-height: 0;
  font-size: 2.5em;
}
.newspaper:before{
  float:left;
  content:'\1F4F0';
  margin: 9px 8px 0 15px;
  display:block;
  color:#fff;
  font-family: 'EntypoRegular';
  speak: none;
  line-height: 0;
  font-size: 2.5em;
}
.users:before{
  float:left;
  content:'\1F465';
  margin: 9px 8px 0 15px;
  display:block;
  color:#fff;
  font-family: 'EntypoRegular';
  speak: none;
  line-height: 0;
  font-size: 2.5em;
}
.user:before{
  float:left;
  content:'\1F464';
  margin: 9px 8px 0 15px;
  display:block;
  color:#fff;
  font-family: 'EntypoRegular';
  speak: none;
  line-height: 0;
  font-size: 2.5em;
}
.exit:before{
  float:left;
  content:'\E715';
  margin: 9px 8px 0 15px;
  display:block;
  color:#fff;
  font-family: 'EntypoRegular';
  speak: none;
  line-height: 0;
  font-size: 2.5em;
}
.circled_help:before{
  float:left;
  content:'\E704';
  margin: 8px 8px 0 15px;
  display:block;
  color:#fff;
  font-family: 'EntypoRegular';
  speak: none;
  line-height: 0;
  font-size: 2.5em;
}
.vcard:before{
  float:left;
  content:'\E722';
  margin: 9px 8px 0 15px;
  display:block;
  color:#fff;
  font-family: 'EntypoRegular';
  speak: none;
  line-height: 0;
  font-size: 2.5em;
}
.network:before{
  float:left;
  content:'\E776';
  margin: 9px 8px 0 15px;
  display:block;
  color:#fff;
  font-family: 'EntypoRegular';
  speak: none;
  line-height: 0;
  font-size: 2.5em;
}
.briefcase:before{
  float:left;
  content:'\1f4bc';
  margin: 9px 8px 0 15px;
  display:block;
  color:#fff;
  font-family: 'EntypoRegular';
  speak: none;
  line-height: 0;
  font-size: 2.5em;
}
.info_circ:before{
  float:left;
  content:'\E704';
  margin: 9px 8px 0 15px;
  display:block;
  color:#fff;
  font-family: 'EntypoRegular';
  speak: none;
  line-height: 0;
  font-size: 2.5em;
}

.postForm label { font-size: 12px; display: block; color: #333; margin-bottom: 5px; }
.postForm label span { color: #999; font-weight: normal; }
.postForm div { margin-bottom: 17px; }
.postForm .text { background: url(images/input-name.png) no-repeat; border: 0; color: #333; width: 198px; padding: 11px 10px 14px 34px; }
.postForm .error { border: 1px solid red; }

.postForm .submit { background: #4e4e4e; border: 1px solid #3d3d3d; font-size: 12px; color: #fff; font-weight: bold; padding: 6px 20px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; }
.postForm .submit:hover { background: #414141; }
.postForm .error_msg { display: none; margin-top: 5px; color: red; }
.postForm .email_sent { color: green; margin-bottom: 10px; display: none; }
.postForm #pyre_name { background: url(images/input-email.png) no-repeat; }
.postForm #pyre_web { background: url(images/input-website.png) no-repeat; }


.form_alta{
padding:10px;
float:left; width:678px;

	border:1px solid #d2d2d2;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;

}
.faqs {float:left; margin-left:20px; margin-bottom:2px; width:100%;}
.faqs span.showDetail{color:#414141; padding-left:8px; font-size:11px; background: transparent url("images/flecha_naranja.png") no-repeat left 4px;}
.faqs span.showDetail.expanded{color:#f36f25; background: transparent url("images/flecha_naranja.png") no-repeat left 4px;}
.faqs span.showDetail:hover{color:#f36f25; cursor:pointer; text-decoration:underline;}
.faqs .detail {width:95%; display:none; float:left; margin: 5px 0px 10px 7px; font-size:11px; color:#414141; line-height:18px;}
.faqs .hideDetail {color:#414141; font-size:10px; clear:both; display:block;}
.faqs .hideDetail:hover {cursor:pointer; color:#414141; text-decoration:underline;}


.cleared
{
  float: none;
  clear: both;
  margin: 0;
  padding: 0;
  border: none;
  font-size: 1px;
}
.fecha{float: left;font-size:11px; display:inline;color:#f36f25;}
.titulo { font-size:11px;margin-left:1px;margin-bottom:2px; width:100%;}
.puntos {margin:8px 0;width:100%; height: 1px; background: transparent url("images/puntos.gif") repeat-x;}

.alternar:hover {background:#eaeaea;}
.alternar2 {background:#ffca44;}
/* TABLA GENERICA */

table.generica tr.conBorde {
	border-bottom: 1px solid #dddddd;
}

table.generica{
	width:700px;
	/*height:160px;*/
	font-size: 11px;
	color:#232323;
	border:1px solid #dddddd;
}
table.generica > thead{
	background-color: #efefef;
	border-left:1px solid #dddddd;
	border-right:1px solid #dddddd;
}
table.generica > thead > tr > th{
	height:25px;
	max-height:25px;
	min-height:25px;
	border:1px solid #dddddd;
	padding-top: 5px;

}
table.generica > tbody{}
table.generica > tbody > tr > td{
	border-left:1px solid #dddddd;
	border-right:1px solid #dddddd;
}
table.generica > tbody > tr > td > a:link, table.generica > tbody > tr >  td > a:active, table.generica > tbody > tr >  td > a:visited{
	color:#232323;

}
/* TABLA CONCRETA CUENTAS Y FACTURAS - detalle facturas */

table.detalleFacturas {
	width: 100%;
	font: normal 11px "Lucida Sans Unicode";
}
table.detalleFacturas > thead > tr > th {
	font-weight: bold;
}
table.detalleFacturas > tbody > tr > td {
	min-height: 25px;
	max-height: 25px;
	height: 25px;
}
td.n1, th.n1{
	text-align: center;
}
td.n2, th.n2{
	text-align: center;
}
td.n3, th.n3{
	text-align: center;
}
td.n4, th.n4{
	text-align: center;
}
td.n5, th.n5{
	text-align: center;
}
td.n6, th.n6{
	text-align: center;
}
td.n60, th.n60{
 width:40%;
    padding-top:3px;
    border-right:none !important;
	background-color: #efefef;
	text-align: right;
}
td.n61, th.n61{
  width:60%;
    border-left:none !important;
	background-color: #efefef;
	font-weight: normal !important;
	text-align: left;
}
.top3{
padding-top:3px !important;
padding-right:20px;
}
.top30{
margin-top:15px !important;
}
td.n20, th.n20{
    width:25%;
    padding-top:3px;
    border-right:none !important;
	background-color: #efefef;
	text-align: right;
}
td.n21, th.n21{
    width:75%;
    border-left:none !important;
	background-color: #efefef;
	font-weight: normal !important;
	text-align: left;
}
.mano{
	cursor: pointer;
}
.pagina{
	margin-top:10px;
	text-align: center;
}
.active{
font: bold 12px "Lucida Sans Unicode";
padding: 2px;
}
.inactive{
font: normal 12px "Lucida Sans Unicode";
padding: 2px;
}