/* CSS Document */
/* AGREGAR ABAJO COMO YO LOS ESTILOS QUE USEIS EN CADA SECCI�N */

body{
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#fff;
	color:#000;

}
div, h1, h2, h3, h4, p, form, label, input, textarea, img, span{
	margin:0;
	padding:0;
	text-align: justify;
}

a:link{
	font-size:12px;
	color:#3399FF;
	text-decoration:none;
}
a:hover{
	font-size:12px;
	color:orange;
	text-decoration:underline;
}
a:active{
		font-size:12px;
		color:yellow;
		background:orange;
		text-decoration:underline;
} 
a.visited{
		font-size:12px;
		color:#CCCCCC;
		font-style:italic;
}


a.noticia:link{
	font-size:12px;
	color:#3399FF;
	text-decoration:none;
}
a.noticia:hover{
	font-size:12px;
	color:orange;
	text-decoration:underline;
}
a.noticia:active{
		font-size:12px;
		color:yellow;
		background:orange;
} 
a.noticia:visited{
		font-size:12px;
		color:#CCCCCC;
		font-style:italic;
}
/* clase para los botones */

.boton{
	background:url(images/read_more_bg.gif) 0 0 no-repeat;
	font:bold 12px/20px Arial, Helvetica, sans-serif;
	text-align:center;
	background-color:inherit;
	width:72px;
	height:20px;
	margin:0;
	text-decoration:none;
	float:right;
    margin-top:0px;
	color:#ffffff;
}


ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
	font-size:0;
	line-height:0;
}

.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}
/*------------------------------------------------main--------------------*/
.textoinicio{
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#99916D;
	background-color:inherit;
	margin:0 0 15px 0;
	padding:0 0 0 14px;
}


/*------------------------------------------------body--------------------*/
#body{
	width:950px;
	margin:0 auto;
	padding:0 0 24px 0;
	background-attachment: scroll;
	
}
/*------------------------------------------------left--------------------*/
#left a.rm3{
	display:block;
	background:url(images/read_more_bg.gif) 0 0 no-repeat;
	font:bold 12px/20px Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:center;
	background-color:inherit;
	width:72px;
	height:20px;
	margin:0;
	text-decoration:none;
	float:right;
    margin-top:8px;
}


#left{
	width:296px;
	float:left;
	
	padding:10px 0 0 0;
}
#left img.logo{
	display:block;
	font-size:0;
	line-height:0;
	margin:0 0 0 23px;
}
#left h2.soluciones{
	display:block;
	background:url(images/left_head_bg1.gif) 0 0 no-repeat;
	width:211px;
	height:41px;
	padding:0 40px 0 45px;
	font:bold 18px/41px Arial, Helvetica, sans-serif;
	color:#3E3E3E;
	background-color:inherit;
}
#left h2.soluciones span.one{
	margin:0 0 0 0;
	width:28px;
	font:bold 10px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	height:16px;
	float:right;
}
#left ul.leftLink{
	width:240px;
	background-color:#F4F4F4;
	color:#000;
	border-left:#E1E1E1 solid 1px;
	border-right:#E1E1E1 solid 1px;
	padding:21px 23px 25px 23px;
}
#left ul.leftLink li{
	line-height:0;
	font-size:0;
}
#left ul.leftLink li a{
	display:block;
	background:url(images/arrow.gif) 0 9px no-repeat;
	font:normal 12px/23px Arial, Helvetica, sans-serif;
	color:#3E3E3E;
	background-color:inherit;
	text-decoration:none;
	padding:0 0 0 13px;
}
#left ul.leftLink li a:hover{
	color:#3E3E3E;
	background-color:#ECE8E8;
}
#left h2.mem{
	display:block;
	background:url(images/left_head_bg1.gif) 0 0 no-repeat;
	width:209px;
	height:41px;
	padding:0 42px 0 45px;
	font:bold 18px/41px Arial, Helvetica, sans-serif;
	color:#3E3E3E;
	background-color:inherit;
}
#left h2.mem span.two{
	margin:0 0 0 0;
	width:18px;
	font:bold 10px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	height:16px;
	float:right;
	padding:0 0 0 9px;
	text-transform:uppercase;
}
#left form{
	width:243px;
	background-color:#F4F4F4;
	color:#000;
	border:#E1E1E1 solid 1px;
	padding:5px 21px 40px 22px;
}
#left form input.txtBox{
	width:240px;
	height:25px;
	border-bottom:#D4D0C8 solid 1px;
	border-right:#D4D0C8 solid 1px;
	border-left:#404040 solid 1px;
	border-top:#404040 solid 1px;
	background-color:#fff;
	color:#000;
	float:left;
}
#left form label.black{
	display:block;
	width:242px;
	font:normal 12px/29px Arial, Helvetica, sans-serif;
	color:#000;
	background-color:inherit;
	float:left;
}
#left form input.chk{
	width:13px;
	height:13px;
	margin:10px 10px 0 0;
	float:left;
}
#left form label.green{
	display:block;
	width:84px;
	font:bold 12px/13px Arial, Helvetica, sans-serif;
	color:#7C8E05;
	background-color:inherit;
	float:left;
	margin:10px 0 0 0;
}
#left form input.login{
	background:url(images/btn_login.gif) 0 0 no-repeat #F4F4F4;
	width:72px;
	height:20px;
	font:bold 12px/20px Arial, Helvetica, sans-serif;
	color:#fff;
	border:none;
	cursor:pointer;
	float:right;
	margin:10px 0 0 0;
}
#left ul.leftLink2{
	width:254px;
	background-color:#F4F4F4;
	color:#000;
	background-color:#F4F4F4;
	border:#E1E1E1 solid 1px;
	padding:25px 17px 26px 15px;
}
#left ul.leftLink2 li{
	font-size:0;
	line-height:0;
}
#left ul.leftLink2 li a.pro1{
	display:block;
	background:url(images/protec_normal.jpg) 0 0 no-repeat;
	width:265px;
	height:100px;
	font-size:0;
	line-height:0;
	margin:0 0 15px 0;
}
#left ul.leftLink2 li a.pro1:hover{
	background:url(images/protec_hover.jpg) 0 0 no-repeat;
}
#left ul.leftLink2 li a.pro2{
	display:block;
	background:url(images/myr_normal.jpg) 0 0 no-repeat;
	width:265px;
	height:100px;
	font-size:0;
	line-height:0;
	margin:0 0 15px 0;
}
#left ul.leftLink2 li a.pro2:hover{
	background:url(images/myr_hover.jpg) 0 0 no-repeat;
}
/*------------------------------------------------left--------------------*/

/*------------------------------------------------right--------------------*/
#right{
	width:654px;
	float:right;
}
#right ul.topLink{
	width:654px;
	height:208px;
	padding:0;
	margin:0 0 2px 0;
	font-size:0;
	line-height:0;

}
#right ul.topLink li{
	float:left;
	font-size:0;
	line-height:0;
	padding:0;
	margin:0;
	display:block;
}
#right ul.topLink li a.soluciones{
	display:block;
	background:url(images/soluciones_pic.jpg) left bottom no-repeat;
	width:248px;
	height:195px;
	padding:13px 4px 0 0;
	text-decoration:none;
	font:normal 18px/12px Arial, Helvetica, sans-serif;
	color:#131313;
	background-color:inherit;
	text-align:right;
}
#right ul.topLink li a.soluciones:hover{
	background:url(images/soluciones_pic_hover.jpg) left bottom no-repeat;
	color:#D66B2B;
	background-color:inherit;
}
#right ul.topLink li a.soluciones span.nor{
	font:normal 10px Arial, Helvetica, sans-serif;
	color:#888888;
	background-color:inherit;
	display:block;
	margin:4px 0 0 0;
}
#right ul.topLink li a.clientes{
	display:block;
	background:url(images/clientes_pic.jpg) left bottom no-repeat;
	width:165px;
	height:195px;
	padding:13px 4px 0 0;
	text-decoration:none;
	font:normal 18px/12px Arial, Helvetica, sans-serif;
	color:#131313;
	background-color:inherit;
	text-align:right;
}
#right ul.topLink li a.clientes:hover{
	background:url(images/clientes_pic_hover.jpg) left bottom no-repeat;
	color:#D66B2B;
	background-color:inherit;
}
#right ul.topLink li a.clientes span.nor2{
	font:normal 10px/12px Arial, Helvetica, sans-serif;
	color:#888888;
	background-color:inherit;
	text-align:left;
	display:block;
	margin:4px 0 0 0;
}
#right ul.topLink li a.faq{
	display:block;
	background:url(images/faq_pic.jpg) left bottom no-repeat;
	width:126px;
	height:195px;
	padding:13px 4px 0 0;
	text-decoration:none;
	font:normal 18px/12px Arial, Helvetica, sans-serif;
	color:#131313;
	background-color:inherit;
	text-align:right;
}
#right ul.topLink li a.faq:hover{
	background:url(images/faq_pic_hover.jpg) left bottom no-repeat;
	color:#D66B2B;
	background-color:inherit;
}
#right ul.topLink li a.faq span.nor3{
	font:normal 10px/12px Arial, Helvetica, sans-serif;
	color:#888888;
	background-color:inherit;
	display:block;
	margin:4px 0 0 0; 
}
#right ul.topLink li a.correo{
	display:block;
	background:url(images/contactar_pic.jpg) left bottom no-repeat;
	width:96px;
	height:195px;
	padding:13px 4px 0 0;
	text-decoration:none;
	font:normal 18px/12px Arial, Helvetica, sans-serif;
	color:#131313;
	background-color:inherit;
	text-align:right;
}
#right ul.topLink li a.correo:hover{
	background:url(images/contactar_pic_hover.jpg) left bottom no-repeat;
	color:#D66B2B;
	background-color:inherit;
}
#right ul.topLink li a.correo span.nor4{
	font:normal 10px/12px Arial, Helvetica, sans-serif;
	color:#888888;
	background-color:inherit;
	/*text-align:right;*/
	display:block;
	margin:4px 0 0 0; 
	padding:0;
}
#right ul.nav{
	width:624px;
	height:40px;
	background:url(images/nav_bg.gif) 0 0 repeat-x;
	padding:0 0 0 30px;
}
#right ul.nav li{
	float:left;
	padding:0 2px 0 0;
	background:url(images/nav_div.gif) right top no-repeat;
	height:40px;
	text-align: center;
}
#right ul.nav li a{
	display:block;
	padding:0 17px 0 15px;
	font:bold 12px/40px Arial, Helvetica, sans-serif;
	color:#E2E2E2;
	background-color:inherit;
	text-decoration:none;
}
#right ul.nav li a:hover{
	color:#0373cd;
	background-color:inherit;
}
#right ul.nav li.noImg{
	background-image:none;
}
#right h2.welcome{
	display:block;
	background:url(images/welcome.jpg) 0 0 no-repeat;
	width:634px;
	height:35px;
	margin:11px 0 21px 20px;
	text-indent:-2000px;
}
#right p.rightTxt{
	display:block;
	width:634px;
	font-size:14px;
	line-height:20px;
	color:#444444;
	background-color:inherit;
	padding:0 0 0 20px;
}
#right p.rightTxt span{
	color:#BD6C03;
	background-color:inherit;
}
#right a.rm{
	display:block;
	background:url(images/read_more_bg.gif) 0 0 no-repeat;
	font:bold 12px/20px Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:center;
	background-color:inherit;
	width:72px;
	height:20px;
	margin:24px 0 15px 581px;
	text-decoration:none;
}
#right a.rm:hover{
	color:#000;
	background-color:inherit;
}
#right bullet
{	
	background-image:url(images/bullet.gif);
	background-repeat: no-repeat;
	width:10px;
	float:left;
	
	
}
#right h2.yellow{
	display:block;
	margin:0px 0px 10px 0px;
	width:100%;
	height:31px;
	background-color:#FAF8EF;
	color:#99916D;
	border:#EBE7D8 solid 1px;
}
#right h2.yellow span{
	display:block;
	background:url(images/bullet.gif) 0 8px no-repeat;
	height:16px;
	padding:8px 0 0 31px;
	margin-left:10px;
	font:bold 20px/16px Arial, Helvetica, sans-serif;
	color:#99916D;
	background-color:inherit;
}
#right h3.yellow{
	display:block;
	margin:0px 0px 10px 0px;
	width:100%%;
	height:31px;
	background-color:#FAF8EF;
	color:#99916D;
	border:#EBE7D8 solid 1px;
}
#right h3.yellow span{
	display:block;
	background:url(images/bullet.gif) 0 8px no-repeat;
	height:16px;
	padding:8px 0 0 31px;
	margin-left:10px;
	font:bold 16px/14px Arial, Helvetica, sans-serif;
	color:#99916D;
	background-color:inherit;
}
#test{
	width:302px;
	background-color:#FAF8EF;
	color:#99916D;
	border:#EBE7D8 solid 1px;
	float:right;
	padding:7px 10px 18px 7px;
	margin:0 0 0 10px;
}
#test h2{
	display:block;
	width:36px;
	height:82px;
	padding:2px 0 0 247px;
	margin:0 0 15px 0;
	background:url(images/testimonial_top.gif) 0 0 no-repeat;
}
#test h2 span{
	font:bold 12px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
}
#test ul{
	width:203px;
	float:left;
}
#test ul li.bullet{
	display:block;
	background:url(images/bullet2.gif) 0 5px no-repeat;
	padding:0 0 0 13px;
	font:bold 12px/15px Arial, Helvetica, sans-serif;
	color:#3C3C3C;
	background-color:inherit;
	float:left;
}
#test ul li.testTxt1{
	font:normal 12px/15px Arial, Helvetica, sans-serif;
	color:#99916D;
	background-color:inherit;
	margin:0 0 8px 0;
	float:left;
	padding:0 0 0 14px;
	display:block;
	width:189px;
}
#test ul li.testTxt2{
	font:normal 12px/15px Arial, Helvetica, sans-serif;
	color:#99916D;
	background-color:inherit;
	/*margin:0 0 12px 0;*/
	float:left;
	padding:0 0 8px 14px;
	display:block;
	width:189px;
}
#test p.testPic{
	display:block;
	width:64px;
	height:41px;
	float:right;
	background:url(images/testimonial_pic.gif) 0 0 no-repeat;
	margin:0 0 12px 0;
}
#test a.rm2{
	display:block;
	background:url(images/read_more_bg.gif) 0 0 no-repeat;
	font:bold 12px/20px Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:center;
	background-color:inherit;
	width:72px;
	height:20px;
	margin:0;
	text-decoration:none;
	float:right;
}
#test a.rm2:hover{
	color:#000;
	background-color:inherit;
}
#event{
	width:302px;
	background-color:#FAF8EF;
	color:#99916D;
	border:#EBE7D8 solid 1px;
	float:right;
	padding:7px 10px 13px 7px;
	margin:0;
}
#inicio{
	background-color:#FAF8EF;
	color:#99916D;
	border:#EBE7D8 solid 1px;
	padding:7px 10px 13px 7px;
	margin:0px 0px 10px 0;
	
}
#event h2{
	display:block;
	width:36px;
	height:82px;
	padding:2px 0 0 247px;
	margin:0 0 15px 0;
	background:url(images/event_top.gif) 0 0 no-repeat;
}
#event h2 span{
	font:bold 10px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
}

#event ul{
	width:273px;
}
#event ul li.bulletTxt{
	display:block;
	background:url(images/bullet2.gif) 0 5px no-repeat;
	padding:0 0 0 13px;
	font:bold 12px/15px Arial, Helvetica, sans-serif;
	color:#3C3C3C;
	background-color:inherit;
}

#event ul li.eventTxt{
	font:normal 12px/15px Arial, Helvetica, sans-serif;
	color:#99916D;
	background-color:inherit;
	margin:0 0 15px 0;
	padding:0 0 0 14px;
	display:block;
	width:259px;
}

#event a.rm3{
	display:block;
	background:url(images/read_more_bg.gif) 0 0 no-repeat;
	font:bold 12px/20px Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:center;
	background-color:inherit;
	width:72px;
	height:20px;
	margin:0;
	text-decoration:none;
	float:right;
}
#event a.rm3:hover{
	color:#000;
	background-color:inherit;
}

/*------------------------------------------------right--------------------*/

/*------------------------------------------------body--------------------*/

/*------------------------------------------------footer--------------------*/
#footer{
	width:950px;
	margin:0 auto;
	height:100px;
	background:url(images/footer_bg.gif) 0 0 repeat-x #626262;
	color:#fff;
	position:relative;
}
#footer ul{
	width:650px;
	position:absolute;
	left:18px;
	top:16px;
	height: 21px;
}
#footer ul li{
	float:left;
	font:normal 11px/18px Arial, Helvetica, sans-serif;
	color:#DFDFDF;
	background-color:inherit;
}
#footer ul li a{
	padding:0 7px;
	font:normal 11px/18px Arial, Helvetica, sans-serif;
	color:#DFDFDF;
	background-color:inherit;
	text-decoration:none;
}
#footer ul li a:hover{
	text-decoration:underline;
}
#footer p.copyright{
	font:normal 10px/18px Arial, Helvetica, sans-serif;
	position:absolute;
	left:66px;
	top:47px;
	width:272px;
}
#footer p.design{
	display:block;
	width:184px;
	height:18px;
	padding:0;
	position:absolute;
	left:107px;
	top:76px;
	font:bold 12px/18px Arial, Helvetica, sans-serif;
	color:#CCE645;
	background-color:inherit;
	text-align: center;
}

#footer p.design_logo{
	vertical-align:bottom;
	display:block;
	width:500px;
	height:50px;
	position:absolute;
	font:bold 12px/18px Arial, Helvetica, sans-serif;
	background-color:#666
	text-align: center;
	left: 450px;
	top: 49px;
	background-image:url(images/webswfooter.jpg);
	background-position:right bottom;
	background-repeat:no-repeat;
}

#footer p.design a.link{
font:bold 12px/18px Arial, Helvetica, sans-serif;
	color:#CCE645;
	background-color:inherit;
	text-decoration:none;
}
#footer p.design a.link:hover{
	color:#fff;
	background-color:inherit;
}
#footer a.xhtml{
	display:block;
	background:url(images/xhtml_bg.gif) 0 0 no-repeat;
	width:82px;
	height:20px;
	position:absolute;
	left:360px;
	top:47px;
	font:bold 12px/20px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	text-decoration:none;
	text-align:center;
}
#footer a.xhtml:hover{
	color:#FFE45F;
	background-color:inherit;
}
#footer a.css{
	display:block;
	background:url(images/xhtml_bg.gif) 0 0 no-repeat;
	width:82px;
	height:20px;
	position:absolute;
	left:360px;
	top:73px;
	font:bold 12px/20px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	text-decoration:none;
	text-align:center;
}
#footer a.css:hover{
	color:#FFE45F;
	background-color:inherit;
}
/*------------------------------------------------footer--------------------*/
/*------------------------------------------------ZCLIENTES--------------------*/
#zclientes{
	width:296px;
	float:left;
	padding:10px 0 0 0;
	margin-left:150px;
	margin-top:20px;
}

#zclientes h2.mem{
	/* display:block; */
	background:url(images/left_head_bg1.gif) 0 0 no-repeat;
	width:209px;
	height:41px;
	padding:0 42px 0 45px;
	font:bold 18px/41px Arial, Helvetica, sans-serif;
	color:#3E3E3E;
	background-color:inherit;
}

#zclientes form{
	width:243px;
	background-color:#F4F4F4;
	color:#000;
	border:#E1E1E1 solid 1px;
	padding:5px 21px 40px 22px;
}
#zclientes form input.txtBox{
	width:240px;
	height:25px;
	border-bottom:#D4D0C8 solid 1px;
	border-right:#D4D0C8 solid 1px;
	border-left:#404040 solid 1px;
	border-top:#404040 solid 1px;
	background-color:#fff;
	color:#000;
	float:left;
}
#zclientes form label.black{
	display:block;
	width:242px;
	font:normal 12px/29px Arial, Helvetica, sans-serif;
	color:#000;
	background-color:inherit;
	float:left;
}
#zclientes form input.chk{
	width:13px;
	height:13px;
	margin:10px 10px 0 0;
	float:left;
}
#zclientes form label.green{
	display:block;
	width:84px;
	font:bold 12px/13px Arial, Helvetica, sans-serif;
	color:#7C8E05;
	background-color:inherit;
	float:left;
	margin:10px 0 0 0;
}
#zclientes form input.login{
	background:url(images/btn_login.gif) 0 0 no-repeat #F4F4F4;
	width:72px;
	height:20px;
	font:bold 12px/20px Arial, Helvetica, sans-serif;
	color:#fff;
	border:none;
	cursor:pointer;
	float:right;
	margin:10px 0 0 0;
}

#zclientes h2.mem{
	display:block;
	background:url(images/left_head_bg1.gif) 0 0 no-repeat;
	width:209px;
	height:41px;
	padding:0 42px 0 45px;
	font:bold 18px/41px Arial, Helvetica, sans-serif;
	color:#3E3E3E;
	background-color:inherit;
}
#zclientes h2.mem span.two{
	margin:0 0 0 0;
	width:18px;
	font:bold 10px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	height:16px;
	float:right;
	padding:0 0 0 9px;
	text-transform:uppercase;
}
#zclientes a.rm3{
	display:block;
	background:url(images/read_more_bg.gif) 0 0 no-repeat;
	font:bold 12px/20px Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:center;
	background-color:inherit;
	width:72px;
	height:20px;
	margin:0;
	text-decoration:none;
	float:right;
    margin-top:8px;
}

/*  cajas   */
.caja{
	background-color:#FAF8EF;
	color:#99916D;
	border:#EBE7D8 solid 1px;
	padding:10px 20px 10px 20px;
	margin:0px 0px 10px 0px;
	font:normal 12px Arial, Helvetica, sans-serif;


}



/*----------bury---------------*/
/* Cambiando los div inicio por class="inicio" */

.inicio{
	background-color:#FAF8EF;
	color:#99916D;
	border:#EBE7D8 solid 1px;
	padding:7px 10px 13px 7px;
	margin:0px 0px 10px 0;
	
}

/*leer mas para noticias*/
#inicio a.rm3{
	display:block;
	background:url(images/read_more_bg.gif) 0 0 no-repeat;
	font:bold 12px/20px Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:center;
	background-color:inherit;
	width:72px;
	height:20px;
	margin:0;
	text-decoration:none;
	float:right;
}

/*sobresalir titulo nocitia*/
#inicio ul li.bulletTxt{
	display:block;
	background:url(images/bullet2.gif) 0 5px no-repeat;
	padding:0 0 0 13px;
	font:bold 13px/17px Arial, Helvetica, sans-serif;
	color:#3C3C3C;
	background-color:inherit;
}

/*texto de la noticia*/
#inicio ul li.eventTxt{
	font:normal 13px/15px Arial, Helvetica, sans-serif;
	color:#99916D;
	background-color:inherit;
	margin:0 0 15px 0;
	padding:0 0 0 14px;
	display:block;
	width:259px;
}


#left ul.leftLink2 li a.pro3{
	display:block;
	background:url(images/pelu_normal.jpg) 0 0 no-repeat;
	width:265px;
	height:100px;
	font-size:0;
	line-height:0;
	margin:0px;
}
#left ul.leftLink2 li a.pro3:hover{
	background:url(images/pelu_hover.jpg) 0 0 no-repeat;
}