@charset "utf-8";
/* ************************* common start ************************* */
body {
	margin: 0px;
	font-family:Arial, Helvetica, sans-serif;

}
* {
	margin:0;
	padding:0
}
img {
	border:none
}
/* ************************* wrapper start ************************* */
#wrapper {
	width:877px;
	margin:27px auto
}
/* ************************* header start ************************* */
#header {
	width:877px;
	float:left;
	background:url(../images/header_bg.jpg) no-repeat 0 0;
	height:117px
}
#header .logo {
	margin:20px 0 0 110px
}
/* ************************* menu start ************************* */
.menu {
	width:877px;
	float:left;
	border-top:1px solid #97c000;
	border-bottom:1px solid #97c000;
	margin:10px 0;
}
.menu ul {
	float:left;
	list-style:none;
	font-size:14px
}
.menu li {
	float:left;
	margin-right:20px
}
.menu li a {
	float:left;
	text-decoration:none;
	color:#97c000;
	padding:0 15px;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	font-weight:bold;
	line-height:18px;
	
}
.menu li a span {
	float:left;
	padding:5px;
	border-left:1px solid #fff;
}
.menu li a:hover span {
	float:left;
	padding:5px 5px 2px 5px;
	border-left:1px solid #97c000;
	margin-bottom:3px;
	color:#97c000;
	background: #eeeeee url(../images/menu_hv.jpg) no-repeat bottom right;
}
.menu li a:hover {
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	color:#97c000
}



/* ************************* content container start ************************* */
#content_container {
	width:877px;
	float:left;
	padding:0 0 0 0
}
/* ************************* left container start ************************* */
#left_container {
	float:left;
	width:680px;
	color:#5c5a5b;
	font-size:14px;
	line-height:17px
}
/* ************************* content box start ************************* */
#left_container .content_box {
	float:left;
	width:659px;
	padding:10px;
	border:1px solid #bbd658;
	border-right:none;
	border-bottom:none;
	background:url(../images/corner_bg.jpg) no-repeat right bottom;
}

#left_container .content_box.inline{ height:230px}

/* ************************* green title box start ************************* */
#left_container .title {
	float:left;
	width:660px;
	background:#97c000;
	padding:5px 10px;
	color:#fff;
	text-transform:uppercase;
	font-size:14px;
	font-weight:bold;
}
/* ************************* green intro style start ************************* */
#left_container .content_box .green_intro {
	float:left;
	width:659px;
	color:#97c000;
	font-size:18px;
	padding:0 0 10px 0
}
/* ************************* left list container start ************************* */
#left_container .content_box .list {
	float:left;
	width:325px;
	list-style:none;
	color:#5c5a5b;
	font-size:11px;
	margin-top:15px;
}
#left_container .content_box .list li {
	float:left;
	width:315px;
	padding:0 10px 10px 0;
}
#left_container .content_box .list li strong {
	color:#97c000
}
/* ************************* left row start ************************* */
#left_container .content_box .row {
	float:left;
	width:659px;
}
#left_container .content_box .row .more {
	float:right;
	color:#97c000;
	text-decoration:none;
	font-size:12px;
}
#left_container .content_box .row .box strong {
	color:#97c000;
}
#left_container .content_box .row .box.last {
	width:329px;
	padding:10px 0 10px 0
}
/* ************************* bottom container start ************************* */
#left_container .bottom_container {
	float:left;
	width:679px;
	padding:10px 0 0 0
}
/* ************************* bottom container box1 start ************************* */

#left_container .bottom_container .box1 {
	float:left;
	width:337px;
	background: url(../images/box1_bg.jpg) no-repeat left bottom;
	padding-bottom:10px;
	height:148px;
	line-height:16px;
}
#left_container .bottom_container .box1 .title {
	float:left;
	width:315px;
	background:#97c000;
	padding:5px 10px;
	color:#fff;
	text-transform:uppercase;
	font-size:14px;
	font-weight:bold
}
#left_container .bottom_container .box1 p {
	float:left;
	width:317px;
	padding:5px 10px 0 10px;
	font-size:11px
}
#left_container .bottom_container .box1 .more {
	float:left;
	width:327px;
	text-align:right;
	color:#97c000;
	text-decoration:none;
	margin:13px 0 0 0;
	font-size:11px
}
#left_container .bottom_container .box1 .more a {
	color:#97c000;
	text-decoration:none
}
#left_container .bottom_container .box1 p strong {
	color:#97c000
}
#left_container .bottom_container .box1 .sub {
	float:left;
	width:307px;
	font-size:14px;
	color:#97c000;
	padding:10px 0px 0 10px
}
/* ************************* bottom container box2 start ************************* */
#left_container .bottom_container .box2 {
	float:left;
	width:679px;
	background:url(../images/box2_bg.jpg) no-repeat 0 25px;
	padding-bottom:10px;
	height:148px;
	line-height:15px;
	
}
#left_container .bottom_container .box2 .title {
	float:left;
	width:660px;
	background:#97c000;
	padding:5px 10px;
	color:#fff;
	text-transform:uppercase;
	font-size:14px;
	font-weight:bold
}

#left_container .bottom_container .box2 .capa_listas {
	padding:30px 0px 0px 170px;
}

#left_container .bottom_container .box2  .list {
	float:left;
	width:250px;
	list-style:none;
	color:#5c5a5b;
	font-size:11px;
}
#left_container .bottom_container .box2  .list li {
	float:left;
	width:245px;
	padding:0 10px 10px 0;
}
#left_container .bottom_container .box2  .list li strong {
	color:#97c000
}

#left_container .bottom_container .box2  .list2 {
	float:left;
	width:240px;
	list-style:none;
	color:#5c5a5b;
	font-size:11px;
}
#left_container .bottom_container .box2  .list2 li {
	float:left;
	width:235px;
	padding:0 10px 10px 0;
}
#left_container .bottom_container .box2  .list2 li strong {
	color:#97c000
}

/* ************************* right container start ************************* */
#right_container {
	float:right;
	width:186px;
}
#right_container .title {
	float:left;
	width:166px;
	background:#97c000;
	padding:5px 10px;
	color:#fff;
	text-transform:uppercase;
	font-size:14px;
	font-weight:bold;
}
/* ************************* right container form start ************************* */

#right_container .form {
	float:left;
	width:186px;
	background:url(../images/corner_bg.jpg) no-repeat right bottom;
	border-left:1px solid #97c000
}

#right_container .form.inline{ height:251px}

#right_container .form ul {
	float:left;
	width:166px;
	padding:10px;
	font-size:11px;
	list-style:none
}
#right_container .form ul li {
	float:left;
	width:166px;
	padding-bottom:4px;
}
#right_container .form ul li input {
	border:1px solid #bebfc1;
	width:164px;
	height:18px;
	font-size:11px;
}
#right_container .form ul li textarea {
	border:1px solid #bebfc1;
	width:164px;
	height:40px;
	font-size:11px;
}

#right_container .form ul li input#codecaptcha {
	width:50px;
}

#right_container .form ul li #captcha,#right_container .form ul li #refresh{
	vertical-align:top;	
}

#right_container .form ul li .btn {
	border:none;
	padding:0px;
	width:auto;
	float:right;
	height:auto;
}
/* ************************* right container solution box start ************************* */
#right_container .solution_box {
	float:left;
	width:186px;
	margin:8px 0 0 0;
}
#right_container .solution_box .details {
	float:left;
	width:184px;
	border:1px solid #97c000;
	background:url(../images/globe.jpg) no-repeat top right;
	height:133px
}
#right_container .solution_box .details ul {
	float:left;
	width:130px;
	list-style:none;
	padding:10px 54px 10px 0;
	color:#5c5a5b
}
#right_container .solution_box .details ul li {
	float:left;
	width:115px;
	background:url(../images/bullet.jpg) no-repeat 0 0;
	padding:0 0 12px 15px;
	font-size:11px;
	line-height:12px
}
#right_container .solution_box .details ul li a small {
	font-size:10px;
	color:#a4a9ab
}
#right_container .solution_box .details ul li a {
	color:#5c5a5b;
	text-decoration:none
}
#right_container .solution_box .details ul li.last {
	padding-bottom:0px
}
/* ************************* inner left container start ************************* */

#left_container_inner {
	float:left;
	width:680px;
	color:#5c5a5b;
	font-size:11px;
	line-height:18px;
	
}
#left_container_inner .title {
	float:left;
	width:660px;
	background:#97c000;
	padding:5px 10px;
	color:#fff;
	text-transform:uppercase;
	font-size:14px;
	font-weight:bold
}
#left_container_inner .content_box {
	float:left;
	width:659px;
	padding:0px 10px 10px 10px;
	border:1px solid #bbd658;
	border-right:none;
	border-bottom:none;
	background:url(../images/corner_bg.jpg) no-repeat right bottom
}
#left_container_inner .content_box .top_panel {
	float:left;
	width:659px;
}
#left_container_inner .content_box .top_panel p {
	float:left;
	width:450px;
	padding:10px 0 0 0;
	line-height:18px;
}

#left_container_inner .content_box a {
	color:#5c5a5b;
	text-decoration:none
}


#left_container_inner .content_box .top_panel .preview_box {
	float:right;
	width:161px;
	margin:0 10px 10px 10px;
	border-left:1px solid #97c000;
	padding:2px 10px 10px 2px;
	background:url(../images/corner_bg.jpg) no-repeat bottom right;
	position:relative
}
#left_container_inner .content_box .top_panel .preview_box .button {
	position:absolute;
	bottom:10px;
	right:10px;
	z-index:999
}
#left_container_inner .content_box p {
	float:left;
	width:659px;
	padding: 10px 0px 0px 0px;
}
#left_container_inner .content_box h3 {
	font-size:18px;
	color:#97c000;
	float:left;
	width:659px;
	padding:15px 0
}
#left_container_inner .content_box .inner_list {
	float:left;
	width:659px;
	list-style:none;
	font-size:11px
}
#left_container_inner .content_box .inner_list li {
	float:left;
	width:649px;
	padding:0 0 0px 10px;
	background:url(../images/green_bullet.jpg) no-repeat 0 5px;
}

#left_container_inner .content_box .inner_list2 {
	float:left;
	list-style:none;
	font-size:11px
}
#left_container_inner .content_box .inner_list2 li {
	float:left;
	padding:0 0 0px 10px;
	background:url(../images/green_bullet.jpg) no-repeat 0 5px;
}

#left_container_inner .content_box strong {
	color:#97c000;
}
/* ************************* footer start ************************* */
#footer {
	width:857px;
	float:left;
	border-top:1px solid #97c000;
	border-bottom:1px solid #97c000;
	margin:10px 0 10px 0;
	font-size:11px;
	color:#97c000;
	padding:2px 10px 2px 10px
}
#footer a {
	color:#97c000;
	text-decoration:none
}
#footer a:hover {
	text-decoration:underline
}
#footer span.left {
	float:left
}
#footer span.email {
	float:left;
	padding-left:300px
}
#footer span.right {
	float:right
}

/*añadidos por jjmp para la pagina de contacto*/
#mapa{
	margin-top:10px;
	width: 430px;
	height: 320px;
	float:left;
}

#info_contacto{
	margin-top:10px;
	width: 220px;
	float:left;
}

#info_contacto address {
	display:block;
	min-height:108px;
	padding:6px 14px 0;
	overflow:hidden;
}
#info_contacto em {
	display:block;
	line-height:20px;
	font-style:normal;
}

/*añadidos por jjmp para la pagina de clientes*/
table.table_login {margin:70px;width:70%;height:90%;font-size:80%;}
table.table_login .celda_1{width:100%;text-align:center;vertical-align:middle}
table.table_login2{border: thin dotted #97c000 }
table.table_login2 .celda_login{background:#97c000;color:#FFFFFF;text-align:center;font-weight:bold;}
table.table_login2 .botones{text-align:center;}

table.tabla_clientes{width:100%;}
table.tabla_clientes td{text-align:center}

.span_siguenos{
	float:right;
	margin-top:5px;
	color:#97c000;
	font-size:11px
	}
	
.formulario_contacto_error{
	font-size:16px;
	color:#98be09;
	font-weight:bold;
	width:100%;
	text-align:center;	
}