@import url("reset.css");
body{background:#A4A4A4;font-family:"Arial";margin:0 0 0 0;color:#333333; font-size:15px;}
h1{font:normal 20px "Georgia", Arial;color:#38AAC2;margin:5px 0 5px 10px;}/*titulos*/
h2{font:normal 16px "Arial", Georgia;color:#000000;margin:0 0 0 0;}/*volanta*/
h3{font:normal 12px "Georgia", Arial;color:#000000;margin:0 0 0 0;}/*N/A*/
h4{font:normal 8px  "Georgia", Arial;color:#000000;margin:0 0 0 0;}/*N/A*/

#main-container,#header,#main-content,#left_col{clear:both;overflow:hidden;}
#main-container,#main-content,#left_col{height:1%;}
#header,#main-content,#footer{text-align:left;}

/* ==================================================================================
>> contenedor principal
================================================================================== */
#main-container{
	width:1036px;
	height:auto;
	/*border:solid 1px #000;*/
}
/* ==================================================================================
>> cabecera
================================================================================== */
	#header{
		background:url(../images/bg_header.jpg) repeat-x bottom #f1f1f1;
		width:1036px;
		height:198px;
	}
		#header .rss{width:55px;height:27px;float:left;}
		#header .rss img{margin:0 5px 0 0;float:right;}
		
		#header .usr{width:auto;height:19px;font:normal 12px "Arial", Georgia;margin-left:3px;padding-top:8px;padding-right:5px;float:left;}
		#header .usr_menu{width:400px;height:19px;font:normal 12px "Arial", Georgia;margin-left:3px;padding-top:8px;float:left;}
		
		#header .usr_menu .menu{height:18px;width:300px;margin-right:110px;padding-top:0;position:absolute;}
		#header .usr_menu .menu ul{
			font:normal 11px "Arial", Georgia;
			margin:0 0 0 2px;
		}
		#header .usr_menu .menu li{
			list-style-type:none;
			margin:1px 10px 0 0;
			padding:0 0 0 0;
			float:left;
		}
		#header .usr_menu .menu a{
			color:#313131;
			text-decoration:underline;
			padding:0 0 0 0;
			display:block;
		}
		#header .usr_menu .menu a:hover{
			text-decoration:none;
		}
		
		#header .top-header{background:url(../images/header-top.jpg) no-repeat;width:91px;height:27px;float:right;}
		#header .headerLeft{background:url(../images/haderLeft.jpg) no-repeat;width:400px;height:171px;float:left;}
		#header 	h1.isologo{background:url(../images/iso_logo.jpg) no-repeat #666666;width:202px;height:102px;margin:35px 0 0 66px;position:absolute;}
		#header .headerRight{background:url(../images/haderRight.jpg) no-repeat;width:559px;height:171px;float:right;}
		#header 	.rightTop{background:none;width:422px;height:58px;float:right;}
		#header 	.online{width:143px;height:80px;margin:58px 0 0 123px;position:absolute;}
		#header 	.iconos{width:48px;height:80px;margin:58px 0 0 352px;position:absolute;}
		#header 	.fecha{width:406px;height:19px;font:normal 13px "Arial", Georgia;text-align:right;color:#C1DADE;margin:139px 0 0 -30px;padding-right:5px;position:absolute;}
/* ==================================================================================
>> menu principal
================================================================================== */
	/*#top-bor{background:url(../images/main_menuTop.jpg) no-repeat;height:5px;.margin:0 0 -12px 0;}*/
	#main-menu{
		background:url(../images/bg_mainmenu.jpg) no-repeat;
		width:1036px;
		height:52px;
	}
		/*#main-menu ul{
			font:bold 15px "Arial", Georgia;
			margin:0 0 0 0;
		}
		#main-menu li{
			list-style-type:none;
			margin:0 0 0 0;
			padding:0 0 0 0;
			float:left;
		}
		#main-menu li.activo{
			list-style-type:none;
			background:url(../images/main_menuDer.jpg) no-repeat right top;
			padding:0 0 0 0;
			float:left;
		}
		#main-menu a{
			color:#023E5A;
			text-decoration:none;
			display:block;
		}
		#main-menu a.activo{background:url(../images/main_menuIzq.jpg) no-repeat left top;}
		#main-menu a.activo:hover{
			text-decoration:none;
		}*/
		#main-menu ul{
			font:bold 15px "Arial", Georgia;
			margin:0 0 0 23px;
			float:left;
		}
		#main-menu li{
			list-style-type:none;
			padding:0 26px 0 26px;
			margin:5px 0 0 0;
			float:left;
		}
			#main-menu li.activo{
				background:url(../images/main_menuDer.jpg) no-repeat right top;
				padding:0 26px 0 0;
			}
		#main-menu a{
			text-decoration:none;
			color:#003C58;
			display:block;
			padding:18px 0 0 0;
		}
		#main-menu a:hover{
			color:#494949;
		}
			#main-menu a.activo{
				background:url(../images/main_menuIzq.jpg) no-repeat left top;
				text-decoration:none;
				color:#003C58;
				padding:18px 0 11px 26px;
			}
			#main-menu a.activo2{
				background:url(../images/main_menuIzq2.jpg) no-repeat left top;
				text-decoration:none;
				color:#003C58;
				padding:18px 0 11px 26px;
			}
			#main-menu a.activo:hover{
				text-decoration:none;
			}
		#main-menu .cont-search{width:360px;height:52px;float:right;position:static;}
		#main-menu .cont-search .campos{background:url(../images/bg_search.jpg) no-repeat;width:214px;height:30px;margin:12px 0 0 0;float:left;}
								.campos .searh{width:175px;border:0;font:normal 11px "Arial", Georgia;color:#999999;margin:6px 0 0 2px;padding-top:2px;padding-left:6px;float:left; position:static; margin-left:5px;}
								.campos .btn{background:url(../images/btn_search.jpg) no-repeat;width:27px;height:30px;border:0;cursor:pointer;float:left;}
								.campos img{cursor:pointer;float:right;position:static;}
		#main-menu .cont-search a{font:normal 11px "Arial", Georgia;color:#02425E;text-decoration:underline;margin:2px 0 0 6px;float:left;}
		#main-menu .cont-search a:hover{text-decoration:none;}

/* ==================================================================================
>> contenido principal
================================================================================== */
	#main-content{
		background:url(../images/body_bg.jpg) repeat-y;
		width:1036px;
		height:auto;
		padding-bottom:25px;
	}
		#sub_menu{
			background:url(../images/sub_menuBottom.jpg) no-repeat bottom;
			width:100%;
			height:38px;
			margin:0 0 0 0;
			float:left;
		}
		
		/**/
		#items{height:25px;width:1036px;text-align:center;margin-top:6px;}
		#items a{background:url(../images/oculto.jpg) no-repeat center bottom;color:#C5C5C5;font:normal 10px "Arial", Georgia;margin:0 20px 0 20px;padding-bottom:5px;}
		#items a:hover{color:#000000;}
		#items a.select{background:#FFFFFF;color:#000000;font-size:12px;vertical-align:baseline;/*margin:0 20px 0 20px;*/}
		#items a.inselect{background:#FFFFFF;color:#000000;font-size:10px;vertical-align:baseline;}
		/*#items a.inselect{background:#FFFFFF;color:#000000;font-size:10px;vertical-align:baseline;}*/
		/**/
		
		#left_col{
			width:693px;
			margin:0 0 0 0;
			float:left;
		}
		#right_col{
			width:343px;
			/*background:#e1e1e1;*/
			margin:0 0 0 0;
			float:right;
		}
		
#left_col 	.cont-left{width:422px;height:auto;border-right:solid 1px #A4A4A4;margin:5px 0 0 35px;float:left;}
#left_col 	.cont-left2{width:652px;height:auto;border-right:solid 1px #1F8699;margin:5px 0 0 40px;float:left;}
#left_col 	.cont-right{width:230px;/*border-right:solid 1px #1F8699;*/margin:5px 0 0 0;float:right;}
#right_col	.cont-lat{width:300px;height:auto;margin-left:8px;margin-top:5px;}
#right_col	.cont-lat img{margin:0 0 10px 0;}
#right_col	.slideShow{margin:0 0 8px 0;}
#right_col	.slideShow .titulo{background:url(../images/bg_titulos.jpg) no-repeat left #02425E;width:265px;height:24px;font:normal 14px "Arial", Georgia;color:#FFFFFF;padding:10px 0 0 35px;margin-bottom:1px;}

#right_col  .cont_plusnoticias{width:190px;height:25px;padding:20px;border-top:solid 1px #ddd;border-bottom:solid 1px #ddd;}
#right_col  a.plusnoticias{font:normal 20px "Georgia", Arial;color:#38AAC2;margin:0 0 0 0;}

/*
>> PORTADA
*/
#left_col 	.cont-left .ultimaNota{background:url(../images/notaPrinc_bg.jpg) repeat-y;width:385px;height:auto;margin:0 0 0 2px;padding:10px 25px 8px 15px;}
					   .ultimaNota .genero{font:normal 14px "Arial", Georgia;color:#626262;}
					   .ultimaNota h2 a{font:normal 23px "Georgia", Arial;color:#02425E;margin:0 0 12px 0;}
					   .ultimaNota .imgNota{}
					   .ultimaNota img{border:solid 1px #f1f1f1;}
					   .ultimaNota .copete{font:normal 12px "Arial", Georgia;color:#6A6A6A;margin:8px 0 10px 0;text-align:justify;}
					   .ultimaNota .copete .hs,
					   .ultimaNota .copete a.mas{font-weight:bold;color:#023850;}
					   .ultimaNota .copete a.mas:hover{color:#014F70;}
					   
#left_col 	.cont-left .notas{width:406px;height:auto;margin:0 0 0 2px;margin-top:10px;padding:0 0 0 6px;}
					   .notas .genero{font:normal 14px "Arial", Georgia;color:#626262;}
					   .notas h2 a{font:normal 23px "Georgia", Arial;color:#38AAC2;margin:0 0 12px 0;}
					   .notas .imgNota{}
					   .notas .copete{font:normal 12px "Arial", Georgia;color:#6A6A6A;margin:10px 0 0 0;text-align:justify;}
					   .notas .copete .hs,
					   .notas .copete a.mas{font-weight:bold;color:#023850;}
					   .notas .copete a.mas:hover{color:#014F70;}
					   .notas .line{width:100%;margin:15px 0 0 0;border-bottom:solid 1px #DBDBDB;}
					   .notas .space{width:100%;margin:15px 0 0 0;}

#left_col 	.cont-left .borTop{background:url(../images/notaPrinc_bor.jpg) no-repeat;background-position:0 0;width:413px;height:6px;margin:2px 0 0 2px;}
#left_col 	.cont-left .borBottom{background:url(../images/notaPrinc_bor.jpg) no-repeat;background-position:0 -6px;width:413px;height:6px;margin:0 0 0 2px;}

#left_col 	.cont-right .ranking{background:#E1E1E1;width:215px;margin:2px 0 15px 5px;border-left:solid 1px #014F70;border-right:solid 1px #014F70;border-bottom:solid 1px #014F70; padding-bottom:10px;}
#left_col 	.cont-right .ranking .titulo{background:url(../images/bg_titulos.jpg) no-repeat left #02425E;width:180px;height:24px;font:normal 14px "Arial", Georgia;color:#FFFFFF;padding:10px 0 0 35px;margin-bottom:20px;}
#left_col 	.cont-right .ranking .nota{width:196px;font:normal 12px "Arial", Georgia;margin:10px 0 0 10px;color:#545454;}
#left_col 	.cont-right .ranking .nota h3{font:normal 12px "Arial", Georgia;color:#838383;}
					    .ranking .nota .hs,
					   	.ranking .nota a.mas{font-weight:bold;color:#446A7F;}
					   	.ranking .nota a.mas:hover{color:#014F70;}
#left_col 	.cont-right .notas{width:217px;margin:8px 0 0 5px;}
			.cont-right .notas .line{width:100%;margin:15px 0 0 0;border-bottom:solid 1px #DBDBDB;}
			.cont-right .notas .space{width:100%;margin:15px 0 0 0;}
			
#left_col 	.cuerpo{ width:408px;font:normal 12px "Arial", Georgia;color:#003953;margin:12px 0 0 7px;text-align:justify;}
#left_col 	.cuerpo a{color:#38AAC2;text-decoration:underline;}
#left_col 	.cuerpo a:hover{color:#014F70;}

#left_col 	.cont-right .funcionesNota{width:215px;margin:2px 0 -2px 5px;}
#left_col 	.cont-right .funcionesNota table.funciones{width:196px;font:normal 12px "Arial", Georgia;margin:10px 0 0 10px;color:#545454;}
#left_col 	.cont-right .funcionesNota table.funciones h3{font:normal 12px "Arial", Georgia;color:#02415E;margin-left:25px;}
					   	.funcionesNota table.funciones a{font:normal 12px "Arial", Georgia;color:#02415E;margin-left:25px;}
					   	.funcionesNota table.funciones a:hover{text-decoration:underline;}
#left_col 	.cont-right .funcion{margin:0 0 6px 0;}
						#max{background:url(../images/icon_gral.jpg) no-repeat;height:15px;background-position:0 0;}
						#min{background:url(../images/icon_gral.jpg) no-repeat;height:14px;background-position:0 -14px;}
						#send{background:url(../images/icon_gral.jpg) no-repeat;height:14px;background-position:0 -28px;}
						#print{background:url(../images/icon_gral.jpg) no-repeat;height:16px;background-position:0 -42px;}
						
#left_col 	.cont-right .cont-social{width:215px;height:184px;border:solid 1px #B9B9B9;margin:0 0 13px 5px;}
#left_col 	.cont-right .cont-social table.grupos{width:196px;font:normal 12px "Arial", Georgia;margin:6px 0 0 7px;color:#545454;}
#left_col 	.cont-right .cont-social table.grupos h3{font:normal 10px "Arial", Georgia;color:#02415E;margin-left:20px;}
					   	.cont-social table.grupos a{font:normal 11px "Arial", Georgia;color:#02415E;margin-left:20px;}
					   	.cont-social table.grupos a:hover{text-decoration:underline;}
#left_col 	.cont-right .red{margin:0 0 11px 0;}
						#compartir{background:url(../images/icon_compartir.jpg) no-repeat;height:15px;}
						#compartir a{font-size:13px; margin-left:25px;}
						#enlace{background:url(../images/icon_gral.jpg) no-repeat;height:15px;background-position:0 -70px;width:98px;}
						#yahoo{background:url(../images/icon_gral.jpg) no-repeat;height:14px;background-position:0 -83px;}
						#facebook{background:url(../images/icon_gral.jpg) no-repeat;height:14px;background-position:0 -100px;}
						#google{background:url(../images/icon_gral.jpg) no-repeat; width:110px;height:14px;background-position:0 -115px;}
						#myspace{background:url(../images/icon_gral.jpg) no-repeat;height:14px;background-position:0 -131px;}
						#stumbleupon{background:url(../images/icon_gral.jpg) no-repeat;height:14px;background-position:0 -146px;}
						#twitthis{background:url(../images/icon_gral.jpg) no-repeat;height:15px;background-position:0 -161px;}
						#reddit{background:url(../images/icon_gral.jpg) no-repeat;height:15px;background-position:0 -177px;}
						#technotatti{background:url(../images/icon_gral.jpg) no-repeat;height:16px;background-position:0 -194px;}
						#delicious{background:url(../images/icon_gral.jpg) no-repeat;height:16px;background-position:0 -211px;}
						#digg{background:url(../images/icon_gral.jpg) no-repeat;height:16px;background-position:0 -228px;}
						#meneame{background:url(../images/icon_gral.jpg) no-repeat;height:16px;background-position:0 -245px;}

/** nuevo **/

#left_col .cont-right img{ width: 217px; }
						
/*
>> rotador
*/						

#left_col .cont-rotador{margin:10px 0 0 0;width:692px;/*border-right:solid 1px #1F8699;*/}
#left_col .cont-rotador .rotador{background:url(../images/bg_rotador.jpg) no-repeat;width:649px;height:278px;margin:0 0 0 40px;}
		  .cont-rotador .rotador .btns{background:#CCCCCC;width:56px;height:34px;margin:4px 15px 0 0;float:right;}
		  				.rotador .btns .back{background:url(../images/btn_back.jpg) no-repeat;width:28px;height:34px;cursor:pointer;float:left;}
						.rotador .btns .next{background:url(../images/btn_next.jpg) no-repeat;width:28px;height:34px;cursor:pointer;float:left;}
		  .cont-rotador .rotador .titulo{width:70%;height:24px;font:normal 14px "Arial", Georgia;color:#FFFFFF;padding:13px 0 0 45px;float:left;}
		  .cont-rotador .rotador .cont-notas{width:635px;height:auto;font:normal 14px "Arial", Georgia; margin-left:5px;}
		  .cont-rotador .rotador .cont-notas ul{margin:0 0 0 0;}
		  .cont-rotador .rotador .cont-notas ul li{list-style:none;margin:0 0 0 0;}
		  .cont-rotador .rotador .notas{background:#FFFFFF;width:204px;height:217px;border:solid 1px #A4A4A4;margin:11px 0 0 5px;float:left;}
		  				.rotador .notas img{margin:10px 0 10px 10px;}
						.rotador .notas .contenido{width:182px;height:86px;text-align:justify;overflow:hidden;margin-left:10px;}
								 .notas .contenido h2 a{font:bold 15px "Georgia", Arial;text-align:left;color:#38AAC2;margin:0 0 4px 0;}
								 .notas .contenido .copete{}

/*
>> SECCIONES
*/

#left_col 	.cont-left2 .titulo{background:url(../images/bg_titulos.jpg) no-repeat left #02425E;width:605px;height:24px;font:normal 14px "Arial", Georgia;color:#FFFFFF;padding:10px 0 0 35px;}
#left_col 	.cont-left2 .sin-titulo{background:#FFFFFF;width:617px;height:24px;padding:10px 0 0 35px;}
#left_col 	.cont-left2 .content{font:normal 12px "Arial", Georgia;height:660px; margin:0 0 15px 0;}
						#institucional{background:url(../images/bglt7_01.jpg) no-repeat top right #FFFFFF;width:524px;padding:40px 50px 0 78px;}
						#comercial{background:url(../images/bglt7_02.jpg) no-repeat top right #FFFFFF;width:582px;padding:22px 50px 0 20px;}
						#comercial .contactos{background:#D9D9D9;width:216px;height:181px;margin:20px 0 0 -12px; padding:10px 0 0 10px;}
						#comercial .contactos span.strong{font-size:14px;font-weight:bold;color:#00344C;}
						#comercial .contactos a{color:#5E5E5E;text-decoration:none;}
						#comercial .contactos a:hover{color:#5E5E5E;text-decoration:underline;}
						#contacto{width:650px;padding:10px 0 0 0;}
							#contacto label{font:normal 13px "Arial", Georgia;color:#00344C;}
							#contacto .form{width:282px;margin:0 0 0 92px;float:left;position:static;}
							#contacto .form form input.campo{background:#f1f1f1;width:260px;height:20px;font:normal 12px "Arial", Georgia;margin-top:4px; margin-bottom:10px;padding:5px 5px 0 5px;border:solid 1px #00344C;}
							#contacto .form form textarea{background:#f1f1f1;width:260px;height:200px;font:normal 12px "Arial", Georgia;margin-top:2px;padding:5px 5px 0 5px;border:solid 1px #00344C;}
							#contacto .info{width:240px;margin:20px 0 0 0;font-size:12px;color:#5E5E5E;float:right;position:static;}
							#contacto .info span.strong{font-size:14px;font-weight:bold;color:#00344C;}
							#contacto .info a{color:#5E5E5E;text-decoration:none;}
							#contacto .info a:hover{color:#5E5E5E;text-decoration:underline;}
						
						#desarrollo,
						#seccion{width:630px;padding:0 10px 0 10px;}
						
							#desarrollo h2,
							#desarrollo h2 a{font:normal 25px "Georgia", Arial;color:#38AAC2;margin:0 0 12px 0;}
							#desarrollo .genero{font:normal 14px "Arial", Georgia;color:#626262;}
							#desarrollo .copete{font:normal 14px "Arial", Georgia;color:#003953;margin:10px 0 0 0;text-align:justify;}
							#desarrollo .copete .hs{color:#7D7D7D;}
							#desarrollo .copete a{color:#38AAC2;text-decoration:underline;}
							#desarrollo .copete a:hover{color:#014F70;}
							#desarrollo .line{width:100%;margin:15px 0 0 0;border-bottom:solid 1px #DBDBDB;}
							#desarrollo .space{width:100%;margin:15px 0 0 0;}
							
							#seccion h2 a{font:normal 22px "Georgia", Arial;color:#38AAC2;margin:0 0 12px 0;}
							#seccion .copete{font:normal 12px "Arial", Georgia;color:#003953;margin:10px 0 0 0;text-align:justify;}
							#seccion .copete .hs{font-weight:bold;color:#003953;}
							#seccion .copete a{color:#38AAC2;text-decoration:underline;}
							#seccion .copete a:hover{color:#014F70;}
							#seccion .line{width:100%;margin:15px 0 5px 0;border-bottom:solid 1px #DBDBDB;float:left;}
							#seccion .space{width:100%;margin:15px 0 0 0;}
							
#left_col 	.cont-left .line{width:100%;margin:15px 0 0 0;border-bottom:solid 1px #DBDBDB;}
#left_col 	.cont-left .galery{margin:10px 0 0 8px;}
#left_col 	.cont-left2 .content table{font-family:"Arial", Georgia;color:#00344C;}
						.content table .localidad{font-size:15px;font-weight:bold;}
						.content table td{font-size:9px;}
#left_col 	.cont-left2 .content p{margin:0 0 0 0;}

/*
>> FORMULARIO
*/
#con-login{width:300px;height:auto;margin-top:10px;}
#con-login form label{font:normal 12px "Arial", Georgia;}
#con-login form input.campo{background:#f1f1f1;width:150px;height:20px;font:normal 12px "Arial", Georgia;margin-top:2px;padding:5px 5px 0 5px;border:solid 1px #00344C;}
.buscar{margin:0 0 0 0;}

.btn_form{background:url(../images/bg_btns.jpg) no-repeat;background-position:0 0;width:100px;height:38px;font:bold 15px "Arial", Georgia;padding:0 0 0 0;color:#00344C;border:none;border:0;cursor:pointer;}
.btn_form:hover{background:url(../images/bg_btns.jpg) no-repeat;background-position:0 -37px;}

.LV_invalid{color:#FF0000;}

/* ==================================================================================
>> pie
================================================================================== */
	#footer{
		background:url(../images/bg_footer.jpg) no-repeat top;
		width:1036px;
		height:152px;
	}
		#footer .cont_menu{width:435px;clear:both;overflow:hidden;}
		#footer ul{font:normal 15px "Arial", Georgia;color:#01415D;margin:18px 12px 0 12px;float:left;}
		#footer ul li{list-style:none;margin:0 5px 0 0;float:left;}
		#footer a{text-decoration:underline;color:#000000;}
		#footer ul li a{list-style:none;color:#054062;}
		#footer ul li a:hover{text-decoration:underline;}
		
	.favoritos{width:928px;font:normal 15px "Arial", Georgia;margin:25px 0 0 0;float:left;}
	.favoritos p{margin:0 0 0 225px;}

/*
>> CONINFO
*/
	.favoritos .coninfo{width:200px;height:30px;padding-top:3px;}
	
/* ALINEACION */
.center{
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.float-left{
	float:left;
}
.float-right{
	float:right;
}

/* ESPACIOS */
.spacet10{margin:10px 0 0 0;}
.spacet5{margin:5px 0 0 0;}
.spaceb-10{margin:0 0 -10px 0;}
.spaceb-5{margin:0 0 -5px 0;}


/*
>> buttons:
*/

#buttons {
	height: 74px;
}

#links {
	height: 50px;
}

button,
a.button,
a.button:link,
a.button:visited {
  padding: 0 0 0 0;
  margin: 0 3px 0 3px;
  border: none;
  display: block;
  cursor: pointer;
  text-decoration: none;
  outline: none;
  white-space:nowrap;
  overflow: visible;
}

  * html a.button,
  * html a.button:link,
  * html a.button:visited {
    width: 1%;
  }

  button, x:-moz-any-link {
    margin: 0 0 0 0;
  }

  *:first-child+html button {
    margin: 0 3px 0 3px;
  }

  button span,
  a.button span,
  a.button:link span,
  a.button:visited span {
    display: block;
  }

button,
a.button,
a.button:link,
a.button:visited {
  height: 36px;
  font-family: "Helvetica Neue", Helvetica, clean, sans-serif;
  font-size: 13px;
  color: #666666;
  background-color: #ffffff;
}

  button.button_active,
  a.button_active {
  }

  button span,
  a.button span,
  a.button:link span,
  a.button:visited span {
    padding: 0 14px 0 0;
    height: 37px;
    background: url(../images/bg_button_right2.jpg) top right;
  }

  button span span,
  a.button span span,
  a.button:link span span,
  a.button:visited span span {
    padding: 0 0 0 14px;
    height: 37px;
    line-height: 37px;
    background: url(../images/bg_button_left2.jpg) top left;
  }

  button:hover,
  a.button:hover {
    color: #000000;
  }

  button.submit span,
  a.submit span,
  a.submit:link span,
  a.submit:visited span {
  }

  button.submit span span,
  a.submit span span,
  a.submit:link span span,
  a.submit:visited span span {
    padding-left: 26px;
    background-image: url(../images/bg_button_left_submit.gif);
  }

  button.submit:hover,
  a.submit:hover {
  }

  button.cancel span,
  a.cancel span,
  a.cancel:link span,
  a.cancel:visited span {
  }

  button.cancel span span,
  a.cancel span span,
  a.cancel:link span span,
  a.cancel:visited span span{
    padding-left: 26px;
    background-image: url(../images/bg_button_left_cancel.gif);
  }

  button.cancel:hover,
  a.cancel:hover {
  }

  button:active span,
  a:active:active span,
  button.button_active span,
  a.button_active:active span {
    background-position: bottom right;
  }

  button:active span span,
  a:active:active span span,
  button.button_active span span,
  a.button_active:active span span {
    background-position: bottom left;
  }
